@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;900&family=Inter:wght@300;400;500;600;700&display=swap";.ai-panel{position:relative;background:linear-gradient(135deg,#3b82f60f,#8b5cf60f);border:1px solid rgba(99,102,241,.18);border-radius:16px;padding:1.25rem 1.5rem;margin:1rem 0;font-family:Cairo,Segoe UI,sans-serif;overflow:hidden}.ai-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);background-size:200% 100%;animation:ai-shimmer 4s linear infinite}@keyframes ai-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ai-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.ai-title{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:.95rem;color:#1e293b;margin:0}.ai-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:999px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.5px;box-shadow:0 2px 8px #6366f159;position:relative}.ai-badge:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:linear-gradient(135deg,#3b82f6,#8b5cf6);opacity:.35;filter:blur(6px);z-index:-1;animation:ai-pulse 2.4s ease-in-out infinite}@keyframes ai-pulse{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.55;transform:scale(1.06)}}.ai-refresh-btn{background:#fff9;border:1px solid rgba(99,102,241,.25);border-radius:10px;padding:.35rem .7rem;font-size:.75rem;font-weight:600;color:#4f46e5;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:all .18s}.ai-refresh-btn:hover:not(:disabled){background:#6366f11f;transform:translateY(-1px)}.ai-refresh-btn:disabled{opacity:.55;cursor:wait}.ai-refresh-btn .ai-spin{animation:ai-rotate 1s linear infinite}@keyframes ai-rotate{to{transform:rotate(360deg)}}.ai-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.ai-card{background:#ffffffd9;border:1px solid rgba(0,0,0,.06);border-right:3px solid #6366f1;border-radius:12px;padding:.85rem 1rem;transition:transform .15s,box-shadow .15s;display:flex;flex-direction:column;gap:.35rem}.ai-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.ai-card-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.ai-card-title{font-weight:700;font-size:.85rem;color:#1e293b;flex:1;line-height:1.3}.ai-card-metric{font-weight:800;font-size:.95rem;color:#4f46e5;white-space:nowrap}.ai-card-body{font-size:.8rem;color:#475569;line-height:1.5}.ai-card-action{margin-top:.4rem;font-size:.7rem;color:#6366f1;font-weight:600;display:flex;align-items:center;gap:.3rem}.ai-card.sev-info{border-right-color:#3b82f6}.ai-card.sev-success{border-right-color:#10b981}.ai-card.sev-warning{border-right-color:#f59e0b}.ai-card.sev-critical{border-right-color:#ef4444}.ai-card-icon{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.ai-card.sev-info .ai-card-icon{background:#dbeafe;color:#1d4ed8}.ai-card.sev-success .ai-card-icon{background:#d1fae5;color:#047857}.ai-card.sev-warning .ai-card-icon{background:#fef3c7;color:#b45309}.ai-card.sev-critical .ai-card-icon{background:#fee2e2;color:#b91c1c}.ai-skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.ai-skeleton-card{height:90px;border-radius:12px;background:linear-gradient(90deg,#ffffff8c,#ffffffd9,#ffffff8c);background-size:200% 100%;animation:ai-skeleton-shimmer 1.4s ease-in-out infinite;border:1px solid rgba(0,0,0,.06)}@keyframes ai-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ai-empty{padding:.85rem 1rem;background:#ffffffb3;border-radius:10px;color:#64748b;font-size:.85rem;text-align:center}.ai-error{padding:.7rem 1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:10px;color:#78350f;font-size:.8rem}.ai-summary{background:linear-gradient(135deg,#0f172a,#1e293b);color:#e2e8f0;border-radius:14px;padding:1.15rem 1.4rem;margin:.75rem 0;font-size:.9rem;line-height:1.7;position:relative;overflow:hidden}.ai-summary:before{content:"🤖";position:absolute;top:.85rem;left:1rem;font-size:1.4rem;opacity:.4}.ai-summary-text{padding-right:2.2rem;padding-left:0}.ai-rec-list{display:flex;flex-direction:column;gap:.6rem}.ai-rec{display:flex;gap:.85rem;padding:.85rem 1rem;background:#ffffffd9;border-radius:12px;border-right:3px solid #6366f1;align-items:flex-start}.ai-rec.urgency-high{border-right-color:#ef4444;background:#fef2f2bf}.ai-rec.urgency-medium{border-right-color:#f59e0b}.ai-rec.urgency-low{border-right-color:#3b82f6}.ai-rec-icon{font-size:1.4rem;flex-shrink:0}.ai-rec-content{flex:1}.ai-rec-title{font-weight:700;font-size:.88rem;color:#1e293b;margin-bottom:.25rem}.ai-rec-body{font-size:.8rem;color:#475569;line-height:1.5}.ai-rec-pill{padding:.2rem .55rem;border-radius:999px;font-size:.65rem;font-weight:700;flex-shrink:0;align-self:center}.ai-rec.urgency-high .ai-rec-pill{background:#fee2e2;color:#b91c1c}.ai-rec.urgency-medium .ai-rec-pill{background:#fef3c7;color:#b45309}.ai-rec.urgency-low .ai-rec-pill{background:#dbeafe;color:#1d4ed8}.ai-forecast{background:#ffffffeb;border:1px solid rgba(99,102,241,.18);border-radius:14px;padding:1rem 1.2rem;margin:.75rem 0}.ai-forecast-narration{margin-top:.75rem;padding:.7rem .95rem;background:linear-gradient(135deg,#6366f114,#8b5cf614);border-right:3px solid #6366f1;border-radius:8px;font-size:.85rem;color:#334155;line-height:1.6}:root{--brand: #047857;--brand-hover: #065f46;--brand-light: #d1fae5;--brand-muted: rgba(4, 120, 87, .08);--brand-gradient: linear-gradient(135deg, #064e3b 0%, #047857 55%, #059669 100%);--sky: #0d9488;--sky-muted: rgba(13, 148, 136, .08);--indigo: #0f766e;--sidebar-bg: #18211c;--sidebar-active-bg: rgba(16, 185, 129, .16);--sidebar-text: rgba(255, 255, 255, .62);--sidebar-text-active: #ffffff;--sidebar-accent: #10b981;--sidebar-w: 260px;--sidebar-cw: 64px;--bottom-nav-h: 56px;--success: #10b981;--success-bg: #d1fae5;--success-text: #065f46;--warning: #f59e0b;--warning-bg: #fef3c7;--warning-text: #78350f;--danger: #ef4444;--danger-bg: #fee2e2;--danger-text: #7f1d1d;--info: #3b82f6;--info-bg: #dbeafe;--purple: #7c3aed;--purple-bg: #ede9fe;--orange: #ea580c;--orange-bg: #ffedd5;--bg: #f6f7f6;--bg-surface: #ffffff;--bg-subtle: #eef1ee;--text: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--border: #e5e7eb;--border-strong: #d1d5db;--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.08), 0 2px 4px -1px rgba(0,0,0,.04);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -2px rgba(0,0,0,.04);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.12), 0 10px 10px -5px rgba(0,0,0,.05);--ease-fast: .12s cubic-bezier(.4, 0, .2, 1);--ease-base: .2s cubic-bezier(.4, 0, .2, 1);--ease-slow: .3s cubic-bezier(.4, 0, .2, 1);--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 18px;--r-2xl: 24px;--r-full: 9999px;--navy: #18211c;--navy2: #1f2a23;--blue: var(--brand);--accent: var(--sky);--gold: #d97706;--gold-light: #f59e0b;--green: var(--success);--red: var(--danger);--white: var(--bg-surface);--gray: var(--bg-subtle);--text2: var(--text-secondary);--text3: var(--text-muted)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:Cairo,Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}html[dir=ltr] body,html[dir=ltr] button,html[dir=ltr] input,html[dir=ltr] select,html[dir=ltr] textarea{font-family:Inter,Cairo,system-ui,sans-serif}.lang-switch{display:inline-flex;align-items:center;gap:5px;padding:.34rem .7rem;border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--bg-surface);color:var(--text-secondary);font-weight:800;font-size:.8rem;cursor:pointer;transition:all var(--ease-fast);flex-shrink:0}.lang-switch:hover{background:var(--brand);color:#fff;border-color:var(--brand)}html[dir=ltr] .sidebar{border-left:none;border-right:1px solid rgba(255,255,255,.05)}html[dir=ltr] .nav-item{border-right:none;border-left:3px solid transparent}html[dir=ltr] .nav-item.active{border-left-color:var(--sidebar-accent);border-right-color:transparent}html[dir=ltr] .sidebar.collapsed .nav-item.active:before{left:auto;right:0;border-radius:var(--r-sm) 0 0 var(--r-sm)}html[dir=ltr] .sidebar.collapsed .nav-item:after{left:auto;right:calc(100% + 10px)}html[dir=ltr] .sidebar-toggle{right:auto;left:-11px}html[dir=ltr] .search-icon-pos{right:auto;left:.75rem}html[dir=ltr] .search-field{padding:.6rem .875rem .6rem 2.4rem}html[dir=ltr] .toast-container{right:auto;left:max(16px,env(safe-area-inset-left))}a{text-decoration:none;color:inherit}button,input,select,textarea{font-family:inherit}button{cursor:pointer;border:none;outline:none;background:none}input,select,textarea{outline:none}img,video{max-width:100%;display:block}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes toastIn{0%{opacity:0;transform:translate(-80%)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-80%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes drawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}.page-enter{animation:fadeUp .25s ease-out both}.skeleton{display:block;background:linear-gradient(90deg,var(--border) 25%,var(--bg-subtle) 50%,var(--border) 75%);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:var(--r-sm)}.app-layout{display:flex;height:100dvh;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);background:linear-gradient(175deg,#10170f,#141d16 42%,#18211c);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;transition:width var(--ease-slow);position:relative;z-index:100;border-left:1px solid rgba(255,255,255,.05)}.sidebar.collapsed{width:var(--sidebar-cw)}.sidebar-header{padding:1.1rem 1rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:.6rem;min-height:60px;flex-shrink:0;position:relative}.sidebar-logo-icon{width:36px;height:36px;background:var(--brand-gradient);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;box-shadow:0 2px 10px #1d4ed873}.sidebar-logo-icon img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.sidebar-logo-icon.super{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 10px #f59e0b66;color:#fff;font-weight:900;font-size:1rem}.sidebar-header-text{overflow:hidden;transition:opacity var(--ease-base),max-width var(--ease-slow);max-width:180px;opacity:1}.sidebar.collapsed .sidebar-header-text{opacity:0;max-width:0}.sidebar-brand{font-size:1.15rem;font-weight:900;color:#fff;white-space:nowrap;line-height:1.2;letter-spacing:-.3px}.sidebar-brand-accent{color:#34d399}.sidebar-brand-accent.super{color:#fbbf24}.sidebar-company{font-size:.68rem;color:#ffffff61;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.sidebar-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:var(--r-sm);font-size:.62rem;font-weight:700;margin-top:4px;white-space:nowrap;transition:opacity var(--ease-base)}.sidebar-badge.badge-super{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.sidebar-badge.badge-monitoring{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.sidebar.collapsed .sidebar-badge{opacity:0;pointer-events:none}.sidebar-toggle{position:absolute;top:50%;right:-11px;transform:translateY(-50%);width:22px;height:22px;background:var(--bg-surface);border:1.5px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);box-shadow:var(--shadow-sm);transition:all var(--ease-base);z-index:10}.sidebar-toggle:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:.6rem .4rem}.sidebar-nav::-webkit-scrollbar{width:2px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff14}.nav-group{margin-bottom:2px}.nav-group-header{display:flex;align-items:center;justify-content:space-between;padding:.4rem .65rem;cursor:pointer;border-radius:var(--r-sm);margin-bottom:1px;transition:background var(--ease-fast);overflow:hidden;-webkit-user-select:none;user-select:none}.nav-group-header:hover{background:#ffffff0a}.nav-group-label{font-size:.66rem;font-weight:800;color:#ffffff6b;text-transform:uppercase;letter-spacing:.9px;white-space:nowrap;overflow:hidden;transition:opacity var(--ease-base),max-width var(--ease-slow);max-width:160px}.nav-group-label.highlight{color:#fbbf24a6}.sidebar.collapsed .nav-group-label{opacity:0;max-width:0}.nav-group-chevron{flex-shrink:0;color:#ffffff40;transition:transform var(--ease-base),opacity var(--ease-base);transform:rotate(-90deg)}.nav-group-chevron.open{transform:rotate(0)}.sidebar.collapsed .nav-group-chevron{opacity:0;pointer-events:none}.nav-items{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--ease-base)}.nav-items.open{grid-template-rows:1fr}.nav-items-inner{overflow:hidden;min-height:0}.nav-item{display:flex;align-items:center;gap:.7rem;padding:.55rem .8rem;border-radius:var(--r-md);margin-bottom:2px;cursor:pointer;font-size:.85rem;font-weight:500;color:var(--sidebar-text);text-decoration:none;transition:all var(--ease-fast);white-space:nowrap;overflow:hidden;border-right:3px solid transparent;position:relative}.nav-item:hover{background:#ffffff12;color:#ffffffeb}.nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-text-active);border-right-color:var(--sidebar-accent);font-weight:700;box-shadow:inset 0 0 0 1px #10b98138,0 0 14px #10b98124}.nav-item.active .nav-item-icon{color:#34d399}.nav-item.active-super{background:#fbbf241f;color:#fde68a;border-right-color:#fbbf24}.nav-item.nav-highlight{color:#fbbf24cc}.nav-item-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:18px;opacity:.85}.nav-item.active .nav-item-icon,.nav-item:hover .nav-item-icon{opacity:1}.nav-item-label{flex:1;overflow:hidden;white-space:nowrap;transition:opacity var(--ease-base),max-width var(--ease-slow);max-width:160px}.sidebar.collapsed .nav-item{justify-content:center;padding:.55rem;border-right:none}.sidebar.collapsed .nav-item.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:var(--sidebar-accent);border-radius:0 var(--r-sm) var(--r-sm) 0}.sidebar.collapsed .nav-item-label{opacity:0;max-width:0}.sidebar.collapsed .nav-item-icon{width:auto}.sidebar.collapsed .nav-item:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#1e293b;color:#f8fafc;font-size:.78rem;padding:5px 10px;border-radius:var(--r-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--ease-fast);box-shadow:var(--shadow-lg);z-index:999;border:1px solid rgba(255,255,255,.08)}.sidebar.collapsed .nav-item:hover:after{opacity:1}.sidebar-footer{padding:.75rem .6rem;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.user-card{display:flex;align-items:center;gap:.55rem;margin-bottom:.55rem;overflow:hidden;transition:justify-content var(--ease-slow)}.sidebar.collapsed .user-card{justify-content:center}.user-avatar{width:30px;height:30px;border-radius:50%;background:var(--brand-gradient);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:.82rem;flex-shrink:0;box-shadow:0 1px 6px #1d4ed866}.user-avatar.super{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 1px 6px #f59e0b66}.user-info{overflow:hidden;transition:opacity var(--ease-base),max-width var(--ease-slow);max-width:160px}.sidebar.collapsed .user-info{opacity:0;max-width:0}.user-name{font-size:.8rem;color:#fff;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.65rem;color:#ffffff59}.logout-btn{width:100%;background:#ef44441a;color:#fca5a5;font-size:.8rem;padding:.45rem;border:1px solid rgba(239,68,68,.18);border-radius:var(--r-sm);cursor:pointer;font-weight:600;transition:all var(--ease-base);display:flex;align-items:center;justify-content:center;gap:.4rem;overflow:hidden;white-space:nowrap}.logout-btn:hover{background:#ef444438;color:#fff;border-color:#ef444459}.sidebar.collapsed .logout-btn-label{display:none}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);min-width:0}.topbar{height:auto;min-height:58px;background:#ffffffeb;backdrop-filter:blur(16px) saturate(1.6);-webkit-backdrop-filter:blur(16px) saturate(1.6);border-bottom:1px solid rgba(0,0,0,.07);display:flex;align-items:center;justify-content:space-between;padding:max(.75rem,env(safe-area-inset-top)) 1.5rem .75rem;flex-shrink:0;box-shadow:0 1px #0000000d,0 4px 20px #00000008;gap:.75rem}.topbar-title{font-size:clamp(.88rem,2.5vw,1rem);font-weight:700;color:var(--text);display:flex;align-items:center;gap:.45rem;flex:1;min-width:0}.topbar-title>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-title-icon{color:var(--brand);flex-shrink:0}.topbar-right{display:flex;align-items:center;gap:.75rem;font-size:.82rem;color:var(--text-muted);flex-shrink:0}.topbar-badge{padding:.3rem .7rem;background:#fbbf241a;color:#f59e0b;border-radius:var(--r-sm);font-weight:700;font-size:.78rem;border:1px solid rgba(251,191,36,.25)}.topbar-hamburger{display:none}.page-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem}.bottom-nav{display:none}.card{background:var(--bg-surface);border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:1.25rem}.card-elevated{box-shadow:var(--shadow-md)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:1rem;margin-bottom:1.5rem}.stats-grid-2{grid-template-columns:repeat(2,1fr)}.stats-grid-3{grid-template-columns:repeat(3,1fr)}.stats-grid-4{grid-template-columns:repeat(4,1fr)}.kpi-card{background:var(--bg-surface);border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:1.1rem 1.25rem;display:flex;align-items:flex-start;gap:.9rem;transition:box-shadow var(--ease-base),transform var(--ease-base);cursor:default}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.kpi-icon-wrap{width:44px;height:44px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.25rem}.kpi-value{font-size:clamp(1.3rem,3vw,1.55rem);font-weight:900;line-height:1;margin-bottom:.2rem}.kpi-label{font-size:.76rem;color:var(--text-muted);font-weight:500}.kpi-sub{font-size:.7rem;color:var(--text-muted);margin-top:2px}.kpi-trend{display:inline-flex;align-items:center;gap:3px;font-size:.7rem;font-weight:600;margin-top:5px;padding:1px 6px;border-radius:var(--r-full)}.kpi-trend.up{background:var(--success-bg);color:var(--success-text)}.kpi-trend.down{background:var(--danger-bg);color:var(--danger-text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-weight:600;border-radius:var(--r-md);border:none;cursor:pointer;transition:all var(--ease-fast);white-space:nowrap;font-family:inherit;text-decoration:none;position:relative;isolation:isolate;touch-action:manipulation}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-sm{padding:.38rem .85rem;font-size:.78rem;border-radius:var(--r-sm);min-height:36px}.btn-md{padding:.58rem 1.15rem;font-size:.875rem;min-height:40px}.btn-lg{padding:.75rem 1.7rem;font-size:.95rem;min-height:46px}.btn-primary{background:linear-gradient(135deg,#065f46,#047857,#059669);color:#fff;box-shadow:0 1px 4px #0478574d,inset 0 1px #ffffff24}.btn-primary:hover{background:linear-gradient(135deg,#064e3b,#065f46,#047857);box-shadow:0 4px 16px #0478576b;transform:translateY(-1px)}.btn-success{background:var(--success);color:#fff;box-shadow:0 1px 3px #10b98140}.btn-success:hover{background:#059669;box-shadow:0 4px 14px #10b98161;transform:translateY(-1px)}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 1px 3px #ef444440}.btn-danger:hover{background:#dc2626;box-shadow:0 4px 14px #ef444461;transform:translateY(-1px)}.btn-warning{background:var(--warning);color:#fff;box-shadow:0 1px 3px #f59e0b40}.btn-warning:hover{background:#d97706;box-shadow:0 4px 14px #f59e0b61;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1.5px solid var(--border)}.btn-ghost:hover{background:var(--bg-subtle);color:var(--text);border-color:var(--border-strong)}.btn-full{width:100%}.form-group{margin-bottom:1rem}.form-row{display:grid;gap:.85rem}.form-row-2{grid-template-columns:1fr 1fr}.form-row-3{grid-template-columns:1fr 1fr 1fr}.form-label{display:block;font-size:.8rem;font-weight:600;color:var(--text);margin-bottom:.32rem}.form-label.required:after{content:" *";color:var(--danger)}.form-input,.form-select,.form-textarea{width:100%;padding:.65rem .875rem;border:1.5px solid var(--border);border-radius:var(--r-md);font-size:.875rem;color:var(--text);background:var(--bg-surface);transition:border-color var(--ease-fast),box-shadow var(--ease-fast);font-family:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none;min-height:42px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0478571f}.form-input::placeholder{color:var(--text-muted)}.form-input.is-error{border-color:var(--danger)}.form-input.is-error:focus{box-shadow:0 0 0 3px #ef44441a}.form-textarea{min-height:90px;resize:vertical}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:var(--shadow-xs)}.data-table{width:100%;border-collapse:collapse;min-width:540px}.data-table thead{background:var(--bg-subtle)}.data-table thead tr{border-bottom:1.5px solid var(--border)}.data-table th{padding:.7rem 1rem;text-align:right;font-size:.72rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.data-table td{padding:.7rem 1rem;font-size:.87rem;color:var(--text);border-bottom:1px solid var(--border);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background var(--ease-fast)}.data-table tbody tr.row-even{background:var(--bg-surface)}.data-table tbody tr.row-odd{background:#fafcff}.data-table tbody tr:hover{background:var(--brand-muted)!important}.table-empty-cell{text-align:center!important;padding:2.5rem 1rem!important;color:var(--text-muted);font-size:.9rem}.badge{display:inline-flex;align-items:center;gap:3px;padding:.18rem .55rem;border-radius:var(--r-full);font-size:.72rem;font-weight:700}.badge-success{background:var(--success-bg);color:var(--success-text)}.badge-danger{background:var(--danger-bg);color:var(--danger-text)}.badge-warning{background:var(--warning-bg);color:var(--warning-text)}.badge-info{background:var(--info-bg);color:var(--brand)}.badge-purple{background:var(--purple-bg);color:var(--purple)}.badge-orange{background:var(--orange-bg);color:var(--orange)}.badge-neutral{background:var(--bg-subtle);color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease;padding:1rem}.modal-box{background:var(--bg-surface);border-radius:var(--r-xl);padding:1.5rem;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:scaleIn .18s ease;width:100%}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.85rem;border-bottom:1px solid var(--border)}.modal-title{font-size:1rem;font-weight:800;color:var(--text)}.modal-close-btn{width:30px;height:30px;background:var(--bg-subtle);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--ease-fast);flex-shrink:0}.modal-close-btn:hover{background:var(--danger-bg);color:var(--danger)}.search-bar{display:flex;gap:.65rem;margin-bottom:1rem;flex-wrap:wrap}.search-input-wrap{flex:1;min-width:180px;position:relative}.search-icon-pos{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;display:flex}.search-field{width:100%;padding:.6rem 2.4rem .6rem .875rem;border:1.5px solid var(--border);border-radius:var(--r-md);font-size:.875rem;color:var(--text);background:var(--bg-surface);transition:border-color var(--ease-fast),box-shadow var(--ease-fast);font-family:inherit;min-height:40px}.search-field:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0478571f;outline:none}.search-field::placeholder{color:var(--text-muted)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.page-header-title h1{font-size:clamp(1.1rem,3vw,1.4rem);font-weight:800;color:var(--text);margin:0}.page-header-title p{font-size:.85rem;color:var(--text-muted);margin:.2rem 0 0}.page-header-action{flex-shrink:0}.toast-container{position:fixed;top:max(20px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));z-index:10000;display:flex;flex-direction:column;gap:8px;max-width:360px}.toast{padding:12px 18px;border-radius:var(--r-lg);color:#fff;font-weight:600;font-size:.875rem;display:flex;align-items:center;gap:9px;box-shadow:var(--shadow-xl);animation:toastIn .28s ease-out;cursor:pointer;transition:transform var(--ease-fast)}.toast:hover{transform:translate(4px)}.toast.exit{animation:toastOut .28s ease-in forwards}.toast-success{background:linear-gradient(135deg,#10b981,#059669)}.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626)}.toast-info{background:linear-gradient(135deg,#3b82f6,#2563eb)}.toast-warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.pwa-install-banner,.pwa-update-banner{position:fixed;bottom:calc(env(safe-area-inset-bottom) + 80px);left:50%;transform:translate(-50%);z-index:9100;width:min(400px,94vw);background:var(--bg-surface);border:1.5px solid var(--brand);border-radius:var(--r-xl);box-shadow:var(--shadow-xl);padding:.9rem 1rem;display:flex;align-items:center;gap:.75rem;animation:slideUp .3s ease both}.pwa-update-banner{border-color:var(--border);bottom:calc(env(safe-area-inset-bottom) + 16px)}.pwa-install-icon{width:42px;height:42px;border-radius:var(--r-lg);background:var(--brand);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pwa-install-text{flex:1;min-width:0}.pwa-install-title{font-weight:700;font-size:.88rem;color:var(--text)}.pwa-install-sub{font-size:.76rem;color:var(--text-muted);margin-top:1px}.pwa-install-actions{display:flex;gap:6px;flex-shrink:0}.pwa-install-btn{padding:.38rem .85rem;background:var(--brand);color:#fff;border:none;border-radius:var(--r-md);font-weight:700;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:4px;transition:background var(--ease-fast)}.pwa-install-btn:hover{background:var(--brand-hover)}.pwa-dismiss-btn{width:32px;height:32px;border:1.5px solid var(--border);border-radius:var(--r-md);background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--ease-fast)}.pwa-dismiss-btn:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:10000;padding:.55rem 1rem;padding-top:calc(.55rem + env(safe-area-inset-top));background:#1e293b;color:#fff;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.84rem;font-weight:600;box-shadow:0 2px 12px #00000040;animation:slideDown .3s ease}.offline-banner.back-online{background:var(--success)}@media (max-width: 1024px){.stats-grid-4,.stats-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.sidebar{position:fixed!important;top:0;right:0;bottom:0;width:min(var(--sidebar-w),88vw)!important;transform:translate(110%);transition:transform var(--ease-slow);z-index:9000;box-shadow:var(--shadow-xl)}.sidebar.mobile-open{transform:translate(0)}.sidebar-toggle{display:none}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:8999;animation:fadeIn .2s ease}.main-content{width:100%;min-width:0}.topbar{padding:max(.55rem,env(safe-area-inset-top)) .85rem .55rem;min-height:52px;gap:.5rem}.topbar-hamburger{display:flex;align-items:center;justify-content:center;width:38px;height:38px;min-width:38px;border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--bg-surface);color:var(--text);flex-shrink:0;transition:all var(--ease-fast)}.topbar-hamburger:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.topbar-badge{display:none}.page-content{padding:.875rem;padding-bottom:calc(env(safe-area-inset-bottom) + var(--bottom-nav-h) + .875rem);overflow-x:hidden}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:200;height:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bg-surface);border-top:1.5px solid var(--border);box-shadow:0 -4px 24px #00000014}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:.63rem;font-weight:600;color:var(--text-muted);text-decoration:none;border:none;background:none;cursor:pointer;padding:.25rem .2rem;transition:color var(--ease-fast);-webkit-tap-highlight-color:transparent}.bottom-nav-item.active{color:var(--brand)}.bottom-nav-item.active svg{filter:drop-shadow(0 0 5px rgba(4,120,87,.45))}.stats-grid,.stats-grid-4,.stats-grid-3{grid-template-columns:repeat(2,1fr);gap:.65rem;margin-bottom:1rem}.card{padding:1rem}.kpi-card{padding:.875rem;gap:.65rem}.kpi-icon-wrap{width:38px;height:38px}.kpi-value{font-size:1.25rem}.form-row-2,.form-row-3{grid-template-columns:1fr;gap:0}.page-header{flex-direction:column;gap:.75rem}.page-header-action{width:100%}.page-header-action .btn{width:100%;justify-content:center}.search-bar{flex-direction:column;gap:.5rem}.search-bar .btn{width:100%;justify-content:center}.modal-overlay{align-items:flex-end;padding:0;background:#0f172a99}.modal-box{width:100%!important;max-width:100%!important;border-radius:var(--r-2xl) var(--r-2xl) 0 0;max-height:94dvh;max-height:94vh;animation:slideInRight 0s,scaleIn 0s;animation:none;border-bottom-left-radius:0;border-bottom-right-radius:0;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}.toast-container{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));max-width:none;top:max(12px,env(safe-area-inset-top))}.toast{font-size:.82rem;padding:10px 14px}.pwa-install-banner,.pwa-update-banner{bottom:calc(env(safe-area-inset-bottom) + var(--bottom-nav-h) + 12px)}.table-wrapper{border-radius:var(--r-md)}.data-table th,.data-table td{padding:.6rem .75rem;font-size:.82rem}}@media (max-width: 480px){.page-content{padding:.65rem;padding-bottom:calc(env(safe-area-inset-bottom) + var(--bottom-nav-h) + .65rem)}.stats-grid,.stats-grid-2,.stats-grid-3,.stats-grid-4{grid-template-columns:1fr 1fr;gap:.5rem}.kpi-card{flex-direction:column;gap:.4rem}.kpi-icon-wrap{width:32px;height:32px}.kpi-value{font-size:1.15rem}.card{padding:.75rem}.modal-box{padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.btn-md{padding:.52rem 1rem;font-size:.82rem}.data-table th,.data-table td{padding:.5rem .6rem;font-size:.78rem}}@media (pointer: coarse){.btn{min-height:44px}.btn-sm{min-height:38px}.nav-item{min-height:44px}.form-input,.form-select,.form-textarea{min-height:46px}.bottom-nav-item{min-height:48px}.modal-close-btn{width:36px;height:36px}}@media (max-width: 768px) and (orientation: landscape){.modal-box{max-height:88dvh;max-height:88vh}.bottom-nav{height:calc(44px + env(safe-area-inset-bottom))}.page-content{padding-bottom:calc(env(safe-area-inset-bottom) + 44px + .65rem)}}@supports (padding: env(safe-area-inset-top)){.sidebar{padding-top:env(safe-area-inset-top)}.topbar{padding-top:max(.75rem,env(safe-area-inset-top))}}@media (max-width: 768px){html[dir=ltr] .sidebar{right:auto;left:0;transform:translate(-110%)}html[dir=ltr] .sidebar.mobile-open{transform:translate(0)}}