:root{color:#17201d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f6f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{background:#f4f6f5;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button{cursor:pointer}p{margin:0}#root{min-height:100vh}*{box-sizing:border-box}:root{--ink:#2d2d2f;--paper:#f4f0e7;--surface:#fffdf7;--muted:#74716b;--line:#d8d2c7;--lime:#dfff83;--mint:#d9f5c4;--apricot:#ffd59a;--blush:#ffbcbc;--white:#fffef9;font-family:Avenir Next,Avenir,Segoe UI,sans-serif}body{background:var(--paper);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer;border:0}.app-shell{min-height:100vh}.icon{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.site-header{z-index:20;border-bottom:1.5px solid var(--ink);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f4f0e7f0;position:sticky;top:0}.site-header-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:32px;width:min(1240px,100% - 40px);min-height:84px;margin:0 auto;display:grid}.brand{color:var(--ink);text-align:left;background:0 0;align-items:center;gap:12px;padding:0;display:flex}.brand img{object-fit:cover;border:1.5px solid var(--ink);border-radius:14px;width:48px;height:48px}.brand div{display:grid}.brand strong{letter-spacing:-.035em;font-size:17px;line-height:1.1}.brand span{color:var(--muted);font-size:11px}.nav{background:#e8e3d9;border-radius:999px;justify-self:center;align-items:center;gap:4px;padding:5px;display:flex}.nav-item{color:#625f5a;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:39px;padding:0 15px;font-size:13px;font-weight:650;transition:transform .15s,background .15s,color .15s;display:inline-flex}.nav-item .icon{width:16px;height:16px}.nav-item:hover{color:var(--ink);transform:translateY(-1px)}.nav-item.active{background:var(--ink);color:#fff}.workspace-status{border:1.5px solid var(--ink);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:7px;padding:9px 12px;font-size:11px;font-weight:750;display:flex}.status-dot{background:#6ebf72;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #6ebf7229}.main{width:min(1240px,100% - 40px);margin:0 auto;padding:36px 0 64px}.top-bar{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:28px;display:flex}.eyebrow,.section-label{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:800;display:block}.top-bar h2{letter-spacing:-.065em;margin:0;font-size:clamp(38px,5vw,64px);line-height:.95}.top-bar p{color:var(--muted);margin-top:12px;font-size:15px}.button{border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 18px;font-size:13px;font-weight:750;transition:transform .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-2px)}.button:disabled{cursor:wait;opacity:.6}.button-primary,.primary{background:var(--ink);color:#fff}.button-secondary{background:var(--surface);color:var(--ink);border:1.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.button-light{background:var(--white);color:var(--ink)}.button-ghost-light{color:#fff;background:0 0;border:1.5px solid #ffffff59}.dashboard-hero{background:var(--ink);color:#fff;border-radius:34px;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:center;min-height:360px;margin-bottom:18px;padding:46px 52px;display:grid;position:relative;overflow:hidden}.dashboard-hero:before{content:"";background:var(--apricot);border-radius:50%;width:180px;height:180px;position:absolute;bottom:-115px;left:46%}.hero-copy{z-index:2;position:relative}.hero-kicker{color:#ffffffa6;letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:18px;font-size:11px;font-weight:800;display:flex}.hero-kicker>span{background:var(--lime);border-radius:50%;width:8px;height:8px}.hero-copy h1{letter-spacing:-.085em;margin:0;font-size:clamp(64px,8vw,104px);font-weight:850;line-height:.76}.hero-copy h1 em{color:var(--lime);font-style:normal}.hero-copy>p{color:#ffffffad;max-width:530px;margin-top:30px;font-size:15px;line-height:1.5}.hero-actions{gap:10px;margin-top:24px;display:flex}.hero-logo-wrap{z-index:1;aspect-ratio:1;justify-self:end;width:min(350px,33vw);position:relative;transform:rotate(5deg)}.hero-logo-wrap:before{content:"";border:1.5px solid #ffffff2e;border-radius:31% 42% 34% 46%;position:absolute;inset:-10px;transform:rotate(-8deg)}.hero-logo-wrap img{object-fit:cover;border-radius:31% 42% 34% 46%;width:100%;height:100%}.message,.inline-notice{border:1.5px solid var(--ink);background:var(--apricot);color:var(--ink);border-radius:14px;margin:0 0 16px;padding:13px 16px;font-size:13px;font-weight:650}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.metric-card{border:1.5px solid var(--ink);border-radius:25px;justify-content:space-between;align-items:flex-start;min-height:188px;padding:24px;display:flex}.metric-card>div{flex-direction:column;height:100%;display:flex}.metric-card div>span{font-size:13px;font-weight:750}.metric-card div>strong{letter-spacing:-.075em;margin-top:auto;font-size:68px;line-height:.85}.metric-card small{color:#2d2d2fa1;margin-top:10px;font-size:11px;font-weight:650}.metric-icon{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-size:17px;font-weight:850;display:grid}.metric-neutral{background:var(--surface)}.metric-success{background:var(--mint)}.metric-warning{background:var(--apricot)}.metric-danger{background:var(--blush)}.dashboard-columns{grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:14px;margin-bottom:14px;display:grid}.panel{border:1.5px solid var(--ink);background:var(--surface);border-radius:26px;padding:28px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.panel-heading h3{letter-spacing:-.045em;margin:0;font-size:24px;line-height:1}.panel-count{border:1.5px solid var(--ink);border-radius:999px;flex:none;padding:7px 10px;font-size:10px;font-weight:800}.inventory-panel{min-height:390px}.attention-panel{background:var(--ink);color:#fff}.attention-panel .section-label{color:var(--lime)}.attention-panel .panel-heading h3{color:#fff}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;padding:15px 8px;font-size:13px}th{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}tr:last-child td{border-bottom:0}.item-name{font-size:13px;display:block}.item-meta{color:var(--muted);margin-top:3px;font-size:10px;display:block}.status-pill{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;font-weight:800;display:inline-flex}.status-pill>span{background:currentColor;border-radius:50%;width:5px;height:5px}.status-good{background:var(--mint);color:#356039}.status-low{background:var(--blush);color:#763435}.attention-list{gap:4px;display:grid}.attention-item{border-bottom:1px solid #ffffff21;align-items:center;gap:12px;padding:13px 0;display:flex}.attention-item:last-child{border-bottom:0}.attention-icon{background:var(--apricot);width:34px;height:34px;color:var(--ink);border-radius:50%;place-items:center;font-weight:850;display:grid}.attention-item div{gap:2px;display:grid}.attention-item strong{font-size:12px}.attention-item div span{color:#ffffff8c;font-size:10px}.all-clear{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:245px;display:flex}.all-clear-icon{background:var(--lime);width:54px;height:54px;color:var(--ink);border-radius:50%;place-items:center;margin-bottom:15px;font-size:22px;font-weight:850;display:grid}.all-clear strong{font-size:14px}.all-clear p{color:#ffffff8c;margin-top:5px;font-size:11px}.activity-panel{margin-bottom:14px}.activity-list{display:grid}.activity-row{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(120px,1fr) auto auto;align-items:center;gap:13px;padding:13px 0;display:grid}.activity-row:last-child{border-bottom:0}.movement-icon{width:36px;height:36px;color:var(--ink);border-radius:50%;place-items:center;font-weight:850;display:grid}.movement-icon.positive{background:var(--mint)}.movement-icon.negative{background:var(--blush)}.activity-copy{gap:2px;display:grid}.activity-copy strong,.change-positive,.change-negative{font-size:12px}.activity-copy span,.activity-row time{color:var(--muted);font-size:10px}.change-positive{color:#3d7645}.change-negative{color:#a34446}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:230px;padding:20px;display:flex}.empty-state.compact{min-height:130px}.empty-icon{border:1.5px solid var(--ink);background:var(--lime);border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:14px;font-weight:850;display:grid}.empty-state strong{font-size:14px}.empty-state p{max-width:390px;color:var(--muted);margin-top:7px;font-size:11px;line-height:1.5}.two-column{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:14px;display:grid}.form{gap:12px;margin-bottom:26px;display:grid}.wide-form{max-width:600px}input,select{border:1.5px solid var(--ink);background:var(--white);width:100%;min-height:48px;color:var(--ink);border-radius:14px;padding:0 15px}input:focus,select:focus{outline:4px solid var(--lime)}.form button{background:var(--ink);color:#fff;border-radius:999px;min-height:46px;font-weight:750}.badge{background:var(--blush);color:#763435;border-radius:999px;align-items:center;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.form-intro{margin-bottom:24px}.form-intro h3{letter-spacing:-.045em;margin:0;font-size:25px;line-height:1}.form-intro p{max-width:560px;color:var(--muted);margin-top:10px;font-size:12px;line-height:1.55}.field{gap:7px;display:grid}.field>span{font-size:12px;font-weight:800}.field>span em{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-left:5px;font-size:9px;font-style:normal;font-weight:700}.field small{color:var(--muted);font-size:10px;line-height:1.4}.field-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.manual-sale-layout{grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);align-items:start}.sale-form-panel,.impact-panel{padding:32px}.manual-sale-form{gap:22px;margin-bottom:0}.sale-items-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.sale-items-heading>div{gap:2px;display:grid}.sale-items-heading strong{font-size:14px}.sale-items-heading div span{color:var(--muted);font-size:10px}.sale-items-heading>span{border:1.5px solid var(--ink);border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800}.sale-line{border:1.5px solid var(--ink);background:#eee9df;border-radius:18px;gap:13px;padding:18px;display:grid}.sale-line-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.sale-line-heading>strong{letter-spacing:.04em;text-transform:uppercase;font-size:11px}.sale-line-fields{grid-template-columns:minmax(0,1fr) 108px;gap:12px;display:grid}.form .remove-line-button{color:#9f4244;text-underline-offset:3px;background:0 0;border-radius:0;min-height:auto;padding:0;font-size:10px;text-decoration:underline}.form .add-line-button{border:1.5px dashed var(--ink);color:var(--ink);background:0 0}.add-line-button span{font-size:18px}.form .submit-sale-button{border:1.5px solid var(--ink);background:var(--lime);min-height:52px;color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.impact-panel{background:var(--apricot);min-height:390px}.impact-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:220px;display:flex}.impact-empty>span{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:50px;height:50px;margin-bottom:14px;font-size:24px;display:grid}.impact-empty strong{font-size:14px}.impact-empty p{color:#2d2d2fa6;max-width:250px;margin-top:6px;font-size:10px;line-height:1.5}.stock-layout{grid-template-columns:minmax(0,1.1fr) minmax(400px,.9fr);align-items:start;gap:14px;display:grid}.stock-actions{gap:14px;display:grid}.current-stock-panel{min-height:430px}.stock-action-card{padding:28px}.stock-action-card .form{margin-bottom:0}.create-stock-card{background:var(--surface)}.add-stock-card{background:var(--mint)}.adjust-stock-card{background:var(--apricot)}.stock-action-card input,.stock-action-card select{background:#fffef9e0}.stock-action-card .form button{min-height:50px}.product-list{gap:12px;display:grid}.product-card{border:1.5px solid var(--ink);background:#eee9df;border-radius:18px;padding:18px}.product-card h4{margin:0 0 6px}.product-card p{color:var(--muted);margin:0 0 12px}@media (width<=980px){.site-header-inner{grid-template-columns:1fr auto;padding:12px 0}.nav{grid-area:2/1/auto/-1;justify-content:center;justify-self:stretch;overflow-x:auto}.dashboard-hero{grid-template-columns:1fr minmax(220px,.6fr);padding:40px}.hero-logo-wrap{width:min(280px,31vw)}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stock-layout{grid-template-columns:minmax(0,1fr) minmax(360px,1fr)}}@media (width<=760px){.site-header{position:static}.site-header-inner,.main{width:min(100% - 28px,1240px)}.workspace-status{display:none}.site-header-inner{grid-template-columns:1fr;gap:10px}.nav{grid-column:1;justify-content:flex-start;width:100%}.nav-item{flex:1 0 auto;padding:0 12px}.main{padding-top:20px}.dashboard-hero{border-radius:28px;min-height:500px;padding:34px 28px;display:block}.hero-copy h1{font-size:clamp(66px,20vw,88px)}.hero-copy>p{max-width:430px;margin-top:26px}.hero-logo-wrap{opacity:.25;width:235px;position:absolute;bottom:-55px;right:-50px}.dashboard-columns,.two-column,.stock-layout{grid-template-columns:1fr}.top-bar{align-items:flex-start}}@media (width<=520px){.brand img{width:44px;height:44px}.nav-item{gap:5px;padding:0 9px;font-size:11px}.nav-item .icon{display:none}.metric-grid{gap:10px}.metric-card{min-height:164px;padding:18px}.metric-card div>strong{font-size:56px}.metric-icon{width:32px;height:32px}.dashboard-hero{min-height:520px}.hero-actions{flex-direction:column;align-items:stretch;max-width:210px}.panel,.sale-form-panel,.impact-panel,.stock-action-card{border-radius:22px;padding:22px}.sale-line-fields,.field-pair{grid-template-columns:1fr}.activity-row{grid-template-columns:auto 1fr auto}.activity-row time{display:none}.refresh-button{width:46px;box-shadow:2px 2px 0 var(--ink);padding:0;font-size:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}