@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--bg:#f8fafc;--muted:#64748b;--primary-600:#1d4ed8;--ring:#2563eb66}@media (prefers-color-scheme:light){:root{--bg:#f8fafc;--panel:#fff;--text:#1e293b;--muted:#64748b;--primary:#2563eb;--primary-600:#1d4ed8;--ring:#2563eb59}}[data-theme=light]{--bg:#f8fafc;--panel:#fff;--text:#1e293b;--muted:#64748b;--primary:#2563eb;--primary-600:#1d4ed8;--ring:#2563eb59}[data-theme=dark]{--bg:#0f172a;--panel:#1e293b;--text:#f1f5f9;--muted:#94a3b8;--primary:#60a5fa;--primary-600:#2563eb;--ring:#60a5fa66}*{box-sizing:border-box}#root,body,html{height:100%}body{background:#f8fafc;background:var(--bg);color:#1e293b;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,Apple Color Emoji,Segoe UI Emoji}.container{margin:0 auto;max-width:1200px;padding:0 20px}.card{border-radius:12px;box-shadow:0 6px 24px #00000026;padding:20px}.empty-state,.loading{color:#64748b;color:var(--muted);padding:40px;text-align:center}.page-title{color:#1e293b;color:var(--text);font-size:24px;font-weight:700;margin-bottom:1rem}.action-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.action-bar-left,.action-bar-right{align-items:center;display:flex;gap:.75rem}.form-group{margin-bottom:14px}.form-label{color:#64748b;color:var(--muted);font-weight:600;margin-bottom:6px}.form-input,.form-select{background:#0000;border:1px solid #94a3b840;border-radius:10px;color:#1e293b;color:var(--text);font-size:17px;padding:10px 12px;width:100%}.form-select option{background-color:#fff;background-color:var(--panel);color:#1e293b;color:var(--text);font-size:18px}.form-input:focus,.form-select:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb66;box-shadow:0 0 0 3px var(--ring);outline:none}.btn-secondary{background:#94a3b826;border-color:#94a3b840;color:#1e293b;color:var(--text)}.btn-danger{background:#ef4444;color:#fff}.btn:disabled{cursor:not-allowed;opacity:.6}.table{background:#fff;background:var(--panel);border-collapse:collapse;border-radius:12px;overflow:hidden;width:100%}.table td,.table th{border-bottom:1px solid #94a3b826;padding:12px 16px;text-align:left}.table thead{background:#94a3b812}.table tr:hover{background:#94a3b80d}.layout{display:flex;min-height:100vh}.sidebar-header{border-bottom:1px solid #94a3b81f;margin-bottom:16px;padding:0 20px 16px}.sidebar-title{font-size:18px;font-weight:700;letter-spacing:.4px}.sidebar-nav a{border-left:3px solid #0000}.sidebar-nav a.active,.sidebar-nav a:hover{background:#94a3b814;border-left-color:#2563eb;border-left-color:var(--primary);color:#1e293b;color:var(--text)}.header{border-bottom:1px solid #94a3b81f;padding:14px 22px}.header-title{font-size:18px;font-weight:700}.header-actions{align-items:center;display:flex;gap:12px}.user-info{color:var(--muted);gap:10px}.dashboard-stats{grid-gap:18px;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:22px}.stat-card{border-radius:12px;box-shadow:0 4px 18px #0000001f;padding:20px;text-align:center}.stat-number{font-size:28px;font-weight:800;margin-bottom:6px}.stat-label{color:var(--muted);font-size:13px}.alert{border-radius:10px;margin:10px 0;padding:12px}.alert-success{background:#10b98126;border:1px solid #10b9814d;color:#34d399}.alert-error{background:#ef444426;border:1px solid #ef44444d;color:#fca5a5}.modal-overlay{background:#0000008c;inset:0}.modal{border:3px solid #94a3b866;border-radius:12px;max-height:90vh;max-width:520px;overflow-y:auto;padding:26px;width:92%}.modal-header{border-bottom:1px solid #94a3b81f;padding-bottom:10px}.modal-title{font-size:18px;font-weight:700}.close-btn{background:none;border:none;color:#64748b;color:var(--muted);cursor:pointer;font-size:22px}.close-btn:hover{color:#1e293b;color:var(--text)}.toast{border-radius:8px;box-shadow:0 4px 12px #00000026;cursor:pointer;max-width:400px;min-width:300px;opacity:1;padding:12px 16px;transform:translateX(0);transition:all .3s ease}.toast-hidden{opacity:0;transform:translateX(100%)}.toast-content{align-items:center;display:flex;gap:12px;justify-content:space-between}.toast-message{flex:1 1;font-size:14px;font-weight:500}.toast-close{background:none;border:none;cursor:pointer;font-size:18px;opacity:.7;transition:opacity .2s}.toast-close:hover{opacity:1}.toast-success{background:#10b981;color:#fff}.toast-error{background:#ef4444;color:#fff}.toast-info{background:#3b82f6;color:#fff}.toast-warning{background:#f59e0b;color:#fff}@media (max-width:768px){.layout{flex-direction:column}.sidebar{order:2;width:100%}.main-content{order:1}.dashboard-stats{grid-template-columns:1fr}.toast-container{left:10px;right:10px;top:10px}.toast{max-width:none;min-width:auto}}.profile-card-new{background:#fff;background:var(--panel);border:1px solid #94a3b833;border-radius:1.5rem;box-shadow:0 10px 25px -5px #0000000d;color:#1e293b;color:var(--text);display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.profile-header-new{align-items:center;display:flex;gap:1.5rem}.avatar-circle{box-shadow:0 8px 16px #2563eb33}.profile-details-new{border-top:1px solid #94a3b833;display:flex;flex-direction:column;gap:1rem;padding-top:1.5rem}.info-row{color:var(--muted)}.profile-footer-new{border-top:1px solid #94a3b833;padding-top:1rem}.profile-footer-new a,.profile-footer-new button{align-items:center;background:none;border:none;color:#2563eb;color:var(--primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:0;text-decoration:none}.stats-grid-2,.stats-grid-3{grid-gap:1.5rem;display:grid;gap:1.5rem}.stat-widget-new{background:#fff;background:var(--panel);border:1px solid #94a3b833;border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000000d;color:#1e293b;color:var(--text);display:flex;flex-direction:column;gap:1rem;padding:1.75rem;position:relative;transition:all .2s}.stat-widget-new:hover{box-shadow:0 10px 20px -5px #0000001a;transform:translateY(-5px)}.stat-icon-new{align-items:center;background:#2563eb;background:var(--primary);border-radius:12px;color:#fff;display:flex;font-size:1.25rem;height:45px;justify-content:center;width:45px}.stat-icon-new.purple{background:#8b5cf6}.stat-icon-new.green{background:#10b981}.stat-icon-new.orange{background:#f59e0b}.stat-icon-new.cyan{background:#06b6d4}.stat-icon-new.blue{background:#3b82f6}.stat-content-new{flex:1 1}.stat-label-new{color:#64748b;color:var(--muted);display:block;font-size:.9rem;font-weight:500;margin-bottom:.25rem}.stat-value-new{color:#1e293b;color:var(--text);font-size:2rem;font-weight:800;margin:0}.stat-footer-new{border-top:1px solid #94a3b833;margin-top:.5rem;padding-top:1rem}.stat-footer-new a,.stat-footer-new button{background:none;border:none;color:#2563eb;color:var(--primary);cursor:pointer;font-size:.85rem;font-weight:600;padding:0;text-decoration:none}.modal-new{background:#fff;background:var(--panel);border:1px solid #94a3b833;border-radius:1rem;box-shadow:0 25px 50px -12px #00000080;color:#1e293b;color:var(--text);max-width:600px;padding:2rem;position:relative;width:100%}.modal-header-new{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.modal-title-new{color:#1e293b;color:var(--text);font-size:1.25rem;font-weight:600;margin:0}.close-btn-new{background:none;border:none;color:#64748b;color:var(--muted);cursor:pointer;font-size:1.5rem;line-height:1;padding:.5rem;transition:color .2s}.close-btn-new:hover{color:#1e293b;color:var(--text)}.form-label-new{color:#64748b;color:var(--muted);display:block;font-size:.9rem;font-weight:500;margin-bottom:.75rem}.form-select-new{-webkit-appearance:none;appearance:none;background:#f8fafc;background:var(--bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;border:1px solid #94a3b84d;border-radius:.5rem;color:#1e293b;color:var(--text);font-size:.95rem;outline:none;padding:.75rem 1rem;transition:all .2s;width:100%}.form-select-new:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 2px #2563eb33}.form-select-new option{background:#fff;background:var(--panel);color:#1e293b;color:var(--text)}.room-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-top:.5rem;max-height:300px;overflow-y:auto;padding-right:.5rem}.room-card{background:#f8fafc;background:var(--bg);border:1px solid #94a3b833;border-radius:.75rem;box-sizing:border-box;cursor:pointer;padding:1rem;position:relative;transition:all .2s}.room-card:hover{background:#fff;background:var(--panel);border-color:#2563eb;border-color:var(--primary)}.room-card.selected{background:#10b9810d;border-color:#10b981;box-shadow:0 0 0 1px #10b981}.room-name{color:#1e293b;color:var(--text);font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.room-floor{color:#64748b;color:var(--muted);font-size:.85rem;margin-bottom:1rem}.progress-container{margin-top:auto}.progress-label{color:#64748b;color:var(--muted);display:flex;font-size:.8rem;font-weight:500;justify-content:space-between;margin-bottom:.5rem}.progress-bar-bg{background:#94a3b833;border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-bar-fill{background:#10b981;border-radius:3px;height:100%;transition:width .3s ease}.progress-bar-fill.full{background:#ef4444}.progress-bar-fill.near-full{background:#f59e0b}.modal-actions{border-top:1px solid #94a3b833;display:flex;gap:1rem;justify-content:flex-end;margin-top:2.5rem;padding-top:1.5rem}.btn-cancel{background:#0000;border:1px solid #94a3b866;border-radius:.5rem;color:#64748b;color:var(--muted);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background .2s}.btn-cancel:hover{background:#94a3b81a;color:#1e293b;color:var(--text)}.btn-save{background:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.btn-save.active{background:#2563eb;color:#fff}.btn-save:hover.active{background:#1d4ed8}@media (max-width:1100px){.dashboard-top-row{grid-template-columns:1fr}.profile-card-new{max-width:100%}}@media (max-width:850px){.stats-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){.room-grid,.stats-grid-2,.stats-grid-3{grid-template-columns:1fr}}:root{--primary:#2563eb;--primary-hover:#1d4ed8;--secondary:#64748b;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--background:#f8fafc;--panel:#fff;--text:#1e293b;--border:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--radius:0.75rem;--bg-primary:#f8fafc;--bg-secondary:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--border-color:#e2e8f0;--hover-bg:#f1f5f9;--card-bg:#fff;--sidebar-bg:#fff;--sidebar-text:#64748b;--sidebar-hover-bg:#f1f5f9;--sidebar-active-bg:#eff6ff;--sidebar-active-text:#2563eb;--sidebar-border:#e2e8f0}body.light{--bg-primary:#f8fafc;--bg-secondary:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--border-color:#e2e8f0;--hover-bg:#f1f5f9;--card-bg:#fff;--sidebar-bg:#fff;--sidebar-text:#64748b;--sidebar-hover-bg:#f1f5f9;--sidebar-active-bg:#eff6ff;--sidebar-active-text:#1d4ed8;--sidebar-border:#e2e8f0}body.dark{--primary:#60a5fa;--primary-hover:#93c5fd;--secondary:#1e293b;--success:#34d399;--danger:#fb7185;--warning:#fbbf24;--bg-primary:#0f172a;--bg-secondary:#1e293b;--background:#0f172a;--panel:#1e293b;--card-bg:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text:#f1f5f9;--border-color:#334155;--border:#334155;--hover-bg:#2563eb;--sidebar-bg:#0f172a;--sidebar-text:#94a3b8;--sidebar-hover-bg:#1e293b;--sidebar-active-bg:#2563eb;--sidebar-active-text:#f1f5f9;--sidebar-border:#334155}body.dark .auth-link,body.dark .auth-link a,body.dark .auth-title,body.dark .forgot-password-link,body.dark .form-label,body.dark .remember-me-label,body.dark .site-footer{-webkit-text-fill-color:#1e293b!important;-webkit-text-fill-color:var(--text-primary)!important;background:none!important;color:#1e293b!important;color:var(--text-primary)!important}.sidebar{background:#fff;background:var(--sidebar-bg);border-right:1px solid #e2e8f0;border-right:1px solid var(--border-color);color:#64748b;color:var(--sidebar-text);display:flex;flex-direction:column;flex-shrink:0;height:100%;min-width:100px;position:relative;transition:width .3s ease,min-width .3s ease,opacity .3s ease;width:100px;z-index:20}.sidebar,.sidebar.closed{overflow:hidden;padding:0}.sidebar.closed{border-right:none;min-width:0;width:0}.sidebar.closed .sidebar-nav{opacity:0;pointer-events:none}.sidebar-nav{transition:opacity .3s ease}.sidebar-nav,.sidebar-nav ul{align-items:center;display:flex;flex:1 1;flex-direction:column;list-style:none;overflow-x:hidden;overflow-y:auto;width:100%}.sidebar-nav ul{gap:7px}.sidebar-nav ul::-webkit-scrollbar{width:4px}.sidebar-nav ul::-webkit-scrollbar-track{background:#0000}.sidebar-nav ul::-webkit-scrollbar-thumb{background:#64748b;background:var(--sidebar-text);border-radius:2px;opacity:.3}.sidebar-nav ul::-webkit-scrollbar-thumb:hover{opacity:.5}.sidebar-nav li{padding:0 12px}.sidebar-nav a,.sidebar-nav li{display:flex;justify-content:center;width:100%}.sidebar-nav a{align-items:center;border-radius:12px;color:#64748b;color:var(--sidebar-text);cursor:pointer;flex-direction:column;font-weight:500;margin:0 auto;max-width:80px;min-height:72px;padding:10px 6px;position:relative;text-align:center;text-decoration:none;transition:all .2s ease}.sidebar-icon{align-items:center;display:flex;justify-content:center}.sidebar-icon svg{flex-shrink:0;height:24px;transition:all .2s ease;width:24px}.sidebar-text{display:block;font-size:.7rem;line-height:1.2;margin-top:4px;max-width:90px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;word-break:break-word}.sidebar-nav a.active .sidebar-text,.sidebar-nav a:hover .sidebar-text{color:#2563eb;color:var(--sidebar-active-text);font-weight:600}.sidebar-nav a.active .sidebar-icon svg,.sidebar-nav a:hover .sidebar-icon svg{stroke:currentColor;fill:currentColor;fill-opacity:.15;height:26px;transform:scale(1.1);width:26px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.sidebar-nav a:hover{background:#f1f5f9;background:var(--sidebar-hover-bg);color:#64748b;color:var(--sidebar-text)}.sidebar-nav a.active{background:#eff6ff;background:var(--sidebar-active-bg);box-shadow:0 2px 4px #0000001a;color:#2563eb;color:var(--sidebar-active-text)}*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:#f8fafc;background-color:var(--background);font-family:Inter,sans-serif;line-height:1.5}.form-input.input-valid{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%2310b981" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>');border-color:#10b981;border-color:var(--success)}.form-input.input-invalid,.form-input.input-valid{background-position:right 10px center;background-repeat:no-repeat;padding-right:2.5rem}.form-input.input-invalid{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>');border-color:#ef4444;border-color:var(--danger)}.App{min-height:100vh}.auth-container,.role-selection-container{justify-content:center;overflow:hidden;padding:20px}.auth-container,.auth-wrapper,.role-selection-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#fff);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);display:flex;min-height:100vh;position:relative;transition:background .5s ease}.auth-wrapper{flex-direction:column;padding:20px 20px 0}.auth-card,.role-selection-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000026;margin:auto;max-width:500px;padding:3rem;transition:all .3s ease;width:100%;z-index:10}.auth-card,.role-selection-card,body.dark .auth-card,body.dark .role-selection-card{background:#fff;background:var(--panel);border:1px solid #e2e8f0;border:1px solid var(--border-color)}body.dark .auth-card,body.dark .role-selection-card{box-shadow:0 25px 50px -12px #00000080}.role-selection-card{max-width:600px}.auth-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#1e293b,#2563eb);background:linear-gradient(to right,var(--text-primary),var(--primary));-webkit-background-clip:text;background-clip:text;color:#1e293b;color:var(--text-primary);font-size:2rem;font-weight:800;letter-spacing:-.025em;margin-bottom:2rem;text-align:center}.auth-link{color:#64748b;color:var(--text-secondary);font-size:.875rem;margin-top:1.5rem;text-align:center}.auth-link a{color:#2563eb;color:var(--primary);font-weight:600;text-decoration:none;transition:color .2s}.auth-link a:hover{color:#1d4ed8;color:var(--primary-hover)}.role-options{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}@media (min-width:1024px){.role-selection-card{max-width:900px}.role-options{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center}.role-option{flex:1 1;min-width:200px}}.role-option{background:#fff;background:var(--panel);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow);cursor:pointer;padding:1.5rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.role-option h3{color:#1e293b;color:var(--text-primary);font-weight:600;margin-bottom:.5rem}.role-option p{color:#64748b;color:var(--text-secondary);font-size:.875rem}.role-option:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px) scale(1.02)}.role-option:hover,body.dark .role-option:hover{background:#f1f5f9;background:var(--hover-bg);border-color:#2563eb;border-color:var(--primary)}.loading-container{background-color:#f8fafc;background-color:var(--background);height:100vh;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.loading-logo{animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(99,102,241,.3));height:auto;width:80px}.spinner{animation:spin 1s linear infinite;border:3px solid #6366f11a;border-left:3px solid var(--primary);border-radius:50%;height:40px;width:40px}.loading-text{animation:fadeIn .5s ease;color:#64748b;color:var(--text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.05em}@keyframes pulse{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.8;transform:scale(.95)}}.layout-container{background-color:#f8fafc;background-color:var(--background);color:#1e293b;color:var(--text);display:flex;flex-direction:column;height:100vh;overflow:hidden}.global-header{background:#fff;background:var(--panel);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);flex-shrink:0;height:64px;justify-content:space-between;padding:0 2rem;z-index:50}.global-header,.header-left{align-items:center;display:flex}.header-left{flex:1 1;gap:1.5rem}.menu-toggle{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#1e293b;color:var(--text);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.menu-toggle:hover{background:#f8fafc;background:var(--bg-primary);border-color:#2563eb;border-color:var(--primary);color:#2563eb;color:var(--primary)}.menu-toggle svg{height:auto;overflow:visible;width:20px}.logo-text{color:#1e293b;color:var(--text-primary);font-size:2.5rem;font-weight:800;letter-spacing:-.05em;margin-bottom:1rem;text-align:center}body.light .loading-logo-text,body.light .logo-text{filter:brightness(.85)}.loading-logo-text{animation:pulse 2s ease-in-out infinite;color:#1e293b;color:var(--text-primary);font-size:3rem;font-weight:900;margin-bottom:1rem}.brand-container{align-items:center;display:flex;gap:.75rem}.brand-name{color:#1e293b;color:var(--text);font-size:1.25rem;font-weight:700;letter-spacing:-.025em;white-space:nowrap}.header-right{align-items:center;display:flex;flex:1 1;gap:1.5rem;justify-content:flex-end}.organization-name{color:#f59e0b;display:block;font-size:.95rem;font-weight:600;margin-right:.5rem}.dark .organization-name{color:#f59e0b}.user-profile{align-items:flex-end;display:flex;flex-direction:column;line-height:1.2}.user-name{color:#1e293b;color:var(--text);font-size:.875rem;font-weight:600}.user-role{color:#64748b;color:var(--text-secondary);font-size:.75rem}.layout-body{display:flex;flex:1 1;flex-direction:row;height:100%;overflow:hidden;position:relative}.site-footer{background:#fff;background:var(--panel);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);color:#64748b;color:var(--text-secondary);flex-shrink:0;font-size:.875rem;margin-top:auto;padding:1.25rem 1rem;position:relative;text-align:center;width:100%;z-index:1}.auth-footer-wrapper .site-footer{background:#0000;border-top:none;padding:0}.main-content{background:#f8fafc;background:var(--background);display:flex;flex:1 1;flex-direction:column;height:100%;overflow-y:auto;position:relative;transition:margin-left .3s ease}.sidebar.closed+.main-content{margin-left:0}.content{padding:1rem 2rem}.header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff;background:var(--panel);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:.71875rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-title{color:#1e293b;color:var(--text);font-size:1.25rem;font-weight:600}.user-info{align-items:center;background:#fff;background:var(--panel);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:9999px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#64748b;color:var(--text-secondary);display:flex;font-size:.875rem;gap:1rem;padding:.5rem 1rem}@media (max-width:1500px){.dashboard-content{overflow-y:scroll}}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(285px,1fr))}.stat-card{background:#fff;background:var(--panel);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow);padding:1.5rem;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-number{color:#2563eb;color:var(--primary);font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:.5rem}.stat-label{color:#64748b;color:var(--text-secondary);font-size:.875rem;font-weight:500}.split-container{gap:50px}.split-divider{align-self:stretch;background:var(--border-color)}a.quick-action-btn{align-items:center;background:#fff;background:var(--panel);border:1px solid #e2e8f0;border:1px solid var(--border-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#1e293b;color:var(--text);display:flex;font-weight:600;text-decoration:none;transition:all .3s ease}a.quick-action-btn:hover{background:#2563eb;background:var(--primary);border-color:#2563eb;border-color:var(--primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow);color:#fff;transform:translateY(-2px)}.btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.625rem 1.25rem;transition:all .2s}.btn-primary{background:#2563eb;background:var(--primary);box-shadow:0 4px 6px -1px #4f46e533;color:#fff}.btn-primary:hover{background:#1d4ed8;background:var(--primary-hover);box-shadow:0 6px 8px -1px #4f46e54d;transform:translateY(-1px)}.btn-secondary{background:#fff;background:var(--panel);border:1px solid #e2e8f0;border:1px solid var(--border);transition:all .2s ease}.btn-secondary:hover{background:#f8fafc;background:var(--bg-primary);border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #6366f133}.btn-danger:hover{background:#e11d48}.btn-sm{border-radius:4px;font-size:.8rem;padding:.25rem .75rem}.btn-icon{background:none;border:none;color:#64748b;color:var(--text-secondary);cursor:pointer;font-size:1.1rem;padding:.25rem;transition:color .2s}.btn-icon:hover{background:#6366f11a;border-radius:4px;color:#2563eb;color:var(--primary)}.dropdown-container{display:inline-block;position:relative}.dropdown-menu{animation:fadeIn .2s ease;background-color:#fff;background-color:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 4px 12px #00000026;left:100%;min-width:125px;overflow:hidden;position:absolute;top:0;z-index:1000}.dropdown-item{align-items:center;background:none;border:none;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;text-align:left;transition:all .2s ease;width:100%}.dropdown-item:hover{background-color:#2563eb;background-color:var(--primary);color:#fff;transform:translateX(4px)}.dropdown-item:not(:last-child){border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color)}table,tbody,thead,tr{overflow:visible!important}.stat-widget{justify-content:space-between}.card-footer{font-size:.8rem;font-weight:500;margin-top:1rem;padding-top:.75rem}.card-footer a{align-items:center;color:#2563eb;color:var(--primary);display:flex;gap:.25rem;text-decoration:none;transition:gap .2s}.card-footer a:hover{gap:.5rem}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.02)}.toast-container{display:flex;flex-direction:column;gap:.5rem;pointer-events:none;position:fixed;right:1rem;top:1rem;z-index:9999}.toast-container>*{pointer-events:auto}.input-group{position:relative}.input-valid{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="%2310b981" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg>');border-color:#10b981!important;border-color:var(--success)!important}.input-invalid,.input-valid{background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2.5rem}.input-invalid{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="%23ef4444" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/></svg>');border-color:#ef4444!important;border-color:var(--danger)!important}.validation-message{font-size:.75rem;margin-top:.25rem}.text-danger{color:#ef4444;color:var(--danger)}.text-success{color:#10b981;color:var(--success)}.table{border:1px solid #e2e8f0;border:1px solid var(--border);border-collapse:initial;border-radius:.75rem;border-radius:var(--radius);border-spacing:0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow)}.table th{background:#64748b;background:var(--text-secondary);color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.table td,.table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border)}.table td{color:#1e293b;color:var(--text);font-size:.9375rem;overflow:visible;position:relative}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#f8fafc}body.dark .table tr:hover td{background:#1e293b}.form-input{background:#f8fafc;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;color:#1e293b;color:var(--text);font-size:.9375rem;padding:.75rem 1rem;transition:all .2s;width:100%}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#1e293b!important;-webkit-text-fill-color:var(--text)!important;-webkit-box-shadow:inset 0 0 0 30px #f8fafc!important;-webkit-box-shadow:0 0 0 30px var(--bg-primary) inset!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}body.dark input:-webkit-autofill,body.dark input:-webkit-autofill:active,body.dark input:-webkit-autofill:focus,body.dark input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #0f172a!important}.form-input:focus{background:#f8fafc;background:var(--bg-primary);box-shadow:0 0 0 4px #6366f126}.w-full{width:100%}.auth-logo{display:block;height:80px;margin:0 auto 1.5rem;width:auto}.theme-toggle-wrapper{position:absolute;right:1.5rem;top:1.5rem;z-index:50}.auth-footer-wrapper{color:#64748b;color:var(--text-secondary);font-size:.875rem;margin-top:auto;padding:1.5rem 0;position:relative;text-align:center;width:100%}.remember-me-label{-webkit-user-select:none;user-select:none}.forgot-password-link{transition:color .2s}.modal-overlay{background:#0f172a66}.modal{animation:modalSlideIn .3s ease;background:#fff;background:var(--panel);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:1rem;box-shadow:0 25px 50px -12px #00000040}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.flex{display:flex}.flex-between{align-items:center;display:flex;justify-content:space-between}.gap-2{gap:.5rem}.alert,.mb-4{margin-bottom:1rem}.alert{align-items:center;border-radius:.5rem;display:flex;font-weight:500;padding:1rem}.alert-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top:3px solid var(--primary);height:2.5rem;width:2.5rem}@keyframes spin{to{transform:rotate(1turn)}}.loading-container{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:200px}.dashboard-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}@media (max-width:1024px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.dashboard-stats{grid-template-columns:1fr}}.filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.filter-group{min-width:200px}.card,.filter-group{display:flex;flex-direction:column}.card{background:#fff;background:var(--panel);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow);height:100%;padding:1.5rem}.card h3{color:#1e293b;color:var(--text);font-size:1.125rem;font-weight:600;margin-bottom:1rem}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:0}.page-header{margin-bottom:2rem}.page-header h2{color:#1e293b;color:var(--text);font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.page-header p{color:#64748b;color:var(--text-secondary);font-size:1rem}.list-group{list-style:none;margin:0;padding:0}.list-group-item{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);color:#64748b;color:var(--text-secondary);display:flex;font-size:.9375rem;justify-content:space-between;padding:.75rem 0}.list-group-item:last-child{border-bottom:none}.list-group-item strong{color:#1e293b;color:var(--text);font-weight:500}.form-container{max-width:600px}.form-group{margin-bottom:1.25rem}.form-label{color:#1e293b;color:var(--text-primary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-input,textarea.form-input{background:#f8fafc;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;color:#1e293b;color:var(--text);font-size:.9375rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}textarea.form-input{min-height:100px;resize:vertical}.form-input:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 2px #6366f133;outline:none}body.dark .transform-input{background:#0f172a;border-color:#334155}.full-width-col{grid-column:1/-1}.action-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:1rem}.action-card-btn{align-items:center;background:#f8fafc;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;color:#1e293b;color:var(--text);display:flex;font-weight:600;justify-content:space-between;padding:1.5rem;text-decoration:none;transition:all .2s ease}.action-card-btn:hover{background:#fff;background:var(--panel);border-color:#2563eb;border-color:var(--primary);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#2563eb;color:var(--primary);transform:translateY(-2px)}.action-arrow{transition:transform .2s}.dashboard-content{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.dashboard-layout{gap:1.5rem}.dashboard-top-row{grid-gap:1.5rem;gap:1.5rem}@media (max-width:1200px){.dashboard-top-row{grid-template-columns:1fr}}.badge{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.badge-high{background:#fee2e2;color:#ef4444}.badge-medium{background:#ffedd5;color:#f97316}.badge-low{background:#dcfce7;color:#10b981}.table-container{background:#fff;background:var(--panel);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow);overflow-x:auto;padding:1.5rem}.table-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.categories-filter-section{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.categories-filter-label{color:#1e293b;color:var(--text-primary);font-weight:600;white-space:nowrap}.categories-filter-select{background-color:#fff;background-color:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;color:#1e293b;color:var(--text-primary);cursor:pointer;max-width:240px;padding:.5rem 1rem}.categories-table{border-collapse:initial;border-spacing:0;width:100%}.categories-table thead th{background-color:#475569!important;color:#f8fafc!important;font-size:.85rem;font-weight:700;letter-spacing:.05em;padding:1rem 1.5rem;text-align:left;text-transform:uppercase}body.dark .categories-table thead th{background-color:#334155!important}.categories-table tbody td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);color:#1e293b;color:var(--text-primary);font-size:.95rem;padding:1.25rem 1.5rem;vertical-align:middle}.categories-table tbody tr:hover{background-color:#94a3b81a}.btn-edit-category{background-color:#fff;background-color:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.4rem;color:#1e293b;color:var(--text-primary);font-size:.85rem;font-weight:600;padding:.4rem 1.2rem;transition:all .2s}.btn-edit-category:hover{background-color:#2563eb;background-color:var(--primary);border-color:#2563eb;border-color:var(--primary);color:#fff!important}.tabs{border-bottom:2px solid #0000;display:flex;gap:1rem}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#64748b;color:var(--text-secondary);cursor:pointer;font-weight:600;padding:.5rem 0}.tab-btn.active{border-bottom-color:#2563eb;border-bottom-color:var(--primary);color:#2563eb;color:var(--primary)}.remember-me-label{align-items:center;color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem}.forgot-password-link{color:#2563eb;color:var(--primary);font-size:.875rem;font-weight:500;text-decoration:none}.forgot-password-link:hover{color:#1d4ed8;color:var(--primary-hover);text-decoration:underline}.dashboard-layout{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1600px;width:100%}.profile-page{align-items:flex-start;margin:0 auto;max-width:1400px;padding:2rem}.profile-grid{grid-gap:2rem;grid-gap:2.5rem;align-items:start;display:grid;gap:2rem;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;width:100%}@media (max-width:1024px){.profile-grid{gap:2rem;grid-template-columns:1fr}}.password-card,.profile-card{border-radius:1.25rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow);display:flex;flex-direction:column;height:100%}.password-card:hover,.profile-card:hover{border-color:#2563eb;border-color:var(--primary)}.card-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);gap:1rem;padding:1.5rem 2rem}.card-header,.card-header-icon{align-items:center;display:flex}.card-header-icon{background:#6366f11a;border-radius:10px;color:#2563eb;color:var(--primary);height:40px;justify-content:center;width:40px}.card-header h3{color:#1e293b;color:var(--text);font-size:1.25rem;font-weight:700;margin:0}.card-body{flex:1 1;padding:2rem}.card-footer{background:#f8fafc05;border-radius:0 0 1.25rem 1.25rem;border-top:1px solid #e2e8f0;border-top:1px solid var(--border);padding:1.5rem 2rem}.form-group .form-label{color:#64748b;color:var(--text-secondary);font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-input:disabled{background:#f1f5f980;border-color:#e2e8f0;border-color:var(--border);cursor:not-allowed}.dark .form-input:disabled{background:#1e293b80}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;padding:1rem}.modal-content{animation:modal-in .3s ease-out;background:var(--panel);border:1px solid var(--border);max-width:600px;overflow:hidden}.modal-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);flex-shrink:0;padding:1.5rem 2rem}.modal-body{flex-grow:1;padding:2rem}.modal-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:1rem;padding:1.5rem 2rem}body.dark .modal,body.dark .modal-content,body.dark .modal-new{background:#0f0f11!important;border:1px solid #334155!important;overflow:hidden;padding:0}body.dark .modal-header{background:#1c1c1f!important;border-bottom:1px solid #334155!important;padding:1.5rem 2rem!important}body.dark .modal-header .modal-title,body.dark .modal-header h2{color:#e2e8f0!important}body.dark .modal-body{background:#0f0f11!important;color:#e2e8f0;padding:1.5rem 2rem!important}body.dark .form-select-new,body.dark .modal-body .form-input,body.dark .modal-body .form-select{background:#1c1c1f!important;border:1px solid #334155!important;color:#e2e8f0!important}body.dark .modal-actions,body.dark .modal-footer{background:#0f0f11!important;border-top:1px solid #334155!important;padding:1.5rem 2rem!important}body.dark .btn-cancel,body.dark .modal-footer .btn-secondary{background:#1c1c1f!important;border:1px solid #334155!important;color:#e2e8f0!important}body.dark .asset-toggle-btn,body.dark .btn-save,body.dark .modal-footer .btn-primary{background:#94a3b8!important;border:none!important;color:#111827!important;font-weight:600!important}body.dark .btn-save-assets{background:#334155!important;border:none!important;color:#94a3b8!important}body.dark .close-btn,body.dark .close-btn-new,body.dark .close-modal{color:#fff!important;opacity:.8;position:relative;right:-10px}body.dark .close-btn-new:hover,body.dark .close-btn:hover,body.dark .close-modal:hover{color:#fff!important;opacity:1}.profile-page .page-header{margin-bottom:2rem;margin-bottom:0;width:100%}.profile-page .page-header h2{color:#1e293b;color:var(--text);font-size:1.875rem;font-weight:700;margin:0}@media (max-width:968px){.profile-grid{grid-template-columns:1fr}}.password-card,.profile-card{background:#fff;background:var(--panel);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:1rem;padding:2rem;transition:all .3s ease}.password-card,.password-card:hover,.profile-card,.profile-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg)}.password-card:hover,.profile-card:hover{transform:translateY(-2px)}.password-card .card-header,.profile-card .card-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:1rem}.password-card .card-header h3,.profile-card .card-header h3{color:#1e293b;color:var(--text);font-size:1.5rem;font-weight:600;margin:0}.password-card .card-body,.profile-card .card-body{padding:0}.password-card .form-group,.profile-card .form-group{margin-bottom:1.5rem}.password-card .form-label,.profile-card .form-label{color:#1e293b;color:var(--text-primary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.password-card .form-input,.profile-card .form-input{background:#f8fafc;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;color:#1e293b;color:var(--text);font-size:.9375rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.password-card .form-input:focus,.profile-card .form-input:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.password-card .form-input:disabled,.profile-card .form-input:disabled{background:#fff;background:var(--bg-secondary);cursor:not-allowed;opacity:.6}.password-card .btn,.profile-card .btn{border-radius:.5rem;font-size:.9375rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.password-card .btn-primary,.profile-card .btn-primary{background:#2563eb;background:var(--primary);border:none;color:#fff}.password-card .btn-primary:hover:not(:disabled),.profile-card .btn-primary:hover:not(:disabled){background:#1d4ed8;background:var(--primary-hover);box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.password-card .btn-primary:disabled,.profile-card .btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.password-card .alert,.profile-card .alert{border-radius:.5rem;font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem}.password-card .alert-success,.profile-card .alert-success{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.password-card .alert-error,.profile-card .alert-error{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.user-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,2fr);margin-top:1.5rem}.user-card{background:#fff!important;background:var(--bg-secondary)!important;border:1px solid #e2e8f0!important;border:1px solid var(--border-color)!important;border-radius:1rem!important;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:column;min-height:250px;padding:1.5rem!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.user-card:hover{border-color:#2563eb!important;border-color:var(--primary)!important;box-shadow:0 12px 20px -5px #0000004d!important;transform:translateY(-5px)}.user-card .card-header{align-items:center;background:#0000!important;border-bottom:1px solid #e2e8f0!important;border-bottom:1px solid var(--border-color)!important;display:flex;justify-content:space-between;margin-bottom:1.25rem!important;padding:0 0 1rem!important}.user-card .card-header h3{color:#1e293b!important;color:var(--text)!important;font-size:1.25rem!important;font-weight:700!important;margin:0!important}.user-card .card-body{flex:1 1;padding:0!important}.user-card .card-body p{align-items:center;color:#64748b!important;color:var(--text-secondary)!important;display:flex;font-size:.95rem!important;gap:.5rem;margin-bottom:.75rem!important}.user-card .card-body p strong{color:#1e293b!important;color:var(--text)!important;display:inline-block;min-width:140px}.user-card .card-footer{background:#0000!important;border-top:1px solid #e2e8f0!important;border-top:1px solid var(--border-color)!important;display:flex;gap:1rem;margin-top:1.5rem!important;padding:1.5rem 0 0!important}.user-card .card-footer .btn{align-items:center;border-radius:.5rem!important;display:flex;flex:1 1;font-size:.875rem!important;font-weight:600!important;justify-content:center;padding:.625rem!important;transition:all .2s ease}@media (max-width:1024px){.user-grid{gap:1.5rem;grid-template-columns:1fr}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s cubic-bezier(.16,1,.3,1);background:#fff;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:550px;padding:2.5rem;position:relative;width:100%}.modal-body{flex:1 1;overflow-y:auto;padding-right:.5rem}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#0000}.modal-body::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border-color);border-radius:3px}.modal-header{align-items:center;display:flex;justify-content:space-between}.modal-header h2{color:#1e293b;color:var(--text);font-size:1.5rem;font-weight:700;margin:0}.close-modal{background:#0000;border:none;color:#64748b;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;padding:.5rem;transition:color .2s}.close-modal:hover{color:#ef4444;color:var(--danger)}.modal-body{display:flex;flex-direction:column;gap:1.5rem}.modal-details{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);margin-bottom:1rem;padding-bottom:1.5rem}.modal-details p{font-size:.95rem;margin-bottom:.5rem}.assigned-assets-list{background:#1e293b80;border-radius:.75rem;padding:1rem}.assigned-asset-item{align-items:center;background:#f8fafc;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}.assigned-asset-item:last-child{margin-bottom:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-overlay.secondary{background:#000c;z-index:1100}.asset-selection-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.asset-selection-item{align-items:center;background:#f8fafc;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:all .2s}.asset-selection-item:hover{background:#6366f10d;border-color:#2563eb;border-color:var(--primary);transform:translateY(-2px)}.asset-selection-item.selected{background:#6366f11a;border-color:#2563eb;border-color:var(--primary)}.asset-select-trigger{align-items:center;background:#f8fafc;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;color:#1e293b;color:var(--text);cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;text-align:left;transition:border-color .2s;width:100%}.asset-select-trigger:hover{border-color:#2563eb;border-color:var(--primary)}.asset-select-trigger .selected-val{color:#1e293b;color:var(--text)}.asset-select-trigger .placeholder{color:#64748b;color:var(--text-secondary)}.maintenance-dashboard,.vendor-dashboard{max-width:1400px;padding:2rem}.dashboard-top-row{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:350px 1fr;width:100%}@media (max-width:1100px){.dashboard-top-row{grid-template-columns:1fr}}.profile-card{background:#fff;background:var(--panel);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:1.5rem;box-shadow:0 10px 25px -5px #0000000d;display:flex;flex-direction:column;gap:1.5rem;padding:2rem}@media (max-width:1100px){.profile-card{max-width:100%}}.profile-header{gap:1.5rem}.avatar-circle,.profile-header{align-items:center;display:flex}.avatar-circle{background:#2563eb;background:var(--primary);border-radius:50%;box-shadow:0 8px 16px #6366f133;color:#fff;flex-shrink:0;font-size:1.75rem;font-weight:700;height:80px;justify-content:center;width:80px}.profile-greeting{display:flex;flex-direction:column;gap:.25rem}.profile-greeting h3{color:#1e293b;color:var(--text);font-size:1.5rem;font-weight:800;line-height:1.2;margin:0}.waving-hand{display:block;font-size:1.5rem;margin-top:.25rem}.role-badge{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:700;padding:.25rem .75rem;width:-webkit-fit-content;width:fit-content}.role-badge-admin,.role-badge-super-admin{background:#dcfce7;color:#10b981}.role-badge-supervisor{background:#e0e7ff;color:#4f46e5}.role-badge-employee{background:#fefce8;color:#ca8a04}.role-badge-maintenance{background:#ffedd5;color:#ea580c}.role-badge-vendor{background:#f3e8ff;color:#9333ea}body.dark .role-badge-admin,body.dark .role-badge-super-admin{background:#fff;color:#10b981}body.dark .role-badge-supervisor{background:#fff;color:#4f46e5}body.dark .role-badge-employee{background:#fff;color:#ca8a04}body.dark .role-badge-maintenance{background:#fff;color:#ea580c}body.dark .role-badge-vendor{background:#fff;color:#9333ea}.profile-details{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:1rem;padding-top:1.5rem}.info-row{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:.95rem;font-weight:500;gap:.75rem}.info-icon{color:#1e293b;color:var(--text);display:flex;justify-content:center;width:20px}.profile-footer{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;justify-content:space-between;padding-top:1rem}.profile-footer a,.profile-footer button{align-items:center;background:none;border:none;color:#2563eb;color:var(--primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:0;text-decoration:none}.stats-grid-2,.stats-grid-3{grid-gap:1.5rem;display:grid;gap:1.5rem}.stats-grid-2{grid-template-columns:repeat(2,1fr)}.stats-grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:1100px){.stats-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){.stats-grid-2,.stats-grid-3{grid-template-columns:1fr}}.stat-widget{background:#fff;background:var(--panel);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:1rem;box-shadow:0 4px 6px -1px #0000000d;display:flex;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-widget:hover{border-color:#2563eb;border-color:var(--primary);box-shadow:0 10px 20px -5px #0000001a;transform:translateY(-5px)}.widget-header{align-items:center;display:flex;justify-content:space-between;width:100%}.widget-title{color:#64748b;color:var(--text-secondary);font-size:1rem;font-weight:600}.split-container{align-items:center;display:flex;justify-content:space-between;margin-top:.25rem}.split-item{display:flex;flex:1 1;flex-direction:column}.split-item .stat-label{color:#64748b;color:var(--text-secondary);font-size:.8rem;margin-bottom:.25rem}.split-item.left{padding-right:1.25rem}.split-item.right{padding-left:1.25rem;text-align:right}.split-divider{background:#e2e8f0;background:var(--border);height:32px;opacity:.5;width:1px}.stat-value{color:#1e293b;color:var(--text);font-size:1.75rem;font-weight:800;margin:0}.stat-icon{align-items:center;border-radius:10px;color:#fff;display:flex;font-size:1.15rem;height:40px;justify-content:center;width:40px}.stat-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);margin-top:auto;padding-top:.75rem}.stat-footer a{color:#2563eb;color:var(--primary);font-size:.8rem;font-weight:600;text-decoration:none}.bg-indigo{background:#2563eb;background:var(--primary)}.bg-green{background:#10b981}.bg-amber{background:#f59e0b}.bg-rose{background:#f43f5e}.bg-purple{background:#8b5cf6}.bg-cyan{background:#06b6d4}.bg-blue{background:#3b82f6}body.dark .bg-indigo{background:#7a5af8}body.dark .bg-green{background:#2bc770}body.dark .bg-amber{background:#ffa043}body.dark .bg-rose{background:#f85a7e}body.dark .bg-purple{background:#c084fc}body.dark .bg-cyan{background:#34d399}body.dark .bg-blue{background:#56b5f5}.layout-body.dashboard-mode{overflow:visible}.stats-container{grid-gap:1.5rem;display:grid;gap:1.5rem}a:hover{text-decoration:underline}
/*# sourceMappingURL=main.f7d05c7c.css.map*/