:root{
  --green-950:#041d19;--green-900:#082f28;--green-850:#0b382f;--green-800:#0e463a;--green-700:#145d4d;
  --green-100:#e7f1ee;--green-50:#f2f7f5;--ink:#12201d;--muted:#6e7d78;--muted-2:#91a09b;
  --line:#dfe7e4;--line-dark:rgba(255,255,255,.11);--bg:#f5f7f6;--card:#fff;--soft:#f8faf9;
  --danger:#7d342f;--shadow:0 18px 48px rgba(6,45,38,.08);--shadow-lg:0 32px 100px rgba(4,29,25,.18);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}.hidden{display:none!important}.muted{color:var(--muted)}a{color:inherit}.eyebrow{display:inline-block;font-size:10px;line-height:1.2;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--green-700)}.eyebrow.light{color:#b8d0c9}

.login-screen{min-height:100vh;display:grid;place-items:center;padding:28px;background:linear-gradient(120deg,#eff4f2 0,#f9fbfa 55%,#edf3f0 100%)}.login-shell{width:min(1060px,100%);min-height:620px;display:grid;grid-template-columns:1.08fr .92fr;border:1px solid #dce5e2;border-radius:28px;background:white;overflow:hidden;box-shadow:var(--shadow-lg)}.login-brand-panel{background:var(--green-900);color:white;padding:44px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-brand-panel:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-210px;bottom:-170px}.brand-mark,.side-brand{display:flex;align-items:center;gap:13px}.brand-mark img{width:48px;height:48px}.brand-mark b,.side-brand b{display:block;letter-spacing:.12em;font-size:14px}.brand-mark span,.side-brand small{display:block;color:var(--muted);margin-top:2px;font-size:12px}.brand-inverse span{color:#a9c2bb}.login-copy{margin:auto 0;max-width:520px;position:relative;z-index:1}.login-copy h1{font-size:46px;line-height:1.06;letter-spacing:-.045em;margin:16px 0 18px;font-weight:680}.login-copy p{font-size:16px;line-height:1.7;color:#c8d8d3;max-width:480px}.login-points{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;color:#bcd0ca;font-size:12px}.login-points span{padding-top:10px;border-top:1px solid rgba(255,255,255,.12)}.login-card{padding:72px 58px;display:flex;flex-direction:column;justify-content:center}.login-mobile-brand{display:none}.login-card h2{font-size:31px;letter-spacing:-.035em;margin:12px 0 8px}.stack{display:grid;gap:17px;margin-top:26px}label{display:grid;gap:8px;font-weight:650;color:#344641;font-size:12px;letter-spacing:.01em}input,select,textarea{width:100%;border:1px solid #ccd8d4;background:#fff;border-radius:10px;padding:11px 12px;outline:none;color:var(--ink);transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--green-700);box-shadow:0 0 0 3px rgba(20,93,77,.08)}textarea{min-height:92px;resize:vertical}.btn{border:1px solid transparent;border-radius:10px;padding:10px 15px;font-weight:720;cursor:pointer;background:#edf1ef;color:#20332e;transition:.15s}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.primary{background:var(--green-900);color:white;border-color:var(--green-900)}.btn.primary:hover{background:var(--green-800)}.btn.danger{background:#f7efee;color:var(--danger);border-color:#ead9d7}.btn.ghost{background:white;border-color:var(--line)}.btn.wide{width:100%;padding:13px}.public-link{display:flex;justify-content:center;gap:8px;margin-top:22px;color:var(--green-800);font-weight:700;text-decoration:none}.form-error{color:var(--danger);margin-top:12px;min-height:20px}.login-version{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px}.login-version b{color:var(--green-800);font-size:11px}.login-version>span{white-space:nowrap}

.app-shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:268px;background:var(--green-950);color:white;padding:20px 14px 14px;z-index:30;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.04)}.side-brand{padding:1px 9px 19px;border-bottom:1px solid var(--line-dark);margin-bottom:11px}.side-brand img{width:42px;height:42px}.side-brand small{color:#86a59c;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-scroll{overflow:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:#31524a transparent}.nav-label{padding:17px 10px 7px;color:#708e86;font-size:9px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.premium-label{color:#9eb8b1}.sidebar nav{display:grid;gap:2px}.sidebar nav button{display:flex;align-items:center;gap:11px;border:0;border-radius:9px;background:transparent;color:#a8beb8;padding:9px 10px;text-align:left;cursor:pointer;min-height:40px;transition:.15s}.sidebar nav button svg{width:18px;height:18px;flex:0 0 18px;fill:currentColor}.sidebar nav button span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar nav button:hover{color:white;background:rgba(255,255,255,.055)}.sidebar nav button.active{background:#fff;color:var(--green-950);box-shadow:0 5px 18px rgba(0,0,0,.12)}.premium-dot{margin-left:auto;border:1px solid currentColor;border-radius:999px;padding:1px 5px;font-size:8px;font-style:normal;letter-spacing:.08em;opacity:.8}.badge{margin-left:auto;background:#fff;color:var(--green-950);border-radius:99px;padding:1px 7px;font-size:10px;font-style:normal}.side-bottom{margin-top:12px;border-top:1px solid var(--line-dark);padding:13px 8px 0;display:grid;gap:8px}.side-bottom a{display:flex;justify-content:space-between;color:#9bb4ad;text-decoration:none;padding:7px 3px;font-size:12px}.install{border:1px solid rgba(255,255,255,.18);background:transparent;color:white;border-radius:9px;padding:9px;cursor:pointer}.side-version{margin-top:2px;padding:11px 3px 2px;border-top:1px solid rgba(255,255,255,.08);color:#78978e}.side-version>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.side-version span{font-size:10px}.side-version b{font-size:10px;color:#d7e5e1;font-weight:750}.side-version small{display:block;margin-top:3px;font-size:9px;color:#66867d}.app-info-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;background:linear-gradient(135deg,var(--green-950),var(--green-800));color:white;border-radius:14px}.app-info-card h3{margin:3px 0 4px}.app-info-card p{margin:0;color:#b8ccc6;font-size:12px}.version-badge{flex:0 0 auto;text-align:right}.version-badge b{display:block;font-size:22px;letter-spacing:-.02em}.version-badge small{display:block;color:#bdd0ca;margin-top:3px}

.page-wrap{margin-left:268px;min-height:100vh}.topbar{height:72px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 26px;position:sticky;top:0;z-index:20;gap:12px}.page-ident{display:grid}.page-ident strong{font-size:14px}.topbar small{color:var(--muted);margin-top:1px;font-size:11px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.icon-btn{border:1px solid transparent;background:transparent;border-radius:9px;padding:8px;cursor:pointer;color:#365149;display:grid;place-items:center}.icon-btn:hover{background:var(--green-50)}.icon-btn svg{width:19px;height:19px}.menu-toggle{display:none;width:38px;height:38px;align-content:center;gap:4px}.menu-toggle span{width:17px;height:1.5px;background:currentColor;display:block}.chip{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 12px;cursor:pointer;color:#324740;font-weight:650;font-size:12px}.user-chip{display:flex;align-items:center;gap:9px;padding:0 6px 0 4px}.user-chip>div{display:grid}.avatar{width:33px;height:33px;border-radius:9px;background:var(--green-900);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}.bell{position:relative}.bell .count{position:absolute;right:0;top:1px;background:var(--green-900);color:white;border:2px solid white;border-radius:50%;font-size:9px;min-width:18px;height:18px;display:grid;place-items:center}.content{padding:26px;max-width:1540px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.page-head h2{margin:0;font-size:23px;letter-spacing:-.025em}.page-head p{margin:5px 0 0;color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

.executive-hero{background:var(--green-900);border-radius:20px;padding:24px;color:white;margin-bottom:15px;display:grid;grid-template-columns:1.4fr 1fr;gap:24px;position:relative;overflow:hidden}.executive-hero:after{content:"";position:absolute;width:330px;height:330px;border:1px solid rgba(255,255,255,.07);border-radius:50%;right:-120px;top:-190px}.executive-hero h2{font-size:27px;letter-spacing:-.035em;margin:8px 0 7px}.executive-hero p{color:#b9cdc7;margin:0;max-width:600px}.target-box{align-self:center;position:relative;z-index:1}.target-meta{display:flex;justify-content:space-between;font-size:11px;color:#c4d5d0;margin-bottom:8px}.progress{height:8px;background:rgba(255,255,255,.12);border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:white;border-radius:inherit}.target-value{display:flex;justify-content:space-between;margin-top:9px;font-size:12px}.target-value b{font-size:15px}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:15px}.stat{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px 18px;box-shadow:0 1px 0 rgba(6,45,38,.01)}.stat small{color:var(--muted);font-size:11px;font-weight:650}.stat b{display:block;font-size:23px;margin-top:8px;letter-spacing:-.025em}.stat .delta{font-size:11px;margin-top:5px;color:var(--muted)}.stat .delta.positive{color:var(--green-700)}.stat .delta.negative{color:#765451}.metric-label{display:flex;justify-content:space-between;align-items:center}.metric-label span:last-child{font-size:10px;color:var(--muted-2)}
.grid-2{display:grid;grid-template-columns:1.55fr 1fr;gap:14px}.grid-equal{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;overflow:hidden}.panel.soft{background:var(--soft)}.panel h3{margin:0 0 14px;font-size:14px;letter-spacing:-.01em}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.panel-head h3{margin:0}.subtle-link{font-size:11px;color:var(--green-700);font-weight:700;cursor:pointer;border:0;background:none}.table-wrap{overflow:auto;margin:0 -2px}.table{width:100%;border-collapse:collapse;min-width:700px}.table th{text-align:left;color:#7a8884;font-size:9px;text-transform:uppercase;letter-spacing:.11em;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:11px 10px;border-bottom:1px solid #edf1ef;vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#fafcfb}.right{text-align:right!important}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;background:#eef2f0;color:#52645f;font-size:10px;font-weight:750;white-space:nowrap}.pill.ok{background:#eaf2ef;color:#245a4d}.pill.warn{background:#f1f2ee;color:#5f6457}.pill.danger{background:#f2eeee;color:#6e4b48}.pill.info{background:#edf2f0;color:#405f56}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:13px}.toolbar input,.toolbar select{width:auto;min-width:160px}.empty{text-align:center;color:var(--muted);padding:38px 15px}.low-stock{color:#6e4b48;font-weight:750}
.pos-layout{display:grid;grid-template-columns:minmax(0,1.6fr) 420px;gap:16px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.product-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px;cursor:pointer;text-align:left;min-height:118px;transition:.15s}.product-card:hover{border-color:#9eb5ae;box-shadow:0 10px 25px rgba(5,61,57,.06);transform:translateY(-1px)}.product-card b{display:block;margin-bottom:5px}.product-card .price{color:var(--green-800);font-weight:800;margin-top:12px;font-size:15px}.product-card small{color:var(--muted);font-size:11px}.cart-panel{position:sticky;top:92px;height:calc(100vh - 118px);display:flex;flex-direction:column}.cart-items{overflow:auto;flex:1;margin:-4px}.cart-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:11px 4px;border-bottom:1px solid #edf2f1}.qty{display:flex;align-items:center;gap:6px}.qty button{width:28px;height:28px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer}.summary-line{display:flex;justify-content:space-between;margin:8px 0}.summary-line.total{font-size:17px;font-weight:800;padding-top:11px;border-top:1px solid var(--line)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.form-grid .full{grid-column:1/-1}.modal{position:fixed;inset:0;background:rgba(4,24,20,.62);backdrop-filter:blur(5px);z-index:60;display:grid;place-items:center;padding:20px}.modal-card{width:min(720px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:17px;box-shadow:0 30px 100px rgba(0,0,0,.3)}.modal-head{display:flex;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.97);z-index:2}.modal-head h3{margin:3px 0 0;font-size:18px}.modal-head button{margin-left:auto}.modal-body,.modal-card #modalBody{padding:20px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:15px;border-top:1px solid var(--line)}.toast{position:fixed;right:22px;bottom:22px;z-index:100;background:var(--green-900);color:white;padding:12px 16px;border-radius:10px;box-shadow:var(--shadow);max-width:370px}.toast.error{background:#4f302d}.loading{text-align:center;padding:90px;color:var(--muted)}
.spark{display:flex;align-items:end;height:148px;gap:5px;border-bottom:1px solid var(--line);padding:10px 2px 0}.spark span{flex:1;background:var(--green-700);border-radius:4px 4px 0 0;min-height:3px;position:relative;opacity:.82}.spark span:hover{opacity:1}.spark span:hover:after{content:attr(data-label);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--green-950);color:#fff;padding:5px 7px;border-radius:6px;font-size:9px;white-space:nowrap;z-index:5}.notice{padding:12px 14px;border-radius:10px;background:var(--green-50);color:#31574e;border:1px solid #dce9e5;margin-bottom:13px}.notice.warn{background:#f4f4f0;border-color:#e7e7df;color:#626254}.kpi-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf2f1}.kpi-row:last-child{border-bottom:0}.print-receipt{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.receipt-head{text-align:center;margin-bottom:15px}.receipt-item{display:flex;justify-content:space-between;gap:10px;margin:5px 0}.mobile-only{display:none}

.insight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.insight-card{border:1px solid var(--line);border-radius:13px;padding:15px;background:#fff}.insight-card .label{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.insight-card .value{font-size:20px;font-weight:780;margin-top:7px}.insight-card .foot{font-size:10px;color:var(--muted);margin-top:4px}.bar-list{display:grid;gap:12px}.bar-row{display:grid;grid-template-columns:145px 1fr 110px;gap:12px;align-items:center;font-size:11px}.bar-row .bar{height:7px;background:#edf1ef;border-radius:999px;overflow:hidden}.bar-row .bar span{display:block;height:100%;background:var(--green-700);border-radius:inherit}.bar-row b{text-align:right}.segment-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-bottom:14px}.segment{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px}.segment small{color:var(--muted);display:block;font-size:10px}.segment b{display:block;font-size:21px;margin-top:6px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green-700);display:inline-block;margin-right:7px}.status-dot.neutral{background:#9ba8a4}.status-dot.attn{background:#605f56}.audit-action{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;color:#51635e}.premium-banner{background:linear-gradient(130deg,var(--green-950),var(--green-800));color:white;border-radius:15px;padding:17px 19px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:16px}.premium-banner p{margin:4px 0 0;color:#b8cbc5;font-size:12px}.premium-banner b{font-size:15px}.metric-note{font-size:11px;color:var(--muted);margin-top:8px}.nowrap{white-space:nowrap}

.public-body{background:#f7f9f8}.public-top{position:sticky;top:0;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:20}.public-top .inner{max-width:1180px;margin:auto;height:72px;padding:0 20px;display:flex;align-items:center;gap:12px}.public-top img{width:40px;height:40px}.public-top .inner>div{display:grid}.public-top .inner>button{margin-left:auto}.cart-open span{display:inline-grid;place-items:center;min-width:20px;height:20px;background:white;color:var(--green-900);border-radius:99px;margin-left:6px;font-size:10px}.public-main{max-width:1180px;margin:auto;padding:25px 20px 60px}.hero-public{background:var(--green-900);color:#fff;border-radius:20px;padding:38px;margin-bottom:18px;min-height:220px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.hero-public:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-90px;top:-170px}.hero-public h1{font-size:40px;margin:0 0 7px;letter-spacing:-.045em}.hero-public p{color:#bfd1cb;margin:0;max-width:650px}.cat-tabs{display:flex;gap:8px;overflow:auto;padding:4px 0 16px}.cat-tabs button{border:1px solid var(--line);background:white;color:#40554f;border-radius:999px;padding:8px 13px;white-space:nowrap;cursor:pointer}.cat-tabs button.active{background:var(--green-900);border-color:var(--green-900);color:white}.public-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.menu-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;min-height:190px;display:flex;flex-direction:column}.menu-card>b{font-size:15px}.menu-card small{margin-top:4px}.menu-card p{font-size:11px;min-height:34px}.menu-price{font-size:17px;font-weight:800;color:var(--green-800);margin:auto 0 12px}.public-cart{position:fixed;right:20px;top:92px;bottom:20px;width:min(400px,calc(100vw - 40px));z-index:45;background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.cart-head{display:flex;align-items:center;border-bottom:1px solid var(--line);padding-bottom:13px}.cart-head h3{margin:0}.cart-head button{margin-left:auto}.public-cart #publicCartItems{overflow:auto;flex:1}.order-success{text-align:center;padding:10px}.order-success h2{font-size:24px}

@media(max-width:1180px){.cards,.insight-grid{grid-template-columns:repeat(2,1fr)}.segment-grid{grid-template-columns:repeat(3,1fr)}.pos-layout{grid-template-columns:1fr 360px}.grid-2{grid-template-columns:1fr}.user-chip>div{display:none}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.22s;width:276px;box-shadow:20px 0 60px rgba(0,0,0,.2)}.sidebar.open{transform:translateX(0)}.page-wrap{margin-left:0}.menu-toggle{display:grid}.content{padding:18px}.topbar{padding:0 14px}.pos-layout{grid-template-columns:1fr}.cart-panel{position:static;height:auto}.grid-equal,.grid-3{grid-template-columns:1fr}.executive-hero{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr;max-width:520px;min-height:0}.login-brand-panel{display:none}.login-card{padding:48px 40px}.login-mobile-brand{display:flex;margin-bottom:36px}.bar-row{grid-template-columns:110px 1fr 90px}}
@media(max-width:580px){.login-version{align-items:flex-start;flex-direction:column;gap:4px}.app-info-card{align-items:flex-start;flex-direction:column}.version-badge{text-align:left}.cards,.insight-grid{grid-template-columns:1fr 1fr;gap:9px}.segment-grid{grid-template-columns:1fr 1fr}.stat{padding:14px}.stat b{font-size:19px}.content{padding:13px}.form-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.product-grid{grid-template-columns:1fr 1fr}.top-actions .chip{display:none}.user-chip{display:none}.login-screen{padding:14px}.login-card{padding:35px 24px}.login-card h2{font-size:27px}.hero-public{padding:27px 22px;min-height:180px}.hero-public h1{font-size:31px}.public-main{padding:16px 13px 50px}.public-top .inner{padding:0 13px}.bar-row{grid-template-columns:1fr;gap:5px}.bar-row b{text-align:left}.premium-banner{align-items:flex-start;flex-direction:column}}
@media print{.sidebar,.topbar,.modal-head,.modal-foot{display:none!important}.page-wrap{margin:0}.modal{position:static;background:white;padding:0}.modal-card{box-shadow:none;max-height:none}.modal-card #modalBody{padding:0}}