:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:#f4f6fa;color:#16233a;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:#1166bb;text-decoration:none}a:hover{text-decoration:underline}header{background:#142941;color:white;padding:16px 30px;display:flex;justify-content:space-between;gap:12px;align-items:center}header a{color:#d9edff}header b{font-size:19px}main{max-width:1450px;margin:24px auto;padding:0 18px}.muted{color:#64748b}.lead{font-size:15px;line-height:1.6}h1{font-size:25px;margin:0 0 9px}h2{font-size:19px;margin:0 0 12px}h3{font-size:16px;margin:0 0 8px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px}.card{background:#fff;border:1px solid #dde5ef;border-radius:12px;padding:19px;margin-bottom:16px;box-shadow:0 2px 7px #13233c09}.metric{font-size:30px;font-weight:700}.top{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px}.btn,button{border:0;background:#165ead;color:white;border-radius:8px;padding:10px 15px;font-size:14px;font-weight:600;cursor:pointer}.btn:hover,button:hover{background:#0d4684;text-decoration:none}.secondary{background:#edf2f8;color:#203d57}.secondary:hover{background:#dde8f2}.danger{background:#ab3740}table{border-collapse:collapse;width:100%;background:white;display:block;overflow-x:auto}th,td{padding:13px 12px;border-bottom:1px solid #e5ebf2;text-align:left;vertical-align:top;font-size:14px}th{color:#617086;font-size:12px;text-transform:uppercase;letter-spacing:.04em}tr:hover td{background:#fafcff}.tag{display:inline-block;background:#edf2f8;color:#44536a;border-radius:5px;padding:4px 7px;font-size:12px}.good{background:#e3f5ed;color:#176448}.warn{background:#fff2cf;color:#7d5711}.bad{background:#ffe5e6;color:#9d2931}.form label{display:block;margin:15px 0 6px;font-size:14px;font-weight:600}.form input,.form textarea,.form select,input[type=search]{display:block;width:100%;padding:11px;border:1px solid #b9c7d7;border-radius:8px;background:#fff;color:#1f2b3b;font-size:15px}.form textarea{min-height:95px;resize:vertical}.form input:focus,.form textarea:focus{outline:2px solid #b2d5ff}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px;align-items:center}.alert{border-radius:8px;background:#fff4d7;color:#664f1d;padding:12px;margin-bottom:15px}.success{background:#e4f5ea;color:#176448}.preview{background:white;padding:18px;border:1px solid #dde5ef;border-radius:8px;max-width:650px}.preview .resulttitle{color:#1a0dab;font-size:20px}.preview .resulturl{color:#137333;font-size:13px}.preview .resulttext{color:#555;font-size:14px;margin-top:6px}.nowrap{white-space:nowrap}code{font-size:12px;background:#eff3f8;padding:3px 5px;border-radius:3px;word-break:break-all}.small{font-size:12px}.note{padding:12px;border-left:4px solid #7997bb;background:#f0f5fb;border-radius:5px;margin-top:12px}.login{max-width:430px;margin:9vh auto;padding:0 18px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.filters a{display:inline-block;background:#edf2f8;padding:8px 12px;border-radius:7px}.filters a.active{background:#165ead;color:white}footer{margin:30px auto;text-align:center;color:#758296;font-size:12px}@media(max-width:680px){header{padding:13px}main{margin:14px auto}th,td{padding:9px 6px;font-size:12px}.hide-sm{display:none}}