@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f7f8f5;--panel:#fff;--ink:#233e35;--muted:#819088;--line:#e8ede8;--green:#315d4c;--soft:#eaf0e9;--orange:#b77438;--shadow:0 6px 22px #263c3005}*{box-sizing:border-box}body{margin:0;font:14px 'DM Sans',sans-serif;background:var(--bg);color:var(--ink)}body.dark{--bg:#16221e;--panel:#1d2d26;--ink:#e5eee7;--muted:#a0b2a6;--line:#34473d;--green:#91c9ab;--soft:#30463a;--orange:#efbd7f}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}aside{width:242px;position:fixed;inset:0 auto 0 0;background:var(--panel);border-right:1px solid var(--line);padding:33px 22px 18px;display:flex;flex-direction:column;overflow-y:auto;z-index:20}.brand{display:flex;align-items:center;gap:11px;font:800 25px Manrope,sans-serif;letter-spacing:-1px}.brandmark{background:#315d4c;color:#fff;width:39px;height:43px;border-radius:12px;text-align:center;font-size:35px}.brand small{font:8px 'DM Sans';letter-spacing:1.7px;display:block;margin-top:4px}.branch{margin:35px 0 29px;padding:13px 11px;background:var(--bg);border:1px solid var(--line);border-radius:8px;font-size:12px}.branch small{float:right}.dot,.local i{display:inline-block;width:7px;height:7px;background:#7ea485;border-radius:50%;margin-right:8px}.navlabel{font-size:9px;letter-spacing:1.8px;color:var(--muted);margin:0 12px 12px}nav{display:grid;gap:5px}nav a{padding:12px;border-radius:7px;color:var(--muted);display:flex;gap:12px;align-items:center;font-size:12px}nav a.active{background:var(--soft);color:var(--green);font-weight:700}nav a:hover{background:var(--bg)}nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}.sidebottom{margin-top:auto;padding-top:36px}.prototype{font-size:8px;letter-spacing:1.3px;padding:14px;background:var(--bg);border:1px solid var(--line);border-radius:8px}.prototype small{display:block;letter-spacing:0;font-size:11px;color:var(--muted);margin-top:6px}.profile{border-top:1px solid var(--line);margin-top:23px;padding-top:21px;display:flex;gap:10px;font-size:12px;align-items:center}.profile small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.avatar{background:#efe7d8;color:#7d694c;border-radius:50%;display:grid;place-items:center;width:33px;height:33px;font-size:10px}.credit{display:block;margin:22px 0 0;font-size:9px;color:var(--muted);text-align:center}.credit b{color:var(--green)}main{margin-left:242px}header{height:80px;background:var(--panel);border-bottom:1px solid var(--line);padding:0 39px;display:flex;justify-content:space-between;align-items:center;font-size:11px}.breadcrumbs{color:var(--muted)}.breadcrumbs span{margin:0 15px;color:#c6cec7}.breadcrumbs b{color:var(--ink);font-weight:500}.headright{display:flex;gap:23px;align-items:center;color:var(--muted);font-size:10px}.local{padding:7px 10px;background:var(--bg);border-radius:5px}.iconbtn{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:7px;padding:6px 10px}#app{padding:35px 39px;min-height:calc(100vh - 131px)}h1{font:700 29px Manrope;letter-spacing:-1px;margin:7px 0 10px}h2{font:700 15px Manrope;margin:0}h3{font:700 16px Manrope;margin:0 0 12px}.eyebrow{font-size:9px;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase}.sub{color:var(--muted);font-size:12px;line-height:1.7;margin:0}.pagetop{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:29px}.btn{border:0;border-radius:7px;background:#315d4c;color:white;padding:11px 17px;font-size:11px;font-weight:600;display:inline-flex;gap:8px;align-items:center;justify-content:center}.btn.secondary{background:var(--panel);border:1px solid var(--line);color:var(--ink)}.btn.danger{background:#ab5951}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.small{padding:7px 10px;font-size:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.stat{padding:21px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.statlabel{font-size:11px;color:var(--muted);display:flex;justify-content:space-between}.statvalue{font:700 27px Manrope;letter-spacing:-1px;margin:15px 0 9px}.statnote{font-size:9px;color:var(--muted)}.statnote b{color:var(--green);font-weight:500}.grid{display:grid;grid-template-columns:1.65fr 1fr;gap:22px}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:22px}.cardhead{display:flex;justify-content:space-between;align-items:center;padding:21px 23px;border-bottom:1px solid var(--line)}.cardbody{padding:22px}.link{color:var(--green);font-size:10px;background:none;border:0;cursor:pointer}.badge{display:inline-block;padding:5px 8px;border-radius:5px;background:var(--soft);color:var(--green);font-size:9px;font-weight:500}.badge.warn{background:#fbf0df;color:#ad793c}.badge.red{background:#f9e8e5;color:#b05a51}.chart{height:202px;display:flex;align-items:flex-end;gap:20px;padding:20px 15px 24px;border-bottom:1px solid var(--line);position:relative;background:repeating-linear-gradient(to top,transparent,transparent 44px,var(--line) 45px,var(--line) 46px)}.bar{flex:1;background:#dce8dc;border-radius:4px 4px 0 0;position:relative;min-height:3px}.bar:last-child{background:#315d4c}.bar span{position:absolute;bottom:-21px;text-align:center;width:100%;font-size:9px;color:var(--muted)}.bar b{font-size:8px;position:absolute;top:-17px;white-space:nowrap;width:100%;text-align:center;font-weight:400;color:var(--muted)}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{color:var(--muted);font-weight:500;background:var(--bg);font-size:9px;padding:12px 20px;white-space:nowrap}td{padding:16px 20px;border-top:1px solid var(--line)}td small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.tablewrap{overflow:auto}.empty{padding:35px;text-align:center;color:var(--muted);font-size:12px;line-height:1.9}.listrow{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 22px;border-bottom:1px solid var(--line);font-size:11px}.listrow:last-child{border:0}.listrow small{display:block;font-size:9px;color:var(--muted);margin-top:6px}.progress{height:4px;background:var(--soft);border-radius:5px;margin-top:9px}.progress i{display:block;height:100%;background:#9bad84;border-radius:5px}.banner{background:#eaf0e6;border:1px solid #dee7d8;color:#405c3c;border-radius:10px;padding:22px 25px;display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.banner p{font-size:11px;line-height:1.8;margin:7px 0 0;color:#70816a}.banner h3{margin:0}.tools{display:flex;gap:10px;align-items:center;margin-bottom:22px;flex-wrap:wrap}input,select,textarea{background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:6px;padding:11px;width:100%;font-size:12px}input:focus,select:focus,textarea:focus{outline:2px solid #8aaa91}label{display:block;font-size:11px;margin:15px 0 6px;color:var(--muted)}.tools input{max-width:280px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{background:var(--panel);border:1px solid var(--line);color:var(--muted);padding:9px 15px;border-radius:6px;font-size:11px}.chip.active{background:#315d4c;color:white;border-color:#315d4c}.posgrid{display:grid;grid-template-columns:1fr 330px;gap:22px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:0;overflow:hidden;color:var(--ink)}.product:hover{border-color:#8eab91;transform:translateY(-2px)}.productart{height:115px;background:#ede9df;display:grid;place-items:center}.productart svg{width:80px;height:80px}.productinfo{padding:15px}.productinfo h3{font-size:12px;margin:0 0 6px}.productinfo small{font-size:9px;color:var(--muted)}.productinfo b{display:block;margin-top:13px;font-size:13px}.cart{align-self:start;position:sticky;top:20px}.cartitem{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:11px}.quantity{display:flex;gap:10px;align-items:center;margin-top:9px}.quantity button{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:4px;width:24px;height:24px}.totalrow{display:flex;justify-content:space-between;margin:12px 0;font-size:12px}.totalrow.big{font-size:18px;border-top:1px solid var(--line);padding-top:16px;font-weight:700}.full{width:100%}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.colhead{display:flex;justify-content:space-between;margin-bottom:15px}.ticket{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:19px;margin-bottom:13px}.tickethead{display:flex;justify-content:space-between;margin-bottom:15px;font-size:11px}.ticket p{font-size:11px;line-height:1.8}.ticket small{color:var(--muted);font-size:10px}.ticket .btn{width:100%;margin-top:12px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:15px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}dialog{border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--ink);width:480px;max-width:94vw;max-height:90vh;padding:25px}dialog::backdrop{background:#12251c66;backdrop-filter:blur(3px)}.modalhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modalactions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.hint{font-size:11px;color:var(--muted);line-height:1.8}.error{color:#b05a51;font-size:11px;margin-top:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#233e35;color:#fff;border-radius:8px;padding:13px 20px;font-size:12px;z-index:50;display:none;box-shadow:0 5px 25px #0002}footer{padding:15px 39px;border-top:1px solid var(--line);font-size:9px;color:var(--muted);display:flex;justify-content:space-between}.mobile{display:none}details{border-bottom:1px solid var(--line);padding:20px 23px}summary{font:600 13px Manrope;cursor:pointer}details p,details li{font-size:12px;line-height:1.9;color:var(--muted)}.dark .banner{background:#2c402f;border-color:#41583e;color:#d9e9d3}.dark .banner p{color:#bdcfb5}.receipt{font-family:monospace;line-height:1.8;font-size:12px}.receipt h3{text-align:center}.receipt .totalrow{font-family:monospace}.scrim{display:none}@media(min-width:1500px){#app{max-width:1500px;margin:auto}}@media(max-width:1150px){aside{width:210px;padding:25px 15px}main{margin-left:210px}#app{padding:28px 24px}header{padding:0 24px}.stats{gap:10px}.stat{padding:16px}.grid{grid-template-columns:1.4fr 1fr}.products{grid-template-columns:repeat(2,1fr)}.posgrid{grid-template-columns:1fr 300px}.headright #date{display:none}}@media(max-width:850px){.grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.board{grid-template-columns:1fr 1fr}.posgrid{grid-template-columns:1fr}.cart{position:static}.products{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){aside{transform:translateX(-100%);width:242px;transition:transform .2s}.menu-open aside{transform:translateX(0)}.menu-open .scrim{display:block;position:fixed;inset:0;background:#0005;z-index:19}main{margin:0}.mobile{display:block;border:0;background:none;color:var(--ink);font-size:20px}header{height:64px;padding:0 18px;gap:12px}.breadcrumbs{flex:1}.headright{gap:9px}.local{font-size:8px}#app{padding:25px 18px}.pagetop{align-items:flex-start}h1{font-size:25px}.pagetop>.btn{padding:10px;font-size:10px;white-space:nowrap}.statvalue{font-size:24px}.products{grid-template-columns:repeat(2,1fr)}.board{grid-template-columns:1fr}.banner{padding:18px;align-items:flex-start}.banner .btn{white-space:nowrap}.chart{gap:10px}.metrics{grid-template-columns:1fr}footer{padding:15px 18px}.headright #date{display:none}.formgrid{grid-template-columns:1fr}.cardhead{padding:18px}.brand{font-size:24px}}@media print{aside,header,footer,#app,.modalactions,.modalhead{display:none!important}dialog{position:static;display:block;border:0;width:100%;max-height:none}dialog::backdrop{display:none}body{background:white;color:black}}
.production-guide{max-width:1100px}.guide-hero{padding:30px}.guide-hero h2{font-size:27px;letter-spacing:-.8px;margin:18px 0 12px}.guide-hero>p{font-size:13px;line-height:1.9;color:var(--muted)}.guide-notice{padding:19px 21px;margin:23px 0;background:var(--soft);border-left:3px solid var(--green);border-radius:7px}.guide-notice b{font-size:12px}.guide-notice p{color:var(--ink);opacity:.8;line-height:1.9;font-size:12px;margin:7px 0 0}.guide-pills{display:flex;gap:9px;flex-wrap:wrap}.guide-pills span{font-size:10px;border:1px solid var(--line);border-radius:20px;padding:7px 12px;color:var(--muted)}.guide-section{padding:27px 29px}.guide-section>h2{font-size:18px;margin-bottom:18px}.guide-intro{color:var(--muted);line-height:1.95;font-size:12px;margin:12px 0 20px}.guide-steps{margin:15px 0 22px;padding-left:23px;display:grid;gap:16px;color:var(--muted);font-size:12px;line-height:1.9}.guide-steps b{color:var(--ink)}.feature-list{border:1px solid var(--line);border-radius:9px;overflow:hidden}.feature-list details{padding:0;background:var(--panel)}.feature-list details:last-child{border:0}.feature-list summary{list-style:none;display:flex;gap:15px;align-items:center;padding:19px;font-size:13px}.feature-list summary::-webkit-details-marker{display:none}.guide-number{font-size:11px;background:var(--soft);color:var(--green);width:33px;height:33px;display:grid;place-items:center;border-radius:8px;flex-shrink:0}.guide-topic{flex:1;line-height:1.6}.guide-topic small{display:block;font:400 10px 'DM Sans',sans-serif;color:var(--muted);margin-top:4px}.guide-chevron{font-size:20px;color:var(--muted);transition:transform .2s}details[open] .guide-chevron{transform:rotate(180deg)}.feature-list details[open] summary{background:var(--bg)}.feature-body{padding:1px 23px 23px 67px}.feature-body p{line-height:1.95}.guide-note{font-size:11px;line-height:1.9;padding:15px 18px;background:var(--bg);border:1px solid var(--line);border-radius:7px;color:var(--muted);margin-top:17px}.platform-disclosure{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.platform-disclosure article{padding:21px;border:1px solid var(--line);border-radius:8px}.platform-disclosure h3{font-size:13px;margin:12px 0}.platform-disclosure p{font-size:12px;line-height:1.9;color:var(--muted)}.platform-disclosure small{font-size:10px;line-height:1.9;color:var(--muted);display:block}.estimate-inputs{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px}.estimate-inputs label{margin:0;line-height:1.7;font-size:11px}.estimate-inputs input{margin-top:7px}.guide-budget{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.guide-budget>div{padding:23px;background:var(--soft);border-radius:9px}.guide-budget small{font-size:11px;color:var(--muted)}.guide-budget strong{font:700 28px Manrope;display:block;margin:12px 0}.guide-budget p,.guide-fine{font-size:10px;line-height:1.8;color:var(--muted)}.guide-fine{margin-top:18px}@media(max-width:650px){.guide-hero,.guide-section{padding:23px 18px}.guide-hero h2{font-size:23px}.platform-disclosure,.estimate-inputs,.guide-budget{grid-template-columns:1fr}.feature-list summary{padding:16px 12px;gap:10px}.feature-body{padding:1px 16px 20px}.guide-topic{font-size:12px}}