:root{--ink:#15221d;--muted:#69736e;--line:#dfe5e1;--paper:#f3f5f3;--card:#fff;--forest:#123c30;--forest-2:#1d5a47;--amber:#f3b63f;--amber-soft:#fff1ca;--blue-soft:#dcecf8;--green-soft:#def2e6;--red-soft:#fae4df;--shadow:0 22px 60px rgba(21,34,29,.1)}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button{color:inherit}.noscript{padding:1rem;background:#8f2418;color:#fff;text-align:center}.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}[hidden]{display:none!important}
.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(350px,46%) 1fr;background:#fff}.login-brand{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:3rem 4rem;background:var(--forest);color:#fff}.brand-lockup{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:800;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.8rem;background:var(--amber);color:var(--forest);font-weight:900}.brand-lockup-light .brand-mark{box-shadow:0 8px 24px rgba(243,182,63,.25)}.login-brand-copy{position:relative;z-index:1;max-width:35rem;margin:5rem 0}.login-brand-copy h1{font-size:clamp(2.8rem,5vw,5.8rem);font-weight:720;line-height:.96;letter-spacing:-.065em;margin:.8rem 0 1.8rem}.login-brand-copy>p:last-child{max-width:29rem;color:#c7d5cf;font-size:1.15rem}.eyebrow{margin:0 0 .35rem;color:var(--forest-2);font-size:.75rem;font-weight:850;letter-spacing:.15em}.eyebrow-light{color:var(--amber)}.brand-orbit{position:absolute;right:-10rem;bottom:-11rem;width:34rem;height:34rem;border:1px solid rgba(255,255,255,.1);border-radius:50%}.brand-orbit span{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%}.brand-orbit span:first-child{inset:5rem}.brand-orbit span:nth-child(2){inset:10rem}.brand-orbit span:last-child{width:1rem;height:1rem;left:6.5rem;top:3.7rem;border:0;background:var(--amber);box-shadow:0 0 0 .5rem rgba(243,182,63,.12)}
.login-panel{display:grid;place-items:center;padding:3rem}.login-card{width:min(28rem,100%)}.mobile-brand{display:none}.login-card h2{font-size:2.45rem;line-height:1.1;letter-spacing:-.045em;margin:.3rem 0 .8rem}.login-help{color:var(--muted);margin:0 0 2rem}.login-card>label{display:block;font-size:.88rem;font-weight:750;margin:1rem 0 .45rem}.login-card input{width:100%;min-height:3.25rem;padding:.75rem 1rem;border:1px solid #cbd4cf;border-radius:.8rem;background:#fff;outline:none}.login-card input:focus{border-color:var(--forest-2);box-shadow:0 0 0 4px rgba(29,90,71,.1)}.password-field{position:relative}.password-field input{padding-right:4.8rem}.password-field button{position:absolute;right:.55rem;top:.55rem;height:2.15rem;border:0;border-radius:.5rem;background:#edf2ef;padding:0 .7rem;font-size:.78rem;font-weight:800;cursor:pointer}.primary-button{display:flex;align-items:center;justify-content:center;gap:.75rem;border:0;border-radius:.8rem;background:var(--forest);color:#fff;min-height:3.25rem;padding:.75rem 1.2rem;font-weight:800;cursor:pointer;transition:transform .16s,background .16s}.primary-button:hover{background:var(--forest-2);transform:translateY(-1px)}.primary-button:disabled{opacity:.6;cursor:wait;transform:none}.login-button{width:100%;justify-content:space-between;margin-top:1.5rem}.secure-copy{text-align:center;color:var(--muted);font-size:.78rem;margin-top:1.4rem}.secure-copy span{color:#2f9c6c}.form-alert{padding:.8rem 1rem;margin:1rem 0;border:1px solid #efb9ad;border-radius:.7rem;background:#fff1ed;color:#8d2c1d;font-size:.88rem}
.app-shell{min-height:100vh;display:grid;grid-template-columns:15.5rem minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:1.8rem 1rem;background:var(--forest);color:#fff}.sidebar .brand-lockup{padding:0 .55rem 2.2rem}.sidebar nav{display:grid;gap:.4rem}.nav-item{display:flex;align-items:center;gap:.8rem;padding:.75rem .85rem;border-radius:.7rem;color:#bdcec7;text-decoration:none;font-weight:700}.nav-item.active{background:rgba(255,255,255,.1);color:#fff}.nav-icon{font-size:1.2rem}.sidebar-bottom{margin-top:auto}.connection{display:flex;align-items:center;gap:.55rem;padding:.7rem .8rem;color:#bdcec7;font-size:.78rem}.connection-dot{width:.55rem;height:.55rem;border-radius:50%;background:#8c9792}.connection-dot.online{background:#4bd08a;box-shadow:0 0 0 .25rem rgba(75,208,138,.12)}.connection-dot.offline{background:#ff7963}.operator-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;margin-top:.5rem;padding:.8rem;border-top:1px solid rgba(255,255,255,.1)}.operator-avatar{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:.7rem;background:var(--amber);color:var(--forest);font-weight:900}.operator-card div{display:grid}.operator-card div span{font-size:.72rem;color:#aebfb8}.operator-card button{border:0;background:transparent;color:#bdcec7;font-size:1.1rem;cursor:pointer}.workspace{min-width:0;padding:2rem clamp(1.25rem,3vw,3.2rem) 4rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:1.6rem}.topbar h1{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.1;letter-spacing:-.045em;margin:0}.topbar-actions{display:flex;align-items:center;gap:.75rem}.sync-state{display:flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.78rem}.sync-state>span:first-child{width:.5rem;height:.5rem;border-radius:50%;background:#94a09a}.sync-state>span:first-child.live{background:#2ba66b}.icon-button{width:2.65rem;height:2.65rem;border:1px solid var(--line);border-radius:.75rem;background:#fff;font-size:1.25rem;cursor:pointer}.icon-button.spinning{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-logout{display:none}
.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.25rem}.metric-card{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:8.6rem;padding:1.35rem 1.5rem;border:1px solid var(--line);border-radius:1rem;background:var(--card)}.metric-card div{display:grid;gap:.45rem}.metric-card div span{color:var(--muted);font-size:.88rem}.metric-card strong{font-size:clamp(1.7rem,2.8vw,2.35rem);letter-spacing:-.04em}.metric-icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:.9rem;background:#edf1ef;color:var(--forest);font-weight:850}.metric-orders{border-top:3px solid var(--amber)}.metric-active{border-top:3px solid #4381ab}.metric-paid{border-top:3px solid #2f9c6c}
.order-surface{border:1px solid var(--line);border-radius:1rem;background:#fff;overflow:hidden}.surface-header{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:1.4rem 1.5rem}.surface-header h2{font-size:1.25rem;margin:0 0 .25rem}.surface-header p{color:var(--muted);font-size:.83rem;margin:0}.surface-tools{display:flex;gap:.65rem}.search-box{display:flex;align-items:center;gap:.25rem;width:min(20rem,30vw);min-height:2.65rem;padding:0 .8rem;border:1px solid var(--line);border-radius:.7rem;background:#f9faf9}.search-box input{width:100%;border:0;outline:0;background:transparent}.scope-control select{min-height:2.65rem;border:1px solid var(--line);border-radius:.7rem;background:#fff;padding:0 2rem 0 .8rem}.status-tabs{display:flex;gap:.45rem;overflow:auto;padding:0 1.5rem 1.1rem;scrollbar-width:thin}.status-tabs button{display:flex;align-items:center;gap:.45rem;white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:#fff;padding:.52rem .78rem;cursor:pointer;font-size:.83rem;font-weight:700}.status-tabs button b{display:grid;place-items:center;min-width:1.4rem;height:1.4rem;padding:0 .25rem;border-radius:999px;background:#eef1ef;font-size:.68rem}.status-tabs button.active{background:var(--forest);border-color:var(--forest);color:#fff}.status-tabs button.active b{background:rgba(255,255,255,.16)}.table-wrap{border-top:1px solid var(--line);overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.9rem 1rem;border-bottom:1px solid #edf0ee;vertical-align:middle}th{color:var(--muted);background:#fafbfa;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em}td{font-size:.88rem}tbody tr{cursor:pointer;transition:background .15s}tbody tr:hover{background:#f7faf8}tbody tr.new-row{animation:new-row 1.8s ease-out}@keyframes new-row{0%{background:#fff3c9}100%{background:#fff}}.order-number{display:grid;gap:.15rem;color:var(--forest-2);font-weight:850}.order-number small,.customer-cell span,.payment-cell small{color:var(--muted);font-size:.72rem}.customer-cell,.payment-cell{display:grid}.money-cell{font-weight:800}.status-badge{display:inline-flex;align-items:center;gap:.4rem;width:max-content;border-radius:999px;padding:.32rem .58rem;font-size:.72rem;font-weight:800}.status-badge:before{content:"";width:.4rem;height:.4rem;border-radius:50%;background:currentColor}.status-new,.payment-pending,.payment-unpaid{background:var(--amber-soft);color:#806000}.status-confirmed,.status-preparing{background:var(--blue-soft);color:#1d638d}.status-ready,.status-completed,.payment-paid{background:var(--green-soft);color:#197047}.status-cancelled,.payment-failed,.payment-refunded{background:var(--red-soft);color:#962f20}.row-action{border:0;background:transparent;font-size:1.15rem;cursor:pointer}.mobile-orders{display:none}.empty-state{text-align:center;padding:4.5rem 1rem;border-top:1px solid var(--line)}.empty-state>span{display:grid;place-items:center;width:3rem;height:3rem;margin:0 auto 1rem;border-radius:1rem;background:var(--green-soft);color:#197047;font-size:1.4rem}.empty-state h3{margin:0}.empty-state p{margin:.25rem 0;color:var(--muted)}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem}.pagination button{border:1px solid var(--line);border-radius:.6rem;background:#fff;padding:.5rem .75rem;cursor:pointer}.pagination button:disabled{opacity:.45;cursor:not-allowed}.pagination span{font-size:.8rem;color:var(--muted)}.surface-alert{padding:.8rem 1rem;border-top:1px solid #efb9ad;background:#fff1ed;color:#8d2c1d}
.order-dialog{width:min(48rem,calc(100% - 2rem));max-height:calc(100vh - 2rem);padding:0;border:0;border-radius:1rem;background:#fff;color:var(--ink);box-shadow:var(--shadow)}.order-dialog::backdrop{background:rgba(9,24,18,.58);backdrop-filter:blur(3px)}.dialog-shell{padding:1.5rem}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:1rem}.dialog-header h2{font-size:1.65rem;letter-spacing:-.03em;margin:0}.dialog-header>div>p:last-child{color:var(--muted);font-size:.8rem;margin:.25rem 0 0}.dialog-close{display:grid;place-items:center;width:2.3rem;height:2.3rem;border:1px solid var(--line);border-radius:.7rem;background:#fff;font-size:1.4rem;cursor:pointer}.dialog-loading{padding:5rem 1rem;text-align:center;color:var(--muted)}.customer-strip{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.2rem 0}.customer-strip>div{display:grid;padding:1rem;border-radius:.8rem;background:#f4f7f5}.customer-strip>div:last-child{text-align:right}.customer-strip span,.customer-strip small{color:var(--muted);font-size:.75rem}.customer-strip strong{font-size:1.05rem}.customer-strip a{color:var(--forest-2);font-size:.8rem}.detail-section{border-top:1px solid var(--line);padding:1.2rem 0}.detail-section h3{font-size:1rem;margin:0 0 .8rem}.item-row{display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;padding:.65rem 0}.item-qty{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.55rem;background:#edf2ef;font-weight:850}.item-row div:nth-child(2){display:grid}.item-row small{color:var(--muted)}.customer-note{margin-top:.8rem;padding:.8rem;border-left:3px solid var(--amber);background:#fff8e6;font-size:.85rem}.flow-track{display:grid;grid-template-columns:repeat(5,1fr);margin:.4rem 0 1.25rem}.flow-step{position:relative;display:grid;justify-items:center;gap:.35rem;color:#8c9691;font-size:.68rem;text-align:center}.flow-step:before{content:"";position:absolute;z-index:0;left:-50%;right:50%;top:.55rem;height:2px;background:#dce2de}.flow-step:first-child:before{display:none}.flow-step span{position:relative;z-index:1;display:grid;place-items:center;width:1.15rem;height:1.15rem;border:2px solid #c9d1cd;border-radius:50%;background:#fff}.flow-step.done,.flow-step.current{color:var(--forest-2);font-weight:800}.flow-step.done:before,.flow-step.current:before{background:var(--forest-2)}.flow-step.done span,.flow-step.current span{border-color:var(--forest-2);background:var(--forest-2)}.flow-step.current span{box-shadow:0 0 0 .28rem rgba(29,90,71,.13)}.update-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.update-grid label{display:grid;gap:.35rem;font-size:.78rem;font-weight:750}.update-grid select{min-height:2.75rem;border:1px solid #cbd4cf;border-radius:.7rem;background:#fff;padding:0 .7rem}.save-button{width:100%;margin-top:1rem}.update-success,.update-error{padding:.65rem .8rem;margin-top:.8rem;border-radius:.6rem;font-size:.8rem}.update-success{background:var(--green-soft);color:#17683f}.update-error{background:var(--red-soft);color:#8d2c1d}
.toast{position:fixed;z-index:100;right:1.4rem;bottom:1.4rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;width:min(23rem,calc(100% - 2rem));padding:.9rem 1rem;border:1px solid #e1d19d;border-radius:.85rem;background:#fff9e9;box-shadow:var(--shadow)}.toast-icon{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.6rem;background:var(--amber);color:var(--forest);font-weight:900}.toast>div{display:grid}.toast>div span{color:var(--muted);font-size:.78rem}.toast button{border:0;background:transparent;font-size:1.2rem;cursor:pointer}
@media(max-width:1050px){.app-shell{grid-template-columns:5.2rem minmax(0,1fr)}.sidebar{align-items:center}.sidebar .brand-lockup span:last-child,.nav-item span:last-child,.connection span:last-child,.operator-card div,.operator-card button{display:none}.sidebar .brand-lockup{padding-inline:0}.nav-item{justify-content:center}.operator-card{display:block;padding:.8rem 0}.surface-header{align-items:stretch;flex-direction:column}.surface-tools{justify-content:space-between}.search-box{width:100%}}
@media(max-width:760px){.login-screen{display:block;background:var(--paper)}.login-brand{display:none}.login-panel{min-height:100vh;padding:1.25rem}.login-card{padding:1.4rem;border:1px solid var(--line);border-radius:1rem;background:#fff;box-shadow:0 18px 50px rgba(21,34,29,.07)}.mobile-brand{display:flex;align-items:center;gap:.7rem;margin-bottom:3rem}.login-card h2{font-size:2rem}.app-shell{display:block}.sidebar{display:none}.workspace{padding:1.25rem .85rem 3rem}.topbar{align-items:flex-start;margin-bottom:1.2rem}.topbar h1{font-size:1.7rem}.sync-state{display:none}.mobile-logout{display:block;border:0;background:transparent;color:var(--forest-2);font-weight:750}.metrics{grid-template-columns:1fr 1fr;gap:.65rem}.metric-card{min-height:6.8rem;padding:1rem}.metric-card:last-child{grid-column:1/-1}.metric-icon{width:2.45rem;height:2.45rem}.metric-card strong{font-size:1.6rem}.order-surface{border-radius:.85rem}.surface-header{padding:1rem}.surface-tools{display:grid;grid-template-columns:1fr auto}.search-box{width:100%}.scope-control select{max-width:8.5rem}.status-tabs{padding:0 1rem .9rem}.table-wrap{display:none}.mobile-orders{display:grid;border-top:1px solid var(--line)}.mobile-order-card{display:grid;gap:.7rem;padding:1rem;border-bottom:1px solid var(--line);background:#fff;text-align:left;border-inline:0;border-top:0}.mobile-order-head,.mobile-order-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem}.mobile-order-head strong{color:var(--forest-2)}.mobile-order-head time{font-size:.72rem;color:var(--muted)}.mobile-order-customer{display:grid}.mobile-order-customer span{font-size:.75rem;color:var(--muted)}.mobile-order-foot>strong{font-size:1.05rem}.mobile-statuses{display:flex;gap:.35rem}.order-dialog{width:100%;max-height:92vh;margin:auto 0 0;border-radius:1rem 1rem 0 0}.dialog-shell{padding:1rem}.customer-strip{grid-template-columns:1fr 1fr}.update-grid{grid-template-columns:1fr}.flow-step{font-size:.58rem}.toast{right:1rem;bottom:1rem}}
@media(max-width:420px){.metrics{grid-template-columns:1fr}.metric-card:last-child{grid-column:auto}.surface-tools{grid-template-columns:1fr}.scope-control select{width:100%;max-width:none}.mobile-statuses .status-badge{font-size:.63rem;padding:.27rem .42rem}.customer-strip{grid-template-columns:1fr}.customer-strip>div:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}