:root{--bg:#0b1020;--card:#111933;--card2:#172142;--text:#eef3ff;--muted:#9fb0d0;--line:#263357;--accent:#4f8cff;--good:#27d17f;--bad:#ff5c7a;--warn:#ffc857}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#081024,#111a35);color:var(--text);font-family:Tahoma,Arial,sans-serif}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card,.card{background:rgba(17,25,51,.96);border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 50px #0008}.login-card{width:min(460px,100%);padding:28px}.brand{display:flex;gap:12px;align-items:center;margin-bottom:22px}.logo{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--accent),#7c4dff);display:grid;place-items:center;font-weight:900}.muted{color:var(--muted);font-size:13px;line-height:1.8}label{display:block;margin:14px 0 7px;color:#cbd7f3;font-size:13px}input,select,textarea{width:100%;background:#0b1228;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:11px 12px;outline:none}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent)}button{border:0;border-radius:12px;padding:10px 14px;background:var(--accent);color:white;cursor:pointer;font-weight:700}button.secondary{background:#243154}button.danger{background:var(--bad)}button.good{background:var(--good);color:#062112}button.warn{background:var(--warn);color:#241600}button:disabled{opacity:.5;cursor:not-allowed}.app{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.sidebar{background:rgba(10,15,31,.95);border-left:1px solid var(--line);padding:16px;position:sticky;top:0;height:100vh;overflow:auto}.main{padding:22px;overflow:auto}.nav button{width:100%;margin:4px 0;text-align:right;background:transparent;border:1px solid transparent;color:var(--muted);display:flex;justify-content:space-between}.nav button.active,.nav button:hover{background:var(--card2);border-color:var(--line);color:white}.top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.stat{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px}.stat b{font-size:26px}.card{padding:18px;margin-bottom:16px}.row{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.row>*{flex:1;min-width:160px}.actions{display:flex;gap:6px;flex-wrap:wrap}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px}table{border-collapse:collapse;width:100%;min-width:800px;background:#0d1530}th,td{padding:11px;border-bottom:1px solid var(--line);text-align:right;vertical-align:top;font-size:13px}th{background:#151f3d;color:#cfe0ff;position:sticky;top:0}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#25345f;color:#d8e4ff;font-size:12px}.badge.good{background:#143d2b;color:#9dffc9}.badge.bad{background:#4a1624;color:#ffc1cc}.toast{position:fixed;left:18px;bottom:18px;background:#0f1833;border:1px solid var(--line);border-radius:14px;padding:12px 16px;box-shadow:0 10px 30px #0008;z-index:99}.error{color:#ff9aae}.success{color:#95ffc4}.hidden{display:none!important}.small{font-size:12px}.json{white-space:pre-wrap;direction:ltr;text-align:left;background:#081024;border:1px solid var(--line);border-radius:12px;padding:10px;max-height:400px;overflow:auto}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.main{padding:14px}.top{align-items:flex-start;flex-direction:column}table{min-width:680px}}