:root{--bg: #F2EBDB;--sheet: #FDFAF0;--surface: #FAF4E6;--elev: #FFFCF3;--ink: #1A1814;--muted: #6E665C;--dim: #A09787;--rule: #E5DCC4;--rule-soft: #EFE7D0;--accent: #BE5A3C;--accent-soft: rgba(190, 90, 60, .1);--accent-line: rgba(190, 90, 60, .32);--ok: #3F7F4C;--ok-soft: rgba(63, 127, 76, .12);--ok-line: rgba(63, 127, 76, .34);--warn: #B5791A;--warn-soft: rgba(181, 121, 26, .12);--warn-line: rgba(181, 121, 26, .34);--danger: #B5462E;--danger-soft: rgba(181, 70, 46, .1);--danger-line: rgba(181, 70, 46, .34);--info: #2A6F86;--info-soft: rgba(42, 111, 134, .12);--info-line: rgba(42, 111, 134, .34);--shadow: 0 18px 44px rgba(20, 16, 12, .16);--display: "Instrument Serif", "Times New Roman", serif;--sans: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;--mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;--pad: 16px;--gap: 12px;--radius: 12px;--rail: 232px;--tabbar: 62px;--tap: 46px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #1A1612;--sheet: #221C15;--surface: #1F1A14;--elev: #241E16;--ink: #F0E8D6;--muted: #A29985;--dim: #6F6657;--rule: #33291F;--rule-soft: #291F18;--ok: #69B07A;--ok-soft: rgba(105, 176, 122, .14);--ok-line: rgba(105, 176, 122, .34);--warn: #D2A24A;--warn-soft: rgba(210, 162, 74, .14);--warn-line: rgba(210, 162, 74, .34);--danger: #D9745A;--danger-soft: rgba(217, 116, 90, .14);--danger-line: rgba(217, 116, 90, .34);--info: #6FB3C6;--info-soft: rgba(111, 179, 198, .14);--info-line: rgba(111, 179, 198, .34);--shadow: 0 18px 44px rgba(0, 0, 0, .45)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.5;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:var(--accent);text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::selection{background:var(--accent-soft)}.app{display:flex;flex-direction:column;min-height:100%}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:10px var(--pad);padding-top:max(10px,env(safe-area-inset-top));background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:.5px solid var(--rule)}.topbar .brand{display:flex;align-items:center;gap:9px;min-width:0}.brand-mark{flex:none}.brand-text{font-family:var(--display);font-size:19px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-sub{font-family:var(--mono);font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:var(--dim)}.spacer{flex:1 1 auto;min-width:0}.avatar{width:34px;height:34px;flex:none;border-radius:50%;background:var(--ink);color:var(--sheet);display:grid;place-items:center;font-family:var(--mono);font-size:12px;letter-spacing:.02em}.layout{flex:1 1 auto;display:flex;align-items:flex-start;width:100%;max-width:1180px;margin:0 auto}.sidebar{display:none}.main{flex:1 1 auto;min-width:0;padding:var(--pad);padding-bottom:calc(var(--tabbar) + env(safe-area-inset-bottom) + 22px)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:color-mix(in srgb,var(--sheet) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:.5px solid var(--rule);padding-bottom:env(safe-area-inset-bottom)}.tab{min-height:var(--tabbar);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;position:relative}.tab[aria-current=page]{color:var(--accent)}.tab[aria-current=page]:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:22px;height:2px;background:var(--accent);border-radius:0 0 2px 2px}.tab .badge{position:absolute;top:8px;left:calc(50% + 8px);min-width:15px;padding:0 4px;border-radius:8px;background:var(--danger);color:#fff;font-size:9px;line-height:15px}@media (min-width: 900px){:root{--pad: 26px;--gap: 16px}.sidebar{display:block;position:sticky;top:58px;flex:none;width:var(--rail);padding:var(--pad) 10px var(--pad) var(--pad)}.sidebar .tab{flex-direction:row;justify-content:flex-start;gap:10px;min-height:var(--tap);width:100%;padding:0 12px;border-radius:9px;font-size:10px}.sidebar .tab[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.sidebar .tab[aria-current=page]:before{display:none}.sidebar .tab .badge{position:static;margin-left:auto}.main{padding-bottom:48px}.tabbar{display:none}}.page-head{display:flex;align-items:flex-end;gap:12px;margin-bottom:14px;flex-wrap:wrap}h1{font-family:var(--display);font-size:30px;font-weight:400;line-height:1.08;letter-spacing:-.01em}h2{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.sub{color:var(--muted);font-size:12.5px}.mono{font-family:var(--mono)}.dim{color:var(--dim)}.muted{color:var(--muted)}.nowrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.card{background:var(--sheet);border:.5px solid var(--rule);border-radius:var(--radius);overflow:hidden}.card+.card{margin-top:var(--gap)}.card-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:.5px solid var(--rule-soft)}.card-body{padding:14px}.section{margin-bottom:22px}.section>h2{margin-bottom:9px}.grid{display:grid;gap:var(--gap)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}@media (min-width: 900px){.grid-2{grid-template-columns:repeat(4,minmax(0,1fr))}}.row{display:flex;align-items:center;gap:10px}.row-wrap{flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:4px;min-width:0}.stack{display:flex;flex-direction:column;gap:var(--gap)}.stat{background:var(--sheet);border:.5px solid var(--rule);border-radius:var(--radius);padding:12px 13px;display:flex;flex-direction:column;gap:2px;min-width:0;text-align:left;width:100%}.stat-label{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.stat-value{font-family:var(--mono);font-size:25px;font-variant-numeric:tabular-nums;line-height:1.15}.stat-foot{font-size:11px;color:var(--muted)}.stat.is-alert{border-color:var(--danger-line);background:var(--danger-soft)}.stat.is-alert .stat-value{color:var(--danger)}button.stat:active{transform:scale(.985)}.list{display:flex;flex-direction:column}.list-row{display:flex;align-items:center;gap:11px;width:100%;min-height:var(--tap);padding:11px 14px;text-align:left;border-bottom:.5px solid var(--rule-soft);color:inherit}.list-row:last-child{border-bottom:none}.list-row:active{background:var(--surface)}@media (hover: hover){.list-row:hover{background:var(--surface)}}.list-row .chev{color:var(--dim);flex:none}.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;border:.5px solid var(--rule);background:var(--surface);color:var(--muted);font-family:var(--mono);font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.pill.ok{color:var(--ok);background:var(--ok-soft);border-color:var(--ok-line)}.pill.warn{color:var(--warn);background:var(--warn-soft);border-color:var(--warn-line)}.pill.danger{color:var(--danger);background:var(--danger-soft);border-color:var(--danger-line)}.pill.info{color:var(--info);background:var(--info-soft);border-color:var(--info-line)}.pill.accent{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-line)}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.chips{display:flex;gap:7px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.chips::-webkit-scrollbar{display:none}.chip{flex:none;min-height:34px;padding:0 12px;border-radius:999px;border:.5px solid var(--rule);background:var(--sheet);color:var(--muted);font-family:var(--mono);font-size:10.5px;white-space:nowrap}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--sheet)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:var(--tap);padding:0 15px;border-radius:9px;border:.5px solid var(--rule);background:var(--sheet);color:var(--ink);font-size:13.5px;font-weight:500;transition:transform .06s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--bg)}.btn.accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{color:var(--danger);border-color:var(--danger-line);background:var(--danger-soft)}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn.small{min-height:36px;padding:0 11px;font-size:12.5px}.btn.block{width:100%}.btn.icon{padding:0;width:var(--tap);flex:none}.btn-row{display:flex;gap:9px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field>label{font-family:var(--mono);font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--dim)}.input,.select{width:100%;min-height:var(--tap);padding:0 12px;border-radius:9px;border:.5px solid var(--rule);background:var(--elev);color:var(--ink);font-size:16px;outline:none}@media (min-width: 900px){.input,.select{font-size:14px}}.input:focus,.select:focus{border-color:var(--accent-line)}.input::placeholder{color:var(--dim)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 16px) 52%,calc(100% - 11px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:32px}.search{position:relative}.search .input{padding-left:38px}.search svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--dim);pointer-events:none}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#14100c6b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center;animation:fade .16s ease}.sheet{width:100%;max-height:92vh;display:flex;flex-direction:column;background:var(--sheet);border-radius:18px 18px 0 0;border:.5px solid var(--rule);box-shadow:var(--shadow);animation:rise .2s cubic-bezier(.2,.8,.3,1);padding-bottom:env(safe-area-inset-bottom)}.sheet-grip{width:38px;height:4px;border-radius:2px;background:var(--rule);margin:8px auto 0;flex:none}.sheet-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:.5px solid var(--rule-soft);flex:none}.sheet-title{font-family:var(--display);font-size:22px;line-height:1.1}.sheet-body{padding:16px;overflow-y:auto;-webkit-overflow-scrolling:touch}.sheet-foot{padding:12px 16px;border-top:.5px solid var(--rule-soft);display:flex;gap:9px;flex:none}.sheet-foot .btn{flex:1 1 0}@media (min-width: 900px){.scrim{align-items:center;padding:24px}.sheet{max-width:560px;border-radius:16px;animation:pop .16s ease}.sheet-grip{display:none}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(14px);opacity:.6}}@keyframes pop{0%{transform:scale(.985);opacity:.6}}.note{border-radius:10px;border:.5px solid var(--rule);background:var(--surface);padding:11px 13px;font-size:12.5px;line-height:1.5;color:var(--muted)}.note.danger{color:var(--ink);background:var(--danger-soft);border-color:var(--danger-line)}.note.warn{color:var(--ink);background:var(--warn-soft);border-color:var(--warn-line)}.note.ok{color:var(--ink);background:var(--ok-soft);border-color:var(--ok-line)}.note-title{font-family:var(--mono);font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:3px}.note.danger .note-title{color:var(--danger)}.note.warn .note-title{color:var(--warn)}.note.ok .note-title{color:var(--ok)}.empty{padding:34px 18px;text-align:center;color:var(--muted);font-size:13px}.empty .empty-title{font-family:var(--display);font-size:19px;color:var(--ink);margin-bottom:4px}.toasts{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--tabbar) + env(safe-area-inset-bottom) + 12px);z-index:50;display:flex;flex-direction:column;gap:8px;width:min(440px,calc(100vw - 24px))}@media (min-width: 900px){.toasts{bottom:22px}}.toast{display:flex;align-items:center;gap:9px;padding:11px 13px;border-radius:10px;background:var(--ink);color:var(--bg);font-size:13px;box-shadow:var(--shadow);animation:rise .18s ease}.toast.err{background:var(--danger);color:#fff}.toast.ok{background:var(--ok);color:#fff}.skeleton{background:linear-gradient(90deg,var(--surface),var(--elev),var(--surface));background-size:200% 100%;animation:shimmer 1.1s linear infinite;border-radius:7px}@keyframes shimmer{to{background-position:-200% 0}}.spinner{width:15px;height:15px;border:2px solid var(--rule);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.spark{display:block;width:100%;height:46px;overflow:visible}.centered{min-height:100dvh;display:grid;place-items:center;padding:22px;padding-bottom:max(22px,env(safe-area-inset-bottom))}.gate-card{width:100%;max-width:380px;background:var(--sheet);border:.5px solid var(--rule);border-radius:15px;box-shadow:var(--shadow);padding:28px 24px 22px;display:flex;flex-direction:column;align-items:center;gap:13px;text-align:center}.gate-title{font-family:var(--display);font-size:27px;line-height:1.05}.gis-slot{min-height:44px;display:grid;place-items:center}.kv{display:grid;grid-template-columns:minmax(96px,auto) 1fr;gap:6px 14px;font-size:13px}.kv dt{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);padding-top:3px}.kv dd{min-width:0;overflow-wrap:anywhere}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}pre.payload{font-family:var(--mono);font-size:11px;line-height:1.5;background:var(--surface);border:.5px solid var(--rule-soft);border-radius:8px;padding:10px;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted)}
