:root{font-family:Arial,Helvetica,sans-serif;color:#000;background:#f2f2f2;font-synthesis:none;--black:#000000;--white:#FFFFFF;--graphite:#333333;--mist:#F2F2F2;line-height:1.5;font-weight:400;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait}button,input,select{border-radius:8px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--black);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.75rem,3vw,2.5rem);letter-spacing:-1.5px;line-height:1.15;margin-bottom:12px}h2{font-size:1rem;letter-spacing:-.3px;margin-bottom:0}h3{font-size:.92rem;margin-bottom:4px}p{margin-bottom:12px}.small{font-size:.78rem}.muted{color:var(--graphite)}.eyebrow{font-size:.68rem;font-weight:700;letter-spacing:1.7px;text-transform:uppercase;margin-bottom:14px}.app-shell{display:flex;min-height:100dvh}.sidebar{width:256px;position:fixed;inset:0 auto 0 0;background:var(--white);border-right:1px solid var(--mist);display:flex;flex-direction:column;padding:38px 20px 24px;z-index:5}.brand-slot{padding:0 14px 36px;min-height:112px}.brand-name{display:block;font-size:1.35rem;font-weight:600;letter-spacing:-.5px}.brand-note{display:block;font-size:.65rem;color:var(--graphite);margin-top:7px}.nav-label{font-size:.58rem;letter-spacing:1.8px;color:var(--graphite);padding:12px 14px}.navigation{display:grid;gap:6px}.navigation a{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px;border-radius:8px;font-size:.78rem;color:var(--graphite)}.navigation a:hover{background:var(--mist)}.navigation a.active{background:var(--black);color:var(--white)}.navigation svg{flex-shrink:0}.sidebar-bottom{margin-top:auto;padding:32px 12px 0;display:flex;gap:9px;align-items:flex-start;font-size:.65rem}.sidebar-bottom p{color:var(--graphite);font-size:.6rem;margin:5px 0 0}.demo-dot{width:7px;height:7px;border-radius:50%;background:var(--black);margin-top:5px;flex-shrink:0}.workspace{margin-left:256px;width:calc(100% - 256px);min-width:0;display:flex;flex-direction:column}.topbar{min-height:76px;padding:20px 40px;display:flex;justify-content:space-between;gap:20px;align-items:center;background:var(--white);font-size:.73rem}.breadcrumb-separator{margin:0 14px}.topbar-tag{font-size:.58rem;font-weight:700;letter-spacing:1px;border:1px solid var(--black);padding:5px 8px;white-space:nowrap}.demo-banner{padding:12px 40px;border-block:1px solid var(--black);display:flex;gap:14px;font-size:.72rem;background:var(--white)}.demo-banner strong{white-space:nowrap}.pwa-status:empty{display:none}.pwa-status{padding:12px 40px;background:var(--white);display:flex;gap:16px;flex-wrap:wrap;align-items:center;font-size:.8rem}.pwa-status p{margin:0}main{padding:38px 40px;max-width:1600px;width:100%;margin:0 auto;flex:1;outline:none}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:36px}.page-heading .muted{font-size:.86rem;margin:0}.button{display:inline-flex;gap:24px;align-items:center;justify-content:center;background:var(--black);color:var(--white);border:1px solid var(--black);border-radius:7px;padding:12px 18px;font-size:.76rem;font-weight:600;min-height:44px;white-space:nowrap}.button:hover{background:var(--graphite)}.button-light{background:var(--white);color:var(--black);border-color:var(--white)}.button-light:hover{background:var(--mist)}.button-small{padding:8px 12px}.section-label{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.section-label h2{font-size:.85rem}.badge{display:inline-block;font-size:.62rem;line-height:1.3;padding:6px 9px;border:1px solid var(--graphite);border-radius:5px;white-space:nowrap;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat{background:var(--white);padding:23px 22px;border:1px solid var(--white);border-radius:10px}.stat p{margin-bottom:14px}.stat strong{display:block;font-size:clamp(1.35rem,2.2vw,1.8rem);letter-spacing:-1px;margin-bottom:18px;overflow-wrap:anywhere}.stat p:last-child{margin:0;font-size:.65rem;color:var(--graphite)}.stats-three{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;margin-bottom:24px}.panel{background:var(--white);border-radius:10px;padding:24px;margin-bottom:24px;min-width:0}.dashboard-grid>.panel{margin:0}.panel-heading{display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:24px}.panel-heading h2{font-size:.9rem}.panel-heading .small{font-size:.65rem}.chart-summary{display:flex;flex-direction:column;gap:4px}.chart-summary strong{font-size:1.6rem;letter-spacing:-1px}.chart-summary .small{font-size:.65rem}.bar-chart{display:flex;gap:18px;height:180px;margin-top:20px}.bar-column{flex:1;text-align:center;display:flex;flex-direction:column;gap:8px;min-width:0}.bar-track{height:100%;display:flex;align-items:flex-end;border-bottom:1px solid var(--mist)}.bar{background:var(--black);width:100%;border-radius:4px 4px 0 0}.bar-column:nth-child(2n) .bar{background:var(--graphite)}.alert-item{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--mist)}.alert-item:first-of-type{padding-top:0}.alert-item .small{font-size:.7rem}.alert-number{font-size:.67rem;border:1px solid var(--graphite);border-radius:50%;width:28px;height:28px;display:grid;place-items:center;flex-shrink:0}.text-link{display:flex;justify-content:space-between;margin-top:24px;font-size:.75rem;font-weight:600}.rank-row{display:grid;grid-template-columns:24px 1fr auto;gap:16px;align-items:center;padding:15px 0;border-bottom:1px solid var(--mist);font-size:.78rem}.rank-row:last-child{border:0}.dark-panel{background:var(--black);color:var(--white);padding:30px;border-radius:10px}.dark-panel h2{font-size:1.8rem;line-height:1.15;margin:18px 0;letter-spacing:-1px}.dark-panel p:not(.eyebrow){font-size:.76rem;max-width:250px;margin-bottom:24px}.footer{display:flex;justify-content:space-between;gap:12px;padding:18px 40px;font-size:.62rem;color:var(--graphite)}.search-label{display:block;font-size:.75rem;font-weight:600;margin-bottom:8px}input,select{background:var(--white);color:var(--black);border:1px solid var(--graphite);min-height:44px;padding:10px 12px;width:min(100%,420px);margin-bottom:16px}input::placeholder{color:var(--graphite)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-card{border:1px solid var(--mist);border-radius:8px;overflow:hidden}.photo-placeholder{background:var(--mist);min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--graphite);font-size:.65rem}.photo-placeholder span:first-child{font-size:3rem;letter-spacing:-4px}.product-info{padding:20px}.product-info h2{font-size:.95rem;margin-bottom:6px}.product-info .eyebrow{font-size:.6rem;margin-bottom:10px}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:24px}.product-bottom strong{font-size:.9rem}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.78rem;white-space:nowrap}th,td{padding:18px 14px;border-bottom:1px solid var(--mist)}thead th{background:var(--mist);color:var(--graphite);font-size:.67rem;font-weight:600}tbody th{font-weight:600}.notice{padding:20px 24px;background:var(--white);border-left:3px solid var(--black);margin-bottom:24px;font-size:.83rem;border-radius:0 8px 8px 0}.notice p{margin:8px 0 0;color:var(--graphite)}.calculation-preview>div{display:flex;justify-content:space-between;gap:14px;padding:16px 0;border-bottom:1px solid var(--mist);font-size:.8rem}.calculation-preview{margin-bottom:24px}.calculation-preview+.badge{margin-bottom:16px}.empty-state{text-align:center;padding:44px 16px}.empty-state p{font-size:.83rem}.footnote{font-size:.75rem;color:var(--graphite)}.menu-toggle{display:none}.skip-link{position:fixed;top:-100px;left:12px;background:var(--black);color:var(--white);padding:12px;z-index:20}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1600px){main{padding-top:48px}.sidebar{width:280px}.workspace{margin-left:280px;width:calc(100% - 280px)}}@media(max-width:1150px){.sidebar{width:230px;padding-inline:12px}.workspace{margin-left:230px;width:calc(100% - 230px)}main{padding:30px 24px}.topbar,.demo-banner,.pwa-status{padding-inline:24px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-three{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{align-items:flex-start}.footer{padding-inline:24px}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;width:100%;padding:18px 20px;border-bottom:1px solid var(--mist);display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px}.brand-slot{padding:0;min-height:0}.brand-name{font-size:1.15rem}.brand-note{font-size:.6rem;margin-top:2px}.menu-toggle{display:flex;align-items:center;gap:12px;background:var(--white);color:var(--black);border:1px solid var(--black);min-height:44px;padding:8px 12px;font-size:.75rem}.navigation{display:none;grid-column:1/-1}.navigation.is-open{display:grid}.navigation a{font-size:.85rem}.sidebar-bottom{display:none}.workspace{margin:0;width:100%}.topbar{min-height:58px;padding:16px 20px;font-size:.65rem}.topbar-tag{display:none}.demo-banner{padding:12px 20px;display:block;font-size:.68rem}.demo-banner strong{display:block;margin-bottom:4px}.pwa-status{padding-inline:20px}main{padding:28px 20px}.page-heading{display:block;margin-bottom:28px}.page-heading .button{margin-top:20px}.page-heading .muted{font-size:.8rem}h1{letter-spacing:-1px}.stats-grid,.stats-three{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat{padding:18px 14px}.stat strong{font-size:1.4rem}.stat .small{font-size:.67rem}.panel{padding:20px}.product-grid{grid-template-columns:1fr}.photo-placeholder{min-height:180px}.footer{padding:18px 20px;display:block}.footer span{display:block;margin:5px 0}.rank-row{gap:10px;font-size:.72rem}.rank-row>.small{font-size:.62rem}.bar-chart{gap:12px}.dashboard-grid{gap:20px}.notice{padding:18px 20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f2f2f2}.auth-panel{width:min(100%,480px);padding:32px}.auth-panel form,.auth-panel label{display:grid;gap:12px;margin-block:16px}.auth-panel input{width:100%;min-height:44px;padding:10px;border:1px solid #333;border-radius:4px}body{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.pwa-status{padding-top:max(12px,env(safe-area-inset-top,0px))}.install-help{max-width:680px}.install-help summary{cursor:pointer;min-height:44px;display:list-item;padding-block:10px}.install-help p{margin-block:8px}.auth-page{min-height:100dvh}@media(max-width:760px){.sidebar{padding-top:max(16px,env(safe-area-inset-top,0px))}input,select{font-size:16px}.auth-page{padding:20px}.auth-panel{padding:24px}}.private-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.private-fields label{display:grid;gap:8px;align-content:start;min-width:0}.private-fields input,.private-fields select{width:100%}.private-shell fieldset{margin:0;padding:0;border:0;min-width:0}.private-shell .sidebar>.button{margin-top:24px}.private-shell code,.private-shell td{overflow-wrap:anywhere}.private-shell td{max-width:300px;white-space:normal}.private-shell .notice{margin:20px 24px 0}.private-shell .navigation a[aria-current=page]{background:var(--black);color:var(--white)}.private-actions{display:flex;align-items:center;gap:16px;margin-top:16px;flex-wrap:wrap}.operation-notice{overflow-wrap:anywhere;min-width:0}.operation-notice .button{white-space:normal;text-align:center}@media(max-width:760px){.private-shell .topbar{flex-wrap:wrap}.private-shell .sidebar>.button{grid-column:1 / -1;margin-top:0}.private-actions{align-items:stretch}.operation-notice .button{max-width:100%}}.private-actions button{min-height:44px}.has-private-workspace .pwa-status{margin-left:256px}@media(min-width:1600px){.has-private-workspace .pwa-status{margin-left:280px}}@media(max-width:1150px){.has-private-workspace .pwa-status{margin-left:230px}}@media(max-width:760px){.private-fields{grid-template-columns:1fr}.has-private-workspace .pwa-status{margin-left:0}}.brand-official{display:flex;flex-direction:column;align-items:center;background:#000;color:#fff;padding:8px;border-radius:8px}.brand-official img{display:block;width:112px;max-width:100%;height:auto}.brand-official span{font-size:12px}@media(max-width:760px){.brand-official{flex-direction:row;padding:2px 10px;gap:8px}.brand-official img{width:64px}}.topbar-actions{display:flex;gap:8px;align-items:center}.order-card{border-top:1px solid var(--mist);padding:14px 0}.order-card p{margin:0 0 8px}.form-error{padding:12px 16px;margin:12px 0;border-left:3px solid var(--black);background:var(--white);font-weight:600}.nav-short{display:none}@media(max-width:760px){.private-shell .sidebar{position:fixed;inset:auto 0 0;display:block;padding:0 0 env(safe-area-inset-bottom,0px);border-top:1px solid var(--mist);border-bottom:0;z-index:10}.private-shell .brand-slot{display:none}.private-shell .navigation{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0}.private-shell .navigation a{min-height:54px;justify-content:center;padding:4px 2px;font-size:.66rem;border-radius:0;text-align:center}.nav-full{display:none}.nav-short{display:inline}.private-shell main{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}.private-shell .topbar{padding-top:max(12px,env(safe-area-inset-top,0px))}.private-shell .page-heading{margin-bottom:16px}}
