body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;background-color:#f9fafb;color:#1f2937}.sidebar-item.pulling{background-color:#fef9c3;border-right:4px solid #f59e0b}.sidebar-item.adjusted{background-color:#fef2f2;border-right:4px solid #ef4444}.order-details-placeholder{display:flex;align-items:center;justify-content:center;height:100%;font-size:1.25rem;color:#6b7280}.order-details-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.order-details-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.order-details-header h2{font-size:2rem;font-weight:600;margin:0 0 .5rem}.order-details-header .date{font-size:1rem;color:#6b7280}.badge-group{display:flex;gap:.5rem;flex-wrap:wrap}.financial-status-badge,.fulfillment-status-badge,.delivery-method-badge{display:inline-block;padding:.25rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;text-transform:capitalize}.financial-status-badge.paid{background-color:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.financial-status-badge.pending,.financial-status-badge.authorized{background-color:#fef3c7;color:#92400e;border:1px solid #f59e0b}.financial-status-badge.refunded{background-color:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.financial-status-badge.voided{background-color:#fee2e2;color:#dc2626;border:1px solid #fca5a5}.fulfillment-status-badge{background-color:#e0e7ff;color:#3730a3}.fulfillment-status-badge.pulling{background-color:#fed7aa;color:#92400e}.fulfillment-status-badge.ready_for_pickup{background-color:#a7f3d0;color:#065f46}.delivery-method-badge{background-color:#f3e8ff;color:#6b21a8}.adjustment-notice{padding:.75rem 1rem;background-color:#fef2f2;border-left:4px solid #ef4444;border-radius:.375rem;margin-bottom:1rem;color:#991b1b;font-size:.875rem}.pulling-notice{padding:.75rem 1rem;background-color:#fffbeb;border-left:4px solid #f59e0b;border-radius:.375rem;margin-bottom:1rem;color:#92400e;font-size:.875rem;font-weight:500}.customer-info-grid{margin-top:1.5rem;margin-bottom:1.5rem;padding:1rem;background-color:#f9fafb;border-radius:.375rem}.customer-info-grid .customer-name{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.customer-info-grid .customer-contact p{margin:0;color:#4b5563;font-size:.875rem}.customer-info-grid .shipping-address{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.customer-info-grid address{font-style:normal;line-height:1.5;color:#374151;font-size:.875rem}.order-items-list{margin-bottom:1.5rem}.set-group{margin-bottom:1.5rem;border-left:2px solid #dbeafe;padding-left:1rem}.set-group.set-group-foil{background-color:#fdeaff;border-left-color:#6b21a8;padding-top:.5rem;padding-bottom:.5rem;border-radius:.25rem}.set-group-header{font-size:1.125rem;font-weight:600;color:#374151;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.condition-badge{display:inline-block;padding:.25rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500}.condition-badge.near-mint{background-color:#00ff59}.condition-badge.lightly-played{background-color:#ffea00}.condition-badge.moderately-played{background-color:#f80}.condition-badge.heavily-played{background-color:red}.code-location-group{margin-bottom:1rem}.code-location-header{font-size:.875rem;color:#202022;margin-bottom:.5rem;font-weight:500}.order-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.375rem;background-color:#fff;border:2px solid #252525;margin-bottom:.5rem;transition:all .15s ease}.order-item:hover{border-color:#8a8a8a;box-shadow:0 1px 3px #0000000d}.order-item.high-value{background:linear-gradient(135deg,#ffed84,#fff8bb);border:2px solid #daa520;box-shadow:0 2px 8px #daa5204d}.order-item.adjusted{opacity:.7;background-color:#f9fafb}.order-item.refunded{border-left:3px solid #10b981;background-color:#f3f4f6}.order-item.removed{border-left:3px solid #6b7280;background-color:#f3f4f6}.order-item .quantity{font-weight:600;color:#374151;min-width:2rem}.order-item .product-title{flex:1;color:#111827}.order-item .status-badge{padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;font-weight:600;background-color:#f3f4f6;color:#6b7280}.status-tag{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.refunded-tag{background-color:#d1fae5;color:#065f46}.missing-tag{font-weight:700;color:#b91c1c;background-color:#fee2e2;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem}.missing-button,.mark-missing-button{padding:.375rem .75rem;background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.missing-button:hover:not(:disabled),.mark-missing-button:hover:not(:disabled){background-color:#fecaca;border-color:#f87171}.missing-button:disabled,.mark-missing-button:disabled{opacity:.5;cursor:not-allowed}@media print{.sidebar,.logout-button,.order-actions,.header-buttons-container,.adjustment-notice,.pulling-notice{display:none}.main-content{padding:0}.order-details-card{box-shadow:none;border:none}}.header-buttons-container{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.refresh-button{padding:.5rem .75rem;min-height:36px}.login-page-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#eff6ff}.login-form-wrapper{width:100%;max-width:28rem;padding:2rem;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.login-form-wrapper h1{font-size:1.875rem;font-weight:700;text-align:center;margin:0 0 .5rem}.login-form-wrapper p{text-align:center;color:#4b5563;margin-top:.5rem;margin-bottom:1.5rem}.login-form-wrapper form div{margin-bottom:1.5rem}.login-form-wrapper label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.login-form-wrapper input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;box-sizing:border-box;font-size:1rem}.login-form-wrapper input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.login-form-wrapper button{width:100%;padding:.75rem 1rem;font-weight:700;color:#fff;background-color:#2563eb;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .2s}.login-form-wrapper button:hover{background-color:#1d4ed8}.login-error{font-size:.875rem;color:#dc2626;margin-top:.5rem}.order-total{margin-top:1.5rem;padding:1rem;background-color:#f9fafb;border-radius:.375rem;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.order-total strong{font-size:1.25rem;color:#111827}.order-actions{margin-top:1rem;display:flex;gap:.75rem;justify-content:flex-end;align-items:center;flex-wrap:wrap}.order-actions button,.complete-button,.pulling-button,.mark-as-paid-button,.print-slip-button,.print-sticker-button,.manage-refund-button,.refund-button{padding:.5rem 1rem;font-weight:700;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s;font-size:.875rem}.complete-button{background-color:#16a34a;color:#fff}.complete-button:hover{background-color:#15803d}.complete-button:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.7}.pulling-button{background-color:#f59e0b;color:#fff}.pulling-button:hover{background-color:#d97706}.pulling-button:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.7}.mark-as-paid-button{background-color:#3b82f6;color:#fff}.mark-as-paid-button:hover{background-color:#2563eb}.mark-as-paid-button:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.7}.print-slip-button{background-color:#06b6d4;color:#fff}.print-slip-button:hover{background-color:#0891b2}.print-sticker-button{background-color:#4f46e5;color:#fff}.print-sticker-button:hover{background-color:#3730a3}.manage-refund-button,.refund-button{background-color:#f59e0b;color:#fff}.manage-refund-button:hover,.refund-button:hover{background-color:#d97706}.manage-refund-button:disabled,.refund-button:disabled{background-color:#9ca3af;cursor:not-allowed}.cancel-button{background-color:#dc2626;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-weight:500;transition:background-color .2s}.cancel-button:hover:not(:disabled){background-color:#b91c1c}.cancel-button:disabled{background-color:#fca5a5;cursor:not-allowed;opacity:.6}.queue-page-container{width:100%;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;align-items:center;padding:2rem;box-sizing:border-box}.queue-header{width:100%;max-width:2000px;text-align:center;margin-bottom:2rem;position:relative}.queue-header h1{font-size:3rem;font-weight:800;color:#1f2937;margin:0}.queue-header p{font-size:1.25rem;color:#4b5563;margin-top:.5rem}.queue-header .navigate-button{position:absolute;top:0;right:0;padding:.75rem 1.5rem;background-color:#4f46e5;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000001a}.queue-header .navigate-button:hover{background-color:#4338ca;transform:translateY(-2px);box-shadow:0 6px 10px -1px #00000026}.queue-content{width:100%;max-width:2000px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem}.queue-section{background-color:#ffffffe6;border-radius:1rem;padding:1.5rem;box-shadow:0 10px 25px -5px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.queue-section-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:3px solid #e5e7eb;text-align:center}.queue-section-recent .queue-section-title{color:#059669;border-bottom-color:#10b981}.queue-section-older .queue-section-title{color:#6b7280;border-bottom-color:#9ca3af}.queue-section-kiosk .queue-section-title{color:#2563eb;border-bottom-color:#3b82f6}.queue-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.queue-column{display:flex;flex-direction:column;gap:1rem}.queue-item{background-color:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 10px 15px -3px #0000001a;display:flex;flex-direction:column;border-left:5px solid #4f46e5;transition:all .3s ease}.queue-item:hover{transform:translateY(-2px);box-shadow:0 15px 25px -5px #00000026}.queue-item.compact{padding:1rem;border-left-width:4px}.queue-item.compact .queue-customer-name{font-size:1.125rem;font-weight:600}.queue-item.compact .queue-order-number{font-size:.75rem;margin-top:.25rem}.queue-item.compact .queue-wait-time-compact{font-size:.875rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e5e7eb;color:#4b5563}.queue-item.compact .queue-wait-time-compact strong{color:#1f2937;font-weight:700}.queue-item.pulling{background-color:#fef9c3;border-left-color:#f59e0b}.queue-item.pulling:hover{background-color:#fef3c7}.queue-item.ready-for-pickup{background-color:#dcfce7;border-left-color:#22c55e}.queue-item.ready-for-pickup:hover{background-color:#d1fae5}.queue-order-info{display:flex;flex-direction:column}.queue-customer-name{font-size:1.75rem;font-weight:700;color:#111827;line-height:1.2}.queue-confirmation-number,.queue-order-number{font-size:.875rem;font-weight:500;color:#6b7280;margin-top:.25rem}.queue-wait-time{font-size:1.25rem;color:#4b5563;margin-top:1rem;padding-top:1rem;border-top:2px solid #e5e7eb}.queue-wait-time strong{color:#1f2937;font-weight:700}.pickup-message{color:#166534;font-weight:700;font-size:1.5rem;animation:pulse 2s infinite}.pulling-message{color:#92400e;font-weight:700;font-size:1.5rem}.queue-item.compact .pickup-message,.queue-item.compact .pulling-message{font-size:1rem}.no-orders-message{width:100%;text-align:center;font-size:1.125rem;color:#6b7280;padding:3rem 1rem;grid-column:1 / -1;font-weight:500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 1600px){.queue-content,.queue-header{max-width:1400px}}@media (max-width: 1400px){.queue-content{max-width:1200px;grid-template-columns:1fr 1fr}.queue-section-kiosk{grid-column:1 / -1}.queue-header{max-width:1200px}.queue-customer-name{font-size:1.5rem}.queue-item.compact .queue-customer-name{font-size:1rem}}@media (max-width: 1024px){.queue-content{grid-template-columns:1fr;max-width:800px}.queue-section-kiosk{grid-column:1}.queue-header h1{font-size:2.5rem}.queue-header .navigate-button{position:static;margin-top:1rem}}@media (max-width: 768px){.queue-columns{grid-template-columns:1fr}.queue-page-container{padding:1rem}.queue-header h1{font-size:2rem}.queue-header p{font-size:1rem}.queue-section,.queue-item{padding:1rem}.queue-customer-name{font-size:1.25rem}}.loading-container{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.5rem;color:#6b7280}.error-message{background-color:#fee2e2;border:2px solid #ef4444;border-radius:.75rem;padding:1.5rem;margin:2rem auto;max-width:600px;text-align:center;color:#991b1b}.error-message button{margin-top:1rem;padding:.75rem 1.5rem;background-color:#ef4444;color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .3s ease}.error-message button:hover{background-color:#dc2626}@media (max-width: 768px){.main-app{flex-direction:column}.sidebar{width:100%;min-width:unset;border-right:none;border-bottom:1px solid #e5e7eb;max-height:40vh}.main-content{padding:1rem}.order-details-header{flex-direction:column;align-items:flex-start}.queue-list{grid-template-columns:1fr}.queue-header h1{font-size:2rem}.header-buttons-container{width:100%;justify-content:space-between}}.inventory-container{max-width:2400px;margin:0 auto;padding:2rem;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;min-height:calc(100vh - 4rem)}.inventory-header{width:100%;border-bottom:2px solid #e5e7eb;background-color:#f9fafb;box-shadow:0 1px 3px #0000001a}.inventory-header>*{max-width:2400px;margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem}.inventory-header h1{font-size:2rem;font-weight:600;color:#1f2937;margin:0;padding-top:2rem;padding-bottom:1.5rem}.header-buttons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding-bottom:2rem}.button-group{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-radius:.5rem;border:1px solid}.button-group-label{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding-bottom:.5rem;border-bottom:2px solid}.button-group-content{display:flex;flex-direction:column;gap:.75rem}.section-upload-download{background-color:#f0fdf4;border-color:#86efac}.section-upload-download .button-group-label{color:#166534;border-bottom-color:#86efac}.section-sync-operations{background-color:#eff6ff;border-color:#93c5fd}.section-sync-operations .button-group-label{color:#1e40af;border-bottom-color:#93c5fd}.section-audit-reports{background-color:#fffbeb;border-color:#fcd34d}.section-audit-reports .button-group-label{color:#92400e;border-bottom-color:#fcd34d}.section-heatmap{background-color:#eff6ff;border-color:#93c5fd}.section-heatmap .button-group-label{color:#1e40af;border-bottom-color:#93c5fd}.section-navigation{background-color:#faf5ff;border-color:#c4b5fd}.section-navigation .button-group-label{color:#6b21a8;border-bottom-color:#c4b5fd}.search-container{display:flex;gap:.75rem;margin-bottom:2rem;align-items:center}.search-input{flex:1;padding:.75rem 1rem;font-size:1rem;border:1px solid #d1d5db;border-radius:.5rem;transition:all .2s ease;background-color:#f9fafb}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background-color:#fff}.search-input::placeholder{color:#9ca3af}.refresh-button{padding:.5rem .75rem;min-height:36px;font-weight:700;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s;background-color:#16a34a;color:#fff;font-size:.875rem}.error-message{padding:1rem;background-color:#fee2e2;border-left:4px solid #ef4444;border-radius:.375rem;color:#991b1b;font-size:.875rem;margin-bottom:1rem}.inventory-table-container{overflow-x:auto;border-radius:.5rem;border:1px solid #e5e7eb}.inventory-table{width:100%;border-collapse:collapse;background-color:#fff}.inventory-table thead{background-color:#f9fafb;border-bottom:2px solid #e5e7eb}.inventory-table thead th{padding:.875rem 1rem;text-align:left;font-size:.875rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.inventory-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .15s ease}.inventory-table tbody tr:hover{background-color:#f9fafb}.inventory-table tbody tr:last-child{border-bottom:none}.inventory-table tbody td{padding:.875rem 1rem;font-size:.875rem;color:#1f2937}.inventory-table tbody td:first-child{font-weight:500;color:#111827}.inventory-table a{color:#3b82f6;text-decoration:none;font-weight:500;transition:color .15s ease}.inventory-table a:hover{color:#2563eb;text-decoration:underline}.quantity-input{width:70px;padding:.375rem .5rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:.375rem;text-align:center;transition:all .15s ease}.quantity-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.quantity-input:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.update-quantity-button{padding:.375rem .75rem;font-size:.875rem;font-weight:500;border:none;border-radius:.375rem;cursor:pointer;transition:all .15s ease;background-color:#3b82f6;color:#fff}.update-quantity-button:hover:not(:disabled){background-color:#2563eb}.update-quantity-button:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.6}.update-quantity-button:active:not(:disabled){transform:scale(.98)}.page-selector{padding:.5rem .75rem;font-size:.95rem;font-weight:500;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;color:#374151;cursor:pointer;transition:all .2s ease;min-width:150px;width:100%}@media (max-width: 1200px){.header-buttons-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 1024px){.inventory-container{padding:1.5rem}.inventory-header>*{padding-left:1.5rem;padding-right:1.5rem}.inventory-header h1{font-size:1.75rem;padding-top:1.5rem;padding-bottom:1.5rem}.header-buttons-grid{padding-bottom:1.5rem}.search-container{flex-direction:column;width:100%}.search-input{width:100%}.inventory-table-container{overflow-x:scroll}.inventory-table{min-width:800px}.header-buttons-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media (max-width: 768px){.inventory-container{padding:1rem;border-radius:0}.inventory-header>*{padding-left:1rem;padding-right:1rem}.inventory-header h1{font-size:1.5rem;padding-top:1rem;padding-bottom:1rem}.header-buttons-grid{padding-bottom:1rem}.header-buttons-grid{grid-template-columns:1fr}.inventory-table thead th,.inventory-table tbody td{padding:.625rem .75rem;font-size:.8125rem}.quantity-input{width:60px}.search-container{gap:.5rem}}@media print{.inventory-header,.search-container,.logout-button{display:none}.inventory-container{box-shadow:none;border:none;padding:0}.inventory-table-container{border:1px solid #000}.inventory-table tbody tr:hover{background-color:transparent}}.inventory-notifications-container{position:relative}.notification-bell{position:relative;background:none;border:none;cursor:pointer;padding:8px;color:#333;transition:color .2s}.notification-bell:hover{color:#007bff}.notification-badge{position:absolute;top:4px;right:4px;background:#dc3545;color:#fff;border-radius:10px;padding:2px 6px;font-size:11px;font-weight:700;min-width:18px;text-align:center}.notification-dropdown{position:absolute;top:100%;right:0;margin-top:8px;width:400px;max-height:500px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;overflow:hidden}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #eee;background:#f8f9fa}.notification-header h3{margin:0;font-size:16px;font-weight:600;color:#333}.close-btn{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;line-height:1}.close-btn:hover{color:#333}.notification-list{max-height:440px;overflow-y:auto}.no-notifications{padding:32px 16px;text-align:center;color:#999;font-size:14px}.notification-item{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid #f0f0f0;transition:background-color .2s}.notification-item:hover{background-color:#f8f9fa}.notification-item:last-child{border-bottom:none}.notification-status-icon{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.notification-item.success .notification-status-icon{background:#d4edda;color:#28a745}.notification-item.failed .notification-status-icon{background:#f8d7da;color:#dc3545}.notification-content{flex:1;min-width:0}.notification-message{font-size:14px;color:#333;margin-bottom:4px;word-wrap:break-word}.notification-time{font-size:12px;color:#999}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f1f1f1}.notification-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#999}.main-app{display:flex;height:100vh;width:100%}.main-content{flex-grow:1;padding:2rem;overflow-y:auto;background-color:#f9fafb}.sidebar{width:25%;min-width:300px;background-color:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;overflow-y:auto}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:.5rem}.sidebar-header h2{font-size:1.5rem;font-weight:700;margin:0;flex:1;min-width:150px}.header-buttons-container{display:flex;gap:.5rem;flex-wrap:wrap}.page-selector{padding:.5rem .75rem;font-size:.95rem;font-weight:500;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;color:#374151;cursor:pointer;transition:all .2s ease;min-width:150px}.page-selector:hover{border-color:#9ca3af;background-color:#f9fafb}.page-selector:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.refresh-button{padding:.4rem .8rem;font-weight:700;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s;background-color:#16a34a;color:#fff;font-size:.875rem;min-height:36px}.refresh-button:hover:not(:disabled){background-color:#15803d}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.audit-button{width:100%;padding:.75rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-weight:600;font-size:.875rem;margin-bottom:.5rem;transition:all .2s ease}.audit-button:hover:not(:disabled){background-color:#2563eb}.audit-button:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.7}.audit-message{margin-top:1rem;padding:.75rem;border-radius:.375rem;font-size:.875rem}.audit-message.success{background-color:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.audit-message.error{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.sidebar-audit-section{padding:1rem;border-bottom:1px solid #e5e7eb}.sidebar-item{padding:1rem;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background-color .2s}.sidebar-item:hover{background-color:#f9fafb}.sidebar-item.active{background-color:#dbeafe;border-right:4px solid #2563eb}.sidebar-item .order-id{font-weight:700;font-size:1.125rem;display:flex;align-items:center;margin-bottom:.25rem}.sidebar-customer-name{font-size:.95rem;color:#4b5563;margin-bottom:.5rem}.order-summary{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#6b7280}.order-items-count{display:flex;align-items:center;gap:.5rem}.order-summary .order-price{font-weight:700;color:#1f2937}.empty-state-message,.loading-state-message{padding:1rem;color:#6b7280;text-align:center;font-size:.875rem}.logout-button{position:fixed;bottom:20px;left:20px;padding:.5rem 1rem;font-weight:700;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;transition:background-color .2s,color .2s;background-color:#f3f4f6;color:#374151}.logout-button:hover{background-color:#e5e7eb}@media (max-width: 1024px){.sidebar{width:30%;min-width:280px}.main-content{padding:1.5rem}}@media (max-width: 768px){.main-app{flex-direction:column}.sidebar{width:100%;min-width:unset;border-right:none;border-bottom:1px solid #e5e7eb;max-height:40vh}.main-content{padding:1rem}.sidebar-header{flex-direction:column;align-items:flex-start}.sidebar-header h2{font-size:1.25rem}.header-buttons-container{width:100%;justify-content:space-between}.page-selector{min-width:120px}}@media (max-width: 480px){.sidebar-header h2{font-size:1rem}.page-selector{min-width:100px;font-size:.875rem;padding:.375rem .5rem}.refresh-button{padding:.375rem .625rem;font-size:.75rem;min-height:32px}.logout-button{bottom:15px;left:15px;padding:.375rem .75rem;font-size:.875rem}}@media print{.sidebar,.logout-button,.header-buttons-container{display:none}.main-content{padding:0;background-color:#fff}.main-app{height:auto}}