*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f6f8;color:#17202a}button,input,select{font:inherit}button{border:1px solid #cfd7e3;background:#fff;color:#17202a;border-radius:6px;padding:7px 10px;cursor:pointer}button:hover:not(:disabled){border-color:#1f6feb;color:#1f6feb}button:disabled{opacity:.55;cursor:not-allowed}button.primary,.primary{background:#1f6feb;border-color:#1f6feb;color:#fff}input,select{width:100%;border:1px solid #cfd7e3;border-radius:6px;padding:8px 9px;background:#fff}label{display:grid;gap:5px;color:#4b5563;font-size:12px}h1,h3{margin:0}table{width:100%;border-collapse:collapse;font-size:13px}th,td{border-bottom:1px solid #e4e9f0;padding:8px;text-align:left;vertical-align:top}th{color:#526070;font-weight:700;background:#f8fafc}pre{margin:10px 0;overflow:auto;padding:12px;background:#101828;color:#dbeafe;border-radius:8px}.layout{padding:14px;display:grid;gap:14px}.topbar{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;background:#fff;border:1px solid #e1e7ef;border-radius:8px;padding:12px}.topbar h1{font-size:20px}.topbar span{color:#677489;font-size:12px}.topbar nav{display:flex;gap:7px;flex-wrap:wrap}.topbar nav button.active{background:#1f6feb;border-color:#1f6feb;color:#fff}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-panel{width:min(420px,100%);display:grid;gap:12px;background:#fff;border:1px solid #e1e7ef;border-radius:8px;padding:20px;box-shadow:0 14px 30px #0f172a14}.login-panel h1{font-size:24px}.login-panel p,.muted{margin:0;color:#6b7280}.error{background:#b42318;color:#fff;border-radius:8px;padding:10px}.notice{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:8px;padding:10px;margin:10px 0;font-size:13px}.notice code{background:#ffedd5;border-radius:4px;padding:2px 4px}.panel{background:#fff;border:1px solid #e1e7ef;border-radius:8px;padding:12px;min-width:0}.grid{display:grid;gap:12px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.tight{gap:8px}.split{display:grid;grid-template-columns:390px minmax(0,1fr);gap:12px;align-items:start}.apps-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:12px;align-items:start}.stack{display:grid;gap:12px;min-width:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0}.row{display:flex;gap:10px;align-items:center}.row.between{justify-content:space-between}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.switch{display:flex;grid-template-columns:none;align-items:center;gap:7px;color:#17202a}.switch input{width:auto}.nowrap{white-space:nowrap}.table-panel{overflow:auto}.sidebar-list{display:grid;gap:8px}.sidebar-list button{text-align:left;display:grid;gap:3px}.sidebar-list button.active{border-color:#1f6feb;background:#eff6ff;color:#174ea6}.sidebar-list span{color:#677489;font-size:12px}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters select,.filters input{width:min(260px,100%)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;place-items:center;padding:20px;z-index:20}.modal{width:min(680px,100%);background:#fff;border-radius:10px;padding:16px;box-shadow:0 22px 55px #0f172a38}@media (max-width: 980px){.grid.two,.split,.apps-layout,.form-grid,.topbar{grid-template-columns:1fr}}