@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #16161f;--bg-hover: #1c1c28;--accent: #6366f1;--accent-light: #818cf8;--accent-gradient: linear-gradient(135deg, #6366f1, #818cf8);--og-orange: #ff6b00;--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--text-muted: #52525b;--border-color: #27272a;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--radius: 8px;--radius-lg: 12px;--og-accent: #6366f1;--og-control-bg: #1e1e2a;--og-control-border: #3f3f46;--og-control-border-hover: #52525b;--og-control-text: var(--text-primary);--og-control-placeholder: var(--text-muted);--og-control-radius: var(--radius);--og-control-padding-y: .7rem;--og-control-padding-x: .85rem;--og-control-focus-shadow: 0 0 0 3px rgba(99, 102, 241, .25);--og-btn-height: 42px;--og-btn-radius: var(--radius);--og-btn-padding-x: 16px;--og-btn-font-size: .95rem;--og-btn-font-weight: 600}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}button{cursor:pointer}input,textarea,select{font-family:inherit}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea{color:var(--og-control-text);background:var(--og-control-bg);border:1px solid var(--og-control-border);border-radius:var(--og-control-radius);padding:var(--og-control-padding-y) var(--og-control-padding-x);font-size:.95rem;line-height:1.2;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):hover,select:hover,textarea:hover{border-color:var(--og-control-border-hover)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):focus,select:focus,textarea:focus{outline:none;border-color:var(--og-accent);box-shadow:var(--og-control-focus-shadow)}input::placeholder,textarea::placeholder{color:var(--og-control-placeholder)}.form-group input,.form-group select,.form-group textarea{width:100%}.btn,.btn-primary,.btn-secondary,.btn-success,.btn-warning,.btn-danger,.btn-info,.btn-edit,.btn-delete{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--og-btn-height);padding:0 var(--og-btn-padding-x);border-radius:var(--og-btn-radius);font-size:var(--og-btn-font-size);font-weight:var(--og-btn-font-weight);line-height:1;border:1px solid transparent;cursor:pointer;user-select:none;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .05s ease}.btn:active,.btn-primary:active,.btn-secondary:active,.btn-success:active,.btn-warning:active,.btn-danger:active,.btn-info:active,.btn-edit:active,.btn-delete:active{transform:translateY(1px)}.btn-primary{background:var(--accent-gradient);color:#fff}.btn-primary:hover{opacity:.9}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{border-color:var(--accent)}.btn-success{background:#22c55e26;color:var(--success);border:1px solid rgba(34,197,94,.3)}.btn-success:hover{background:#22c55e40}.btn-warning{background:#f59e0b26;color:var(--warning);border:1px solid rgba(245,158,11,.3)}.btn-warning:hover{background:#f59e0b40}.btn-danger,.btn-delete{background:#ef444426;color:var(--error);border:1px solid rgba(239,68,68,.3)}.btn-danger:hover,.btn-delete:hover{background:#ef444440}.btn-info{background:#06b6d426;color:#06b6d4;border:1px solid rgba(6,182,212,.3)}.btn-info:hover{background:#06b6d440}.btn-edit{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.btn-edit:hover{background:#3b82f640}.btn-icon{padding:0;width:var(--og-btn-height);min-width:var(--og-btn-height)}img,svg,canvas,video{max-width:100%}table,button,input,select,textarea{max-width:100%}@media(max-width:900px){.input{width:100%!important;min-width:0!important}.dashboard-content,.dash-container,.orders-page,.attendance-page,.locations-page,.location-management,.staff-management,.menu-management,.menu-overrides,.menu-uploads,.menu-sections-page,.master-items-page,.rm-container,.super-admin-dashboard,.payment-settings-page,.program-config,.redemption-options,.milestone-management,.audit-logs,.rewards-dashboard,.reports-page{width:100%!important;max-width:100%!important;padding:16px!important;margin-right:0!important;margin-left:0!important;min-width:0!important}.page-header,.dash-header,.menu-header,.staff-header,.rm-header,.program-config-header,.mu-header,.mu-section-header,.global-groups-header,.audit-logs-filter-bar,.section-header{flex-wrap:wrap!important;gap:12px!important}.orders-grid,.locations-grid,.staff-grid,.items-grid,.menus-grid,.menu-sections-page .sections-grid,.managers-list,.milestones-grid,.mu-image-grid,.form-row,.form-grid,.info-grid,.delivery-form,.special-time-row,.settings-grid,.rm-perm-grid,.checkbox-grid,.mu-upload-grid,.milestone-stats,.attendance-filters{grid-template-columns:minmax(0,1fr)!important}.dash-card,.rm-table-wrap,.program-config-table-container,.options-table-container,.audit-logs-table-container,.mu-table-wrap,.shifts-history{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.data-table,.category-table,.rm-table,.program-config-table,.options-table,.audit-logs-table,.mu-table,.shifts-history table{min-width:640px}.header-actions,.modal-actions,.modal-footer,.rm-form-actions,.order-actions,.milestone-actions,.action-buttons,.menu-card-actions,.mu-actions,.pagination,.program-config-pagination,.audit-logs-pagination{flex-wrap:wrap!important}.modal-overlay,.rm-modal-overlay,.confirm-dialog-overlay{align-items:flex-start!important;overflow-y:auto!important;padding:12px!important}.modal-content,.rm-modal,.confirm-dialog{width:100%!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;margin:0!important}.card,.dash-card,.order-card,.location-card,.staff-card,.item-card,.menu-card,.section-card,.manager-card,.milestone-card,.mu-panel,.mu-image-card,.mu-excel-card,.rewards-dashboard-card,.setting-item{min-width:0!important}h1,h2,h3,h4,p,label,td,th,code{overflow-wrap:anywhere}}@media(max-width:560px){.dashboard-content,.dash-container,.orders-page,.attendance-page,.locations-page,.location-management,.staff-management,.menu-management,.menu-overrides,.menu-uploads,.menu-sections-page,.master-items-page,.rm-container,.super-admin-dashboard,.payment-settings-page,.program-config,.redemption-options,.milestone-management,.audit-logs,.rewards-dashboard,.reports-page{padding:12px!important}.welcome-section,.quick-actions,.assigned-locations,.check-in-card,.tab-content,.card,.dash-card,.order-card,.location-card,.staff-card,.item-content,.menu-card-body,.section-card,.audit-section,.mu-panel,.mu-excel-card,.rewards-dashboard-card,.setting-item{padding:16px!important}.page-header,.dash-header,.menu-header,.staff-header,.rm-header,.program-config-header,.mu-header,.mu-section-header,.global-groups-header,.audit-logs-filter-bar,.section-header,.modal-actions,.modal-footer,.rm-form-actions,.confirm-dialog-footer,.order-actions,.milestone-actions,.action-buttons,.menu-card-actions,.mu-actions,.actions-section{flex-direction:column!important;align-items:stretch!important}.modal-actions button,.modal-footer button,.rm-form-actions button,.confirm-dialog-footer button,.order-actions button,.milestone-actions button,.action-buttons button,.menu-card-actions button,.mu-actions button,.actions-section button,.btn-primary,.btn-secondary,.btn-create,.btn-save{width:100%}.tabs,.pos-category-bar{overflow-x:auto;-webkit-overflow-scrolling:touch}}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:900px){.table-scroll>table{min-width:600px}.tab-scroll,.reports-tabs,.tabs{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-scroll>*,.reports-tab,.tabs>button{flex:0 0 auto;white-space:nowrap}.reports-filters label{min-width:0!important;width:100%}}@media(max-width:640px){.table-cards{min-width:0!important;border:0!important;background:transparent!important}.table-cards thead{display:none}.table-cards,.table-cards tbody,.table-cards tr,.table-cards td{display:block;width:100%}.table-cards tr{margin:0 0 12px;padding:6px 14px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card)}.table-cards td{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:8px 0!important;border:0!important;text-align:right;overflow-wrap:anywhere}.table-cards td:before{content:attr(data-label);flex:0 0 auto;color:var(--text-secondary);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;text-align:left}.table-cards td.table-cards__actions{justify-content:flex-end}.table-cards td.table-cards__actions:before{content:none}}