:root{--ink:#17231d;--muted:#6b756f;--line:#e5e9e6;--bg:#f4f6f4;--panel:#fff;--green:#0d6b45;--lime:#d8f45a;--red:#c43636;--amber:#a76a00;--shadow:0 10px 35px rgba(21,42,31,.08)}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#12251d;color:#edf7f1;padding:25px 16px;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font:800 18px Manrope;letter-spacing:1.5px;padding:0 8px 25px}.brand small{display:block;font:500 10px DM Sans;letter-spacing:2px;color:#91a69c;margin-top:2px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--lime);color:#153124;border-radius:7px;font-size:21px}.sidebar nav p{font-size:10px;letter-spacing:1.6px;color:#6f8b7e;margin:22px 11px 8px}.nav-item{width:100%;border:0;background:transparent;color:#b9c9c1;display:flex;align-items:center;gap:12px;padding:11px;border-radius:7px;font:500 14px DM Sans;cursor:pointer;text-align:left}.nav-item span{font-size:18px;width:20px}.nav-item b,.nav-item i{margin-left:auto;font-size:10px;font-style:normal;font-weight:600;background:#263d32;color:#b9c9c1;border-radius:12px;padding:3px 7px}.nav-item:hover,.nav-item.active{background:#223b30;color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--lime)}.system-health{position:absolute;bottom:22px;left:18px;right:18px;border-top:1px solid #294238;padding-top:17px;display:flex;align-items:center;gap:10px}.system-health strong,.system-health small{display:block;font-size:12px}.system-health small{color:#80958b;margin-top:3px}.pulse{width:9px;height:9px;border-radius:50%;background:#55d78a;box-shadow:0 0 0 5px rgba(85,215,138,.12)}main{min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;gap:20px;position:sticky;top:0;z-index:10}.global-search{width:min(520px,55vw);height:40px;background:#f4f6f4;border:1px solid var(--line);display:flex;align-items:center;padding:0 12px;gap:8px;border-radius:7px}.global-search input{border:0;outline:0;background:transparent;width:100%;font:14px DM Sans}.global-search kbd{font:11px DM Sans;color:#88928d;background:#fff;border:1px solid #dfe4e1;padding:3px 6px;border-radius:4px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.icon-btn,.store-link,.menu{border:1px solid var(--line);background:#fff;height:38px;border-radius:6px;cursor:pointer}.icon-btn{width:38px;position:relative}.icon-btn em{position:absolute;right:-3px;top:-4px;background:#d83b3b;color:#fff;width:15px;height:15px;border-radius:50%;font-size:9px;font-style:normal;display:grid;place-items:center}.store-link{padding:0 14px;font:600 13px DM Sans}.avatar{width:37px;height:37px;border-radius:50%;background:#d9e6df;color:#174f36;display:grid;place-items:center;font-weight:700}.menu{display:none;width:40px}.content{padding:28px 30px 60px;max-width:1600px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head h1{font:800 clamp(24px,3vw,34px) Manrope;margin:0 0 5px}.page-head p{margin:0;color:var(--muted);font-size:14px}.actions{display:flex;gap:9px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:#fff;color:var(--ink);padding:10px 15px;border-radius:6px;font:600 13px DM Sans;cursor:pointer}.btn.primary{background:var(--green);color:#fff;border-color:var(--green)}.btn.danger{background:#fff2f2;border-color:#efcaca;color:#a72626}.btn.ghost{background:transparent}.btn:disabled{opacity:.45;cursor:not-allowed}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat,.panel{background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 2px 8px rgba(20,35,27,.02)}.stat{padding:18px}.stat .label{font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.stat strong{display:block;font:800 27px Manrope;margin:11px 0 4px}.change{font-size:11px;color:var(--green)}.change.warn{color:var(--amber)}.grid-2{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;margin-bottom:18px}.panel-head{padding:17px 19px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head h2{font:700 15px Manrope;margin:0}.panel-head small{color:var(--muted)}.panel-body{padding:18px}.chart{height:230px;display:flex;align-items:flex-end;gap:12px;padding:20px 5px 5px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#edf0ee 50px)}.bar-group{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:4px;height:100%;position:relative}.bar{width:31%;background:var(--green);border-radius:3px 3px 0 0}.bar.alt{background:var(--lime)}.bar-group label{position:absolute;bottom:-22px;font-size:10px;color:var(--muted)}.legend{display:flex;gap:18px;font-size:11px;color:var(--muted);padding-top:28px}.legend i{width:8px;height:8px;border-radius:2px;display:inline-block;margin-right:5px}.activity{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #edf0ee}.activity:last-child{border:0}.activity-icon{width:33px;height:33px;border-radius:6px;background:#ecf3ef;display:grid;place-items:center;color:var(--green)}.activity p{margin:0;font-size:13px}.activity small{display:block;color:var(--muted);margin-top:4px}.status{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:5px 9px;font-size:11px;font-weight:600;background:#edf8f1;color:#187044;white-space:nowrap}.status:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.status.warn{background:#fff7e8;color:#9a6400}.status.off{background:#f1f2f1;color:#777}.status.danger{background:#fff0f0;color:#b22c2c}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:850px}.data-table th{text-align:left;color:#76817b;font-size:11px;font-weight:600;letter-spacing:.4px;background:#f8f9f8;padding:12px 14px;border-bottom:1px solid var(--line)}.data-table td{font-size:13px;padding:13px 14px;border-bottom:1px solid #edf0ee;vertical-align:middle}.data-table tr:last-child td{border:0}.product-cell{display:flex;align-items:center;gap:10px}.product-thumb{width:42px;height:42px;border-radius:6px;background:linear-gradient(145deg,#e8ece9,#cbd6d0);display:grid;place-items:center;font-size:19px}.product-cell strong,.product-cell small{display:block}.product-cell small{color:var(--muted);margin-top:3px}.filters{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.filter-input,.select{border:1px solid var(--line);background:#fff;border-radius:6px;height:40px;padding:0 12px;font:13px DM Sans}.filter-input{min-width:280px;flex:1}.supplier-grid,.integration-grid,.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.supplier-card,.integration-card,.rule-card{background:#fff;border:1px solid var(--line);padding:18px;border-radius:9px}.supplier-card.danger-zone{border-color:#e4bcbc;background:#fffafa}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.supplier-card h3,.integration-card h3,.rule-card h3{font:700 15px Manrope;margin:0}.supplier-card p,.integration-card p,.rule-card p{color:var(--muted);font-size:12px;line-height:1.5}.mini-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin:14px 0}.mini-stats strong,.mini-stats small{display:block}.mini-stats strong{font-size:16px}.mini-stats small{color:var(--muted);font-size:10px;margin-top:3px}.mini-stats div+div{padding-left:12px;border-left:1px solid var(--line)}.card-actions{display:flex;gap:7px}.card-actions .btn{padding:8px 10px;font-size:11px}.notice{border-left:3px solid var(--amber);background:#fff9ed;color:#684b12;padding:14px 16px;margin-bottom:16px;font-size:13px}.notice.danger{border-color:var(--red);background:#fff2f2;color:#7a2222}.variant-drawer{background:#f7f9f7;padding:14px;border-radius:7px}.variant-row{display:grid;grid-template-columns:1.2fr 1fr 1fr .8fr .8fr;gap:10px;align-items:center;padding:9px;border-bottom:1px solid var(--line);font-size:12px}.variant-row.head{font-weight:700;color:var(--muted)}.channel-logo{width:37px;height:37px;border:1px solid var(--line);border-radius:7px;display:grid;place-items:center;font-weight:800;color:var(--green)}.progress{height:7px;background:#edf0ee;border-radius:8px;overflow:hidden}.progress span{height:100%;display:block;background:var(--green)}.ai-box{display:grid;grid-template-columns:.7fr 1.3fr;gap:18px}.form-group{margin-bottom:14px}.form-group label{font-size:12px;font-weight:600;display:block;margin-bottom:6px}.form-group input,.form-group textarea,.form-group select{width:100%;border:1px solid var(--line);border-radius:6px;padding:11px;font:13px DM Sans;background:#fff}.form-group textarea{height:110px;resize:vertical}.ai-output{min-height:330px;background:#10271d;color:#e9f4ee;border-radius:9px;padding:22px}.ai-output small{color:#85a393}.ai-output h3{font:700 20px Manrope}.ai-output p{line-height:1.65;color:#c9dbd1}.log-line{display:grid;grid-template-columns:140px 120px 1fr 110px;gap:15px;padding:12px 5px;border-bottom:1px solid var(--line);font-size:12px}.modal-backdrop{position:fixed;inset:0;background:rgba(6,18,12,.62);display:none;place-items:center;z-index:50;padding:20px}.modal-backdrop.open{display:grid}.modal{background:#fff;width:min(620px,100%);max-height:90vh;overflow:auto;border-radius:11px;padding:27px;position:relative;box-shadow:var(--shadow)}.modal-close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:25px;cursor:pointer}.modal h2{font:800 23px Manrope;margin:0 35px 8px 0}.modal p{color:var(--muted);line-height:1.55}.confirm-box{background:#fff2f2;border:1px solid #efcccc;padding:14px;border-radius:7px;margin:16px 0}.confirm-check{display:flex;gap:9px;font-size:13px;margin:13px 0}.toast{position:fixed;right:25px;bottom:25px;z-index:90;background:#143126;color:#fff;padding:14px 18px;border-radius:7px;box-shadow:var(--shadow);font-size:13px;opacity:0;transform:translateY(20px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}.store-view{position:fixed;inset:0;background:#fafafa;z-index:70;display:none;overflow:auto}.store-view.open{display:block}.empty{padding:45px;text-align:center;color:var(--muted)}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.supplier-grid,.integration-grid,.rule-grid{grid-template-columns:repeat(2,1fr)}.grid-2,.ai-box{grid-template-columns:1fr}}@media(max-width:780px){.shell{display:block}.sidebar{position:fixed;left:-260px;width:250px;transition:.25s}.sidebar.open{left:0}.menu{display:block}.topbar{padding:0 14px}.global-search{flex:1;width:auto}.global-search kbd,.store-link{display:none}.content{padding:20px 14px 50px}.page-head{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr 1fr}.supplier-grid,.integration-grid,.rule-grid{grid-template-columns:1fr}.stat strong{font-size:23px}.log-line{grid-template-columns:1fr}.variant-row{grid-template-columns:1fr 1fr}.variant-row.head{display:none}}@media(max-width:460px){.stats{grid-template-columns:1fr}.global-search input{font-size:12px}.top-actions .avatar{display:none}}