*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif;background:#0f1115;color:#e6e8eb}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.side{width:210px;background:#171a21;padding:18px 0;border-right:1px solid #23262e}.brand{font-weight:700;padding:0 20px 18px;font-size:18px;color:#4f8cff}.nav a{display:block;padding:11px 20px;color:#b6bcc6;font-size:14px}.nav a.active,.nav a:hover{background:#20242d;color:#fff}.main{flex:1 1;padding:26px 30px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:14px;gap:14px;margin-bottom:24px}.card{background:#171a21;border:1px solid #23262e;border-radius:12px;padding:18px}.card .n{font-size:28px;font-weight:700}.card .l{color:#8b93a1;font-size:13px;margin-top:4px}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:9px 10px;border-bottom:1px solid #23262e}th{color:#8b93a1;font-weight:600}tr:hover td{background:#1a1e26}.btn{background:#4f8cff;color:#fff;border:none;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:13px}.btn.gray{background:#2a2f3a}.btn.red{background:#e5484d}.btn.amber{background:#f5a623;color:#201600}input,select{background:#0f1115;border:1px solid #2a2f3a;color:#e6e8eb;padding:8px 10px;border-radius:8px;font-size:13px}.badge{padding:2px 8px;border-radius:20px;font-size:11px}.badge.lock{background:#4a1416;color:#ff9a9d}.badge.ok{background:#10331c;color:#71e0a0}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}