:root{--panel-input:#f8fafc}.dashboard{background:var(--bg);color:var(--ink);min-height:100vh}.dashboard .topbar{background:var(--surface)}.dashboard input:not([type=checkbox]):not([type=radio]),.dashboard select,.dashboard textarea{background:var(--panel-input);border-color:var(--line);color:var(--ink)}.theme-toggle{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:9px;padding:8px 12px;white-space:nowrap;font-size:12px}.customer-dashboard .topbar{margin-left:256px;padding:0 36px;position:sticky;top:0;z-index:10;height:74px}.customer-dashboard .topbar>.brand{display:none}.customer-dashboard .top-label{border:0;padding:0;color:var(--ink);font-weight:650}.customer-dashboard .workspace{margin-left:256px;max-width:1560px;padding:36px 40px 60px}.customer-dashboard .app-footer{margin-left:256px}.panel-sidebar{position:fixed;left:0;top:0;bottom:0;width:256px;background:#111b2d;color:#b9c3d6;padding:28px 18px;overflow-y:auto;z-index:20}.sidebar-brand{display:block;color:#fff;font-size:26px;letter-spacing:-1.5px;font-weight:800;padding:0 15px 28px}.sidebar-brand span{color:#6e8fff;font-size:13px;margin-left:3px}.sidebar-business{border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;padding:23px 15px;margin-bottom:26px;display:grid;grid-template-columns:42px 1fr;column-gap:12px}.sidebar-avatar{grid-row:span 2;background:#2d4263;border-radius:12px;display:grid;place-items:center;color:#d8e5ff;font-size:22px;font-weight:800}.sidebar-business strong{font-size:14px;line-height:1.4;color:#fff;overflow-wrap:anywhere}.sidebar-business small{font-size:10px;margin-top:4px}.sidebar-caption{font-size:9px;letter-spacing:2px;padding:0 16px;opacity:.7}.panel-sidebar nav{display:grid;gap:6px;margin-top:15px}.panel-sidebar nav a{display:flex;align-items:center;gap:14px;padding:12px 15px;border-radius:10px;color:#bac7dd;font-size:13px;border:1px solid transparent}.panel-sidebar nav a>span{font-size:21px;width:23px;color:#9aaccc;text-align:center}.panel-sidebar nav a:hover,.panel-sidebar nav a[aria-current]{background:#253552;color:#fff;text-decoration:none;border-color:#3d5174}.panel-sidebar nav a[aria-current]>span{color:#94b0ff}.sidebar-preview{display:block;background:#ffffff0a;border:1px solid #ffffff19;margin:28px 7px 0;text-align:center;border-radius:10px;padding:12px;color:#dae4f6;font-size:12px}.sidebar-foot{font-size:11px;line-height:1.8;padding:24px 16px;color:#788da9}.welcome-panel{border-radius:22px;background:linear-gradient(115deg,#152844,#2c4b78);color:#fff;display:flex;justify-content:space-between;padding:34px 38px;margin-bottom:26px;overflow:hidden;gap:25px}.welcome-panel .eyebrow{color:#a9c4f4}.welcome-panel h2{font-size:30px;overflow-wrap:anywhere}.welcome-panel p{color:#d0dced;max-width:560px;font-size:14px}.welcome-panel .button{background:#fff;color:#223d64}.welcome-art{font-size:130px;line-height:1.4;color:#90b1e7;align-self:center;transform:rotate(12deg);flex-shrink:0}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.quick-card{display:block;color:var(--ink);transition:transform .15s}.quick-card:hover{text-decoration:none;transform:translateY(-3px)}.quick-card>span{display:block;font-size:30px;color:var(--accent);margin-bottom:16px}.quick-card h2{font-size:20px}.quick-card p{font-size:13px;color:var(--muted)}.quick-card b{font-size:12px;color:var(--accent)}.settings-card{max-width:950px}.customer-dashboard .card{box-shadow:0 6px 22px #17294404}.catalog-search{margin-bottom:25px}.language-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.language-tabs a{padding:9px 18px;border-radius:9px;background:var(--panel-input);border:1px solid var(--line);color:var(--ink)}.language-tabs a[aria-current]{background:var(--accent);color:#fff}.translation-card summary{display:flex;justify-content:space-between;gap:16px;align-items:center}.translation-card summary>span:first-child{overflow-wrap:anywhere}.translation-card .stack{padding-top:20px}.source-text{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--panel-input);border:1px solid var(--line);padding:14px;border-radius:10px;min-height:96px;font-size:13px;margin-top:8px}.button:disabled{opacity:.5;cursor:not-allowed}.dashboard .nutrition-editor{background:var(--panel-input);border-color:var(--line)}
html[data-panel-theme=dark]{color-scheme:dark;--bg:#111827;--surface:#1b2638;--ink:#e7edf8;--muted:#a7b4c9;--line:#344258;--accent:#91b1ff;--panel-input:#152033}.dashboard .button:not(.secondary):not(.ghost){background:#315edb;color:#fff}.dashboard .welcome-panel .button{background:#fff;color:#223d64}html[data-panel-theme=dark] .dashboard .button.secondary{background:#2c3c59;color:#c2d4ff;border-color:#45597a}html[data-panel-theme=dark] .dashboard .input-suffix{background:#25324a;border-color:var(--line)}html[data-panel-theme=dark] .dashboard .notice{background:#193d32;color:#b3edd1;border-color:#346452}html[data-panel-theme=dark] .dashboard .notice.error{background:#492735;color:#ffd1d9;border-color:#744353}html[data-panel-theme=dark] .dashboard .pill{background:#20453d;color:#b3ead5}html[data-panel-theme=dark] .dashboard .pill.off{background:#344258;color:#c7d2e5}html[data-panel-theme=dark] .dashboard .danger{color:#ff9ba8}html[data-panel-theme=dark] .dashboard .business-avatar,html[data-panel-theme=dark] .dashboard .empty-mark{background:#2b3d61;color:#bfd2ff}html[data-panel-theme=dark] .dashboard .decorative-menu{color:#795e3e}
@media(min-width:1800px){.customer-dashboard .workspace{margin-right:auto}}
@media(max-width:1150px){.customer-dashboard .workspace{padding:28px 24px}.customer-dashboard .editor-grid{grid-template-columns:1fr}.welcome-art{font-size:90px}.welcome-panel{padding:28px}}
@media(max-width:850px){.panel-sidebar{position:static;width:auto;padding:18px 16px}.sidebar-brand,.sidebar-business,.sidebar-caption,.sidebar-preview,.sidebar-foot{display:none}.panel-sidebar nav{display:flex;gap:7px;overflow:auto;margin:0}.panel-sidebar nav a{flex-shrink:0;padding:9px 12px;font-size:12px}.panel-sidebar nav a>span{font-size:18px;width:auto}.customer-dashboard .workspace{margin-left:0;padding:24px 16px}.customer-dashboard .topbar{margin-left:0;padding:0 16px;position:static}.customer-dashboard .topbar>.brand{display:block;font-size:21px}.customer-dashboard .app-footer{margin-left:0}.customer-dashboard .top-label{display:none}.welcome-panel h2{font-size:26px}.quick-grid{gap:14px}.customer-dashboard .topbar nav{gap:12px}.theme-toggle{padding:7px;font-size:11px}}
@media(max-width:560px){.welcome-art{display:none}.welcome-panel{padding:26px 23px}.quick-grid{grid-template-columns:1fr;gap:0}.translation-card summary{align-items:start;flex-direction:column}.customer-dashboard .topbar nav>a{display:none}.customer-dashboard .stats>div{padding:16px 10px}.customer-dashboard .page-heading>.button{display:none}.dashboard .topbar nav{gap:10px}.dashboard .topbar{padding-inline:16px}.dashboard .topbar>.brand{font-size:20px}}