:root{--app-bg:#050b18;--sidebar-bg:#0d172a;--sidebar-border:#1c2a42;--topbar-bg:#0b1528;--topbar-border:#1d2b43;--surface-1:#0f1a2e;--surface-2:#142137;--surface-3:#18263d;--surface-hover:#1b2b45;--border-soft:#1e2d46;--border-default:#263750;--border-strong:#344763;--text-primary:#f4f7fc;--text-secondary:#95a4bb;--text-muted:#687a95;--primary:#246bfe;--primary-icon:#fbfbfb;--primary-hover:#3479ff;--primary-soft:rgba(36,107,254,.12);--success:#00d6a3;--success-soft:rgba(0,214,163,.12);--warning:#f5b800;--warning-soft:rgba(245,184,0,.12);--danger:#ff3f65;--danger-soft:rgba(255,63,101,.12);--info:#46a0ff;--info-soft:rgba(70,160,255,.12);--sidebar-width:286px;--topbar-height:72px;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--transition-fast:.15s ease;--transition-default:.2s ease;--shadow-soft:0 12px 30px rgba(0,0,0,.16)}*,:after,:before{box-sizing:border-box}html{min-height:100%}body,html{margin:0;padding:0;background:var(--app-bg)}body{min-width:320px;min-height:100vh;overflow-x:hidden;color:var(--text-primary);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}a,button{color:inherit}a{text-decoration:none}svg{display:block}::-moz-selection{background:#246bfe59;color:#fff}::selection{background:#246bfe59;color:#fff}*{scrollbar-width:thin;scrollbar-color:#30415c transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:999px;background:#30415c}::-webkit-scrollbar-thumb:hover{background:#3b4f6e}.app-shell{width:100%;background:var(--app-bg)}.app-main,.app-shell{display:flex;min-height:100vh}.app-main{flex:1;flex-direction:column;width:calc(100% - var(--sidebar-width));min-width:0;margin-left:var(--sidebar-width)}.app-content{flex:1;width:100%;min-width:0;padding:38px;background:var(--app-bg)}.app-sidebar{position:fixed;top:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;justify-content:space-between;width:var(--sidebar-width);height:100vh;overflow-y:auto;border-right:1px solid var(--sidebar-border);background:var(--sidebar-bg)}.sidebar-top{min-height:0}.app-brand{gap:14px;height:var(--topbar-height);padding:0 20px;border-bottom:1px solid var(--sidebar-border)}.app-brand,.app-brand-icon{display:flex;align-items:center}.app-brand-icon{flex:0 0 auto;justify-content:center;width:43px;height:43px;border-radius:13px;background:var(--primary-icon);box-shadow:0 8px 18px #246bfe3d}.app-brand-icon svg{width:23px;height:23px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.app-brand-copy{display:flex;flex-direction:column;min-width:0}.app-brand-copy strong{color:var(--text-primary);font-size:18px;font-weight:700;line-height:1.15;letter-spacing:-.025em}.app-brand-copy strong span{color:var(--info)}.app-brand-copy small{margin-top:5px;color:var(--text-secondary);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.sidebar-nav{display:flex;flex-direction:column;gap:4px;padding:18px 10px}.sidebar-link{position:relative;display:flex;align-items:center;gap:13px;width:100%;min-height:44px;padding:0 14px;border-radius:13px;color:var(--text-secondary);font-size:14px;font-weight:600;transition:background var(--transition-fast),color var(--transition-fast)}.sidebar-link:hover{background:#ffffff09;color:#d9e2ef}.sidebar-link.active{background:var(--primary);color:#fff;box-shadow:0 7px 18px #246bfe38}.sidebar-link-icon{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:21px;height:21px}.sidebar-link-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sidebar-link-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-link-badge{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;margin-left:auto;padding:0 6px;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-weight:700}.sidebar-link.active .sidebar-link-badge{background:#fff;color:var(--primary)}.sidebar-admin-link{padding:14px 18px 20px;border-top:1px solid var(--sidebar-border)}.sidebar-admin-link a{display:flex;align-items:center;justify-content:center;min-height:38px;border:1px solid var(--border-default);border-radius:10px;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:600;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.sidebar-admin-link a:hover{border-color:var(--border-strong);background:var(--surface-2);color:var(--text-primary)}.app-topbar{top:0;z-index:90;gap:14px;grid-template-columns:minmax(250px,310px) minmax(280px,535px) auto;height:var(--topbar-height);padding:0 34px 0 28px;border-bottom:1px solid var(--topbar-border);background:var(--topbar-bg)}.app-topbar,.topbar-location{display:flex;position:relative;align-items:center;width:100%}.topbar-location{height:54px;padding:0 42px 0 12px;border:1px solid var(--border-default);border-radius:13px;background:var(--surface-2);transition:border-color var(--transition-fast),background var(--transition-fast)}.topbar-location:hover{border-color:var(--border-strong);background:#182740}.topbar-location-icon{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:30px;height:30px;margin-right:11px;border-radius:8px;background:var(--primary)}.topbar-location-icon svg{width:17px;height:17px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.topbar-location-copy{display:flex;flex:1;flex-direction:column;min-width:0;pointer-events:none}.topbar-location-copy span{margin-bottom:2px;color:var(--text-secondary);font-size:10px;font-weight:700;letter-spacing:.13em;line-height:1.1;text-transform:uppercase}.topbar-location-copy strong{overflow:hidden;color:var(--text-primary);font-size:14px;font-weight:650;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.topbar-location-select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.topbar-location-chevron{position:absolute;top:50%;right:14px;width:17px;height:17px;transform:translateY(-50%);fill:none;stroke:var(--text-secondary);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.topbar-search{position:static!important;inset:auto!important;width:auto!important;max-width:none!important;flex:1 1 280px;min-width:220px;margin:0!important;transform:none!important}.topbar-search:focus-within{border-color:#3b6aa6;box-shadow:0 0 0 3px #246bfe12}.topbar-search svg{flex:0 0 auto;width:19px;height:19px;margin-left:14px;fill:none;stroke:var(--text-secondary);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.topbar-search input{width:100%;height:100%;padding:0 14px 0 10px;border:0;outline:0;background:transparent;color:var(--text-primary);font-size:13px}.topbar-search input::-moz-placeholder{color:#73839c;opacity:1}.topbar-search input::placeholder{color:#73839c;opacity:1}.topbar-actions{position:static!important;flex:0 0 auto;margin-left:auto}.topbar-icon-button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;border-radius:9px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.topbar-icon-button:hover{background:var(--surface-2);color:var(--text-primary)}.topbar-icon-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.topbar-user{gap:11px;min-width:0}.topbar-avatar,.topbar-user{display:flex;align-items:center}.topbar-avatar{flex:0 0 auto;justify-content:center;width:38px;height:38px;border:1px solid #324b72;border-radius:50%;background:#1b2d4b;color:#dce9ff;font-size:11px;font-weight:700}.topbar-user-copy{display:flex;flex-direction:column;min-width:0;line-height:1.25}.topbar-user-copy strong{max-width:165px;color:var(--text-primary);font-size:13px;font-weight:650}.topbar-user-copy span,.topbar-user-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-user-copy span{max-width:170px;margin-top:3px;color:var(--text-secondary);font-size:10px}.topbar-user-menu{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.topbar-user-menu:hover{background:var(--surface-2);color:var(--text-primary)}.topbar-user-menu svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.page{width:100%;max-width:100%}.page-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.page-title{margin:0;color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:-.035em}.page-subtitle{margin:7px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.55}.page-eyebrow{display:flex;align-items:center;gap:7px;margin:0 0 7px;color:var(--info);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.app-card,.card,.dashboard-card{border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface-1);box-shadow:none}.card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid var(--border-soft)}.card-title{margin:0;color:var(--text-primary);font-size:15px;font-weight:650}.card-subtitle{margin:5px 0 0;color:var(--text-secondary);font-size:12px}.card-body{padding:22px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;width:100%}.kpi-card{min-height:190px;padding:24px;border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface-1)}.kpi-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.kpi-label{margin:4px 0 0;color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.08em;line-height:1.5;text-transform:uppercase}.kpi-icon{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:46px;height:46px;border-radius:13px;background:var(--primary-soft);color:var(--info)}.kpi-icon.success{background:var(--success-soft);color:var(--success)}.kpi-icon.warning{background:var(--warning-soft);color:var(--warning)}.kpi-icon.danger{background:var(--danger-soft);color:var(--danger)}.kpi-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.kpi-value{margin:22px 0 4px;color:var(--text-primary);font-size:35px;font-weight:700;letter-spacing:-.04em;line-height:1}.kpi-description{margin:10px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.45}.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 15px;border:1px solid transparent;border-radius:9px;font-size:12px;font-weight:650;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)}.btn-primary{border-color:var(--primary);background:var(--primary);color:#fff}.btn-primary:hover{border-color:var(--primary-hover);background:var(--primary-hover)}.btn-secondary{border-color:var(--border-default);background:var(--surface-2);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--border-strong);background:var(--surface-hover)}.btn-danger{border-color:#ff3f6540;background:var(--danger-soft);color:#ff7892}.btn:disabled{opacity:.5;cursor:not-allowed}.form-control,.form-select,input.app-input,select.app-select{width:100%;height:40px;padding:0 12px;border:1px solid var(--border-default);border-radius:9px;outline:none;background:var(--surface-2);color:var(--text-primary);font-size:13px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.form-control:hover,.form-select:hover,input.app-input:hover,select.app-select:hover{border-color:var(--border-strong)}.form-control:focus,.form-select:focus,input.app-input:focus,select.app-select:focus{border-color:#356cc1;box-shadow:0 0 0 3px #246bfe14}.form-control::-moz-placeholder,input.app-input::-moz-placeholder{color:var(--text-muted)}.form-control::placeholder,input.app-input::placeholder{color:var(--text-muted)}select{color-scheme:dark}.status-badge{display:inline-flex;align-items:center;gap:6px;min-height:25px;padding:0 9px;border:1px solid var(--border-default);border-radius:7px;background:var(--surface-2);color:var(--text-secondary);font-size:11px;font-weight:600}.status-badge.success{border-color:#00d6a333;background:var(--success-soft);color:var(--success)}.status-badge.warning{border-color:#f5b80038;background:var(--warning-soft);color:var(--warning)}.status-badge.danger{border-color:#ff3f6538;background:var(--danger-soft);color:#ff7892}.status-badge.info{border-color:#46a0ff38;background:var(--info-soft);color:#65afff}.table-wrapper{width:100%;overflow-x:auto}.app-table{width:100%;border-collapse:collapse;color:var(--text-primary)}.app-table th{padding:15px 14px;color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:.04em;text-align:left;text-transform:uppercase}.app-table td,.app-table th{border-bottom:1px solid var(--border-soft)}.app-table td{padding:17px 14px;color:#dbe4f0;font-size:12px;vertical-align:middle}.app-table tbody tr:last-child td{border-bottom:0}.app-table tbody tr{transition:background var(--transition-fast)}.app-table tbody tr:hover{background:#ffffff05}.table-primary{color:var(--text-primary);font-weight:600}.table-secondary{margin-top:4px;color:var(--text-secondary);font-size:11px}.segmented-control{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--border-default);border-radius:10px;background:var(--surface-2)}.segmented-control button{min-height:30px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer}.segmented-control button:hover{color:var(--text-secondary)}.segmented-control button.active{background:#31435f;color:var(--text-primary)}.app-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:40px;border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface-1);text-align:center}.app-state strong{color:var(--text-primary);font-size:14px}.app-state p{max-width:420px;margin:8px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.5}.app-spinner{width:28px;height:28px;margin-bottom:14px;border:3px solid rgba(148,163,184,.15);border-top:3px solid var(--info);border-radius:50%;animation:app-spin .7s linear infinite}@keyframes app-spin{to{transform:rotate(1turn)}}.app-shell[data-theme=light]{--app-bg:#f3f6fb;--sidebar-bg:#fff;--sidebar-border:#e2e8f0;--topbar-bg:#fff;--topbar-border:#e2e8f0;--surface-1:#fff;--surface-2:#f5f7fb;--surface-3:#edf1f7;--surface-hover:#edf2f8;--border-soft:#e3e8f0;--border-default:#d7dee9;--border-strong:#c4cedd;--text-primary:#142033;--text-secondary:#687990;--text-muted:#8b99aa}.app-shell[data-theme=light] .topbar-location:hover{background:#f0f4f9}.app-shell[data-theme=light] select{color-scheme:light}@media(max-width:1250px){:root{--sidebar-width:245px}.app-topbar{grid-template-columns:minmax(220px,280px) minmax(240px,1fr) auto;gap:18px;padding-right:22px;padding-left:22px}.topbar-user-copy{display:none}.app-content{padding:28px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){:root{--sidebar-width:78px}.app-brand{justify-content:center;padding:0 10px}.app-brand-copy{display:none}.sidebar-nav{padding-right:9px;padding-left:9px}.sidebar-link{justify-content:center;padding:0}.sidebar-admin-link,.sidebar-link-label{display:none}.sidebar-link-badge{position:absolute;top:4px;right:5px;min-width:16px;height:16px;padding:0 4px;font-size:9px}.app-topbar{grid-template-columns:minmax(200px,260px) 1fr auto;gap:12px;padding:0 16px}.topbar-user{gap:0}.topbar-user-menu{display:none}.app-content{padding:22px}}@media(max-width:720px){.app-topbar{grid-template-columns:1fr auto;height:auto;min-height:var(--topbar-height);padding-top:9px;padding-bottom:9px}.topbar-location{height:48px}.topbar-search{grid-column:1/-1;grid-row:2;height:40px}.topbar-actions{grid-column:2;grid-row:1}.app-content{padding:18px}.kpi-grid{grid-template-columns:1fr}}@media(max-width:1300px){.app-topbar{flex-wrap:wrap}.context-selector{flex:1 1 100%}.topbar-search{flex:1 1 320px;max-width:none}.topbar-actions{margin-left:0}}@media(max-width:520px){:root{--sidebar-width:64px}.app-brand-icon{width:38px;height:38px;border-radius:11px}.sidebar-link{min-height:42px}.sidebar-link-icon{width:19px;height:19px}.app-content{padding:14px}.page-title{font-size:23px}}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:32px 20px;background:var(--app-bg)}.auth-card{width:100%;max-width:430px;padding:34px;border:1px solid var(--border-soft);border-radius:20px;background:var(--surface-1);box-shadow:0 24px 70px #00000047}.auth-header{margin-bottom:28px}.auth-header h1{margin:0;color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:-.035em}.auth-header p{margin:9px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.55}.auth-form{gap:20px}.auth-form,.form-field{display:flex;flex-direction:column}.form-field{gap:8px}.form-field>span{color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.form-field input{width:100%;height:44px;padding:0 13px;border:1px solid var(--border-default);border-radius:10px;outline:none;background:var(--surface-2);color:var(--text-primary);font-size:13px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.form-field input:hover{border-color:var(--border-strong)}.form-field input:focus{border-color:#356cc1;background:#17243a;box-shadow:0 0 0 3px #246bfe14}.form-field input::-moz-placeholder{color:var(--text-muted)}.form-field input::placeholder{color:var(--text-muted)}.password-field{position:relative;display:flex;align-items:center}.password-field input{padding-right:92px}.password-toggle{position:absolute;top:50%;right:10px;transform:translateY(-50%);padding:5px 7px;border:0;border-radius:6px;background:transparent;color:#68a8ff;font-size:10px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.password-toggle:hover{background:var(--primary-soft);color:#8cbdff}.feedback{margin:0;padding:11px 13px;border-radius:9px;font-size:11px;line-height:1.45}.feedback-error{border:1px solid rgba(255,63,101,.2);background:var(--danger-soft);color:#ff8ba1}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px solid transparent;border-radius:10px;font-size:13px;font-weight:650;cursor:pointer;transition:background .15s ease,border-color .15s ease,opacity .15s ease,transform .15s ease}.button-primary{border-color:var(--primary);background:var(--primary);color:#fff}.button-primary:hover:not(:disabled){border-color:var(--primary-hover);background:var(--primary-hover);transform:translateY(-1px)}.button-primary:active:not(:disabled){transform:translateY(0)}.button:disabled{opacity:.55;cursor:not-allowed}.auth-submit{width:100%}.forgot-password-link{align-self:center;margin-top:-4px;color:#68a8ff;font-size:11px;font-weight:600;transition:color .15s ease}.forgot-password-link:hover{color:#8cbdff}.auth-brand{gap:12px;margin-bottom:24px}.auth-brand,.auth-brand-icon{display:flex;align-items:center;justify-content:center}.auth-brand-icon{width:42px;height:42px;border-radius:12px;background:#fbfbfb}.auth-brand-icon svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.auth-brand-copy{display:flex;flex-direction:column}.auth-brand-copy strong{color:var(--text-primary);font-size:17px;font-weight:700}.auth-brand-copy strong span{color:var(--info)}.auth-brand-copy small{margin-top:3px;color:var(--text-secondary);font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.auth-page[data-theme=light]{--app-bg:#f3f6fb;--surface-1:#fff;--surface-2:#f5f7fb;--border-soft:#e3e8f0;--border-default:#d7dee9;--border-strong:#c4cedd;--text-primary:#142033;--text-secondary:#687990;--text-muted:#8b99aa}@media(max-width:520px){.auth-page{padding:20px 14px}.auth-card{padding:26px 20px;border-radius:16px}.auth-header h1{font-size:24px}}.auth-form .forgot-password-link{align-self:center;margin-top:-4px;color:#68a8ff;font-size:11px;font-weight:600;transition:color .15s ease}.auth-form .forgot-password-link:hover{color:#8cbdff}.auth-form .form-field+.form-field{margin-top:2px}.auth-form input[type=password],.auth-form input[type=text]{width:100%}.feedback-success{border:1px solid rgba(0,214,163,.2);background:var(--success-soft);color:#4ee6bf}