@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.p.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_e14c74cb-module__CpULYq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_e14c74cb-module__CpULYq__variable{--font-inter:"Inter", "Inter Fallback"}
:root{--color-primary:#0f2744;--color-primary-hover:#1a3a5c;--color-primary-light:#e8eef6;--color-accent:#2563eb;--color-accent-hover:#1d4ed8;--color-accent-light:#eff6ff;--color-success:#059669;--color-success-light:#ecfdf5;--color-warning:#d97706;--color-warning-light:#fffbeb;--color-danger:#dc2626;--color-danger-light:#fef2f2;--color-bg:#fff;--color-bg-secondary:#f8fafc;--color-bg-tertiary:#f1f5f9;--color-surface:#fff;--color-border:#e8edf3;--color-border-strong:#cbd5e1;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-text-inverse:#fff;--font-family:"Inter", system-ui, -apple-system, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--space-unit:4px;--space-1:calc(var(--space-unit) * 1);--space-2:calc(var(--space-unit) * 2);--space-3:calc(var(--space-unit) * 3);--space-4:calc(var(--space-unit) * 4);--space-5:calc(var(--space-unit) * 5);--space-6:calc(var(--space-unit) * 6);--space-8:calc(var(--space-unit) * 8);--space-10:calc(var(--space-unit) * 10);--space-12:calc(var(--space-unit) * 12);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:22px;--radius-full:9999px;--shadow-xs:0 1px 2px #0f27440a;--shadow-sm:0 2px 8px #0f27440f;--shadow-md:0 4px 16px #0f274414;--shadow-lg:0 12px 32px #0f27441a;--sidebar-width:252px;--bottom-nav-height:68px;--header-height:60px;--max-content-width:1280px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--transition-fast:.15s ease;--transition-normal:.25s ease}[data-theme=dark]{--color-primary:#3b82f6;--color-primary-hover:#60a5fa;--color-primary-light:#1e293b;--color-accent:#3b82f6;--color-accent-hover:#60a5fa;--color-accent-light:#1e3a5f;--color-bg:#0a0a0a;--color-bg-secondary:#111;--color-bg-tertiary:#1a1a1a;--color-surface:#141414;--color-border:#262626;--color-border-strong:#404040;--color-text:#f8fafc;--color-text-secondary:#94a3b8;--color-text-muted:#64748b}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background:var(--color-bg-secondary);-webkit-font-smoothing:antialiased;min-height:100dvh}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast), box-shadow var(--transition-fast);white-space:nowrap;cursor:pointer;border:1px solid #0000;min-height:44px;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-xs)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-sm)}.btn--accent{background:var(--color-accent);color:var(--color-text-inverse)}.btn--accent:hover:not(:disabled){background:var(--color-accent-hover)}.btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-border-strong)}.btn--danger{background:var(--color-danger);color:var(--color-text-inverse)}.btn--ghost{color:var(--color-text-secondary);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text)}.btn--lg{padding:var(--space-4) var(--space-6);font-size:var(--font-size-base);border-radius:var(--radius-lg);min-height:52px}.btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);min-height:36px}.btn--full{width:100%}.btn--icon{padding:var(--space-2);min-width:44px;min-height:44px}.btn--term-active{background:var(--color-primary)!important;color:#fff!important;border-color:var(--color-primary)!important}
.input-group{gap:var(--space-2);flex-direction:column;display:flex}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.input-label--required:after{content:" *";color:var(--color-danger)}.input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);min-height:44px}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.input::placeholder{color:var(--color-text-muted)}.input--error{border-color:var(--color-danger)}.input--error:focus{box-shadow:0 0 0 3px var(--color-danger-light)}.input-error{font-size:var(--font-size-xs);color:var(--color-danger)}.input-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10)}
.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.card--hover:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.card__header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-2);flex-direction:column;display:flex}.kpi-card__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.kpi-card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.kpi-card__change{font-size:var(--font-size-xs);color:var(--color-text-muted)}.kpi-card--danger .kpi-card__value{color:var(--color-danger)}.kpi-card--success .kpi-card__value{color:var(--color-success)}.badge{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);white-space:nowrap;align-items:center;display:inline-flex}.badge--success{background:var(--color-success-light);color:var(--color-success)}.badge--warning{background:var(--color-warning-light);color:var(--color-warning)}.badge--danger{background:var(--color-danger-light);color:var(--color-danger)}.badge--neutral{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.empty-state__icon{opacity:.5;font-size:3rem}.empty-state__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.empty-state__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:320px}
.stepper{gap:var(--space-2);margin-bottom:var(--space-6);display:flex}.stepper__step{align-items:center;gap:var(--space-2);flex-direction:column;flex:1;display:flex;position:relative}.stepper__step:not(:last-child):after{content:"";background:var(--color-border);z-index:0;width:100%;height:2px;position:absolute;top:16px;left:50%}.stepper__circle{border-radius:var(--radius-full);width:32px;height:32px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background:var(--color-bg-tertiary);color:var(--color-text-muted);border:2px solid var(--color-border);z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.stepper__step--active .stepper__circle{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.stepper__step--done .stepper__circle{background:var(--color-success);color:var(--color-text-inverse);border-color:var(--color-success)}.stepper__step--done:not(:last-child):after{background:var(--color-success)}.stepper__label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center}.stepper__step--active .stepper__label{color:var(--color-primary);font-weight:var(--font-weight-medium)}.term-buttons{gap:var(--space-3);flex-wrap:wrap;display:flex}.term-buttons .btn--term-active{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.device-card{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);display:flex}.device-card:hover{border-color:var(--color-primary);background:var(--color-bg-secondary)}.device-card--selected{border-color:var(--color-primary);background:var(--color-primary-light)}.schedule-table{width:100%;font-size:var(--font-size-sm);border-collapse:collapse}.schedule-table th,.schedule-table td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--color-border)}.schedule-table th{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}
.dashboard{gap:var(--space-6);flex-direction:column;display:flex}.dashboard-hero{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.dashboard-hero__greeting{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);letter-spacing:-.03em;line-height:var(--line-height-tight)}.dashboard-hero__name{color:var(--color-primary)}.dashboard-hero__meta{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-2)}.dashboard-hero__date{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);box-shadow:var(--shadow-xs);text-transform:capitalize;display:inline-flex}.dashboard-stats{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:640px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.dashboard-stats{grid-template-columns:repeat(4,1fr)}}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);gap:var(--space-2);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-fast);flex-direction:column;display:flex}.stat-card--ref:hover{box-shadow:var(--shadow-sm)}.stat-card__top{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.stat-card__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stat-card__icon--navy{background:var(--color-primary-light);color:var(--color-primary)}.stat-card__icon--blue{background:var(--color-accent-light);color:var(--color-accent)}.stat-card__icon--green{background:var(--color-success-light);color:var(--color-success)}.stat-card__icon--red{background:var(--color-danger-light);color:var(--color-danger)}.stat-card__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);padding-top:2px;line-height:1.3}.stat-card__value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text);letter-spacing:-.03em;line-height:var(--line-height-tight)}.stat-card__sub{font-size:var(--font-size-sm);margin:0}.stat-card__sub--positive{color:var(--color-accent)}.stat-card__sub--negative,.stat-card--danger .stat-card__value{color:var(--color-danger)}.stat-card__chart{height:48px;margin-top:var(--space-2)}.mini-sparkline{width:100%;height:100%;display:block}.status-row{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (min-width:640px){.status-row{grid-template-columns:repeat(3,1fr)}}.status-card{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:inherit;box-shadow:var(--shadow-xs);transition:all var(--transition-fast);text-decoration:none;display:flex}.status-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.status-card__icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.status-card--navy .status-card__icon{background:var(--color-primary-light);color:var(--color-primary)}.status-card--blue .status-card__icon{background:var(--color-accent-light);color:var(--color-accent)}.status-card--red .status-card__icon{background:var(--color-danger-light);color:var(--color-danger)}.status-card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);letter-spacing:-.02em;line-height:1}.status-card__label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);margin-top:4px}.dashboard-section__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-3);letter-spacing:-.01em}.action-grid{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (min-width:640px){.action-grid{grid-template-columns:repeat(3,1fr)}}.action-tile{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:inherit;box-shadow:var(--shadow-xs);transition:all var(--transition-fast);text-decoration:none;display:flex}.action-tile:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.action-tile--primary{background:linear-gradient(135deg, var(--color-primary) 0%, #1a3a5c 100%);color:var(--color-text-inverse);border-color:#0000}.action-tile--primary:hover{box-shadow:var(--shadow-lg);border-color:#0000}.action-tile--primary .action-tile__desc,.action-tile--primary .action-tile__icon-wrap{color:#fffc}.action-tile--primary .action-tile__title{color:#fff}.action-tile--primary .action-tile__icon-wrap{color:#fff;background:#ffffff26}.action-tile__icon-wrap{border-radius:var(--radius-lg);background:var(--color-primary-light);width:44px;height:44px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.action-tile__body{flex:1;min-width:0}.action-tile__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.action-tile__desc{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.action-tile__arrow{color:var(--color-text-muted);flex-shrink:0}.action-tile--primary .action-tile__arrow{color:#ffffffb3}.dashboard-panels{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:900px){.dashboard-panels{grid-template-columns:1fr 1fr}}.panel-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);overflow:hidden}.panel-card__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.panel-card__title{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);display:flex}.panel-card__link{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-accent);text-decoration:none}.panel-card__link:hover{color:var(--color-accent-hover)}.panel-card__body{padding:var(--space-1) 0}.panel-list__item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);color:inherit;transition:background var(--transition-fast);text-decoration:none;display:flex}.panel-list__item:hover{background:var(--color-bg-secondary)}.panel-list__avatar{border-radius:var(--radius-md);background:var(--color-primary-light);width:36px;height:36px;color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.panel-list__avatar--danger{background:var(--color-danger-light);color:var(--color-danger)}.panel-list__info{flex:1;min-width:0}.panel-list__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.panel-list__meta{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:1px}.panel-list__amount{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);white-space:nowrap}.panel-list__amount--danger{color:var(--color-danger)}.panel-empty{padding:var(--space-8) var(--space-5);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}
.app-shell{background:var(--color-bg-secondary);min-height:100dvh;display:flex}.app-sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);z-index:40;flex-direction:column;flex-shrink:0;display:none;position:fixed;top:0;bottom:0;left:0}.app-sidebar__brand{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.app-sidebar__logo-icon{border-radius:var(--radius-lg);background:var(--color-primary);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.app-sidebar__logo-text{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text);letter-spacing:-.02em;line-height:1.2}.app-sidebar__logo-sub{color:var(--color-text-muted);font-size:11px;font-weight:var(--font-weight-medium)}.app-sidebar__section{font-size:11px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);padding:var(--space-4) var(--space-4) var(--space-2)}.app-sidebar__nav{padding:0 var(--space-3) var(--space-4);flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.app-sidebar__link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:all var(--transition-fast);display:flex}.app-sidebar__link:hover{background:var(--color-bg-secondary);color:var(--color-text)}.app-sidebar__link--active{background:var(--color-primary);color:#fff}.app-sidebar__link--active .app-sidebar__link-icon{color:#ffffffe6}.app-sidebar__link-icon{width:20px;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.app-sidebar__footer{padding:var(--space-4);border-top:1px solid var(--color-border)}.app-sidebar__user{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.app-sidebar__avatar{border-radius:var(--radius-full);background:var(--color-primary-light);width:36px;height:36px;color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.app-sidebar__avatar--sm{width:32px;height:32px;font-size:11px}.app-sidebar__user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:1.2}.app-sidebar__user-role{color:var(--color-text-muted);margin-top:1px;font-size:11px}.app-logout-btn{width:100%;justify-content:flex-start!important;gap:var(--space-2)!important;color:var(--color-text-secondary)!important}.app-logout-btn:hover{color:var(--color-danger)!important;background:var(--color-danger-light)!important}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.app-header{height:var(--header-height);padding:0 var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-surface);z-index:30;justify-content:space-between;align-items:center;gap:var(--space-4);display:flex;position:sticky;top:0}.app-header__left{min-width:0}.app-header__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:-.01em}.app-header__right{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.app-header__search{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;min-width:200px;font-family:inherit;display:none}.app-header__search:hover{border-color:var(--color-primary);color:var(--color-text-secondary)}.app-header__search-mobile{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-text-muted);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (min-width:768px){.app-header__search-mobile{display:none}}.app-header__search-icon{flex-shrink:0}.app-header__kbd{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:4px;margin-left:auto;padding:2px 6px;font-family:inherit;font-size:11px}.app-header__profile{display:none}.app-content{padding:var(--space-5);padding-bottom:calc(var(--bottom-nav-height) + var(--space-5));max-width:var(--max-content-width);flex:1;width:100%;margin:0 auto}.app-bottom-nav{height:var(--bottom-nav-height);background:var(--color-surface);border-top:1px solid var(--color-border);z-index:40;padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0f27440f}.app-bottom-nav__item{font-size:10px;font-weight:var(--font-weight-medium);color:var(--color-text-muted);transition:color var(--transition-fast);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:44px;text-decoration:none;display:flex}.app-bottom-nav__item--active{color:var(--color-primary)}.app-bottom-nav__item--primary{color:var(--color-accent)}.app-bottom-nav__icon{justify-content:center;align-items:center;display:flex}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-header__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em}.page-header__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.grid-kpi{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.grid-2{gap:var(--space-4);grid-template-columns:1fr;display:grid}.quick-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}@media (min-width:768px){.app-sidebar{display:flex}.app-main{margin-left:var(--sidebar-width)}.app-bottom-nav{display:none}.app-content{padding:var(--space-6);padding-bottom:var(--space-6)}.app-header__search,.app-header__profile{display:flex}.grid-kpi{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}}.app-header__logout{flex-shrink:0}@media (min-width:768px){.app-header__logout{display:none}}@media (max-width:767px){.app-sidebar__footer .app-logout-btn{display:none}}@media (min-width:1280px){.grid-kpi{grid-template-columns:repeat(4,1fr)}}.auth-layout{min-height:100dvh;padding:var(--space-4);background:var(--color-bg-secondary);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:var(--space-8);box-shadow:var(--shadow-lg)}.auth-card__logo{text-align:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-2)}.auth-card__subtitle{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.auth-form__footer{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-4)}.auth-form__footer a{color:var(--color-accent);font-weight:var(--font-weight-medium)}.auth-error{padding:var(--space-3) var(--space-4);background:var(--color-danger-light);color:var(--color-danger);border-radius:var(--radius-md);font-size:var(--font-size-sm)}
.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.gap-4{gap:var(--space-4);flex-direction:column;display:flex}.search-bar{width:100%;position:relative}.search-bar__input{padding-left:var(--space-10)}.search-bar__icon{left:var(--space-3);color:var(--color-text-muted);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.global-search{z-index:100;padding:12vh var(--space-4) var(--space-4);background:#0f172a73;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.global-search__panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:min(640px,100%);box-shadow:var(--shadow-lg);overflow:hidden}.global-search__input-wrap{align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.global-search__icon{color:var(--color-text-muted);flex-shrink:0}.global-search__input{font-size:var(--font-size-base);background:0 0;border:none;flex:1;padding:0}.global-search__input:focus{box-shadow:none;outline:none}.global-search__kbd{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);padding:2px 6px;font-size:11px}.global-search__results{max-height:50vh;overflow-y:auto}.global-search__empty{padding:var(--space-6);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.global-search__group-title{padding:var(--space-2) var(--space-4);font-size:11px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:var(--color-bg-secondary)}.global-search__item{width:100%;padding:var(--space-3) var(--space-4);text-align:left;cursor:pointer;border:none;border-bottom:1px solid var(--color-border);background:0 0;flex-direction:column;align-items:flex-start;gap:2px;font-family:inherit;display:flex}.global-search__item:hover,.global-search__item--active{background:var(--color-bg-secondary)}.global-search__item-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.global-search__item-sub{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:monospace}.table-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.table th,.table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.table th{background:var(--color-bg-secondary);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--color-bg-secondary)}.link{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none}.link:hover{text-decoration:underline}.input-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (max-width:640px){.input-row{grid-template-columns:1fr}}.detail-list__row{justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);display:flex}.detail-list__row:last-child{border-bottom:none}.detail-list__row dt{color:var(--color-text-secondary);flex-shrink:0}.detail-list__row dd{text-align:right;margin:0}.dashboard-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.container-narrow,.container-medium,.container-wide{width:100%;padding-inline:var(--space-4);margin-inline:auto}.container-narrow{max-width:560px}.container-medium{max-width:640px}.container-wide{max-width:var(--max-content-width)}.stack{gap:var(--space-4);flex-direction:column;display:flex}.cluster{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.settings-list{margin-top:var(--space-4)}.settings-list li{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.card--success{background:var(--color-success-light);color:var(--color-success)}.card--danger{border-color:var(--color-danger);background:var(--color-danger-light)}.card--warning{border-color:var(--color-warning);background:var(--color-warning-light)}.checkbox-pill{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);display:inline-flex}.branch-switcher{gap:var(--space-1);flex-direction:column;min-width:0;display:none}.branch-switcher__label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.branch-switcher__select{min-width:140px;max-width:200px}@media (min-width:768px){.branch-switcher{display:flex}}@media (max-width:767px){.app-bottom-nav{padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px))}.table--mobile-cards thead{display:none}.table--mobile-cards tr{border-bottom:1px solid var(--color-border);padding:var(--space-3) 0;display:block}.table--mobile-cards td{padding:var(--space-1) 0;border:none;justify-content:space-between;display:flex}}