:root{--bg:#121418;--card:#181b20;--muted:#A0A6B2;--border:#1D2128;--up:#22C55E;--down:#F43F5E}
.ad-root{max-width:1400px;margin:0 auto;padding:10px;background:var(--bg);color:#EAEAEA;font-family:"Segoe UI",Arial,sans-serif}
.ad-header{background:linear-gradient(180deg,#1C1F26,#181b20);border:1px solid var(--border);border-radius:10px;padding:12px 20px;margin-bottom:15px}
.ad-header h2{color:#EAEAEA;font-size:20px;margin:0;font-weight:600}
.ad-badge{display:inline-block;padding:2px 8px;border:1px solid #2a2f36;border-radius:999px;color:#cdd6e1;margin-left:8px}
.ad-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.ad-muted{color:var(--muted);font-size:12px}
.ad-btn,.ad-select,input,select{background:#20242B;color:#EAEAEA;border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:14px;transition:all .2s}
.ad-btn:hover{background:#2A3038;cursor:pointer}.ad-btn.small{padding:4px 8px;font-size:12px}
.ad-card{background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden}
#ad-tbl{width:100%;border-collapse:collapse}
#ad-tbl th,#ad-tbl td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--border);font-size:14px}
#ad-tbl th{background:#1C1F26;font-weight:600;color:#EAEAEA}
#ad-tbl tr:hover{background:#1E2127}#ad-tbl td{color:#EAEAEA}.ad-right{text-align:right}
.ad-chg.ad-up{color:var(--up)}.ad-chg.ad-down{color:var(--down)}
.ad-edit{width:100px;padding:5px;border-radius:4px;background:#20242B;color:#EAEAEA;border:1px solid var(--border)}
#ad-tbl tfoot td{background:#1C1F26;font-weight:700;font-size:15px;color:#EAEAEA}
.ad-tiles{display:none;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:12px}
.ad-tile{border:1px solid var(--border);border-radius:12px;padding:10px;background:#141821;display:flex;flex-direction:column;gap:6px}
.ad-tile.ad-up{background:#0f1a14;border-color:#1d3b27}.ad-tile.ad-down{background:#1c1111;border-color:#402222}
.ad-line{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.ad-name{font-weight:700}.ad-cap{color:#A0A6B2;font-size:12px}
.ad-badges{display:flex;gap:8px;font-size:12px}
.ad-badge-mini{padding:2px 6px;border-radius:6px;border:1px solid var(--border);background:#1C1F26}
.ad-size-1{grid-row:span 1;grid-column:span 1}.ad-size-2{grid-row:span 1;grid-column:span 1}.ad-size-3{grid-row:span 2;grid-column:span 2}.ad-size-4{grid-row:span 2;grid-column:span 2}
.ad-modal{position:fixed;inset:0;background:#0008;display:none;align-items:flex-start;justify-content:center;z-index:99999;padding:40px 12px}
.ad-box{background:var(--card);border:1px solid var(--border);border-radius:12px;max-width:1100px;width:100%;max-height:85vh;overflow:auto;padding:16px}
.ad-flex{display:flex;gap:16px;flex-wrap:wrap}.ad-end{justify-content:flex-end}.ad-col{flex:1 1 320px}
.ad-item{display:flex;align-items:center;gap:8px;margin:6px 0}.ad-item input[type=number]{width:90px}
.ad-summary{cursor:pointer;color:#cdd6e1;margin:6px 0}.ad-tip{display:inline-block;width:18px;height:18px;line-height:18px;text-align:center;border-radius:50%;background:#2a2f36;color:#eaeaea;font-weight:700;cursor:help}