:root{font-family:Inter,Arial,sans-serif;color:#08275c;background:#f3f7fd}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{background:#062f6f;color:white;padding:24px 16px}.brand{font-size:28px;font-weight:900;color:#ff5a00}.brand span{font-size:15px;margin-left:6px}nav{display:grid;grid-gap:5px;gap:5px;margin-top:28px}nav button{border:0;background:transparent;color:#dbe8ff;text-align:left;padding:11px 13px;border-radius:9px}nav button.active,nav button:hover{background:#ff5a00;color:white}main{padding:28px;max-width:1500px;width:100%}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1{margin:0}header p{margin:6px 0;color:#617594}header a{color:#e95000}.card{background:white;border:1px solid #d9e3f2;border-radius:14px;padding:22px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin:18px 0}.metrics article{display:grid;grid-gap:5px;gap:5px}.metrics strong{font-size:30px}.metrics span{color:#60728d}.status{display:flex;gap:16px;align-items:center;border-radius:12px;padding:18px}.status.online{background:#e3f8ef;color:#08774a}.status.offline{background:#fff2e8;color:#9d3c00}.notice{background:#e8f2ff;padding:12px;border-radius:9px;margin-bottom:16px}.actions,.toolbar{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.actions button,.login button{border:0;padding:11px 18px;border-radius:8px;background:#0e65d8;color:white}.actions .publish{background:#ff5a00}.sections{display:grid;grid-gap:10px;gap:10px;margin-top:22px}.sections article{display:flex;align-items:center;gap:12px;border:1px solid #dbe4f1;border-radius:10px;padding:14px}.sections article div{display:grid;margin-right:auto}.sections small{color:#788aa3}.sections button{border:1px solid #ccd8e8;background:white;border-radius:6px;padding:6px 9px}.grab{font-size:20px}.badge,.pill{display:inline-block;background:#e7f0ff;color:#0757bd;padding:6px 9px;border-radius:99px;font-weight:700}.pill.yes{background:#def7e9;color:#087345}.empty{text-align:center;padding:80px 30px}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr minmax(380px,.9fr);align-items:center;padding:7vw;background:linear-gradient(135deg,#eaf3ff,#fff 55%,#fff0e7)}.login-identity img{width:min(330px,80%)}.login-identity h2{font-size:44px;max-width:480px;margin:36px 0 12px}.login-identity p{font-size:18px;color:#526b91;max-width:480px}.login-card{justify-self:center;width:min(440px,100%);display:grid;grid-gap:16px;gap:16px;border-top:5px solid #ff5a00;padding:34px}.eyebrow{font-size:12px;letter-spacing:.14em;color:#e95000;font-weight:800}.form label,.login label{display:grid;grid-gap:6px;gap:6px}.form input,.form select,.form textarea,.login input,.toolbar input,.toolbar select{padding:12px;border:1px solid #becde2;border-radius:8px;background:white}.error{color:#a40000;background:#ffeaea;padding:10px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table td,.data-table th{padding:11px;border-bottom:1px solid #e2e9f3;text-align:left;white-space:nowrap}.data-table img{width:42px;height:42px;object-fit:cover;border-radius:6px}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.form{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.form .wide{grid-column:1/-1}.split{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(460px,1.2fr);grid-gap:18px;gap:18px}.list{display:grid;grid-gap:10px;gap:10px}.list article{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #dce5f1;border-radius:10px}.list article div{display:grid;margin-right:auto}.list article small{color:#6b7e99}.list article img,.placeholder{width:72px;height:48px;object-fit:cover;border-radius:7px;background:#edf3fb;display:grid;place-items:center;font-size:11px}.hero-preview{min-height:180px;margin-top:20px;border-radius:12px;background-size:cover;background-position:50%;padding:28px;color:white;display:flex;flex-direction:column;justify-content:flex-end;text-shadow:0 2px 9px #000}.seo-preview{margin-top:20px;padding:18px;border:1px solid #dce5f1;border-radius:10px;display:grid;grid-gap:5px;gap:5px}.seo-preview b{color:#1a0dab;font-size:20px}.seo-preview span{color:#4d5156}.sidebar-footer{margin-top:24px;padding-top:16px;border-top:1px solid #31588f;display:grid;grid-gap:8px;gap:8px}.sidebar-footer button{padding:9px}.danger{color:#a83800;background:#fff1e8;padding:12px;border-radius:8px}@media (max-width:900px){.metrics{grid-template-columns:repeat(2,1fr)}.login{grid-template-columns:1fr}.login-identity{display:none}.split{grid-template-columns:1fr}}@media (max-width:700px){.shell{grid-template-columns:1fr}aside{padding:14px}nav{display:flex;overflow:auto;margin-top:14px}nav button{white-space:nowrap}main{padding:16px}.metrics{grid-template-columns:1fr 1fr}.sections article{flex-wrap:wrap}.status,header{align-items:flex-start}.status{flex-direction:column}.form{grid-template-columns:1fr}.login{padding:16px}.login-card{padding:26px}}