:root{--bg: #0f1115;--panel: #171a21;--border: #262b36;--text: #e6e9ef;--muted: #8b93a4;--accent: #4c8bf5;--danger: #e5484d;--ok: #30a46c;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--topbar-h: 56px}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%}a{color:var(--accent);text-decoration:none}.layout{display:flex;min-height:100vh;min-height:100dvh}.sidebar{width:220px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--border);padding:16px}.sidebar h1{font-size:15px;margin:0 0 20px}.sidebar nav a{display:block;padding:12px;border-radius:8px;color:var(--muted);margin-bottom:2px}.sidebar nav a.active,.sidebar nav a:hover{background:#1f2530;color:var(--text)}.content{flex:1;padding:28px 32px;min-width:0}.topbar,.backdrop{display:none}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px;margin-bottom:16px;overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--border);font-size:14px;white-space:nowrap}th{color:var(--muted);font-weight:500}button{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:10px 16px;cursor:pointer;font-size:15px;min-height:44px;touch-action:manipulation}button.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}button.danger{background:var(--danger)}button.ok{background:var(--ok)}button:disabled{opacity:.5;cursor:default}input,select{background:#0f1319;border:1px solid var(--border);color:var(--text);border-radius:8px;padding:12px;font-size:16px;min-height:44px;width:100%;max-width:100%}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;background:#1f2530;color:var(--muted)}.badge.ok{color:var(--ok)}.badge.warn{color:#f5a623}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.login{max-width:400px;margin:10vh auto;padding:0 16px}.err{color:var(--danger);font-size:13px;word-break:break-word}.muted{color:var(--muted);font-size:13px}h2{font-size:20px}@media(max-width:768px){.topbar{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:30;height:var(--topbar-h);padding:0 16px;background:var(--panel);border-bottom:1px solid var(--border)}.topbar h1{font-size:15px;margin:0}.hamburger{background:transparent;border:1px solid var(--border);color:var(--text);width:44px;height:44px;min-height:44px;padding:0;border-radius:8px;font-size:18px;display:flex;align-items:center;justify-content:center}.layout{flex-direction:column}.sidebar{position:fixed;top:0;left:0;bottom:0;width:78%;max-width:300px;transform:translate(-100%);transition:transform .22s ease;z-index:50;padding-top:20px;overflow-y:auto}.sidebar.open{transform:translate(0)}.sidebar nav a{padding:14px 12px;font-size:16px}.backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40;opacity:0;pointer-events:none;transition:opacity .22s ease}.backdrop.open{opacity:1;pointer-events:auto}.content{padding:18px 16px}h2{font-size:18px}.card>form.row>input,.card>form.row>select,.card>form.row>button{flex:1 1 100%}.login{margin:6vh auto}.card{overflow-x:visible}table,thead,tbody,tr,td{display:block;width:100%}thead{display:none}tr{border:1px solid var(--border);border-radius:10px;background:#12151b;padding:6px 14px;margin-bottom:10px}tr:last-child{margin-bottom:0}td{border:0;padding:10px 0;white-space:normal;display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:14px}td+td{border-top:1px solid var(--border)}td:before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:500;flex-shrink:0}td[data-label=""]:before,td:not([data-label]):before{content:none}td[colspan]{justify-content:center}td[colspan]:before{content:none}td .row{flex:0 1 auto;justify-content:flex-end;flex-wrap:wrap}td .row button{flex:0 0 auto;min-height:40px;padding:8px 14px}}