:root{color-scheme:light;--bg: #f3f5f9;--surface: #ffffff;--surface2: #eef1f6;--border: #d9dfe8;--text: #16202f;--muted: #647087;--accent: #1f4e8c;--accent-hover: #17407a;--accent-dim: #dfe8f5;--gold: #c8962e;--gold-dim: #f6ecd2;--nav-bg: #0e2340;--nav-bg2: #183660;--nav-text: #b7c4d9;--nav-muted: #7f92b0;--nav-border: #1d3a66;--green: #1e8f5b;--red: #c1402f;--blue: #2e6e96;--tone-muted-bg: #eef1f6;--tone-muted-fg: #647087;--tone-green-bg: #e2f4ea;--tone-green-fg: #197a4d;--tone-red-bg: #fbe9e5;--tone-red-fg: #b23a2a;--tone-amber-bg: #f6ecd2;--tone-amber-fg: #7d5a10;--tone-blue-bg: #dfe8f5;--tone-blue-fg: #1f4e8c}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}table{width:100%}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}a{color:var(--accent)}.tf-btn{padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;display:inline-flex;align-items:center;gap:6px;font-family:inherit;transition:background .12s,border-color .12s}.tf-btn:disabled{opacity:.5;cursor:not-allowed}.tf-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tf-btn-default{background:var(--surface);color:var(--text);border-color:var(--border)}.tf-btn-default:hover:not(:disabled){background:var(--surface2)}.tf-btn-primary{background:var(--accent);color:#fff}.tf-btn-primary:hover:not(:disabled){background:var(--accent-hover)}.tf-btn-danger{background:transparent;color:var(--red);border-color:var(--red)}.tf-btn-danger:hover:not(:disabled){background:var(--tone-red-bg)}.tf-btn-ghost{background:transparent;color:var(--muted)}.tf-btn-ghost:hover:not(:disabled){background:var(--surface2)}.tf-input{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:8px 10px;color:var(--text);font-size:13px;outline:none;width:100%;box-sizing:border-box;font-family:inherit}.tf-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.tf-input:disabled{background:var(--surface2);color:var(--muted)}tr.tf-row:hover td{background:var(--surface2)}tr.tf-row-click{cursor:pointer}.tf-shell{display:flex;min-height:100vh}.tf-sidebar{width:236px;background:var(--nav-bg);color:var(--nav-text);display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh}.tf-nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;cursor:pointer;margin-bottom:2px;font-size:13px;font-weight:500;color:var(--nav-text);border-left:3px solid transparent}.tf-nav-item:hover{background:var(--nav-bg2);color:#fff}.tf-nav-item.active{background:var(--nav-bg2);color:#fff;font-weight:600;border-left-color:var(--gold)}.tf-main{flex:1;min-width:0;padding:22px 28px}.tf-topbar,.tf-backdrop{display:none}.tf-auth-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(160deg,#0e2340,#183660)}@media (max-width: 860px){.tf-shell{flex-direction:column}.tf-sidebar{position:fixed;z-index:150;top:0;left:0;bottom:0;height:auto;width:262px;transform:translate(-100%);transition:transform .2s ease}.tf-sidebar.open{transform:none}.tf-backdrop.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#08122280;z-index:140}.tf-topbar{display:flex;align-items:center;gap:12px;background:var(--nav-bg);color:#fff;padding:10px 14px;position:sticky;top:0;z-index:130}.tf-main{padding:16px}}