@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif;background-color:#f1f5f9;color:#1e293b;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:20px}.login-container{display:flex;min-height:100vh;background:#0b0f1a;font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif}.login-showcase{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background:linear-gradient(160deg,#0b0f1a,#0f172a 40%,#0c1425);overflow:hidden;padding:60px;opacity:0;transform:translate(-30px);transition:opacity .8s ease,transform .8s ease}.login-showcase.login-mounted{opacity:1;transform:translate(0)}.login-showcase-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(14,165,233,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(14,165,233,.04) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 20%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 20%,transparent 100%)}.login-showcase-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:40px}.login-showcase-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:#0ea5e914;border:1px solid rgba(14,165,233,.2);border-radius:100px;color:#0ea5e9;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.login-showcase-title{font-family:Manrope,sans-serif;font-size:56px;font-weight:800;color:#e2e8f0;line-height:1.1;text-align:center;letter-spacing:-2px}.login-showcase-title span{background:linear-gradient(135deg,#0ea5e9,#38bdf8,#7dd3fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-barrier-svg{width:260px;height:auto;filter:drop-shadow(0 0 30px rgba(14,165,233,.15))}.login-barrier-arm{transform-origin:42px 74px;animation:barrierMove 4s ease-in-out infinite}@keyframes barrierMove{0%,to{transform:rotate(0)}40%{transform:rotate(-70deg)}60%{transform:rotate(-70deg)}}.login-camera-pulse{animation:cameraPulse 2s ease-in-out infinite}@keyframes cameraPulse{0%,to{opacity:.5;r:2}50%{opacity:1;r:3}}.login-status-blink{animation:statusBlink 3s ease-in-out infinite}@keyframes statusBlink{0%,90%,to{opacity:1}95%{opacity:.2}}.login-showcase-features{display:flex;flex-direction:column;gap:14px}.login-feature-item{display:flex;align-items:center;gap:12px;color:#94a3b8;font-size:14px;font-weight:500}.login-feature-dot{width:6px;height:6px;border-radius:50%;background:#0ea5e9;box-shadow:0 0 8px #0ea5e980}.login-showcase-footer{position:absolute;bottom:32px;left:0;right:0;text-align:center;color:#334155;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase}.login-form-panel{width:480px;min-width:480px;display:flex;align-items:center;justify-content:center;padding:40px;background:#0f1629;border-left:1px solid rgba(14,165,233,.1);position:relative;opacity:0;transform:translate(30px);transition:opacity .8s ease .2s,transform .8s ease .2s}.login-form-panel.login-mounted{opacity:1;transform:translate(0)}.login-form-panel:before{content:"";position:absolute;top:0;left:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,rgba(14,165,233,.3),transparent)}.login-box{width:100%;max-width:380px}.login-box-header{text-align:center;margin-bottom:36px}.login-avatar{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#0ea5e926,#0ea5e90d);border:1px solid rgba(14,165,233,.25);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#0ea5e9}.login-box h2{text-align:center;margin-bottom:8px;color:#e2e8f0;font-family:Manrope,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.5px}.login-box p{text-align:center;color:#64748b;margin-bottom:0;font-size:14px;font-weight:400}.login-field{margin-bottom:20px;position:relative}.login-field label{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#64748b;font-weight:500;font-size:13px;transition:color .2s}.login-field.focused label{color:#0ea5e9}.login-field input{width:100%;padding:14px 16px;border:1.5px solid #1e293b;border-radius:12px;font-size:15px;font-family:Manrope,sans-serif;transition:all .25s ease;background:#0f172a99;color:#e2e8f0}.login-field input::placeholder{color:#334155}.login-field input:focus{outline:none;border-color:#0ea5e9;background:#0ea5e90a;box-shadow:0 0 0 3px #0ea5e914,0 0 20px #0ea5e90f}.login-error{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:12px;margin-bottom:24px;color:#fca5a5;font-size:13px;font-weight:500;animation:loginShake .4s ease}@keyframes loginShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.login-submit{width:100%;padding:15px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;font-family:Manrope,sans-serif;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 20px #0ea5e940;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:28px;position:relative;overflow:hidden}.login-submit:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);transform:translate(-100%);transition:transform .6s ease}.login-submit:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0ea5e959}.login-submit:hover:before{transform:translate(100%)}.login-submit:active{transform:translateY(0)}.login-submit:disabled{background:#1e293b;color:#475569;cursor:not-allowed;transform:none;box-shadow:none}.login-spinner{width:22px;height:22px;border:2.5px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:loginSpin .7s linear infinite}@keyframes loginSpin{to{transform:rotate(360deg)}}.login-box-footer{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid #1e293b;color:#334155;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:1px}@media(max-width:1024px){.login-showcase{display:none}.login-container{justify-content:center;background:#0f1629}.login-form-panel{width:100%;min-width:0;border-left:none;max-width:480px}.login-form-panel:before{display:none}}@media(max-width:480px){.login-form-panel{padding:24px}.login-showcase-title{font-size:40px}}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;color:#475569;font-weight:600;font-size:13px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:Manrope,sans-serif;transition:all .2s;background-color:#fff;color:#1e293b}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#0ea5e9;background-color:#fff;box-shadow:0 0 0 3px #0ea5e91a}.form-group select{cursor:pointer;appearance:auto}.form-group input:disabled,.form-group select:disabled{opacity:.5;cursor:not-allowed;background-color:#f8fafc}.btn{width:100%;padding:14px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;font-family:Manrope,sans-serif;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0ea5e940}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e959}.btn:active{transform:translateY(0)}.btn:disabled{background:#cbd5e0;color:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.error-message{background-color:#fef2f2;color:#dc2626;padding:14px 16px;border-radius:8px;margin-bottom:20px;border-left:4px solid #fca5a5;font-size:14px}.dash-page{animation:dashFadeIn .4s ease-out}@keyframes dashFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dashEnter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.dash-enter{opacity:0;animation:dashEnter .45s ease-out forwards}.dash-live-dot{width:8px;height:8px;border-radius:50%;background:#10b981;position:relative;flex-shrink:0}.dash-live-dot:before{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid #10b981;animation:dashPulse 2s ease-in-out infinite}@keyframes dashPulse{0%,to{opacity:0;transform:scale(.8)}50%{opacity:.5;transform:scale(1.3)}}.dash-top-row{display:flex;gap:14px;margin-bottom:0}.dash-widget{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px 24px;box-shadow:0 1px 3px #0000000a;transition:transform .2s ease,box-shadow .2s ease;cursor:default;min-width:0}.dash-widget:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000000f}.dash-widget-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dash-widget-label{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:1px;font-family:JetBrains Mono,monospace}.dash-widget-total{font-size:20px;font-weight:800;color:#0f172a;font-family:Manrope,sans-serif;letter-spacing:-.5px}.dash-widget-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.6px;font-family:JetBrains Mono,monospace}.dash-widget-badge-cyan{background:#0ea5e914;border:1px solid rgba(14,165,233,.15);color:#0ea5e9}.dash-widget-badge-red{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#ef4444;font-size:12px;padding:1px 7px;border-radius:50%}.dash-widget-revenue{position:relative;overflow:hidden}.dash-widget-revenue:before{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,.05) 0%,transparent 70%);pointer-events:none}.dash-revenue-amount{font-size:40px;font-weight:800;color:#0f172a;line-height:1;font-family:Manrope,sans-serif;letter-spacing:-1.5px;margin-bottom:14px}.dash-revenue-sub{display:flex;gap:16px;flex-wrap:wrap}.dash-revenue-metric{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;font-family:Manrope,sans-serif}.dash-revenue-metric strong{color:#334155;font-weight:700}.dash-metric-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.dash-traffic-row{display:flex;align-items:center;gap:8px;padding:6px 0}.dash-traffic-row+.dash-traffic-row{border-top:1px solid #f1f5f9}.dash-traffic-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dash-traffic-label{flex:1;font-size:13px;color:#64748b;font-family:Manrope,sans-serif}.dash-traffic-val{font-size:18px;font-weight:800;color:#0f172a;font-family:Manrope,sans-serif;letter-spacing:-.5px}.dash-donut-anim{animation:dashDonutDraw .8s ease-out forwards;stroke-dashoffset:0}@keyframes dashDonutDraw{0%{opacity:0}to{opacity:1}}.dash-expired-value{font-size:36px;font-weight:800;line-height:1;font-family:Manrope,sans-serif;letter-spacing:-1px}.dash-bar-fill{animation:dashBarGrow .6s ease-out forwards;transform-origin:left}@keyframes dashBarGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.dash-entity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dash-entity-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 1px 3px #0000000a;cursor:default;position:relative;overflow:hidden}.dash-entity-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.dash-entity-card:hover .dash-entity-icon{transform:scale(1.1) rotate(-3deg)}.dash-entity-card:hover .dash-entity-bar-fill{transform:scaleX(1)}.dash-entity-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.dash-entity-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #0000001a;transition:transform .25s ease}.dash-entity-count{font-size:32px;font-weight:800;color:#0f172a;font-family:Manrope,sans-serif;letter-spacing:-1px;line-height:1}.dash-entity-info{margin-bottom:12px}.dash-entity-name{font-size:14px;font-weight:700;color:#334155;font-family:Manrope,sans-serif;margin-bottom:2px}.dash-entity-desc{font-size:11px;color:#94a3b8;font-family:JetBrains Mono,monospace;letter-spacing:.2px}.dash-entity-bar{height:4px;border-radius:2px;overflow:hidden}.dash-entity-bar-fill{height:100%;border-radius:2px;transform:scaleX(.6);transform-origin:left;transition:transform .4s ease}@media(max-width:1200px){.dash-top-row{flex-wrap:wrap}.dash-top-row>.dash-widget{flex:1 1 280px!important}}@media(max-width:900px){.dash-entity-grid{grid-template-columns:repeat(2,1fr)}.dash-revenue-amount{font-size:32px}}@media(max-width:600px){.dash-top-row{flex-direction:column}.dash-entity-grid{grid-template-columns:1fr 1fr}.dash-revenue-sub{flex-direction:column;gap:6px}}.ev-summary{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.ev-summary-item{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000a;transition:all .2s;position:relative;min-width:0}.ev-summary-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.ev-summary-count{font-size:22px;font-weight:800;font-family:Manrope,sans-serif;letter-spacing:-.5px;line-height:1}.ev-summary-label{font-size:11px;font-weight:600;color:#64748b;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.ev-pulse{width:8px;height:8px;border-radius:50%;background:#f59e0b;position:relative;flex-shrink:0}.ev-pulse:before{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid #f59e0b;animation:dashPulse 2s ease-in-out infinite}.ev-live{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:#64748b;font-family:JetBrains Mono,monospace;letter-spacing:.3px;padding:6px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.ev-filters{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.ev-table-wrap{transition:opacity .2s}.ev-row-active{background:#fffbeb!important;border-left:3px solid #f59e0b}.ev-row-active:hover{background:#fef3c7!important}.ev-plate{display:inline-block;padding:4px 10px;background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:6px;font-family:JetBrains Mono,monospace;font-weight:700;font-size:14px;color:#0c4a6e;letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap}.ev-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:600;font-family:JetBrains Mono,monospace;letter-spacing:.3px;border:1px solid transparent;white-space:nowrap}.ev-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000a}.ev-page-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#334155;font-size:14px;font-weight:600;font-family:Manrope,sans-serif;cursor:pointer;transition:all .15s}.ev-page-btn:hover:not(:disabled){background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.ev-page-btn:disabled{opacity:.35;cursor:not-allowed}.ev-page-current{display:inline-flex;align-items:center;padding:0 14px;height:32px;font-size:13px;font-weight:700;color:#0e7490;font-family:JetBrains Mono,monospace;letter-spacing:.3px;background:#ecfeff;border:1px solid #a5f3fc;border-radius:6px}.ev-detail-section{padding:14px 16px;border-radius:10px;border:1px solid #e2e8f0;margin-bottom:16px}.ev-detail-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;font-family:JetBrains Mono,monospace;margin-bottom:10px}@media(max-width:900px){.ev-summary{gap:6px}.ev-summary-item{padding:8px 12px}.ev-summary-count{font-size:18px}}@media(max-width:600px){.ev-summary,.ev-filters{flex-direction:column}.ev-filters>div{width:100%!important}.ev-pagination{flex-direction:column;gap:8px;text-align:center}}.dashboard-layout{display:flex;height:100vh;overflow:hidden;background:#f1f5f9}.sidebar{width:260px;background:#0f172a;border-right:1px solid rgba(14,165,233,.08);display:flex;flex-direction:column;padding:20px 16px;transition:all .3s ease}.sidebar.collapsed{width:72px;padding:20px 10px}.sidebar-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(14,165,233,.08);position:relative}.sidebar.collapsed .sidebar-header{flex-direction:column;gap:10px}.sidebar-toggle{background:none;border:none;color:#475569;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center;margin-left:auto}.sidebar.collapsed .sidebar-toggle{margin-left:0}.sidebar-toggle:hover{background:#0ea5e914;color:#0ea5e9}.sidebar-logo{width:40px;height:40px;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:16px;font-family:Manrope,sans-serif;box-shadow:0 4px 12px #0ea5e940;flex-shrink:0}.sidebar-title{font-size:18px;font-weight:700;color:#e2e8f0;letter-spacing:-.5px;font-family:Manrope,sans-serif}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:9px 14px;margin-bottom:2px;border-radius:8px;text-decoration:none;color:#64748b;transition:all .2s;font-size:13.5px;font-weight:500;white-space:nowrap}.sidebar.collapsed .nav-item{justify-content:center;padding:10px}.nav-item:hover{background-color:#0ea5e90f;color:#cbd5e1}.sidebar:not(.collapsed) .nav-item:hover{transform:translate(3px)}.nav-item.active{background:#0ea5e91a;color:#0ea5e9;font-weight:600;border:1px solid rgba(14,165,233,.15);box-shadow:0 0 20px #0ea5e90f}.nav-icon{width:18px;height:18px;flex-shrink:0}.sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid rgba(14,165,233,.08)}.tenant-switcher{position:relative;margin-bottom:12px}.tenant-switcher-btn{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;background-color:#0ea5e90d;border:1px solid rgba(14,165,233,.1);border-radius:8px;color:#94a3b8;cursor:pointer;font-size:12px;font-family:Manrope,sans-serif;transition:all .2s}.tenant-switcher-btn:hover{background-color:#0ea5e914;border-color:#0ea5e933;color:#cbd5e1}.tenant-switcher-icon{flex-shrink:0;opacity:.7}.tenant-switcher-name{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.tenant-switcher-chevron{flex-shrink:0;opacity:.6;transition:transform .2s}.tenant-switcher-chevron.open{transform:rotate(180deg)}.tenant-dropdown{position:absolute;bottom:100%;left:0;right:0;margin-bottom:4px;background:#131b2e;border:1px solid rgba(14,165,233,.15);border-radius:8px;box-shadow:0 -4px 30px #00000080;max-height:240px;overflow-y:auto;z-index:100}.tenant-dropdown-item{width:100%;display:flex;flex-direction:column;align-items:flex-start;padding:8px 12px;background:none;border:none;color:#cbd5e1;cursor:pointer;font-size:12px;font-family:Manrope,sans-serif;text-align:left;transition:all .15s;border-bottom:1px solid rgba(14,165,233,.05)}.tenant-dropdown-item:last-child{border-bottom:none}.tenant-dropdown-item:hover{background-color:#0ea5e914;color:#e2e8f0}.tenant-dropdown-item.active{background-color:#0ea5e91f;color:#0ea5e9}.tenant-dropdown-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tenant-dropdown-role{font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.3px;margin-top:1px}.user-info{display:flex;align-items:center;gap:10px;padding:10px;background-color:#0ea5e90d;border:1px solid rgba(14,165,233,.08);border-radius:10px;margin-bottom:12px;transition:all .2s}.user-info:hover{background-color:#0ea5e914}.user-info-collapsed{display:flex;justify-content:center;margin-bottom:12px}.user-avatar{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;font-family:Manrope,sans-serif;flex-shrink:0}.user-details{flex:1;min-width:0}.user-name{font-weight:600;color:#e2e8f0;font-size:13px;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-family:JetBrains Mono,monospace}.btn-logout{width:100%;padding:10px 14px;background-color:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.2);border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;font-family:Manrope,sans-serif;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.sidebar.collapsed .btn-logout{padding:10px}.btn-logout:hover{background-color:#ef44441f;border-color:#ef444440;color:#fca5a5}.main-content{flex:1;overflow-y:auto;background-color:#f1f5f9;padding:24px}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-track{background:transparent}.main-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;background:#fff;padding:20px 24px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a}.page-header h1{font-size:24px;color:#0f172a;font-weight:700;margin-bottom:4px;letter-spacing:-.5px;font-family:Manrope,sans-serif}.page-header p{color:#64748b;margin-top:2px;font-size:14px}.btn-primary{padding:11px 24px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;font-family:Manrope,sans-serif;box-shadow:0 4px 12px #0ea5e933;transition:all .2s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0ea5e94d}.btn-primary:active{transform:translateY(0)}table{width:100%;background:#fff;border-collapse:separate;border-spacing:0;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}thead{background:#f8fafc}th{padding:14px 16px;text-align:left;font-weight:600;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid #e2e8f0;font-family:JetBrains Mono,monospace}td{padding:14px 16px;border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px}tbody tr{transition:all .15s}tbody tr:hover{background-color:#f8fafc}tbody tr:last-child td{border-bottom:none}.status-badge{display:inline-block;padding:4px 12px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;font-family:JetBrains Mono,monospace}.status-active{background-color:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.status-inactive{background-color:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.action-buttons{display:flex;gap:6px;flex-wrap:wrap}.btn-edit{padding:6px 10px;background-color:#eff6ff;color:#2563eb;border:1px solid #bfdbfe;border-radius:6px;cursor:pointer;font-weight:500;font-size:12px;font-family:Manrope,sans-serif;transition:all .2s;display:inline-flex;align-items:center;gap:5px}.btn-edit:hover{background-color:#dbeafe;border-color:#93c5fd}.btn-delete{padding:6px 10px;background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:6px;cursor:pointer;font-weight:500;font-size:12px;font-family:Manrope,sans-serif;transition:all .2s;display:inline-flex;align-items:center;gap:5px}.btn-delete:hover{background-color:#fee2e2;border-color:#fca5a5}.btn-warning{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background-color:#fffbeb;color:#b45309;border:1px solid #fde68a;border-radius:6px;font-size:12px;font-weight:600;font-family:Manrope,sans-serif;cursor:pointer;transition:all .2s}.btn-warning:hover{background-color:#fef3c7;border-color:#fcd34d}.btn-success{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background-color:#ecfdf5;color:#059669;border:1px solid #a7f3d0;border-radius:6px;font-size:12px;font-weight:600;font-family:Manrope,sans-serif;cursor:pointer;transition:all .2s}.btn-success:hover{background-color:#d1fae5;border-color:#6ee7b7}.btn-danger{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid #fecaca;border-radius:6px;background-color:#fef2f2;color:#dc2626;font-size:12px;font-weight:500;font-family:Manrope,sans-serif;cursor:pointer;transition:all .15s ease}.btn-danger:hover{background-color:#fee2e2;border-color:#fca5a5}.btn-info{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;background-color:#f0f9ff;color:#0284c7;border:1px solid #bae6fd;border-radius:6px;font-size:12px;font-weight:500;font-family:Manrope,sans-serif;cursor:pointer;transition:all .2s}.btn-info:hover{background-color:#e0f2fe;border-color:#7dd3fc}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:6px;cursor:pointer;transition:all .15s;font-size:14px;background:#f0f9ff;border:1px solid #e0f2fe;color:#64748b}.btn-icon:hover{background:#e0f2fe;color:#0284c7}.btn-icon:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes toastIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.modal{background:#fff;padding:24px;border-radius:16px;width:90%;max-width:700px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid #e2e8f0;box-shadow:0 25px 60px #00000026;animation:slideUp .3s ease-out}.modal form{display:flex;flex-direction:column;overflow:hidden;flex:1;min-height:0}.modal .form-grid{overflow-y:auto;flex:1;min-height:0;padding-right:4px}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal h2{margin-bottom:14px;color:#0f172a;font-size:18px;font-weight:700;flex-shrink:0;font-family:Manrope,sans-serif}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .form-group-full{grid-column:1 / -1}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0;flex-shrink:0}.btn-cancel{padding:10px 20px;background-color:#f8fafc;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;font-family:Manrope,sans-serif;transition:all .2s}.btn-cancel:hover{background-color:#f1f5f9;border-color:#cbd5e1;color:#334155}.loading{text-align:center;padding:40px;color:#94a3b8}@media(max-width:1024px){.sidebar{width:60px!important;min-width:60px!important}.sidebar .nav-text,.sidebar .logo-text,.sidebar .user-info{display:none!important}table{font-size:13px}table th,table td{padding:10px 8px}}@media(max-width:768px){.dashboard-layout{flex-direction:column}.sidebar{width:100%!important;min-width:100%!important;height:auto!important;position:relative!important;flex-direction:row!important;padding:8px!important;overflow-x:auto!important}.sidebar .sidebar-nav{display:flex!important;flex-direction:row!important;gap:4px!important;overflow-x:auto!important}.sidebar .nav-text,.sidebar .logo-text,.sidebar .user-info,.sidebar .sidebar-toggle{display:none!important}.main-content{padding:12px!important}.page-header{flex-direction:column;gap:8px;align-items:flex-start!important}table{display:block;overflow-x:auto;white-space:nowrap;font-size:12px}.modal{width:95vw!important;max-width:95vw!important;margin:10px!important}.modal form .form-group{grid-column:1 / -1!important}.action-buttons{flex-direction:column;gap:4px!important}}