@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=DM+Sans:wght@300;400;500;600;700&display=swap);:root{--primary:#1e88e5;--primary-dark:#1565c0;--primary-light:#e3f2fd;--green:#43a047;--green-light:#e8f5e9;--gold:#f4b400;--gold-light:#fff8e1;--red:#e53935;--red-light:#ffebee;--bg:#f8fafc;--card:#fff;--sidebar:#fff;--text-primary:#1f2937;--text-secondary:#6b7280;--border:#e5e7eb;--shadow:0 1px 3px #00000014,0 1px 2px #0000000a;--shadow-md:0 4px 16px #1e88e514,0 2px 8px #0000000f;--shadow-lg:0 8px 32px #1e88e51f,0 4px 16px #00000014;--radius:14px;--radius-sm:8px;--sidebar-w:248px;--header-h:64px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f8fafc;background:var(--bg);color:#1f2937;color:var(--text-primary);font-family:DM Sans,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;line-height:1.3}.layout{display:flex;min-height:100vh}.main-content{background:#f8fafc;background:var(--bg);flex:1 1;margin-left:248px;margin-left:var(--sidebar-w);min-height:100vh;padding-top:64px;padding-top:var(--header-h)}.sidebar{background:#fff;background:var(--sidebar);border-right:1px solid #e5e7eb;border-right:1px solid var(--border);bottom:0;display:flex;flex-direction:column;left:0;overflow-y:auto;position:fixed;top:0;width:248px;width:var(--sidebar-w);z-index:100}.sidebar-logo{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);padding:20px 20px 16px}.logo-mark{gap:10px}.logo-icon,.logo-mark{align-items:center;display:flex}.logo-icon{background:linear-gradient(135deg,#1e88e5,#43a047);background:linear-gradient(135deg,var(--primary) 0,var(--green) 100%);border-radius:10px;color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:800;height:38px;justify-content:center;width:38px}.logo-text{display:flex;flex-direction:column}.logo-text strong{color:#1f2937;color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:800;letter-spacing:-.3px}.logo-text span{color:#6b7280;color:var(--text-secondary);font-size:10px;letter-spacing:.5px}.sidebar-nav{flex:1 1;padding:12px}.nav-section{margin-bottom:6px}.nav-label{font-size:10px;font-weight:700;letter-spacing:.8px;padding:8px 8px 4px;text-transform:uppercase}.nav-item,.nav-label{color:#6b7280;color:var(--text-secondary)}.nav-item{align-items:center;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:13.5px;font-weight:500;gap:10px;margin-bottom:1px;padding:9px 10px;position:relative;text-decoration:none;transition:all .15s}.nav-item:hover{background:#f3f4f6;color:#1f2937;color:var(--text-primary)}.nav-item.active{background:#e3f2fd;background:var(--primary-light);color:#1e88e5;color:var(--primary);font-weight:600}.nav-item.active:before{background:#1e88e5;background:var(--primary);border-radius:0 3px 3px 0;bottom:25%;content:"";left:0;margin-left:-10px;position:absolute;top:25%;width:3px}.nav-icon{flex-shrink:0;height:18px;width:18px}.sidebar-help{background:linear-gradient(135deg,#1e88e5,#43a047);background:linear-gradient(135deg,var(--primary) 0,var(--green) 100%);border-radius:14px;border-radius:var(--radius);color:#fff;margin:12px;padding:14px}.sidebar-help h4{font-size:13px;margin-bottom:4px}.sidebar-help p{font-size:11.5px;margin-bottom:10px;opacity:.85}.help-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .15s;width:100%}.help-btn:hover{background:#ffffff4d}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);gap:16px;height:64px;height:var(--header-h);left:248px;left:var(--sidebar-w);padding:0 28px;position:fixed;right:0;top:0;z-index:90}.header,.header-search{align-items:center;display:flex}.header-search{background:#f8fafc;background:var(--bg);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;color:#6b7280;color:var(--text-secondary);flex:1 1;font-size:13.5px;gap:10px;max-width:400px;padding:8px 14px}.header-search input{background:#0000;border:none;color:#1f2937;color:var(--text-primary);font-family:inherit;font-size:13.5px;outline:none;width:100%}.header-actions{gap:12px;margin-left:auto}.header-actions,.header-btn{align-items:center;display:flex}.header-btn{background:#f8fafc;background:var(--bg);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;color:#6b7280;color:var(--text-secondary);cursor:pointer;height:38px;justify-content:center;position:relative;transition:all .15s;width:38px}.header-btn:hover{background:#e3f2fd;background:var(--primary-light);color:#1e88e5;color:var(--primary)}.badge{background:#e53935;background:var(--red);border:2px solid #fff;border-radius:50%;color:#fff;font-size:9px;font-weight:700;height:16px;justify-content:center;position:absolute;right:-3px;top:-3px;width:16px}.badge,.user-menu{align-items:center;display:flex}.user-menu{background:#f8fafc;background:var(--bg);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;cursor:pointer;gap:10px;padding:6px 12px;transition:all .15s}.user-menu:hover{background:#e3f2fd;background:var(--primary-light)}.user-avatar{align-items:center;background:linear-gradient(135deg,#1e88e5,#43a047);background:linear-gradient(135deg,var(--primary) 0,var(--green) 100%);border-radius:50%;color:#fff;display:flex;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:700;height:32px;justify-content:center;width:32px}.user-info{text-align:left}.user-info strong{display:block;font-size:13px;font-weight:600}.user-info span{color:#6b7280;color:var(--text-secondary);font-size:11px}.page{padding:28px}.page-title{font-size:22px;font-weight:800;margin-bottom:4px}.page-subtitle{color:#6b7280;color:var(--text-secondary);font-size:14px;margin-bottom:24px}.card{background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--shadow)}.card-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:18px 20px 14px}.card-title{font-size:15px;font-weight:700}.card-body{padding:20px}.stats-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(5,1fr);margin-bottom:24px}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}}.stat-card{background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--shadow);cursor:pointer;padding:18px 20px;transition:all .2s}.stat-card:hover{box-shadow:0 4px 16px #1e88e514,0 2px 8px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-icon{align-items:center;border-radius:10px;display:flex;height:42px;justify-content:center;margin-bottom:12px;width:42px}.stat-icon.blue{background:#e3f2fd;background:var(--primary-light);color:#1e88e5;color:var(--primary)}.stat-icon.green{background:#e8f5e9;background:var(--green-light);color:#43a047;color:var(--green)}.stat-icon.gold{background:#fff8e1;background:var(--gold-light);color:#f4b400;color:var(--gold)}.stat-label{color:#6b7280;color:var(--text-secondary);font-size:12px;font-weight:500;margin-bottom:4px}.stat-value{color:#1f2937;color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:800}.stat-link{color:#1e88e5;color:var(--primary);cursor:pointer;font-size:12px;font-weight:500;margin-top:6px}.dashboard-grid{grid-gap:18px;grid-template-columns:1fr 1fr 1fr}.dashboard-grid,.dashboard-grid-2{display:grid;gap:18px;margin-bottom:18px}.dashboard-grid-2{grid-gap:18px;grid-template-columns:1fr 1fr 1fr 1fr}.progress-row{align-items:center;display:flex;gap:12px;margin-bottom:14px}.progress-label{flex:0 0 160px;font-size:13px;font-weight:500}.progress-bar-wrap{background:#f8fafc;background:var(--bg);border-radius:99px;flex:1 1;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#1e88e5,#43a047);background:linear-gradient(90deg,var(--primary) 0,var(--green) 100%);border-radius:99px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-pct{color:#1f2937;color:var(--text-primary);flex:0 0 38px;font-size:13px;font-weight:700;text-align:right}.status{align-items:center;border-radius:99px;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:3px 10px}.status.approved,.status.completed,.status.paid,.status.resolved{background:#e8f5e9;background:var(--green-light);color:#43a047;color:var(--green)}.status.confirmed,.status.in-progress{background:#e3f2fd;background:var(--primary-light);color:#1e88e5;color:var(--primary)}.status.open,.status.pending,.status.scheduled{background:#fff8e1;background:var(--gold-light);color:#b45309}.status.cancelled,.status.closed,.status.delayed,.status.overdue{background:#ffebee;background:var(--red-light);color:#e53935;color:var(--red)}.status.changes-requested{background:#fef3c7;color:#d97706}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{background:#f8fafc;background:var(--bg);color:#6b7280;color:var(--text-secondary);font-size:11.5px;font-weight:700;letter-spacing:.5px;padding:10px 16px;text-align:left;text-transform:uppercase}td,th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border)}td{font-size:13.5px;padding:13px 16px;vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:#fafafa}.btn{align-items:center;border:none;border-radius:9px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13.5px;font-weight:600;gap:7px;padding:9px 18px;transition:all .15s;white-space:nowrap}.btn-primary{background:#1e88e5;background:var(--primary);color:#fff}.btn-primary:hover{background:#1565c0;background:var(--primary-dark);box-shadow:0 4px 12px #1e88e54d}.btn-success{background:#43a047;background:var(--green);color:#fff}.btn-success:hover{background:#388e3c}.btn-warning{background:#f4b400;background:var(--gold);color:#333}.btn-outline{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border);color:#1f2937;color:var(--text-primary)}.btn-outline:hover{background:#f8fafc;background:var(--bg)}.btn-sm{font-size:12.5px;padding:6px 12px}.btn-danger{background:#e53935;background:var(--red);color:#fff}.btn-icon{background:#f8fafc;background:var(--bg);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#6b7280;color:var(--text-secondary);height:34px;justify-content:center;padding:0;width:34px}.btn-icon:hover{background:#e3f2fd;background:var(--primary-light);border-color:#e3f2fd;border-color:var(--primary-light);color:#1e88e5;color:var(--primary)}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.form-control,.form-label{color:#1f2937;color:var(--text-primary)}.form-control{background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:9px;font-family:inherit;font-size:14px;outline:none;padding:10px 14px;transition:border-color .15s;width:100%}.form-control:focus{border-color:#1e88e5;border-color:var(--primary);box-shadow:0 0 0 3px #1e88e51f}select.form-control{cursor:pointer}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal{background:#fff;border-radius:18px;box-shadow:0 8px 32px #1e88e51f,0 4px 16px #00000014;box-shadow:var(--shadow-lg);max-height:90vh;max-width:520px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px 16px}.modal-title{font-size:17px;font-weight:700}.modal-body{padding:20px 24px}.modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:14px 24px 20px}.login-page{background:#f8fafc;background:var(--bg);display:flex;min-height:100vh}.login-left{background:linear-gradient(135deg,#1565c0,#1e88e5 50%,#43a047);background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary) 50%,var(--green) 100%);color:#fff;flex:1 1;flex-direction:column;padding:60px}.login-left,.login-right{align-items:center;display:flex;justify-content:center}.login-right{background:#fff;flex:0 0 480px;flex-direction:column;padding:60px 48px}.login-form{max-width:360px;width:100%}.login-title{font-size:26px;font-weight:800;margin-bottom:6px}.login-subtitle{color:#6b7280;color:var(--text-secondary);font-size:14px;margin-bottom:32px}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--text-secondary)}.calendar-grid{grid-gap:1px;background:#e5e7eb;background:var(--border);border-radius:8px;border-radius:var(--radius-sm);display:grid;gap:1px;grid-template-columns:repeat(7,1fr);overflow:hidden}.calendar-day{background:#fff;min-height:100px;padding:8px}.calendar-day-header{color:#6b7280;color:var(--text-secondary);font-size:11px;font-weight:700;padding:6px 8px}.calendar-event{border-radius:5px;cursor:pointer;font-size:11px;font-weight:600;margin-bottom:3px;overflow:hidden;padding:3px 7px;text-overflow:ellipsis;white-space:nowrap}.message-container{display:flex;flex-direction:column;gap:12px;max-height:420px;overflow-y:auto;padding:20px}.message-bubble{border-radius:14px;font-size:13.5px;line-height:1.5;max-width:70%;padding:10px 14px}.message-bubble.sent{align-self:flex-end;background:#1e88e5;background:var(--primary);border-bottom-right-radius:4px;color:#fff}.message-bubble.received{align-self:flex-start;background:#f8fafc;background:var(--bg);border:1px solid #e5e7eb;border:1px solid var(--border);border-bottom-left-radius:4px}.message-time{font-size:10px;margin-top:4px;opacity:.7}.empty-state{color:#6b7280;color:var(--text-secondary);padding:48px 20px;text-align:center}.empty-state svg{margin:0 auto 16px;opacity:.3}.empty-state h3{color:#1f2937;color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:6px}.empty-state p{font-size:13px}.promo-card{background:linear-gradient(135deg,#1e88e5,#1565c0);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:14px;border-radius:var(--radius);color:#fff;overflow:hidden;padding:22px;position:relative}.promo-card:after{background:#ffffff14;border-radius:50%;content:"";height:120px;position:absolute;right:-20px;top:-20px;width:120px}
/*# sourceMappingURL=main.e3c81e77.css.map*/