*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#1e1b13;-webkit-font-smoothing:antialiased;background-color:#fff8ef;height:100%;font-family:Manrope,Segoe UI,sans-serif}button{font:inherit;cursor:pointer;background:0 0;border:none;padding:0}input,textarea,select{font:inherit;background:0 0;border:none;outline:none}.material-icons{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;direction:ltr;font-family:Material Icons;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c2c9be;border-radius:999px}:root{--primary:#3e6842;--primary-container:#8fbc8f;--on-primary:#fff;--secondary:#725a39;--tertiary:#874d5f;--surface:#fff8ef;--surface-low:#fbf3e4;--surface-container:#f5edde;--surface-high:#efe7d9;--surface-lowest:#fff;--on-surface:#1e1b13;--on-surface-variant:#424940;--outline:#727970;--outline-variant:#c2c9be;--error:#ba1a1a;--error-container:#ffdad6;--on-error-container:#93000a;color:var(--on-surface);background:var(--surface);font-family:Manrope,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0% 0%, #f8efd8 0%, #f8efd800 40%), radial-gradient(circle at 100% 0%, #ebf4e2 0%, #ebf4e200 40%), var(--surface);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}input,select,button{font:inherit}.splash{min-height:100vh;color:var(--primary);place-items:center;font-size:1.2rem;font-weight:800;display:grid}.app-shell{grid-template-columns:270px 1fr;min-height:100vh;display:grid}.sidebar{color:#f6f8f8;background:linear-gradient(#31573a 0%,#234c29 100%);flex-direction:column;gap:1rem;height:100vh;padding:1.2rem;display:flex;position:sticky;top:0;box-shadow:10px 0 32px #1e1b1314}.sidebar-head{background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;padding:.8rem}.sidebar h2{margin:0;font-family:Plus Jakarta Sans,Manrope,sans-serif;font-size:1.3rem}.sidebar p{color:#d1e3d5;margin:.2rem 0 0;font-size:.9rem}.role-pill{text-transform:uppercase;letter-spacing:.06em;background:#ffffff2e;border-radius:999px;margin-top:.6rem;padding:.2rem .6rem;font-size:.75rem;display:inline-block}.sidebar nav{gap:.45rem;display:grid}.nav-link{color:#e2efe5;border-radius:12px;padding:.72rem .85rem;transition:all .12s}.nav-link:hover{background:#ffffff14}.nav-link.active{color:#234c29;background:#8fbc8f;font-weight:700}.nav-link.active:hover{color:#fff;background:#a4c8a1}.content{padding:1.2rem}.page{gap:.9rem;display:grid}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.page-head h1{margin:0;font-family:Plus Jakarta Sans,Manrope,sans-serif;font-size:clamp(1.4rem,2vw,2rem)}.page-head p{color:var(--on-surface-variant);margin:.3rem 0 0}.panel{background:var(--surface-lowest);border:1px solid var(--outline-variant);border-radius:20px;padding:1rem;box-shadow:0 8px 24px #1e1b130d}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.stat-card{background:var(--surface-lowest);border:1px solid var(--outline-variant);border-radius:18px;padding:.9rem}.stat-card h3{color:var(--on-surface-variant);margin:0;font-size:.9rem}.stat-card strong{color:var(--primary);font-size:1.5rem}.chip-row{flex-wrap:wrap;gap:.45rem;display:flex}.chip{border:1px solid var(--outline-variant);background:var(--surface-lowest);color:#31573a;cursor:pointer;border-radius:999px;padding:.4rem .7rem}.chip.active{background:var(--primary-container);color:#234c29;border-color:#89b989;font-weight:700}.order-list{gap:.6rem;display:grid}.order-item{border:1px solid var(--outline-variant);background:var(--surface-lowest);border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem;display:flex}.order-item h4{margin:0}.order-item p{color:var(--on-surface-variant);margin:.25rem 0 0;font-size:.88rem}.order-item strong{color:var(--secondary)}.table-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem;display:grid}.table-card{border:1px solid var(--outline-variant);background:var(--surface-lowest);text-align:left;cursor:pointer;border-radius:18px;padding:.9rem;transition:transform .12s,box-shadow .12s}.table-card:hover{transform:translateY(-1px);box-shadow:0 8px 18px #1e1b1312}.table-card h3,.table-card p,.table-card span{margin:0}.table-card p{color:var(--on-surface-variant);margin-top:.35rem}.table-card span{color:var(--primary);margin-top:.8rem;font-size:.85rem;display:block}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem;display:grid}.menu-card{border:1px solid var(--outline-variant);background:var(--surface-lowest);border-radius:16px;padding:.8rem}.menu-card h3,.menu-card p,.menu-card strong{margin:0}.menu-card p{color:var(--on-surface-variant);margin-top:.25rem}.menu-card strong{color:var(--secondary)}.qty-actions{align-items:center;gap:.35rem;margin-top:.7rem;display:inline-flex}.qty-actions button{border:1px solid var(--outline-variant);background:var(--surface-low);width:30px;height:30px;color:var(--primary);cursor:pointer;border-radius:10px;font-weight:700}.qty-actions button:disabled{opacity:.5;cursor:not-allowed}.sticky-summary{border:1px solid var(--outline-variant);background:color-mix(in srgb, var(--surface-lowest) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;justify-content:space-between;align-items:center;padding:.8rem;display:flex;position:sticky;bottom:0}.auth-page{place-items:center;min-height:100vh;padding:1rem;display:grid}.auth-card{background:var(--surface-lowest);border:1px solid var(--outline-variant);border-radius:20px;gap:.9rem;width:min(560px,100%);padding:1.2rem;display:grid;box-shadow:0 10px 28px #1e1b1314}.auth-card h1{margin:0;font-family:Plus Jakarta Sans,Manrope,sans-serif}.auth-title{color:var(--primary)}.auth-card p{color:var(--on-surface-variant);margin:0}.auth-card label{gap:.4rem;font-size:.9rem;display:grid}.auth-card input,.auth-card select,.panel input,.panel select{border:1px solid var(--outline-variant);background:var(--surface-lowest);border-radius:12px;width:100%;height:40px;padding:0 .7rem}.role-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.role-card{border:1px solid var(--outline-variant);background:var(--surface-low);border-radius:16px;padding:.8rem;transition:transform .12s,border-color .12s}.role-card:hover{border-color:#9ab798;transform:translateY(-1px)}.role-card h3,.role-card span{margin:0}.role-card span{color:var(--on-surface-variant);font-size:.85rem}.primary-btn,.ghost-btn,.danger-btn,.link-btn{cursor:pointer;border:none;border-radius:12px;padding:.6rem .9rem}.primary-btn{background:linear-gradient(135deg, var(--primary), #4f7f53);color:var(--on-primary)}.ghost-btn{background:var(--surface-high);color:#234c29}.danger-btn{background:var(--error);color:#fff;margin-top:auto}.link-btn{background:var(--surface-high);color:#234c29;width:fit-content;display:inline-block}.error-box{background:var(--error-container);color:var(--on-error-container);border:1px solid #f0bdb6;border-radius:12px;padding:.6rem}.actions-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.summary-lines{gap:.45rem;margin:.7rem 0;display:grid}.line{justify-content:space-between;align-items:center;gap:1rem;display:flex}.discount-controls{grid-template-columns:1fr 160px;gap:.5rem;margin:.9rem 0;display:grid}.muted{color:var(--on-surface-variant)}@media (width<=980px){.app-shell{grid-template-columns:1fr}.sidebar{border-radius:0 0 20px 20px;height:auto;padding-bottom:.8rem;position:static}.sidebar-head{padding:.65rem}.sidebar nav{flex-wrap:wrap;display:flex}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-grid{grid-template-columns:1fr}}@media (width<=640px){.content{padding:.9rem}.sidebar{border-radius:0}.nav-link{text-align:center;flex:1;min-width:92px}.stat-grid,.discount-controls{grid-template-columns:1fr}.sticky-summary{flex-direction:column;align-items:stretch;gap:.6rem}}