@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500&family=Outfit:wght@400;500;600;700&display=swap";body{margin:0}:root{--bg: #e8eef2;--bg-accent: #d5e4ec;--surface: #f7fafc;--surface-strong: #ffffff;--ink: #152029;--ink-soft: #5a6b78;--line: #c9d6df;--brand: #0f6e6a;--brand-deep: #0a524f;--brand-soft: #d8efed;--warn: #b45309;--danger: #b42318;--ok: #157a3a;--paused: #8a6a14;--suspended: #9f1239;--pending: #1d4f91;--shadow: 0 18px 40px rgba(21, 32, 41, .08);--radius: 0;--font: "Outfit", "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:radial-gradient(ellipse 80% 50% at 0% 0%,rgba(15,110,106,.12),transparent 55%),radial-gradient(ellipse 60% 40% at 100% 10%,rgba(29,79,145,.08),transparent 50%),linear-gradient(160deg,var(--bg),var(--bg-accent));background-attachment:fixed}button,input,select{font:inherit}.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{padding:1.4rem 1rem;border-right:1px solid rgba(201,214,223,.7);background:#f7fafcb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:1.5rem}.brand{display:flex;gap:.75rem;align-items:center;padding:.35rem .5rem}.brand-mark{width:40px;height:40px;border-radius:0;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--brand),var(--brand-deep))}.brand strong{display:block;font-size:1.05rem;letter-spacing:-.02em}.brand span{display:block;font-size:.78rem;color:var(--ink-soft)}.nav{display:flex;flex-direction:column;gap:.35rem}.nav-item{display:flex;align-items:center;gap:.65rem;border:0;background:transparent;color:var(--ink-soft);padding:.75rem .85rem;border-radius:0;cursor:pointer;text-align:left;transition:background .18s ease,color .18s ease,transform .18s ease}.nav-item:hover{background:#0f6e6a14;color:var(--ink)}.nav-item.active{background:var(--brand-soft);color:var(--brand-deep);font-weight:600}.sidebar-stats{margin-top:auto;display:grid;gap:.55rem;padding:.85rem;border-radius:0;background:var(--surface-strong);border:1px solid var(--line)}.sidebar-stats div{display:flex;justify-content:space-between;align-items:baseline;font-size:.85rem}.sidebar-stats span{color:var(--ink-soft)}.sidebar-stats strong{font-variant-numeric:tabular-nums}.main{padding:1.6rem 1.8rem 2.4rem}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.2rem;animation:rise .45s ease both}.topbar h1{margin:0;font-size:clamp(1.5rem,2.2vw,2rem);letter-spacing:-.03em}.topbar p{margin:.35rem 0 0;color:var(--ink-soft);max-width:42ch}.toolbar{margin-bottom:1rem;animation:rise .5s ease both;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.bulk-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-left:auto;padding:.45rem .7rem;background:var(--surface-strong);border:1px solid var(--line);color:var(--ink);font-size:.9rem}.bulk-bar span{color:var(--ink-soft);margin-right:.25rem}.check-col{width:2.5rem;text-align:center}.check-col input{width:1rem;height:1rem;accent-color:var(--accent, #0f766e);cursor:pointer}.subtabs{display:flex;gap:0;border-bottom:1px solid var(--line);background:#f1f5f8}.subtab{border:0;background:transparent;padding:.85rem 1.15rem;color:var(--ink-soft);cursor:pointer;font:inherit;border-bottom:2px solid transparent}.subtab:hover{color:var(--ink);background:#e8eef2}.subtab.active{color:var(--ink);font-weight:600;border-bottom-color:var(--accent, #0f766e);background:var(--surface-strong)}.btn.danger-outline{background:transparent;color:#9f1239;border:1px solid #f1c4d0}.btn.danger-outline:hover:not(:disabled){background:#fff1f4}.muted.small{font-size:.85rem}.search{display:flex;align-items:center;gap:.55rem;max-width:420px;padding:.7rem .9rem;border-radius:0;background:var(--surface-strong);border:1px solid var(--line);color:var(--ink-soft)}.search input{border:0;outline:none;width:100%;background:transparent;color:var(--ink)}.panel{background:var(--surface-strong);border:1px solid var(--line);border-radius:0;box-shadow:var(--shadow);overflow:hidden;animation:rise .55s ease both}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.95rem 1rem;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);background:#f1f5f8}tbody tr{transition:background .15s ease}tbody tr:hover{background:#f4f8fa}tbody tr:last-child td{border-bottom:0}.mono{font-family:var(--mono);font-size:.9rem;background:#eef3f6;padding:.2rem .45rem;border-radius:0}.url-cell{display:inline-block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--brand-deep);text-decoration:none;font-size:.85rem}.url-cell:hover{text-decoration:underline}.cell-strong{font-weight:600}.domain-pill,.country-pill{display:inline-flex;align-items:center;gap:.35rem;color:var(--brand-deep);font-weight:500}.country-pill .code{font-family:var(--mono);font-size:.75rem;color:var(--ink-soft);background:#eef3f6;padding:.1rem .35rem;border-radius:0}.alert{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;padding:.75rem .9rem;border-radius:0;background:#fde2e8;color:var(--danger);font-size:.9rem}.badge{display:inline-flex;padding:.2rem .55rem;border-radius:0;background:#eef3f6;color:var(--ink-soft);font-size:.82rem}.status-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:0;padding:.35rem .75rem;font-size:.85rem;font-weight:600;cursor:pointer;outline:none}.status-chip{display:inline-flex;padding:.25rem .65rem;border-radius:0;font-weight:600;font-size:.85rem}.color-swatch{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--mono);font-size:.82rem;color:var(--ink-soft)}.color-swatch .swatch{width:16px;height:16px;border-radius:0;border:1px solid var(--line)}.actions{display:flex;justify-content:flex-end;gap:.35rem;white-space:nowrap}.btn{display:inline-flex;align-items:center;gap:.4rem;border:0;border-radius:0;padding:.7rem 1rem;cursor:pointer;font-weight:600;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(145deg,var(--brand),var(--brand-deep));color:#fff;box-shadow:0 8px 20px #0f6e6a40}.btn.ghost{background:#eef3f6;color:var(--ink)}.icon-btn{width:34px;height:34px;border:0;border-radius:0;display:grid;place-items:center;background:#eef3f6;color:var(--ink-soft);cursor:pointer;transition:background .15s ease,color .15s ease}.icon-btn:hover{background:#e2eaf0;color:var(--ink)}.icon-btn.danger:hover{background:#fde2e8;color:var(--danger)}.empty{padding:3.5rem 1.5rem;text-align:center;color:var(--ink-soft);display:grid;justify-items:center;gap:.55rem}.empty h2{margin:.4rem 0 0;color:var(--ink)}.empty p{margin:0 0 .6rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#15202973;display:grid;place-items:center;padding:1rem;z-index:40;animation:fade .2s ease both}.modal{width:min(520px,100%);background:var(--surface-strong);border-radius:0;border:1px solid var(--line);box-shadow:var(--shadow);padding:1.2rem;animation:pop .25s ease both}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-head h2{margin:0;font-size:1.2rem;letter-spacing:-.02em}.form-grid{display:grid;gap:.85rem}.form-grid label{display:grid;gap:.35rem}.form-grid span{font-size:.82rem;color:var(--ink-soft);font-weight:600}.form-grid input,.form-grid select{width:100%;border:1px solid var(--line);border-radius:0;padding:.7rem .8rem;background:#f8fbfd;color:var(--ink);outline:none}.form-grid input:focus,.form-grid select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0f6e6a26}.form-hint{margin:.85rem 0 0;font-size:.85rem;color:var(--warn)}.modal-actions{display:flex;justify-content:flex-end;gap:.55rem;margin-top:1.15rem}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 900px){.app{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid rgba(201,214,223,.7)}.nav{flex-direction:row}.sidebar-stats{grid-template-columns:repeat(3,1fr)}.sidebar-stats div{flex-direction:column;gap:.2rem}.topbar{flex-direction:column}}.topbar-actions{display:flex;flex-wrap:wrap;gap:.55rem}.dashboard,.google-page{display:grid;gap:1rem;animation:rise .45s ease both}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.stat-card{display:flex;gap:.75rem;align-items:flex-start;padding:1rem;border-radius:0;background:var(--surface-strong);border:1px solid var(--line);box-shadow:var(--shadow)}.stat-icon{width:36px;height:36px;border-radius:0;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-deep);flex-shrink:0}.stat-card span{display:block;color:var(--ink-soft);font-size:.82rem}.stat-card strong{display:block;margin-top:.2rem;font-size:1.15rem;letter-spacing:-.02em}.dash-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:1rem}.dash-block{padding:1rem 1.1rem 1.15rem}.dash-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem}.dash-head h2{margin:0;font-size:1.05rem;display:inline-flex;align-items:center;gap:.4rem}.dash-copy{margin:0 0 .75rem;color:var(--ink-soft);line-height:1.45}.dash-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.9rem}.status-bars{display:grid;gap:.75rem}.status-bar-meta{display:flex;justify-content:space-between;gap:.75rem;font-size:.88rem;margin-bottom:.3rem}.status-bar-track{height:8px;border-radius:0;background:#e8eef2;overflow:hidden}.status-bar-fill{height:100%;border-radius:0}.ok-text{color:var(--ok);font-weight:600;font-size:.85rem}.warn-text{color:var(--warn);font-weight:600;font-size:.85rem}.small{font-size:.82rem}.empty.compact{padding:1.5rem 1rem}.help-list{margin:0;padding-left:1.2rem;color:var(--ink-soft);display:grid;gap:.35rem}.ok-hint{color:var(--ok)!important}.login-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{width:min(400px,100%);background:var(--surface-strong);border:1px solid var(--line);box-shadow:var(--shadow);padding:1.75rem;display:grid;gap:.9rem}.login-card h1{margin:0;font-size:1.6rem}.login-card label,.settings-form label{display:grid;gap:.35rem;font-size:.9rem;color:var(--ink-soft)}.login-card input,.settings-form input{border:1px solid var(--line);background:#fff;padding:.65rem .75rem;color:var(--ink)}.banner.error,.alert{background:#fde8e8;color:var(--danger);border:1px solid #f5c2c2;padding:.65rem .75rem}.pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-top:1px solid var(--line)}.period-toggle{display:inline-flex;gap:.35rem}.sidebar-user{margin-top:auto;display:flex;flex-direction:column;gap:.5rem;padding:.5rem;border-top:1px solid var(--line)}.clickable-row{cursor:pointer}.clickable-row:hover{background:#0f6e6a0f}.ads-status{display:inline-block;font-size:.78rem;font-weight:650;letter-spacing:.02em;padding:.2rem .45rem;border:1px solid var(--line);background:#eef3f6}.ads-status.suspended,.ads-status.canceled,.ads-status.closed{color:var(--suspended);background:#9f12391a}.ads-status.enabled{color:var(--ok);background:#157a3a1f}.detail-header{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem 1.1rem;border-bottom:1px solid var(--line)}.detail-header h2{margin:0}.detail-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:1rem 1.1rem}.detail-totals>div{background:var(--surface);border:1px solid var(--line);padding:.75rem;display:grid;gap:.25rem}.detail-totals span{color:var(--ink-soft);font-size:.82rem}.detail-totals strong{font-size:1.1rem}.detail-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 0}.settings-form{max-width:420px;display:grid;gap:.9rem;padding:1.25rem}.country-list{font-size:.88rem}.muted{color:var(--ink-soft)}@media (max-width: 1100px){.stat-grid,.dash-grid{grid-template-columns:1fr 1fr}.detail-totals{grid-template-columns:1fr}}@media (max-width: 700px){.stat-grid,.dash-grid{grid-template-columns:1fr}}