:root{color-scheme:light;--bg:#fff8e7;--panel:#fffefa;--text:#442414;--muted:#8a5a44;--line:#f1d1a5;--nav:#8f1d14;--nav2:#74150f;--primary:#d92d20;--primary-soft:#fff0e6;--orange:#f59e0b;--yellow:#ffd166;--green:#b86b00;--red:#c81e1e}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Microsoft YaHei UI","PingFang SC",system-ui,sans-serif}a{color:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:linear-gradient(180deg,var(--nav),#65110d);color:#ffe4b5;z-index:20;display:flex;flex-direction:column}.brand-box{min-height:96px;padding:18px 16px 14px;display:flex;align-items:center;gap:11px;border-bottom:1px solid rgba(255,209,102,.18)}.brand-box img{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 3px 7px rgba(0,0,0,.2))}.brand-title{font-size:15px;line-height:1.35;font-weight:900;color:#fff}.brand-title small{display:block;font-size:9px;letter-spacing:1.4px;color:#f5b85a;margin-top:4px}.nav-caption{padding:18px 20px 7px;color:#f5b85a;font-size:11px}.nav{padding:0 10px}.nav a{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:8px;text-decoration:none;font-size:13px;margin:2px 0;color:#ffe4b5}.nav a:hover,.nav a.active{background:var(--primary);color:#fff}.nav .icon{width:20px;text-align:center;font-size:15px}.local-mode{margin:auto 12px 16px;padding:12px;border:1px solid #b6402c;background:var(--nav2);font-size:11px;line-height:1.6;color:#f6c891}.local-mode strong{display:block;color:var(--yellow);font-size:12px;margin-bottom:3px}.workspace{margin-left:232px;min-height:100vh}.topbar{height:66px;position:sticky;top:0;z-index:15;background:rgba(255,254,250,.97);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;box-shadow:0 3px 16px rgba(143,29,20,.06)}.page-name{font-size:19px;font-weight:900;color:var(--nav)}.sync-state{font-size:11px;color:var(--muted);margin-top:3px}.user{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}.readonly{padding:5px 9px;border-radius:999px;background:#fff0c2;color:#8f1d14;font-weight:800}.logout{margin:0}.logout button{border:1px solid var(--line);background:#fff7dd;color:var(--nav);padding:7px 12px;border-radius:7px;cursor:pointer}.content{max-width:1560px;margin:0 auto;padding:22px 24px 36px}.section{scroll-margin-top:88px;margin-bottom:18px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:11px}.section-head h1,.section-head h2{margin:0;color:var(--nav)}.section-head h1{font-size:23px}.section-head h2{font-size:17px}.subtitle{color:var(--muted);font-size:12px;margin-top:5px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:17px;box-shadow:0 7px 24px rgba(143,29,20,.06)}.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.filter-panel{margin-bottom:14px}.field label{display:block;color:var(--muted);font-size:11px;margin:0 0 6px}.field select,.field input{min-width:170px;border:1px solid #e8b978;border-radius:7px;background:#fffdf7;padding:8px 10px;color:var(--text);font:inherit}.account-picker{position:relative;min-width:280px}.account-picker summary{list-style:none;min-height:36px;border:1px solid #e8b978;border-radius:7px;background:#fffdf7;padding:9px 34px 9px 11px;color:var(--text);cursor:pointer;position:relative}.account-picker summary::-webkit-details-marker{display:none}.account-picker summary:after{content:"▾";position:absolute;right:12px;color:var(--primary)}.account-picker[open] summary:after{content:"▴"}.account-menu{position:absolute;z-index:30;top:calc(100% + 5px);left:0;width:min(420px,80vw);max-height:280px;overflow:auto;background:#fffefa;border:1px solid #e8b978;border-radius:8px;box-shadow:0 16px 36px rgba(89,28,16,.18);padding:7px}.account-option{display:flex!important;gap:9px;align-items:flex-start;margin:0!important;padding:8px 9px!important;border-radius:6px;color:var(--text)!important;font-size:11px!important;cursor:pointer}.account-option:hover{background:#fff1d6}.account-option input{width:15px!important;min-width:15px!important;margin:1px 0 0;padding:0}.account-empty{padding:10px;color:var(--muted);font-size:11px}.btn{display:inline-block;border:0;border-radius:7px;padding:9px 15px;font-size:12px;font-weight:800;cursor:pointer;text-decoration:none;background:var(--primary);color:#fff}.btn.ghost{background:#fff0c2;color:var(--nav);border:1px solid #f3c77f}.quick-links{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.quick-links .btn{padding:7px 13px}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.card{position:relative;overflow:hidden;background:linear-gradient(145deg,#fffefa,#fff7dd);border:1px solid var(--line);border-radius:9px;padding:15px 16px;min-height:105px}.card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--primary)}.card:nth-child(2):before,.card:nth-child(5):before{background:var(--orange)}.card .label{font-size:11px;color:var(--muted)}.card .value{font-size:22px;font-weight:900;margin-top:8px;color:#b42318;white-space:nowrap}.card .hint{font-size:10px;color:var(--muted);margin-top:5px}.grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);gap:16px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-title h3{font-size:15px;margin:0;color:var(--nav)}.metric-switch{display:flex;gap:6px}.metric-switch a{font-size:11px;padding:6px 10px;border:1px solid var(--line);border-radius:6px;text-decoration:none;background:#fff7dd}.metric-switch a.active{background:var(--primary);color:#fff;border-color:var(--primary)}.chart{width:100%;height:auto;max-height:260px;background:linear-gradient(180deg,#fff3d1,#fffefa);border-radius:8px;border:1px solid #f1d1a5}.chart .axis{stroke:#efd6af;stroke-width:1}.chart .trend{fill:none;stroke:#e13224;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.chart .dot{fill:#e13224;stroke:#fff;stroke-width:2}.chart .point-label{fill:#c3261b;font-size:10px;font-weight:800;text-anchor:middle}.chart .hour-label{fill:#8a5a44;font-size:9px;text-anchor:middle}.table-wrap{overflow:auto;max-height:485px;border:1px solid #f4dfc1;border-radius:7px}table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}th{text-align:left;color:var(--nav);font-weight:800;background:#fff1d6;position:sticky;top:0;z-index:1}th,td{padding:10px;border-bottom:1px solid #f4dfc1}tbody tr:hover{background:#fffaf0}td.num,th.num{text-align:right}.badge{display:inline-block;padding:3px 8px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:10px}.badge.green{background:#fff4d6;color:#986000}.badge.orange{background:#fff0c2;color:#a94b00}.badge.danger{background:#ffe3dc;color:#b42318}.empty{padding:30px!important;color:var(--muted);text-align:center!important}.alert-list{display:grid;gap:9px}.alert-item{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;border:1px solid var(--line);padding:12px;background:#fffdf8}.severity{padding:6px 8px;text-align:center;font-size:10px;font-weight:900;color:#fff;background:var(--orange)}.severity.danger{background:var(--red)}.alert-title{font-size:12px;font-weight:800;color:var(--nav)}.alert-detail{font-size:11px;color:var(--muted);margin-top:3px}.footer{color:var(--muted);font-size:10px;text-align:center;padding:18px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 70% 20%,#ffd45c,#ff9f43 35%,#c72c1c 100%)}.login{width:min(430px,100%);background:#fffefa;border:1px solid var(--line);border-radius:16px;padding:32px;box-shadow:0 24px 60px rgba(111,22,14,.22)}.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:18px}.login-logo img{width:58px;height:58px;object-fit:contain}.login h1{font-size:22px;margin:0 0 5px;color:var(--nav)}.login p{color:var(--muted);font-size:12px;margin:0 0 20px}.login label{display:block;font-size:11px;color:var(--muted);margin:13px 0 6px}.login input{width:100%;padding:11px;border:1px solid #e8b978;border-radius:7px;font-size:14px}.login .btn{width:100%;margin-top:20px}.error{background:#ffe9e2;color:#a71916;padding:10px 12px;border-radius:7px;font-size:11px;margin-bottom:14px}.security{font-size:10px!important;margin-top:16px!important;text-align:center}.hide-mobile{display:block}
@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.sidebar{width:205px}.workspace{margin-left:205px}.content{padding:18px}}
@media(max-width:760px){.sidebar{position:static;width:100%;height:auto}.brand-box{min-height:76px}.nav-caption,.local-mode{display:none}.nav{display:flex;overflow:auto;padding:8px}.nav a{flex:0 0 auto}.workspace{margin-left:0}.topbar{position:static;padding:0 14px}.content{padding:14px}.cards{grid-template-columns:1fr}.field,.field select,.field input,.account-picker{width:100%;min-width:0}.account-menu{width:100%}.filters,.settings-grid{display:grid;grid-template-columns:1fr}.settings-row{align-items:flex-start}.hide-mobile{display:none}}
.nav a.locked{opacity:.58;cursor:not-allowed}.nav a.locked:hover{background:transparent;color:#ffe4b5}.section.is-hidden{display:none}.notice{background:#fff2c7;color:#7b4a00;padding:10px 12px;border-radius:7px;font-size:11px;margin-bottom:14px}.auth-links{text-align:center;margin-top:14px;font-size:12px}.auth-links a{color:var(--primary);font-weight:800;text-decoration:none}.auth-links a:hover{text-decoration:underline}.creative-thumb{display:block;width:96px;height:72px;object-fit:contain;background:#fff8e7;border:1px solid var(--line);border-radius:6px}.creative-thumb-empty{width:96px;height:72px;display:grid;place-items:center;background:#fff8e7;border:1px dashed var(--line);border-radius:6px;color:var(--muted);font-size:10px}
.role-badge{padding:5px 9px;border-radius:999px;background:#fff0c2;color:#8f1d14;font-weight:800}.role-badge.admin{background:#d92d20;color:#fff}.action-form{display:flex;align-items:center;gap:5px}.action-form input{width:86px;min-width:86px;padding:6px;border:1px solid #e8b978;border-radius:5px}.btn.small{padding:6px 9px;font-size:10px;white-space:nowrap}.btn.warning{background:#f59e0b}.btn.success{background:#9a6500}.confirm-page{min-height:100vh;display:grid;place-items:center;padding:24px}.confirm-card{width:min(560px,100%);background:#fffefa;border:1px solid var(--line);border-radius:14px;padding:26px;box-shadow:0 18px 50px rgba(111,22,14,.16)}.confirm-card h1{margin:0 0 8px;color:var(--nav);font-size:21px}.confirm-summary{margin:18px 0;padding:14px;background:#fff7dd;border:1px solid var(--line);border-radius:8px;line-height:1.9;font-size:13px}.confirm-actions{display:flex;gap:10px}.confirm-actions form{margin:0}.confirm-actions .btn{width:auto;margin:0}.overview-left{display:grid;gap:16px;align-content:start}.overview-alert-panel{min-height:224px}.overview-alert-panel .alert-list{max-height:300px;overflow:auto}.overview-alert-panel .alert-item{grid-template-columns:48px 1fr auto;padding:10px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-card{border:1px solid var(--line);border-radius:8px;padding:15px;background:#fffdf8}.settings-card h3{margin:0 0 5px;color:var(--nav);font-size:14px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #f4dfc1}.settings-row:last-child{border-bottom:0}.settings-row label{font-size:12px;color:var(--text)}.settings-row input[type=number],.settings-row select{width:170px;border:1px solid #e8b978;border-radius:6px;background:#fff;padding:8px;color:var(--text)}.settings-row input[type=checkbox]{width:17px;height:17px;accent-color:var(--primary)}.settings-actions{display:flex;justify-content:flex-end;margin-top:15px}.settings-note{padding:11px 13px;background:#fff2c7;border-radius:7px;color:#7b4a00;font-size:11px;margin-bottom:14px}
.settings-sync,.desktop-setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);padding:12px 14px;margin-bottom:9px;background:#fffdf8}.settings-sync form{margin:0}.desktop-setting-row.primary-soft{background:var(--primary-soft)}.desktop-setting-row.summary-soft{background:#fff7e6}.desktop-setting-row label{font-weight:800;font-size:12px}.desktop-setting-row span{font-size:11px;color:var(--muted)}.desktop-setting-row select{border:1px solid #e8b978;border-radius:5px;background:#fff;padding:6px 8px;color:var(--text)}.desktop-setting-row input[type=checkbox],.delivery-row input,.compact-check input,.tone-group input,.bot-card input{accent-color:var(--primary)}.settings-section-title{margin:22px 0 10px}.settings-section-title h3{margin:0;color:var(--nav);font-size:15px}.aggregate-list{border:1px solid var(--line);background:var(--primary-soft);padding:9px;display:grid;gap:7px}.aggregate-rule{display:grid;grid-template-columns:78px minmax(170px,1fr) 160px 95px 120px minmax(150px,.8fr);align-items:center;gap:8px;background:#fffefa;border:1px solid #f2d3a7;padding:8px}.aggregate-rule>input:not([type=hidden]),.aggregate-rule>select{min-width:0;width:100%;border:1px solid #e8b978;border-radius:5px;background:#fff;padding:7px;color:var(--text)}.compact-check{display:flex;align-items:center;gap:6px;font-size:11px;white-space:nowrap}.rule-account-picker{position:relative}.rule-account-picker summary{list-style:none;border:1px solid #e8b978;border-radius:5px;background:#fff;padding:7px 28px 7px 8px;font-size:11px;cursor:pointer}.rule-account-picker summary:after{content:"▾";position:absolute;right:9px;color:var(--primary)}.rule-account-picker[open] summary:after{content:"▴"}.rule-account-picker .account-menu{left:auto;right:0}.delivery-row{display:flex;align-items:center;gap:20px;padding:13px 2px}.delivery-row label{font-size:11px}.settings-card.full{margin-top:9px}.tone-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}.tone-group{border:1px solid #f0c98f;background:#fffaf0;padding:9px}.tone-group summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:11px}.tone-group summary>span{color:var(--muted);font-size:10px}.tone-options{display:grid;gap:7px;padding:10px 3px 2px}.tone-options label{display:grid;grid-template-columns:18px 70px 1fr;align-items:start;font-size:11px}.tone-options small{color:var(--muted);line-height:1.5}.persona-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.persona-grid>label:not(.compact-check){display:grid;gap:5px;color:var(--muted);font-size:10px}.persona-grid select{width:100%;border:1px solid #e8b978;border-radius:5px;background:#fff;padding:8px;color:var(--text)}.bot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.bot-card{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:9px;padding:12px;border:1px solid #efc687;background:#fffaf0;cursor:pointer}.bot-card strong,.bot-card small{display:block}.bot-card small{color:var(--muted);font-size:10px;margin-top:3px}.settings-footnote{margin:9px 2px}.top-sync-form{margin:0}.top-sync-form .btn{padding:7px 11px;font-size:11px}
@media(max-width:1050px){.aggregate-rule{grid-template-columns:76px 1fr 1fr}.aggregate-rule .rule-account-picker{grid-column:span 2}.tone-grid,.bot-grid{grid-template-columns:1fr}.persona-grid{grid-template-columns:repeat(2,1fr)}}