:root{--ink:#14201b;--muted:#748078;--line:#e3e8e4;--bg:#f5f7f5;--green:#176b4c;--green-dark:#10553c;--pale:#e9f3ee;--red:#b43434;--orange:#b96524}*{box-sizing:border-box}body{margin:0;font:14px Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.app-shell{min-height:100vh;display:grid;grid-template-columns:235px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:235px;padding:25px 16px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{font-size:20px;display:flex;align-items:center;gap:10px;padding:0 8px}.brand b{color:var(--green)}.logo-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:800}.logo-mark.small{width:36px;height:36px;border-radius:10px;font-size:12px}.nav-title{font-size:10px;letter-spacing:1.3px;color:#9aa49e;margin:35px 10px 10px}.nav-button,.logout{width:100%;border:0;background:transparent;color:#66726b;border-radius:8px;padding:11px 12px;text-align:left;display:flex;align-items:center;gap:11px}.nav-button:hover,.nav-button.active{background:var(--pale);color:var(--green);font-weight:700}.nav-button em{margin-left:auto;background:#f9e7e3;color:var(--red);font-style:normal;font-size:10px;padding:2px 7px;border-radius:10px}.sidebar-bottom{margin-top:auto}.environment{padding:12px;border-radius:10px;border:1px solid #ecd8bd;background:#fff8ed;display:grid;grid-template-columns:12px 1fr;gap:2px 7px;color:#92511f}.environment i{width:9px;height:9px;border-radius:50%;background:#e18a3d;margin-top:4px}.environment small{grid-column:2;font-size:10px;color:#9a7256}.environment.sandbox{background:#f1f5f3;border-color:#dce8e1;color:var(--green)}.environment.sandbox i{background:var(--green)}.logout{margin-top:10px;border-top:1px solid var(--line);border-radius:0}.app-shell>main{grid-column:2;padding:30px 36px 50px;max-width:1500px;width:100%;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.topbar h1{font-size:25px;margin:0 0 5px}.topbar p,.panel-head p,.intro p{margin:0;color:var(--muted)}.top-actions{display:flex;gap:9px}.btn{border:0;border-radius:8px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700}.btn:disabled{opacity:.55;cursor:not-allowed}.primary{background:var(--green);color:#fff}.primary:hover{background:var(--green-dark)}.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.danger{background:var(--red);color:#fff}.notice{display:flex;align-items:center;border:1px solid #ecd8bd;background:#fff8ed;border-radius:10px;padding:12px 15px;margin-bottom:16px}.notice>span{width:27px;height:27px;border-radius:50%;background:#d37932;color:#fff;display:grid;place-items:center;font-weight:800}.notice p{display:flex;flex-direction:column;margin:0 12px}.notice small{color:#927259;margin-top:3px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:16px}.metrics article,.panel,.integration-card{background:#fff;border:1px solid var(--line);border-radius:11px}.metrics article{padding:18px}.metrics article>span{font-size:11px;color:#68736d}.metrics strong{font-size:23px;display:block;margin:12px 0 6px}.metrics small{color:#89938d}.panel-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel-head h2,.intro h2{font-size:16px;margin:0 0 4px}.text-button{border:0;background:transparent;color:var(--green);font-weight:700}.toolbar{padding:12px 18px}.toolbar label{max-width:400px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:8px 10px;display:flex;gap:8px}.toolbar input{border:0;outline:0;width:100%}.table-wrap{overflow-x:auto}table{width:100%;min-width:930px;border-collapse:collapse}th{text-align:left;padding:11px 13px;background:#fafbfa;color:#8e9892;font-size:9px;letter-spacing:.7px}td{padding:12px 13px;border-top:1px solid #edf0ee;color:#57625c;font-size:12px}.product-cell{display:flex;align-items:center;gap:10px;min-width:250px}.product-cell img{width:44px;height:44px;border-radius:8px;object-fit:cover;background:#edf1ee}.product-cell>span{display:flex;flex-direction:column}.product-cell b{color:var(--ink)}.product-cell small,.subtext{color:#919b95;margin-top:4px}.stock{display:inline-grid;place-items:center;min-width:25px;height:25px;padding:0 5px;border-radius:6px;background:var(--pale);color:var(--green);font-weight:800}.listing{display:flex;flex-direction:column;align-items:flex-start;gap:4px;max-width:185px}.listing span{font-weight:700}.listing .ACTIVE{color:var(--green)}.listing .ERROR{color:var(--red)}.listing .REMOVED{color:#7a827d}.listing a{font-size:10px;color:var(--green);font-weight:700;text-decoration:none}.listing small{max-width:180px;color:var(--red);font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{font-size:10px;font-weight:700;border-radius:10px;padding:4px 8px;background:#eff1f0}.badge.ACTIVE{background:var(--pale);color:var(--green)}.trash-button{width:34px;height:34px;border:1px solid var(--line);background:#fff;color:var(--red);border-radius:8px}.trash-button:disabled{opacity:.35}.empty{min-height:130px;display:grid;place-items:center;padding:25px;color:var(--muted)}.intro{margin-bottom:20px}.integration-card{max-width:850px;padding:20px;display:flex;align-items:center;margin-bottom:12px}.platform-logo{width:50px;height:50px;border-radius:12px;background:#f0f3f1;color:var(--green);font-size:25px;font-weight:900;display:grid;place-items:center;margin-right:13px}.integration-card>div:nth-child(2){flex:1}.integration-card h3{margin:0 0 4px}.integration-card p{margin:0 0 8px;color:var(--muted);font-size:12px}.connection-state{font-size:10px;padding:4px 8px;background:#eff1f0;border-radius:10px}.connection-state.success{background:var(--pale);color:var(--green)}.connection-state.error{background:#fff0f0;color:var(--red)}.disabled-card{opacity:.65}.log-row{display:grid;grid-template-columns:1.2fr .8fr .7fr .8fr .6fr;gap:10px;padding:14px 20px;border-top:1px solid var(--line);font-size:12px}.log-row small{grid-column:1/-1;background:#f8faf8;padding:8px 10px;color:#606d65;border-radius:6px}.result-SUCCESS{color:var(--green);font-weight:800}.result-ERROR{color:var(--red);font-weight:800}.result-PENDING{color:var(--orange);font-weight:800}.error-banner,.form-error{border:1px solid #efcaca;background:#fff1f1;color:var(--red);border-radius:9px;padding:11px 13px}.error-banner{margin-bottom:16px}.login-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(145deg,#edf4f0,#f8f4ee)}.login-card{width:min(390px,100%);background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px;box-shadow:0 25px 70px #173f3114}.login-card .logo-mark{margin:auto}.login-card h1{text-align:center;margin:16px 0 5px}.login-card>p{text-align:center;color:var(--muted);margin:0 0 25px}.login-card label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700}.login-card input{border:1px solid var(--line);border-radius:8px;padding:11px}.login-card .btn{width:100%;margin-top:14px}.modal{width:min(760px,calc(100% - 30px));max-height:94vh;padding:0;border:0;border-radius:14px;box-shadow:0 30px 90px #0004}.modal::backdrop{background:#14201b99}.small-modal{width:min(620px,calc(100% - 30px))}.modal-head{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.modal-head h2{margin:0 0 4px}.modal-head p{margin:0;color:var(--muted)}.icon-button{border:0;background:transparent;font-size:25px}.drop-zone{margin:20px 24px;width:calc(100% - 48px);border:1.5px dashed #afc5b8;border-radius:10px;background:#fbfdfc;padding:23px;color:var(--green);display:flex;flex-direction:column;align-items:center;gap:6px}.drop-zone.dragging{background:var(--pale);border-color:var(--green)}.drop-zone span{font-size:10px;color:var(--muted)}.preview-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin:0 24px 18px}.preview{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden}.preview img{width:100%;height:100%;object-fit:cover}.preview button{position:absolute;right:4px;top:4px;border:0;background:#14201bcc;color:#fff;width:23px;height:23px;border-radius:50%}.fields{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:0 24px}.fields label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700}.fields .wide{grid-column:1/-1}.fields input,.fields select,.fields textarea{border:1px solid var(--line);border-radius:7px;padding:10px}.fields textarea{min-height:90px;resize:vertical}.modal .form-error{margin:16px 24px 0}.modal-actions{padding:16px 24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.progress-panel{padding:22px 24px}.progress-panel h3{margin:0 0 4px}.progress-panel>p{color:var(--muted);margin:0 0 17px}.progress-step{display:grid;grid-template-columns:26px 1fr auto;gap:10px;border:1px solid var(--line);border-radius:10px;padding:14px;margin-top:10px;align-items:start}.progress-step .icon{font-size:18px}.progress-step b{display:block}.progress-step p{font-size:11px;color:#657169;margin:4px 0 0;overflow-wrap:anywhere}.progress-step>small{font-size:9px;font-weight:800;text-transform:uppercase}.progress-step.running{background:#f6faf8;color:var(--green)}.progress-step.success{background:#eff8f3;border-color:#cce4d7;color:var(--green)}.progress-step.error{background:#fff3f3;border-color:#efcaca;color:var(--red)}.progress-step a{display:inline-block;margin-top:5px;color:var(--green);font-size:10px;font-weight:800}.toast{position:fixed;right:25px;bottom:25px;background:#173f31;color:#fff;border-radius:9px;padding:13px 17px;z-index:30;box-shadow:0 12px 30px #0003}@media(max-width:950px){.app-shell{grid-template-columns:76px 1fr}.sidebar{width:76px;padding:20px 10px}.brand>span:last-child,.nav-title,.nav-button span,.environment,.logout{display:none}.brand{padding:0}.logo-mark.small{margin:auto}.sidebar nav{margin-top:25px}.nav-button{justify-content:center}.app-shell>main{padding:24px 18px}.metrics{grid-template-columns:1fr 1fr}.preview-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:650px){.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;display:block;padding:10px}.brand,.sidebar-bottom{display:none}.sidebar nav{display:flex;margin:0;overflow-x:auto}.nav-button{min-width:56px}.app-shell>main{padding:18px 12px}.topbar{align-items:flex-start}.topbar p{display:none}.top-actions{flex-direction:column}.top-actions .secondary{display:none}.metrics{grid-template-columns:1fr 1fr}.fields{grid-template-columns:1fr;padding:0 17px}.fields .wide{grid-column:auto}.preview-grid{grid-template-columns:repeat(3,1fr);margin-left:17px;margin-right:17px}.modal-head,.progress-panel,.modal-actions{padding-left:17px;padding-right:17px}.log-row{grid-template-columns:1fr 1fr}}