:root{font-family:system-ui,'Segoe UI',sans-serif;color:#243d34;background:#f3f5f0;--green:#20523f;--border:#dce4d8}*{box-sizing:border-box}body{margin:0}header{padding:26px max(24px,calc((100vw - 1180px)/2));background:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--border)}small{font-size:11px;color:#74856c;letter-spacing:1.5px}h1{margin:5px 0 0;font-size:26px}header>div:last-child{display:flex;align-items:center;gap:12px}#status{font-size:12px;color:#647563}nav{display:flex;gap:8px;max-width:1180px;margin:24px auto;padding:0 20px;flex-wrap:wrap}button{font:inherit;font-size:14px;cursor:pointer;min-height:42px;background:#fff;color:var(--green);border:1px solid var(--border);padding:9px 15px;border-radius:9px}button:hover{background:#e7eedf}button.active,button.primary{background:var(--green);color:white}button.danger{color:#9b3c30}button:disabled{opacity:.5;cursor:wait}main{max-width:1180px;margin:auto;padding:0 20px}section,.card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px;margin-bottom:18px}h2{font-size:20px;margin:0 0 15px}h3{font-size:15px}p{line-height:1.65}.muted,.hint{font-size:13px;color:#69786c}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}label{display:block;font-size:13px;font-weight:600;color:#5c705f;margin:12px 0}input,select{display:block;margin-top:6px;width:100%;padding:10px 12px;min-height:43px;font:inherit;border:1px solid #ced8c9;background:#fcfdfa;color:#253b2d;border-radius:8px}input:focus,select:focus{outline:2px solid #9cb68b}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px 9px;border-bottom:1px solid var(--border);vertical-align:middle}th{font-size:12px;color:#71826d}.tablewrap{overflow:auto}.line{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;align-items:end}.line button{margin-bottom:12px}.stat{font-size:28px;font-weight:700;color:var(--green);margin:15px 0}.pill{background:#eff4e8;padding:4px 8px;border-radius:6px;font-size:12px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.cards .card{margin:0}#notice{padding:14px;border:1px solid #edc5a3;background:#fff0e0;color:#7c3c1c;border-radius:9px;margin-bottom:18px}footer{max-width:1180px;margin:30px auto;padding:0 20px;color:#76836e;font-size:12px}.warning{border-left:4px solid #bd8c3c;padding-left:14px}.empty{padding:20px;color:#6b7d69}details{margin-top:14px}summary{cursor:pointer}input[type=file]{background:#fff}#reportOutput{margin-top:20px}@media(max-width:780px){header{padding:18px;align-items:start;flex-direction:column}.grid{grid-template-columns:1fr}.line{grid-template-columns:1fr 1fr}.line label:first-child{grid-column:1/-1}nav{margin:16px auto}section{padding:16px}}
.floor{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin-top:18px}.floor-table{padding:20px;text-align:left;min-height:150px;display:flex;flex-direction:column;gap:10px;background:#f4f8ef;border:2px solid #dae6d2}.floor-table strong{font-size:23px}.floor-table span{font-size:12px;color:#64785b}.floor-table.occupied{background:#fff1d9;border-color:#eac886}.floor-table.selected{border-color:var(--green)}.floor-table small{letter-spacing:0;font-size:11px}.pos-fields{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end}.pos-fields button{margin-bottom:12px}.editLine{display:grid;grid-template-columns:2fr 1fr 1fr auto auto;gap:10px;align-items:center;border-bottom:1px solid var(--border);padding:7px 0}.editLine small,.bill-code{display:block;letter-spacing:0;font-size:11px;margin-top:5px}.payment-panel{background:#f4f7f0;padding:18px;border-radius:12px;margin-top:18px}#setupTables{display:flex;gap:12px;align-items:center;margin-left:auto}#receipt{max-width:650px;margin:24px auto;border:2px solid #c7d3be}#receipt p{font-size:13px}.receipt-head{text-align:center}.receipt-totals p{display:flex;justify-content:space-between}.receipt-totals .receipt-grand{font-size:22px;border-top:2px solid var(--border);padding-top:14px}@media(max-width:780px){.pos-fields,.editLine{grid-template-columns:1fr 1fr}.editLine>span{grid-column:1/-1}#setupTables{margin-left:0}.pos-fields label:first-child{grid-column:1/-1}}@media print{@page{size:A5;margin:10mm}body{background:white}body>header,body>nav,body>footer,#notice{display:none!important}main{padding:0;margin:0;max-width:none}#content> :not(#receipt){display:none!important}#receipt{border:0;padding:0;margin:0;max-width:none}.no-print{display:none!important}.tablewrap{overflow:visible}tr{break-inside:avoid}#receipt th,#receipt td{padding:8px 4px}}
.delete-options{border:1px solid var(--border);border-radius:10px;padding:12px 16px;margin:12px 0}.delete-options legend{font-size:14px;font-weight:700}.delete-options label{display:flex;align-items:center;gap:10px;font-weight:400}.delete-options input{width:20px;min-height:20px;height:20px;margin:0;accent-color:var(--green)}

.report-cards{margin-bottom:20px}.report-cards .stat{font-size:24px;overflow-wrap:anywhere}#reportOutput section{min-width:0}#reportOutput td,#reportOutput th{overflow-wrap:anywhere}#reportOutput .actions button{max-width:100%}
@media(max-width:450px){.report-cards{grid-template-columns:1fr}#reportOutput .stat{font-size:23px}#reportOutput section{padding:12px}main{padding:0 10px}}
@media print{body.print-cashier #content>section{display:block!important}body.print-cashier #content>section>:not(#reportOutput){display:none!important}body.print-cashier #reportOutput>:not(#cashierReport){display:none!important}body.print-cashier #cashierReport{display:block!important;border:0;padding:0}body.print-cashier #cashierReport .no-print{display:none!important}}

.daily-financial table{min-width:1150px}.daily-financial td{white-space:nowrap}.daily-financial details{white-space:normal;min-width:160px}.profit-negative{color:#a33024;font-weight:700}.profit-positive{color:#236636;font-weight:700}

header>div:last-child{flex-wrap:wrap}#cloudStatus{font-size:12px;max-width:300px;overflow-wrap:anywhere}#drivePanel select{max-width:100%}
