body{background:none;color:#222;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-primary:#ff8c42;--color-text-light:#e8f4fc;--color-blue:#4a90e2;--color-dark-1:#2c3e50;--color-dark-2:#34495e;--color-green:#22c55e;--color-success:#1f9d55;--color-border:#e0e4e8;--color-muted:#666;--color-white:#fff}.text-primary{color:#ff8c42!important;color:var(--color-primary)!important}.text-muted{color:#666!important;color:var(--color-muted)!important}.text-light{color:#e8f4fc!important;color:var(--color-text-light)!important}.bg-primary{background:#ff8c42!important;background:var(--color-primary)!important}.bg-blue{background:#4a90e2!important;background:var(--color-blue)!important}.bg-dark{background:#2c3e50!important;background:var(--color-dark-1)!important}.border-standard{border-color:#e0e4e8!important;border-color:var(--color-border)!important}.gradient-primary{background:linear-gradient(90deg,#4a90e2,#7ec8e3);background:linear-gradient(90deg,var(--color-blue),#7ec8e3)}.text-dark{color:#000}.btn-icon{display:inline-block;font-size:1.1em;margin-right:6px;vertical-align:middle}.bros-header{align-items:center;display:flex;gap:12px}.bros-logo{display:block;height:auto;width:120px}.bros-title{margin:0}.bros-address{color:#666;font-size:.9rem;margin-top:2px}.current-rate-display{align-items:center;background:#ffffff26;border:2px solid #22c55e4d;border-radius:8px;display:flex;gap:6px;margin-top:10px;padding:8px 10px}.current-rate-label{color:#e7dad3f2;font-size:.9rem;font-weight:600}.current-rate-value{color:#fff;font-size:1.1rem;font-weight:800}.rate-schedule-item{color:#cfcf12;font-size:.7rem;margin-top:2px}.rate-schedule-full{color:#e7dad3d9;font-size:.85rem;font-weight:600;margin-top:8px}.rate-schedule-full-item{padding-top:2px}.rate-schedule-price{color:#111;font-weight:800}.combo-badge{background:#1f9d55;border-radius:8px;color:#fff;font-size:.75rem;font-weight:800;padding:3px 8px}.combo-details{background:#ffffff14;border-radius:6px;font-size:.85rem;margin-top:6px;padding:6px 8px}.combo-name{font-weight:800}.combo-info{color:#fff;margin-top:4px;opacity:.9}.table-session-info{font-size:.85rem;margin-top:6px}.table-started-by{color:#fff;display:block;font-size:.8rem;opacity:.9}.table-estimate{margin-top:6px}.bill-rounded-note{color:#e6f3e9;font-size:.85rem;margin-top:6px}.menu-item-card{background:#fff;border-radius:8px;padding:8px}.menu-item-image{margin-bottom:8px}.menu-item-photo{border-radius:6px;display:block;height:90px;object-fit:cover;width:120px}.menu-item-details{color:#666;font-size:.9rem}.menu-item-controls{align-items:center;display:flex;gap:8px;margin-top:8px}.menu-item-quantity{min-width:28px;text-align:center}.order-summary{margin-top:12px}.order-summary-item{margin-bottom:8px}.order-actions{display:flex;gap:8px}.menu-selection-summary{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #4a90e2;border-radius:12px;box-shadow:0 4px 12px #4a90e226;margin-bottom:20px;padding:16px}.menu-selection-header{align-items:center;border-bottom:2px solid #e0e4e8;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.menu-selection-header h4{color:#1a2332;font-size:1.1rem;margin:0}.menu-selection-table-info{align-items:center;background:#4a90e20d;border-radius:8px;display:flex;gap:8px;margin-bottom:12px;padding:10px 12px}.menu-selection-label{color:#1a2332;font-weight:600}.menu-selection-table-value{color:#4a90e2;font-weight:700}.menu-selection-items{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.menu-selection-item{grid-gap:12px;align-items:center;background:#fff;border:1px solid #e0e4e8;border-radius:8px;display:grid;gap:12px;grid-template-columns:1fr auto auto auto;padding:10px 12px;transition:all .2s ease}.menu-selection-item:hover{border-color:#4a90e2;box-shadow:0 2px 8px #4a90e21a}.menu-selection-item-name{color:#1a2332;font-weight:600}.menu-selection-item-qty{color:#667085;font-weight:500;min-width:40px;text-align:center}.menu-selection-item-price{font-weight:700;min-width:80px;text-align:right}.menu-selection-item-controls{display:flex;gap:4px}.menu-selection-total{align-items:center;border-top:2px solid #e0e4e8;display:flex;font-size:1.2rem;font-weight:700;justify-content:space-between;margin-top:12px;padding:12px 12px 0}.menu-selection-total-label{color:#1a2332}.menu-selection-total-amount{font-size:1.3rem}.menu-selection-actions{align-items:center;border-top:2px solid #e0e4e8;display:flex;flex-direction:column;gap:8px;margin-top:16px;padding-top:12px}.btn-large{font-size:1.1rem;font-weight:700;max-width:400px;padding:14px 28px;width:100%}.btn-tiny{font-size:.8rem;min-width:28px;padding:4px 8px}.order-card{background:#fff;border-radius:8px;margin-bottom:12px;padding:8px}.order-header{color:#0fe48b;font-weight:700}.order-date{color:#666}.order-items{color:orange;margin-top:6px}.order-item-line{font-size:.9rem}.order-item-controls{display:flex;gap:8px;margin-top:6px}.history-filters{align-items:center;display:flex;gap:8px;margin-bottom:8px}.earnings-total{font-size:1.1rem;font-weight:700}.earnings-count{color:#666}.paid-invoice-card{background:#fff;border-radius:6px;margin-bottom:8px;padding:8px}.paid-invoice-header{font-weight:700}.paid-invoice-date{color:#666}.paid-invoice-details{color:#444;margin-top:6px}.paid-invoice-meta{margin-top:6px}.config-textarea{padding:8px}.config-actions{gap:8px;margin-top:8px}.combo-preview-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.combo-preview-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000f;min-width:200px;padding:10px}.combo-preview-name{font-weight:800;margin-bottom:6px}.combo-preview-id{color:#666;font-size:.9rem}.combo-preview-duration{margin-top:6px}.combo-preview-price{font-weight:700;margin-top:6px}.schedule-item-card{background:#fff;border-radius:6px;margin-bottom:6px;padding:8px}.schedule-time{font-weight:700}.schedule-rate{color:#666}.session-item{border-bottom:1px solid #eee;padding:8px}.session-header{font-weight:700}.session-duration{color:#666;font-weight:600;margin-left:8px}.session-actions{display:flex;gap:8px;margin-top:6px}.session-orders{margin-top:12px}.session-order-card{background:#fff;border-radius:6px;margin-bottom:8px;padding:8px}.close-popup-items-header{color:var(--color-primary);font-weight:700}.close-popup-item{color:var(--color-primary);display:flex;justify-content:space-between}.close-popup-no-items{color:#666}.close-popup-combo{background:#f6fbf7;border-radius:6px;margin-top:8px;padding:8px}.close-popup-combo-title{font-weight:800}.close-popup-combo-details{color:#444;margin-top:4px}.close-popup-pending-header{color:var(--color-primary);font-weight:700;margin-bottom:6px}.close-popup-pending-order{background:#fff;border-radius:6px;margin-bottom:8px;padding:8px}.close-popup-order-header{color:#0e0601;font-weight:700}.close-popup-order-date{color:#0e0601}.close-popup-order-items{margin-top:6px}.close-popup-order-item{color:#0e0601;font-size:.9rem}.close-popup-qr-container{align-items:center;display:flex;flex-direction:column;flex-shrink:0}.close-popup-qr-image{height:180px;object-fit:contain;width:180px}.close-popup-scan-text{color:#666;font-size:.85rem;margin-top:4px;text-align:center}.close-popup-account{color:var(--color-green);font-size:1rem;font-weight:700;margin-top:8px;text-align:center}.server-preview-badge{background:#e6ffef;border-radius:6px;color:#0a7a2b;display:inline-block;font-size:.85rem;font-weight:700;margin-top:6px;padding:4px 8px}.pagination-controls{display:flex;gap:8px;justify-content:center;margin-top:8px}.pagination-info{align-self:center;padding:6px 10px}.menu-grid{grid-gap:8px;gap:8px;grid-template-columns:1fr 1fr}@media (max-width:600px){.menu-grid{grid-template-columns:1fr}.bros-header{align-items:flex-start;flex-direction:column}}.money-amount{color:var(--color-green)}.flex-center{gap:8px}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-end{justify-content:flex-end}.flex-end,.flex-gap-8{display:flex;gap:8px}.flex-gap-16{display:flex;gap:16px}.flex-wrap{flex-wrap:wrap}.flex-column{display:flex;flex-direction:column;gap:6px}.text-muted{color:var(--color-muted)}.text-orange{color:var(--color-primary)}.text-warning{color:orange}.text-success{color:var(--color-green)}.text-white{color:var(--color-white)}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.text-base{font-size:.9rem}.text-lg{font-size:.95rem}.text-xl{font-size:1.05rem}.text-2xl{font-size:1.1rem}.text-center{text-align:center}.mt-2{margin-top:2px}.mt-4{margin-top:4px}.mt-18{margin-top:18px}.mb-10{margin-bottom:10px}.mb-12{margin-bottom:12px}.ml-8{margin-left:8px}.ml-12{margin-left:12px}.mr-6{margin-right:6px}.p-6{padding:6px}.p-8{padding:8px}.p-10{padding:10px}.card-white{border-radius:6px;margin-bottom:8px}.card-white,.card-white-lg{background:#fff;padding:8px}.card-white-lg{border-radius:8px;margin-bottom:12px}.border-bottom{border-bottom:1px solid #eee}.whitespace-pre{white-space:pre-wrap}.opacity-90{opacity:.9}.display-block{display:block}.min-width-200{min-width:200px}.min-width-260{min-width:260px}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.self-center{align-self:center}.no-margin{margin:0}.input-width-100{width:100px}.input-width-140{width:140px}.full-width{width:100%}.address-text{color:#e9af40;font-size:.9rem;margin-top:2px}.empty-state{color:#666;font-weight:600}.available-info{color:#80dd91;font-size:.9rem;margin-left:12px}.combo-applied-badge{background:#1f9d55;border-radius:8px;color:#fff;font-size:.75rem;font-weight:800;padding:3px 8px}.felt-rate{color:#fff;font-size:.95rem;font-weight:800;margin-top:8px}.table-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.invalid-json-warning{background:#fff;border-radius:6px;color:orange;padding:8px}.no-combos{color:#666}.rate-schedule-container{background:#fff;border-radius:6px;padding:8px}.schedule-section-header{color:#444;margin-bottom:6px}.session-duration-inline{color:#666;font-weight:600;margin-left:8px}.close-popup-wrapper{display:flex;gap:16px}.close-popup-content{flex:1 1}.close-popup-items-section{margin-bottom:8px;white-space:pre-wrap}.unsettled-order-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px}@media (max-width:768px){.bros-header{align-items:center;flex-direction:row;gap:12px}.bros-logo{width:60px}.bros-title{font-size:1.3rem}.bros-address{font-size:.85rem}.current-rate-display{margin-top:6px;padding:6px 8px}.current-rate-label{font-size:.75rem}.current-rate-value{font-size:.9rem}.rate-schedule-full{font-size:.75rem;margin-top:6px}.tables-grid{gap:12px;grid-template-columns:1fr!important}.card-white,.table-card{padding:12px}.menu-grid{gap:8px;grid-template-columns:repeat(2,1fr)!important}.menu-item-card{padding:8px}.menu-item-image{height:80px}.menu-item-name{font-size:.85rem}.menu-item-description{font-size:.75rem}.popup-overlay{padding:0}.popup-content{border-radius:0;height:100vh;margin:0;max-height:100vh;max-width:100%!important;width:100%!important}.popup-header{background:#f8f9fa;padding:12px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.popup-body{max-height:calc(100vh - 120px);overflow-y:auto;padding:12px}.close-popup-wrapper{flex-direction:column;gap:12px}.close-popup-summary{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:12px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.btn,.btn-small{font-size:.85rem;padding:8px 10px;white-space:nowrap}.table-actions{flex-direction:row;flex-wrap:wrap;gap:4px}.table-actions .btn{flex:1 1 auto;min-width:-webkit-fit-content;min-width:fit-content;width:auto}.order-item{padding:8px}.order-item-name{font-size:.9rem}.combo-details{font-size:.8rem;padding:6px}.rate-schedule-item{font-size:.65rem}.rate-schedule-full{font-size:.85rem}.table-session-info{font-size:.8rem}.money-amount{font-size:1rem}.tab-bar{-webkit-overflow-scrolling:touch;overflow-x:auto}.tab-btn{min-width:100px;white-space:nowrap}.felt-badge{font-size:.75rem;padding:4px 8px}.available-info{display:block;margin-left:0;margin-top:8px}.unsettled-order-item{align-items:flex-start;flex-direction:column;gap:6px}input[type=email],input[type=number],input[type=text],select,textarea{box-sizing:border-box;font-size:16px;width:100%}}@media (max-width:480px){.bros-logo{width:50px}.bros-title{font-size:1.1rem}.menu-grid{grid-template-columns:1fr!important}.card-white,.table-card{padding:10px}.btn,.btn-small{font-size:.8rem;padding:7px 8px}.table-actions{gap:3px}}*{-webkit-tap-highlight-color:rgba(0,0,0,.1)}.btn,button{touch-action:manipulation;-webkit-user-select:none;user-select:none}.admin-container .left-tabs-layout{display:block}.admin-container .left-tabs{-webkit-overflow-scrolling:touch;background:#34495e;border-radius:12px;box-shadow:0 4px 12px #04080f33;gap:6px;margin-bottom:16px;overflow-x:auto;overflow-y:hidden;padding:8px 6px;scrollbar-width:thin;width:auto}.admin-container .tab-btn{color:#d4dce6;flex:0 0 auto;font-size:.9rem;margin-bottom:0;padding:8px 14px;text-align:center;white-space:nowrap}.admin-container .tab-btn:hover{background:#ffffff1a;transform:translateX(0) translateY(-2px)}.admin-container .tab-btn.active{background:linear-gradient(90deg,#4a90e2,#5ba3d6);box-shadow:0 2px 6px #4a90e24d;color:#fff}.admin-container .left-content{width:100%}.admin-container,.user-card{padding:8px}.user-card{background:var(--color-white);border-radius:8px;margin-bottom:8px}.user-header{color:#333;font-weight:700}.user-email{color:var(--color-muted)}.user-actions{margin-top:8px}.user-form{background:var(--color-white);border-radius:8px;color:#333;margin-top:12px;padding:8px}.order-items-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.order-items-pagination{align-items:center;display:flex;gap:8px;margin-left:auto}.order-item-card{background:#fff;border-radius:8px;margin-bottom:8px;padding:8px}.order-item-header{font-weight:700}.order-item-form{background:#fff;border-radius:8px;margin-top:12px;padding:8px}.config-container{max-width:600px}.config-card{background:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:12px;padding:12px}.config-key{font-weight:700;margin-bottom:8px}.config-textarea{font-family:monospace}.config-input,.config-textarea{margin-bottom:8px;padding:6px;width:100%}.config-description{color:#666;font-size:.85rem;margin-bottom:8px}.config-actions{display:flex;gap:4px}.config-readonly{align-items:center;display:flex;justify-content:space-between}.config-readonly-key{color:orange;font-weight:700}.config-readonly-value{color:blue;font-size:1.1rem;margin:4px 0}.config-schedule-item{color:#333;font-size:.95rem}.config-invalid{color:#c33}.youtube-cookies{background:#fff;border:1px solid #ddd;border-radius:8px;margin-top:18px;padding:12px}.youtube-help{color:#666;margin-bottom:8px}.youtube-actions{align-items:center;display:flex;gap:8px}.youtube-status{font-size:.9rem;margin-top:8px}.status-uploaded{color:#2a9d8f}.status-none{color:#666}.earnings-layout{display:flex;gap:12px}.earnings-sidebar{width:260px}.earnings-main{flex:1 1;min-width:0;overflow-x:hidden}.earnings-date-header{align-items:center;background:#fff;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px}.earnings-date-title{font-weight:700}.earnings-date-info{color:#666;font-size:.9rem}.earnings-date-list{display:flex;flex-direction:column;gap:6px}.earnings-loading{background:#fff;border-radius:8px;padding:12px}.earnings-date-button{text-align:left}.earnings-date-label{font-weight:700}.earnings-date-amount{color:#666}.earnings-empty{color:#666}.earnings-empty,.earnings-summary{background:#fff;border-radius:8px;padding:12px}.earnings-summary{word-wrap:break-word;margin-bottom:12px;overflow-x:hidden}.earnings-summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.earnings-summary-title{font-weight:700}.earnings-summary-date{color:#666;font-size:.9rem}.earnings-today{text-align:right}.earnings-today-label{color:#666;font-size:.85rem;margin-bottom:4px}.earnings-today-amount{font-size:1.25rem;font-weight:800}.earnings-grid{grid-gap:12px;border-top:1px solid #eee;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding-top:12px}.earnings-stat-label{color:#666;font-size:.85rem;margin-bottom:4px}.earnings-stat-value{font-size:1.1rem;font-weight:700}.earnings-stat-meta{color:#999;font-size:.75rem;margin-top:2px}.earnings-filters{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.earnings-filters,.reconcile-card{margin-bottom:8px;overflow-x:hidden}.reconcile-card{word-wrap:break-word;background:#f8f9fa;border-radius:8px;padding:8px}.reconcile-title{font-weight:700}.reconcile-info{color:#666}.reconcile-diff-ok{color:#2a9d8f;font-weight:700}.reconcile-diff-error{color:#c33;font-weight:700}.reconcile-detail{margin-top:12px}.reconcile-detail-card{background:#fff;border-radius:8px;margin-bottom:8px;padding:8px}.reconcile-detail-header{font-weight:700}.reconcile-detail-date{color:#666}.reconcile-detail-actions{margin-top:8px}.earnings-record{word-wrap:break-word;background:#fff;border-radius:8px;margin-bottom:8px;overflow-wrap:break-word;padding:8px}.earnings-record-header{font-weight:700;word-break:break-word}.earnings-record-info{align-items:center;color:#666;display:flex;flex-wrap:wrap;font-size:.9rem;gap:8px;word-break:break-word}.earnings-record-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.earnings-edit-inline{align-items:center;display:inline-flex;gap:6px}.earnings-amount-input{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:4px 8px;width:100px}.btn-danger:hover{background:#c9302c}.expenses-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.expenses-count{color:#666;margin-left:auto}.expenses-form{background:#fff;border-radius:8px;margin-bottom:12px;padding:12px}.expenses-inputs{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.input-amount{padding:6px;width:120px}.input-category{padding:6px;width:160px}.input-date{padding:6px}.input-notes{flex:1 1;min-width:200px;padding:6px}.expense-card{align-items:center;background:#fff;border-radius:8px;display:flex;gap:12px;margin-bottom:8px;padding:8px}.expense-info{flex:1 1}.expense-title{font-weight:700}.expense-notes{color:#666}.expense-amount-section{text-align:right}.expense-amount{font-weight:800}.expense-actions{margin-top:8px}.menu-add-button{margin-bottom:8px}.menu-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:16px}.menu-item-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e0e4e8;border-radius:12px;box-shadow:0 2px 8px #04080f14;padding:16px;transition:all .3s ease}.menu-item-card:hover{border-color:#4a90e2;box-shadow:0 4px 16px #04080f26;transform:translateY(-2px)}.menu-input{background:#fff;border:1px solid #d0d5dd;border-radius:8px;font-size:.95rem;margin-bottom:10px;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.menu-input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;outline:none}.menu-select{background:#fff;border:1px solid #d0d5dd;border-radius:8px;cursor:pointer;font-size:.95rem;margin-bottom:10px;padding:10px 12px;transition:border-color .2s ease;width:100%}.menu-select:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;outline:none}.menu-actions{display:flex;gap:8px;margin-top:12px}.menu-item-display{display:flex;flex-direction:column;gap:14px}.menu-item-photo{align-items:center;background:linear-gradient(135deg,#f0f4f8,#e8edf2);border:1px solid #e0e4e8;border-radius:8px;display:flex;height:180px;justify-content:center;overflow:hidden;width:100%}.menu-item-img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.menu-item-card:hover .menu-item-img{transform:scale(1.05)}.menu-item-no-image{color:#98a2b3;font-size:.9rem;font-weight:500;text-align:center}.menu-item-info{display:flex;flex:1 1;flex-direction:column}.menu-item-name{color:#1a2332;font-size:1.1rem;font-weight:700;margin-bottom:6px}.menu-item-description{color:#667085;flex:1 1;font-size:.9rem;line-height:1.5;margin-bottom:10px}.menu-item-category{background:#4a90e21a;border-radius:12px;color:#4a90e2;display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:12px;padding:4px 10px;text-transform:capitalize;width:-webkit-fit-content;width:fit-content}.menu-item-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.menu-photo-input{display:none}.menu-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2c3e50d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.menu-modal{animation:slideUp .3s ease;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;box-shadow:0 12px 48px #04080f40;max-width:480px;padding:28px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.menu-modal h4{color:#1a2332;font-size:1.3rem;font-weight:700;margin-bottom:20px;margin-top:0}.menu-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.text-muted{color:#666}.text-bold{font-weight:700}.text-extra-bold{font-weight:800}.text-danger{color:#c33}.text-success{color:#2a9d8f}.mt-6{margin-top:6px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mb-6{margin-bottom:6px}.mb-8{margin-bottom:8px}.ml-auto{margin-left:auto}@media (max-width:768px){.admin-container{padding:4px}.user-card{padding:10px}.user-header{font-size:.9rem}.user-actions{flex-wrap:wrap}.order-items-header{align-items:flex-start;flex-direction:column;gap:8px}.order-items-pagination{justify-content:center;width:100%}.order-item-card{padding:10px}.config-container{max-width:100%}.config-card{padding:10px}.config-input,.config-textarea{font-size:14px}.youtube-cookies{padding:10px}.youtube-actions{align-items:stretch;flex-direction:column}.youtube-actions .btn,.youtube-actions input[type=file]{width:100%}.earnings-layout{flex-direction:column;gap:12px}.earnings-main,.earnings-sidebar{width:100%}.earnings-date-header{align-items:flex-start;flex-direction:column;gap:8px}.earnings-date-button{width:100%}.earnings-grid{grid-template-columns:1fr}.earnings-filters{align-items:stretch;flex-direction:column}.earnings-filters button,.earnings-filters input,.earnings-filters label{width:100%}.earnings-summary-header{align-items:flex-start;flex-direction:column;gap:12px}.earnings-today{text-align:left}.reconcile-card,.reconcile-detail-card{padding:10px}.expense-header{align-items:flex-start;flex-direction:column;gap:8px}.expense-count{margin-left:0}.expense-form{padding:10px}.expense-form-inputs{flex-direction:column}.expense-input-amount,.expense-input-category,.expense-input-date,.expense-input-notes{font-size:16px;padding:10px;width:100%}.expense-card{align-items:flex-start;flex-direction:column;gap:8px}.expense-amount{text-align:left}.menu-grid{gap:12px;grid-template-columns:1fr}.menu-item-card{padding:10px}.menu-item-display{flex-direction:column}.menu-item-photo{height:120px;margin-bottom:8px;width:100%}.menu-item-actions{flex-wrap:wrap}.menu-item-actions .btn{flex:1 1 auto}.menu-modal-overlay{padding:0}.menu-modal{border-radius:0;height:100vh;margin:0;max-height:100vh;max-width:100%;width:100%}.btn,.btn-small{font-size:.9rem;padding:10px 12px;white-space:nowrap}input[type=date],input[type=email],input[type=file],input[type=number],input[type=text],select,textarea{font-size:16px;padding:10px}table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}h3{font-size:1.3rem}h4{font-size:1.1rem}h5{font-size:1rem}}@media (max-width:480px){.admin-container{padding:2px}.btn,.btn-small{font-size:.85rem;padding:8px 10px}.earnings-date-list{gap:4px}.earnings-date-button{font-size:.85rem;padding:8px}h3{font-size:1.2rem}h4{font-size:1rem}}.btn-danger{background:#d9534f}.money-amount{color:#22c55e;font-weight:700}.food-container{background:linear-gradient(135deg,#667eea,#764ba2);margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.food-header{margin-bottom:40px;padding:20px;text-align:center}.food-title{color:#fff;font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px #0003}.food-subtitle{color:#ffffffe6;font-size:1.1rem;margin:0}.food-search-section{margin-bottom:30px}.food-search-box{display:flex;gap:12px;margin:0 auto;max-width:700px}.food-search-input{background:#fffffff2;border:2px solid #ffffff4d;border-radius:12px;color:#333;flex:1 1;font-size:1.1rem;padding:16px 20px;transition:all .3s ease}.food-search-input:focus{background:#fff;border-color:#fff;box-shadow:0 4px 20px #0000001a;outline:none}.food-search-input:disabled{cursor:not-allowed;opacity:.6}.food-search-btn{background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px 32px;transition:all .3s ease;white-space:nowrap}.food-search-btn:hover:not(:disabled){box-shadow:0 6px 20px #f5576c66;transform:translateY(-2px)}.food-search-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.food-error{background:#ff6b6be6;border-radius:8px;color:#fff;font-weight:500;margin:15px auto 0;max-width:700px;padding:12px 20px}.food-loading{color:#fff;padding:60px 20px;text-align:center}.food-loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin:0 auto 20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.food-loading p{font-size:1.1rem;margin:0}.food-results{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;padding:30px;position:relative}.back-to-recipes-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;position:absolute;right:20px;top:20px;transition:all .3s ease;z-index:10}.back-to-recipes-btn:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.back-to-recipes-btn:active{transform:translateY(0)}.food-results-header{border-bottom:2px solid #f0f0f0;margin-bottom:30px;padding-bottom:20px}.food-results-title{color:#333;font-size:1.8rem;margin:0 0 15px}.vifoodrec-badge{background:linear-gradient(135deg,#ff6b6b,#feca57);border-radius:20px;box-shadow:0 2px 8px #ff6b6b4d;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:15px;padding:8px 16px}.food-description{color:#555;font-size:1rem;font-style:italic;line-height:1.6;margin:15px 0}.food-brand-name{color:#666;font-size:1rem;font-style:italic;margin-bottom:15px}.food-results-meta{color:#666;display:flex;flex-wrap:wrap;font-size:1rem;gap:20px}.food-category{background:#fff3cd;color:#856404}.food-category,.food-region{border-radius:20px;font-weight:600;padding:6px 14px}.food-region{background:#d4edda;color:#155724}.food-servings{background:#e3f2fd;color:#1976d2}.food-price-per-serving,.food-servings{border-radius:20px;font-weight:600;padding:6px 14px}.food-price-per-serving{background:#f3e5f5;color:#7b1fa2}.food-time-info{color:#666;display:flex;font-size:.95rem;gap:20px;margin-top:15px}.food-time-info span{background:#f8f9fa;border-radius:15px;font-weight:500;padding:6px 12px}.food-section-title{color:#333;font-size:1.3rem;margin:0 0 20px}.food-nutrition-section{background:#f8f9fa;border-radius:12px;margin-bottom:30px;padding:20px}.food-nutrition-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.food-nutrition-item{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;gap:5px;padding:12px}.nutrition-label{color:#666;font-size:.9rem;font-weight:600}.nutrition-value{color:#4a90e2;font-size:1.1rem;font-weight:700}.food-ingredients-list{margin-bottom:30px}.food-ingredient-item{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px;transition:all .2s ease}.food-ingredient-item:hover{background:#e9ecef;transform:translateX(5px)}.food-ingredient-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.food-ingredient-name{color:#333;font-size:1rem;font-weight:600}.food-ingredient-amount{color:#666;font-size:.9rem}.food-ingredient-price{color:#22c55e;font-size:1.1rem;font-weight:700}.food-total-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;margin-bottom:20px;padding:20px}.food-total-row{align-items:center;display:flex;justify-content:space-between}.food-total-label{color:#fff;font-size:1.3rem;font-weight:600}.food-total-price{color:#fff;font-size:1.8rem;font-weight:700}.food-ai-section{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:12px;color:#fff;margin-bottom:20px;padding:20px}.food-ai-section .food-section-title{color:#fff;margin-bottom:15px}.food-ai-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;padding:15px}.food-ai-paragraph{font-size:.95rem;line-height:1.6;margin:0 0 12px}.food-ai-paragraph:last-child{margin-bottom:0}.food-recipe-section{animation:fadeIn .5s ease-in;background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:30px;padding:25px}.food-recipe-section .food-section-title{color:#667eea;margin-bottom:20px}.recipe-thumbnail{margin-bottom:20px;text-align:center}.recipe-thumbnail img{border-radius:12px;box-shadow:0 4px 15px #00000026;max-width:400px;transition:transform .3s ease;width:100%}.recipe-thumbnail img:hover{transform:scale(1.05)}.recipe-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.recipe-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 8px #667eea4d;color:#fff;display:inline-block;font-size:.9rem;font-weight:500;padding:8px 16px}.recipe-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.recipe-tags .tag{background:#f0f4ff;border:1px solid #e0e7ff;border-radius:15px;color:#667eea;font-size:.85rem;font-weight:500;padding:6px 14px}.recipe-instructions{line-height:1.8;margin:20px 0}.recipe-instructions h5{color:#667eea;font-size:1.1rem;margin-bottom:12px}.recipe-instructions p{color:#555;font-size:.95rem;white-space:pre-line}.recipe-video{margin-top:20px;text-align:center}.recipe-video a{background:red;border-radius:25px;box-shadow:0 4px 12px #ff00004d;color:#fff;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.recipe-video a:hover{background:#c00;box-shadow:0 6px 15px #f006;transform:translateY(-2px)}.food-disclaimer{background:#fff3cd;border-radius:8px;color:#856404;font-size:.95rem;line-height:1.5;padding:15px}.food-empty-state{color:#fff;padding:60px 20px;text-align:center}.food-empty-icon{font-size:5rem;margin-bottom:20px}.food-empty-text{font-size:1.2rem;margin-bottom:30px;opacity:.9}.food-examples-section{margin-left:auto;margin-right:auto;margin-top:50px;max-width:1100px}.examples-title{color:#fff;font-size:1.8rem;margin-bottom:30px;text-align:center;text-shadow:2px 2px 4px #0000004d}.food-examples-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:20px}.food-example-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;cursor:pointer;padding:20px;text-align:left;transition:all .3s ease}.food-example-card:hover{box-shadow:0 8px 20px #00000040;transform:translateY(-5px)}.example-card-header{border-bottom:2px solid #f0f0f0;margin-bottom:15px;padding-bottom:12px}.example-dish-name{color:#667eea;font-size:1.3rem;font-weight:700;margin:0 0 5px}.example-dish-name-en{color:#666;font-size:.95rem;font-style:italic;margin:0}.example-card-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.example-category,.example-region{background:#f0f4ff;border-radius:12px;color:#667eea;font-size:.85rem;font-weight:500;padding:4px 10px}.example-source{background:linear-gradient(135deg,#ff6b6b,#feca57);border-radius:12px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:12px;padding:6px 12px}.example-description{color:#555;font-size:.9rem;line-height:1.5;margin:12px 0;min-height:60px}.example-footer{align-items:center;border-top:1px solid #f0f0f0;color:#888;display:flex;font-size:.85rem;justify-content:space-between;margin-top:12px;padding-top:12px}.example-servings,.example-time{align-items:center;display:flex;gap:4px}.examples-hint{color:#fffc;font-size:.95rem;font-style:italic;margin-top:20px}@media (max-width:768px){.food-container{padding:15px}.food-title{font-size:2rem}.food-subtitle{font-size:1rem}.food-search-box{flex-direction:column;gap:10px}.food-search-btn,.food-search-input{font-size:1rem;width:100%}.food-results{padding:20px}.food-results-title{font-size:1.5rem}.food-results-meta{flex-direction:column;gap:10px}.food-nutrition-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.food-ingredient-item{align-items:flex-start;flex-direction:column;gap:8px}.food-ingredient-price{align-self:flex-end}.food-total-row{flex-direction:column;gap:10px;text-align:center}.food-empty-icon{font-size:3.5rem}.food-examples-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.food-example-card{padding:15px}.example-dish-name{font-size:1.1rem}}@media (max-width:480px){.food-title{font-size:1.6rem}.food-results{padding:60px 15px 15px}.back-to-recipes-btn{margin-bottom:20px;position:static;width:100%}.food-total-label{font-size:1.1rem}.food-total-price{font-size:1.5rem}}body{background:linear-gradient(180deg,var(--color-dark-1) 0,var(--color-dark-2) 50%,#4a5f7a 100%);color:var(--color-text-light);min-height:100vh;overflow-x:hidden;position:relative}.snow-bg{background:#0000;inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:-1}.snow-bg:after,.snow-bg:before{animation:snowfall 20s linear infinite;background-image:radial-gradient(circle at 10% 20%,#ffffffe6 1px,#0000 0),radial-gradient(circle at 80% 80%,#fffc 1.5px,#0000 0),radial-gradient(circle at 50% 50%,#ffffffb3 1px,#0000 0),radial-gradient(circle at 30% 70%,#ffffffe6 1px,#0000 0),radial-gradient(circle at 70% 30%,#fff9 2px,#0000 0),radial-gradient(circle at 20% 90%,#fffc 1px,#0000 0),radial-gradient(circle at 90% 40%,#ffffffe6 1.5px,#0000 0),radial-gradient(circle at 40% 10%,#ffffffb3 1px,#0000 0);background-position:0 0,40px 60px,80px 20px,120px 100px,20px 140px,160px 40px,60px 180px,140px 80px;background-size:250px 250px,300px 300px,200px 200px,280px 280px,350px 350px,220px 220px,320px 320px,270px 270px;content:"";height:110%;left:0;opacity:.8;position:absolute;top:-10%;width:100%}.snow-bg:after{animation-delay:-10s;animation-duration:30s;background-size:200px 200px,250px 250px,180px 180px,230px 230px,300px 300px,190px 190px,270px 270px,220px 220px;opacity:.6}@keyframes snowfall{0%{transform:translateY(0) translateX(0)}to{transform:translateY(100%) translateX(50px)}}.halloween body,body.halloween{background:linear-gradient(135deg,#0b0620,#2b0b13 50%,#3a0f0f);color:#ffdca3}.halloween .music-header{background:linear-gradient(90deg,#ff8a00,#b30000);border-bottom:3px solid #0003;color:#100806;text-shadow:0 2px 6px #0009}.halloween .music-nav{background:linear-gradient(90deg,#0009,#280a0a99)}.halloween .music-nav a{color:#ffd7a6}.halloween .nav-links{background:#0a050099}.halloween .audio-card{background:linear-gradient(180deg,#24120f,#2b0f0f);border:1px solid #ffb43c0f;box-shadow:0 6px 30px #0009;color:#ffdca3}.halloween .audio-title{color:#ffdca3}.halloween .audio-uploader{color:#f7c47a}.halloween .animated-bg{animation:bgShift 18s linear infinite;background:linear-gradient(180deg,#12040b,#2b0710 40%,#2a0b18);inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:-2}.halloween .animated-bg:after,.halloween .animated-bg:before{animation:fogFloat 14s ease-in-out infinite;background:radial-gradient(circle at 20% 20%,#ff8c000f,#0000 8%),radial-gradient(circle at 80% 60%,#ffc83c0a,#0000 12%);content:"";filter:blur(40px);height:240%;left:50%;opacity:.9;position:absolute;top:30%;transform:translateX(-50%);width:180%}.halloween .animated-bg:after{animation-duration:22s;opacity:.75;top:10%;transform:translateX(-50%) rotate(10deg)}.halloween .animated-bg .spooks{background:#0000;inset:0;position:absolute}.halloween .animated-bg .spooks:before{animation:floatUp 26s linear infinite;background:#ffffff0f;border-radius:50%;bottom:-10%;box-shadow:30px -120px 40px #ffffff08,120px -260px 80px #ffc83c05,220px -380px 120px #ff8c0005;content:"";height:10px;left:10%;position:absolute;width:10px}@keyframes bgShift{0%{filter:hue-rotate(0deg) saturate(.95) brightness(.95)}50%{filter:hue-rotate(8deg) saturate(1.05) brightness(1.05)}to{filter:hue-rotate(0deg) saturate(.95) brightness(.95)}}@keyframes fogFloat{0%{transform:translateX(-50%) translateY(0) scale(1)}50%{transform:translateX(-52%) translateY(-6%) scale(1.02)}to{transform:translateX(-50%) translateY(0) scale(1)}}@keyframes floatUp{0%{opacity:0;transform:translateY(0) translateX(0) scale(.9)}10%{opacity:.12}60%{opacity:.06}to{opacity:0;transform:translateY(-140%) translateX(30px) scale(1.1)}}.halloween .audio-votes button,.halloween .logout-btn,.halloween .upload-form button{background:linear-gradient(90deg,#ff6d00,#ffb347);border:none;box-shadow:0 4px 12px #ff6e001f;color:#140600}.halloween .audio-votes button:hover,.halloween .upload-form button:hover{filter:brightness(.95)}.play-btn{align-items:center!important;background:linear-gradient(90deg,#ff8a00,#ff3d00)!important;border:2px solid #ffc87814!important;border-radius:999px!important;box-shadow:0 6px 18px #ff64002e;color:#fff!important;display:inline-flex!important;gap:8px;padding:10px 14px!important}.play-btn svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}.halloween h2,.halloween h3{text-shadow:0 2px 8px #7b2c0073}.music-header{background:linear-gradient(135deg,var(--color-dark-2) 0,var(--color-blue) 50%,#5ba3d6 100%);border-bottom:3px solid #fff3;box-shadow:0 8px 32px #0006,0 4px 16px #4a90e24d;color:var(--color-white);font-size:2.2rem;font-weight:800;letter-spacing:2px;padding:28px 0 14px;text-align:center;text-shadow:0 2px 8px #00000080,0 0 20px #7ec8e366}.music-nav{align-items:center;background:linear-gradient(90deg,#2c3e50,#34495e);box-shadow:0 4px 12px #0000004d;display:flex;font-size:1.1rem;gap:16px;justify-content:space-between;padding:12px 16px}.music-nav .menu-link,.music-nav a{border-radius:20px;color:#fff;padding:6px 18px;text-decoration:none;transition:background .2s,color .15s}.music-nav .menu-link:hover,.music-nav a:hover{background:#fff3}.music-nav .menu-link.active{background:#fffffff2;box-shadow:0 6px 18px #4a90e24d;color:#ff8c42;transform:translateY(-1px)}.nav-brand .brand-link{color:#fff;font-weight:700;padding:6px 12px;text-decoration:none}.brand-logo{display:inline-block;height:40px;margin-right:10px;vertical-align:middle;width:40px}.brand-text{display:none}.nav-page-title{color:#fff;display:none;font-size:1.1rem;font-weight:700}.nav-toggle{background:#0000;border:none;color:#fff;cursor:pointer;display:none;font-size:1.4rem}.nav-links{align-items:center;display:flex;gap:20px}.lang-switch{align-items:center;display:inline-flex;gap:8px}.lang-label{color:#ff8c42;display:inline-block;font-size:.9rem}.lang-select{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#ffffff10,#ffffff05);border:1px solid #ffffff0f;border-radius:999px;color:#fff;cursor:pointer;font-weight:700;min-height:40px;padding:8px 10px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.lang-select:focus{box-shadow:0 6px 18px #0356b61f;outline:none}.lang-select:focus,.lang-select:hover{transform:translateY(-1px)}.nav-user{align-items:center;display:inline-flex;gap:8px}.welcome{color:#ff8c42;font-weight:700}.logout-btn{background:#0000;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;padding:6px 10px}.menu-submenu{position:relative}.submenu-toggle{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;font-size:1.1rem;gap:8px;justify-content:space-between}.submenu-toggle.open{background:#ffffff1a}.submenu-arrow{font-size:.8rem;transition:transform .2s}.submenu-items{display:flex;flex-direction:column;gap:4px;padding-left:20px}.submenu-item{background:#ffffff0d;font-size:.95rem;padding:4px 16px!important}.submenu-item:hover{background:#ffffff26!important}.submenu-item.active{background:#fffc!important;color:#ff8c42!important}@media (max-width:720px){.music-nav{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:auto 1fr auto;padding:10px 12px}.nav-page-title{display:block;text-align:center}.brand-text{display:none}.brand-logo{height:36px;margin-right:0;width:36px}.nav-toggle{display:block}.nav-links{background:#162447;border-top:1px solid #ffffff08;display:none;flex-direction:column;gap:0;left:0;padding:8px 12px 12px;position:absolute;right:0;top:64px;z-index:1200}.nav-links.open{display:flex}.nav-links .lang-switch{display:flex;justify-content:flex-start;padding:8px 0;width:100%}.nav-links .lang-select{min-height:44px;width:120px}.logout-btn,.nav-links a,.nav-user{border-radius:8px;display:block;margin:4px 0;padding:10px 12px;width:100%}.nav-links a{background:#0000}.menu-submenu{width:100%}.submenu-toggle{margin:4px 0;padding:10px 12px;width:100%}.submenu-items{margin-top:4px;padding-left:12px}}.lang-toggle{border:1px solid #ffffff0f;border-radius:999px;display:inline-flex;overflow:hidden}.lang-toggle-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-weight:800;min-width:40px;padding:8px 10px}.lang-toggle-btn.active{background:linear-gradient(90deg,#ffffff12,#ffffff08);color:#0b1220}.lang-toggle-btn:focus{box-shadow:0 6px 18px #0356b61f;outline:none}@media (max-width:720px){.lang-toggle-btn{min-height:44px;padding:10px 12px}}.lang-toggle-btn.active[data-lang=vi]{background:linear-gradient(90deg,#ffb347,#ff7a00);border-color:#ffa0281f;color:#2b0b00}.lang-toggle-btn.active[data-lang=en]{background:linear-gradient(90deg,#ff8c42,#ffa366);border-color:#ff8c424d;color:#fff}.logout-btn{border:1px solid #ffffff0f;text-align:left}.audio-card{align-items:flex-start;background:linear-gradient(180deg,#3b4f63 0,var(--color-dark-1) 100%);border:1px solid #4a90e24d;border-radius:12px;box-shadow:0 6px 20px #0006,0 2px 8px #4a90e233;margin-bottom:20px;padding:18px;transition:box-shadow .18s ease}.audio-card,.pool-table-card{display:flex;flex-direction:column}.pool-table-card{align-items:stretch;background:linear-gradient(180deg,#4a90e2,#3b7bc4);border:2px solid #7ec8e34d;border-radius:14px;box-shadow:0 8px 24px #00000080,inset 0 6px 18px #ffffff1a;box-sizing:border-box;color:#fff;justify-content:flex-start;margin-bottom:12px;padding:14px;position:relative;transition:transform .12s ease,box-shadow .12s ease;width:100%}.pool-table-card.selected{box-shadow:0 12px 34px #00000073,inset 0 8px 22px #00000073;transform:translateY(-6px)}.pool-table-card .pool-left{align-items:flex-start;display:flex;gap:12px}.pool-table-card .pool-left>div:first-child{flex:0 0 auto;min-width:46px}.pool-table-card .pool-left>div:not(:first-child){flex:1 1;min-width:0}.pool-table-card .table-number{background:#00000047;border-radius:8px;font-size:1.05rem;font-weight:900;min-width:46px;padding:8px 10px;text-align:center}.pool-table-card .table-brand{color:#ffffffd9;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-top:4px;text-align:center;text-transform:uppercase}.pool-table-card.occupied{background:linear-gradient(180deg,#2c5f8d,#6f1e52);border:2px solid #7ec8e34d;box-shadow:0 12px 36px #2c5f8d80,inset 0 6px 18px #ffffff1a}.pool-table-card.occupied .table-number{background:#00000080}.pool-table-card.occupied:after{background:#1e3a52d9;border-radius:999px;box-shadow:0 6px 18px #4a90e266;color:#e0f2ff;content:"OCCUPIED";font-size:.78rem;font-weight:800;letter-spacing:.6px;padding:6px 10px;position:absolute;right:12px;top:10px}.pool-table-card .pool-felt{align-items:center;background:linear-gradient(180deg,#b0bbb5,#475f51);border-radius:10px;box-shadow:inset 0 8px 24px #00000073;color:#fffffff2;display:flex;font-weight:700;height:110px;justify-content:center;max-width:none;min-width:0;position:relative;width:100%}.pool-table-card .felt-rate{background:#0000007a;border-radius:8px;bottom:12px;box-shadow:0 6px 18px #0000003d;color:#fff;font-size:.82rem;font-weight:800;padding:6px 8px;position:absolute;right:12px}.pool-table-card .pool-felt:after{border:8px solid #2c2c2c;border-radius:8px;box-sizing:border-box;content:"";inset:6px;position:absolute}.pool-pocket{background:#0b0b0b;border-radius:50%;box-shadow:0 2px 6px #0009;height:14px;position:absolute;width:14px}.pool-pocket.tl{left:8px;top:8px}.pool-pocket.tr{right:8px;top:8px}.pool-pocket.bl{bottom:8px;left:8px}.pool-pocket.br{bottom:8px;right:8px}.table-status{background:#00000073;border-radius:6px;display:inline-block;font-weight:700;margin-top:6px;padding:6px 8px}.table-meta{color:#ffffffe6;font-size:.95rem;margin-top:6px}.pool-table-card .actions{display:none}.pool-table-grid{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-auto-rows:auto;grid-template-columns:1fr}.pool-table-card .card-footer{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:12px}@media (max-width:900px){.pool-table-grid{grid-template-columns:1fr}.pool-table-card{padding:12px}.pool-table-card .pool-felt{height:90px;max-width:100%}.pool-table-card .table-number{font-size:1rem;min-width:46px;padding:6px 8px}.pool-table-card .table-meta{font-size:.9rem}.pool-table-card .card-footer{justify-content:flex-start}}@media (max-width:420px){.pool-table-card{border-radius:10px;padding:10px}.left-content{padding:8px}.orders-modal{max-height:92vh;padding:12px;width:95vw}.left-tabs{display:none}.pool-table-card .pool-left{gap:8px}.felt-rate{bottom:8px;font-size:.78rem;padding:5px 6px;right:8px}.pool-table-card .pool-felt{height:84px}.card-footer .btn,.card-footer .btn-small{font-size:.92rem;padding:8px 10px}}.btn-small{background:#ffffffe6;border:1px solid #ff8c4233;border-radius:12px;box-shadow:0 6px 18px #ff8c4226;color:var(--color-primary);padding:6px 10px;transition:transform .12s ease,box-shadow .12s ease}.btn-small:hover{box-shadow:0 10px 22px #080c1414;transform:translateY(-2px)}.btn-admin{background:linear-gradient(180deg,#007aff,#0a84ff);border:none;box-shadow:0 8px 20px #0a54ff14;color:#fff}.btn-danger{background:linear-gradient(180deg,#ff3b30,#ff6b6b);box-shadow:0 6px 18px #ff3c3c0f}.table-action{background:#ffffffeb;border:1px solid #ff8c4233;border-radius:14px;box-shadow:0 8px 22px #ff8c4226;color:#ff8c42;font-weight:700;min-width:84px;padding:10px 14px;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.table-action:hover:not(:disabled){box-shadow:0 12px 30px #080c1414;transform:translateY(-3px)}.table-action:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.table-action-primary{background:linear-gradient(180deg,#4a90e2,#7ec8e3);border:1px solid #4a90e233;box-shadow:0 4px 12px #4a90e24d;color:#fff}.table-action-primary.loading{opacity:.95}.table-action-danger{background:linear-gradient(180deg,#ff3b30,#ff6b6b);border:1px solid #ff505014;color:#fff}.table-action-ghost{background:#fff9;border:1px solid #ff8c4226;box-shadow:0 6px 18px #ff8c421a;color:#ff8c42}.table-action-neutral{background:linear-gradient(180deg,#fafafa,#f7fbff);border:1px solid #ff8c4226;box-shadow:0 6px 16px #ff8c421a;color:#ff8c42}.table-action+.table-action{margin-left:6px}.status-badge{border-radius:999px;display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.2px;padding:4px 8px;text-transform:capitalize}.status-paid{background:linear-gradient(90deg,#2ecc71,#28a745);color:#fff}.status-paid:after{content:""}.status-prepared{background:linear-gradient(90deg,#ffd54a,#ffb300);color:#fff}.status-served{background:linear-gradient(90deg,#7cc4ff,#3a8dff);color:#fff}.status-cancelled{background:linear-gradient(90deg,#ef9a9a,#ef6c6c);color:#fff}.status-pending{background:linear-gradient(90deg,#ffe082,#ffca28);color:#ff8c42}.status-cancelled,.status-paid,.status-pending,.status-prepared,.status-served{padding-left:10px;padding-right:10px}.status-occupied{background:linear-gradient(90deg,#ff8a66,#ff5a3c);color:#fff}.status-available{background:linear-gradient(90deg,#d6f5e0,#bfeccf);color:#ff8c42}.orders-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:2200}.orders-modal{background:linear-gradient(180deg,#3b4f63,#2c3e50);border:1px solid #4a90e24d;border-radius:12px;box-shadow:0 12px 48px #0009;color:#e8f4fc;max-height:80vh;max-width:95vw;overflow:auto;padding:18px;width:640px}.orders-modal h4{margin-top:0}.order-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 0}.order-items-list{margin-top:8px}.left-tabs-layout{align-items:flex-start;display:flex;gap:20px}.left-tabs{background:linear-gradient(180deg,var(--color-dark-2) 0,var(--color-dark-1) 100%);border:1px solid #4a90e233;border-radius:12px;box-shadow:0 6px 18px #0006;min-width:160px;padding:12px;width:220px}.tab-btn{background:#0000;border:none;border-radius:8px;color:var(--color-text-light);cursor:pointer;display:block;font-weight:700;margin-bottom:8px;padding:10px 12px;text-align:left;transition:background .12s,transform .12s;width:100%}.tab-btn:hover{background:#04080f08;transform:translateX(4px)}.tab-btn.active{background:linear-gradient(90deg,var(--color-blue),#5ba3d6);box-shadow:inset 0 2px 8px #0000004d,0 2px 8px #4a90e266;color:var(--color-white)}.left-tabs .tab-label{align-items:center;display:flex;gap:10px}.left-content{flex:1 1;min-width:320px}@media (max-width:900px){.left-tabs-layout{display:block}.left-tabs{-webkit-overflow-scrolling:touch;background:#34495e;border-radius:12px;box-shadow:0 4px 12px #04080f33;display:flex;gap:4px;margin-bottom:16px;min-width:100%;overflow-x:auto;overflow-y:hidden;padding:6px 4px;scrollbar-width:thin;width:100%}.tab-btn{color:#d4dce6;font-size:.75rem;margin-bottom:0;padding:4px 8px;white-space:nowrap}.tab-btn:hover{background:#ffffff1a;transform:translateX(0) translateY(-2px)}.tab-btn.active{background:linear-gradient(90deg,#4a90e2,#5ba3d6);box-shadow:0 2px 6px #4a90e24d;color:#fff}.left-content{min-width:100%}}.audio-card:hover{box-shadow:0 12px 36px #00000080,0 4px 16px #4a90e24d}.audio-title{color:#e8f4fc;font-size:1.15rem;font-weight:700;margin-bottom:6px}.audio-uploader{color:#b8d4e8;font-size:.9rem;margin-bottom:6px}.audio-votes{font-size:1rem;margin-top:8px}.audio-votes button{background:#1f4068;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-left:10px;padding:4px 12px;transition:background .2s}.audio-votes button:hover{background:#21e6c1;color:#0a183d}.audio-player{margin-bottom:8px;width:100%}.vote-btn{align-items:center;background:#fafbfd;border:1px solid #e6e6e6;border-radius:8px;color:#ff8c42;cursor:pointer;display:inline-flex;font-weight:600;gap:6px;padding:6px 8px;transition:transform .12s ease,box-shadow .12s ease}.vote-btn svg{display:inline-block;height:14px;width:14px}.vote-btn:hover{box-shadow:0 8px 20px #ff8c4233;transform:translateY(-2px)}.vote-btn.vote-up{border-color:#ff8c424d;color:#ff8c42}.vote-btn.vote-down{border-color:#d9534f4d;color:#d9534f}.vote-count{font-weight:700;margin-left:4px}.audio-card button[title="Filter by this category"]{background:linear-gradient(90deg,#fff4ed,#ffe8d9);border:1px solid #ff8c424d;border-radius:999px;color:#ff8c42;cursor:pointer;font-size:.9rem;padding:4px 10px;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.audio-card button[title="Filter by this category"]:hover{background:linear-gradient(90deg,#ffedd9,#ffd9bf);box-shadow:0 8px 18px #ff8c4240;transform:translateY(-2px)}.audio-card .category-active{background:#0366d6;border-radius:999px;color:#fff;padding:4px 8px}.toast{background:#0356b6f2;border-radius:10px;bottom:24px;box-shadow:0 6px 20px #0356b633;color:#fff;font-weight:600;padding:10px 14px;position:fixed;right:16px;z-index:2000}.upload-form{align-items:flex-start;background:linear-gradient(180deg,#3b4f63,#2c3e50);border:1px solid #4a90e233;border-radius:18px;box-shadow:0 4px 16px #0006;display:flex;flex-direction:column;margin-bottom:32px;padding:24px}.upload-form input[type=file],.upload-form input[type=text]{background:#2c3e50cc;border:1px solid #4a90e24d;border-radius:8px;color:#e8f4fc;font-size:1rem;margin-bottom:12px;padding:8px 12px}.upload-form button{background:linear-gradient(90deg,#4a90e2,#7ec8e3);border:none;border-radius:8px;box-shadow:0 4px 12px #4a90e24d;color:#fff;cursor:pointer;font-size:1rem;padding:8px 20px;transition:transform .12s ease,filter .12s ease}.upload-form button:hover{filter:brightness(.97);transform:translateY(-1px)}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:8px 12px}.btn svg{display:inline-block;height:16px;width:16px}.btn-primary{background:linear-gradient(90deg,#4a90e2,#7ec8e3);box-shadow:0 4px 12px #4a90e24d;color:#fff}.btn-ghost{background:#0000;border:1px solid #0000000f;color:inherit}.btn-danger{background:linear-gradient(90deg,#ff5a5f,#ff7a7f);color:#fff}.btn-small{border-radius:8px;font-size:.95rem;gap:6px;padding:6px 8px}.btn-circle{border-radius:999px;height:36px;justify-content:center;padding:6px 8px;width:36px}.icon-only{align-items:center;border-radius:8px;display:inline-flex;height:34px;justify-content:center;padding:6px;width:34px}.profile-card{background:#fff;border-radius:18px;box-shadow:0 2px 12px #2c536414;margin:40px auto;max-width:600px;padding:32px 24px}.profile-card h2{color:#ff8c42;margin-bottom:18px}.profile-card div{font-size:1.1rem;margin-bottom:10px}.playlists-container{align-items:flex-start;display:flex;gap:20px}.login-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 160px);padding:32px 16px}.login-card{background:linear-gradient(180deg,#fffffffa,#fff);border-radius:14px;box-shadow:0 10px 30px #0a141e1f;max-width:92vw;padding:28px;text-align:center;width:360px}.login-title{color:#ff8c42;font-size:1.4rem;margin:0 0 12px}.login-form{margin-bottom:8px}.login-input{border:1px solid #d7dfe8;border-radius:10px;font-size:1rem;margin:8px 0;outline:none;padding:10px 12px;width:100%}.login-input:focus{border-color:#a9b8d8;box-shadow:0 6px 18px #0d263b0f}.login-btn{margin:10px 0;width:100%}.login-actions{display:flex;flex-direction:column;gap:8px;margin-top:6px}.halloween .login-card{background:linear-gradient(180deg,#1c0a0ae6,#280c0cf2);box-shadow:0 10px 40px #0009;color:#ffdca3}.halloween .login-input{background:#ffffff0a;border-color:#ffd7a60f;color:#ffdca3}.playlist-column{flex:1 1;min-width:280px}.playlist-card{background:#fff;border-radius:12px;box-shadow:0 6px 20px #0a141e0f;padding:12px}.playlist-page-title{text-shadow:0 1px 2px #ff8c424d}.playlist-name,.playlist-page-title{color:#ff8c42;font-weight:800}.playlist-item{align-items:center;border-bottom:1px solid #f3f3f3;display:flex;justify-content:space-between;padding:8px 6px}.playlist-card .controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.playlist-card .controls .btn{flex:0 0 auto}.playlist-item>div:last-child{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.btn .label{display:inline-block;margin-left:6px}@media (max-width:420px){.btn .label{display:none}.btn{padding:6px}.btn svg.icon{height:16px;width:16px}}.playlist-item:last-child{border-bottom:none}.playlist-item .meta{color:#ff8c42;font-size:.92rem}.suggestions-list{max-height:220px;overflow:auto}@media (max-width:900px){.playlists-container{flex-direction:column}}@media (max-width:700px){.playlist-card .controls{align-items:stretch;flex-direction:column;gap:10px}.playlist-card .controls .btn{font-size:.95rem;justify-content:center;padding:8px 10px;width:100%}.playlist-item>div:last-child{align-items:stretch;flex-direction:column;gap:8px}.playlist-item>div:last-child .btn,.playlist-item>div:last-child .btn-small{padding:8px 10px;width:100%}.btn{font-size:.95rem;padding:6px 10px}.btn-small{font-size:.9rem;padding:6px 8px}}
/*# sourceMappingURL=main.280a9191.css.map*/