:root{--bg:#f2eee7;--paper:#fffdf9;--ink:#302820;--muted:#83776b;--line:#e6dfd4;--accent:#ba542d;--dark:#19120e;--font:'DM Sans',sans-serif;--display:'Barlow Condensed',Impact,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:13px/1.55 var(--font)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}a{color:inherit;text-decoration:none}button{border:0}h1,h2,p{margin:0}h1{font:600 46px/1 var(--display)}h2{font:600 26px/1.2 var(--display)}input,select,textarea{width:100%;border:1px solid var(--line);background:var(--paper);padding:11px 13px;border-radius:7px;color:var(--ink)}textarea{resize:vertical}label{display:block;font-size:11px;font-weight:600;margin:17px 0 7px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:42px;padding:11px 17px;font-size:11px;font-weight:600;border-radius:7px}.primary{background:var(--accent);color:white}.primary:hover{background:#9a3f1d}.secondary{background:var(--paper);color:var(--ink);border:1px solid var(--line)}.full{width:100%}.eyebrow{display:block;font-size:8px;letter-spacing:1.7px;font-weight:700;color:var(--muted)}.error{color:#ae291b;font-size:11px;min-height:18px;margin:12px 0}.muted{font-size:10px;color:var(--muted)}#login-view{min-height:100svh;display:grid;grid-template-columns:1fr 1fr}.login-brand{background:linear-gradient(90deg,#19120ef5,#19120e99),url('/assets/brasa.jpg') center/cover;color:#f4e8d5;padding:clamp(40px,7vw,120px);display:flex;flex-direction:column;justify-content:center}.login-brand img{border-radius:50%;margin-bottom:32px}.login-brand>span{font-size:8px;letter-spacing:2px;color:#c4b3a0}.login-brand h1{font:700 clamp(70px,7vw,120px)/.9 var(--display);text-transform:uppercase;margin:25px 0}.login-brand em{font-style:normal;color:#f47731}.login-brand p{font-size:12px;color:#c4b3a0;line-height:1.9}#login-form{padding:45px;width:min(460px,100%);margin:auto}#login-form h2{font-size:43px;margin:15px 0 10px}#login-form>p:not(.error){font-size:12px;color:var(--muted);margin-bottom:25px}.login-help{border:1px solid var(--line);background:#ebe5dc;padding:15px;margin-top:22px;border-radius:7px;font-size:10px;line-height:1.8}.login-help small{display:block;color:var(--muted);margin-top:4px}.back-link{font-size:10px;color:var(--muted);display:block;margin-top:24px}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:var(--dark);color:#c8bcae;display:flex;flex-direction:column;padding:28px 20px}.brand{display:flex;align-items:center;gap:12px;color:#f6ead6;margin-bottom:50px}.brand img{border-radius:50%}.brand>span{font:700 27px/.95 var(--display)}.brand small{display:block;font:7px var(--font);letter-spacing:1.7px;margin-top:7px}.nav-label{font-size:7px;letter-spacing:2px;margin:0 14px 15px;color:#87796a}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav button{display:flex;align-items:center;gap:13px;text-align:left;background:none;color:#b6a694;padding:13px 14px;border-radius:7px;font-size:11px}.sidebar nav button>span{font-size:20px;line-height:1;width:18px;text-align:center}.sidebar nav button.active{background:#ba542d26;color:#f89965}.sidebar nav button>b{margin-left:auto;font-size:9px;background:#ba542d50;padding:2px 7px;border-radius:4px}.sidebar-foot{margin-top:auto;font-size:10px}.sidebar-foot>a{display:flex;justify-content:space-between;padding:15px 10px}.sidebar-foot>div{border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;padding:18px 10px;font-size:9px}.sidebar-foot small{display:block;font-size:8px;color:#887764;margin:6px 0 0 12px}.sidebar-foot i,.demo-banner i{display:inline-block;width:5px;height:5px;background:#f47731;border-radius:50%;margin-right:6px}.sidebar-foot>button{color:#b6a694;background:none;padding:17px 10px;font-size:10px}.workspace{margin-left:224px;min-height:100svh}.demo-banner{padding:11px 36px;border-bottom:1px solid var(--line);display:flex;gap:24px;align-items:center;background:#ebe5dc;font-size:9px}.demo-banner>span:first-child{font-size:7px;letter-spacing:1.1px;font-weight:700;white-space:nowrap}.demo-banner>p{color:var(--muted)}.demo-date{margin-left:auto;color:var(--muted);font-size:8px}.page-header{padding:35px 36px 26px;display:flex;justify-content:space-between;align-items:center;gap:20px}.page-header h1{margin:10px 0 8px}.page-header p{font-size:11px;color:var(--muted)}.header-actions{display:flex;gap:10px}main{padding:0 36px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.metric{background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:21px}.metric>span{font-size:10px;color:var(--muted)}.metric>strong{display:block;font:600 38px/1.2 var(--display);margin:10px 0 8px}.metric>small{font-size:8px;color:var(--muted)}.metric.highlight{background:#2a1b12;color:#f4e8d5;border-color:#2a1b12}.metric.highlight>span,.metric.highlight>small{color:#c3ac96}.overview-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:20px;margin-bottom:22px}.panel{border:1px solid var(--line);border-radius:9px;background:var(--paper);padding:23px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.panel-title h2{margin-top:6px}.badge{font-size:9px;white-space:nowrap;background:#eee8df;color:#827361;padding:5px 9px;border-radius:5px;display:inline-block}.badge.novo{background:#fff0da;color:#a0661d}.badge.preparando{background:#fae4d8;color:#aa4c25}.badge.pronto{background:#e6eddc;color:#5e7534}.badge.concluido{background:#e1ede5;color:#49755a}.badge.cancelado{background:#f1e2e0;color:#9b524a}.chart{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;height:195px;padding-top:20px;align-items:end}.chart-column{height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px;font-size:8px;color:var(--muted)}.chart-bar{width:100%;max-width:40px;min-height:3px;background:#d8b69e;border-radius:4px 4px 0 0}.chart-column:last-child .chart-bar{background:var(--accent)}.chart-column b{font-size:9px;color:var(--ink);font-weight:500}.queue-panel>h2{margin-top:6px}.queue-row{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:11px}.queue-row strong{font-size:13px}.queue-panel .text-button{margin-top:16px}.text-button{color:var(--accent);background:none;font-size:10px;font-weight:600;padding:5px 0}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:11px;white-space:nowrap}th{font-size:8px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-weight:500;padding:12px 14px;border-bottom:1px solid var(--line);background:#faf7f1}td{padding:15px 14px;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}td small{display:block;font-size:9px;color:var(--muted);margin-top:4px}td strong{font-weight:600}.table-button{background:none;color:var(--accent);font-size:10px;padding:8px}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.search{display:flex;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:7px;padding-left:13px;gap:10px;flex:1;max-width:390px;margin:0}.search>span{font-size:22px;color:var(--muted)}.search input{background:none;border:0;font-size:11px;padding:12px}.toolbar select{width:180px;font-size:11px}.toolbar>span{margin-left:auto;color:var(--muted);font-size:10px}.toolbar>.primary{margin-left:auto}.table-panel{padding:0;overflow:hidden}.product-cell{display:flex;align-items:center;gap:13px}.product-cell img{width:43px;height:43px;object-fit:cover;border-radius:6px}.product-cell strong{display:block;max-width:260px;white-space:normal}.product-cell small{max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-panel{max-width:650px;padding:30px}.settings-panel h2{margin:10px 0}.form-intro{font-size:11px;color:var(--muted);margin-bottom:25px}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:400}.checkbox-label input{width:16px;height:16px;accent-color:var(--accent);flex-shrink:0}.settings-panel .primary{margin-top:25px}.workspace footer{padding:30px 36px;display:flex;justify-content:space-between;gap:25px;color:var(--muted);font-size:8px}dialog{padding:0;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);width:min(530px,calc(100% - 32px));max-height:90svh}dialog::backdrop{background:#19120ebf;backdrop-filter:blur(3px)}dialog form,.order-details{padding:30px}dialog h2{font-size:36px;margin:10px 0 20px}.close{position:absolute;right:14px;top:13px;background:var(--bg);width:30px;height:30px;border-radius:50%;font-size:22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}dialog .primary{margin-top:24px}.order-meta{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:25px}.order-meta>div{font-size:12px}.order-meta small{display:block;font-size:9px;color:var(--muted);margin-bottom:5px}.detail-item{padding:15px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:12px}.detail-item small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.detail-total{display:flex;justify-content:space-between;font-size:14px;border-top:1px solid var(--line);padding-top:20px;margin-top:10px}.order-details form{padding:0}.empty{padding:45px 20px;text-align:center;color:var(--muted);font-size:12px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:30;background:var(--dark);color:#f3e8d8;border-radius:7px;padding:14px 22px;font-size:11px;max-width:90%;display:none}.toast.show{display:block}[hidden]{display:none!important}
@media(max-width:1100px){.sidebar{width:190px;padding-inline:13px}.workspace{margin-left:190px}main{padding-inline:24px}.page-header{padding-inline:24px}.demo-banner{padding-inline:24px}.metric{padding:16px}.metric>strong{font-size:31px}.metrics{gap:9px}.overview-grid{grid-template-columns:1fr}.queue-panel{display:none}.header-actions .secondary{display:none}.demo-date{display:none}}
@media(max-width:760px){#login-view{grid-template-columns:1fr}.login-brand{padding:35px 28px}.login-brand img{width:60px;height:60px;margin-bottom:20px}.login-brand h1{font-size:66px;margin:20px 0}.login-brand p{display:none}#login-form{padding:35px 28px}.sidebar{position:relative;width:100%;padding:14px 18px 0}.brand{margin-bottom:15px}.brand img{width:39px;height:39px}.brand>span{font-size:23px}.brand small{font-size:6px}.nav-label,.sidebar-foot{display:none}.sidebar nav{flex-direction:row;overflow:auto;gap:2px}.sidebar nav button{white-space:nowrap;padding:13px 11px;font-size:10px;border-radius:7px 7px 0 0;gap:7px}.sidebar nav button>span{display:none}.sidebar nav button>b{font-size:8px}.workspace{margin-left:0}.demo-banner{padding:10px 18px;gap:12px}.demo-banner>span:first-child{font-size:6px}.demo-banner>p{font-size:8px}.page-header{padding:25px 18px 22px;align-items:start;gap:10px}.page-header h1{font-size:39px}.page-header .eyebrow{font-size:6px;letter-spacing:1px}.page-header p{font-size:10px;max-width:230px}.header-actions .primary{font-size:9px;padding:10px;min-height:36px;margin-top:14px;white-space:nowrap}main{padding-inline:18px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:17px}.metric>strong{font-size:34px}.metric>span{font-size:9px}.metric>small{font-size:7px}.panel{padding:18px}.panel h2{font-size:24px}.panel .eyebrow{font-size:6px;letter-spacing:1.2px}.panel-title{gap:10px}.panel-title .badge{display:none}.chart{height:160px;gap:9px}.chart-bar{max-width:26px}.toolbar{flex-wrap:wrap;gap:10px}.search{max-width:none;width:100%;flex-basis:100%}.toolbar select{width:auto;flex:1;font-size:10px}.toolbar .primary{font-size:10px;padding:11px 12px;gap:10px}.toolbar>span{font-size:9px}.table-panel{padding:0}td{padding:13px 10px}th{padding:11px 10px}.table-scroll table{font-size:10px}.table-scroll{margin-inline:0}.settings-panel{padding:20px}.workspace footer{padding:25px 18px;display:block;line-height:1.8}.workspace footer span{display:block}.form-row{gap:10px}dialog form,.order-details{padding:24px}.product-cell{gap:8px}.product-cell strong{max-width:170px}.product-cell small{max-width:160px}}

.logout-mobile{display:none}@media(max-width:760px){.header-actions .logout-mobile{display:inline-flex;font-size:9px;padding:8px;margin-top:14px;min-height:36px}.header-actions{gap:6px}}