:root{--cream:#f5f0e7;--paper:#fffdf8;--ink:#283126;--olive:#566044;--olive-dark:#36402f;--champagne:#caa15d;--terra:#c86f4a;--sand:#e7decf;--muted:#7b7e74;--shadow:0 18px 55px rgba(53,48,38,.1)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%}body{background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit}img{max-width:100%}.eyebrow{letter-spacing:.18em;margin:0 0 10px;font-size:11px;font-weight:800}.eyebrow.olive{color:#737c5d}.muted{color:var(--muted)}.login-shell{display:grid;grid-template-columns:1.05fr .95fr;min-height:100vh}.brand-panel{background:linear-gradient(145deg,#343d31,#657054);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px}.brand-logo{width:min(430px,80%);max-height:430px;object-fit:contain}.brand-copy{text-align:center;margin-top:25px}.brand-copy h1{font:italic 56px Georgia,serif;margin:8px 0}.brand-copy p{letter-spacing:.18em;font-size:12px;color:#efe7d8}.login-card{background:var(--paper);display:grid;place-items:center;padding:40px}.login-card>div{width:min(390px,100%)}.login-card h2{font:36px Georgia,serif;margin:0 0 8px}.pin-dots{display:flex;justify-content:center;gap:18px;margin:34px 0}.pin-dots span{width:14px;height:14px;border:2px solid #c7c8be;border-radius:50%}.pin-dots span.filled{background:var(--champagne);border-color:var(--champagne)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.keypad button{height:58px;background:#fff;border:1px solid #ded9ce;border-radius:10px;font-size:21px}.keypad button:hover{border-color:var(--champagne);background:#fffaf2}.keypad .ghost{font-size:11px;background:transparent}.primary{border:0;border-radius:9px;background:var(--champagne);color:#fff;padding:15px 20px;font-weight:800}.primary:disabled{opacity:.4;cursor:not-allowed}.full{width:100%}.demo-hint{text-align:center;color:#999;font-size:11px;margin-top:14px}.app-shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.app-shell>aside{background:var(--olive-dark);color:#dce0d4;padding:24px 16px;display:flex;flex-direction:column;min-height:100vh}.side-brand{padding:4px 12px 26px;border-bottom:1px solid rgba(255,255,255,.12);text-align:center}.side-brand img{width:165px;max-height:100px;object-fit:contain}.app-shell nav{display:grid;gap:6px;margin-top:28px}.app-shell nav button{border:0;background:transparent;color:#bfc6b8;padding:13px 14px;border-radius:8px;text-align:left;display:flex;gap:13px;align-items:center}.app-shell nav button.active,.app-shell nav button:hover{background:#59624c;color:#fff}.app-shell nav button span{font-size:20px;width:23px;text-align:center}.user-card{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;display:flex;gap:9px;align-items:center}.user-card>span{width:36px;height:36px;border-radius:50%;background:#d9b99c;color:#4c392c;display:grid;place-items:center;font-size:12px;font-weight:700}.user-card div{flex:1}.user-card strong{font-size:12px}.user-card small{display:block;color:#aeb7a4;font-size:8px;letter-spacing:.12em}.user-card button{border:0;background:transparent;color:#abb3a3}.workspace{min-width:0}.workspace>header{height:100px;background:#fffdf8e6;border-bottom:1px solid #ded9ce;padding:25px 34px;display:flex;justify-content:space-between;align-items:center}.workspace header h1{font:30px Georgia,serif;margin:0}.live{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:11px}.live i{width:8px;height:8px;background:#7c9b63;border-radius:50%}.live b{margin-left:15px;color:var(--ink)}.content{padding:27px 34px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.legend{display:flex;gap:23px;color:var(--muted);font-size:11px}.legend i{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:7px}.legend .free{background:#9aa78b}.legend .busy{background:var(--terra)}.legend .bill{background:#d6a83d}.secondary{background:var(--paper);border:1px solid #ccc6ba;border-radius:8px;padding:10px 15px;font-size:11px;font-weight:700}.table-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:15px}.table-card{background:var(--paper);border:1px solid #ded8cc;border-radius:12px;min-height:155px;padding:17px;text-align:left;position:relative;overflow:hidden;transition:.15s ease}.table-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#a5b095}.table-card.ocupada:before{background:var(--terra)}.table-card.cuenta:before{background:#d2a43d}.table-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.table-top{display:flex;justify-content:space-between}.table-top span{font-size:9px;letter-spacing:.13em;color:#999}.table-top b{font-size:9px;padding:5px 8px;border-radius:15px;background:#edf0e9}.table-card.ocupada .table-top b{color:#a85533;background:#f9e8df}.table-card.cuenta .table-top b{color:#9a721a;background:#f8efd8}.table-card>strong{display:block;font:47px Georgia,serif;margin:16px 0}.table-card>div:last-child{display:flex;justify-content:space-between;color:#888;font-size:9px}.order-layout{display:grid;grid-template-columns:1fr 360px;height:calc(100vh - 100px)}.menu-panel{padding:25px 28px;overflow:auto}.order-tools{display:flex;gap:12px}.search{flex:1;height:44px;border:1px solid #ddd6c9;background:var(--paper);border-radius:8px;display:flex;align-items:center;padding:0 14px;gap:9px}.search input{border:0;outline:0;background:transparent;width:100%}.guest-manager{display:flex;align-items:center;gap:8px;background:#e9e3d8;border-radius:8px;padding:4px 8px}.guest-manager button{border:0;background:#fff;border-radius:6px;width:32px;height:32px}.guests{display:flex;gap:6px;margin-top:15px}.guests button,.categories button{border:1px solid #d8d1c5;background:transparent;border-radius:20px;padding:8px 14px;font-size:11px}.guests button.active,.categories button.active{background:var(--olive);color:#fff}.categories{display:flex;gap:8px;margin:18px 0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.product-card{min-height:142px;background:var(--paper);border:1px solid #dfd8cc;border-radius:11px;padding:16px;text-align:left;display:grid;grid-template-columns:42px 1fr;gap:10px}.product-card:hover{border-color:#b6aa91;box-shadow:var(--shadow)}.product-card>span{font-size:30px}.product-card strong{font:16px Georgia,serif}.product-card small{display:block;color:#999;margin-top:7px}.product-card>b{grid-column:2;color:var(--terra)}.check-panel{background:var(--paper);border-left:1px solid #ddd6c9;padding:23px;display:flex;flex-direction:column;min-height:0}.check-head{display:flex;justify-content:space-between}.check-head h2{font:28px Georgia,serif;margin:4px 0}.check-head span{font-size:9px;color:#999;letter-spacing:.13em}.check-items{border-top:1px solid #e5dfd4;flex:1;overflow:auto;margin-top:12px}.check-item{display:grid;grid-template-columns:23px 1fr auto;gap:8px;padding:14px 0;border-bottom:1px solid #eee8df}.check-item>span{width:22px;height:22px;border-radius:50%;background:#ebe6db;display:grid;place-items:center}.check-item small{display:block;color:#999;margin-top:5px}.empty{text-align:center;color:#999;padding:50px 0}.totals{border-top:1px solid #ddd6c9;padding-top:11px}.totals p{display:flex;justify-content:space-between}.totals .grand{font-size:16px;border-top:1px solid #eee7dc;padding-top:9px}.text-button{background:transparent;border:0;color:var(--terra);padding:11px}.kds-summary{display:flex;gap:9px;margin-bottom:22px}.kds-summary span{background:var(--paper);border:1px solid #ded8cc;border-radius:8px;padding:8px 16px;color:#888}.kds-summary b{font-size:18px;color:var(--ink);margin-right:8px}.kds-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.ticket{background:var(--paper);border:1px solid #dcd5ca;border-top:5px solid #c77855;border-radius:10px;overflow:hidden}.ticket.preparando{border-top-color:#d0a03d}.ticket.listo{border-top-color:#7f9d67}.ticket-head{display:flex;justify-content:space-between;padding:14px;border-bottom:1px solid #ece5da}.ticket-head b{font-size:28px;display:block}.ticket-body{padding:16px}.ticket-body p{display:flex;gap:10px}.ticket-body em{display:block;margin-top:12px;color:#a85d3f}.ticket>button{width:100%;border:0;padding:13px;background:#f3eee5;font-weight:700}.cashier{display:grid;place-items:center;min-height:calc(100vh - 100px)}.cash-card,.cut-card{width:min(470px,100%);background:var(--paper);border:1px solid #ded8cc;border-radius:14px;padding:30px;box-shadow:var(--shadow)}.cash-card h2,.cut-card h2{font:30px Georgia,serif}.cash-total{font:42px Georgia,serif;color:var(--champagne);margin:20px 0}.cash-card label{display:block;margin-bottom:7px}.cash-card input{width:100%;border:1px solid #d9d1c4;border-radius:8px;padding:14px;margin-bottom:15px}.cut-card strong{font:45px Georgia,serif;color:var(--champagne)}.toast{position:fixed;right:24px;bottom:24px;background:#283126;color:#fff;padding:14px 18px;border-radius:10px;box-shadow:var(--shadow);z-index:100}@media (max-width:1100px){.table-grid{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.login-shell{grid-template-columns:1fr}.brand-panel{display:none}.app-shell{grid-template-columns:80px 1fr}.side-brand img{width:55px}.app-shell nav button{font-size:0;justify-content:center}.app-shell nav button span{font-size:22px}.user-card div{display:none}.table-grid{grid-template-columns:repeat(2,1fr)}.order-layout{grid-template-columns:1fr;height:auto}.check-panel{border-left:0;border-top:1px solid #ddd6c9}.kds-grid{grid-template-columns:1fr}}