:root{color-scheme:dark;--bg: #000000;--bg-soft: #050505;--bg-panel: #090909;--border: #1f1f1f;--text: #eeeeee;--muted: #9e9e9e;--accent: #bdbdbd;--web: #7f9db5;--api: #b58b7f;--danger: #d48a87;font-family:Helvetica Neue,Lucida Grande,Geneva,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:var(--bg)}#root{min-height:100vh}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:min(420px,100%);padding:24px;display:flex;flex-direction:column;gap:12px}.login-card .brand{margin-bottom:6px}.login-card h1{margin:0;font-size:24px}.login-card p{margin:0 0 6px;color:var(--muted)}.app-shell{min-height:100vh;display:grid;grid-template-columns:220px 1fr}.sidebar{border-right:1px solid var(--border);background:var(--bg-soft);padding:24px 16px}.brand{display:flex;align-items:center;gap:8px;padding:0 0 10px;margin-bottom:20px;border-bottom:1px solid #2a2a2a;font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.brand-icon{width:16px;height:16px;display:block}.menu{display:flex;flex-direction:column;gap:10px}.menu-item{border:0;border-left:2px solid transparent;background:transparent;color:var(--text);padding:8px 0 8px 8px;text-align:left;cursor:pointer}.menu-item.active{border-left-color:#b3b3b3}.content{padding:26px;display:flex;flex-direction:column;gap:16px}.topbar h1{margin:0;font-size:24px;font-weight:700}.topbar p{margin:4px 0 0;color:var(--muted)}.topbar-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.panel{border:1px solid var(--border);background:var(--bg-panel)}.filters-panel{padding:16px}.filters-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px;align-items:end}label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}input,select,button{font:inherit}input,select{width:100%;border:1px solid #2e2e2e;border-radius:0;background:#000;color:var(--text);padding:8px 10px}.filter-actions{display:flex;gap:8px}button{border:1px solid #3b3b3b;border-radius:0;background:#111;color:var(--text);padding:8px 12px;cursor:pointer}button.ghost{border-color:#2f2f2f;background:transparent}button:disabled{opacity:.45;cursor:not-allowed}.table-panel{display:flex;flex-direction:column;min-height:440px}.table-meta{display:flex;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);color:var(--muted);font-size:13px}.error{color:var(--danger)}.table-wrap{overflow-x:auto;flex:1}table{width:100%;border-collapse:collapse;min-width:1000px}th,td{padding:11px 12px;border-bottom:1px solid #212121;text-align:left;font-size:13px}th{position:sticky;top:0;z-index:1;color:#c9c9c9;background:#0a0a0a;text-transform:uppercase;letter-spacing:.04em;font-size:11px}.path-cell,.ua-cell{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty{text-align:center;color:var(--muted);padding:32px}.chip{display:inline-flex;align-items:center;border-radius:0;padding:3px 8px;font-size:10px;letter-spacing:.05em}.chip.web{color:#e4e4e4;background:#202020}.chip.api{color:#e4e4e4;background:#2a2a2a}.pagination{display:flex;justify-content:center;gap:12px;padding:14px;border-top:1px solid var(--border);color:var(--muted)}@media(max-width:1024px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border);padding-bottom:12px}.filters-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media(max-width:640px){.content{padding:14px}.filters-grid{grid-template-columns:1fr}.filter-actions{width:100%}.filter-actions button{flex:1}}