:root{--font-sans:var(--font-body), Poppins, ui-sans-serif, system-ui, sans-serif;--font-heading:var(--font-display), "Changa One", var(--font-sans);--font-mono:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, monospace;--bg:#fff8f3;--fg:#201534;--muted:#725f86;--line:#2015341f;--pink:#ff3f9b;--pink-dark:#b11365;--cyan:#00c2ff;--cyan-dark:#006b8d;--yellow:#ffd84d;--yellow-dark:#7a5700;--green:#4bd37b;--green-dark:#166534;--purple:#6f46ff;--purple-dark:#4f2bc5;--danger:#d92d20;--danger-soft:#fff0ed;--success:#138a45;--success-soft:#ecfff4;--surface:#ffffffdb;--surface-solid:#fff;--surface-tint:#fff1f8;--shadow:0 20px 60px #2c1d4924;--shadow-soft:0 14px 34px #2c1d491a;--radius:8px;--radius-sm:6px;--container:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);letter-spacing:0;margin:0}a{color:inherit}h1,h2,.display-text{font-family:var(--font-heading);letter-spacing:0;font-weight:400}h3,h4,strong,button,input,textarea{letter-spacing:0}.btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.7rem 1rem;font-weight:800;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--pink);color:#fff;box-shadow:0 12px 28px #ff3f9b47}.btn-secondary{background:var(--fg);color:#fff}.btn-ghost{border-color:var(--line);color:var(--fg);background:#ffffff94}.btn-danger{color:#fff;background:#ff5b5b}.badge{text-transform:uppercase;border-radius:999px;align-items:center;min-height:26px;padding:.34rem .64rem;font-size:.76rem;font-weight:900;line-height:1;display:inline-flex}.badge-pink{color:var(--pink-dark);background:#ff3f9b29}.badge-cyan{color:var(--cyan-dark);background:#00c2ff2e}.badge-yellow{color:var(--yellow-dark);background:#ffd84d4d}.badge-green{color:var(--green-dark);background:#4bd37b33}.badge-purple{color:var(--purple-dark);background:#6f46ff29}.badge-neutral{color:var(--fg);background:#20153414}.card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.field{background:var(--surface-solid);border:1px solid var(--line);border-radius:var(--radius);color:var(--fg);font:inherit;width:100%;min-height:44px;padding:.75rem .85rem}.field:focus-visible,.btn:focus-visible{outline-offset:2px;outline:3px solid #00c2ff57}.textarea{resize:vertical;min-height:116px}.form-notice{border:1px solid var(--line);border-radius:var(--radius);gap:.25rem;padding:.85rem .95rem;line-height:1.45;display:grid}.form-notice strong{font-size:.9rem}.form-notice-success{background:var(--success-soft);color:var(--success);border-color:#138a454d}.form-notice-error{background:var(--danger-soft);color:var(--danger);border-color:#d92d204d}.form-notice-info{color:var(--cyan-dark);background:#00c2ff1a;border-color:#00c2ff3d}.app-shell{color:#172033;background:linear-gradient(#ffffffb3,#f6f7fbf5),#f6f7fb;grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.mobile-topbar{display:none}.sidebar{color:#fff;background:#101828;flex-direction:column;gap:1rem;padding:1rem;display:flex}.brand-mark{border-bottom:1px solid #ffffff1f;gap:.25rem;padding:.25rem 0 1rem;display:grid}.brand-mark strong{font-family:var(--font-heading);font-size:1.35rem;font-weight:400}.brand-mark span{color:#ffffffb3;font-size:.82rem;font-weight:750}.sidebar nav{gap:.8rem;display:grid}.nav-section{gap:.25rem;display:grid}.nav-section-label{color:#ffffff75;letter-spacing:.08em;text-transform:uppercase;padding:0 .75rem;font-size:.68rem;font-weight:900}.sidebar a{border-radius:var(--radius);color:#ffffffc7;padding:.64rem .75rem;font-size:.92rem;font-weight:800;text-decoration:none}.sidebar a:hover,.sidebar a[aria-current=page]{color:#fff;background:#ffffff14}.workspace{padding:1.25rem}.workspace-header{border-radius:var(--radius);box-shadow:var(--shadow-soft);background:#ffffffe0;border:1px solid #e4e9f2;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.workspace-title span{color:#64748b;text-transform:uppercase;font-size:.8rem;font-weight:800}.workspace-title h1{margin:.2rem 0 0;font-size:clamp(1.6rem,2vw,2.6rem)}.workspace-header-actions,.workspace-actions,.workspace-account-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.55rem;display:flex}.clerk-account-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.clerk-organization-control,.clerk-user-control,.clerk-signout-control{align-items:center;min-width:0;display:inline-flex}.clerk-signout-control .btn{white-space:nowrap}.portal-language-dropdown{color:#64748b;text-transform:uppercase;align-items:center;gap:.45rem;font-size:.78rem;font-weight:850;display:inline-flex}.portal-language-dropdown select{appearance:none;color:#172033;cursor:pointer;font:inherit;background:#fff;border:1px solid #17203324;border-radius:999px;min-height:2.35rem;padding:0 2rem 0 .85rem}.workspace-footer{color:#64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-top:1.2rem;padding:.75rem .15rem;font-size:.85rem;font-weight:750;display:flex}.workspace-footer a{color:#172033;font-weight:850;text-decoration:none}.app-shell-retailer .sidebar{background:#172033}.app-shell-retailer .workspace-header{border-top:4px solid var(--pink)}.app-shell-ops .sidebar{background:#0f172a}.app-shell-ops .workspace-header{border-top:4px solid var(--cyan)}.metric{border-radius:var(--radius);background:#fff;border:1px solid #e4e9f2;padding:1rem}.metric span,.metric small{color:#64748b;font-weight:700;display:block}.metric strong{margin:.35rem 0;font-size:1.8rem;display:block}@media (max-width:800px){.app-shell{grid-template-columns:1fr;display:block}.mobile-topbar{color:#fff;z-index:50;background:#101828;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:.65rem;padding:.7rem .85rem;display:grid;position:sticky;top:0}.app-shell-retailer .mobile-topbar{background:#172033}.app-shell-ops .mobile-topbar{background:#0f172a}.mobile-brand-mark{text-align:center;border-bottom:0;justify-items:center;min-width:0;padding:0}.mobile-brand-mark strong{font-size:1.08rem;line-height:1}.mobile-brand-mark span{display:none}.mobile-nav-menu{position:relative}.mobile-account-menu{justify-self:end}.mobile-nav-menu summary{cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;list-style:none;transition:background .16s,border-color .16s,transform .16s;display:flex;box-shadow:inset 0 1px #ffffff14}.mobile-nav-menu summary:hover{background:#ffffff2e;border-color:#ffffff47}.mobile-nav-menu[open] summary{background:#ffffff38;border-color:#ffffff57}.mobile-nav-menu summary::-webkit-details-marker{display:none}.mobile-menu-icon{place-items:center;gap:4px;width:22px;display:grid}.mobile-menu-icon span{background:#fff;border-radius:999px;width:21px;height:2.5px;transition:opacity .16s,transform .16s,width .16s;display:block}.mobile-nav-menu-left .mobile-menu-icon span:nth-child(2){width:16px}.mobile-account-menu .mobile-menu-icon{justify-items:end}.mobile-account-menu .mobile-menu-icon span:nth-child(2){width:14px}.mobile-nav-menu[open] .mobile-menu-icon span:first-child{width:21px;transform:translateY(6.5px)rotate(45deg)}.mobile-nav-menu[open] .mobile-menu-icon span:nth-child(2){opacity:0;transform:scaleX(.4)}.mobile-nav-menu[open] .mobile-menu-icon span:nth-child(3){width:21px;transform:translateY(-6.5px)rotate(-45deg)}.mobile-nav-panel{border-radius:var(--radius);background:#101828;border:1px solid #ffffff1f;min-width:min(84vw,340px);max-height:calc(100dvh - 72px);padding:.75rem;position:absolute;top:calc(100% + .55rem);right:0;overflow:auto;box-shadow:0 18px 48px #0f172a42}.mobile-nav-menu-left .mobile-nav-panel{left:0;right:auto}.mobile-account-panel{color:#172033;background:#fff;border:1px solid #e4e9f2;border-radius:16px;gap:.7rem;width:min(100vw - 1.5rem,360px);min-width:0;max-height:calc(100dvh - 72px);padding:.75rem;display:grid;position:absolute;top:calc(100% + .55rem);right:0;overflow:auto;box-shadow:0 24px 70px #0f172a3d}.mobile-account-controls,.mobile-account-controls .clerk-account-controls,.mobile-account-primary{align-items:stretch;gap:.6rem;display:grid}.mobile-account-controls .portal-language-dropdown{background:#f8fafc;border:1px solid #e4e9f2;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem;padding:.55rem;display:grid}.mobile-account-controls .portal-language-dropdown span{color:#64748b;font-size:.74rem;line-height:1}.mobile-account-controls .portal-language-dropdown select{background-color:#fff;border-radius:10px;width:100%;min-width:0;min-height:42px}.mobile-account-controls .clerk-account-controls{background:#f8fafc;border:1px solid #e4e9f2;border-radius:12px;grid-template-columns:minmax(0,1fr) 44px;padding:.55rem}.mobile-account-controls .clerk-organization-control{width:100%;min-width:0;overflow:hidden}.mobile-account-controls .clerk-organization-control>*,.mobile-account-controls .clerk-organization-control button{width:100%;max-width:100%}.mobile-account-controls .clerk-user-control{justify-content:end;width:44px;height:44px}.mobile-account-controls .clerk-signout-control{grid-column:1/-1;width:100%}.mobile-account-controls .clerk-signout-control .btn{box-shadow:none;color:#201534;background:#fff;border-color:#e4e9f2;min-height:42px}.mobile-account-controls .btn,.mobile-account-primary .btn{border-radius:12px;justify-content:center;width:100%}.mobile-account-primary .btn{min-height:52px}.app-shell-retailer .mobile-nav-panel{background:#172033}.app-shell-ops .mobile-nav-panel{background:#0f172a}.mobile-nav-panel nav,.mobile-nav-panel .nav-section{display:grid}.mobile-nav-panel nav{gap:.75rem}.mobile-nav-panel .nav-section{gap:.18rem}.mobile-nav-panel a{border-radius:var(--radius);color:#ffffffdb;padding:.72rem .75rem;font-size:.98rem;font-weight:850;text-decoration:none;display:block}.mobile-nav-panel a:hover,.mobile-nav-panel a[aria-current=page]{color:#fff;background:#ffffff14}.sidebar{display:none}.workspace{padding:.9rem}.workspace-header{flex-direction:column;align-items:stretch}.workspace-header-actions,.workspace-actions,.workspace-account-controls{flex-direction:column;justify-content:stretch;align-items:stretch}.workspace-header-actions{display:none}.workspace-actions .btn,.workspace-account-controls .btn{width:100%}.clerk-account-controls{flex-direction:column;align-items:stretch;width:100%}.workspace-title h1{overflow-wrap:anywhere;font-size:1.65rem}}@media (max-width:520px){.workspace{padding:.7rem}.workspace-header{margin-bottom:.75rem;padding:.85rem}.metric,.card,.panel{box-shadow:0 10px 28px #2c1d4914}.btn{overflow-wrap:anywhere;text-align:center;min-width:0;padding-left:.78rem;padding-right:.78rem}}
:root{--font-body:system-ui;--font-display:system-ui;--bg:#f7f8f6;--fg:#252327;--muted:#5e5a64;--line:#dad9dd;--container:1100px}body{min-width:0;line-height:1.5}h1,h2,p{margin:0}h1,h2{overflow-wrap:anywhere;font-weight:750;line-height:1.2}h1{font-size:2rem}h2{font-size:1.125rem}button{font:inherit}button:disabled{cursor:wait;opacity:.7;transform:none}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan-dark);outline-offset:3px}.topbar{border-top:3px solid var(--pink);border-bottom:1px solid var(--line);background:#fff}.topbar-inner,.portal-main{width:min(calc(100% - 3rem), var(--container));margin-inline:auto}.topbar-inner,.portal-brand,.dashboard-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.topbar-inner{min-height:72px}.portal-brand{justify-content:flex-start;font-size:.9rem;font-weight:700}.portal-logo{width:92px;height:auto;display:block}.portal-main{padding-block:2rem 3rem}.icon-button{flex:none;width:44px;height:44px;padding:0}.auth-view{place-items:start center;min-width:0;margin-top:1rem;display:grid}.auth-view>*{min-width:0;max-width:100%}.portal-state{justify-items:start;gap:1rem;width:min(100%,34rem);display:grid}.portal-state p,.dashboard-heading p{color:var(--muted)}.dashboard-heading>div{min-width:0}.dashboard-heading p{overflow-wrap:anywhere;margin-top:.4rem}.dashboard-heading a{flex:none}.dashboard-section{border-top:1px solid var(--line);margin-top:1.75rem;padding-top:1.25rem}.dashboard-section h2{margin-bottom:.85rem}.share-controls{align-items:center;gap:.5rem;max-width:44rem;display:flex}.share-controls input{flex:1;min-width:0}.share-status{color:var(--muted);min-height:1.35rem;margin-top:.25rem;font-size:.875rem}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.metrics .metric{min-width:0;box-shadow:none;border-color:var(--line)}.metrics .metric span,.metrics .metric small{color:var(--muted)}.metrics .metric strong{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:1.45rem}.empty-state{color:var(--muted);padding-block:.5rem}.ledger{table-layout:fixed;border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums;background:#fff;width:100%;font-size:.875rem}.ledger th,.ledger td{border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere;padding:.7rem .85rem}.ledger th{color:var(--muted);background:#eeefec}.ledger .mobile-column{display:none}.org-list{gap:.5rem;width:100%;margin:0;padding:0;list-style:none;display:grid}.org-list button{text-align:left;justify-content:start;width:100%}.org-list button svg,.org-list .badge{flex:none}.org-list button span:first-of-type{overflow-wrap:anywhere;min-width:0}@media (max-width:680px){.topbar-inner,.portal-main{width:calc(100% - 2rem)}.topbar-inner{min-height:62px}.portal-brand{gap:.5rem}.portal-logo{width:74px}.portal-main{padding-top:1.25rem}h1{font-size:1.55rem}.dashboard-heading{flex-direction:column;align-items:flex-start}.dashboard-section{margin-top:1.25rem}.metrics{grid-template-columns:1fr;gap:.5rem}.metrics .metric{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:baseline;display:grid}.metrics .metric strong{text-align:right;grid-row:span 2;margin:0;font-size:1.125rem}.metrics .metric small{grid-column:1}.ledger,.ledger tbody{background:0 0;display:block}.ledger thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.ledger tbody{gap:.6rem;display:grid}.ledger tbody tr{border:1px solid var(--line);border-radius:var(--radius);background:#fff;display:block}.ledger td{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem;padding:.38rem .7rem;display:grid}.ledger td:last-child{border-bottom:0}.ledger td>span:last-child{text-align:right}.ledger .mobile-column{color:var(--muted);font-weight:600;display:inline}}