:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:left;box-sizing:border-box;border-inline:0;flex-direction:column;width:100%;max-width:none;min-height:100vh;margin:0;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{color:#111827;background:radial-gradient(circle at 18% 0,#2f69ff1f,#0000 34rem),radial-gradient(circle at 92% 12%,#8256ff1a,#0000 32rem),linear-gradient(135deg,#f8fbff 0%,#fff 46%,#f4f7fb 100%);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:1120px;margin:0}button,input,select{font:inherit}button{color:#fff;cursor:pointer;background:#2f6bff;border:0;border-radius:12px;padding:10px 14px}button:hover{background:#5f8cff}button:active{transform:translateY(1px)}input,select{color:#111827;background:#fff;border:1px solid #dbe3ef;border-radius:12px;width:100%;padding:10px 12px}label{color:#64748b;gap:6px;font-size:13px;display:grid}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e5eae5;padding:12px 10px;font-size:14px}th{color:#64748b;font-weight:700}.app-shell{grid-template-columns:258px minmax(0,1fr);width:100%;min-height:100vh;display:grid}.sidebar{color:#111827;background:#fffffff0;border-right:1px solid #dbe3ef;flex-direction:column;gap:24px;padding:24px;display:flex;box-shadow:18px 0 60px #1e40af14}.brand{align-items:center;gap:12px;display:flex}.brand span,.license-card span,.license-card small{color:#64748b;margin-top:4px;font-size:12px;display:block}.mark{color:#fff;background:linear-gradient(135deg,#2f6bff,#734dff);border-radius:14px;place-items:center;width:44px;height:44px;font-weight:900;display:grid}nav{gap:8px;display:grid}nav button{text-align:left;color:#475569;background:0 0}nav button.active{color:#1d4ed8;background:#eef4ff}.license-card{background:#ffffffe6;border:1px solid #dbe3ef;border-radius:18px;margin-top:auto;padding:16px}.workspace{min-width:0;padding:18px 28px 44px;overflow:auto}.topbar{z-index:20;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:12px;padding:10px 0 14px;display:flex;position:sticky;top:0}.topbar p{color:#64748b;margin:0 0 3px;font-size:13px;font-weight:650}.topbar h1{letter-spacing:-.05em;color:#111827;margin:0;font-size:26px;line-height:1}.top-actions,.form-row{align-items:center;gap:8px;display:flex}.top-actions{flex-wrap:wrap;justify-content:flex-end;max-width:520px}.mock-badge{color:#1d4ed8;background:#eef4ff;border:1px solid #cfe0ff;border-radius:12px;align-items:center;padding:8px 11px;font-size:11px;font-weight:900;display:inline-flex}.sku-pill{color:#1d4ed8;background:#eef4ff;border-radius:999px;margin:2px 4px 2px 0;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.warning{color:#b45309;font-weight:800}.watch{color:#7a4a00;font-weight:800}.healthy{color:#167044;font-weight:800}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.wide{grid-column:span 4}.panel,.metric{background:#ffffffeb;border:1px solid #dbe3ef;border-radius:20px;padding:20px;box-shadow:0 18px 50px #1e40af12}.panel h2,.metric strong{margin:0 0 12px}.metric span,.metric small{color:#64748b}.metric strong{letter-spacing:-.04em;font-size:30px;display:block}.metric.warn strong{color:#b45309}.metric.ok strong{color:#167044}.section-head{grid-template-columns:1fr 360px;align-items:start;gap:16px;margin-bottom:16px;display:grid}.section-head h2,.section-head p{margin:0}.section-head p,.notice{color:#64748b}.product-form,.settings-grid,.profit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.profit-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.desktop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0;display:grid}.subpanel{background:#ffffffeb;border:1px solid #dbe3ef;border-radius:18px;padding:16px;overflow:auto}.subpanel h3{margin:0 0 12px}.subpanel p{color:#53615c;overflow-wrap:anywhere}.mini-report{background:#fff;border:1px solid #d8eadb;border-radius:16px;margin-top:14px;padding:14px;overflow:auto}.mini-report p{margin:0 0 10px}.inline-number{min-width:92px;margin-bottom:8px}.inline-number span{color:#66736e;font-size:12px}.inline-number input{border-radius:10px;padding:7px 9px}.inline-dimensions{grid-template-columns:repeat(3,minmax(68px,1fr));gap:6px;display:grid}.wide-message{overflow-wrap:anywhere;background:#eef7ef;border:1px solid #d8eadb;border-radius:14px;grid-column:1/-1;padding:12px 14px}.copy-result{background:#f9fbf8;border:1px solid #d7e2d8;border-radius:18px;margin-top:16px;padding:18px}.flow{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.flow span{text-align:center;color:#23463b;background:#edf6ef;border:1px solid #d6e8db;border-radius:14px;padding:14px;font-weight:700}.logs{gap:8px;max-height:340px;display:grid;overflow:auto}.logs p{color:#33413c;background:#f5f8f5;border-radius:12px;margin:0;padding:10px 12px}.logs span{color:#71807a;margin-right:8px}.file-button{color:#fff;cursor:pointer;background:#12352d;border-radius:12px;width:auto;padding:10px 14px}.file-button input{display:none}.docs{max-width:980px;line-height:1.8}.login-screen{background:radial-gradient(circle at 0 0,#c8efd3,#0000 34%),#eef2ed;place-items:center;min-height:100vh;display:grid}.login-card{background:#fff;border-radius:28px;gap:16px;width:min(520px,100vw - 40px);padding:36px;display:grid;box-shadow:0 28px 90px #11312829}.login-card h1{letter-spacing:-.06em;margin:0;font-size:44px}.login-card p{color:#5d6b66;line-height:1.7}.eyebrow{color:#167044;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}@media (width<=900px){body{min-width:0}.app-shell{grid-template-columns:1fr}.sidebar{position:static}.grid,.product-form,.settings-grid,.profit-grid,.desktop-grid{grid-template-columns:1fr}.wide{grid-column:span 1}.section-head{grid-template-columns:1fr}}.account-sidebar{color:#111827;background:radial-gradient(circle at 18% 0,#2f6bff1f,#0000 18rem),linear-gradient(#fffffff0,#f6f9fff0);border-right:1px solid #dbe3ef;flex-direction:column;gap:.9rem;min-height:100vh;padding:1rem .85rem;display:flex;box-shadow:18px 0 60px #1e40af14}.sidebar-brand{align-items:center;gap:12px;padding:.45rem .35rem .8rem;display:flex}.sidebar-brand .mark{color:#fff;letter-spacing:-.04em;background:linear-gradient(135deg,#3e7bff,#8a5cff);border-radius:12px;place-items:center;width:42px;height:42px;font-weight:900;display:grid;box-shadow:0 14px 34px #2f6bff52}.sidebar-brand strong{color:#111827;letter-spacing:-.03em;max-width:150px;font-size:.94rem;font-weight:850;line-height:1.08;display:block}.sidebar-brand span{color:#64748b;margin-top:4px;font-size:12px;display:block}.sidebar-nav{gap:.72rem;padding-right:2px;display:grid;overflow:auto}.sidebar-nav-group{gap:3px;display:grid}.sidebar-nav-group>span{color:#64748b;letter-spacing:.11em;text-transform:uppercase;padding:0 .55rem .25rem;font-size:.68rem;font-weight:850}.sidebar-nav button{color:#475569;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;gap:3px;padding:8px 11px;font-size:.88rem;font-weight:720;transition:background .16s,border-color .16s,color .16s,transform .16s;display:grid}.sidebar-nav button strong,.sidebar-nav button small{display:block}.sidebar-nav button strong{color:inherit;font-size:.9rem}.sidebar-nav button small{color:#64748b;font-size:.7rem;font-weight:650;line-height:1.35}.sidebar-nav button.active{color:#1d4ed8;background:linear-gradient(135deg,#2f6bff1f,#734dff14);border-color:#2f6bff42;box-shadow:inset 3px 0 #5f8cff,0 14px 34px #2f6bff1f}.sidebar-nav button.active small{color:#3b64c5}.sidebar-nav-primary{gap:6px}.sidebar-nav-primary button{padding:10px 11px}.sidebar-more-toggle{width:100%;color:#475569!important;text-align:center!important;background:#ffffffbd!important;border:1px solid #dbe3ef!important;font-size:.8rem!important;font-weight:800!important}.sidebar-nav button:hover:not(.active){color:#1e293b;background:#2f6bff14}.account-header{border-top:1px solid #dbe3ef;justify-content:space-between;align-items:center;padding:.72rem .55rem 0;display:flex}.account-header h3{color:#1e293b;margin:0;font-size:.9rem;font-weight:820}.add-account-btn{color:#2f6bff;cursor:pointer;background:#fff;border:1px solid #cfe0ff;border-radius:10px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:1.2rem;transition:all .16s;display:flex}.add-account-btn:hover:not(:disabled){background:#eef4ff;border-color:#5f8cff8f}.add-account-btn:disabled{opacity:.45;cursor:not-allowed}.current-account-card,.account-summary,.account-item{background:#ffffffe0;border:1px solid #dbe3ef;border-radius:16px;box-shadow:inset 0 1px #ffffffb8,0 16px 38px #1e40af12}.current-account-card{padding:.85rem}.account-platform,.platform-label{color:#64748b;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem;font-size:.72rem;font-weight:800}.account-name,.account-item-name,.summary-item strong{color:#111827}.account-name{letter-spacing:-.025em;margin-bottom:1rem;font-size:1rem;font-weight:850}.account-metrics{background:#f4f7ff;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:.45rem;margin-bottom:.85rem;padding:.58rem;display:grid}.metric-item{flex-direction:column;align-items:center;gap:.22rem;display:flex}.metric-label,.summary-item span,.account-item-metrics,.account-item-credentials{color:#64748b}.metric-label{font-size:.68rem}.metric-value{color:#111827;font-size:.88rem;font-weight:780}.show-all-btn,.back-btn{color:#1d4ed8;cursor:pointer;text-align:center;background:#fff;border:1px solid #cfe0ff;border-radius:12px;width:100%;padding:.48rem;font-size:.84rem;font-weight:760;transition:all .16s}.show-all-btn:hover,.back-btn:hover{background:#eef4ff;border-color:#5f8cff8c}.all-accounts-list{flex-direction:column;gap:.8rem;max-height:500px;display:flex;overflow-y:auto}.platform-group{flex-direction:column;gap:.45rem;display:flex}.account-item{cursor:pointer;padding:.72rem;transition:all .16s}.account-item:hover,.account-item.active{border-color:#5f8cff8c;box-shadow:0 12px 30px #2f6bff1f}.account-item-header{justify-content:space-between;align-items:center;margin-bottom:.45rem;display:flex}.account-item-name{font-size:.85rem;font-weight:800}.remove-account-btn{color:#dc2626;cursor:pointer;background:#fff5f5;border:1px solid #f871714d;border-radius:8px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:1rem;display:flex}.remove-account-btn:hover{background:#fee2e2}.account-item-info{gap:.45rem;margin-bottom:.45rem;display:flex}.status-badge,.mode-badge{text-transform:uppercase;border-radius:999px;padding:.12rem .48rem;font-size:.62rem;font-weight:800}.status-badge.active,.mode-badge.real{color:#15803d;background:#22c55e29}.status-badge.draft,.mode-badge.mock{color:#1d4ed8;background:#2f6bff29}.status-badge.paused{color:#64748b;background:#7491bd1f}.account-item-credentials{margin-bottom:.45rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.account-item-metrics{gap:.65rem;font-size:.72rem;display:flex}.account-summary{margin-top:auto;padding:.82rem}.summary-item{justify-content:space-between;gap:12px;padding:.28rem 0;display:flex}.summary-item span{font-size:.76rem}.summary-item strong{font-size:.8rem;font-weight:850}.dialog-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dialog-content{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:500px;max-height:80vh;animation:.3s ease-out slideUp;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dialog-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.dialog-header h2{color:#111827;margin:0;font-size:1.25rem;font-weight:600}.close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;transition:all .2s;display:flex}.close-btn:hover{color:#111827;background:#f3f4f6}.dialog-body{flex:1;padding:1.5rem;overflow-y:auto}.dialog-description{color:#6b7280;margin:0 0 1rem;font-size:.875rem}.platform-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.platform-card{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;transition:all .2s;display:flex;position:relative}.platform-card:hover:not(.disabled){border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 6px -1px #3b82f61a}.platform-card.disabled{opacity:.5;cursor:not-allowed;background:#f9fafb}.platform-card-label{color:#111827;font-size:1rem;font-weight:600}.platform-card-badge{color:#92400e;text-transform:uppercase;background:#fef3c7;border-radius:4px;padding:.25rem .5rem;font-size:.625rem;font-weight:500}.back-link{color:#3b82f6;cursor:pointer;text-align:left;background:0 0;border:none;margin-bottom:1rem;padding:0;font-size:.875rem}.back-link:hover{text-decoration:underline}.form-group{margin-bottom:1.25rem}.form-group label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-group input[type=text],.form-group input[type=password]{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.625rem .75rem;font-size:.875rem;transition:all .2s}.form-group input[type=text]:focus,.form-group input[type=password]:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-group input[type=text]:disabled{color:#6b7280;cursor:not-allowed;background:#f9fafb}.checkbox-label{cursor:pointer;align-items:center;gap:.5rem;display:flex!important}.checkbox-label input[type=checkbox]{cursor:pointer;width:1rem;height:1rem}.checkbox-label span{font-weight:500}.form-help{color:#6b7280;margin:.5rem 0 0;font-size:.75rem}.form-notice{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;margin-top:1rem;padding:.75rem;font-size:.75rem}.form-notice strong{margin-bottom:.25rem;display:block}.form-error{color:#dc2626;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;margin-top:1rem;padding:.75rem;font-size:.875rem}.dialog-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.btn-secondary,.btn-primary{cursor:pointer;border-radius:6px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s}.btn-secondary{color:#374151;background:#fff;border:1px solid #d1d5db}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.btn-primary{color:#fff;background:#3b82f6;border:none}.btn-primary:hover{background:#2563eb}.btn-primary:active{background:#1d4ed8}
