.app-shell{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;display:flex;flex-direction:column;background:#f5f5f5;overflow-x:clip}.app-main{display:flex;flex:1;overflow:hidden}.app-content{flex:1;overflow:auto;padding:24px;background:#f5f5f5}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#fff;border-bottom:1px solid #e0e0e0}.app-header-left{display:flex;align-items:center;gap:16px}.app-header-sidebar-toggle{display:none;width:36px;height:36px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#111;cursor:pointer;font-size:18px;line-height:1}.app-header-sidebar-toggle:active{transform:translateY(1px)}.app-header-logo{width:40px;height:40px;border-radius:50%;background:#22c55e;object-fit:cover}.app-header-title{margin:0;font-size:1.25rem;font-weight:600;color:#111}.app-header-badge{padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:500;background:#a855f7;color:#fff}.app-header-right{display:flex;align-items:center;gap:16px;font-size:.875rem;color:#666}.app-header-logout{background:none;border:none;color:#2563eb;cursor:pointer;text-decoration:none;font-size:.875rem}.app-header-logout:hover{text-decoration:underline}.app-sidebar{width:240px;flex-shrink:0;background:#fff;border-right:1px solid #e0e0e0;padding:16px 0;overflow:hidden}.app-sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:10px}.app-sidebar-title{margin:0 16px 12px;font-size:.875rem;font-weight:600;color:#374151}.app-sidebar-nav{display:flex;flex-direction:column;gap:2px}.app-sidebar-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;border:none;background:none;font-size:.875rem;color:#374151;cursor:pointer;text-align:left;text-decoration:none}.app-sidebar-item:hover{background:#f3f4f6}.app-sidebar-item.active{background:#e5e7eb;color:#111;font-weight:500}.app-sidebar-emoji{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1;opacity:.9}.app-sidebar-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-sidebar.is-collapsed{width:60px;padding:12px 0}.app-sidebar.is-collapsed .app-sidebar-title{opacity:0;height:0;margin:0;pointer-events:none}.app-sidebar.is-collapsed .app-sidebar-top{justify-content:center;padding-right:0;margin-bottom:8px}.app-sidebar.is-collapsed .app-sidebar-item{justify-content:center;padding:12px 10px}.app-sidebar.is-collapsed .app-sidebar-item .app-sidebar-label{display:none}.app-sidebar.is-collapsed .app-sidebar-emoji{font-size:20px;width:24px;height:24px}@media(max-width:900px){.app-shell{font-size:12px}.app-content{padding:10px}.app-header{padding:8px 10px}.app-header-left{gap:8px;min-width:0}.app-header-sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.app-header-title{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header-logo{width:24px;height:24px}.app-header-right{gap:10px}.app-header-logout{font-size:.8rem}.app-sidebar{width:52px;padding:10px 0}.app-sidebar-title{display:none}.app-sidebar-item{justify-content:center;padding:10px 8px}.app-sidebar-label{display:none}}@media(max-width:420px){.app-content{padding:8px}.app-header-title{font-size:.9rem}.app-header-badge{display:none}}.tables-page{max-width:1200px;margin:0 auto}.tables-page-title{margin:0 0 4px;font-size:1.5rem;font-weight:600;color:#111}.tables-page-subtitle{margin:0 0 24px;font-size:.875rem;color:#6b7280}.tables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.table-mgmt-page{max-width:1200px;margin:0 auto}.table-mgmt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.table-mgmt-title{margin:0;font-size:1.5rem;font-weight:600;color:#111}.table-mgmt-add-btn{padding:10px 20px;border:none;border-radius:8px;background:#22c55e;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer}.table-mgmt-add-btn:hover{background:#16a34a}.table-mgmt-count{margin:0 0 20px;font-size:.9375rem;color:#111}.table-mgmt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.table-mgmt-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;padding:16px;min-width:0;display:flex;flex-direction:column}.table-mgmt-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.table-mgmt-card-name{margin:0;font-size:1rem;font-weight:600;color:#111}.table-mgmt-pill{flex-shrink:0;padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:500;background:#3b82f6;color:#fff}.table-mgmt-card-type{font-size:.9375rem;font-weight:500;color:#111;margin:0 0 4px}.table-mgmt-card-pricing{margin:0 0 16px;font-size:.8125rem;color:#6b7280}.table-mgmt-pricing-daybased{color:#2563eb;font-weight:500}.table-mgmt-actions{margin-top:auto;display:flex;justify-content:flex-end;gap:12px;font-size:.8125rem}.table-mgmt-action{background:none;border:none;padding:0;cursor:pointer;font-size:inherit;text-decoration:none}.table-mgmt-action.edit{color:#3b82f6}.table-mgmt-action.edit:hover{text-decoration:underline}.table-mgmt-action.delete{color:#c00}.table-mgmt-action.delete:hover{text-decoration:underline}.table-modal-overlay{position:fixed;inset:0;background:#0000004d;display:flex;justify-content:center;align-items:center;z-index:1000}.table-modal{width:90%;max-width:480px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.table-modal-body{padding:20px;overflow:auto}.table-modal-title{margin:0 0 20px;font-size:1.25rem;font-weight:600;color:#111}.table-modal-field{margin-bottom:16px}.table-modal-field label{display:block;margin-bottom:6px;font-size:.875rem;font-weight:500;color:#374151}.table-modal-field input[type=number],.table-modal-field select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;box-sizing:border-box}.table-modal-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.table-modal-checkbox-wrap{margin:16px 0;display:flex;align-items:center;gap:10px}.table-modal-checkbox-wrap input{width:18px;height:18px;flex-shrink:0}.table-modal-checkbox-wrap label{font-size:.875rem;font-weight:500;color:#374151;cursor:pointer}.table-modal-actions{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb}.table-modal-submit{flex:1;padding:10px 20px;border:none;border-radius:8px;background:#22c55e;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer}.table-modal-submit:hover{background:#16a34a}.table-modal-cancel{padding:10px 20px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer}.table-modal-cancel:hover{background:#f9fafb}.table-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;padding:16px;min-width:0;position:relative}.table-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.table-card-name{font-weight:600;font-size:1rem;color:#111}.table-card-meta{font-size:.8125rem;color:#6b7280;margin:0 0 12px}.table-card-meta p{margin:0 0 2px}.table-card-status{padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:500;flex-shrink:0}.table-card-status.available,.table-card-status.active{background:#dcfce7;color:#166534}.table-card-status.paused{background:#f97316;color:#fff}.table-card-status.stopped{background:#e5e7eb;color:#374151}.session-box{border-radius:6px;padding:12px;margin-bottom:12px}.session-box-title{margin:0 0 8px;font-size:.75rem;font-weight:600;color:#374151}.session-box.previous,.session-box.paused{background:#fff;border:1px solid #e5e7eb}.session-box.active{background:#dcfce7;border:1px solid #bbf7d0}.session-box.paused{border-color:#fdba74}.session-box-detail{margin:0;font-size:.8125rem;color:#374151}.table-card-actions{display:flex;flex-wrap:wrap;gap:8px;width:100%}.table-card-actions .btn{flex:1;min-width:0;padding:8px 14px;border-radius:6px;border:none;font-size:.8125rem;font-weight:500;cursor:pointer}.table-card-actions .btn-start{width:100%;background:#22c55e;color:#fff}.table-card-actions .btn-start:hover{background:#16a34a}.table-card-actions .btn-stop{background:#ef4444;color:#fff}.table-card-actions .btn-stop:hover{background:#dc2626}.table-card-actions .btn-pause{background:#f97316;color:#fff}.table-card-actions .btn-pause:hover{background:#ea580c}.table-card-actions .btn-resume{background:#22c55e;color:#fff}.table-card-actions .btn-resume:hover{background:#16a34a}.table-card-actions .btn-add{flex:1.35;white-space:nowrap;background:#3b82f6;color:#fff}.table-card-actions .btn-add:hover{background:#2563eb}.table-card-actions .btn-print{width:100%;background:#6366f1;color:#fff}.table-card-actions .btn-print:hover{background:#4f46e5}.table-card-actions .btn-bill{width:100%;background:#166534;color:#fff}.table-card-actions .btn-bill:hover{background:#15803d}.item-session-modal-overlay{position:fixed;inset:0;background:#0000004d;display:flex;justify-content:center;align-items:center;z-index:1000}.item-session-modal{width:92%;max-width:1100px;max-height:88vh;min-height:420px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;overflow:hidden}.item-session-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #d1d5db;gap:16px}.item-session-modal-header-actions{display:flex;align-items:center;gap:12px}.item-session-view-toggle{display:flex;border:1px solid #d1d5db;border-radius:6px;overflow:hidden}.item-session-view-toggle-btn{padding:6px 12px;border:none;background:#fff;color:#6b7280;font-size:.8125rem;font-weight:500;cursor:pointer}.item-session-view-toggle-btn:hover{background:#f9fafb}.item-session-view-toggle-btn.active{background:#374151;color:#fff}.item-session-modal-title{margin:0;font-size:1.25rem;font-weight:600;color:#111}.item-session-modal-close{width:32px;height:32px;padding:0;border:none;background:none;color:#ef4444;font-size:1.25rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px}.item-session-modal-close:hover{background:#fef2f2}.item-session-modal-body{display:grid;grid-template-columns:2fr 1fr;gap:0;padding:20px;overflow:auto;flex:1;min-height:0}.item-session-modal-body>div:first-child{padding-right:24px;border-right:1px solid #d1d5db;min-width:0}.item-session-modal-body>div:last-child{padding-left:24px;min-width:0;max-width:320px}.item-session-modal-body.list-view{grid-template-columns:2fr 1fr}.item-session-modal-body.list-view>div:last-child{max-width:none}.item-session-modal-total{margin-top:12px;font-size:.875rem;font-weight:600;color:#111}.item-session-available-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px 12px}.item-session-available-list-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff}@media(max-width:900px){.item-session-available-list{grid-template-columns:1fr}}.item-session-available-list-row-image{width:36px;height:36px;flex-shrink:0;border:1px solid #e5e7eb;border-radius:4px;background:#f9fafb;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:1rem}.item-session-available-list-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.item-session-available-list-row-name{font-size:.875rem;font-weight:600;color:#111}.item-session-available-list-row-price{font-size:.75rem;color:#6b7280}.item-session-available-list-row-add{flex-shrink:0;padding:6px 12px;border:none;border-radius:6px;background:#166534;color:#fff;font-size:.75rem;font-weight:500;cursor:pointer}.item-session-available-list-row-add:hover{background:#15803d}.item-session-modal-section-title{margin:0 0 12px;font-size:1rem;font-weight:600;color:#111}.item-session-available-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.item-session-available-card{border:1px solid #e5e7eb;border-radius:8px;padding:12px;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;min-height:200px}.item-session-available-card-image{width:100%;aspect-ratio:1;max-width:120px;margin:0 auto 8px;border:1px solid #e5e7eb;border-radius:6px;background:#f9fafb;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:1.5rem}.item-session-available-card-name{margin:0 0 4px;font-size:.875rem;font-weight:600;color:#111;flex-shrink:0}.item-session-available-card-price{margin:0;font-size:.8125rem;color:#6b7280;flex-shrink:0}.item-session-available-card-add{width:100%;margin-top:auto;padding:8px 12px;border:none;border-radius:6px;background:#166534;color:#fff;font-size:.8125rem;font-weight:500;cursor:pointer;flex-shrink:0}.item-session-available-card-add:hover{background:#15803d}.item-session-items-list{display:flex;flex-direction:column;gap:10px}.item-session-item-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f3f4f6;border-radius:8px}.item-session-item-row-image{width:48px;height:48px;flex-shrink:0;border:1px solid #e5e7eb;border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:1rem}.item-session-item-row-info{flex:1;min-width:0}.item-session-item-row-name{margin:0 0 2px;font-size:.875rem;font-weight:600;color:#111}.item-session-item-row-price{margin:0;font-size:.75rem;color:#6b7280}.item-session-item-row-qty{display:flex;align-items:center;gap:6px;flex-shrink:0}.item-session-item-row-qty-btn{width:28px;height:28px;padding:0;border:none;border-radius:6px;font-size:1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.item-session-item-row-qty-btn.minus{background:#fce7f3;color:#ec4899}.item-session-item-row-qty-btn.minus:hover{background:#fbcfe8}.item-session-item-row-qty-btn.plus{background:#166534;color:#fff}.item-session-item-row-qty-btn.plus:hover{background:#15803d}.item-session-item-row-qty-value{min-width:28px;text-align:center;font-size:.875rem;font-weight:500;color:#374151}.bill-modal-overlay{position:fixed;inset:0;background:#0000004d;display:flex;justify-content:center;align-items:center;z-index:1000}.bill-modal{width:90%;max-width:520px;max-height:90vh;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;overflow:hidden}.bill-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #d1d5db}.bill-modal-title{margin:0;font-size:1.25rem;font-weight:600;color:#111}.bill-modal-close{width:32px;height:32px;padding:0;border:none;background:none;color:#ef4444;font-size:1.25rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px}.bill-modal-close:hover{background:#fef2f2}.bill-modal-body{padding:20px;overflow:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:20px}.bill-modal-section-title{margin:0 0 10px;font-size:.9375rem;font-weight:600;color:#111}.bill-modal-detail{margin:0 0 6px;font-size:.875rem;color:#374151}.bill-modal-items{list-style:none;margin:0;padding:0}.bill-modal-item-row{display:flex;justify-content:space-between;padding:6px 0;font-size:.875rem;color:#374151}.bill-modal-discount .bill-modal-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.bill-modal-preset-btn{padding:8px 14px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.8125rem;font-weight:500;cursor:pointer}.bill-modal-preset-btn:hover{background:#f3f4f6}.bill-modal-preset-btn.bill-modal-preset-active{background:#dc2626;border-color:#dc2626;color:#fff}.bill-modal-preset-btn.bill-modal-preset-active:hover{background:#b91c1c}.bill-modal-custom-label{display:block;margin-bottom:6px;font-size:.875rem;font-weight:500;color:#374151}.bill-modal-custom-row{display:flex;gap:10px;align-items:center}.bill-modal-custom-input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;box-sizing:border-box}.bill-modal-toggle{display:flex;border:1px solid #d1d5db;border-radius:6px;overflow:hidden}.bill-modal-toggle-btn{padding:8px 14px;border:none;background:#fff;color:#6b7280;font-size:.8125rem;font-weight:500;cursor:pointer}.bill-modal-toggle-btn:hover{background:#f9fafb}.bill-modal-toggle-btn.bill-modal-toggle-active{background:#374151;color:#fff}.bill-modal-summary{background:#166534;border:none;border-radius:10px;padding:16px;color:#fff}.bill-modal-summary .bill-modal-section-title{color:#fff;margin-bottom:12px}.bill-modal-summary-row{display:flex;justify-content:space-between;font-size:.875rem;font-weight:600;color:#fff;margin-bottom:8px}.bill-modal-summary-total{display:flex;justify-content:space-between;font-size:1.125rem;font-weight:700;color:#fff;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.4)}.bill-modal-actions{display:flex;justify-content:center;gap:10px;padding:16px 20px;border-top:1px solid #e5e7eb;width:100%;box-sizing:border-box}.bill-modal-actions .bill-modal-btn{flex:1;min-width:0}.bill-modal-btn{padding:10px 18px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;border:none}.bill-modal-btn-save{background:#166534;color:#fff}.bill-modal-btn-save:hover:not(:disabled){background:#15803d}.bill-modal-btn-save:disabled{opacity:.7;cursor:not-allowed}.bill-modal-btn-cancel{background:#fff;color:#4b5563;border:1px solid #4b5563}.bill-modal-btn-cancel:hover:not(:disabled){background:#f9fafb}.bill-modal-btn-cancel:disabled{opacity:.7;cursor:not-allowed}.canteen-page{max-width:1200px;margin:0 auto}.canteen-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.canteen-page-header-actions{display:flex;align-items:center;gap:12px}.canteen-view-toggle{display:flex;border:1px solid #d1d5db;border-radius:6px;overflow:hidden}.canteen-view-toggle-btn{padding:6px 12px;border:none;background:#fff;color:#6b7280;font-size:.8125rem;font-weight:500;cursor:pointer}.canteen-view-toggle-btn:hover{background:#f9fafb}.canteen-view-toggle-btn.active{background:#374151;color:#fff}.canteen-page-title{margin:0;font-size:1.5rem;font-weight:600;color:#111}.canteen-page-add-btn{padding:10px 20px;border:none;border-radius:8px;background:#22c55e;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer}.canteen-page-add-btn:hover{background:#16a34a}.canteen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.canteen-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px 12px}@media(max-width:900px){.canteen-list{grid-template-columns:1fr}}.canteen-card{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:12px;position:relative;min-width:0;overflow:hidden}.canteen-card-top-left{position:absolute;top:8px;left:14px;display:flex;align-items:center;gap:8px;font-size:.75rem;z-index:1}.canteen-card-checkbox-wrap{position:absolute;top:8px;right:14px;z-index:1;margin:0}.canteen-card-checkbox-wrap input{width:18px;height:18px;cursor:pointer;accent-color:#b0e7ae}.canteen-card-action-link{border:none;padding:3px 8px;cursor:pointer;text-decoration:none;font-size:inherit;border-radius:9999px;font-weight:600}.canteen-card-action-link.edit{background:#5c8fe0;color:#fff}.canteen-card-action-link.edit:hover{background:#1c4cb3}.canteen-card-action-link.delete{background:#ff6464;color:#fff}.canteen-card-action-link.delete:hover{background:#bb4a4a}.canteen-card-image{width:100%;aspect-ratio:1;margin:28px 0 8px;border:1px solid #e5e7eb;border-radius:4px;background:#f9fafb;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:1.25rem;overflow:hidden}.canteen-card-name{margin:0 0 2px;font-size:.9375rem;font-weight:600;color:#111}.canteen-card-type{margin:0 0 2px;font-size:.8125rem;color:#6b7280}.canteen-card-price{margin:0;font-size:.8125rem;font-weight:500;color:#16a34a}.canteen-list .canteen-card{display:grid;grid-template-columns:48px auto auto 100px 24px;grid-template-rows:auto auto;align-items:center;gap:4px 12px;padding:10px 12px}.canteen-list .canteen-card-image{margin:0}.canteen-list .canteen-card-image{width:48px;height:48px;aspect-ratio:1;margin:0;grid-column:1;grid-row:1 / -1}.canteen-list .canteen-card-name{grid-column:2;grid-row:1;margin:0}.canteen-list .canteen-card-type{grid-column:2;grid-row:2;margin:0;font-size:.75rem}.canteen-list .canteen-card-price{grid-column:3;grid-row:1 / -1;margin:0;align-self:center}.canteen-list .canteen-card-top-left{position:static;grid-column:4;grid-row:1 / -1;flex-direction:row;justify-content:flex-end;gap:6px}.canteen-list .canteen-card-checkbox-wrap{position:static;grid-column:5;grid-row:1 / -1}.canteen-modal-overlay{position:fixed;inset:0;background:#0000004d;display:flex;justify-content:center;align-items:center;z-index:1000}.canteen-modal{width:90%;max-width:480px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.canteen-modal-body-scroll{overflow:auto;padding:20px}.canteen-modal-title{margin:0 0 16px;font-size:1.25rem;font-weight:600;color:#111}.canteen-modal-field{margin-bottom:16px}.canteen-modal-field label{display:block;margin-bottom:6px;font-size:.875rem;font-weight:500;color:#374151}.canteen-modal-field input[type=text],.canteen-modal-field input[type=number],.canteen-modal-field select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;box-sizing:border-box}.canteen-modal-section-title{margin:16px 0 10px;font-size:.875rem;font-weight:600;color:#111}.canteen-icon-error{margin:0 0 8px;padding:8px 12px;font-size:.8125rem;color:#b91c1c;background:#fef2f2;border-radius:6px}.canteen-icon-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.canteen-icon-slot{aspect-ratio:1;border:1px solid #e5e7eb;border-radius:6px;background:#f9fafb;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;font-size:1.5rem}.canteen-icon-slot img{width:100%;height:100%;object-fit:cover}.canteen-icon-slot.selected{outline:3px solid #2563eb;outline-offset:2px}.canteen-icon-slot.placeholder,.canteen-icon-slot-loading{color:#9ca3af;pointer-events:none}.canteen-icon-spinner{width:24px;height:24px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:canteen-spin .8s linear infinite}@keyframes canteen-spin{to{transform:rotate(360deg)}}.canteen-modal-checkbox-wrap{margin:16px 0;display:flex;align-items:center;gap:8px}.canteen-modal-checkbox-wrap input{width:18px;height:18px}.canteen-modal-checkbox-wrap label{font-size:.875rem;font-weight:500;color:#374151}.canteen-modal-actions{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb}.canteen-modal-submit{flex:1;padding:10px 20px;border:none;border-radius:8px;background:#22c55e;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer}.canteen-modal-submit:hover{background:#16a34a}.canteen-modal-cancel{padding:10px 20px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer}.canteen-modal-cancel:hover{background:#f9fafb}.financial-page{max-width:1200px;margin:0 auto}.financial-title{margin:0 0 20px;font-size:1.5rem;font-weight:600;color:#111}.financial-filters{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}.financial-preset-wrap{position:relative}.financial-preset-select{appearance:none;padding:8px 32px 8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff;cursor:pointer;min-width:160px}.financial-preset-select:focus{outline:none;border-color:#3b82f6}.financial-preset-chevron{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:#6b7280}.financial-date-wrap{display:flex;align-items:center;gap:8px}.financial-date-wrap label{font-size:.875rem;color:#374151}.financial-date-wrap input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.financial-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media(max-width:900px){.financial-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.financial-kpis{grid-template-columns:1fr}}.financial-kpi-card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #00000014}.financial-kpi-label{font-size:.8125rem;color:#6b7280;margin:0 0 4px}.financial-kpi-value{font-size:1.25rem;font-weight:600}.financial-kpi-value.revenue{color:#16a34a}.financial-kpi-value.sessions,.financial-kpi-value.duration{color:#3b82f6}.financial-kpi-value.avg-revenue{color:#d97706}.financial-section{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #00000014;margin-bottom:24px}.financial-section-title{margin:0 0 16px;font-size:1rem;font-weight:600;color:#111}.financial-traffic-chart{height:220px;width:100%}.financial-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:900px){.financial-main-grid{grid-template-columns:1fr}}.financial-canteen-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.financial-canteen-toggle{display:flex;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.financial-canteen-toggle button{padding:6px 14px;border:none;font-size:.8125rem;font-weight:500;cursor:pointer;background:#f9fafb;color:#6b7280}.financial-canteen-toggle button.active{background:#22c55e;color:#fff}.financial-canteen-tables{display:grid;grid-template-columns:1fr 1fr;gap:16px}.financial-canteen-table{width:100%;border-collapse:collapse;font-size:.8125rem}.financial-canteen-table th{text-align:left;padding:8px 12px;background:#f9fafb;color:#374151;font-weight:600;border-bottom:1px solid #e5e7eb}.financial-canteen-table td{padding:8px 12px;border-bottom:1px solid #e5e7eb;color:#111}.financial-canteen-table tbody tr:last-child td{border-bottom:none}.financial-canteen-subtitle{margin:0 0 8px;font-size:.8125rem;font-weight:600;color:#374151}.financial-revenue-by-table{margin-bottom:24px}.financial-revenue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.financial-revenue-legend{display:flex;gap:16px;font-size:.8125rem;color:#374151}.financial-revenue-legend-item{display:flex;align-items:center;gap:6px}.financial-revenue-legend-swatch{width:12px;height:12px;border-radius:4px}.financial-revenue-legend-swatch.table-fee{background:#3b82f6}.financial-revenue-legend-swatch.canteen{background:#f97316}.financial-revenue-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.financial-revenue-table-label{width:80px;font-size:.875rem;font-weight:500;color:#111}.financial-revenue-bars-wrap{flex:1;display:flex;align-items:center;min-width:0;max-width:400px;border-radius:9999px;overflow:hidden}.financial-revenue-bar{height:16px;min-width:4px}.financial-revenue-bar.table-fee{background:#3b82f6;border-radius:9999px 0 0 9999px}.financial-revenue-bar.canteen{background:#f97316;border-radius:0 9999px 9999px 0}.financial-revenue-bar:only-child{border-radius:9999px}.financial-revenue-values{display:flex;gap:16px;font-size:.8125rem;color:#374151;min-width:180px}.financial-sessions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.financial-sessions-per-page{display:flex;align-items:center;gap:8px}.financial-sessions-per-page label{font-size:.8125rem;color:#6b7280}.financial-sessions-per-page select{padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.8125rem}.financial-sessions-table{width:100%;border-collapse:collapse;font-size:.875rem}.financial-sessions-table th{text-align:left;padding:10px 12px;background:#f9fafb;color:#374151;font-weight:600;border-bottom:1px solid #e5e7eb}.financial-sessions-table td{padding:10px 12px;border-bottom:1px solid #e5e7eb;color:#111}.financial-sessions-table tbody tr.total-row td{font-weight:600;background:#f9fafb;border-top:2px solid #e5e7eb}.financial-sessions-table .total-revenue-cell{color:#16a34a}.financial-pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px;font-size:.875rem}.financial-pagination button{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer}.financial-pagination button:hover:not(:disabled){background:#f9fafb}.financial-pagination button:disabled{opacity:.5;cursor:not-allowed}.financial-pagination .page-num{padding:6px 10px;border-radius:6px;cursor:pointer}.financial-pagination .page-num.active{background:#22c55e;color:#fff;border:none}.session-mgmt-page{max-width:1200px;margin:0 auto}.session-mgmt-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px}.session-mgmt-header-left{flex:1;min-width:0}.session-mgmt-title{margin:0 0 4px;font-size:1.5rem;font-weight:600;color:#111}.session-mgmt-subtitle{margin:0 0 24px;font-size:.875rem;color:#6b7280}.session-mgmt-add-btn{flex-shrink:0;padding:10px 20px;border:none;border-radius:8px;background:#22c55e;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer}.session-mgmt-add-btn:hover{background:#16a34a}.session-mgmt-section-title{margin:0 0 12px;font-size:1rem;font-weight:600;color:#111}.session-mgmt-table-wrap{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.session-mgmt-table{width:100%;border-collapse:collapse;font-size:.875rem}.session-mgmt-table th{text-align:left;padding:12px 16px;background:#f9fafb;color:#374151;font-weight:600;border-bottom:1px solid #e5e7eb}.session-mgmt-table td{padding:12px 16px;border-bottom:1px solid #e5e7eb;color:#111}.session-mgmt-table tbody tr:last-child td{border-bottom:none}.session-mgmt-table tbody tr:hover{background:#f9fafb}.session-mgmt-action{background:none;border:none;padding:0;cursor:pointer;font-size:inherit;text-decoration:none}.session-mgmt-action.edit{color:#3b82f6;margin-right:12px}.session-mgmt-action.edit:hover{text-decoration:underline}.session-mgmt-action.delete{color:#c00}.session-mgmt-action.delete:hover{text-decoration:underline}.session-modal-overlay{position:fixed;inset:0;background:#0000004d;display:flex;justify-content:center;align-items:center;z-index:1000}.session-modal{width:90%;max-width:520px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.session-modal-body{padding:20px;overflow:auto}.session-modal-title{margin:0 0 20px;font-size:1.25rem;font-weight:600;color:#111}.session-modal-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.session-modal-field{margin-bottom:16px}.session-modal-field label{display:block;margin-bottom:6px;font-size:.875rem;font-weight:500;color:#374151}.session-modal-field input,.session-modal-field select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;box-sizing:border-box}.session-modal-total{margin:16px 0 0;padding:12px 0;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;font-size:.9375rem}.session-modal-total-label{font-weight:500;color:#374151}.session-modal-total-value{font-weight:600;color:#16a34a}.session-modal-actions{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb;justify-content:flex-end}.session-modal-cancel{padding:10px 20px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer}.session-modal-cancel:hover{background:#f9fafb}.session-modal-save{padding:10px 20px;border:none;border-radius:8px;background:#22c55e;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer}.session-modal-save:hover{background:#16a34a}.club-settings-page{padding:24px;max-width:1000px;margin:0 auto;background:#f5f5f5;min-height:100vh}.club-settings-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;padding:24px;margin-bottom:24px}.club-settings-section-title{margin:0 0 20px;font-size:1.125rem;font-weight:600;color:#111}.club-settings-subsection-title{margin:24px 0 12px;font-size:1rem;font-weight:600;color:#374151}.club-settings-subsection-title:first-child{margin-top:0}.club-print-section-divider{margin:24px 0 16px;border:none;border-top:1px solid #e5e7eb}.club-section-save-wrap{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.club-save-btn{padding:10px 24px;border:none;border-radius:8px;background:#22c55e;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer}.club-save-btn:hover{background:#16a34a}.club-info-grid{display:grid;gap:16px}.club-info-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.club-info-field{display:flex;flex-direction:column;gap:6px}.club-info-field.full-width{grid-column:1 / -1}.club-info-field label{font-size:.875rem;font-weight:500;color:#374151}.club-info-field input[type=number],.club-info-field input[type=text],.club-info-field input[type=tel],.club-info-field textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;box-sizing:border-box}.club-info-field textarea{min-height:80px;resize:vertical}.club-info-helper{font-size:.75rem;color:#6b7280;margin-top:2px}.club-info-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.club-info-inline input[type=number]{width:80px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.club-info-inline .club-info-checkbox-wrap{display:flex;align-items:center;gap:8px}.club-info-checkbox-wrap input{width:18px;height:18px}.club-info-checkbox-wrap label{font-size:.875rem;font-weight:500;color:#374151;cursor:pointer}.club-employee-table-wrap{overflow-x:auto;margin-bottom:16px}.club-employee-table{width:100%;border-collapse:collapse;font-size:.875rem}.club-employee-table th{text-align:left;padding:12px;border-bottom:1px solid #e5e7eb;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.025em}.club-employee-table td{padding:12px;border-bottom:1px solid #e5e7eb;color:#111}.club-employee-table .club-employee-actions{display:flex;gap:12px}.club-employee-table .club-employee-action-edit{color:#2563eb;background:none;border:none;cursor:pointer;padding:0;font-size:.875rem;text-decoration:none}.club-employee-table .club-employee-action-edit:hover{text-decoration:underline}.club-employee-table .club-employee-action-delete{color:#dc2626;background:none;border:none;cursor:pointer;padding:0;font-size:.875rem;text-decoration:none}.club-employee-table .club-employee-action-delete:hover{text-decoration:underline}.club-employee-add-btn{padding:10px 20px;border:none;border-radius:8px;background:#22c55e;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer}.club-employee-add-btn:hover{background:#16a34a}.club-pricing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.club-pricing-profile-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;min-width:140px}.club-pricing-grid-wrap{overflow-x:auto;margin-bottom:12px}.club-pricing-grid{width:100%;min-width:600px;border-collapse:collapse;font-size:.875rem}.club-pricing-grid th{padding:10px 8px;border-bottom:1px solid #e5e7eb;font-weight:500;color:#374151;text-align:center}.club-pricing-grid td{padding:8px;border-bottom:1px solid #e5e7eb;text-align:center}.club-pricing-grid input{width:100%;max-width:80px;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;box-sizing:border-box;margin:0 auto}.club-pricing-grid .club-pricing-row-label{text-align:left;font-weight:500;color:#374151}.club-pricing-desc{font-size:.8125rem;color:#6b7280;margin:0}.club-dropdown-layout{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}@media(max-width:768px){.club-dropdown-layout{grid-template-columns:1fr}}.club-dropdown-table{width:100%;border-collapse:collapse;font-size:.875rem}.club-dropdown-table th{text-align:left;padding:12px;border-bottom:1px solid #e5e7eb;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.025em}.club-dropdown-table td{padding:12px;border-bottom:1px solid #e5e7eb;color:#111}.club-dropdown-table .club-dropdown-edit{color:#2563eb;background:none;border:none;cursor:pointer;padding:0;font-size:.875rem}.club-dropdown-table .club-dropdown-edit:hover{text-decoration:underline}.club-dropdown-editor{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.club-dropdown-editor-title{margin:0 0 12px;font-size:.875rem;font-weight:600;color:#374151}.club-dropdown-options-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.club-dropdown-option-row{display:flex;align-items:center;gap:8px}.club-dropdown-option-row input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.club-dropdown-option-remove{width:28px;height:28px;padding:0;border:none;background:none;color:#dc2626;cursor:pointer;font-size:1.125rem;line-height:1;flex-shrink:0}.club-dropdown-add-row{display:flex;gap:8px;align-items:center}.club-dropdown-add-row input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.club-dropdown-add-btn{width:32px;height:32px;padding:0;border:none;border-radius:6px;background:#22c55e;color:#fff;cursor:pointer;font-size:1.25rem;line-height:1;flex-shrink:0}.club-dropdown-add-btn:hover{background:#16a34a}.club-print-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:640px){.club-print-grid{grid-template-columns:1fr}}.club-print-three-col{display:grid;grid-template-columns:1fr 1fr 2fr;gap:24px;align-items:start}@media(max-width:768px){.club-print-three-col{grid-template-columns:1fr}}.club-print-logo-column{display:flex;flex-direction:column;min-width:0}.club-print-logo-column .club-print-logo-wrap{flex:1;display:flex;flex-direction:column;min-height:0}.club-print-logo-column .club-print-logo-placeholder{width:100%;min-height:240px;flex:1}.club-print-preview-wrap{min-width:0}.club-print-preview-placeholder{width:100%;min-height:280px;background:#f3f4f6;border:1px dashed #d1d5db;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:#6b7280}.club-print-column .club-info-field{margin-bottom:16px}.club-print-column .club-info-field:last-child{margin-bottom:0}.club-print-logo-wrap{display:flex;flex-direction:column;gap:8px}.club-print-logo-placeholder{background:#e5e7eb;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#6b7280}.club-print-grid .club-print-logo-placeholder{width:80px;height:80px}.club-print-choose-file{padding:8px 16px;border:none;border-radius:6px;background:#22c55e;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;width:fit-content}.club-print-choose-file:hover{background:#16a34a}*{margin:0;padding:0;box-sizing:border-box}.login-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fff,#f7f8fb 55%,#eef1f7);padding:24px}.login-card{width:100%;max-width:400px;background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;padding:40px}.login-title{margin:0 0 8px;font-size:1.75rem;font-weight:700;color:#111}.login-subtitle{margin:0 0 28px;font-size:.9375rem;color:#6b7280}.login-form{display:flex;flex-direction:column;gap:20px}.login-field label{display:block;margin-bottom:6px;font-size:.875rem;font-weight:500;color:#374151}.login-field input{width:100%;padding:12px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:.9375rem;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.login-field input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e26}.login-field input::placeholder{color:#9ca3af}.login-submit{margin-top:8px;padding:12px 20px;border:none;border-radius:8px;background:#22c55e;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s}.login-submit:hover{background:#16a34a}.login-submit:active{transform:scale(.98)}.login-loading{text-align:center;padding:48px 24px;color:#6b7280;font-size:.9375rem}.demo-loading-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fff,#f7f8fb 55%,#eef1f7);padding:24px}.demo-loading-card{width:100%;max-width:420px;background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;padding:40px}.demo-loading-title{margin:0 0 8px;font-size:1.75rem;font-weight:700;color:#111}.demo-loading-subtitle{margin:0 0 24px;font-size:.9375rem;color:#6b7280;line-height:1.4}.demo-loading-bar-wrap{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:16px}.demo-loading-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:4px;transition:width .2s ease-out}.demo-loading-message{margin:0;font-size:.875rem;color:#6b7280;min-height:1.25em}