:root{color:#172128;background:#eef2f4;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.app-layout{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{background:#101719;color:#eef6f5;display:flex;flex-direction:column;gap:24px;padding:22px 16px}.brand-line{align-items:center;display:flex;gap:12px}.brand-line strong,.brand-line span{display:block}.brand-line span,small,.eyebrow,.muted-copy{color:#72818a;font-size:12px}.brand-mark,.metric-icon{align-items:center;display:inline-flex;justify-content:center}.brand-mark{background:#27d2b7;border-radius:8px;color:#071311;height:42px;width:42px}.nav-list{display:grid;gap:7px}.nav-list button{align-items:center;background:transparent;border:0;border-radius:8px;color:#aebbbe;display:flex;gap:10px;min-height:42px;padding:0 12px;text-align:left}.nav-list button.active,.nav-list button:hover{background:#223035;color:#fff}.nav-group-label{color:#6f8186;font-size:11px;letter-spacing:0;margin:14px 12px 2px}.nav-list button.sub-nav,.nav-list button.sub-active{margin-left:18px;min-height:38px}.nav-list button.sub-active{background:#223035;color:#fff}.user-card{border-top:1px solid #2c3a3f;display:grid;gap:8px;margin-top:auto;padding-top:18px}.main-panel{align-content:start;display:grid;gap:20px;min-width:0;padding:28px}.topbar{align-items:center;background:#fff;border:1px solid #dfe7ea;border-radius:8px;display:flex;gap:20px;justify-content:space-between;min-height:84px;padding:18px 20px}.eyebrow{letter-spacing:0;margin:0 0 5px;text-transform:uppercase}h1,h2{letter-spacing:0;line-height:1.15;margin:0}h1{font-size:26px}h2{font-size:19px}.toolbar,.button-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.button-row.left-align{justify-content:flex-start;margin-bottom:14px}.search-box{align-items:center;background:#fff;border:1px solid #dbe3e6;border-radius:8px;display:flex;gap:8px;min-height:40px;padding:0 10px}.search-box input{border:0;min-width:220px;padding:0}.single-store-pill{align-items:center;background:#eef8f6;border:1px solid #c7e7df;border-radius:8px;color:#17352f;display:inline-flex;gap:8px;min-height:40px;padding:0 12px;white-space:nowrap}input,select{background:#fff;border:1px solid #dbe3e6;border-radius:8px;color:#18232a;min-height:40px;padding:0 11px}.primary,.ghost{align-items:center;border-radius:8px;display:inline-flex;gap:8px;justify-content:center;min-height:40px;padding:0 14px}.primary{background:#101719;border:1px solid #101719;color:#fff;font-weight:700}.ghost{background:#fff;border:1px solid #dbe3e6;color:#18232a}.text-button{width:auto}.full{width:100%}.page-stack{align-content:start;display:grid;gap:18px}.metrics{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card,.panel{background:#fff;border:1px solid #dfe7ea;border-radius:8px}.metric-card{align-content:space-between;display:grid;gap:8px;min-height:112px;padding:18px}.metric-icon{background:#e9f8f5;border-radius:8px;color:#087968;height:38px;width:38px}.metric-card>span{color:#65757c;font-size:13px}.metric-card strong{font-size:26px}.panel{min-width:0;padding:20px}.section-title{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.section-title>span{color:#65757c;font-size:13px}.split-grid{display:grid;gap:18px;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr)}.connector-shell{display:grid;gap:18px}.connector-hero{align-items:center;background:#11191c;border-radius:8px;color:#fff;display:flex;gap:24px;justify-content:space-between;min-height:150px;padding:26px}.connector-hero h2{font-size:28px;margin-bottom:8px}.connector-hero p{color:#aebbbe;line-height:1.7;margin:0;max-width:720px}.connector-state{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:8px;min-width:160px;padding:16px}.connector-state span,.connector-state strong{display:block}.connector-state span{color:#aebbbe;font-size:12px;margin-bottom:6px}.connector-state strong{font-size:22px}.connector-grid-page{display:grid;gap:18px;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)}.connection-panel,.mcp-panel,.sync-panel,.queue-panel{box-shadow:0 12px 30px #1620260a}.mcp-panel{border-left:4px solid #087968}.auth-page{max-width:980px}.auth-panel{display:grid;gap:18px}.auth-status{background:#f4f8f9;border:1px solid #dfe8eb;border-radius:8px;display:grid;gap:4px;padding:14px}.auth-status span{color:#65757c;font-size:12px}.auth-status strong{color:#102027}.mcp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.mcp-account-box{border:1px solid #dfe8eb;border-radius:8px;display:grid;gap:10px;margin-top:16px;padding:14px}.mcp-account-box label{color:#65757c;display:grid;font-size:12px;gap:6px}.mcp-profile-bar{align-items:end;border:1px solid #dfe8eb;border-radius:8px;display:grid;gap:10px;grid-template-columns:minmax(220px,1fr) minmax(180px,.8fr) auto auto auto auto;padding:12px}.mcp-profile-bar label{color:#65757c;display:grid;font-size:12px;gap:6px}.mcp-profile-bar span{align-self:center;background:#f3f7f8;border-radius:8px;color:#40515a;font-size:13px;padding:10px 12px}.danger-button{color:#b42318}.mcp-account-meta{color:#53646b;display:flex;flex-wrap:wrap;font-size:13px;gap:10px}.mcp-account-meta span{background:#f1f6f7;border-radius:6px;padding:6px 8px}.mcp-account-header{align-items:center;display:flex;justify-content:space-between}.mcp-account-header span{color:#65757c;font-size:13px}.mcp-store-list{display:grid;gap:10px}.mcp-store-list.selectable{gap:8px}.mcp-store-list.compact{margin-top:12px}.mcp-store-card{background:#fff;border:1px solid #dbe3e6;border-radius:8px;color:#18232a;display:flex;gap:5px;min-height:0;padding:12px;text-align:left}.mcp-store-card input{margin-top:3px;min-height:auto;width:16px}.mcp-store-main{display:grid;flex:1;gap:4px}.mcp-store-card em{align-self:flex-start;background:#e9f8f5;border-radius:999px;color:#087968;font-size:12px;font-style:normal;padding:4px 8px;white-space:nowrap}.mcp-store-card.muted-card{background:#f7fafb;color:#607179}.mcp-store-card.muted-card em{background:#edf2f4;color:#66777f}.mcp-store-card.selected{border-color:#087968;box-shadow:inset 3px 0 #087968}.mcp-store-card span,.mcp-store-card small{color:#65757c}.mcp-selection-bar{align-items:center;background:#f4f8f9;border:1px solid #dfe8eb;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;padding:10px}.mcp-selection-bar span{color:#52636b;font-size:13px}.budget-confirm-box{background:#f7fafb;border:1px solid #e3eaed;border-radius:8px;margin-top:16px;padding:14px}.budget-confirm-box strong,.budget-confirm-box small{display:block}.budget-confirm-box small{color:#65757c;margin-top:4px}.step-card,.sync-card{align-items:center;border:1px solid #e3eaed;border-radius:8px;display:grid;gap:14px;grid-template-columns:44px minmax(0,1fr) auto;margin-bottom:12px;min-height:78px;padding:14px}.step-card strong,.sync-card strong{display:block;margin-bottom:4px}.step-icon{align-items:center;background:#e9f8f5;border-radius:8px;color:#087968;display:flex;height:44px;justify-content:center;width:44px}.compact-form{border-top:1px solid #e6ecef;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px;padding-top:16px}.compact-form.no-border{border-top:0;margin-top:12px;padding-top:0}.compact-form label,.advanced-box label{color:#65757c;display:grid;font-size:12px;gap:6px}.advanced-box{background:#f7fafb;border:1px solid #e3eaed;border-radius:8px;margin-top:14px;padding:12px 14px}.advanced-box summary{color:#40515a;cursor:pointer;font-weight:700}.advanced-box .form-grid{margin-top:12px}.sync-card{grid-template-columns:minmax(0,1fr) auto}.safety-list{display:grid;gap:10px;margin-top:14px}.safety-list div{align-items:center;background:#f4f8f9;border-radius:8px;color:#40515a;display:flex;gap:8px;min-height:40px;padding:0 12px}.safety-list svg{color:#087968}.queue-toolbar{align-items:center;display:flex;gap:14px;justify-content:space-between;margin-bottom:14px}.mode-switch{background:#eef3f4;border-radius:8px;display:grid;grid-template-columns:repeat(3,1fr);padding:4px}.mode-switch.large{margin-bottom:14px}.mode-switch button{background:transparent;border:0;border-radius:6px;min-height:38px}.mode-switch button.selected{background:#101719;color:#fff;font-weight:700}.data-table{display:grid;gap:8px;overflow-x:auto}.table-header,.table-row{align-items:center;display:grid;gap:12px;min-width:860px;padding:0 12px}.table-header{color:#65757c;font-size:12px;min-height:34px}.table-row{border:1px solid #e6ecef;border-radius:8px;min-height:62px;padding-bottom:10px;padding-top:10px}.table-row strong,.table-row small{display:block}.store-workspace-list{display:grid;gap:18px}.store-workspace{border:1px solid #e2eaed;border-radius:8px;display:grid;gap:14px;padding:14px}.store-workspace-header{align-items:flex-start;display:flex;gap:14px;justify-content:space-between}.store-workspace h3{font-size:18px;margin:0 0 8px}.store-meta-line{color:#65757c;display:flex;flex-wrap:wrap;font-size:13px;gap:10px}.store-meta-line span{background:#f3f7f8;border-radius:6px;padding:6px 8px}.store-actions{align-items:center;display:flex;gap:10px}.campaigns-table .table-header,.campaigns-table .table-row{grid-template-columns:minmax(180px,1.3fr) minmax(160px,1fr) repeat(6,minmax(84px,.6fr))}.store-plans-table .table-header,.store-plans-table .table-row{grid-template-columns:minmax(220px,1.4fr) repeat(6,minmax(84px,.6fr)) minmax(150px,.8fr)}.stores-table .table-header,.stores-table .table-row{grid-template-columns:minmax(220px,1.2fr) minmax(180px,.9fr) minmax(130px,.7fr) 70px 100px 90px 120px}.good{color:#087968;font-weight:800}.warn{color:#c95d16;font-weight:800}.status.good{background:#e8f8f4;border-radius:999px;padding:5px 10px;text-align:center}.row-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.icon-text{min-height:34px;padding:0 10px}.icon-only{height:38px;padding:0;width:38px}.drawer-backdrop{align-items:stretch;background:#0c14175c;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:20}.plan-drawer{background:#fff;border-left:1px solid #d9e3e7;box-shadow:-18px 0 40px #0f1a1f24;display:grid;grid-template-rows:auto auto 1fr;max-width:760px;min-width:420px;width:min(54vw,760px)}.drawer-header{align-items:start;border-bottom:1px solid #e3eaed;display:flex;gap:14px;justify-content:space-between;padding:22px}.drawer-header small{display:block;margin-top:8px}.drawer-body{display:grid;gap:16px;overflow:auto;padding:22px}.drawer-tabs{background:#f6fafb;border-bottom:1px solid #e3eaed;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));padding:10px 22px}.drawer-tabs button{background:transparent;border:1px solid transparent;border-radius:8px;min-height:38px}.drawer-tabs button.selected{background:#101719;border-color:#101719;color:#fff;font-weight:800}.explain-box,.inline-message{background:#f4f8f9;border:1px solid #dfe8eb;border-radius:8px;color:#40515a;display:grid;gap:5px;padding:12px}.confirm-diff{border:1px solid #e0e8eb;border-radius:8px;display:grid;gap:8px;padding:12px}.confirm-diff div,.rule-toggle-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.confirm-diff span{color:#65757c;font-size:13px}.confirm-diff code{background:#eef3f4;border-radius:6px;color:#26353b;padding:6px 8px}.drawer-actions,.rule-operation-grid{display:flex;flex-wrap:wrap;gap:10px}.rule-toggle-row{border:1px solid #e3eaed;border-radius:8px;padding:12px}.rule-toggle-row strong,.rule-toggle-row small{display:block}.rule-description{background:#101719;border-radius:8px;color:#e9f8f5;font-family:Cascadia Code,Consolas,monospace;font-size:12px;line-height:1.65;margin:0;max-height:320px;overflow:auto;padding:14px;white-space:pre-wrap}.material-section-list{display:grid;gap:14px}.material-card{border:1px solid #e3eaed;border-radius:8px;display:grid;gap:12px;padding:14px}.material-card h3{font-size:15px;margin:0}.material-card-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.material-card-header span{color:#65757c;font-size:12px}.material-summary-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.material-summary-grid div{background:#f5f9fa;border-radius:8px;display:grid;gap:5px;padding:10px}.material-summary-grid span,.material-list small{color:#65757c;font-size:12px}.material-list{display:grid;gap:8px}.material-list article{align-items:start;border:1px solid #e6ecef;border-radius:8px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);padding:10px}.material-list strong,.material-list small{display:block}.material-metrics{display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.material-metrics span{background:#f3f7f8;border-radius:6px;color:#40515a;font-size:12px;padding:6px 8px}.material-error-list{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#9a3412;display:grid;font-size:12px;gap:6px;padding:10px 12px}.compact-list,.rule-list,.log-list,.action-list,.user-list{display:grid;gap:10px}.compact-list article,.rule-card,.log-item,.action-item,.employee-card{border:1px solid #e6ecef;border-radius:8px;padding:12px}.employee-card{display:grid;gap:12px}.employee-card.selected{border-color:#087968;box-shadow:inset 3px 0 #087968}.employee-card-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.assigned-store-list{display:flex;flex-wrap:wrap;gap:8px}.assigned-store-list span{background:#f1f6f7;border-radius:6px;color:#40515a;font-size:12px;padding:6px 8px}.assigned-store-list.compact span{padding:4px 7px}.employee-table .table-header,.employee-table .table-row{grid-template-columns:minmax(120px,.8fr) minmax(190px,1fr) 80px minmax(220px,1.4fr) 120px}.user-drawer{max-width:500px}.permission-note{background:#f4f8f9;border:1px solid #dfe8eb;border-radius:8px;color:#40515a;font-size:13px;line-height:1.7;margin-top:14px;padding:12px}.compact-list article{align-items:center;display:flex;justify-content:space-between}.rule-card{display:grid;gap:12px}.rule-main{align-items:center;display:flex;gap:12px}.toggle{background:#c9d2d6;border:0;border-radius:999px;height:22px;position:relative;width:42px}.toggle:after{background:#fff;border-radius:50%;content:"";height:16px;left:3px;position:absolute;top:3px;transition:transform .15s ease;width:16px}.toggle.on{background:#27d2b7}.toggle.on:after{transform:translate(20px)}.rule-controls,.form-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.rule-controls{grid-template-columns:minmax(120px,1fr) 82px 90px minmax(120px,1fr) 86px}.form-grid.one-column{grid-template-columns:1fr}.form-grid label{color:#65757c;display:grid;font-size:12px;gap:6px}.wide-field{grid-column:1 / -1}.queue-summary{align-items:baseline;background:#f6f9fa;border:1px solid #e0e8eb;border-radius:8px;display:flex;gap:10px;margin-bottom:0;padding:14px}.queue-summary strong{font-size:32px}.action-list{max-height:360px;overflow:auto}.action-item{border-left:4px solid #d17a22;display:grid;gap:8px}.action-item.low{border-left-color:#27d2b7}.action-item.high{border-left-color:#c43f2f}.action-item code{background:#eef3f4;border-radius:6px;color:#40515a;padding:5px 7px}.log-item{border-left:4px solid #9aa7ad;display:grid;gap:12px;grid-template-columns:54px minmax(0,1fr)}.log-item.success{border-left-color:#27d2b7}.log-item.warning{border-left-color:#d17a22}.store-checks{display:grid;gap:7px;margin-top:10px}.store-checks label{align-items:center;color:#40515a;display:flex;font-size:13px;gap:8px}.store-checks input{min-height:auto;width:16px}.draft-checks{margin-bottom:14px}.empty-state{align-items:center;border:1px dashed #cdd8dd;border-radius:8px;color:#65757c;display:flex;justify-content:center;min-height:140px}.empty-state.small{min-height:72px;width:100%}.login-screen{align-items:center;background:#eef3f4;display:flex;justify-content:center;min-height:100vh;padding:24px}.login-card{background:#fff;border:1px solid #dfe7ea;border-radius:8px;display:grid;gap:15px;max-width:420px;padding:26px;width:100%}.login-card h1{font-size:26px}.login-card label{color:#65757c;display:grid;font-size:12px;gap:6px}.form-error{background:#fff0ed;border:1px solid #f0beb4;border-radius:8px;color:#a33625;padding:10px 12px}.login-hint{color:#65757c;font-size:12px;margin:0}@media(max-width:1180px){.app-layout{grid-template-columns:1fr}.sidebar{position:static}.nav-list{grid-template-columns:repeat(4,minmax(0,1fr))}.metrics,.split-grid,.connector-grid-page{grid-template-columns:1fr 1fr}}@media(max-width:760px){.main-panel,.sidebar{padding:18px}.topbar{align-items:stretch;flex-direction:column}.toolbar{justify-content:flex-start}.search-box,.search-box input{width:100%}.metrics,.split-grid,.connector-grid-page,.rule-controls,.form-grid,.compact-form,.nav-list{grid-template-columns:1fr}.connector-hero,.queue-toolbar,.step-card,.sync-card{align-items:stretch;flex-direction:column;grid-template-columns:1fr}}