:root{--ink:#171713;--muted:#716f68;--paper:#f4f1ea;--card:#fff;--line:#e5e0d6;--green:#176f52;--green-soft:#e9f4ee;--amber:#9b6418;--amber-soft:#fbf1df;--red:#a44036;--red-soft:#f9ebe8;--blue:#315d77;--shadow:0 16px 45px rgba(55,47,35,.07);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);min-height:100vh}a{color:inherit}button,input{font:inherit}.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;padding:30px 22px 24px;background:#1c1d19;color:#f7f4ed;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;padding:0 7px 31px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-mark{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:#d4a85e;color:#1c1d19;font-family:Georgia,serif;font-weight:800;font-size:22px}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.14em;font-size:15px}.brand small{color:#a7a99f;font-size:11px;margin-top:3px}.nav{display:grid;gap:7px;margin-top:28px}.nav a{display:flex;align-items:center;gap:13px;text-decoration:none;color:#aeb0a6;padding:13px 14px;border-radius:12px;font-size:14px;font-weight:650}.nav a span{width:21px;text-align:center;font-size:18px}.nav a:hover,.nav a.active{background:rgba(255,255,255,.09);color:#fff}.nav a.active{box-shadow:inset 3px 0 #d4a85e}.sidebar-foot{margin-top:auto;padding:15px 8px 0;color:#999b92;font-size:11px;display:flex;align-items:center;gap:8px}.privacy-dot{width:7px;height:7px;border-radius:50%;background:#68b88d;box-shadow:0 0 0 4px rgba(104,184,141,.12)}.main{grid-column:2;padding:34px 44px 70px;max-width:1500px;width:100%;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:800;color:#8b8478;margin:0 0 7px}.topbar h1{font-family:Georgia,serif;font-weight:500;font-size:33px;margin:0}.secure-pill{font-size:11px;font-weight:700;color:var(--green);background:var(--green-soft);border:1px solid #d4e8dc;border-radius:999px;padding:9px 13px;display:flex;align-items:center;gap:8px}.secure-pill span{width:7px;height:7px;border-radius:50%;background:var(--green)}.hero-card{padding:36px 38px;border-radius:24px;background:linear-gradient(125deg,#223b31,#315a48);color:#fff;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;width:270px;height:270px;border:1px solid rgba(255,255,255,.11);border-radius:50%;right:-70px;top:-135px;box-shadow:0 0 0 50px rgba(255,255,255,.025)}.hero-card>*{position:relative;z-index:1}.hero-card .eyebrow{color:#a9cabb}.hero-card h2{font:500 36px/1.1 Georgia,serif;margin:0 0 10px}.hero-card p:not(.eyebrow){color:#cbdad3;margin:0;max-width:620px}.button{border:0;border-radius:12px;padding:13px 18px;text-decoration:none;font-weight:780;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:16px;cursor:pointer;min-height:46px}.button.primary{background:#d8aa5e;color:#222016;box-shadow:0 6px 20px rgba(0,0,0,.1)}.button:hover{filter:brightness(.97);transform:translateY(-1px)}.button:disabled{background:#d6d2c9;color:#97938b;cursor:not-allowed;box-shadow:none;transform:none}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:34px 0 15px}.section-heading.compact{margin-top:38px}.section-heading h2,.page-intro h2{font:500 24px/1.2 Georgia,serif;margin:0}.updated{font-size:11px;color:var(--muted)}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.status-card{background:var(--card);border:1px solid var(--line);border-radius:17px;padding:19px;display:flex;align-items:center;gap:13px;box-shadow:0 8px 28px rgba(55,47,35,.035)}.service-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-family:Georgia,serif;font-size:18px;font-weight:800}.service-icon.shopify{background:#e8f2e2;color:#54853d}.service-icon.shein{background:#eeeae6;color:#222}.service-icon.supplier{background:#e7eff2;color:#3c667b}.status-copy{min-width:0}.status-copy h3{font-size:13px;margin:0 0 5px}.status-copy p{font-size:11px;color:var(--muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge{margin-left:auto;white-space:nowrap;border-radius:999px;padding:7px 9px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:6px}.status-badge i{width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge.online{color:var(--green);background:var(--green-soft)}.status-badge.warning{color:var(--amber);background:var(--amber-soft)}.metric-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:15px}.metric-card{background:var(--card);border:1px solid var(--line);border-radius:17px;padding:22px;display:flex;flex-direction:column;min-height:135px}.metric-card>span{font-size:11px;color:var(--muted);font-weight:700}.metric-card strong{font:500 29px Georgia,serif;margin:auto 0 5px}.metric-card small{font-size:10px;color:#9b978e}.metric-card.featured{background:#fbfaf6}.metric-card.danger-soft strong{color:var(--red)}.page-intro{margin-bottom:23px}.page-intro p:not(.eyebrow){color:var(--muted);font-size:13px;margin:8px 0 0}.panel{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:25px;box-shadow:0 10px 34px rgba(55,47,35,.035);margin-bottom:18px}.panel-title,.panel-title>div{display:flex;align-items:center;justify-content:space-between;gap:13px}.panel-title h3,.confirm-bar h3{font-size:15px;margin:0 0 4px}.panel-title p,.confirm-bar p{font-size:11px;color:var(--muted);margin:0}.step{width:33px;height:33px;border-radius:10px;background:#252720;color:#fff;display:grid;place-items:center;font-weight:800;font-size:12px;flex:none}.step.done{background:var(--green)}.upload-form{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;margin-top:22px}.dropzone{height:104px;border:1.5px dashed #ccc6ba;border-radius:15px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;column-gap:13px;align-items:end;padding:22px;cursor:pointer;background:#fbfaf7}.dropzone:hover{border-color:#aa8d5c;background:#fdfbf7}.dropzone input{position:absolute;opacity:0;pointer-events:none}.upload-icon{grid-row:1/3;width:44px;height:44px;border-radius:12px;background:#f0e9dc;color:#967443;display:grid;place-items:center;font-size:21px}.dropzone strong{font-size:13px}.dropzone small{align-self:start;color:var(--muted);font-size:11px;margin-top:4px}.preview-panel{margin-top:18px}.preview-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:22px 0}.preview-grid>div{background:#f8f6f1;border-radius:12px;padding:14px}.preview-grid span{display:block;color:var(--muted);font-size:10px;margin-bottom:8px}.preview-grid strong{font:500 23px Georgia,serif}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px}table{width:100%;border-collapse:collapse;min-width:600px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #eeeae2;font-size:11px}th{color:var(--muted);background:#faf9f6;text-transform:uppercase;letter-spacing:.06em;font-size:9px}tbody tr:last-child td{border-bottom:0}.table-note{color:var(--muted);font-size:10px;margin:10px 3px 0}.confirm-bar{background:#24261f;color:#fff;border-radius:19px;padding:21px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.confirm-bar>div{display:flex;align-items:center;gap:14px}.confirm-bar p{color:#b7b9b0}.notice{margin-top:12px;padding:13px 16px;border-radius:12px;background:var(--amber-soft);color:#75501d;font-size:11px}.notice a{font-weight:800}.activity-panel{padding:0;overflow:hidden}.activity-panel>.panel-title{padding:22px 25px;border-bottom:1px solid var(--line)}.timeline{padding:8px 25px}.event{display:grid;grid-template-columns:14px 1fr;gap:13px;padding:17px 0;border-bottom:1px solid #eeeae2}.event:last-child{border-bottom:0}.event-dot{width:9px;height:9px;border-radius:50%;background:#9aa097;margin-top:4px;box-shadow:0 0 0 4px #eff0ed}.event.success .event-dot{background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.event.error .event-dot{background:var(--red);box-shadow:0 0 0 4px var(--red-soft)}.event.warning .event-dot{background:var(--amber);box-shadow:0 0 0 4px var(--amber-soft)}.event-meta{display:flex;align-items:center;gap:10px}.event-meta strong{font-size:11px;text-transform:uppercase;letter-spacing:.07em}.event-meta time{font-size:10px;color:#969189}.event p{font-size:13px;margin:7px 0 0}.event-details{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.event-details span{font-size:9px;color:var(--muted);background:#f4f2ed;border-radius:7px;padding:5px 7px}.empty-state{text-align:center;padding:75px 20px}.empty-state span{font-size:28px;color:#aaa59b}.empty-state h3{font:500 20px Georgia,serif;margin:13px 0 5px}.empty-state p{color:var(--muted);font-size:12px}.setting-list{padding:0}.setting-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 24px;border-bottom:1px solid var(--line);cursor:pointer}.setting-row:last-child{border-bottom:0}.setting-row strong{font-size:13px}.setting-row p{font-size:11px;color:var(--muted);margin:5px 0 0}.setting-row input{position:absolute;opacity:0}.switch{width:44px;height:25px;background:#cbc7be;border-radius:999px;position:relative;transition:.2s;flex:none}.switch:after{content:"";position:absolute;width:19px;height:19px;top:3px;left:3px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.18);transition:.2s}.setting-row input:checked+.switch{background:var(--green)}.setting-row input:checked+.switch:after{transform:translateX(19px)}.settings-actions{text-align:right}.flash-stack{display:grid;gap:8px;margin-bottom:18px}.flash{border-radius:12px;padding:13px 16px;font-size:12px;border:1px solid}.flash.success{color:var(--green);background:var(--green-soft);border-color:#cfe6d9}.flash.error{color:var(--red);background:var(--red-soft);border-color:#efd3ce}.mobile-nav{display:none}
@media(max-width:1050px){.main{padding:30px}.status-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.preview-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){body{padding-bottom:76px}.app-shell{display:block}.sidebar{display:none}.main{padding:22px 16px 35px}.topbar{margin-bottom:20px}.topbar h1{font-size:28px}.secure-pill{font-size:0;padding:9px}.hero-card{padding:27px 23px;display:block}.hero-card h2{font-size:29px}.hero-card .button{margin-top:23px;width:100%}.status-grid{gap:10px}.status-card{padding:15px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{padding:17px;min-height:120px}.metric-card.featured{grid-column:1/-1}.metric-card strong{font-size:24px}.section-heading{margin-top:27px}.upload-form{grid-template-columns:1fr}.dropzone{height:112px}.upload-form .button{width:100%}.panel{padding:19px;border-radius:17px}.panel-title{align-items:flex-start}.preview-grid{grid-template-columns:repeat(2,1fr)}.confirm-bar{display:block;padding:19px}.confirm-bar form{margin-top:17px}.confirm-bar button{width:100%}.setting-row{padding:19px}.mobile-nav{position:fixed;z-index:50;display:grid;grid-template-columns:repeat(4,1fr);bottom:0;left:0;right:0;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:rgba(28,29,25,.97);backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.08)}.mobile-nav a{text-decoration:none;color:#8f9188;display:grid;place-items:center;gap:3px;font-size:9px;font-weight:700;padding:4px}.mobile-nav a span{font-size:18px}.mobile-nav a.active{color:#e0b66d}.event-meta{display:block}.event-meta time{display:block;margin-top:4px}.secure-pill:after{content:"Seguro";font-size:10px}.status-copy p{max-width:145px}}
@media(max-width:390px){.metric-grid{grid-template-columns:1fr}.metric-card.featured{grid-column:auto}.preview-grid{grid-template-columns:1fr 1fr}.status-badge{font-size:0}.status-badge i{width:8px;height:8px}.topbar .eyebrow{display:none}}
.dropzone input{width:1px;height:1px;overflow:hidden}
.logout-form{margin-top:12px}.logout-form input{display:none}.logout-form button{width:100%;border:1px solid rgba(255,255,255,.1);background:transparent;color:#aeb0a6;border-radius:10px;padding:10px;cursor:pointer;font-size:11px}.logout-form button:hover{color:#fff;background:rgba(255,255,255,.06)}.login-page{min-height:100vh;background:radial-gradient(circle at 75% 15%,rgba(212,168,94,.13),transparent 28%),#1c1d19}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(430px,100%);background:#f9f7f2;border-radius:24px;padding:38px;box-shadow:0 30px 90px rgba(0,0,0,.3)}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:38px}.login-brand strong,.login-brand small{display:block}.login-brand strong{letter-spacing:.14em}.login-brand small{font-size:10px;color:var(--muted);margin-top:2px}.login-card h1{font:500 32px Georgia,serif;margin:0 0 9px}.login-copy{color:var(--muted);font-size:12px;line-height:1.6;margin:0 0 23px}.login-form{display:grid;gap:16px}.login-form label{display:grid;gap:7px;font-size:11px;font-weight:750}.login-form input{width:100%;border:1px solid #d8d2c8;border-radius:11px;background:#fff;padding:13px 14px;outline:none}.login-form input:focus{border-color:#9b7a47;box-shadow:0 0 0 3px rgba(155,122,71,.12)}.login-form .button{width:100%;margin-top:3px}.login-security{display:flex;align-items:center;justify-content:center;gap:8px;color:#8c887f;font-size:10px;margin-top:24px}@media(max-width:520px){.login-card{padding:28px 22px;border-radius:20px}.login-card h1{font-size:28px}}