:root{--font-sans:ui-sans-serif,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--font-scale:1;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-card:0 1px 3px rgba(0,0,0,.12)}html[data-density=compact]{--space-3:8px;--space-4:12px;--space-5:16px}html[data-mode=light]{--color-bg:#f5f6f8;--color-surface:#fff;--color-border:#d9dce1;--color-text:#1c2430;--color-text-muted:#5b6470;--color-primary:#2563eb;--color-primary-text:#fff;--color-danger:#dc2626;--color-success:#16a34a;--color-warning:#b45309;--color-alert-error-bg:#fdeaea;--color-alert-success-bg:#e8f7ee;--color-alert-info-bg:#eaf1fd}html[data-mode=dark]{--color-bg:#080b11;--color-surface:#131a24;--color-surface-hover:#1c2531;--color-border:#2f3947;--color-text:#f3f6fa;--color-text-muted:#b4bfce;--color-primary:#3b82f6;--color-primary-text:#fff;--color-danger:#ef4444;--color-success:#22c55e;--color-warning:#f59e0b;--color-alert-error-bg:#3a2023;--color-alert-success-bg:#16301f;--color-alert-info-bg:#1b2a44}html[data-theme="8bit"]{--font-sans:ui-monospace,"Courier New",Consolas,monospace;--radius-sm:0px;--radius-md:0px;--radius-lg:0px;--shadow-card:4px 4px 0 rgba(0,0,0,.85);--color-primary:#e5484d;--color-primary-text:#fff8e7;--color-success:#3fb950;--color-danger:#e5484d;--color-border:currentColor}html[data-theme="8bit"] body{letter-spacing:.03em;text-rendering:geometricprecision}html[data-theme="8bit"] .app-shell__header{-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom-width:3px}html[data-theme="8bit"] .about,html[data-theme="8bit"] .about__stack-item,html[data-theme="8bit"] .app-shell__user,html[data-theme="8bit"] .auth-card,html[data-theme="8bit"] .badge,html[data-theme="8bit"] .btn,html[data-theme="8bit"] .input,html[data-theme="8bit"] .modal,html[data-theme="8bit"] .panel,html[data-theme="8bit"] .panel__icon{border-width:3px;border-style:solid;box-shadow:4px 4px 0 rgba(0,0,0,.85)}html[data-theme="8bit"] .badge,html[data-theme="8bit"] .input{box-shadow:2px 2px 0 rgba(0,0,0,.7)}html[data-theme="8bit"] .btn{text-transform:uppercase;font-weight:700}html[data-theme="8bit"] .btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 rgba(0,0,0,.85)}html[data-theme="8bit"] .app-shell__avatar,html[data-theme="8bit"] .panel__icon{border-radius:0}html[data-theme="8bit"] a{text-decoration:underline}html[data-theme=flat]{--radius-sm:0px;--radius-md:0px;--radius-lg:0px;--shadow-card:none;--color-primary:#2c8ef0;--color-primary-text:#fff;--color-success:#27ae60;--color-danger:#e74c3c;--color-warning:#f39c12}html[data-theme=flat] .app-shell__header{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border-bottom:2px solid var(--color-primary)}html[data-theme=flat] .about,html[data-theme=flat] .about__stack-item,html[data-theme=flat] .auth-card,html[data-theme=flat] .entity-list,html[data-theme=flat] .modal,html[data-theme=flat] .panel,html[data-theme=flat] .user-menu__popover{box-shadow:none}html[data-theme=flat] .btn{border:none;box-shadow:none;text-transform:uppercase;letter-spacing:.02em;font-weight:600;transition:filter .12s ease}html[data-theme=flat] .btn:hover:not(:disabled){filter:brightness(.93)}html[data-theme=flat] .btn:active:not(:disabled){filter:brightness(.85)}html[data-theme=flat] .input{border:none;border-bottom:2px solid var(--color-border);transition:border-color .15s ease}html[data-theme=flat] .input:focus{outline:none;border-bottom-color:var(--color-primary)}html[data-theme=flat] select.input option{background:var(--color-surface);color:var(--color-text)}html[data-theme=flat] .app-shell__avatar,html[data-theme=flat] .panel__icon{border-radius:0}html[data-theme=flat] a{color:var(--color-primary);text-decoration:none}html[data-theme=flat] a:hover{text-decoration:underline}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-sans);font-size:calc(15px * var(--font-scale));color:var(--color-text);background:var(--color-bg)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:inherit;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}.btn--danger{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn--icon{padding:var(--space-2)}.btn--block{width:100%;justify-content:center}.btn--sm{padding:var(--space-1) var(--space-2);font-size:.85em}.input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:inherit}.input:focus{outline:2px solid var(--color-primary);outline-offset:-1px}.password-input{position:relative}.password-input .input{padding-right:64px}.password-input__toggle{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);border:none;background:none;color:var(--color-text-muted);cursor:pointer;font-size:.85em}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin:var(--space-3) 0;white-space:pre-line}.alert--error{background:var(--color-alert-error-bg);color:var(--color-danger)}.alert--success{background:var(--color-alert-success-bg);color:var(--color-success)}.alert--info{background:var(--color-alert-info-bg);color:var(--color-text)}.spinner{display:inline-block;width:1em;height:1em;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-.15em}@keyframes spin{to{transform:rotate(1turn)}}.route-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:9999;overflow:hidden;pointer-events:none}.route-progress:before{content:"";position:absolute;height:100%;width:35%;background:var(--color-primary,#2563eb);animation:route-progress-slide .9s ease-in-out infinite}@keyframes route-progress-slide{0%{left:-35%}to{left:100%}}.route-overlay{position:fixed;inset:0;z-index:9998;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-bg,#fff) 55%,transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);animation:route-overlay-in .15s ease-out}.route-overlay__spinner{font-size:34px;color:var(--color-primary,#2563eb)}@keyframes route-overlay-in{0%{opacity:0}to{opacity:1}}.global-loading{position:fixed;top:12px;right:12px;z-index:9999;display:inline-flex;align-items:center;justify-content:center;padding:6px;border-radius:999px;color:var(--color-primary,#2563eb);background:var(--color-surface,#fff);box-shadow:0 1px 4px rgba(0,0,0,.15);pointer-events:none;font-size:14px}.badge{display:inline-block;padding:0 var(--space-2);border:1px solid var(--color-border);border-radius:999px;font-size:.85em;color:var(--color-text-muted)}.toggle-switch{display:inline-flex;align-items:center;cursor:pointer}.toggle-switch--disabled{cursor:not-allowed;opacity:.6}.toggle-switch__input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.toggle-switch__track{display:inline-flex;align-items:center;width:40px;height:22px;padding:2px;border-radius:999px;background:var(--color-border);transition:background .15s ease}.toggle-switch__thumb{width:18px;height:18px;border-radius:50%;background:var(--color-surface);box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .15s ease}.toggle-switch__input:checked+.toggle-switch__track{background:var(--color-primary)}.toggle-switch__input:checked+.toggle-switch__track .toggle-switch__thumb{transform:translateX(18px)}.toggle-switch__input:focus-visible+.toggle-switch__track{outline:2px solid var(--color-primary);outline-offset:2px}main{max-width:1200px;margin:0 auto;padding:var(--space-6,32px) var(--space-4,20px)}h1{font-size:20px;margin:0 0 var(--space-4,16px)}.muted{color:var(--color-text-muted)}.center{min-height:100vh;display:grid;place-items:center;padding:var(--space-4,20px)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg,10px);padding:var(--space-5,20px)}.stat{display:flex;gap:var(--space-4,16px);flex-wrap:wrap;margin-bottom:var(--space-5,20px)}.stat .card{flex:1 1;min-width:140px}.stat .n{font-size:26px;font-weight:700}.charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-4,16px);gap:var(--space-4,16px);margin-bottom:var(--space-5,20px)}.chart-card__title{margin-bottom:var(--space-3,12px)}.chart-donut{display:flex;align-items:center;gap:var(--space-4,16px);flex-wrap:wrap}.chart-donut__total{fill:var(--color-text);font-size:22px;font-weight:700}.chart-legend{list-style:none;margin:0;padding:0;display:grid;grid-gap:6px;gap:6px;font-size:13px;min-width:120px}.chart-legend li{display:flex;align-items:center;gap:var(--space-2,8px)}.chart-legend__dot{flex:0 0 auto;width:10px;height:10px;border-radius:3px}.chart-legend__label{flex:1 1;color:var(--color-text-muted)}.chart-bars{list-style:none;margin:0;padding:0;grid-gap:var(--space-3,12px)}.chart-bars,.chart-bars li{display:grid;gap:var(--space-3,12px)}.chart-bars li{grid-template-columns:80px 1fr auto;align-items:center;grid-gap:var(--space-3,12px);font-size:13px}.chart-bars__label{color:var(--color-text-muted)}.chart-bars__track{height:10px;border-radius:999px;background:var(--color-border);overflow:hidden}.chart-bars__fill{display:block;height:100%;border-radius:999px;transition:width .3s ease}table{width:100%;border-collapse:collapse;margin-top:var(--space-2,8px)}td,th{text-align:left;padding:var(--space-2,8px) var(--space-3,10px);border-bottom:1px solid var(--color-border);font-size:14px}th{color:var(--color-text-muted);font-weight:500}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2,8px)}.chip{padding:4px 10px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);font-size:13px}.chip,.row-toggle{display:inline-flex;align-items:center;gap:6px}.row-toggle{border:0;padding:0;background:none;color:var(--color-text);font:inherit;cursor:pointer}.row-toggle:hover{color:var(--color-primary)}.plan-cell{display:inline-flex;align-items:center;gap:var(--space-2,8px)}.plan-select{padding:4px 8px;border:1px solid var(--color-border);border-radius:var(--radius-md,8px);background:var(--color-surface);color:var(--color-text);font-size:13px;cursor:pointer}.org-detail{display:flex;flex-wrap:wrap;gap:var(--space-6,32px);padding:var(--space-2,8px) 0}.org-detail ul{margin:4px 0 0;padding-left:var(--space-4,18px);font-size:14px}.org-detail__projects{flex:1 1 380px;min-width:300px}main.dashboard{max-width:none;padding-left:var(--space-6,32px);padding-right:var(--space-6,32px)}.dashboard__head{align-items:flex-start;justify-content:space-between;gap:var(--space-4,16px)}.dashboard__head,.period{display:flex;flex-wrap:wrap}.period{align-items:center;gap:var(--space-3,12px);justify-content:flex-end}.period__label{font-size:13px}.period__presets{display:inline-flex;gap:4px;flex-wrap:wrap}.period__chip{padding:4px 10px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text);font:inherit;font-size:12px;cursor:pointer}.period__chip--active,.period__chip:hover{border-color:var(--color-primary)}.period__chip--active{background:color-mix(in srgb,var(--color-primary) 16%,transparent);color:var(--color-primary)}.period__range{display:inline-flex;align-items:center;gap:6px}.period__date{padding:4px 8px;border:1px solid var(--color-border);border-radius:var(--radius-md,8px);background:var(--color-surface);color:var(--color-text);font-size:13px}.chart-columns{display:flex;align-items:flex-end;gap:var(--space-4,16px)}.chart-columns__col{flex:1 1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px}.chart-columns__value{font-size:13px;font-weight:700}.chart-columns__track{width:100%;height:140px;display:flex;align-items:flex-end;justify-content:center}.chart-columns__bar{width:60%;min-height:2px;border-radius:6px 6px 0 0;transition:height .3s ease}.chart-columns__label{font-size:12px;color:var(--color-text-muted);text-align:center}.project-list{list-style:none;margin:4px 0 0;padding:0!important;display:grid;grid-gap:4px;gap:4px}.project-row{border-bottom:1px solid var(--color-border);padding:4px 0}.project-detail{display:flex;flex-wrap:wrap;gap:var(--space-5,24px);padding:var(--space-3,12px) 0 var(--space-3,12px) var(--space-4,18px)}.project-detail__machines{flex:1 1 220px;min-width:200px}.project-detail__usage{flex:2 1 300px;min-width:260px}.machine-list{list-style:none;margin:6px 0 0;padding:0!important;display:grid;grid-gap:6px;gap:6px;font-size:13px}.machine-list__item{display:flex;align-items:center;gap:var(--space-2,8px)}.machine-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--color-text-muted)}.machine-dot--on{background:var(--color-success)}.machine-list__running{color:var(--color-primary);font-weight:600}.usage-chart{margin-top:6px}.usage-chart__empty{margin-top:6px;font-size:13px}.usage-chart__legend{flex-direction:row;gap:var(--space-4,16px);margin-top:6px}.usage-chart__axis{display:flex;justify-content:space-between;font-size:11px;margin-top:2px}.field-label{display:block;font-size:13px;color:var(--color-text-muted);margin-bottom:6px}.settings-bar{gap:var(--space-2,8px);flex-wrap:wrap}.settings-bar,.settings-bar__field{display:inline-flex;align-items:center}.settings-bar__field{gap:6px;color:var(--color-text-muted)}.settings-bar__select{padding:4px 8px;border:1px solid var(--color-border);border-radius:var(--radius-md,8px);background:var(--color-surface);color:var(--color-text);font-size:13px;cursor:pointer}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-shell__body{flex:1 0 auto}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4,16px);padding:var(--space-3,12px) var(--space-6,32px);background:color-mix(in srgb,var(--color-surface) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border)}.app-header__brand{display:inline-flex;align-items:center;gap:var(--space-2,8px);font-weight:700;color:var(--color-primary)}.app-header__actions{display:inline-flex;gap:var(--space-4,16px)}.app-footer,.app-header__actions{align-items:center;flex-wrap:wrap}.app-footer{display:flex;justify-content:space-between;gap:var(--space-3,12px);padding:var(--space-4,16px) var(--space-6,32px);border-top:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:.9em}.app-footer__links{display:flex;align-items:center;gap:var(--space-4,16px)}.app-footer__links a{display:inline-flex;align-items:center;gap:var(--space-2,8px);color:var(--color-text-muted)}.app-footer__links a:hover{color:var(--color-text)}.auth-split{flex:1 1 auto;display:grid;grid-template-columns:minmax(360px,460px) 1fr;grid-gap:var(--space-6,32px);gap:var(--space-6,32px);align-items:center;max-width:1200px;width:100%;margin:0 auto;padding:var(--space-6,32px)}.auth-split__form{display:flex;justify-content:center}.auth-card{width:100%;max-width:420px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-card);padding:var(--space-6,32px)}.auth-card--center{text-align:center}.auth-card--center .auth-card__title{justify-content:center}.auth-card__title{display:flex;align-items:center;gap:var(--space-3,12px);margin:0 0 var(--space-1,4px);font-size:20px}.auth-card__title-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md,8px);background:color-mix(in srgb,var(--color-primary) 14%,transparent);color:var(--color-primary)}.auth-card__subtitle{margin:0 0 var(--space-5,24px);color:var(--color-text-muted);font-size:13px}.auth-card__footer{margin-top:var(--space-4,16px);font-size:.95em}.auth-terms{margin:var(--space-3,12px) 0 0;color:var(--color-text-muted);font-size:.85em;line-height:1.5}.auth-status{justify-content:center;gap:var(--space-3,12px)}.auth-hero,.auth-status{display:flex;align-items:center}.auth-hero{position:relative;overflow:hidden;border-radius:var(--radius-lg,12px);min-height:420px;padding:var(--space-6,32px);color:#fff;background:radial-gradient(120% 120% at 100% 0,#3b82f6 0,#1e3a8a 45%,#0b1220 100%);box-shadow:var(--shadow-card)}.auth-hero__glow{position:absolute;inset:-30% -10% auto auto;width:460px;height:460px;background:radial-gradient(circle,hsla(0,0%,100%,.18),transparent 60%);pointer-events:none}.auth-hero__body{position:relative;max-width:460px}.auth-hero__badge{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-md,8px);background:hsla(0,0%,100%,.14);margin-bottom:var(--space-4,16px)}.auth-hero__title{margin:0 0 var(--space-3,12px);font-size:1.7em;line-height:1.2}.auth-hero__lead{margin:0 0 var(--space-5,24px);color:hsla(0,0%,100%,.85);line-height:1.6}.auth-hero__steps{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--space-4,16px);gap:var(--space-4,16px)}.auth-hero__steps li{display:flex;align-items:center;gap:var(--space-3,12px)}.auth-hero__step-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:36px;border-radius:var(--radius-md,8px);background:hsla(0,0%,100%,.12)}.auth-hero__steps strong{display:block}.auth-hero__step-desc{font-size:.85em;color:hsla(0,0%,100%,.7)}@media (max-width:900px){.auth-split{grid-template-columns:1fr}.auth-split__hero{display:none}}