:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#172848;--muted:#637690;--line:#e3edf3;--teal:#008e99;--surface:#fff;--tint:#e7f8f9}*{box-sizing:border-box}html{color:var(--ink);background:#f4f9fc;font-family:Arial,Noto Sans JP,Yu Gothic UI,Meiryo,sans-serif;font-size:14px}body{margin:0}a{color:#007f94;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit;color:var(--ink);background:#fff;border:1px solid #d4e2eb;border-radius:7px;max-width:100%;padding:.65rem .8rem}input,select{min-width:0}input[type=checkbox]{accent-color:var(--teal);flex-shrink:0;width:16px;height:16px}button{cursor:pointer;width:fit-content;font-weight:600}button:hover:not(:disabled){background:var(--tint);border-color:#9ad8dc}button:disabled{cursor:wait;opacity:.55}:focus-visible{outline-offset:3px;outline:3px solid #4caaba}button.primary-button{background:var(--teal);color:#fff;border-color:var(--teal)}button.primary-button:hover:not(:disabled){color:#fff;background:#007481}main{max-width:64rem;margin:3rem auto;padding:0 2rem}h1{letter-spacing:.01em;margin:0 0 1.5rem;font-size:1.65rem;line-height:1.5}h2{margin:0 0 1rem;font-size:1.18rem}h3{font-size:1rem}p{line-height:1.75}section{background:var(--surface);border:1px solid var(--line);border-radius:13px;margin:1.5rem 0;padding:1.5rem;box-shadow:0 3px 16px #173e5703}form{gap:.85rem;display:grid}label{gap:.4rem;font-size:.9rem;display:grid}summary{cursor:pointer;padding:.55rem 0;font-size:.9rem}small{color:var(--muted);font-size:.8rem}pre{white-space:pre-wrap;overflow-wrap:anywhere}[role=alert]{color:#ac233e}[role=status]:empty{display:none}.ui-icon{vertical-align:middle;flex-shrink:0;width:22px;height:22px}.workspace-shell{min-height:100vh}.sidebar{border-right:1px solid var(--line);z-index:30;background:#fff;flex-direction:column;width:242px;padding:24px 14px 18px;display:flex;position:fixed;inset:0 auto 0 0;overflow:auto}.brand{letter-spacing:.12em;align-items:center;gap:11px;padding:0 8px 35px;font-size:23px;font-weight:800;display:flex}.brand small{letter-spacing:.02em;margin-top:6px;font-size:10px;display:block}.brand-mark{object-fit:contain;flex-shrink:0;width:48px;height:48px}.sidebar nav{gap:9px;display:grid}.sidebar nav a{color:#526883;border-radius:8px;align-items:center;gap:10px;min-height:49px;padding:10px;font-size:12px;font-weight:600;display:flex}.sidebar nav a:hover{background:#f2fafb;text-decoration:none}.sidebar nav a[aria-current=page]{background:var(--tint);color:#007f8c}.sidebar nav .ui-icon{width:20px;height:20px}.alert-count{color:#c63650;white-space:nowrap;background:#fff0f2;border-radius:20px;padding:2px 6px;font-size:11px;font-weight:700;display:inline-flex}.sidebar nav .alert-count{margin-left:auto}.connection-card{border:1px solid var(--line);background:linear-gradient(#fff,#f8fcfe);border-radius:10px;margin-top:auto;padding:18px 12px}.connection-card>p{color:var(--muted);margin-bottom:0;font-size:11px}.connection-card .meta-account{color:var(--ink);justify-content:space-between;font-size:15px;display:flex}.meta-account strong{font-size:24px;line-height:1}.meta-account small{margin-left:5px;font-size:10px;font-weight:400}.sidebar-note{color:var(--muted);margin-bottom:0;padding:5px 12px 0;font-size:10px}.workspace-body{min-width:0;margin-left:242px}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#ffffffed;align-items:center;gap:16px;min-height:94px;padding:16px 24px;display:flex;position:relative}#workspace-controls{flex:1;min-width:0}.topbar .dashboard-controls{box-shadow:none;background:0 0;border:0;border-radius:0;gap:10px;margin:0;padding:0}.topbar .dashboard-controls>label{align-items:center;gap:8px;font-size:11px;display:flex}.topbar button{white-space:nowrap;font-size:11px}.topbar select{font-size:12px}.user-menu{flex-shrink:0;align-items:center;gap:9px;font-size:12px;display:flex}.user-menu small{margin-top:5px;font-size:10px;display:block}.user-menu button{color:var(--muted);border:0;padding:5px;font-size:10px}.avatar{color:#fff;background:#02aebb;border-radius:50%;place-items:center;width:36px;height:36px;font-size:17px;display:grid}#workspace-content>main{max-width:none;margin:0;padding:28px 26px 48px}.skip-link{z-index:100;background:#fff;padding:12px;position:fixed;top:-100px}.skip-link:focus{top:0}.page-heading,.section-heading,.button-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.page-heading{justify-content:space-between;margin-bottom:20px}.page-heading h1{margin:0 0 10px}.page-heading a{margin-right:1rem;font-size:11px}.eyebrow{color:var(--muted);letter-spacing:.1em;margin:0 0 .5rem;font-size:10px}.dashboard-controls{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.account-picker{align-self:center;min-width:210px;position:relative}.account-picker summary{background:#f8fbfd;border:1px solid #d4e2eb;border-radius:7px;padding:.65rem .8rem;font-size:12px}.account-picker[open]{border:1px solid var(--line);background:#fff;border-radius:8px;padding:12px;box-shadow:0 8px 20px #102b4015}.account-list{max-height:280px;margin-top:1rem;overflow:auto}.check-label{align-items:center;gap:.5rem;padding:.35rem 0;display:flex}.update-details,.workspace-status{color:var(--muted);margin:12px 0 20px;font-size:11px}.update-details>summary{border-bottom:1px solid var(--line)}.update-details details{margin-left:1rem}.workspace-status{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.workspace-status details[open]{flex-basis:100%}.workspace-status p{margin:0}.muted{color:var(--muted);font-size:11px;line-height:1.7}.section-heading{justify-content:space-between}.section-heading h2{margin:0}.section-heading>span{color:var(--muted);font-size:11px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:18px 0;display:grid}.kpi{border:1px solid var(--line);background:#fff;border-radius:12px;padding:18px;box-shadow:0 4px 18px #1a657005}.kpi h3{align-items:center;gap:9px;min-height:32px;margin:0 0 12px;font-size:11px;font-weight:500;display:flex}.kpi-icon{color:#00a9b5;display:inline-flex}.kpi strong{font-variant-numeric:tabular-nums;letter-spacing:.01em;font-size:26px}.kpi small{font-size:10px}.kpi:nth-child(4n+2) .kpi-icon{color:#6572e7}.forecast{flex-wrap:wrap;gap:2rem;margin-bottom:10px;display:flex}.forecast p{color:var(--muted);margin:0;font-size:11px}.forecast strong{color:var(--ink)}.dashboard small{color:var(--muted);font-size:10px;font-weight:400;line-height:1.6;display:block}.dashboard-overview{grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);align-items:start;gap:16px;display:grid}.dashboard-overview>section{min-width:0;margin:12px 0 0}.trend-panel,.alert-panel{padding:20px}.chart-tabs{border:1px solid var(--line);background:#f8fbfd;border-radius:7px;gap:2px;width:fit-content;margin:16px 0 6px;padding:3px;display:flex}.chart-tabs button{background:0 0;border:0;padding:8px 12px;font-size:11px;font-weight:400}.chart-tabs button[aria-pressed=true]{color:#fff;background:#00adb6;box-shadow:0 2px 5px #009daa22}.daily-chart{width:100%;display:block}.daily-chart text{fill:var(--muted);font-size:11px}.chart-grid{stroke:#e6eef5;stroke-width:1px}.trend-values summary{color:var(--muted);padding-bottom:0;font-size:11px}.alert-panel h2{align-items:center;gap:7px;font-size:14px;display:flex}.alert-panel h2>.ui-icon{color:#e24b63;width:18px}.alert-panel .section-heading>a{font-size:11px}.alert-list{margin:16px 0;padding:0;list-style:none}.alert-list li{border-bottom:1px solid var(--line);gap:10px;padding:15px 0;display:flex}.alert-list a{color:var(--ink);font-size:12px;font-weight:600}.alert-list p{color:var(--muted);margin:4px 0;font-size:11px}.alert-symbol{color:#dd4160;background:#fff0f2;border-radius:50%;height:36px;padding:8px}.alert-symbol .ui-icon{width:20px;height:20px}.empty-state{color:var(--muted);text-align:center;padding:45px 10px;font-size:12px}.badge{white-space:nowrap;background:#eef3f8;border-radius:6px;padding:4px 8px;font-size:11px;display:inline-block}.badge.active{color:#008366;background:#e8f8f0}.over-limit{color:#b42336;font-weight:600}.within-limit{color:#087443}.column-options{grid-template-columns:repeat(3,minmax(180px,1fr));gap:.3rem 1rem;display:grid}.campaign-section>.button-row{margin-top:18px}table{border-collapse:collapse;background:#fff;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;overflow-wrap:anywhere;padding:12px}thead th{color:#536d8b;font-size:11px;font-weight:500}.table-scroll{border:1px solid var(--line);border-radius:9px;max-height:70vh;margin-top:1rem;overflow:auto}.table-scroll table{font-variant-numeric:tabular-nums;font-size:12px}.table-scroll th,.table-scroll td{vertical-align:top;overflow-wrap:normal;min-width:8rem}.table-scroll th:first-child,.table-scroll td:first-child{min-width:2rem}.table-scroll thead{z-index:1;background:#f7fbfd;position:sticky;top:0}.table-scroll thead button{font-size:inherit;text-align:left;background:0 0;border:0;padding:0;font-weight:500}.table-scroll tfoot{background:#eef9fa;font-weight:600}.table-scroll tbody tr:hover{background:#f7fcfc}.child-row{background:#f7fafc}.child-row th{padding-left:2rem;font-weight:400}.expand{color:var(--teal);margin-right:6px;padding:0 5px}.campaign-editor{border:1px solid var(--line);background:#fbfdfe;border-radius:10px;margin-block:18px;padding:20px;scroll-margin-top:20px}.campaign-editor:target{background:#f6fdfd;outline:2px solid #00a6ad}.campaign-editor .button-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:start;display:grid}.campaign-editor p{font-size:12px}#workspace-content main>label{margin:10px 20px 10px 0;display:inline-grid}#workspace-content main>svg{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;max-width:1000px;margin:20px auto;padding:24px;display:block}.settings-page form{max-width:760px}.settings-page>section{max-width:1100px}.settings-page>section>section{background:#fbfdfe}.settings-page p{font-size:12px}@media (min-width:1700px){.kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:1200px){.topbar{flex-wrap:wrap}.user-menu{margin-left:auto}.dashboard-overview{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)}}@media (max-width:900px){.sidebar{width:204px;padding-inline:8px}.workspace-body{margin-left:204px}.brand{font-size:20px}.sidebar nav a{gap:7px;font-size:11px}.sidebar nav .ui-icon{width:17px}.dashboard-overview{grid-template-columns:1fr}#workspace-content>main{padding:22px 16px}.column-options{grid-template-columns:1fr 1fr}}@media (max-width:640px){.sidebar{width:auto;padding:12px;position:static}.brand{padding:0 0 12px;font-size:18px}.brand-mark{width:40px;height:40px}.brand small{margin-top:2px}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.sidebar nav a{min-height:40px}.connection-card{flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:14px;padding:10px;display:flex}.connection-card p{margin:0}.sidebar-note{display:none}.workspace-body{margin-left:0}.topbar{padding:14px}.user-menu{margin-left:0}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{padding:12px}.kpi strong{font-size:22px}.kpi h3{font-size:10px}section{padding:16px}.column-options{grid-template-columns:1fr}.account-picker{min-width:0}.campaign-editor{padding:12px}h1{font-size:1.4rem}}.table-scroll th:first-child,.table-scroll td:first-child{white-space:nowrap;min-width:6rem}.table-scroll th:nth-child(2){min-width:8rem}.dashboard .campaign-section .table-scroll th:first-child,.dashboard .campaign-section .table-scroll td:first-child{min-width:2rem}.dashboard .campaign-section .table-scroll th:nth-child(2){min-width:16rem}#workspace-content main>label.check-label{display:inline-flex}.campaign-editor .button-row label{min-width:0}.settings-tabs{margin-top:24px}.settings-tabs [role=tablist]{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;padding-bottom:10px;display:flex}.settings-tabs [role=tab]{background:0 0;border-color:#0000;font-weight:500}.settings-tabs [role=tab][aria-selected=true]{background:var(--tint);color:var(--teal);border-color:#b8e3e6;font-weight:700}.settings-tabs [role=tabpanel]>div>section{max-width:1100px}.settings-tabs [role=tabpanel][hidden]{display:none}.dashboard .campaign-section .campaign-name{z-index:2;background:var(--surface,#fff);position:sticky;left:0}.dashboard .campaign-section thead .campaign-name{z-index:3;background:#f7fbfd}
