@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@700&display=swap');
:root{--p:#5b2bd8;--ink:#18131f;--muted:#756f7d;--line:#e8e3ed;--bg:#f7f5f9;--green:#16824b;--red:#ca3349}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}.primary{border:0;background:linear-gradient(135deg,var(--p),#8156e8);color:#fff;padding:12px 18px;border-radius:10px;font-weight:700}.primary:disabled{opacity:.55;cursor:wait}.full{width:100%}.logo{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,var(--p),#301078);color:#fff;display:grid;place-items:center;font-weight:800}.kicker{font-size:9px;letter-spacing:.17em;font-weight:800;color:var(--p)}h1,h2{font-family:'Playfair Display',serif;margin:5px 0}.login-page{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 78% 17%,#7540df,transparent 28%),linear-gradient(135deg,#16072e,#38127c)}.login-card{width:min(430px,100%);background:#fff;border-radius:24px;padding:38px;box-shadow:0 28px 90px #09011666}.login-card .logo{margin-bottom:20px}.login-card h1{font-size:39px}.login-card p{color:var(--muted);line-height:1.55}.login-card label,.editor label{display:block;font-size:11px;font-weight:700;margin:16px 0}.login-card input,.editor input,.editor select,.toolbar input,.toolbar select{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px 12px;background:#fff;outline:0;margin-top:6px}.login-card input:focus,.editor input:focus,.editor select:focus{border-color:var(--p);box-shadow:0 0 0 3px #5b2bd812}.login-card a{display:block;margin-top:18px;color:var(--p);font-size:12px;text-decoration:none}.login-note{font-size:10px;color:var(--muted);background:#f4f0fb;padding:10px;border-radius:8px;margin-top:13px}.admin-app{min-height:100vh;display:grid;grid-template-columns:235px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#16082d;color:#fff;padding:24px 17px;display:flex;flex-direction:column}.side-brand{display:flex;align-items:center;gap:10px;margin-bottom:40px}.side-brand strong,.side-brand small{display:block}.side-brand small{font-size:8px;letter-spacing:.14em;color:#bbaed0;margin-top:4px}.sidebar nav{display:grid;gap:7px}.sidebar nav button,.sidebar nav a,.logout{border:0;background:transparent;color:#bfb1d0;text-decoration:none;text-align:left;padding:12px;border-radius:9px;font-size:12px}.sidebar nav .active{background:#ffffff17;color:#fff}.connection{margin-top:auto;background:#ffffff0c;border:1px solid #ffffff13;border-radius:9px;padding:10px;display:flex;align-items:center;gap:8px;font-size:10px;color:#bfb3cd}.connection i{width:8px;height:8px;border-radius:50%;background:#f3a52b}.connection.online i{background:#36c878}.connection.local i{background:#66a7ff}.logout{margin-top:8px}.workspace{padding:35px clamp(18px,4vw,55px)}.topbar{display:flex;justify-content:space-between;align-items:end;gap:18px}.topbar h1{font-size:42px}.topbar p{margin:4px 0;color:var(--muted);font-size:12px}.message{position:sticky;top:10px;z-index:5;margin:18px 0 -5px;padding:12px 15px;border-radius:10px;background:#e5f7ed;color:#126c40;border:1px solid #bce8cf;font-size:12px;font-weight:600}.message.error{background:#fff0f2;color:#a5263b;border-color:#f0c5cb}.message.info{background:#eef3ff;color:#3359a3;border-color:#cad7f2}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:25px 0}.stats article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px}.stats span{font-size:10px;color:var(--muted)}.stats strong{display:block;font:700 29px 'Playfair Display';margin-top:5px}.toolbar{display:grid;grid-template-columns:1fr 190px auto;gap:9px;background:#fff;border:1px solid var(--line);padding:12px;border-radius:13px 13px 0 0}.toolbar input,.toolbar select{margin:0}.toolbar button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 13px}.table-card{background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 13px 13px;overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);font-size:11px}th{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.product-cell{display:flex;align-items:center;gap:10px}.product-thumb{width:44px;height:44px;border-radius:9px;object-fit:cover;background:#eee8f7}.product-cell strong,.product-cell span{display:block}.product-cell span{color:var(--muted);font-size:9px;margin-top:2px}.pill{padding:5px 8px;border-radius:99px;background:#e4f7ec;color:var(--green);font-weight:700}.pill.off{background:#efedf1;color:#7e7784}.stock-zero{color:var(--red);font-weight:700}.row-button{border:0;background:#f1edf6;border-radius:7px;padding:7px 9px;margin-right:4px}.row-button.delete{color:var(--red)}.empty{text-align:center;padding:45px;color:var(--muted)}.empty strong,.empty span{display:block}.empty span{font-size:11px;margin-top:5px}.editor-backdrop{position:fixed;inset:0;background:#13062699;z-index:20}.editor{position:fixed;right:0;top:0;bottom:0;width:min(500px,100%);background:#fff;z-index:21;padding:25px;overflow:auto;transform:translateX(103%);transition:.25s;box-shadow:-20px 0 70px #0a021d44}.editor.open{transform:none}.editor>header{display:flex;align-items:start;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px}.editor h2{font-size:32px}.editor>header button{border:0;background:#f0ecf4;border-radius:50%;width:36px;height:36px;font-size:20px}.editor label b{color:var(--red)}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-box{border:1px dashed #cbbde4;border-radius:11px;background:#fbf9fd;padding:13px}.upload-box input{border:0;padding:5px 0}.upload-box span{display:block;color:var(--muted);font-size:9px}.upload-box img{display:block;width:105px;height:78px;object-fit:cover;border-radius:8px;margin-top:10px}.toggle{display:flex!important;align-items:center;gap:9px}.toggle input{width:auto;margin:0}.editor-actions{position:sticky;bottom:-25px;background:#fff;border-top:1px solid var(--line);padding:15px 0 25px;display:flex;justify-content:flex-end;gap:8px}.editor-actions button:first-child{border:1px solid var(--line);background:#fff;border-radius:9px;padding:11px 17px}@media(max-width:850px){.admin-app{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;padding:11px 15px}.side-brand{margin:0 auto 0 0}.sidebar nav{display:flex}.connection{margin:0 8px}.logout{margin:0}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.sidebar nav,.connection{display:none}.workspace{padding:23px 12px}.topbar{align-items:end}.topbar h1{font-size:33px}.topbar p{display:none}.topbar .primary{padding:10px}.stats{gap:7px}.stats article{padding:12px}.toolbar{grid-template-columns:1fr}.two{grid-template-columns:1fr}.editor{padding:19px}.login-card{padding:28px}}