:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#253047;background:#f6f7fb;font-synthesis:none;--accent:#4059d9;--accent-soft:#eef1ff;--muted:#606d82;--line:#e9ecf3;--green:#0f795c;--red:#b1434b;--amber:#8c691f;--sidebar:218px;--radius:14px}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #b0baff;outline-offset:3px}a{color:inherit;text-decoration:none}button{border:0}svg{flex-shrink:0}h1,h2,h3,p{margin:0}button{color:inherit}input,select,textarea{min-width:0}::selection{background:#e3e7ff}input::placeholder,textarea::placeholder{color:#606d82}.icon{display:inline-block;vertical-align:middle;stroke-width:1.7}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.boot{height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;color:#606d82}.boot strong{font-size:27px;color:#222b43}.boot p{font-size:13px}.spinner{width:20px;height:20px;display:inline-block;border:2px solid #e4e8f3;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.brand-icon{display:flex;align-items:flex-end;gap:3px;width:32px;height:32px;background:var(--accent);padding:8px;border-radius:9px}.brand-icon i{display:block;width:4px;border-radius:2px;background:white}.brand-icon i:nth-child(1){height:8px}.brand-icon i:nth-child(2){height:13px}.brand-icon i:nth-child(3){height:18px}
.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:30px 16px 18px;z-index:30}.brand{display:flex;align-items:center;gap:10px;padding:0 12px 36px;font-size:24px;font-weight:750;letter-spacing:-.7px}.brand em{color:var(--accent);font-style:normal}.workspace-switch{border:1px solid var(--line);border-radius:10px;padding:12px 10px;display:flex;gap:10px;align-items:center;margin:0 4px 28px}.workspace-logo{width:29px;height:29px;background:#f1f3f9;display:grid;place-items:center;border-radius:8px;color:#606d82}.workspace-switch strong{font-size:12px;font-weight:600;display:block}.workspace-switch small{font-size:11px;color:var(--muted);display:block;margin-top:3px}.workspace-switch .icon:last-child{margin-left:auto;color:var(--muted)}.nav-label{padding:0 15px;margin:0 0 10px;color:#606d82;letter-spacing:.7px;font-size:11px;font-weight:500}.nav-group{display:flex;flex-direction:column;gap:5px;margin-bottom:25px}.nav-item{padding:12px 15px;border-radius:9px;display:flex;gap:11px;align-items:center;color:#606d82;font-size:13px;transition:background .15s,color .15s}.nav-item:hover{background:#f5f7fc;color:#3b4b6b}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-item .badge-count{margin-left:auto;background:#fff1e7;color:#94651e;font-size:11px;min-width:19px;text-align:center;padding:2px 4px;border-radius:4px}.sidebar-bottom{margin-top:auto}.sidebar-footer{margin:16px 8px 0;padding:17px 0 0;border-top:1px solid var(--line);font-size:11px;display:flex;align-items:center;gap:6px;color:#606d82}.dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--green);flex-shrink:0}.dot.amber{background:#dfaa54}.dot.blue{background:var(--accent)}
.shell{margin-left:var(--sidebar);min-height:100vh}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:16px}.breadcrumbs{display:flex;align-items:center;gap:12px;font-size:12px;color:#606d82}.breadcrumbs b{font-weight:500;color:#626d83}.top-actions{display:flex;align-items:center;gap:15px}.status-pill{font-size:11px;color:#606d82;background:#f7f8fc;padding:7px 10px;border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;gap:6px}.icon-btn{width:33px;height:33px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:transparent;color:#606d82}.icon-btn:hover{background:#f1f3fb;color:var(--accent)}.top-search{display:flex;align-items:center;gap:8px;font-size:12px;color:#606d82;background:transparent}.top-search kbd{font:10px inherit;background:#f5f6f9;border:1px solid #e9ebf1;border-radius:4px;padding:3px 5px;margin-left:25px}.divider{height:23px;width:1px;background:var(--line)}.avatar{width:32px;height:32px;background:#f4ede5;color:#606d82;border-radius:50%;font-size:11px;font-weight:650;display:grid;place-items:center}.avatar-button{display:flex;align-items:center;gap:8px;background:transparent;padding:0}.avatar-button .icon{color:#606d82}.mobile-menu{display:none}
.main{padding:29px 32px 22px;max-width:1760px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.page-heading h1{font-size:25px;line-height:1.4;letter-spacing:-.7px;font-weight:650;color:#222d44}.page-heading p{font-size:12px;margin-top:6px;color:#606d82}.heading-actions{display:flex;gap:9px;align-items:center;flex-shrink:0}.btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;padding:9px 13px;line-height:20px;border-radius:7px;font-size:12px;font-weight:500;background:white;border:1px solid #e1e5ed;white-space:nowrap;transition:.15s}.btn:hover{background:#f9faff;border-color:#c8d1ed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 3px #425de818}.btn.primary:hover{background:#3c54df}.btn.ghost{background:transparent;border-color:transparent;color:#606d82}.btn.danger{color:var(--red);border-color:#f4d8d8}.btn.small{padding:5px 10px;font-size:11px}.btn.text{border:none;background:none;color:var(--accent);padding:4px 0}.btn .icon{width:15px;height:15px}.filters{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.filter-left,.filter-right{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.filter-select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23929aae' stroke-width='1.5'%3E%3Cpath d='m3 5 3 3 3-3'/%3E%3C/svg%3E") no-repeat right 10px center;padding:9px 30px 9px 12px;border:1px solid #e1e5ed;border-radius:7px;max-width:190px;color:#657087;font-size:12px;height:38px}.filter-right .btn{color:#606d82}.date-trigger{min-width:211px;justify-content:space-between;color:#606d82}.freshness{display:flex;align-items:center;gap:6px;font-size:11px;color:#606d82;white-space:nowrap}.demo-note{display:flex;align-items:center;gap:7px;color:#606d82;font-size:11px;margin-bottom:16px}.demo-note .icon{color:#606d82}.demo-note a{margin-left:4px;color:#606d82}.notice{padding:11px 14px;border:1px solid #e8dcba;background:#fffbf1;color:#856322;display:flex;align-items:center;gap:8px;border-radius:8px;font-size:12px;margin-bottom:18px}.notice.info{background:#f2f5ff;color:#56688f;border-color:#e5eafa}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:20px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 3px 5px #18295702;min-width:0}.kpi{padding:20px 21px 17px;position:relative;overflow:hidden}.kpi-label{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#606d82;font-size:12px}.kpi-label span{display:inline-flex;align-items:center;gap:7px}.kpi-icon{width:29px;height:29px;border-radius:8px;background:#f5f7ff;display:grid;place-items:center;color:#606d82}.kpi:nth-child(2) .kpi-icon{background:#f0f8f5;color:#606d82}.kpi:nth-child(3) .kpi-icon{background:#faf5ed;color:#606d82}.kpi:nth-child(4) .kpi-icon{background:#f4f1fa;color:#606d82}.kpi-value{font-size:30px;line-height:1.25;letter-spacing:-.9px;font-weight:650;color:#28344b;margin:14px 0 12px;font-variant-numeric:tabular-nums}.kpi-value small{font-size:13px;color:#606d82;font-weight:450;letter-spacing:0;margin-left:4px}.kpi-foot{display:flex;align-items:center;gap:7px;font-size:11px;position:relative;z-index:1}.kpi-foot .change{font-weight:550;display:flex;align-items:center;gap:2px}.change.good{color:var(--green)}.change.bad{color:var(--red)}.change.neutral{color:#606d82}.kpi-foot .muted{font-size:11px}.spark{position:absolute;bottom:15px;right:18px;width:75px;height:28px;opacity:.65}.analytics-grid{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:20px;margin-bottom:20px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px 0}.card-title{display:flex;align-items:center;gap:8px;font-size:13px;color:#35425b;font-weight:600}.card-subtitle{font-size:11px;color:#606d82;margin-top:5px}.tabs{display:flex;gap:3px;background:#f5f6fa;border:1px solid #edf0f6;padding:3px;border-radius:7px}.tab{background:transparent;color:#606d82;padding:5px 11px;border-radius:5px;font-size:11px;white-space:nowrap}.tab.active{background:#fff;box-shadow:0 1px 4px #1325470c;color:#4559ad}.chart-card{min-height:326px}.chart-legend{display:flex;gap:18px;align-items:center;padding:18px 22px 0;font-size:11px;color:#606d82}.legend-key{display:flex;align-items:center;gap:6px}.legend-key i{height:7px;width:7px;border-radius:2px;background:var(--accent)}.legend-key.secondary i{background:#a7b6ef}.chart-wrap{height:220px;padding:9px 13px 0 10px;position:relative}.chart-svg{width:100%;height:100%;overflow:visible}.chart-svg text{font-family:inherit;font-size:11px;fill:#606d82}.chart-tooltip{position:absolute;pointer-events:none;background:#26334e;color:white;padding:9px 12px;border-radius:7px;box-shadow:0 4px 18px #18294720;z-index:4;line-height:1.7;font-size:11px;display:none;min-width:115px}.chart-tooltip b{color:#d5dcff;display:block;font-size:11px;font-weight:400}.chart-bottom{display:flex;align-items:center;justify-content:space-between;padding:8px 23px 15px;color:#606d82;font-size:11px}.budget-card{padding:0 0 18px}.budget-card .card-head{padding:20px 20px 0}.budget-summary{padding:19px 20px 0}.budget-total{font-size:27px;font-weight:650;letter-spacing:-.7px;font-variant-numeric:tabular-nums}.budget-total span{font-size:11px;color:#606d82;letter-spacing:0;font-weight:400;margin-left:5px}.progress{height:7px;border-radius:10px;background:#eff1f8;overflow:hidden;position:relative}.progress i{height:100%;display:block;background:var(--accent);border-radius:10px;max-width:100%;min-width:0}.progress.warn i{background:#e0b16b}.progress.danger i{background:#e28d91}.budget-track{margin-top:17px}.budget-track-label{display:flex;justify-content:space-between;font-size:11px;color:#606d82;margin-bottom:9px}.budget-track-label b{color:#4559ad;font-weight:550}.budget-stats{display:grid;grid-template-columns:1fr 1fr;padding:17px 20px;margin-top:4px;gap:15px}.budget-stats span{font-size:11px;color:#606d82;display:block}.budget-stats strong{font-size:14px;display:block;margin-top:7px;font-weight:600;font-variant-numeric:tabular-nums}.budget-info{margin:1px 18px 0;padding:11px;border-radius:7px;background:#f4f8ff;display:flex;align-items:flex-start;gap:7px;font-size:11px;line-height:1.8;color:#606d82}.budget-info .icon{margin-top:2px;color:#606d82}.budget-actions{padding:12px 20px 0}.metrics-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin:0 22px;padding:16px 0 18px}.strip-item{padding-left:18px;border-left:1px solid var(--line)}.strip-item:first-child{padding-left:0;border-left:0}.strip-item span{font-size:11px;color:#606d82;display:block}.strip-item strong{font-size:15px;margin-top:6px;display:block;font-weight:550;font-variant-numeric:tabular-nums}.strip-item small{font-size:11px;margin-left:4px;color:#606d82}
.table-card{overflow:hidden}.table-card .card-head{padding:19px 22px;margin-bottom:1px}.table-tools{display:flex;align-items:center;gap:10px}.pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;line-height:1.4;padding:4px 7px;border-radius:5px;background:#f5f6fa;color:#606d82;white-space:nowrap}.pill.green{background:#eff8f4;color:#0f795c}.pill.amber{background:#fcf6e9;color:#8c691f}.pill.red{background:#fcf0f0;color:#a44248}.pill.blue{background:#f0f3ff;color:#5366b0}.table-scroll{overflow:auto}.data-table{border-collapse:collapse;width:100%;font-size:11px;text-align:left;white-space:nowrap}.data-table thead{background:#fafbfe}.data-table th{padding:13px 19px;color:#606d82;font-weight:450;border-block:1px solid #f0f2f7;white-space:nowrap}.data-table td{padding:15px 19px;border-bottom:1px solid #f0f2f7;color:#606d82;line-height:1.5;font-variant-numeric:tabular-nums}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#fcfcff}.data-table td.numeric,.data-table th.numeric{text-align:right}.data-table td.strong{font-weight:550;color:#46516b}.data-table td:first-child,.data-table th:first-child{padding-left:22px}.data-table td:last-child,.data-table th:last-child{padding-right:22px}.account-cell{display:flex;align-items:center;gap:10px;max-width:270px}.account-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#f0f2fe;color:#606d82;font-weight:600;font-size:11px;flex-shrink:0}.account-icon.c1{background:#f3f0fa;color:#606d82}.account-icon.c2{background:#f5f0eb;color:#606d82}.account-icon.c3{background:#edf6f2;color:#606d82}.account-icon.c4{background:#edf3f8;color:#606d82}.account-name{font-size:11px;color:#4b5670;font-weight:550;text-overflow:ellipsis;overflow:hidden;max-width:230px}.account-id{font-size:11px;color:#606d82;margin-top:2px}.table-link{background:none;padding:0;text-align:left}.table-link:hover .account-name{color:var(--accent)}.roas-pill{color:#0f795c;background:#f2f9f5;border-radius:4px;padding:3px 7px;font-weight:550}.roas-pill.low{background:#fcf6ea;color:#8c691f}.mini-progress{width:75px;display:flex;align-items:center;gap:7px;font-size:11px;color:#606d82}.mini-progress .progress{width:43px;height:4px}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-top:1px solid var(--line);color:#606d82;font-size:11px;gap:10px}.pagination{display:flex;align-items:center;gap:7px}.page-number{width:26px;height:26px;border-radius:5px;color:var(--accent);background:var(--accent-soft);display:grid;place-items:center}.page-footer{display:flex;align-items:center;justify-content:space-between;color:#606d82;font-size:11px;padding:20px 1px 0}.page-footer .icon{margin-right:5px}.sort-btn{background:none;font:inherit;color:inherit;padding:0;display:inline-flex;gap:4px;align-items:center}.mini-bar{height:4px;width:45px;border-radius:3px;background:#edf0f9;overflow:hidden}.mini-bar i{height:100%;display:block;background:#a4b3ef}.search-field{display:flex;align-items:center;gap:8px;border:1px solid #e6e9f0;border-radius:7px;padding:8px 10px;background:#fff;color:#606d82}.search-field input{border:0;outline:0;max-width:190px;width:100%;font-size:11px;color:#5e6d87}.search-field:focus-within{border-color:#bac6f5}
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}.stat-small{padding:20px}.stat-small .small{color:#606d82}.stat-small strong{display:block;font-size:27px;color:#38465f;margin-top:12px;font-weight:600}.stat-small strong small{font-size:12px;color:#606d82;margin-left:6px;font-weight:400}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.breadcrumb-path{display:flex;align-items:center;gap:6px;font-size:11px;color:#606d82;padding:4px 1px 17px;flex-wrap:wrap}.breadcrumb-path button{color:#5366b0;background:none;padding:3px}.level-tabs{background:#fff;border:1px solid #e4e8f2;border-radius:8px;display:inline-flex;padding:4px;gap:3px}.level-tabs button{background:none;border-radius:5px;padding:7px 17px;font-size:11px;color:#606d82}.level-tabs button.active{background:var(--accent-soft);color:var(--accent)}.summary-row td{background:#fafbff!important;color:#53649a!important;font-weight:600}.switch{width:31px;height:18px;border-radius:12px;background:#d9dfe9;position:relative;display:inline-block;vertical-align:middle;transition:.2s;padding:0}.switch:before{content:"";position:absolute;width:12px;height:12px;background:#fff;border-radius:50%;top:3px;left:3px;transition:.2s;box-shadow:0 1px 2px #3332}.switch.on{background:#7186ec}.switch.on:before{left:16px}
.target-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.target-card{padding:23px}.target-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.target-period{font-size:11px;color:#606d82;margin-top:6px}.target-value{display:flex;align-items:baseline;gap:7px;margin:7px 0 16px;font-variant-numeric:tabular-nums}.target-value b{font-size:24px;font-weight:600;letter-spacing:-.7px}.target-value span{font-size:11px;color:#606d82}.target-data{display:grid;grid-template-columns:1fr 1fr;margin-top:21px;padding-top:18px;border-top:1px solid var(--line);gap:16px}.target-data span{font-size:11px;color:#606d82}.target-data strong{display:block;font-size:15px;margin-top:7px;font-weight:550}.target-data small{font-size:11px;color:#606d82;margin-left:5px;font-weight:400}.alert-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px}.alert-list{display:flex;flex-direction:column;gap:13px}.alert-card{padding:20px;display:flex;gap:14px}.alert-symbol{width:35px;height:35px;border-radius:9px;background:#fff6e9;color:#606d82;display:grid;place-items:center;flex-shrink:0}.alert-symbol.critical{background:#fcf0f1;color:#606d82}.alert-symbol.info{background:#eef3ff;color:#606d82}.alert-body{flex:1;min-width:0}.alert-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.alert-head h3{font-size:13px;font-weight:550;color:#4a5670}.alert-meta{margin-top:8px;color:#606d82;font-size:11px;display:flex;gap:12px;flex-wrap:wrap}.alert-details{padding:11px 13px;background:#fafbfe;border-radius:7px;font-size:11px;color:#606d82;display:flex;gap:22px;margin-top:15px}.alert-details b{font-weight:550;color:#606d82}.alert-actions{margin-top:15px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#606d82;font-size:11px}.rules-panel{align-self:start}.rule-item{padding:18px 20px;border-top:1px solid var(--line)}.rule-item:first-of-type{margin-top:18px}.rule-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#606d82}.rule-item p{font-size:11px;color:#606d82;margin-top:8px}.help-card{padding:19px;background:#f2f5ff;border:1px solid #e8edfc;border-radius:12px;color:#606d82;font-size:11px;line-height:1.9;margin-top:16px}.help-card b{font-size:12px;font-weight:500;color:#606d82;display:block;margin-bottom:7px}.report-name{display:flex;align-items:center;gap:11px}.report-icon{width:33px;height:37px;background:#eff8f3;border:1px solid #e6f3ec;border-radius:7px;display:grid;place-items:center;color:#606d82}
.settings-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px}.settings-nav{display:flex;flex-direction:column;gap:5px;align-self:start}.settings-nav button{text-align:left;padding:12px 14px;background:transparent;color:#606d82;border-radius:8px;font-size:12px;display:flex;gap:10px;align-items:center}.settings-nav button.active{background:#eaf0ff;color:#465fa9}.settings-panel{padding:25px;max-width:950px}.settings-panel h2{font-size:15px;font-weight:600}.settings-panel>p{font-size:11px;color:#606d82;margin-top:8px;margin-bottom:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#606d82}.field input,.field select,.field textarea{background:#fff;border:1px solid #e1e6ef;border-radius:7px;padding:10px 12px;line-height:19px;color:#52647f;outline-offset:1px;width:100%}.field small{font-size:11px;line-height:1.6;color:#606d82}.field.full{grid-column:1/-1}.field textarea{resize:vertical;min-height:70px}.form-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding-top:19px;margin-top:26px}.system-info{padding:16px;background:#f8faff;border:1px solid #eef1f7;border-radius:9px;display:flex;flex-direction:column;gap:10px;margin-top:23px;font-size:11px;color:#606d82}.system-info span{display:flex;justify-content:space-between;gap:10px}.system-info b{font-weight:500;color:#606d82}.field-error{color:#b1434b;font-size:11px;margin-top:5px;line-height:1.6}.checkbox-list{display:flex;gap:8px;flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;gap:5px;color:#606d82;font-size:11px;background:#f7f9fd;padding:7px;border-radius:5px}
.loading-panel{min-height:290px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;color:#606d82}.skeleton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.skeleton{height:160px;background:#edf0f7;border-radius:12px;animation:pulse 1.4s ease-in-out infinite}.skeleton.big{height:340px;margin-top:20px;grid-column:1/-1}@keyframes pulse{50%{opacity:.5}}.empty{padding:54px 25px;text-align:center;color:#606d82}.empty .icon{width:36px;height:36px;margin-bottom:15px;color:#606d82}.empty h3{font-size:14px;color:#606d82;font-weight:500}.empty p{font-size:11px;line-height:1.8;margin-top:8px}.empty .btn{margin-top:16px}.error-box{border:1px solid #f2e2e4;background:#fff9f9;padding:24px;border-radius:12px;color:#a44248;font-size:12px;line-height:1.8}.error-box .btn{margin-top:13px}
.modal-backdrop{position:fixed;inset:0;z-index:100;background:#15233f38;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(3px)}.modal{width:520px;max-width:100%;max-height:90vh;background:#fff;box-shadow:0 30px 90px #17233c22;border-radius:16px;overflow:auto;animation:appear .18s ease}.modal.wide{width:690px}.modal-header{padding:23px 25px 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.modal-header h2{font-size:16px;font-weight:600}.modal-body{padding:23px 25px}.modal-body>p{font-size:12px;color:#606d82;line-height:1.9;margin-bottom:19px}.modal-body .form-grid{gap:18px}.modal-footer{padding:17px 25px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px}.preset-row{display:flex;gap:7px;margin-bottom:20px;flex-wrap:wrap}.preset-row button{background:#f5f7fc;color:#606d82;border-radius:6px;padding:8px 12px;font-size:11px}.preset-row button.active{background:var(--accent-soft);color:var(--accent)}.modal-note{font-size:11px;color:#606d82;line-height:1.9;margin-top:18px;background:#f8f9fc;padding:12px;border-radius:7px}.code-block{background:#f5f7fb;border:1px solid #e9edf5;border-radius:8px;padding:14px;font-family:ui-monospace,Menlo,monospace;font-size:11px;color:#606d82;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.steps{display:flex;flex-direction:column;gap:17px;margin:18px 0}.steps li{font-size:12px;line-height:1.8;color:#606d82}.steps strong{color:#606d82;font-weight:500}.profile-menu{display:flex;flex-direction:column;gap:10px}.profile-menu .btn{justify-content:flex-start}.search-results{display:flex;flex-direction:column;gap:6px;margin-top:15px}.search-result{display:flex;align-items:center;justify-content:space-between;text-align:left;background:#fafbfe;padding:13px 14px;border-radius:8px;font-size:12px;color:#606d82}.search-result:hover{background:#f0f3ff}.search-result small{color:#606d82;font-size:11px}.toast{position:fixed;right:28px;bottom:26px;background:#fff;border:1px solid #e3e9f4;box-shadow:0 6px 30px #22365c18;border-radius:10px;padding:15px 20px;font-size:12px;color:#606d82;z-index:200;display:flex;align-items:center;gap:10px;max-width:430px;animation:appear .2s ease}.toast.success .icon{color:var(--green)}.toast.error .icon{color:var(--red)}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.login-screen{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:#fff}.login-brand{padding:65px 9%;background:#f3f6ff;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-brand .brand{position:absolute;top:42px;left:9%;padding:0}.login-brand h1{font-size:43px;line-height:1.5;color:#344671;letter-spacing:-1.5px;font-weight:600}.login-brand p{font-size:14px;color:#606d82;line-height:2;margin-top:25px;max-width:340px}.login-visual{height:100px;display:flex;align-items:flex-end;gap:13px;margin-top:50px;max-width:340px}.login-visual i{background:#d9e2ff;border-radius:5px 5px 0 0;flex:1}.login-visual i:nth-child(2n){background:#a9b9f1}.login-panel{padding:65px;display:flex;align-items:center;justify-content:center}.login-form{max-width:350px;width:100%}.login-form h2{font-size:25px;font-weight:600;margin-bottom:10px}.login-form>p{color:#606d82;font-size:12px;margin-bottom:30px}.login-form .field{margin-bottom:20px}.login-form>.btn{width:100%;margin-top:10px}.login-foot{font-size:11px;color:#606d82;margin-top:24px;text-align:center;line-height:1.9}
.screen-mode .sidebar,.screen-mode .topbar,.screen-mode .filters,.screen-mode .demo-note,.screen-mode .page-footer{display:none}.screen-mode .shell{margin-left:0}.screen-mode .main{max-width:2000px;padding:35px 45px}.screen-mode .page-heading h1{font-size:30px}.screen-mode .kpi-value{font-size:40px}.screen-mode .kpi{padding:25px}.screen-mode .chart-wrap{height:300px}.screen-mode .analytics-grid{grid-template-columns:minmax(0,1fr) 340px}.screen-mode .data-table{font-size:13px}.screen-mode .data-table td{padding:18px 22px}.screen-mode .freshness{font-size:12px}
@media(min-width:1600px){.main{padding:33px 42px}.analytics-grid{grid-template-columns:minmax(0,1fr) 330px}.chart-wrap{height:258px}.chart-card{min-height:365px}.kpi-value{font-size:35px}.kpi{padding:24px}.data-table td{padding-top:18px;padding-bottom:18px}}
@media(max-width:1250px){:root{--sidebar:190px}.sidebar{padding:25px 11px 16px}.brand{font-size:22px}.main{padding:25px 23px}.topbar{padding:0 23px}.analytics-grid{grid-template-columns:minmax(0,1fr) 265px;gap:16px}.kpi-grid{gap:12px}.kpi{padding:17px}.kpi-value{font-size:26px}.spark{width:52px;opacity:.45;right:13px}.top-search kbd{margin-left:8px}.target-grid{grid-template-columns:repeat(2,1fr)}.filter-right .freshness{display:none}.data-table th,.data-table td{padding-inline:14px}}
@media(max-width:1000px){:root{--sidebar:76px}.sidebar{padding:25px 10px 16px}.brand{padding:0 12px 33px}.brand-word,.workspace-switch,.nav-label,.nav-item span,.sidebar-footer{display:none}.nav-item{justify-content:center;padding:14px}.nav-item .badge-count{display:none}.nav-group{margin-bottom:23px}.top-search{display:none}.kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi-value{font-size:30px}.spark{width:85px;opacity:.6}.analytics-grid{grid-template-columns:minmax(0,1fr) 265px}.alert-layout{grid-template-columns:1fr}.rules-panel{margin-top:5px}.settings-layout{grid-template-columns:155px 1fr;gap:12px}.filters{align-items:flex-start}.filter-right{justify-content:flex-end}.date-trigger{min-width:195px}.page-heading h1{font-size:23px}.login-brand h1{font-size:33px}.login-panel{padding:35px}}
@media(max-width:760px){:root{--sidebar:0px}.sidebar{transform:translateX(-100%);width:218px;transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:10px 0 40px #25304925}.sidebar.open .brand-word,.sidebar.open .nav-label,.sidebar.open .nav-item span,.sidebar.open .workspace-switch,.sidebar.open .sidebar-footer{display:initial}.sidebar.open .workspace-switch{display:flex}.sidebar.open .nav-item{justify-content:flex-start}.sidebar.open .brand{padding:0 12px 30px}.sidebar.open .sidebar-footer{display:flex}.mobile-menu{display:inline-flex}.topbar{height:64px;padding:0 16px}.breadcrumbs{gap:8px}.breadcrumbs .crumb-first{display:none}.top-actions{gap:8px}.top-actions .divider{display:none}.main{padding:22px 16px}.page-heading{align-items:flex-start;flex-wrap:wrap;gap:15px;margin-bottom:20px}.page-heading h1{font-size:23px}.page-heading p{font-size:11px}.heading-actions{gap:7px}.heading-actions .btn{padding:7px 11px;font-size:11px}.filters{flex-wrap:wrap;gap:10px}.filter-left{gap:7px}.filter-select{max-width:155px;padding-right:26px;font-size:11px}.filter-right{margin-left:auto}.filter-right .btn span{display:none}.filter-right .btn{padding:8px}.date-trigger{min-width:190px}.kpi-grid{gap:11px;margin-bottom:15px}.kpi{padding:16px}.kpi-value{font-size:27px}.kpi-icon{width:23px;height:23px}.spark{display:none}.kpi-foot{font-size:11px}.kpi-foot .muted{font-size:11px}.analytics-grid{grid-template-columns:1fr;gap:15px}.budget-card{display:none}.card-head{padding:18px 17px 0}.card-title{font-size:12px}.chart-wrap{height:213px}.metrics-strip{margin:0 17px}.strip-item{padding-left:10px}.strip-item strong{font-size:13px}.table-card .card-head{padding:17px}.table-tools .search-field{display:none}.table-tools .btn{font-size:11px}.table-footer{padding:13px 17px}.table-footer>span{max-width:60%;line-height:1.6}.page-footer{font-size:11px}.page-footer span:last-child{display:none}.stat-row{gap:10px}.stat-small{padding:15px}.stat-small strong{font-size:24px}.stat-small .small{font-size:11px}.target-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.level-tabs button{padding:7px 15px}.alert-head{align-items:flex-start}.alert-head h3{line-height:1.6}.alert-card{padding:16px;gap:10px}.alert-actions{flex-wrap:wrap}.alert-details{gap:13px;flex-wrap:wrap}.settings-layout{grid-template-columns:1fr}.settings-nav{flex-direction:row;overflow:auto}.settings-nav button{white-space:nowrap;font-size:11px;padding:10px}.settings-nav button .icon{width:15px}.settings-panel{padding:20px}.form-grid{grid-template-columns:1fr}.modal-backdrop{padding:14px}.modal{max-height:93vh}.modal-header{padding:18px 20px}.modal-body{padding:20px}.modal-footer{padding:16px 20px}.toast{right:16px;left:16px;bottom:16px;max-width:none}.login-screen{grid-template-columns:1fr}.login-brand{display:none}.login-panel{padding:35px}.screen-mode .main{padding:22px 16px}.screen-mode .analytics-grid{grid-template-columns:1fr}.screen-mode .kpi-value{font-size:29px}.screen-mode .kpi{padding:16px}.screen-mode .chart-wrap{height:230px}.screen-mode .heading-actions{flex-wrap:wrap}}
.data-table{font-size:12px}.data-table th{font-size:11px}.account-name{font-size:12px}.card-title{font-size:14px}.alert-head h3{font-size:14px}.target-data span,.rule-title{font-size:11px}.notice.info{font-size:11px;padding:9px 12px;margin-bottom:15px}.filter-select[type=month]{background:#fff;padding-right:10px;max-width:160px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Readability and touch targets: preserve visual hierarchy with legible secondary text. */
body{line-height:1.5}.data-table{font-size:13px}.data-table th{font-size:12px}.account-name{font-size:13px}.account-id{font-size:11px;overflow-wrap:anywhere}.field,.field small,.modal-note,.card-subtitle,.chart-bottom,.chart-legend,.target-data span,.target-data small,.rule-item p,.alert-meta,.alert-actions,.budget-info,.budget-stats span,.budget-track-label,.strip-item span,.kpi-foot,.kpi-foot .muted,.table-footer,.help-card,.settings-panel>p,.freshness,.demo-note{font-size:12px}.chart-svg text{font-size:11px}.field input,.field select,.field textarea{font-size:13px}.field input:disabled,.field select:disabled{opacity:1;background:#f2f4f8;color:#56647a;cursor:default}.icon-btn{min-width:36px;min-height:36px}.tab,.level-tabs button{min-height:34px;font-size:12px}.data-table th,.data-table td{font-variant-numeric:tabular-nums}.budget-info,.modal-note,.help-card{line-height:1.7}.target-period{font-size:12px}.screen-mode .account-name,.screen-mode .data-table{font-size:14px}
@media(max-width:760px){.btn,.filter-select,.search-field input{min-height:40px;font-size:12px}.icon-btn{min-width:40px;min-height:40px}.table-footer{flex-wrap:wrap;gap:10px}.filter-left>label{min-width:0}.filter-left select{max-width:100%}.chart-bottom{flex-wrap:wrap;gap:6px}.kpi-foot{flex-wrap:wrap}.field input,.field select,.field textarea{font-size:16px}.modal-footer{flex-wrap:wrap}.modal-footer .btn{flex:1}.target-value{flex-wrap:wrap;gap:6px}.alert-actions{align-items:flex-start;gap:10px;flex-wrap:wrap}}

.sidebar{overflow-y:auto;overscroll-behavior:contain}.sidebar>*{flex-shrink:0}.sidebar-backdrop{display:none}.account-name{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;max-width:260px;line-height:1.55}.account-cell>button,.account-cell>div{min-width:0}.kpi{min-width:0}.kpi-value{overflow-wrap:anywhere}.chart-tooltip small{display:block;font-size:11px;color:#e4e9ff;margin-top:4px}.stat-small strong{overflow-wrap:anywhere}
@media(max-width:760px){.sidebar.open+.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:25;background:#1e29454d}.stat-row{grid-template-columns:1fr}.stat-small{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.stat-small strong{margin:0;font-size:25px}.sidebar{max-height:100dvh}.account-name{max-width:240px}.table-scroll{overscroll-behavior-x:contain}.screen-mode .filters{display:none}}
@media(max-width:480px){.kpi-grid{grid-template-columns:1fr}.kpi{padding:19px 20px}.kpi-value,.screen-mode .kpi-value{font-size:30px}.kpi-foot{gap:7px}.table-footer>span{max-width:100%}.date-trigger{min-width:0}.target-data{gap:12px}.screen-mode .page-heading{gap:12px}}

/* Member directory: compact desktop rows become labelled cards on phones. */
.member-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 22px 18px;flex-wrap:wrap}.member-toolbar .search-field{flex:1;max-width:360px;min-width:200px}.member-toolbar .search-field input{max-width:none;font-size:13px}.member-filters{display:flex;gap:8px}.member-filters label{min-width:0}.member-table{white-space:normal;table-layout:fixed}.member-table th:first-child{width:24%}.member-table th:nth-child(2){width:24%}.member-table th:nth-child(3){width:21%}.member-table th:nth-child(4){width:12%}.member-table td{vertical-align:middle;overflow-wrap:anywhere}.member-identity{display:flex;gap:11px;align-items:flex-start}.member-identity>div{min-width:0}.member-avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;background:#eef1ff;color:#5368ce;font-size:12px;font-weight:600}.member-name{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:#35415c;font-size:14px}.member-department,.member-detail{display:block;font-size:12px;color:#68768e;margin-top:5px;overflow-wrap:anywhere}.member-login{font-weight:500;color:#414f69;font-size:13px;overflow-wrap:anywhere}.member-edit{font-size:12px!important;padding:3px 0!important;min-height:28px;margin-top:5px;gap:4px}.member-actions{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.member-actions .btn{font-size:12px;padding:4px 0}.member-disable{color:#7e5b65!important}.member-scope{border:0;padding:0;margin:0;min-width:0}.member-scope[hidden],#member-admin-scope[hidden]{display:none}.member-scope .checkbox-list{max-height:180px;overflow:auto;margin-bottom:8px}.member-scope .checkbox-label{align-items:flex-start;padding:10px;max-width:100%;overflow-wrap:anywhere}.member-scope .checkbox-label input{width:16px;height:16px;margin:3px 0 0;flex-shrink:0}.member-scope .checkbox-label small{display:block}.member-credentials{display:grid;gap:15px}.credential-card{border:1px solid #e5e9f3;background:#fafbff;border-radius:10px;padding:17px;display:grid;gap:13px;min-width:0}.credential-card h3{font-size:14px}.credential-card input{font-family:ui-monospace,Menlo,monospace;font-size:13px;background:#fff}.credential-card .btn{justify-self:start}.member-import-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.member-file{padding:16px;background:#f8faff;border:1px dashed #c9d3ed;border-radius:9px}.member-file input{border:0;padding:4px;background:transparent;max-width:100%}.member-paste{margin:18px 0}.member-paste summary{cursor:pointer;font-size:12px;color:#4b61bc;margin-bottom:12px}.member-paste textarea{font-family:inherit;min-height:95px}.member-paste .btn{margin-top:9px}.member-import-errors{background:#fff5f5;border:1px solid #f3d6d9;color:#974049;padding:14px;border-radius:8px;font-size:12px;margin-top:18px}.member-import-errors ul{padding-left:20px;margin-top:9px;line-height:1.8}.member-import-summary{display:flex;align-items:center;gap:8px;color:#157b60;font-size:13px;padding:16px 0}.member-preview-table td{white-space:normal;max-width:180px;overflow-wrap:anywhere}#member-import-preview>p{margin-top:12px}.members-panel .card-head{gap:14px;flex-wrap:wrap}.member-stats .stat-small{background:linear-gradient(135deg,#fff 65%,#fafbff)}
@media(max-width:1050px){.member-table th:first-child{width:26%}.member-table th:nth-child(2){width:26%}.member-table th:nth-child(3){width:20%}.member-table th:nth-child(4){width:12%}.member-table td,.member-table th{padding-inline:12px}.member-avatar{display:none}}
@media(max-width:760px){.member-toolbar{padding:0 17px 16px;align-items:stretch;gap:10px}.member-toolbar .search-field{max-width:none;min-width:0;flex-basis:100%}.member-filters{width:100%}.member-filters label{flex:1}.member-filters select{width:100%;max-width:none}.member-table-wrap{overflow:visible}.member-table,.member-table tbody{display:block;width:100%}.member-table thead{display:none}.member-table tr{display:block;margin:0 16px;padding:18px 0;border-top:1px solid var(--line)}.member-table td{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:7px 0!important;border:0;min-width:0;font-size:13px}.member-table td:not(:first-child):before{content:attr(data-label);color:#7a869c;font-size:12px;flex-shrink:0;min-width:72px}.member-table td:nth-child(2),.member-table td:nth-child(3){display:grid;grid-template-columns:84px minmax(0,1fr);gap:5px 12px}.member-table td:nth-child(2)>*,.member-table td:nth-child(3)>*{grid-column:2;justify-self:end;text-align:right;max-width:100%}.member-table td:nth-child(2):before,.member-table td:nth-child(3):before{grid-column:1;grid-row:1 / span 3;align-self:center}.member-table td:nth-child(2) .member-detail,.member-table td:nth-child(3) .member-detail{margin-top:0}.member-avatar{display:grid;width:42px;height:42px}.member-name{font-size:15px}.member-edit{min-height:36px;font-size:13px!important}.member-actions{flex-direction:row;align-items:center;gap:18px;flex-wrap:wrap;justify-content:flex-end}.member-actions .btn{min-height:40px}.member-import-tools{gap:10px}.credential-card input{font-size:14px}.members-panel .card-head .btn{min-height:40px}.member-preview-table{font-size:12px}.member-preview-table td,.member-preview-table th{padding:10px}}

/* Facebook authorization keeps each operator's account choice explicit. */
.meta-connection{display:flex;align-items:center;gap:16px;padding:20px 22px;margin-bottom:20px;flex-wrap:wrap}
.meta-connection>div:first-of-type{flex:1;min-width:180px}
.meta-connection strong{display:block;font-size:14px;line-height:1.5;color:#253047}
.meta-connection p{font-size:12px;line-height:1.8;margin-top:5px;overflow-wrap:anywhere}
.meta-connection-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--accent-soft);color:var(--accent);flex-shrink:0}
.meta-connection-actions{display:flex;gap:8px;flex-wrap:wrap}
.meta-intro{display:flex;gap:16px;align-items:flex-start;margin-bottom:18px}
.meta-intro p{margin:0;line-height:1.8;min-width:0;overflow-wrap:anywhere}
.meta-callback{margin:18px 0}.meta-callback input{font-size:12px}
.meta-selection-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 10px;flex-wrap:wrap}
.meta-selection-tools>div{display:flex;gap:6px}
.meta-account-list{padding:0;border:1px solid var(--line);border-radius:10px;max-height:330px;overflow:auto;overscroll-behavior:contain;min-width:0}
.meta-account-option{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;cursor:pointer;transition:background .15s}
.meta-account-option+.meta-account-option{border-top:1px solid var(--line)}
.meta-account-option:hover,.meta-account-option:focus-within{background:var(--accent-soft)}
.meta-account-option input{width:17px;height:17px;margin:3px 0 0;accent-color:var(--accent);flex-shrink:0}
.meta-account-option>span{min-width:0;flex:1}
.meta-account-option strong{display:block;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.meta-account-option small{display:block;font-size:11px;color:var(--muted);line-height:1.8;margin-top:4px;overflow-wrap:anywhere}
.meta-event{margin-top:18px}.meta-event small{line-height:1.7}
@media(max-width:600px){.meta-connection{padding:16px;gap:12px}.meta-connection>div:first-of-type{min-width:0;flex-basis:calc(100% - 60px)}.meta-connection>.btn,.meta-connection-actions{width:100%}.meta-connection-actions .btn{flex:1;justify-content:center}.meta-intro{gap:12px}.meta-account-option{padding:13px 12px}.meta-account-list{max-height:40vh}}