:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-0:#101216;--surface-1:#181b21;--surface-2:#1f232b;--border:#2a2e37;--border-gold:#c9a35f61;--text-primary:#ede8de;--text-secondary:#b3ac9e;--text-muted:#7d7768;--accent:#c9a35f;--accent-strong:#dcb878;--accent-ink:#1a1408;--series-1:#c9a35f;--series-2:#7fa6d9;--bad:#e66767;--good:#58b368;--serif:"Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--surface-0);color:var(--text-primary);background-image:radial-gradient(1200px 500px at 50% -200px,#c9a35f12,#0000 70%);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:980px;margin:0 auto;padding:28px 20px 72px}.topbar{border-bottom:1px solid var(--border-gold);align-items:baseline;gap:14px;margin-bottom:24px;padding-bottom:14px;display:flex}.brand{font-family:var(--serif);letter-spacing:.08em;font-size:20px;font-weight:600}.brand:before{content:"AD OWNERS LOUNGE";letter-spacing:.32em;color:var(--accent);margin-bottom:2px;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif;font-size:10px;font-weight:700;display:block}.brand-sub{color:var(--text-muted);letter-spacing:.08em;font-size:12px}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;padding:20px}.account-list{gap:12px;display:grid}.account-card{justify-content:space-between;align-items:center;transition:border-color .2s,transform .2s;display:flex}.account-card:hover{border-color:var(--accent);transform:translateY(-1px)}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin:18px 0 26px;display:grid}.kpi{background:var(--surface-1);border:1px solid var(--border);border-top:2px solid var(--border-gold);border-radius:12px;padding:14px 16px}.kpi-label{letter-spacing:.18em;color:var(--accent);font-size:10.5px;font-weight:700}.kpi-value{font-variant-numeric:tabular-nums;margin-top:3px;font-size:23px;font-weight:700}.kpi-value small{color:var(--text-secondary);font-size:13px;font-weight:500}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th{text-align:right;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-gold);white-space:nowrap;padding:10px;font-size:11px;font-weight:700}th:first-child,td:first-child{text-align:left}td{text-align:right;border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px}tr:last-child td{border-bottom:none}.spend-cell{min-width:180px;position:relative}.spend-bar-track{align-items:center;gap:8px;display:flex}.spend-bar{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 70%, #7a5f2e), var(--accent));border-radius:0 4px 4px 0;flex:none;min-width:2px;height:13px}.section-title{font-family:var(--serif);letter-spacing:.06em;border-left:3px solid var(--accent);margin:30px 0 10px;padding-left:10px;font-size:16px;font-weight:600}.controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.range-btn{border:1px solid var(--border);background:var(--surface-1);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:5px 14px;font-size:13px;transition:border-color .15s,color .15s}.range-btn:hover{border-color:var(--border-gold)}.range-btn.active{border-color:var(--accent);color:var(--accent-strong);font-weight:700}.range-btn:disabled{opacity:.4;cursor:default}.error-box{border:1px solid var(--bad);color:var(--text-primary);background:var(--surface-1);border-radius:12px;padding:16px}.error-box strong{color:var(--bad)}.muted{color:var(--text-muted);font-size:12px}.login-wrap{justify-content:center;align-items:center;min-height:88vh;display:flex}.login-card{border-top:2px solid var(--accent);gap:14px;width:360px;padding:28px 24px;display:grid}input[type=password],input[type=text]{border:1px solid var(--border);background:var(--surface-0);width:100%;color:var(--text-primary);border-radius:8px;padding:10px 12px;font-size:14px}input[type=password]:focus,input[type=text]:focus,input[type=date]:focus{outline:1px solid var(--accent);border-color:var(--accent)}button.primary{background:linear-gradient(180deg, var(--accent-strong), var(--accent));width:100%;color:var(--accent-ink);letter-spacing:.1em;cursor:pointer;border:none;border-radius:8px;padding:11px;font-size:14px;font-weight:700}button.primary:hover{filter:brightness(1.06)}.back-link{color:var(--text-secondary);font-size:13px}.back-link:hover{color:var(--accent-strong)}.delta{font-variant-numeric:tabular-nums;margin-top:4px;font-size:11px;font-weight:600;display:inline-block}.delta-good{color:var(--good)}.delta-bad{color:var(--bad)}.delta-neutral{color:var(--text-muted)}.ad-cell{align-items:center;gap:10px;min-width:220px;display:flex}.thumb{object-fit:cover;border:1px solid var(--border);background:var(--surface-0);border-radius:6px;flex:none;width:48px;height:48px}.thumb-placeholder{color:var(--text-muted);justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.ad-name{white-space:normal;word-break:break-all;text-align:left;font-size:13px}.lp-url{text-overflow:ellipsis;white-space:nowrap;text-align:left;max-width:320px;overflow:hidden}.custom-range{align-items:center;gap:6px;margin-left:8px;display:inline-flex}input[type=date]{border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);border-radius:8px;padding:5px 8px;font-family:inherit;font-size:13px}tr.clickable{cursor:pointer}tr.clickable:hover td{background:color-mix(in srgb, var(--accent) 7%, var(--surface-1))}.modal-overlay{z-index:50;background:#060709b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{border-top:2px solid var(--accent);width:min(860px,100%);max-height:82vh;overflow-y:auto}.modal-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.modal-body{grid-template-columns:300px 1fr;align-items:start;gap:18px;display:grid}@media (max-width:640px){.modal-body{grid-template-columns:1fr}}.modal-media{gap:8px;display:grid}.creative-large{border:1px solid var(--border-gold);border-radius:10px;width:100%;display:block}.copy-block{margin-bottom:14px}.copy-label{color:var(--accent);letter-spacing:.22em;margin-bottom:3px;font-size:10px;font-weight:700}.copy-text{white-space:pre-wrap;word-break:break-word;font-size:13.5px;line-height:1.8}.preview-wrap{background:var(--surface-0);border:1px solid var(--border);border-radius:10px;justify-content:center;margin-top:14px;padding:12px;display:flex;overflow:auto}.chart-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin-bottom:4px;display:grid}.chart-card{border-top:2px solid var(--border-gold);padding:14px 14px 6px}.chart-title{font-family:var(--serif);letter-spacing:.06em;margin-bottom:6px;font-size:13.5px;font-weight:600}.chart-card svg{width:100%;height:auto;display:block}.chart-bar{fill:var(--series-1)}.chart-line{stroke:var(--series-2);stroke-width:2px}.chart-dot{fill:var(--series-2);stroke:var(--surface-1);stroke-width:2px}.chart-grid-line{stroke:var(--border);stroke-width:1px}.chart-axis{stroke:var(--text-muted);stroke-width:1px}.chart-tick{fill:var(--text-secondary);font-size:10px}