:root{--bg:#f6f6f7;--card:#fff;--text:#202223;--muted:#6d7175;--border:#e1e3e5;--brand:#2563eb;--brand2:#5b3df5;--danger:#b42318;--danger-bg:#fff1f0;--warn:#8a6116;--warn-bg:#fff8e5;--ok:#176b3a;--ok-bg:#eefbf3;--shadow:0 1px 2px rgba(16,24,40,.06)}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}button,input,select{font:inherit}.shell{max-width:1440px;margin:0 auto;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:145px;height:auto}.brand-copy strong{display:block;font-size:18px}.brand-copy span{font-size:13px;color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid var(--border);background:#fff;color:var(--text);padding:9px 13px;border-radius:9px;cursor:pointer;font-weight:600;box-shadow:var(--shadow)}.btn:hover{background:#f9fafb}.btn.primary{background:#111827;color:#fff;border-color:#111827}.btn.brand{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;border:0}.btn.danger{color:var(--danger)}.btn.small{padding:6px 9px;font-size:12px}.nav{display:flex;gap:6px;margin-bottom:20px;border-bottom:1px solid var(--border);overflow:auto}.nav button{appearance:none;border:0;background:transparent;padding:10px 12px;cursor:pointer;color:var(--muted);font-weight:650;white-space:nowrap;border-bottom:2px solid transparent}.nav button.active{color:#111827;border-bottom-color:#111827}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{background:var(--card);border:1px solid var(--border);border-radius:13px;padding:16px;cursor:pointer;box-shadow:var(--shadow);transition:.15s transform,.15s border-color}.metric:hover{transform:translateY(-1px);border-color:#b8bdc2}.metric .label{font-size:13px;color:var(--muted);margin-bottom:8px}.metric .value{font-size:28px;font-weight:750;letter-spacing:-.02em}.metric .sub{font-size:12px;color:var(--muted);margin-top:5px}.section{margin-top:18px;background:var(--card);border:1px solid var(--border);border-radius:13px;box-shadow:var(--shadow);overflow:hidden}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border)}.section-head h2{font-size:17px;margin:0}.section-body{padding:18px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.filters{display:flex;gap:6px;flex-wrap:wrap}.pill{border:1px solid var(--border);background:#fff;border-radius:999px;padding:7px 10px;cursor:pointer;font-size:12px;font-weight:650}.pill.active{background:#111827;color:#fff;border-color:#111827}.search{min-width:260px;max-width:420px;flex:1;border:1px solid var(--border);border-radius:9px;padding:9px 11px;background:#fff}.table-wrap{overflow:auto;margin-top:14px;border:1px solid var(--border);border-radius:10px}.table{width:100%;border-collapse:collapse;min-width:1120px}.table th{background:#f8f8f9;text-align:left;font-size:12px;color:var(--muted);font-weight:700;padding:10px;border-bottom:1px solid var(--border)}.table td{padding:10px;border-bottom:1px solid #eef0f2;vertical-align:middle;font-size:13px}.table tr:last-child td{border-bottom:0}.product{display:flex;align-items:center;gap:10px;min-width:260px}.thumb{width:42px;height:42px;border-radius:8px;background:linear-gradient(135deg,#eef6ff,#f3efff);object-fit:cover;border:1px solid var(--border)}.product-title{font-weight:700}.product-meta{color:var(--muted);font-size:12px;margin-top:3px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.badge.danger{background:var(--danger-bg);color:var(--danger)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.neutral{background:#f1f2f4;color:#4a4f55}.qty{width:78px;padding:7px;border:1px solid var(--border);border-radius:8px}.select{padding:7px;border:1px solid var(--border);border-radius:8px;background:#fff;min-width:105px}.reco strong{display:block}.reco span{font-size:11px;color:var(--muted)}.empty{text-align:center;padding:40px 20px;color:var(--muted)}.sync-box{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 16px;border:1px solid #d9e6ff;background:#f5f9ff;border-radius:11px;margin-bottom:16px}.sync-box strong{display:block}.sync-box span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.progress{height:6px;background:#e5e7eb;border-radius:99px;overflow:hidden;margin-top:8px;display:none}.progress.on{display:block}.progress i{display:block;width:35%;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand2));animation:move 1.1s infinite ease-in-out;border-radius:99px}@keyframes move{0%{transform:translateX(-100%)}100%{transform:translateX(330%)}}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.field label{display:block;font-weight:650;font-size:13px;margin-bottom:6px}.field input{width:100%;padding:10px;border:1px solid var(--border);border-radius:9px}.field small{display:block;color:var(--muted);margin-top:5px}.notice{padding:12px 14px;border-radius:9px;background:#f7f7f8;color:#4a4f55;font-size:13px}.footer{color:var(--muted);font-size:12px;padding:24px 0 6px;text-align:center}.toast{position:fixed;right:20px;bottom:20px;background:#111827;color:#fff;padding:11px 14px;border-radius:9px;box-shadow:0 8px 30px rgba(0,0,0,.2);z-index:9999;max-width:360px}.toast.error{background:#b42318}.bulkbar{display:flex;align-items:center;gap:8px;padding:10px 0 0}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.kpi-row{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.callout{border-radius:12px;padding:18px;background:linear-gradient(135deg,#0f172a,#1f2c4c);color:#fff}.callout h3{margin:0 0 8px;font-size:20px}.callout p{margin:0;color:#d6d9e0;line-height:1.5}.callout .big{font-size:34px;font-weight:800;margin-top:14px}.callout .small{font-size:12px;color:#aeb5c2}.mini-list{display:grid;gap:9px}.mini-item{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border);padding-bottom:8px}.mini-item:last-child{border-bottom:0;padding-bottom:0}.mini-item span{color:var(--muted)}
@media(max-width:1050px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-row{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.shell{padding:14px}.topbar{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}.search{min-width:100%}.metric .value{font-size:24px}.sync-box{align-items:flex-start;flex-direction:column}.brand img{width:125px}}

.external-shell{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 20% 10%,#eef6ff 0,transparent 34%),radial-gradient(circle at 80% 0,#f2efff 0,transparent 30%),#f6f6f7}.external-card{width:min(680px,100%);background:#fff;border:1px solid var(--border);border-radius:22px;padding:40px;box-shadow:0 20px 70px rgba(15,23,42,.12)}.external-card img{width:170px;height:auto;margin-bottom:30px}.external-badge{display:inline-flex;border-radius:999px;padding:6px 10px;background:#eef4ff;color:#224ab8;font-size:11px;font-weight:800;letter-spacing:.08em}.external-card h1{font-size:32px;line-height:1.12;margin:18px 0 12px;letter-spacing:-.03em}.external-card p{font-size:16px;line-height:1.65;color:var(--muted);max-width:590px;margin:0 0 24px}.external-link{text-decoration:none;display:inline-flex}
.plan-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;background:#eef4ff;color:#224ab8;border:1px solid #dbe7ff;white-space:nowrap}.plan-badge.premium{background:linear-gradient(135deg,#f4efff,#eef5ff);color:#5735c9;border-color:#ded2ff}.plan-badge.locked{background:#fff4e5;color:#8a6116;border-color:#f0d79f}.sync-detail{display:flex;gap:14px;flex-wrap:wrap;margin-top:7px;font-size:11px;color:var(--muted)}.sync-status{display:inline-flex;margin-left:5px;border-radius:999px;padding:2px 6px;font-weight:750;background:#f1f2f4;color:#4a4f55}.sync-status.success{background:var(--ok-bg);color:var(--ok)}.sync-status.running{background:#eef4ff;color:#224ab8}.sync-status.error{background:var(--danger-bg);color:var(--danger)}.sync-error{display:inline-block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;color:var(--danger);margin-left:5px}.plan-card{margin-top:18px;background:#fff;border:1px solid var(--border);border-radius:13px;box-shadow:var(--shadow);padding:18px;display:flex;justify-content:space-between;align-items:center;gap:18px}.plan-card.premium{border-color:#d9cdfb;background:linear-gradient(135deg,#fff,#faf8ff)}.plan-kicker{font-size:10px;font-weight:850;letter-spacing:.1em;color:var(--muted)}.plan-card h3{margin:5px 0 3px;font-size:20px}.plan-card p{margin:0;color:var(--muted)}.premium-preview{margin-top:14px;padding:12px 14px;border-radius:9px;background:linear-gradient(135deg,#f7f3ff,#f3f8ff);font-size:13px;color:#45415b}.locked-view{max-width:760px;margin:60px auto 0}.locked-view .section-body{padding:34px}.locked-view h2{font-size:28px;margin:14px 0 10px}.locked-view p{color:var(--muted);line-height:1.6;max-width:620px;margin:0 0 20px}.btn:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:680px){.plan-card{align-items:flex-start;flex-direction:column}.plan-badge{margin-left:auto}.sync-detail{flex-direction:column;gap:5px}}