:root{--y: #ffd600;--y-hover: #ffe033;--y-dark: #c8a800;--y-soft: #fffbe6;--k: #111111;--w: #ffffff;--g: #888888;--bg: #f5f5ee;--line: #e3e3d8;--b3: 3px solid var(--k);--b2: 2px solid var(--k);--shadow-sm: 4px 4px 0 var(--k);--shadow-md: 6px 6px 0 var(--k);--shadow-y: 6px 6px 0 var(--y);--c1: #2a6fb0;--c2: #c8a800;--c3: #b04a16;--ok: #2e7d32;--warn: #e8a400;--crit: #b3241f;--font-display: "Oswald", "Arial Narrow", sans-serif;--font-body: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--k);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0;line-height:1.1}a{color:inherit}button,input,select{font-family:inherit;font-size:inherit;color:inherit}:focus-visible{outline:3px solid var(--k);outline-offset:2px}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);padding:10px 18px;border:var(--b3);background:var(--y);font-family:var(--font-display);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .06s linear,box-shadow .06s linear,background .12s linear}.btn:hover:not(:disabled){background:var(--y-hover)}.btn:active:not(:disabled){transform:translate(4px,4px);box-shadow:0 0 0 var(--k)}.btn:disabled{cursor:not-allowed;opacity:.45;box-shadow:none;transform:none}.btn--ghost{background:var(--w)}.btn--ghost:hover:not(:disabled){background:var(--y-soft)}.btn--danger{background:var(--w);color:var(--crit)}.btn--danger:hover:not(:disabled){background:var(--crit);color:var(--w)}.btn--sm{padding:6px 12px;font-size:12px;box-shadow:3px 3px 0 var(--k);border-width:2px}.btn--block{width:100%}.input{width:100%;padding:12px 14px;border:var(--b3);background:var(--w);font-family:var(--font-mono);font-size:16px;letter-spacing:.02em}.input::placeholder{color:var(--g);letter-spacing:0}.field-label{display:block;font-family:var(--font-display);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--s2)}.hint{font-size:13px;color:var(--g);line-height:1.45}.card{background:var(--w);border:var(--b3);box-shadow:var(--shadow-sm)}.card__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3);padding:var(--s4) var(--s5);border-bottom:var(--b3);flex-wrap:wrap}.card__title{font-size:16px}.card__sub{font-size:12px;color:var(--g);font-family:var(--font-mono)}.card__body{padding:var(--s5)}.card__body--flush{padding:0}.eyebrow{font-family:var(--font-display);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.16em;color:var(--g)}.barcode-rail{display:block}.layout{display:grid;grid-template-columns:236px 1fr;min-height:100%}.sidebar{border-right:var(--b3);background:var(--w);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:var(--s3);padding:var(--s4);border-bottom:var(--b3)}.brand__mark{width:38px;height:38px;border:var(--b2);flex:none}.brand__name{font-family:var(--font-display);font-weight:700;font-size:17px;letter-spacing:.05em;text-transform:uppercase;line-height:1}.brand__sub{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--g);font-family:var(--font-display)}.nav{padding:var(--s4) var(--s3);display:flex;flex-direction:column;gap:var(--s2)}.nav__item{display:flex;align-items:center;gap:var(--s3);padding:10px 12px;border:2px solid transparent;font-family:var(--font-display);font-weight:500;font-size:14px;text-transform:uppercase;letter-spacing:.06em;text-decoration:none}.nav__item:hover{background:var(--y-soft);border-color:var(--k)}.nav__item--active{background:var(--y);border-color:var(--k);font-weight:600;box-shadow:3px 3px 0 var(--k)}.sidebar__foot{margin-top:auto;padding:var(--s4);border-top:var(--b3)}.who__name{font-weight:600;font-size:14px;overflow-wrap:anywhere}.who__meta{font-size:12px;color:var(--g);font-family:var(--font-mono);margin-bottom:var(--s3)}.main{min-width:0;padding:var(--s6);display:flex;flex-direction:column;gap:var(--s5)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s4);flex-wrap:wrap}.page-title{font-size:30px}.page-sub{color:var(--g);font-size:13px;margin-top:var(--s2)}.seg{display:inline-flex;border:var(--b3);background:var(--w);box-shadow:var(--shadow-sm)}.seg__btn{padding:8px 16px;border:none;border-right:var(--b2);background:transparent;font-family:var(--font-display);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.seg__btn:last-child{border-right:none}.seg__btn--active{background:var(--y)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:var(--s4)}.kpi{background:var(--w);border:var(--b3);padding:var(--s4);display:flex;flex-direction:column;gap:var(--s2);min-height:132px;box-shadow:var(--shadow-sm)}.kpi--accent{background:var(--y)}.kpi__label{font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.kpi__value{font-family:var(--font-mono);font-weight:600;font-size:30px;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.kpi__unit{font-size:16px;margin-left:3px}.kpi__foot{margin-top:auto;display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;font-size:12px;color:var(--g);font-family:var(--font-mono)}.kpi--accent .kpi__foot{color:#5a4c00}.delta{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border:var(--b2);font-family:var(--font-mono);font-size:12px;font-weight:600;background:var(--w)}.delta--up{color:var(--ok)}.delta--down{color:var(--crit)}.delta--flat{color:var(--g)}.meter{height:12px;border:var(--b2);background:var(--w);overflow:hidden}.meter__fill{height:100%;background:var(--k)}.kpi--accent .meter{background:#fff8cc}.state{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s3);padding:var(--s5);min-height:140px;justify-content:center}.state__title{font-family:var(--font-display);font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.state__text{font-size:13px;color:var(--g);max-width:52ch}.state--error{background:#fff2f1;border-left:8px solid var(--crit)}.state--empty{background:repeating-linear-gradient(-45deg,var(--w),var(--w) 9px,#f3f3ea 9px,#f3f3ea 18px)}.skeleton{display:block;background:linear-gradient(90deg,#ececdf 25%,#f6f6ee,#ececdf 75%);background-size:400% 100%;animation:shimmer 1.4s linear infinite;border:var(--b2)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}*{transition-duration:.01ms!important}}.table-wrap{overflow-x:auto;max-width:100%}.table{width:100%;min-width:520px;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-family:var(--font-display);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.09em;padding:10px var(--s4);border-bottom:var(--b2);white-space:nowrap;background:var(--w)}.table td{padding:10px var(--s4);border-bottom:1px solid var(--line);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table td.right,.table th.right{text-align:right}.rank{display:inline-block;min-width:22px;font-family:var(--font-mono);font-weight:600;color:var(--g)}.chip{display:inline-block;padding:2px 8px;border:var(--b2);font-family:var(--font-mono);font-size:12px;font-weight:600;background:var(--w);white-space:nowrap}.chip--crit{background:var(--crit);color:var(--w);border-color:var(--crit)}.chip--warn{background:var(--warn);color:var(--k);border-color:var(--k)}.chip--ok{background:var(--ok);color:var(--w);border-color:var(--ok)}.chip--mute{color:var(--g);border-color:var(--g)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5);align-items:start}.chart-svg{display:block;width:100%;height:auto;overflow:visible}.chart-axis{font-family:var(--font-mono);font-size:10px;fill:var(--g)}.chart-label{font-family:var(--font-mono);font-size:10px;font-weight:600;fill:var(--k)}.legend{display:flex;flex-wrap:wrap;gap:var(--s4);margin-top:var(--s3);font-size:12px;font-family:var(--font-mono)}.legend__item{display:inline-flex;align-items:center;gap:6px}.legend__swatch{width:14px;height:14px;border:var(--b2);flex:none}.chart-toggle{border:var(--b2);background:var(--w);padding:4px 10px;font-family:var(--font-display);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.chart-toggle:hover{background:var(--y-soft)}.login{min-height:100%;display:grid;grid-template-columns:1fr 460px}.login__art{background:var(--y);border-right:var(--b3);padding:var(--s7);display:flex;flex-direction:column;justify-content:space-between;gap:var(--s6);overflow:hidden}.login__wordmark{font-family:var(--font-display);font-weight:700;font-size:clamp(44px,7vw,96px);line-height:.92;letter-spacing:.02em;text-transform:uppercase}.login__claim{font-size:16px;max-width:34ch;margin-top:var(--s4)}.login__stats{display:flex;gap:var(--s6);flex-wrap:wrap;border-top:var(--b3);padding-top:var(--s4)}.login__stat-num{font-family:var(--font-mono);font-weight:600;font-size:22px}.login__stat-cap{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-display)}.login__panel{background:var(--w);padding:var(--s7) var(--s6);display:flex;flex-direction:column;justify-content:center;gap:var(--s4)}.login__step{font-family:var(--font-mono);font-size:12px;color:var(--g);letter-spacing:.08em}.login__title{font-size:26px;margin-bottom:var(--s2)}.code-input{letter-spacing:.55em;font-size:28px;text-align:center;font-weight:600;padding:14px}.alert{border:var(--b3);border-left-width:8px;padding:var(--s3) var(--s4);font-size:13px;background:#fff2f1;border-color:var(--crit)}.alert--info{background:var(--y-soft);border-color:var(--k)}.roles{display:grid;grid-template-columns:320px 1fr;gap:var(--s5);align-items:start}.user-list{display:flex;flex-direction:column;max-height:70vh;overflow-y:auto}.user-row{display:block;width:100%;text-align:left;padding:var(--s3) var(--s4);border:none;border-bottom:1px solid var(--line);background:var(--w);cursor:pointer}.user-row:hover{background:var(--y-soft)}.user-row--active{background:var(--y)}.user-row__name{font-weight:600;font-size:14px}.user-row__meta{font-family:var(--font-mono);font-size:12px;color:var(--g)}.user-row--active .user-row__meta{color:#5a4c00}.atom-group{border-top:var(--b2);padding-top:var(--s3);margin-top:var(--s4)}.atom-group:first-of-type{border-top:none;margin-top:0;padding-top:0}.atom-group__title{font-family:var(--font-display);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--g);margin-bottom:var(--s3)}.atom-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--s2)}.atom{display:flex;align-items:flex-start;gap:var(--s3);padding:var(--s2) var(--s3);border:2px solid var(--line);cursor:pointer}.atom:hover{border-color:var(--k)}.atom--on{border-color:var(--k);background:var(--y-soft)}.atom--disabled{cursor:not-allowed;opacity:.55}.atom input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--k);flex:none}.atom__body{min-width:0}.atom__label{font-size:14px;font-weight:500}.atom__code{font-family:var(--font-mono);font-size:11px;color:var(--g)}.atom__wh{margin-top:var(--s2)}.select{width:100%;padding:5px 8px;border:var(--b2);background:var(--w);font-family:var(--font-mono);font-size:12px}.presets{display:flex;flex-wrap:wrap;gap:var(--s2)}.sticky-actions{position:sticky;bottom:0;display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;padding:var(--s4) var(--s5);border-top:var(--b3);background:var(--w)}.notice{border:var(--b3);border-left-width:8px;background:var(--y-soft);padding:var(--s3) var(--s4);font-size:13px}.spacer{flex:1}.search-wrap{padding:var(--s3);border-bottom:var(--b3)}@media (max-width: 1100px){.grid-2,.roles{grid-template-columns:1fr}.user-list{max-height:320px}}@media (max-width: 900px){.layout{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:none;border-bottom:var(--b3)}.nav{flex-direction:row;flex-wrap:wrap}.sidebar__foot{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap}.main{padding:var(--s4)}.login{grid-template-columns:1fr}.login__art{border-right:none;border-bottom:var(--b3);padding:var(--s5)}.login__panel{padding:var(--s5)}}