:root{--primary:#c25e00;--primary-hover:#a34e00;--primary-light:#fff3e6;--primary-focus:#c25e0033;--sidebar-bg:#1e2229;--sidebar-text:#e2e8f0;--sidebar-muted:#94a3b8;--sidebar-active:#c25e00;--sidebar-hover:#2d333f;--sidebar-border:#333b4d;--background:#f8fafc;--surface:#fff;--surface-alt:#f1f5f9;--text:#0f172a;--text-secondary:#475569;--muted:#64748b;--border:#e2e8f0;--border-focus:#cbd5e1;--success:#16a34a;--success-bg:#f0fdf4;--success-border:#bbf7d0;--warning:#ea580c;--warning-bg:#fff7ed;--warning-border:#fed7aa;--danger:#dc2626;--danger-bg:#fef2f2;--danger-border:#fecaca;--info:#0284c7;--info-bg:#f0f9ff;--info-border:#bae6fd;--sidebar-width:260px;--navbar-height:64px;--font-family:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000000f;--transition-fast:.15s ease;--transition-normal:.25s ease}@media screen{.thermal-bill-container{border-radius:var(--radius-md);max-width:380px;box-shadow:var(--shadow-lg);border:1px dashed var(--border);background:#fff;margin:0 auto;padding:24px}}@media print{body *{visibility:hidden}.sidebar,.navbar,.nav-header,.btn,button,.no-print,.modal-backdrop,header,footer{display:none!important}.printable-receipt-area,.printable-receipt-area *{visibility:visible}.printable-receipt-area{position:absolute;top:0;left:0;color:#000!important;width:100%!important;max-width:80mm!important;box-shadow:none!important;background:#fff!important;border:none!important;margin:0!important;padding:2mm!important;font-family:Courier New,Courier,monospace!important;font-size:11pt!important;line-height:1.25!important}.printable-receipt-area.width-58mm{max-width:58mm!important;font-size:9.5pt!important}@page{margin:0;size:auto}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}html,body{height:100%;min-height:100%;font-family:var(--font-family);background-color:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;touch-action:manipulation;background:0 0;border:none;outline:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:.95rem}.app-layout{background-color:var(--background);min-height:100vh;display:flex;position:relative}.main-wrapper{min-width:0;transition:var(--transition-normal);background-color:var(--background);flex-direction:column;flex:1;display:flex}.navbar{height:var(--navbar-height);background:var(--surface);border-bottom:1px solid var(--border);z-index:40;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:12px;padding:0 24px;display:flex;position:sticky;top:0}.navbar-brand{color:var(--primary);white-space:nowrap;align-items:center;gap:10px;font-size:1.15rem;font-weight:800;display:flex}.navbar-actions{align-items:center;gap:12px;display:flex}.user-badge{background:var(--surface-alt);border-radius:var(--radius-full);align-items:center;gap:8px;padding:6px 12px;font-size:.85rem;font-weight:600;display:flex}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);color:var(--sidebar-text);transition:transform var(--transition-normal);z-index:50;flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0}.sidebar-header{height:var(--navbar-height);border-bottom:1px solid var(--sidebar-border);color:#fff;letter-spacing:.04em;align-items:center;gap:10px;padding:0 18px;font-size:1.15rem;font-weight:800;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:3px;padding:12px 10px;display:flex;overflow-y:auto}.nav-link{border-radius:var(--radius-md);color:var(--sidebar-muted);transition:var(--transition-fast);align-items:center;gap:10px;padding:9px 12px;font-size:.9rem;font-weight:500;display:flex}.nav-link:hover{background:var(--sidebar-hover);color:#fff}.nav-link.active{background:var(--sidebar-active);color:#fff;font-weight:600;box-shadow:0 2px 6px #c25e0066}.sidebar-footer{border-top:1px solid var(--sidebar-border);padding:12px 10px}.main-content{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:24px 28px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.page-title{color:var(--text);font-size:1.5rem;font-weight:800;line-height:1.2}.page-subtitle{color:var(--muted);margin-top:3px;font-size:.85rem}.card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:var(--transition-fast);padding:18px}.card:hover{box-shadow:var(--shadow-md)}.btn{border-radius:var(--radius-md);transition:var(--transition-fast);white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 16px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--surface-alt);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:#e2e8f0}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#15803d}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-outline{border:1px solid var(--border);color:var(--text);background:0 0}.btn-outline:hover:not(:disabled){background:var(--surface-alt)}.btn-sm{min-height:34px;padding:6px 12px;font-size:.8rem}.btn-lg{min-height:48px;padding:12px 22px;font-size:1rem}.btn:disabled{opacity:.55;cursor:not-allowed}.form-group{flex-direction:column;gap:5px;margin-bottom:14px;display:flex}.form-label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.form-input,.form-select,.form-textarea{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--text);transition:var(--transition-fast);outline:none;padding:10px 12px;font-size:.925rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-focus)}.form-error{color:var(--danger);margin-top:2px;font-size:.8rem}.status-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;align-items:center;gap:5px;padding:3px 8px;font-size:.725rem;font-weight:700;display:inline-flex}.status-badge.available{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.status-badge.occupied{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.status-badge.billing{background:var(--info-bg);color:var(--info);border:1px solid var(--info-border)}.status-badge.payment_pending{color:#854d0e;background:#fef9c3;border:1px solid #fde047}.status-badge.active{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.status-badge.inactive{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.status-badge.paid,.status-badge.completed,.status-badge.closed{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.status-badge.cancelled{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}*{scrollbar-width:thin;scrollbar-color:#cbd5e1 #00000008}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#00000008;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;transition:background .15s}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f172a99;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);flex-direction:column;width:100%;max-width:520px;max-height:min(90vh,100vh - 40px);animation:.25s cubic-bezier(.16,1,.3,1) modalPop;display:flex;position:relative;overflow:hidden}.modal-content>form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);background:var(--surface);z-index:2;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{color:var(--text);font-size:1.15rem;font-weight:700}.modal-close-btn{color:var(--muted);border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:6px;font-size:1.25rem;display:flex}.modal-close-btn:hover{background:var(--surface-alt);color:var(--text)}.modal-body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:20px;overflow:hidden auto}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#00000005}.modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-footer{border-top:1px solid var(--border);background:var(--surface-alt);z-index:2;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex;position:sticky;bottom:0}.data-table-container{-webkit-overflow-scrolling:touch;background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);margin-top:12px;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;min-width:600px;font-size:.9rem}.data-table th{background:var(--surface-alt);color:var(--text-secondary);border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px;font-weight:700}.data-table td{border-bottom:1px solid var(--border);color:var(--text);padding:12px 16px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:#fafbfc}.toast-container{z-index:200;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{pointer-events:auto;border-radius:var(--radius-md);color:#fff;box-shadow:var(--shadow-xl);background:#1e293b;align-items:center;gap:10px;max-width:380px;padding:12px 18px;font-size:.9rem;font-weight:500;animation:.25s slideUp;display:flex}.toast.success{color:#ecfdf5;background:#065f46;border-left:5px solid #10b981}.toast.error{color:#fef2f2;background:#991b1b;border-left:5px solid #ef4444}.toast.info{color:#f0f9ff;background:#075985;border-left:5px solid #38bdf8}.mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:45;background:#0000008c;transition:opacity .25s;display:none;position:fixed;inset:0}.horizontal-scroll-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.horizontal-scroll-row::-webkit-scrollbar{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;display:grid}.table-cards-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.product-cards-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.product-card{box-sizing:border-box;width:100%;min-width:0;overflow:hidden}.add-to-cart-btn{box-sizing:border-box;overflow:hidden;white-space:normal!important;word-break:break-word!important;width:100%!important;min-height:40px!important}.category-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.category-bar::-webkit-scrollbar{display:none}.quantity-stepper{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;min-width:0;display:flex}@media (width<=1440px){:root{--sidebar-width:235px;--navbar-height:60px}.main-content{padding:18px 22px}.sidebar-header{height:60px;font-size:1.05rem}.nav-link{padding:8px 10px;font-size:.875rem}}@media (width<=1024px){.sidebar{width:260px;box-shadow:var(--shadow-xl);height:100%;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-overlay.active{display:block}.main-content{padding:18px 16px}.dashboard-kpi-grid{grid-template-columns:repeat(3,1fr)!important}}@media (width<=640px){:root{--navbar-height:56px}.navbar{padding:0 14px}.navbar-brand span{font-size:1rem}.main-content{padding:14px 12px}.page-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:16px}.page-title{font-size:1.3rem}.page-subtitle{font-size:.8rem}.dashboard-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.dashboard-kpi-grid .summary-card{gap:10px!important;padding:12px!important}.dashboard-kpi-grid .summary-card .kpi-icon{width:36px!important;height:36px!important}.dashboard-kpi-grid .summary-card .kpi-title{font-size:.725rem!important}.dashboard-kpi-grid .summary-card .kpi-value{font-size:1.15rem!important}.dashboard-kpi-grid .summary-card .kpi-subtext{display:none!important}.product-cards-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.product-card{padding:12px!important}.product-card h4{font-size:.95rem!important}.category-bar{gap:6px;padding-bottom:4px}.table-cards-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:10px!important}.table-card{min-height:150px!important;padding:12px!important}.table-card h3{font-size:1.1rem!important}.modal-backdrop{align-items:flex-end;padding:0}.modal-content{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-height:92vh;margin:0}.modal-content>form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.modal-body{flex:1;min-height:0;padding:16px;overflow-y:auto}.modal-footer{flex-wrap:wrap;flex-shrink:0;gap:8px;padding:12px 16px}.modal-footer .btn{flex:100px;min-width:0}.toast-container{bottom:14px;left:14px;right:14px}.toast{max-width:100%}.hide-on-mobile{display:none!important}}@media (width<=380px){.dashboard-kpi-grid{grid-template-columns:1fr 1fr!important}.product-cards-grid{grid-template-columns:1fr!important}.table-cards-grid{grid-template-columns:1fr 1fr!important}.btn{padding:8px 12px;font-size:.85rem}.printer-btn-text{display:none}}