:root{--bg: #eef0f3;--surface: #ffffff;--surface-2: #f7f8fa;--border: #d3d8de;--border-strong: #b3bac2;--text: #16191d;--muted: #666e78;--accent: #1f5fbf;--accent-weak: #e7effb;--danger: #b3261e;--danger-weak: #fbeceb;--ok: #1a7f46;--warn: #9a6700;--warn-weak: #fdf6e3;--side-bg: #1d2530;--side-bg-hover: #263041;--side-border: #2b3542;--side-text: #cfd6de;--side-text-strong: #ffffff;--side-muted: #7d8896;--row-h: 28px;--control-h: 30px;--tap: 44px;--gap: 8px;--radius: 3px;--font: 13px/1.35 "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--mono: 12px/1.3 "SF Mono", "Cascadia Mono", Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font:var(--font);color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%}button,input,select,textarea{font:inherit;color:inherit}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--control-h);padding:0 10px;border:1px solid var(--border-strong);border-radius:var(--radius);background:linear-gradient(#fff,#f2f4f7);color:var(--text);cursor:pointer;white-space:nowrap;text-decoration:none}.ui-btn:hover{background:#eef1f5}.ui-btn:active{background:#e6eaef}.ui-btn:disabled{opacity:.55;cursor:not-allowed}.ui-btn--primary{background:var(--accent);border-color:#1a4f9f;color:#fff}.ui-btn--primary:hover{background:#1b56ac}.ui-btn--danger{background:var(--danger);border-color:#8e1e18;color:#fff}.ui-btn--ghost{background:transparent;border-color:transparent;color:var(--accent)}.ui-btn--sm{min-height:24px;padding:0 7px;font-size:12px}.ui-btn--block{width:100%}.ui-field{display:flex;flex-direction:column;gap:2px;min-width:0}.ui-field__label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.02em}.ui-field__req{color:var(--danger)}.ui-field__hint{color:var(--muted);font-size:11px}.ui-field__error{color:var(--danger);font-size:11px}.ui-input,.ui-select{min-height:var(--control-h);width:100%;padding:0 6px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface)}.ui-input:focus,.ui-select:focus,.ui-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.ui-input--invalid{border-color:var(--danger);background:var(--danger-weak)}.ui-input--num{text-align:right;font-variant-numeric:tabular-nums}.ui-table-wrap{overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.ui-table{width:100%;border-collapse:collapse;font-size:13px}.ui-table th,.ui-table td{padding:4px 8px;height:var(--row-h);border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}.ui-table thead th{position:sticky;top:0;z-index:1;background:var(--surface-2);border-bottom:1px solid var(--border-strong);font-weight:600;font-size:12px;color:var(--muted)}.ui-table tbody tr:nth-child(2n){background:#fbfcfd}.ui-table tbody tr:hover{background:var(--accent-weak)}.ui-table--clickable tbody tr{cursor:pointer}.ui-table td.num,.ui-table th.num{text-align:right;font-variant-numeric:tabular-nums}.ui-table tfoot td{font-weight:600;background:var(--surface-2)}.ui-page-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap);margin-bottom:var(--gap)}.ui-page-header__title{margin:0;font-size:17px;font-weight:600}.ui-page-header__sub{color:var(--muted);font-size:12px}.ui-page-header__actions{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.ui-empty{padding:28px 16px;text-align:center;color:var(--muted)}.ui-empty__title{font-weight:600;color:var(--text);margin-bottom:4px}.ui-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#10141a73;display:flex;align-items:flex-start;justify-content:center;padding:24px 12px;overflow:auto}.ui-modal{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);width:min(760px,100%);box-shadow:0 12px 40px #00000040}.ui-modal__head{display:flex;align-items:center;gap:var(--gap);padding:8px 12px;border-bottom:1px solid var(--border)}.ui-modal__title{font-weight:600}.ui-modal__body{padding:12px}.ui-modal__foot{display:flex;justify-content:flex-end;gap:6px;padding:8px 12px;border-top:1px solid var(--border);background:var(--surface-2)}.ui-toasts{position:fixed;right:12px;bottom:12px;z-index:60;display:flex;flex-direction:column;gap:6px}.ui-toast{padding:8px 12px;border-radius:var(--radius);background:#22272e;color:#fff;box-shadow:0 6px 20px #0000004d;max-width:380px}.ui-toast--error{background:var(--danger)}.ui-toast--ok{background:var(--ok)}.ui-num{font-variant-numeric:tabular-nums;white-space:nowrap}.ui-num--neg{color:var(--danger)}.app{display:grid;grid-template-columns:208px 1fr;min-height:100%}.app__side{background:var(--side-bg);color:var(--side-text);display:flex;flex-direction:column}.app__brand{padding:10px 12px;font-weight:600;color:var(--side-text-strong);border-bottom:1px solid var(--side-border)}.app__nav{padding:6px 0;overflow:auto;flex:1}.app__section{padding:8px 12px 2px;font-size:11px;text-transform:uppercase;color:var(--side-muted);letter-spacing:.04em}.app__link{display:flex;align-items:center;gap:8px;padding:5px 12px;color:var(--side-text);text-decoration:none}.app__link:hover{background:var(--side-bg-hover);color:var(--side-text-strong)}.app__link--active{background:var(--accent);color:var(--side-text-strong)}.app__main{display:flex;flex-direction:column;min-width:0}.app__bar{display:none}.app__content{padding:12px;min-width:0}.ui-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:var(--gap);min-width:0}.ui-panel__title{font-weight:600;font-size:15px}.ui-panel__note{color:var(--muted);font-size:12px}.ui-panel__error{color:var(--danger);font-size:12px}.ui-panel__ok{color:var(--ok);font-size:12px}.ui-auth{display:flex;justify-content:center;padding:24px 12px}.ui-auth .ui-panel{width:100%;max-width:340px}.app__user{border-top:1px solid var(--side-border);padding:8px 12px;display:flex;flex-direction:column;gap:6px}.app__user-name{color:var(--side-text-strong);font-size:12px;overflow:hidden;text-overflow:ellipsis}.app__user-roles{color:var(--side-muted);font-size:11px}.app__boot{padding:24px;color:var(--muted)}@media (max-width: 900px){.app{grid-template-columns:1fr}.app__side{position:fixed;inset:0 auto 0 0;width:240px;z-index:50;transform:translate(-100%);transition:transform .15s ease}.app__side--open{transform:none}.app__bar{display:flex;align-items:center;gap:var(--gap);padding:6px 10px;background:var(--side-bg);color:var(--side-text-strong);position:sticky;top:0;z-index:30}.app__content{padding:8px}}@media (pointer: coarse){:root{--control-h: var(--tap);--row-h: 38px}.ui-input,.ui-select{font-size:16px}.ui-btn{min-height:var(--tap);padding:0 14px}.ui-btn--sm{min-height:34px}.app__link{padding:10px 12px}}.ui-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--gap)}.ui-toolbar>*{min-width:0}.ui-toolbar .ui-field{min-width:160px}.ui-toolbar__grow{flex:1 1 180px}.ui-stack{display:flex;flex-direction:column;gap:var(--gap)}.ui-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--gap)}.ui-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px}.ui-row>.ui-field{flex:1 1 110px}.ui-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--gap)}.ui-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.ui-tabs{display:flex;gap:2px;flex-wrap:wrap;border-bottom:1px solid var(--border);margin-bottom:var(--gap)}.ui-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid transparent;border-bottom:none;padding:6px 10px;font:inherit;font-size:13px;color:var(--muted);cursor:pointer;border-radius:var(--radius) var(--radius) 0 0;min-height:28px;text-decoration:none}.ui-tab:hover{color:var(--text);background:var(--surface-2)}.ui-tab--active{background:var(--surface);border-color:var(--border);color:var(--text);font-weight:600;margin-bottom:-1px;padding-bottom:7px}.ui-status{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.ui-status__value{font-weight:600}@media (max-width: 700px){.ui-grid{grid-template-columns:1fr}}