:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17202a;background:#f3f6fb;font-size:15px}
*{box-sizing:border-box}body{margin:0}a{color:#1455a1;text-decoration:none}a:hover{text-decoration:underline}
.top{background:#152f4c;color:white;padding:17px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.top a{color:#fff}.top .muted{color:#bbd1e3}
.wrap{max-width:1110px;margin:auto;padding:24px 18px 40px}.nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 25px}.nav a{background:#e4edfa;border-radius:8px;padding:9px 13px;font-weight:650}
.card{background:white;border:1px solid #dbe4ee;border-radius:13px;padding:20px;margin-bottom:17px;box-shadow:0 2px 10px #17325108}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.metric{font-size:28px;font-weight:750;margin-top:6px}.muted,small{color:#66788a}.badge{border-radius:6px;background:#eaf3ff;padding:4px 7px;font-size:12px;font-weight:650}.active{background:#e5f8ed;color:#137a40}.paused{background:#fff5d8;color:#96600d}
label{display:block;font-weight:650;margin:15px 0 7px}input,textarea,select{width:100%;border:1px solid #cad5e1;background:#fff;border-radius:8px;padding:10px 11px;font:inherit}input[type=checkbox]{width:auto}textarea{min-height:125px;resize:vertical}
button,.btn{display:inline-block;border:0;border-radius:8px;background:#1769b8;color:#fff;padding:10px 16px;font-weight:700;cursor:pointer;font:inherit}.btn.secondary,button.secondary{background:#e3ebf5;color:#1a4268}.inline{display:inline}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid #e9eef4;white-space:nowrap}th{font-size:13px;color:#62768e}.wrap-text{white-space:normal;max-width:340px}.error{color:#ac2323;background:#fff2f2;padding:12px;border-radius:8px}.notice{background:#edf7ff;border-left:4px solid #0b69c1;padding:12px;margin:15px 0}.preview{background:#f7faff;border:1px solid #dce6f0;padding:14px;white-space:pre-wrap;border-radius:10px}.form-panel{max-width:700px}.auth-panel{max-width:480px;margin:50px auto}
@media(max-width:720px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wrap{padding:14px}.card{padding:15px}.top{padding:13px}}
@media(max-width:420px){.grid{grid-template-columns:1fr 1fr}.metric{font-size:22px}}