:root{--navy:#0c1b35;--pink:#f72568;--blue:#2479ff;--bg:#f4f7fb;--panel:#fff;--text:#12213d;--muted:#71809a;--line:#e7ecf4;--green:#16a66a;--shadow:0 12px 36px rgba(31,52,89,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg)}button,input,textarea,select{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:linear-gradient(180deg,var(--navy),#09162c);color:#fff;padding:18px 14px;z-index:30;display:flex;flex-direction:column}.side-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;padding:7px 8px 22px}.side-logo,.admin-logo>span{width:39px;height:39px;border-radius:11px;background:linear-gradient(145deg,#ff4f8b,var(--pink));display:grid;place-items:center;font-weight:900;font-size:24px;box-shadow:0 8px 20px rgba(247,37,104,.3)}.side-brand b,.admin-logo b{display:block;letter-spacing:.7px;font-size:14px}.side-brand small,.admin-logo small{display:block;color:#ff7dad;font-size:9px;letter-spacing:1.4px;font-weight:700}.sidebar nav{display:grid;gap:4px}.nav-item{border:0;background:transparent;color:#b9c5d8;text-align:left;border-radius:10px;padding:11px 12px;display:flex;gap:11px;align-items:center;cursor:pointer;font-size:13px}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,var(--pink),#ff3d77);color:#fff}.side-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding:12px 8px;display:grid;gap:10px}.side-bottom a{color:#c2cbda;text-decoration:none;font-size:12px}.admin-top{position:fixed;left:238px;right:0;top:0;height:78px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;z-index:20}.admin-top h1{font-size:20px;margin:1px 0}.crumb{margin:0;color:var(--muted);font-size:11px}.top-user{display:flex;align-items:center;gap:10px}.top-user b,.top-user small{display:block}.top-user b{font-size:12px}.top-user small{font-size:10px;color:var(--muted)}.status-dot{width:9px;height:9px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px #ddf6eb}.mobile-menu{display:none}.admin-main{margin-left:238px;padding:102px 26px 40px}.view{display:none}.view.active{display:block}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.metrics article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;gap:13px;align-items:center;box-shadow:var(--shadow)}.metric-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;font-weight:900}.metric-icon.pink{background:#ffe8f0;color:var(--pink)}.metric-icon.rose{background:#fff0f5;color:#ed4a7b}.metric-icon.blue{background:#eaf2ff;color:var(--blue)}.metric-icon.violet{background:#f1edff;color:#7455d9}.metrics small,.metrics strong,.metrics em{display:block}.metrics small{font-size:11px;color:var(--muted)}.metrics strong{font-size:20px;margin:3px 0}.metrics em{font-size:9px;color:#8b98ad;font-style:normal}.dashboard-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:16px;margin-bottom:16px}.dashboard-grid.bottom{grid-template-columns:1.4fr 1fr}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;box-shadow:var(--shadow);margin-bottom:16px}.panel h3{margin:0 0 14px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:14px}.panel-head h2{font-size:14px;margin:0}.panel-head p{font-size:10px;color:var(--muted);margin:3px 0 0}.panel-head select{border:1px solid var(--line);border-radius:9px;padding:7px 9px;color:var(--muted);background:#fff;font-size:10px}.chart-placeholder{height:220px;position:relative;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 53px,#eff2f7 54px);display:grid;place-items:center;color:#8a97aa;font-size:11px;overflow:hidden}.chart-line{position:absolute;left:5%;right:5%;bottom:40px;height:90px;border-top:3px solid var(--pink);transform:skewY(-7deg);opacity:.75}.donut{width:130px;height:130px;margin:15px auto;border-radius:50%;background:conic-gradient(#f2bb2f 0 18%,#2b83ef 18% 42%,#7651dc 42% 61%,#20b973 61% 80%,#f72568 80%);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;width:82px;height:82px;background:#fff;border-radius:50%}.donut b,.donut small{z-index:1;position:absolute}.donut b{font-size:21px;transform:translateY(-6px)}.donut small{font-size:9px;color:var(--muted);transform:translateY(13px)}.legend{display:grid;grid-template-columns:1fr 1fr;gap:7px;font-size:10px}.legend span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);margin-right:6px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;border-bottom:1px solid var(--line);padding:10px 9px;font-size:10px}th{color:#7c899d;font-weight:700;background:#fbfcfe}.pill{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:700}.pill.green{background:#e2f7ed;color:#108a57}.pill.yellow{background:#fff2d4;color:#a66b00}.pill.blue{background:#e4efff;color:#2367c9}.pill.red{background:#ffe5ea;color:#c8324a}.pill.violet{background:#ede8ff;color:#6748c9}.link-button{border:0;background:transparent;color:var(--blue);font-size:10px;cursor:pointer}.mini-products{display:grid;gap:8px}.mini-product{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:6px 0}.mini-product img,.mini-img{width:42px;height:42px;border-radius:8px;object-fit:cover;background:#f1f4f9;display:grid;place-items:center}.mini-product b,.mini-product small{display:block}.mini-product b{font-size:10px}.mini-product small{font-size:9px;color:var(--muted)}.shop-identity{display:flex;gap:14px;align-items:center;padding:16px 4px}.shop-logo,.logo-preview{width:76px;height:76px;border-radius:18px;background:linear-gradient(145deg,#ff4f8b,var(--pink));color:#fff;display:grid;place-items:center;font-size:34px;font-weight:900;overflow:hidden}.shop-logo img,.logo-preview img{width:100%;height:100%;object-fit:contain;background:#fff}.shop-identity p,.shop-identity small{margin:4px 0;color:var(--muted);font-size:10px}.integration-banner,.notice{border-radius:12px;padding:12px 14px;font-size:11px;margin-bottom:16px}.integration-banner.warning,.notice.warning{background:#fff7df;color:#875b00;border:1px solid #f5df9e}.integration-banner.ok,.notice.success{background:#e8f8f0;color:#13704b;border:1px solid #b9ead2}.notice.info{background:#ebf3ff;color:#245d9e;border:1px solid #cfe1ff}.view-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.view-toolbar h2{margin:0;font-size:20px}.view-toolbar p{margin:4px 0 0;color:var(--muted);font-size:11px}.btn{border:0;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:700;font-size:11px}.btn.primary{background:linear-gradient(90deg,var(--pink),#ff4a83);color:#fff}.btn.secondary{background:#eef2f8;color:#314565}.btn:disabled{opacity:.5;cursor:not-allowed}.filter-row{display:flex;gap:8px;margin-bottom:12px}.filter-row input{flex:1}.filter-row input,.settings-form input,.settings-form textarea,.logo-panel input{border:1px solid #dce3ee;border-radius:9px;padding:10px 11px;background:#fff;outline:none}.product-cell{display:flex;align-items:center;gap:9px}.product-cell img,.product-thumb{width:36px;height:36px;object-fit:cover;border-radius:8px;background:#f1f4f8;display:grid;place-items:center}.product-cell b,.product-cell small{display:block}.product-cell small{color:var(--muted);margin-top:2px}.icon-action{border:1px solid var(--line);background:#fff;border-radius:7px;padding:5px 7px;cursor:pointer;font-size:9px}.toggle{width:34px;height:20px;border-radius:999px;border:0;background:#cad3e1;position:relative;cursor:pointer}.toggle:after{content:"";position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;left:3px;top:3px;transition:.15s}.toggle.on{background:var(--green)}.toggle.on:after{left:17px}.pager{display:flex;justify-content:center;gap:6px;margin-top:14px}.pager button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 9px}.remote-placeholder{background:#fff;border:1px solid var(--line);border-radius:14px;min-height:260px;display:grid;place-items:center;text-align:center;padding:30px;box-shadow:var(--shadow);color:var(--muted)}.settings-layout{display:grid;grid-template-columns:1.6fr .8fr;gap:16px}.settings-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-form label{font-size:10px;font-weight:700;color:#53627b;display:grid;gap:6px}.settings-form .wide{grid-column:1/-1}.checks{display:flex;flex-wrap:wrap;gap:14px!important}.checks label{display:flex;align-items:center;gap:7px}.form-actions{display:flex;justify-content:flex-end}.logo-panel p{font-size:10px;color:var(--muted)}.logo-panel form{display:grid;gap:9px}.logo-panel hr{border:0;border-top:1px solid var(--line);margin:20px 0}.api-config-status{font-size:10px;line-height:1.5}.feature-list>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line)}.feature-list b{font-size:11px}.feature-list span{font-size:10px;color:var(--muted);text-align:right}.user-row{display:flex;align-items:center;gap:11px}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#eaf1ff;color:#245eac;font-weight:800}.user-row div{flex:1}.user-row b,.user-row span{display:block}.user-row div span,.muted{font-size:10px;color:var(--muted)}.admin-toast{position:fixed;top:90px;right:24px;background:#12213d;color:#fff;border-radius:10px;padding:11px 14px;font-size:11px;z-index:100;opacity:0;transform:translateY(-10px);pointer-events:none;transition:.2s}.admin-toast.show{opacity:1;transform:none}.auth-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,#eaf0ff,transparent 36%),radial-gradient(circle at bottom right,#ffe9f1,transparent 35%),#f6f8fc;padding:20px}.auth-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 25px 70px rgba(31,52,89,.14)}.admin-logo{display:flex;align-items:center;gap:12px;margin-bottom:25px}.auth-card h1{font-size:24px;margin:0}.auth-card>p{color:var(--muted);font-size:12px;margin:7px 0 20px}.stack{display:grid;gap:13px}.stack label{display:grid;gap:6px;font-size:11px;font-weight:700}.stack input{border:1px solid #dbe2ed;padding:12px;border-radius:10px}.alert{padding:10px 12px;border-radius:10px;margin-bottom:14px;font-size:11px}.alert.danger{background:#ffe8ec;color:#b12f45}.alert.success{background:#e8f8f0;color:#13704b}.back-link{display:block;text-align:center;margin-top:18px;color:#526680;text-decoration:none;font-size:11px}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.dashboard-grid.bottom,.settings-layout{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.admin-top{left:0;height:68px;padding:0 14px}.mobile-menu{display:block;border:0;background:#eef2f7;border-radius:9px;width:38px;height:38px}.admin-top>div:first-of-type{flex:1;margin-left:10px}.top-user div{display:none}.admin-main{margin-left:0;padding:88px 12px 30px}.metrics{grid-template-columns:1fr 1fr;gap:9px}.settings-form{grid-template-columns:1fr}.settings-form .wide{grid-column:auto}.filter-row{flex-direction:column}}@media(max-width:480px){.metrics{grid-template-columns:1fr}.view-toolbar{flex-direction:column;align-items:stretch}.btn{width:100%}}