:root{font-family:system-ui,sans-serif;color:#263344;background:#fff9ec}*{box-sizing:border-box}body{margin:0}header{display:flex;gap:20px;align-items:center;background:#087f8c;color:white;padding:20px 5%;font-weight:700}header span{font-size:25px}header button{margin-left:auto}main{max-width:1150px;margin:35px auto;padding:0 22px}section{background:white;padding:28px;border-radius:22px;box-shadow:0 7px 28px #75470010}h1{margin-top:10px}p,small{line-height:1.6}label{display:block;margin:18px 0}input,button{font:inherit;border-radius:12px;padding:12px 18px}input{border:1px solid #ced7d9;max-width:100%;width:350px;margin:5px}label input{display:block;margin-left:0}button{background:#ec6643;color:#fff;border:0;cursor:pointer}button:hover{background:#cf4f2e}nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}nav button{background:#087f8c}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.metric{background:#fff2c9;border-radius:16px;padding:20px}.metric strong{display:block;font-size:32px;color:#087f8c}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;padding:12px;border-bottom:1px solid #eee;overflow-wrap:anywhere}.scroll{overflow:auto}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f7f7;padding:18px;border-radius:12px}#status{color:#a33a23}footer{color:#788387;text-align:center;padding:30px;font-size:13px}[hidden]{display:none!important}@media(max-width:650px){.metrics{grid-template-columns:1fr}header small{display:none}section{padding:16px}}
:root{color:#253548;background:#f4f7fb;font-family:Segoe UI,Microsoft YaHei,system-ui,sans-serif}header{height:76px;background:#fff;color:#233b4a;border-bottom:1px solid #e3eaf0;padding:0 32px;position:sticky;top:0;z-index:10}header span{font-size:22px}header small{font-weight:400;color:#748390}main{max-width:1600px;margin:0 auto;padding:22px}#login{max-width:440px;margin:75px auto;padding:40px}#login input{width:100%}#login button{width:100%;margin-top:12px}#dashboard{position:relative;min-height:75vh;padding:0;background:transparent;box-shadow:none;display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px}nav{background:#fff;border:1px solid #e5ebf2;border-radius:18px;padding:15px;display:flex;flex-direction:column;align-self:start;position:sticky;top:98px;gap:6px}nav small{font-size:11px;color:#8995a5;letter-spacing:1px;padding:12px 12px 4px}nav button{background:transparent;color:#596778;text-align:left;border-radius:10px;padding:12px 16px;font-size:14px}nav button:hover,nav button.active{background:#e5f6f2;color:#087f71}.workspace{min-width:0}.page-head{padding:15px 0 10px}.page-head small{color:#98a3b1;font-size:11px;letter-spacing:2px}h1{font-size:28px;color:#263646;margin-bottom:20px}h2{font-size:20px}h3{font-size:16px;margin:8px 0}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:16px 0 24px}.metric{background:#fff;border:1px solid #e6edf4;border-radius:16px;padding:22px;color:#7a8798;font-size:13px}.metric strong{color:#183e47;font-size:34px;margin-top:8px}.scroll{background:white;border:1px solid #e8edf3;border-radius:14px;margin:14px 0}th{background:#f8fafc;color:#718094;font-weight:600}td,th{padding:15px 18px}button{background:#0a9d89;padding:11px 17px;border-radius:10px;font-size:14px;transition:background .15s}button:hover{background:#087f71}button:disabled{opacity:.45;cursor:not-allowed}.danger{background:#fff0ed;color:#bd4b3c}.danger:hover{background:#ffe2dc}input,select,textarea{font:inherit;border:1px solid #dce4ed;border-radius:9px;padding:11px 12px;max-width:100%;background:#fff;color:#344454}input:focus,select:focus,textarea:focus{outline:3px solid #dff5ef;border-color:#4ab6a0}label{font-size:13px;color:#728194;margin:8px 0}label input,label select,label textarea{display:block;width:100%;margin:8px 0 0;font-size:14px}.ad-form,.filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;background:#fff;padding:24px;border-radius:16px;border:1px solid #e5ebf2}.ad-form button{align-self:end}.filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.config-card{display:inline-block;vertical-align:top;background:#fff;width:calc(50% - 18px);margin:10px 16px 10px 0;padding:22px;border:1px solid #e4ebf2;border-radius:16px}.config-card small{color:#8b99a6}.config-card button{margin-top:18px}.ad-row{display:flex;align-items:center;gap:20px;background:white;padding:20px;border:1px solid #e5ebf2;border-radius:14px;margin:14px 0}.ad-row>img{width:150px;height:75px;object-fit:cover;border-radius:10px}.ad-row>div:first-of-type{flex:1}.ad-row p{font-size:13px;color:#659184;margin:6px 0}.ad-row small{font-size:12px;color:#8896a6}.row-actions{display:flex;gap:7px;flex-wrap:wrap;max-width:300px}.row-actions button{font-size:12px;padding:8px 12px}.empty{padding:44px 24px;text-align:center;background:white;border:1px dashed #cad8e4;color:#7b899a;border-radius:16px;margin:18px 0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.toolbar p{font-size:13px;color:#7b899a}.phone-preview{width:330px;max-width:100%;background:#fff9df;border:8px solid #293c48;border-radius:32px;padding:22px 12px 60px;margin:25px auto;box-shadow:0 10px 30px #24354215}.banner-preview{padding:16px;border-radius:20px;overflow:hidden}.banner-preview img{width:100%;border-radius:14px}.banner-preview small{font-size:10px;display:block}.play-preview{margin:24px 0 0;padding:18px;background:#ff981d;color:white;border-radius:20px;text-align:center;font-size:25px}#status:not(:empty){position:fixed;bottom:20px;right:20px;max-width:500px;background:#fff;padding:16px 22px;box-shadow:0 8px 30px #10263c25;border-radius:12px;border-left:4px solid #e58865;z-index:99}footer{font-size:12px}pre{background:#fff}textarea{min-height:100px}@media(max-width:1000px){.ad-row{flex-wrap:wrap}.filter-grid{grid-template-columns:repeat(2,1fr)}.row-actions{max-width:none}}@media(max-width:700px){header{padding:0 16px;height:64px}main{padding:12px}#dashboard{grid-template-columns:1fr}nav{position:static;flex-direction:row;flex-wrap:wrap;gap:4px}nav small{width:100%}nav button{padding:9px;font-size:12px}.ad-form,.metrics,.filter-grid{grid-template-columns:1fr}.config-card{width:100%;margin-right:0}.toolbar{align-items:start;flex-direction:column}.page-head{padding:12px}h1{font-size:24px}}
dialog.operation-dialog{border:0;border-radius:18px;padding:28px;width:440px;max-width:90vw;box-shadow:0 20px 80px #14283733}dialog::backdrop{background:#14283755}dialog h3{margin:0 0 20px}dialog .toolbar{justify-content:flex-end;margin-top:20px}