@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap);:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#3b82f6;--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--success:#16a34a;--success-bg:#f0fdf4;--success-border:#86efac;--warning:#d97706;--warning-bg:#fffbeb;--warning-border:#fde68a;--danger:#dc2626;--danger-bg:#fef2f2;--danger-border:#fecaca;--info:#0284c7;--info-bg:#f0f9ff;--info-border:#bae6fd;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--sidebar-width:252px;--topbar-height:60px;--radius:10px;--radius-sm:7px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000a,0 4px 12px #0000000d;--shadow-md:0 4px 16px #00000012,0 2px 4px #0000000a;--shadow-lg:0 10px 40px #0000001a,0 4px 8px #0000000a;--shadow-card:0 1px 2px #00000008,0 4px 16px #0000000d;--shadow-blue:0 4px 20px #2563eb33;--sidebar-bg:#0c1220;--sidebar-border:#ffffff0d;--sidebar-text:#ffffff7a;--sidebar-text-active:#fff;--sidebar-item-active:#2563eb33;--sidebar-item-hover:#ffffff0d;--font:"Plus Jakarta Sans","Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-data:"Inter",-apple-system,sans-serif;--font-mono:"SF Mono","Fira Code","Cascadia Code",monospace;--color-bg-app:var(--gray-50);--color-surface:#fff;--color-border:var(--gray-200);--color-text-main:var(--gray-800);--color-text-muted:var(--gray-500);--color-primary:var(--primary);--color-primary-hover:var(--primary-dark);--color-primary-light:var(--primary-50);--color-danger:var(--danger);--color-success:var(--success);--color-warning:var(--warning)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;background:var(--gray-50);color:#1e293b;color:var(--gray-800);font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font)}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--gray-200);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#cbd5e1;background:var(--gray-300)}.app-shell{background:#f8fafc;background:var(--gray-50)}.app-shell,.sidebar{display:flex;min-height:100vh}.sidebar{background:#0c1220;background:var(--sidebar-bg);border-right:1px solid #ffffff0d;border-right:1px solid var(--sidebar-border);flex-direction:column;left:0;position:fixed;top:0;width:252px;width:var(--sidebar-width);z-index:100}.sidebar-logo{border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--sidebar-border);gap:11px;padding:17px 16px 15px}.sidebar-logo,.sidebar-logo-icon{align-items:center;display:flex;flex-shrink:0}.sidebar-logo-icon{background:linear-gradient(135deg,#2563eb,#60a5fa);border-radius:8px;box-shadow:0 2px 8px #2563eb66;color:#fff;font-size:12px;font-weight:800;height:32px;justify-content:center;width:32px}.sidebar-logo-name{color:#fff;font-size:13.5px;font-weight:700;letter-spacing:-.2px}.sidebar-logo-sub{color:#ffffff7a;color:var(--sidebar-text);font-size:10px;margin-top:1px}.sidebar-logo-text{flex:1 1;overflow:hidden}.sidebar-section-label{color:#ffffff38;font-size:9.5px;font-weight:700;letter-spacing:.1em;padding:14px 16px 4px;text-transform:uppercase}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:1px;overflow-y:auto;padding:6px 10px}.sidebar-item{align-items:center;border:1px solid #0000;border-radius:7px;color:#ffffff7a;color:var(--sidebar-text);display:flex;font-size:13px;font-weight:500;gap:9px;padding:8px 10px;transition:all .13s ease;white-space:nowrap}.sidebar-item:hover{background:#ffffff0d;background:var(--sidebar-item-hover);color:#ffffffe0}.sidebar-item.active{background:#2563eb33;background:var(--sidebar-item-active);border-color:#3b82f626;color:#fff;color:var(--sidebar-text-active);font-weight:600}.sidebar-item.active .sidebar-item-icon{color:#60a5fa;opacity:1}.sidebar-item-icon{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;opacity:.6;transition:opacity .13s;width:16px}.sidebar-item:hover .sidebar-item-icon{opacity:.9}.sidebar-item-badge{animation:pulseDot 2s ease infinite;background:#dc2626;background:var(--danger);border-radius:20px;color:#fff;font-size:9.5px;font-weight:700;margin-left:auto;min-width:18px;padding:1px 6px;text-align:center}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.65}}.sidebar-footer{border-top:1px solid #ffffff0d;border-top:1px solid var(--sidebar-border);flex-shrink:0;padding:10px}.sidebar-user{background:#ffffff08;border:1px solid #ffffff0a;border-radius:7px;gap:9px;margin-bottom:6px;padding:9px 10px}.sidebar-avatar,.sidebar-user{align-items:center;display:flex}.sidebar-avatar{border-radius:7px;color:#fff;flex-shrink:0;font-size:11.5px;font-weight:700;height:30px;justify-content:center;width:30px}.sidebar-user-name{color:#ffffffe6;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{color:#ffffff7a;color:var(--sidebar-text);font-size:10px}.sidebar-user-info{flex:1 1;overflow:hidden}.sidebar-logout{align-items:center;background:#0000;border:1px solid #ef444424;border-radius:7px;color:#f87171bf;display:flex;font-size:12.5px;font-weight:500;gap:7px;padding:7px 10px;transition:all .13s;width:100%}.sidebar-logout:hover{background:#ef444412;border-color:#ef444440;color:#fca5a5}.sidebar-scrim{animation:fadeIn .18s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;display:none;inset:0;position:fixed;z-index:99}.app-main{display:flex;flex:1 1;flex-direction:column;margin-left:252px;margin-left:var(--sidebar-width);min-height:100vh}.topbar{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff2;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);display:flex;gap:14px;height:60px;height:var(--topbar-height);padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.topbar-title{flex:1 1}.topbar-page{color:#0f172a;color:var(--gray-900);font-size:15.5px;font-weight:700;letter-spacing:-.3px}.topbar-sub{color:#64748b;color:var(--gray-500);font-size:12px;margin-top:1px}.topbar-actions{gap:6px}.topbar-actions,.topbar-btn{align-items:center;display:flex}.topbar-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:8px;color:#64748b;color:var(--gray-500);height:34px;justify-content:center;position:relative;transition:all .13s;width:34px}.topbar-btn:hover{background:#f8fafc;background:var(--gray-50);border-color:#cbd5e1;border-color:var(--gray-300);color:#334155;color:var(--gray-700)}.menu-toggle-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:8px;color:#475569;color:var(--gray-600);cursor:pointer;display:none;flex-shrink:0;height:34px;justify-content:center;transition:all .13s;width:34px}.menu-toggle-btn:hover{background:#f8fafc;background:var(--gray-50);border-color:#cbd5e1;border-color:var(--gray-300)}.topbar-badge{background:#dc2626;background:var(--danger);border:2px solid #fff;border-radius:50%;font-size:8.5px;height:14px;position:absolute;right:-3px;top:-3px;width:14px}.topbar-avatar,.topbar-badge{align-items:center;color:#fff;display:flex;font-weight:700;justify-content:center}.topbar-avatar{border-radius:8px;cursor:pointer;font-size:12px;height:34px;transition:transform .13s;width:34px}.topbar-avatar:hover{transform:scale(1.05)}.page-content{flex:1 1;max-width:1440px;padding:24px 28px;width:100%}.card{background:#fff;border:1px solid #f1f5f9;border:1px solid var(--gray-100);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #00000008,0 4px 16px #0000000d;box-shadow:var(--shadow-card)}.card-header{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:16px 20px}.card-title{color:#0f172a;color:var(--gray-900);font-size:13.5px;font-weight:700;letter-spacing:-.2px}.card-subtitle{color:#94a3b8;color:var(--gray-400);font-size:11.5px;margin-top:2px}.card-body{padding:20px}.stat-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));margin-bottom:20px}.stat-card{background:#fff;border:1px solid #f1f5f9;border:1px solid var(--gray-100);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #00000008,0 4px 16px #0000000d;box-shadow:var(--shadow-card);overflow:hidden;padding:20px 22px;position:relative;transition:transform .18s ease,box-shadow .18s ease}.stat-card:hover{box-shadow:0 4px 16px #00000012,0 2px 4px #0000000a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card:before{background:#2563eb;background:var(--card-color,var(--primary));content:"";height:2px;left:0;opacity:.7;position:absolute;right:0;top:0}.stat-card-value{color:#0f172a;color:var(--gray-900);font-family:Inter,-apple-system,sans-serif;font-family:var(--font-data);font-size:30px;font-weight:800;letter-spacing:-1.5px;line-height:1;margin-bottom:5px}.stat-card-label{color:#475569;color:var(--gray-600);font-size:12.5px;font-weight:600;margin-bottom:2px}.stat-card-sub{color:#94a3b8;color:var(--gray-400);font-size:11px}.stat-card-icon{align-items:center;border-radius:10px;display:flex;font-size:18px;height:42px;justify-content:center;width:42px}.stat-card-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:14px}.stat-card-trend{align-items:center;background:#f0fdf4;background:var(--success-bg);border-radius:20px;color:#16a34a;color:var(--success);display:flex;font-size:11px;font-weight:600;gap:3px;padding:2px 7px}.kpi-row{grid-gap:14px;display:grid;gap:14px}.kpi-row-2{grid-template-columns:repeat(2,1fr)}.kpi-row-3{grid-template-columns:repeat(3,1fr)}.kpi-row-4{grid-template-columns:repeat(4,1fr)}.kpi-row-6{grid-template-columns:repeat(6,1fr)}.kpi-card{background:#fff;border:1px solid #f1f5f9;border:1px solid var(--gray-100);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #00000008,0 4px 16px #0000000d;box-shadow:var(--shadow-card);overflow:hidden;padding:18px 20px;position:relative;transition:all .16s ease}.kpi-card.clickable{cursor:pointer}.kpi-card.clickable:hover,.kpi-card:hover{box-shadow:0 4px 16px #00000012,0 2px 4px #0000000a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-icon-wrapper{align-items:center;border-radius:10px;display:flex;font-size:18px;height:40px;justify-content:center;margin-bottom:14px;width:40px}.kpi-value{font-family:Inter,-apple-system,sans-serif;font-family:var(--font-data);font-size:30px;font-weight:800;letter-spacing:-1px;line-height:1;margin-bottom:6px}.kpi-label{color:#334155;color:var(--gray-700);font-size:12.5px;font-weight:700;margin-bottom:3px}.kpi-sub{color:#94a3b8;color:var(--gray-400);font-size:11.5px}.kpi-badge{border-radius:12px;font-size:10.5px;font-weight:700;padding:2px 8px;position:absolute;right:18px;top:18px}.stat-grid-6{margin-bottom:20px}.form-grid,.stat-grid-6{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.field{display:flex;flex-direction:column;gap:5px}.field-label{color:#475569;color:var(--gray-600);font-size:12px;font-weight:600}.input{background:#f8fafc;background:var(--gray-50);border:1.5px solid #e2e8f0;border:1.5px solid var(--gray-200);border-radius:7px;border-radius:var(--radius-sm);color:#1e293b;color:var(--gray-800);font-size:13.5px;height:36px;outline:none;padding:0 11px;transition:border-color .13s,box-shadow .13s,background .13s;width:100%}.input:hover{border-color:#cbd5e1;border-color:var(--gray-300)}.input:focus{background:#fff;border-color:#3b82f6;border-color:var(--primary-500);box-shadow:0 0 0 3px #2563eb17}.input::placeholder{color:#cbd5e1;color:var(--gray-300)}select.input{cursor:pointer}.form-section-label{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);color:#94a3b8;color:var(--gray-400);font-size:10.5px;font-weight:700;letter-spacing:.08em;margin-bottom:10px;padding-bottom:7px;text-transform:uppercase}.btn{align-items:center;border:1.5px solid #0000;border-radius:7px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;height:34px;justify-content:center;padding:0 14px;transition:all .13s;white-space:nowrap}.btn-primary{background:#2563eb;background:var(--primary);border-color:#2563eb;border-color:var(--primary);box-shadow:0 1px 3px #2563eb2e,inset 0 1px 0 #ffffff1a;color:#fff}.btn-primary:hover{background:#1d4ed8;background:var(--primary-dark);border-color:#1d4ed8;border-color:var(--primary-dark);box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-secondary{background:#fff;border-color:#e2e8f0;border-color:var(--gray-200);box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-xs);color:#334155;color:var(--gray-700)}.btn-secondary:hover{background:#f8fafc;background:var(--gray-50);border-color:#cbd5e1;border-color:var(--gray-300)}.btn-danger{background:#fef2f2;background:var(--danger-bg);border-color:#fecaca;border-color:var(--danger-border);color:#dc2626;color:var(--danger)}.btn-danger:hover{background:#fee2e2}.btn-success{background:#f0fdf4;background:var(--success-bg);border-color:#86efac;border-color:var(--success-border);color:#16a34a;color:var(--success)}.btn-success:hover{background:#dcfce7}.btn-warning{background:#fffbeb;background:var(--warning-bg);border-color:#fde68a;border-color:var(--warning-border);color:#d97706;color:var(--warning)}.btn-warning:hover{background:#fef3c7}.btn-sm{border-radius:6px;font-size:12px;height:28px;padding:0 10px}.btn-lg{font-size:14.5px;height:42px;padding:0 22px}.btn-block{width:100%}.btn-icon{height:34px;padding:0;width:34px}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{border-collapse:collapse;font-size:13px;width:100%}.data-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.data-table th{background:#f8fafc;background:var(--gray-50);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);color:#94a3b8;color:var(--gray-400);font-size:10.5px;font-weight:700;letter-spacing:.06em;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td{border-bottom:1px solid #f8fafc;border-bottom:1px solid var(--gray-50);color:#334155;color:var(--gray-700);padding:11px 14px;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#fafbfc}.data-table .mono{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-family:var(--font-mono);font-size:12px}.data-table .muted{color:#94a3b8;color:var(--gray-400)}.pill{align-items:center;border-radius:20px;display:inline-flex;font-size:11.5px;font-weight:600;gap:5px;padding:3px 10px;white-space:nowrap}.pill:before{background:currentColor;border-radius:50%;content:"";height:5px;opacity:.65;width:5px}.pill-available{background:#f0fdf4;color:#16a34a}.pill-assigned{background:#eff6ff;color:#1d4ed8}.pill-maintenance{background:#fffbeb;color:#d97706}.pill-spare{background:#fef9c3;color:#a16207}.pill-under-repair{background:#ffedd5;color:#c2410c}.pill-faulty{background:#fee2e2;color:#b91c1c}.pill-lost{background:#f1f5f9;color:#475569}.pill-retired{background:#f1f5f9;color:#64748b}.pill-disposed{background:#f8fafc;color:#94a3b8}.tag{align-items:center;border-radius:5px;display:inline-flex;font-size:10.5px;font-weight:700;letter-spacing:.02em;padding:2px 8px}.tag-blue{background:#eff6ff;color:#1d4ed8}.tag-green{background:#f0fdf4;color:#15803d}.tag-orange{background:#fff7ed;color:#c2410c}.welcome-banner{align-items:center;background:linear-gradient(135deg,#1d4ed8,#2563eb 55%,#3b82f6);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 6px 28px #2563eb47;color:#fff;display:flex;justify-content:space-between;margin-bottom:20px;overflow:hidden;padding:22px 26px;position:relative}.welcome-banner:before{background:hsla(0,0%,100%,.055);height:220px;right:-50px;top:-50px;width:220px}.welcome-banner:after,.welcome-banner:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.welcome-banner:after{background:hsla(0,0%,100%,.035);bottom:-70px;height:160px;right:70px;width:160px}.welcome-banner-text{position:relative;z-index:1}.welcome-banner-greeting{color:#ffffffb3;font-size:12.5px;font-weight:500;margin-bottom:3px}.welcome-banner-title{font-size:22px;font-weight:800;letter-spacing:-.5px;line-height:1.2}.welcome-banner-sub{color:#ffffffb3;font-size:12.5px;margin-top:4px}.welcome-banner-icon{font-size:46px;opacity:.82;position:relative;z-index:1}.activity-item{border-bottom:1px solid #f8fafc;border-bottom:1px solid var(--gray-50);display:flex;gap:12px;padding:12px 0}.activity-item:last-child{border-bottom:none}.activity-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;margin-top:1px;width:32px}.activity-text{flex:1 1}.activity-main{color:#334155;color:var(--gray-700);font-size:13px;font-weight:500;line-height:1.45}.activity-main strong{color:#0f172a;color:var(--gray-900)}.activity-meta{color:#94a3b8;color:var(--gray-400);font-size:11.5px;margin-top:2px}.empty-state{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:52px 20px;text-align:center}.empty-icon{font-size:34px;opacity:.25}.empty-title{color:#475569;color:var(--gray-600);font-size:14px;font-weight:600}.empty-sub{color:#94a3b8;color:var(--gray-400);font-size:12.5px;max-width:300px}.grid-2{grid-gap:18px;grid-template-columns:1fr 1fr}.grid-2,.grid-3{display:grid;gap:18px}.grid-3{grid-gap:18px;grid-template-columns:repeat(3,1fr)}.grid-2-1{grid-gap:18px;display:grid;gap:18px;grid-template-columns:2fr 1fr}.grid-1-2{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 2fr}.action-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.selector-grid{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(4,1fr)}.asset-row-grid{grid-gap:4px 14px;align-items:start;display:grid;flex:1 1;gap:4px 14px;grid-template-columns:2fr 1fr 1.2fr 1.5fr 1.2fr 1fr}.emp-welcome{align-items:center;background:linear-gradient(135deg,#1d4ed8,#2563eb 50%,#3b82f6);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 6px 24px #2563eb40;color:#fff;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px;overflow:hidden;padding:24px 28px;position:relative}.emp-welcome:after{background:#ffffff0f;border-radius:50%;content:"";height:180px;pointer-events:none;position:absolute;right:-50px;top:-50px;width:180px}.emp-welcome-title{font-size:20px;font-weight:800;letter-spacing:-.5px}.emp-welcome-sub{color:#ffffffb8;font-size:13px;margin-top:4px}.emp-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.emp-action-card{align-items:center;background:#fff;border:1.5px solid #f1f5f9;border:1.5px solid var(--gray-100);border-radius:10px;border-radius:var(--radius);box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-xs);cursor:pointer;display:flex;flex-direction:column;gap:9px;padding:18px;text-align:center;transition:all .18s}.emp-action-card:hover{border-color:#bfdbfe;border-color:var(--primary-200);box-shadow:0 0 0 3px #2563eb12,0 1px 3px #0000000a,0 4px 12px #0000000d;box-shadow:0 0 0 3px #2563eb12,var(--shadow-sm);transform:translateY(-2px)}.emp-action-icon{align-items:center;border-radius:11px;display:flex;font-size:20px;height:44px;justify-content:center;width:44px}.emp-action-label{color:#334155;color:var(--gray-700);font-size:12px;font-weight:600}.page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.page-header-title{color:#0f172a;color:var(--gray-900);font-size:20px;font-weight:800;letter-spacing:-.5px}.page-header-sub{color:#64748b;color:var(--gray-500);font-size:12.5px;margin-top:3px}.profile-header{align-items:center;background:#fff;border:1px solid #f1f5f9;border:1px solid var(--gray-100);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #00000008,0 4px 16px #0000000d;box-shadow:var(--shadow-card);display:flex;gap:18px;margin-bottom:18px;padding:22px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#1d4ed8,#3b82f6);border-radius:16px;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:800;height:68px;justify-content:center;width:68px}.profile-name{color:#0f172a;color:var(--gray-900);font-size:18px;font-weight:800}.profile-role{color:#64748b;color:var(--gray-500);font-size:12.5px;margin-top:2px}.profile-badges{display:flex;gap:7px;margin-top:9px}.notif-bell-wrapper,.notif-btn{position:relative}.notif-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:8px;color:#64748b;color:var(--gray-500);display:flex;height:34px;justify-content:center;transition:all .13s;width:34px}.notif-btn.is-open,.notif-btn:hover{background:#f8fafc;background:var(--gray-50);border-color:#cbd5e1;border-color:var(--gray-300);color:#334155;color:var(--gray-700)}.notif-badge-icon{align-items:center;background:#dc2626;background:var(--danger);border:2px solid #fff;border-radius:999px;color:#fff;display:flex;font-size:9.5px;font-weight:800;height:16px;justify-content:center;min-width:16px;padding:0 3px;position:absolute;right:-4px;top:-4px}.notif-panel{animation:dropIn .15s ease;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #00000012,0 20px 48px -8px #00000024;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);transform-origin:top right;width:368px;z-index:999}.notif-header{background:#f8fafc;background:var(--gray-50);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);justify-content:space-between;padding:14px 16px}.notif-header,.notif-title{align-items:center;display:flex}.notif-title{color:#0f172a;color:var(--gray-900);font-size:13.5px;font-weight:700;gap:8px}.notif-count-badge{background:#dc2626;background:var(--danger);border-radius:12px;color:#fff;font-size:10px;font-weight:800;padding:1px 7px}.notif-subtitle{color:#94a3b8;color:var(--gray-400);font-size:11px;margin-top:1px}.notif-view-all{background:#eff6ff;background:var(--primary-50);border:none;border-radius:6px;color:#2563eb;color:var(--primary);cursor:pointer;font-size:11.5px;font-weight:600;padding:5px 10px}.notif-view-all:hover{background:#dbeafe;background:var(--primary-100)}.notif-list{max-height:360px;overflow-y:auto}.notif-list::-webkit-scrollbar{width:5px}.notif-list::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--gray-200);border-radius:10px}.notif-empty{color:#94a3b8;color:var(--gray-400);padding:40px 24px;text-align:center}.notif-item{border-bottom:1px solid #f8fafc;border-bottom:1px solid var(--gray-50);cursor:pointer;display:flex;gap:12px;padding:13px 16px;position:relative;transition:background .12s}.notif-item:hover{background:#f8fafc;background:var(--gray-50)}.notif-item.unread{background:#f0f7ff}.notif-item.unread:hover{background:#e8f0fc}.notif-indicator{background:#2563eb;background:var(--primary);border-radius:0 2px 2px 0;bottom:0;left:0;position:absolute;top:0;width:3px}.notif-icon{align-items:center;border-radius:9px;display:flex;flex-shrink:0;font-size:15px;height:36px;justify-content:center;width:36px}.notif-content{flex:1 1;min-width:0}.notif-content-header{align-items:center;display:flex;gap:6px;margin-bottom:3px}.notif-item-title{color:#0f172a;color:var(--gray-900);font-size:12.5px;font-weight:700}.notif-dot{background:#2563eb;background:var(--primary);border-radius:50%;flex-shrink:0;height:5px;width:5px}.notif-urgency{border-radius:12px;font-size:10px;font-weight:700;margin-left:auto;padding:1px 7px}.notif-desc{color:#475569;color:var(--gray-600);font-size:11.5px;line-height:1.45}.notif-desc-bold{color:#1e293b;color:var(--gray-800);font-weight:600}.notif-time{color:#94a3b8;color:var(--gray-400);font-size:10.5px;margin-top:4px}.notif-footer{background:#f8fafc;background:var(--gray-50);border-top:1px solid #f1f5f9;border-top:1px solid var(--gray-100);padding:9px 16px;text-align:center}.notif-footer-btn{background:none;border:none;color:#2563eb;color:var(--primary);cursor:pointer;font-size:12px;font-weight:600}.help-popover{animation:dropIn .15s ease;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 10px 40px #0000001a,0 4px 8px #0000000a;box-shadow:var(--shadow-lg);padding:16px 18px;position:absolute;right:0;top:calc(100% + 10px);width:285px;z-index:500}.help-popover-title{color:#0f172a;color:var(--gray-900);font-size:13.5px;font-weight:700;margin-bottom:10px}.help-popover-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin-bottom:12px}.help-popover-list li{color:#64748b;color:var(--gray-500);font-size:12px;line-height:1.5}.help-popover-list li strong{color:#1e293b;color:var(--gray-800)}.help-popover-footer{border-top:1px solid #f1f5f9;border-top:1px solid var(--gray-100);color:#94a3b8;color:var(--gray-400);font-size:11px;padding-top:10px}.modal-overlay{align-items:center;animation:fadeIn .18s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a80;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.modal-content{animation:scaleIn .2s cubic-bezier(.22,1,.36,1);background:#fff;border-radius:18px;border-radius:var(--radius-xl);box-shadow:0 24px 64px #0000002e;display:flex;flex-direction:column;max-width:520px;overflow:hidden;width:100%}.modal-header{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);padding:18px 24px}.modal-title{color:#0f172a;color:var(--gray-900);font-size:17px;font-weight:700;margin:0}.modal-body{padding:22px 24px}.side-drawer{max-width:92vw;width:440px}.toast-stack{bottom:22px;display:flex;flex-direction:column;gap:8px;position:fixed;right:22px;z-index:9999}.chart-container{align-items:center;display:flex;justify-content:center;width:100%}.divider{border:none;border-top:1px solid #f1f5f9;border-top:1px solid var(--gray-100);margin:18px 0}.login-page{display:grid;grid-template-columns:1.1fr .9fr;min-height:100vh}.login-left{background:linear-gradient(155deg,#06091a,#0d1b3e 45%,#122b6e);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:44px 52px;position:relative}.login-left:before{background:radial-gradient(circle,#2563eb38 0,#0000 65%);height:560px;right:-15%;top:-20%;width:560px}.login-left:after,.login-left:before{content:"";pointer-events:none;position:absolute}.login-left:after{background:radial-gradient(circle,#6366f126 0,#0000 65%);bottom:-15%;height:380px;left:-10%;width:380px}.login-left-grid{background-image:radial-gradient(#ffffff0f 1px,#0000 0);background-size:28px 28px;inset:0;pointer-events:none;position:absolute}.login-brand{gap:11px;position:relative;z-index:1}.login-brand,.login-brand-icon{align-items:center;display:flex}.login-brand-icon{background:linear-gradient(135deg,#2563eb,#60a5fa);border-radius:10px;box-shadow:0 4px 16px #2563eb66;color:#fff;font-size:14px;font-weight:800;height:40px;justify-content:center;width:40px}.login-brand-name{color:#fff;font-size:17px;font-weight:700;letter-spacing:-.3px}.login-brand-sub{color:#ffffff73;font-size:10.5px;margin-top:1px}.login-hero{position:relative;z-index:1}.login-hero-tag{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff12;border:1px solid #ffffff1f;border-radius:20px;color:#ffffffa6;display:inline-flex;font-size:11.5px;gap:7px;margin-bottom:22px;padding:5px 13px}.login-hero-tag-dot{animation:pulse 2s ease infinite;background:#34d399;border-radius:50%;box-shadow:0 0 6px #34d399;height:6px;width:6px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}.login-hero-title{color:#fff;font-size:44px;font-weight:800;letter-spacing:-2px;line-height:1.1;margin-bottom:18px}.login-hero-title span{color:#60a5fa}.login-hero-desc{color:#ffffff8c;font-size:14.5px;line-height:1.65;max-width:360px}.login-stats{display:flex;gap:24px;position:relative;z-index:1}.login-stat-value{color:#fff;font-family:Inter,-apple-system,sans-serif;font-family:var(--font-data);font-size:24px;font-weight:800;letter-spacing:-1px}.login-stat-label{color:#ffffff73;font-size:11px;margin-top:2px}.login-right{align-items:center;background:#f8fafc;background:var(--gray-50);display:flex;justify-content:center;padding:48px 52px}.login-box{max-width:390px;width:100%}.login-box-header{margin-bottom:26px}.login-box-title{color:#0f172a;color:var(--gray-900);font-size:24px;font-weight:800;letter-spacing:-.5px}.login-box-sub{color:#64748b;color:var(--gray-500);font-size:13.5px;margin-top:5px}.login-tabs{grid-gap:6px;background:#e2e8f0;background:var(--gray-200);border-radius:9px;display:grid;gap:6px;grid-template-columns:1fr 1fr;margin-bottom:22px;padding:3px}.login-tab{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--gray-500);cursor:pointer;display:flex;font-size:12.5px;font-weight:600;gap:6px;justify-content:center;padding:8px;transition:all .13s}.login-tab.active{background:#fff;box-shadow:0 1px 3px #0000000a,0 4px 12px #0000000d;box-shadow:var(--shadow-sm);color:#2563eb;color:var(--primary)}.login-form{gap:15px}.login-field,.login-form{display:flex;flex-direction:column}.login-field{gap:6px}.login-label{color:#334155;color:var(--gray-700);font-size:12px;font-weight:600}.login-input{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--gray-200);border-radius:9px;color:#1e293b;color:var(--gray-800);font-size:14px;height:42px;outline:none;padding:0 14px;transition:all .13s}.login-input:hover{border-color:#cbd5e1;border-color:var(--gray-300)}.login-input:focus{border-color:#3b82f6;border-color:var(--primary-500);box-shadow:0 0 0 3px #2563eb17}.login-btn{background:#2563eb;background:var(--primary);border:none;border-radius:9px;box-shadow:0 4px 20px #2563eb33;box-shadow:var(--shadow-blue);color:#fff;cursor:pointer;font-size:14px;font-weight:700;height:42px;letter-spacing:-.2px;transition:all .13s}.login-btn:hover{background:#1d4ed8;background:var(--primary-dark);box-shadow:0 6px 20px #2563eb4d;transform:translateY(-1px)}.login-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.login-hint{background:#eff6ff;background:var(--primary-50);border:1px solid #dbeafe;border:1px solid var(--primary-100);border-radius:8px;color:#1d4ed8;color:var(--primary-700);font-size:12px;line-height:1.55;padding:10px 13px}.login-error{align-items:center;background:#fef2f2;background:var(--danger-bg);border:1px solid #fecaca;border:1px solid var(--danger-border);border-radius:8px;color:#dc2626;color:var(--danger);display:flex;font-size:12.5px;gap:8px;padding:10px 13px}.action-return{align-items:center;background:#e3fcef;border:none;border-radius:7px;border-radius:var(--radius-sm);color:#064;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 12px;transition:background .13s}.action-return:hover{background:#abf5d1}.action-delete{background:#0000;border:none;border-radius:7px;border-radius:var(--radius-sm);color:#94a3b8;color:var(--gray-400);cursor:pointer;font-size:16px;padding:4px;transition:.13s}.action-delete:hover{background:#fef2f2;background:var(--danger-bg);color:#dc2626;color:var(--danger)}.condition-select{background:#fff;background:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:7px;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:600;min-width:108px;outline:none;padding:5px 8px}.condition-select:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb14}.condition-select:disabled{cursor:wait;opacity:.6}.loading-screen{align-items:center;background:#f8fafc;background:var(--gray-50);display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:100vh}.loading-spinner{animation:spin .65s linear infinite;border:3px solid #dbeafe;border-radius:50%;border-top-color:#2563eb;border:3px solid var(--primary-100);border-top-color:var(--primary);height:32px;width:32px}.loading-screen-text{color:#64748b;color:var(--gray-500);font-size:13px;font-weight:600}.error-page{align-items:center;background:#f8fafc;background:var(--gray-50);display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:100vh;padding:32px;text-align:center}.error-page-code{color:#bfdbfe;color:var(--primary-200);font-size:60px;font-weight:800;letter-spacing:-2px}.error-page-title{color:#1e293b;color:var(--gray-800);font-size:17px;font-weight:700}.error-page-sub{color:#64748b;color:var(--gray-500);font-size:13px;max-width:380px}.skip-link{background:#2563eb;background:var(--primary);border-radius:0 0 8px 0;color:#fff;font-size:13px;font-weight:600;left:-9999px;padding:10px 16px;position:absolute;top:0;z-index:9999}.skip-link:focus{left:0}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{border-radius:4px;outline:2px solid #3b82f6;outline:2px solid var(--primary-500);outline-offset:2px}.sidebar-item:focus-visible{outline-offset:-2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes scaleIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes slideRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes dropIn{0%{opacity:0;transform:scale(.97) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}.fade-in{animation:fadeIn .22s ease}@media (max-width:1200px){.stat-grid{grid-template-columns:repeat(3,1fr)}.emp-grid,.form-grid{grid-template-columns:repeat(2,1fr)}.kpi-row-6{grid-template-columns:repeat(3,1fr)}.kpi-row-4{grid-template-columns:repeat(2,1fr)}.stat-grid-6{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.login-page{grid-template-columns:1fr}.login-left{display:none}.app-main{margin-left:0}.grid-1-2,.grid-2,.grid-2-1,.grid-3,.stat-grid{grid-template-columns:1fr}.kpi-row-3{grid-template-columns:repeat(2,1fr)}.sidebar{box-shadow:none;transform:translateX(-100%);transition:transform .22s ease}.sidebar.sidebar-open{box-shadow:12px 0 40px #00000040;transform:translateX(0)}.sidebar-scrim.visible{display:block}.menu-toggle-btn{display:flex}.topbar{gap:8px;padding:0 14px}.page-content{padding:16px 18px}}@media (max-width:768px){.menu-toggle-btn{display:flex}}@media (max-width:700px){.kpi-row-2,.kpi-row-3,.kpi-row-4,.kpi-row-6{grid-template-columns:1fr 1fr}.action-grid{grid-template-columns:repeat(2,1fr)}.selector-grid{grid-template-columns:repeat(3,1fr)}.stat-grid-6{grid-template-columns:1fr 1fr}}@media (max-width:480px){.topbar-page{font-size:14.5px}.topbar-sub{display:none}.page-content{padding:12px 14px}.form-grid,.grid-1-2,.grid-2,.grid-2-1,.grid-3{grid-template-columns:1fr}.notif-panel{left:8px!important;position:fixed!important;right:8px!important;top:60px!important;top:var(--topbar-height)!important;width:auto!important}.toast-stack{bottom:10px!important;left:10px!important;right:10px!important}.kpi-row-2,.kpi-row-3,.kpi-row-4,.kpi-row-6{grid-template-columns:1fr 1fr}.emp-welcome,.welcome-banner{align-items:flex-start;flex-direction:column;gap:10px;padding:18px}.welcome-banner-icon{display:none}}@media (max-width:420px){.kpi-row-2,.kpi-row-3,.kpi-row-4,.kpi-row-6{grid-template-columns:1fr}}@media (max-width:720px){.asset-row-grid{gap:8px 14px;grid-template-columns:1fr 1fr}}@media (max-width:420px){.asset-row-grid{grid-template-columns:1fr}}@media (max-width:640px){.profile-card-body{flex-direction:column;text-align:center}}@media (max-width:1024px){.grid-2,.grid-2-1{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
/*# sourceMappingURL=main.cda93016.css.map*/