@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--product-50:#fdf3f1;--product-100:#fbe5e2;--product-200:#f8cbc5;--product-300:#f3a99f;--product-400:#ed7f70;--product-500:#e7523e;--product-600:#c94939;--product-700:#a73f33;--product-800:#85352d;--product-900:#622b26;--product-primary:var(--product-500);--product-primary-hover:var(--product-600);--product-primary-soft:var(--product-50);--product-on-primary:#111318;--blue:var(--product-primary);--blue-hover:var(--product-primary-hover);--blue-sub:var(--product-primary-soft);--info:#0ba5ec;--info-soft:#e7f6fc;--ink:#0a0a0b;--ink2:#3d424b;--muted:#5a616c;--faint:#828a95;--line:#e9ebef;--line2:#d6dae0;--canvas:#f4f5f7;--card:#fff;--success:#12b76a;--warning:#f79009;--danger:#f04438;--sidebar:#0a0a0b;--shadow:0 8px 24px rgba(10,10,11,.07);--sans:'IBM Plex Sans',system-ui,sans-serif;--display:'Space Grotesk',var(--sans);--mono:'IBM Plex Mono',ui-monospace,monospace}
*{box-sizing:border-box}html{background:var(--canvas);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(231,82,62,.28)}
.sidebar{position:fixed;inset:0 auto 0 0;z-index:5;width:248px;padding:24px 16px 16px;display:flex;flex-direction:column;color:#fff;background:var(--sidebar);border-right:1px solid rgba(255,255,255,.1)}.brand{height:48px;display:flex;align-items:flex-start;padding:2px 12px 15px}.brand img{width:112px;height:auto}.sidebar nav{display:grid;gap:3px;margin-top:20px}.sidebar nav:before{content:'OPERAÇÕES';margin:0 12px 8px;color:#5a616c;font:500 9px var(--mono);letter-spacing:.16em}.nav-item{min-height:40px;padding:0 12px;border:0;border-left:3px solid transparent;border-radius:6px;display:flex;align-items:center;gap:12px;color:#aeb4be;background:transparent;font:500 12.5px var(--sans);text-align:left;cursor:pointer;transition:.16s}.nav-item span{width:18px;color:#828a95;font:500 16px var(--mono);text-align:center}.nav-item:hover{color:#fff;background:rgba(255,255,255,.04)}.nav-item.active{color:#fff;border-left-color:var(--blue);background:rgba(255,255,255,.055)}.nav-item.active span{color:var(--product-300)}.nav-item small{margin-left:auto;padding:2px 5px;border:1px solid rgba(255,255,255,.16);border-radius:4px;font:500 8px var(--mono);text-transform:uppercase}.nav-item.disabled{opacity:.55;cursor:default}.sidebar-bottom{margin-top:auto;display:grid;gap:16px}.service-status,.user{display:flex;align-items:center;gap:10px}.service-status{padding:11px;border:1px solid rgba(255,255,255,.14);border-radius:8px}.service-status i{width:7px;height:7px;border-radius:50%;background:var(--success)}.service-status div,.user div{display:grid}.service-status strong,.user strong{font-size:11px;font-weight:500}.service-status span,.user span{margin-top:3px;color:#828a95;font:400 8px var(--mono)}.user{padding:16px 8px 2px;border-top:1px solid rgba(255,255,255,.1)}.avatar{width:30px;height:30px!important;margin:0!important;display:grid;place-items:center;border-radius:6px;color:var(--product-on-primary)!important;background:var(--product-primary);font:600 9px var(--mono)!important}
main{min-width:0;margin-left:248px;padding:27px 30px 48px}.topbar{min-height:78px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.eyebrow{margin:0 0 7px;color:var(--blue);font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:'';display:inline-block;width:14px;height:2px;margin:0 8px 3px 0;background:var(--blue)}.topbar h1{margin:0;font:700 28px/1.12 var(--display);letter-spacing:-.025em}.header-note{display:block;margin-top:6px;color:var(--muted);font-size:13px}.top-actions{display:flex;align-items:flex-end;gap:10px}.date-control{display:grid;gap:5px;color:var(--faint);font:500 9px var(--mono);letter-spacing:.1em}.date-control input{height:40px;padding:0 11px;border:1px solid var(--line2);border-radius:6px;color:var(--ink2);background:var(--card);font:500 11px var(--mono)}.button{min-height:40px;padding:0 14px;border:1px solid var(--line2);border-radius:6px;font:500 13px var(--sans);cursor:pointer;transition:.12s}.button.primary{color:var(--product-on-primary);border-color:var(--blue);background:var(--blue)}.button.primary:hover{border-color:var(--blue-hover);background:var(--blue-hover)}.button:active{transform:translateY(1px)}.button.ghost{color:var(--ink2);background:var(--card)}
.metrics{margin-bottom:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metrics article{min-height:104px;padding:14px 16px;display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:center;border:1px solid var(--line);border-radius:14px;background:var(--card);transition:.2s}.metrics article:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.metrics article div{display:grid}.metrics strong{color:var(--blue);font:500 28px/1 var(--mono);letter-spacing:-.04em}.metrics div span{margin-top:6px;color:var(--ink2);font:500 9.5px var(--mono);letter-spacing:.06em;text-transform:uppercase}.metrics em{grid-column:2;margin-top:-6px;color:var(--faint);font:400 10px var(--mono);font-style:normal}.metric-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:6px;background:var(--canvas)!important;color:var(--faint)!important;font:500 13px var(--mono)}
.workspace{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--card)}.workspace-head{min-height:78px;padding:18px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.workspace h2{margin:0;font:700 21px var(--display);letter-spacing:-.02em}.workspace-head .eyebrow{margin-bottom:5px;font-size:9px}.legend{display:flex;gap:16px;color:var(--faint);font:400 9px var(--mono);text-transform:uppercase}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:6px;height:6px;border-radius:50%}.legend .available{background:#aeb4be}.legend .reserved{background:var(--info)}.legend .seated{background:var(--success)}.legend .blocked{background:var(--danger)}
.floor-layout{min-height:500px;display:grid;grid-template-columns:minmax(560px,1fr) 284px}.floor-canvas{position:relative;min-height:500px;overflow:hidden;background-color:#fbfbfc;background-image:linear-gradient(rgba(10,10,11,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(10,10,11,.028) 1px,transparent 1px);background-size:24px 24px}.floor-divider{position:absolute;left:0;right:0;border-top:1px dashed var(--line2)}.floor-divider.one{top:37%}.floor-divider.two{top:69%}.area-label{position:absolute;left:18px;color:var(--faint);font:500 9px var(--mono);letter-spacing:.14em}.area-label.interior{top:15px}.area-label.terrace{top:40%}.area-label.garden{top:72%}.table{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;border:1.5px solid var(--line2);background:var(--card);color:var(--ink);cursor:pointer;box-shadow:0 2px 6px rgba(10,10,11,.05);transition:.16s}.table:hover{z-index:2;transform:translate(-50%,-50%) translateY(-3px);box-shadow:var(--shadow)}.table.round{width:64px;height:64px;border-radius:50%}.table.square{width:64px;height:64px;border-radius:8px}.table.rectangle{width:88px;height:58px;border-radius:8px}.table .number{font:600 16px var(--mono)}.table small{margin-top:-10px;color:var(--faint);font:400 8px var(--mono)}.table.reserved{border-color:var(--info);background:var(--info-soft)}.table.seated,.table.arrived{border-color:var(--success);background:#f6fbf8}.table.blocked{color:var(--muted);border-color:var(--danger);background:#fffafa}.table .badge{position:absolute;top:-8px;right:-8px;padding:3px 6px;border-radius:999px;color:#fff;background:var(--info);font:500 7px var(--mono)}.table.seated .badge,.table.arrived .badge{background:var(--success)}
.next-panel{padding:22px;border-left:1px solid var(--line);background:var(--card)}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-title h3{margin:0;font:700 17px var(--display)}.panel-title .eyebrow{font-size:8px}.panel-title>span{padding:4px 8px;border:1px solid var(--line);border-radius:999px;background:var(--canvas);font:500 9px var(--mono)}.arrivals{display:grid;margin-top:14px}.arrival{min-height:62px;padding:12px 0;border-bottom:1px solid var(--line)!important;grid-template-columns:43px 1fr auto;gap:9px;align-items:center}.arrival:hover{background:var(--canvas)!important}.arrival time{color:var(--blue);font:500 12px var(--mono)}.arrival strong{display:block;font-size:12px;font-weight:500}.arrival p{margin:3px 0 0;color:var(--faint);font:400 8px var(--mono)}.arrival .party{padding:4px 6px;border:1px solid var(--line);border-radius:4px;background:var(--canvas);font:500 8px var(--mono)}.empty{padding:35px 5px;color:var(--faint);font-size:12px;text-align:center}
.list-view{padding:8px 22px 28px}.list-view.hidden,.hidden{display:none}.list-row{min-height:54px;padding:10px 4px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:80px 1.4fr .6fr .8fr .7fr auto;gap:12px;align-items:center;font-size:11px}.list-row:hover{background:var(--canvas)}.list-row strong{font-size:12px;font-weight:500}.list-row>strong,.list-row span{color:var(--muted);font-family:var(--mono)}.status{padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:var(--ink2)!important;background:var(--canvas)!important;font:500 8px var(--mono)!important;text-align:center;text-transform:uppercase}.status:before{content:'';display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--warning)}.status.arrived:before,.status.seated:before{background:var(--success)}.status.cancelled:before,.status.no_show:before{background:var(--danger)}.row-actions{display:flex;gap:5px}.row-actions button{padding:6px 8px;border:1px solid var(--line2);border-radius:6px;color:var(--ink2);background:var(--card);font-size:9px;cursor:pointer}
dialog{width:min(520px,calc(100% - 30px));padding:0;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:var(--card);box-shadow:0 18px 48px rgba(10,10,11,.18)}dialog::backdrop{background:rgba(10,10,11,.55);backdrop-filter:blur(3px)}#booking-form{padding:25px}.dialog-head{display:flex;justify-content:space-between}.dialog-head h2{margin:0;font:700 24px var(--display)}.icon-button{width:32px;height:32px;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:var(--canvas);font-size:20px;cursor:pointer}.form-grid{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:grid;gap:6px;color:var(--muted);font:500 10px var(--mono);text-transform:uppercase}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:11px;border:1px solid var(--line2);border-radius:6px;color:var(--ink);background:var(--card);font:400 13px var(--sans);text-transform:none}.form-grid textarea{min-height:65px;resize:vertical}.availability-note{margin-top:15px;padding:10px 12px;border-left:2px solid var(--blue);color:var(--ink2);background:var(--blue-sub);font:400 10px var(--mono)}.availability-note.error{border-color:var(--danger);color:var(--danger);background:#fbe9e9}.dialog-actions{margin-top:20px;display:flex;justify-content:flex-end;gap:8px}#toast{position:fixed;right:25px;bottom:25px;z-index:20;padding:13px 17px;border-radius:6px;color:#fff;background:#0a0a0b;box-shadow:var(--shadow);font:400 11px var(--mono);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:none}
@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.floor-layout{grid-template-columns:1fr}.next-panel{display:none}.sidebar{width:76px;padding:24px 12px}.brand{padding-inline:5px}.brand img{width:46px;height:24px;object-fit:cover;object-position:left}.sidebar nav:before,.nav-item:not(.active){font-size:0}.nav-item{justify-content:center;padding-inline:8px}.nav-item span{font-size:16px}.nav-item small,.sidebar-bottom{display:none}main{margin-left:76px;padding:26px}.floor-canvas{min-height:530px}}
@media(max-width:680px){main{margin-left:0;padding:18px 12px 82px}.sidebar{inset:auto 0 0;width:auto;height:64px;padding:7px 12px;display:block}.brand,.sidebar-bottom,.sidebar nav:before{display:none}.sidebar nav{margin:0;display:flex;justify-content:space-around}.nav-item,.nav-item:not(.active){min-width:64px;padding:5px 10px;border-left:0;border-bottom:2px solid transparent;display:grid;gap:0;font-size:9px;text-align:center}.nav-item.active{border-bottom-color:var(--blue)}.nav-item small{display:none}.topbar{align-items:flex-start}.topbar h1{font-size:25px}.header-note{font-size:11px}.top-actions{display:grid}.date-control{display:none}.metrics{grid-template-columns:1fr 1fr}.metrics article{min-height:88px;padding:12px;grid-template-columns:1fr}.metric-icon{display:none}.metrics em{grid-column:1;margin:0}.legend{display:none}.workspace-head{padding:16px}.floor-canvas{min-height:520px}.table{transform:translate(-50%,-50%) scale(.88)}.list-row{grid-template-columns:50px 1fr auto}.list-row>*:nth-child(3),.list-row>*:nth-child(4),.list-row>*:nth-child(5){display:none}}
@media(prefers-color-scheme:dark){:root{--canvas:#0e0f12;--card:#16181d;--line:#262a31;--line2:#353a44;--ink:#f2f3f5;--ink2:#c9cdd4;--muted:#99a1ac;--faint:#7a828e;--product-primary:#ed7f70;--product-primary-hover:#f3a99f;--product-primary-soft:#301d1a;--blue:var(--product-primary);--blue-hover:var(--product-primary-hover);--blue-sub:var(--product-primary-soft);--info:#38bdf8;--info-soft:#172b36}.floor-canvas{background-color:#121419;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px)}.table.seated,.table.arrived{background:#132a1c}.table.blocked{background:#251617}}