@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-width:260px;--sidebar-bg:#0f172a;--sidebar-hover:#1e293b;--sidebar-active:#1e40af;--sidebar-text:#94a3b8;--sidebar-text-active:#fff;--primary:#3b82f6;--primary-hover:#2563eb;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--bg:#f1f5f9;--card-bg:#fff;--text:#1e293b;--text-muted:#64748b;--border:#e2e8f0}body{background:#f1f5f9;background:var(--bg);color:#1e293b;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.auth-container{align-items:center;background:#0f172a;background:var(--sidebar-bg);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;background:var(--card-bg);border-radius:16px;box-shadow:0 4px 24px #0003;max-width:400px;padding:40px;width:100%}.auth-card h2{font-size:24px;font-weight:700;margin-bottom:8px}.auth-card .subtitle{color:#64748b;color:var(--text-muted);font-size:14px;margin-bottom:24px}.auth-card form{display:flex;flex-direction:column;gap:14px}.auth-card input{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;font-family:inherit;font-size:15px;padding:12px 16px;transition:border-color .2s}.auth-card input:focus{border-color:#3b82f6;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.auth-card button{background:#3b82f6;background:var(--primary);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;padding:12px;transition:background .2s}.auth-card button:hover{background:#2563eb;background:var(--primary-hover)}.auth-card button:disabled{cursor:not-allowed;opacity:.6}.error-msg{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#ef4444;color:var(--danger);font-size:14px;padding:10px 14px;text-align:center}.app-layout{display:flex;min-height:100vh}.sidebar{background:#0f172a;background:var(--sidebar-bg);bottom:0;display:flex;flex-direction:column;left:0;overflow-y:auto;position:fixed;top:0;width:260px;width:var(--sidebar-width);z-index:100}.sidebar-brand{border-bottom:1px solid #1e293b;padding:24px 20px 16px}.sidebar-brand h1{color:#fff;font-size:20px;font-weight:700;letter-spacing:-.5px}.sidebar-brand .brand-sub{color:#94a3b8;color:var(--sidebar-text);font-size:11px;letter-spacing:1px;margin-top:4px;text-transform:uppercase}.sidebar-section{padding:16px 12px 8px}.sidebar-section-title{color:#475569;font-size:10px;font-weight:600;letter-spacing:1.5px;margin-bottom:8px;padding:0 8px;text-transform:uppercase}.sidebar-item{align-items:center;background:none;border:none;border-radius:8px;color:#94a3b8;color:var(--sidebar-text);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 12px;text-decoration:none;transition:all .15s;width:100%}.sidebar-item:hover{background:#1e293b;background:var(--sidebar-hover);color:#e2e8f0}.sidebar-item.active{background:#1e40af;background:var(--sidebar-active);color:#fff;color:var(--sidebar-text-active)}.sidebar-item .icon{flex-shrink:0;font-size:18px;text-align:center;width:24px}.sidebar-item .badge{background:#3b82f6;background:var(--primary);border-radius:10px;color:#fff;font-size:11px;font-weight:600;margin-left:auto;padding:2px 8px}.sidebar-footer{border-top:1px solid #1e293b;margin-top:auto;padding:16px}.sidebar-user{gap:12px;padding:8px}.sidebar-avatar,.sidebar-user{align-items:center;display:flex}.sidebar-avatar{background:#3b82f6;background:var(--primary);border-radius:10px;color:#fff;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.sidebar-user-info{flex:1 1}.sidebar-user-info .name{color:#fff;font-size:14px;font-weight:600}.sidebar-user-info .role{color:#94a3b8;color:var(--sidebar-text);font-size:12px}.sidebar-logout{background:none;border:none;color:#94a3b8;color:var(--sidebar-text);cursor:pointer;font-size:18px;padding:4px}.sidebar-logout:hover{color:#ef4444;color:var(--danger)}.main-content{flex:1 1;margin-left:260px;margin-left:var(--sidebar-width);max-width:calc(100vw - 260px);max-width:calc(100vw - var(--sidebar-width));padding:32px}.page-header{margin-bottom:24px}.page-header h2{font-size:24px;font-weight:700}.page-header p{color:#64748b;color:var(--text-muted);font-size:14px;margin-top:4px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;padding:20px}.stat-card .stat-label{color:#64748b;color:var(--text-muted);font-size:13px;font-weight:500}.stat-card .stat-value{font-size:28px;font-weight:700;margin-top:4px}.stat-card .stat-change{font-size:13px;margin-top:4px}.stat-card .stat-change.up{color:#10b981;color:var(--success)}.stat-card .stat-change.down{color:#ef4444;color:var(--danger)}.card{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;padding:24px}.card,.card h3{margin-bottom:16px}.card h3{font-size:16px;font-weight:600}.content-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;font-size:14px;width:100%}th{color:#64748b;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;padding:10px 12px;text-align:left;text-transform:uppercase}td,th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border)}td{padding:12px}tr:last-child td{border-bottom:none}.status-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;padding:3px 10px}.status-badge.active{background:#ecfdf5;color:#059669}.status-badge.pending{background:#fffbeb;color:#d97706}.status-badge.overdue{background:#fef2f2;color:#dc2626}.progress-bar{background:#e2e8f0;border-radius:8px;height:8px;overflow:hidden}.progress-fill{border-radius:8px;height:100%;transition:width .5s ease}.progress-fill.blue{background:#3b82f6;background:var(--primary)}.progress-fill.green{background:#10b981;background:var(--success)}.progress-fill.yellow{background:#f59e0b;background:var(--warning)}.quick-actions{display:flex;flex-wrap:wrap;gap:10px}.quick-action-btn{align-items:center;background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .15s}.quick-action-btn:hover{border-color:#3b82f6;border-color:var(--primary);color:#3b82f6;color:var(--primary)}.empty-state{color:#64748b;color:var(--text-muted);padding:48px 24px;text-align:center}.empty-state .icon{font-size:48px;margin-bottom:16px}.empty-state h3{color:#1e293b;color:var(--text);font-size:18px;margin-bottom:8px}.loading{color:#64748b;color:var(--text-muted);display:flex;font-size:18px;justify-content:center;padding:60px}@media (max-width:768px){.sidebar{position:relative;width:100%}.main-content{margin-left:0}.content-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.b85dfb94.css.map*/