@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-primary:#6c4fa3;--color-primary-light:#8b6ec4;--color-primary-dark:#4e3880;--color-accent:#7c5cbf;--color-accent-light:#9b7fd4;--color-accent-dark:#5c3fa0;--status-preparing:#fdfcff;--status-preparing-border:#d8cfff;--status-completed:#fffbee;--status-completed-border:#ffd966;--status-delivered:#f0fff8;--status-delivered-border:#52d49a;--color-success:#28a96e;--color-warning:#d97a0a;--color-danger:#d94040;--color-info:#3a8ae0;--color-bg:#f4f1fa;--color-surface:#fff;--color-surface-hover:#ede8f8;--color-border:#d8cfee;--color-border-light:#ebe6f7;--color-text:#2d1f52;--color-text-secondary:#6b5a8e;--color-text-muted:#a094bf;--shadow-xs:0 1px 3px #6c4fa314;--shadow-sm:0 2px 6px #6c4fa31f;--shadow-md:0 4px 16px #6c4fa324;--shadow-lg:0 8px 28px #6c4fa329;--shadow-xl:0 16px 48px #6c4fa32e;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--font-size-base:15px}html[data-font-size=small]{--font-size-base:13px}html[data-font-size=normal]{--font-size-base:15px}html[data-font-size=large]{--font-size-base:17px}html[data-font-size=xlarge]{--font-size-base:20px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);line-height:1.6}.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-main{padding:var(--space-3) var(--space-4);flex:1;width:100%;max-width:1800px;margin:0 auto;padding-bottom:12px}.top-navbar{color:#fff;padding:0 var(--space-6);z-index:100;background:linear-gradient(135deg,#6c4fa3 0%,#4e3880 100%);position:sticky;top:0;box-shadow:0 2px 12px #7c6f8e40}.top-navbar-inner{justify-content:space-between;align-items:center;max-width:1800px;height:48px;margin:0 auto;display:flex}.navbar-left{align-items:center;gap:var(--space-2);display:flex}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:3px;padding:4px;display:none}.mobile-menu-btn span{width:20px;height:2px;transition:all var(--transition-fast);background:#fff;border-radius:2px;display:block}.mobile-overlay{display:none}.navbar-brand{align-items:center;gap:var(--space-3);letter-spacing:-.5px;color:#fff;font-size:1.2rem;font-weight:700;text-decoration:none;display:flex}.navbar-brand-logo{filter:brightness(0)invert()drop-shadow(0 1px 2px #0003);-o-object-fit:contain;object-fit:contain;border-radius:4px;width:auto;height:32px}.navbar-brand-icon{border-radius:var(--radius-md);background:linear-gradient(135deg,#b0a0e0 0%,#8b6ec4 100%);justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.navbar-menu{align-items:center;gap:2px;list-style:none;display:flex}.navbar-menu .nav-icon,.navbar-menu .mobile-only{display:none}.navbar-menu a,.navbar-menu button{color:#ffffffb3;border-radius:var(--radius-sm);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:5px 10px;font-size:.8rem;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.navbar-menu a:hover,.navbar-menu button:hover{color:#fff;background:#ffffff1a}.navbar-menu a.active,.navbar-menu button.active{color:#fff;background:#ffffff26}.navbar-user{align-items:center;gap:var(--space-2);display:flex}.navbar-user-name{color:#ffffffe6;font-size:.8rem;font-weight:600}.navbar-user-role{color:#fff9;background:#ffffff1f;border-radius:10px;padding:1px 6px;font-size:.65rem;font-weight:500}.navbar-logout-btn{cursor:pointer;border-radius:var(--radius-sm);font-family:var(--font-sans);background:0 0;border:none;padding:4px 8px;color:#ffffff80!important;font-size:.75rem!important}.navbar-logout-btn:hover{background:#ffffff1a;color:#fff!important}.bottom-bar{background:var(--color-primary-dark);color:#ffffffb3;padding:var(--space-2) var(--space-6);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.bottom-bar-currencies{gap:var(--space-6);display:flex}.currency-item{align-items:center;gap:var(--space-2);display:flex}.currency-label{color:var(--color-accent-light);font-weight:600}.info-cards{gap:var(--space-2);margin-bottom:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.info-card{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);transition:all var(--transition-normal);cursor:pointer;position:relative;overflow:hidden}.info-card:before{content:"";background:var(--color-accent);height:3px;transition:transform var(--transition-normal);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.info-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.info-card:hover:before{transform:scaleX(1)}.info-card.active{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.info-card.active:before{transform:scaleX(1)}.info-card-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:.68rem;font-weight:600}.info-card-value{color:var(--color-text);font-size:1.3rem;font-weight:800;line-height:1}.info-card--preparing{border-left:4px solid var(--color-info)}.info-card--completed{border-left:4px solid var(--color-warning)}.info-card--delivered{border-left:4px solid var(--color-success)}.info-card--total{border-left:4px solid var(--color-primary)}.info-card--customers{border-left:4px solid var(--color-accent)}.info-card--in-mold{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border-left:4px solid #f59e0b}.info-card--in-mold .info-card-label{color:#92400e}.info-card--in-mold .info-card-value{color:#78350f}@keyframes pulse-risky{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulse-warning{0%,to{box-shadow:0 0 #f59e0b4d}50%{box-shadow:0 0 0 6px #f59e0b00}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes animate-count{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.time-filters{margin-bottom:var(--space-2);flex-wrap:wrap;align-items:center;gap:4px;display:flex}.time-filter-btn{border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);background:var(--color-surface);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;padding:3px 10px;font-size:.75rem;font-weight:500}.time-filter-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.time-filter-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.search-bar{margin-bottom:var(--space-4);position:relative}.search-bar input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;transition:all var(--transition-fast);font-size:.875rem;font-family:var(--font-sans);padding:6px 12px 6px 34px}.search-bar input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #8b7fc71f}.search-bar-icon{color:var(--color-text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.toolbar{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.toolbar-left{align-items:center;gap:var(--space-2);flex:1;display:flex}.toolbar-right{align-items:center;gap:6px;display:flex}.btn{font-size:.85rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;letter-spacing:.01em;border:1.5px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 18px;line-height:1.4;transition:all .22s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:active:not(:disabled){transition-duration:80ms;transform:scale(.96)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:2px solid var(--color-accent-light);outline-offset:2px}.btn-primary{color:#fff;background:linear-gradient(135deg,#9b7fd4 0%,#7c5cbf 50%,#6c4fa3 100%);border-color:#0000;box-shadow:0 2px 8px #6c4fa34d,inset 0 1px #ffffff26}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#a88de0 0%,#8b6ec4 50%,#7c5cbf 100%);transform:translateY(-2px);box-shadow:0 4px 16px #6c4fa373,inset 0 1px #fff3}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border);box-shadow:0 1px 3px #6c4fa314}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-accent);transform:translateY(-1px);box-shadow:0 3px 12px #6c4fa326}.btn-danger{color:#fff;background:linear-gradient(135deg,#f07070 0%,#d94040 100%);border-color:#0000;box-shadow:0 2px 8px #d9404040}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#f58585 0%,#e05050 100%);transform:translateY(-2px);box-shadow:0 4px 16px #d9404066}.btn-success{color:#fff;background:linear-gradient(135deg,#34d399 0%,#10b981 100%);border-color:#0000;box-shadow:0 2px 8px #10b98140}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#4ade80 0%,#22c55e 100%);transform:translateY(-2px);box-shadow:0 4px 16px #10b98166}.btn-warning{color:#78350f;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border-color:#0000;box-shadow:0 2px 8px #f59e0b40}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#fcd34d 0%,#fbbf24 100%);transform:translateY(-2px);box-shadow:0 4px 16px #f59e0b66}.btn-ghost{color:var(--color-text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text);transform:translateY(-1px)}.btn-outline-primary{color:var(--color-primary);border-color:var(--color-primary-light);background:0 0}.btn-outline-primary:hover:not(:disabled){border-color:var(--color-primary);background:#6c4fa314;transform:translateY(-1px)}.btn-outline-danger{color:var(--color-danger);background:0 0;border-color:#f0a09a}.btn-outline-danger:hover:not(:disabled){border-color:var(--color-danger);background:#d940400f;transform:translateY(-1px)}.btn-icon{border-radius:10px;width:36px;height:36px;padding:0;font-size:1rem}.btn-icon.btn-sm{width:30px;height:30px;font-size:.85rem}.btn-sm{border-radius:8px;gap:4px;padding:5px 12px;font-size:.78rem}.btn-lg{border-radius:12px;gap:8px;padding:12px 24px;font-size:1rem}.data-grid-container{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);overflow:hidden}.ag-theme-quartz{--ag-border-color:var(--color-border);--ag-header-background-color:var(--color-bg);--ag-odd-row-background-color:#fafbfc;--ag-row-hover-color:#8b7fc70f;--ag-selected-row-background-color:#8b7fc717;--ag-font-family:var(--font-sans);--ag-font-size:12px;--ag-row-height:36px;--ag-header-height:38px}.ag-theme-quartz .ag-header-cell-label{text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-secondary);font-size:11px;font-weight:700}.ag-theme-quartz .ag-cell{padding-left:8px;padding-right:8px;line-height:34px}.ag-theme-quartz .row-preparing{background-color:var(--status-preparing)!important}.ag-theme-quartz .row-completed{background-color:var(--status-completed)!important}.ag-theme-quartz .row-delivered{background-color:var(--status-delivered)!important}.status-badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600;display:inline-flex}.status-badge--preparing{color:#6d5fa8;background:#ede9fe}.status-badge--completed{color:#a07828;background:#fef9ec}.status-badge--delivered{color:#3d8f68;background:#e8faf3}.modal-overlay,.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1050;animation:fadeIn var(--transition-fast);padding:var(--space-4);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-backdrop{z-index:1100}.modal,.modal-content{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl), 0 0 0 1px #0000000d;width:100%;max-width:800px;max-height:92vh;animation:slideUp var(--transition-normal);flex-direction:column;display:flex;overflow-y:auto}.modal-content.modal-sm{max-width:400px}.modal-content.modal-md{max-width:540px}.modal-header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.modal-title{color:var(--color-text);font-size:1rem;font-weight:700}.modal-close{border-radius:var(--radius-sm);background:var(--color-surface-hover);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.modal-close:hover{background:var(--color-danger);color:#fff}.modal-body{flex:1;padding:16px 20px;overflow-y:auto}.modal-footer{border-top:1px solid var(--color-border);background:var(--color-bg);border-radius:0 0 var(--radius-xl) var(--radius-xl);flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;padding:10px 20px;display:flex}.form-group{margin-bottom:10px}.form-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:3px;font-size:.72rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;font-size:.875rem;font-family:var(--font-sans);color:var(--color-text);background:var(--color-surface);transition:all var(--transition-fast);padding:5px 10px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #8b7fc71f}.form-input::placeholder{color:var(--color-text-muted)}.form-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.form-checkbox-group{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.form-checkbox{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:.85rem;display:flex}.form-checkbox:hover{border-color:var(--color-accent);background:#8b7fc70a}.form-checkbox.checked{border-color:var(--color-accent);color:var(--color-accent-dark);background:#8b7fc717}.form-checkbox input[type=checkbox]{accent-color:var(--color-accent);width:16px;height:16px}.form-checkbox-price{color:var(--color-accent-dark);margin-left:auto;font-size:.8rem;font-weight:600}.card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:1rem;font-weight:700}.card-body{padding:var(--space-5)}.tabs{gap:var(--space-1);border-bottom:2px solid var(--color-border);margin-bottom:var(--space-6);display:flex;overflow-x:auto}.tab{padding:var(--space-3) var(--space-5);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;font-size:.875rem;font-weight:600}.tab:hover{color:var(--color-accent)}.tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.dashboard-grid{gap:var(--space-6);margin-top:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}}.cash-card{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:#fff;border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg)}.cash-card-title{opacity:.8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-4);font-size:.85rem;font-weight:600}.cash-items{gap:var(--space-4);flex-direction:column;display:flex}.cash-item{justify-content:space-between;align-items:center;display:flex}.cash-item-label{opacity:.7;font-size:.9rem}.cash-item-value{font-size:1.3rem;font-weight:700}.cash-item-value.success{color:#6ee7b7}.cash-item-value.warning{color:#fcd34d}.cash-item-value.primary{color:#fff}.shortcuts-bar{background:var(--color-primary-dark);color:#fff9;padding:4px var(--space-6);justify-content:center;align-items:center;gap:var(--space-4);z-index:50;font-size:.7rem;display:flex;position:fixed;bottom:0;left:0;right:0}.shortcut-item{cursor:pointer;transition:all var(--transition-fast);border-radius:3px;align-items:center;gap:4px;padding:2px 6px;display:flex}.shortcut-item:hover{color:#fff;background:#ffffff1a}.shortcut-key{font-weight:700;font-family:var(--font-mono);text-align:center;background:#ffffff2e;border-radius:3px;min-width:20px;padding:1px 5px;font-size:.6rem}.toast{top:80px;right:var(--space-6);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:2000;animation:slideInRight var(--transition-normal);font-size:.875rem;font-weight:500;position:fixed}.toast-success{background:var(--color-success);color:#fff}.toast-error{background:var(--color-danger);color:#fff}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-count{animation:.4s forwards countUp}@media (width<=768px){html{font-size:13px}.mobile-menu-btn{display:flex}.mobile-overlay{z-index:90;animation:fadeIn var(--transition-fast);background:#00000080;display:block;position:fixed;inset:0}.navbar-menu{background:var(--color-primary-dark);width:280px;height:100vh;padding:var(--space-6) 0;z-index:100;transition:left var(--transition-normal);flex-direction:column;align-items:stretch;gap:0;position:fixed;top:0;left:-280px;overflow-y:auto}.navbar-menu.open{left:0}.navbar-menu .nav-icon{display:inline}.navbar-menu .mobile-only{display:list-item}.navbar-menu a,.navbar-menu button{padding:var(--space-3) var(--space-5);border-radius:0;font-size:.9rem}.navbar-menu a.active{border-left:3px solid var(--color-accent);background:#ffffff1a}.nav-logout-mobile{border-top:1px solid #ffffff1a;margin-top:auto;color:#ffffff80!important}.navbar-user{display:none}.top-navbar-inner{height:44px}.info-cards{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.info-card{padding:var(--space-2) var(--space-3)}.info-card-value{font-size:1.2rem}.info-card-label{font-size:.65rem}.form-row{grid-template-columns:1fr}.app-main{padding:var(--space-3);padding-bottom:40px}.shortcuts-bar{display:none}.toolbar{gap:var(--space-2);flex-wrap:wrap}.modal-content{border-radius:0;width:100%;max-width:100%;max-height:100vh;margin:0}.modal-sm .modal-content{max-width:100%}.data-grid-container{min-height:300px}.quick-actions{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.quick-action-btn{padding:var(--space-3)}.detail-grid{grid-template-columns:1fr}.detail-header{gap:var(--space-3);flex-direction:column}}@media (width<=480px){.info-cards{grid-template-columns:1fr 1fr}.navbar-brand span{display:none}.time-filters{gap:4px}.time-filter-btn{padding:4px 8px;font-size:.7rem}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.quick-actions{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.quick-action-btn{align-items:center;gap:var(--space-2);padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text);font-size:.85rem;font-weight:600;font-family:var(--font-sans);flex-direction:column;display:flex}.quick-action-btn:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);background:#8b7fc70a;transform:translateY(-2px)}.quick-action-btn .icon{font-size:1.5rem}.quick-action-btn .price{color:var(--color-accent-dark);font-size:.75rem}.totals-bar{align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);margin-top:var(--space-4);background:linear-gradient(135deg,#8b7fc70f 0%,#8b7fc708 100%);border:1px solid #8b7fc72e;display:flex}.total-item{flex-direction:column;display:flex}.total-item-label{color:var(--color-text-secondary);text-transform:uppercase;font-size:.7rem;font-weight:600}.total-item-value{color:var(--color-text);font-size:1.2rem;font-weight:800}.total-item-value.highlight{color:var(--color-accent-dark)}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--color-text-muted)}.empty-state-icon{margin-bottom:var(--space-4);opacity:.5;font-size:3rem}.empty-state-title{color:var(--color-text-secondary);margin-bottom:var(--space-2);font-size:1.1rem;font-weight:600}.empty-state-description{margin-bottom:var(--space-4);font-size:.9rem}.min-h-screen{min-height:100vh}.grid-action-btn{cursor:pointer;font-size:10px;font-weight:600;font-family:var(--font-sans);transition:all var(--transition-fast);white-space:nowrap;border:none;border-radius:4px;padding:2px 8px}.grid-action-btn.warning{color:#fff;background:linear-gradient(135deg,#b0a4d8,#8b7fc7)}.grid-action-btn.success{color:#fff;background:linear-gradient(135deg,#83cba8,#5cb88a)}.grid-action-btn.danger{color:#fff;background:linear-gradient(135deg,#e8938b,#d16060)}.grid-action-btn:hover{opacity:.9;transform:scale(1.03);box-shadow:0 2px 8px #7c6f8e40}.autocomplete-dropdown{z-index:20;border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:180px;box-shadow:var(--shadow-lg);background:#fff;margin-top:2px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.autocomplete-item{cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--color-border-light);padding:6px 12px;font-size:.85rem}.autocomplete-item:hover{background:var(--color-surface-hover)}.autocomplete-item:last-child{border-bottom:none}.text-muted{color:var(--color-text-muted);font-size:.8rem}.section-title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border-light);align-items:center;gap:5px;margin-top:4px;margin-bottom:8px;padding-bottom:5px;font-size:.78rem;font-weight:700;display:flex}.creatable-select{position:relative}.creatable-input{padding-right:28px!important}.creatable-clear{background:var(--color-text-muted);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;line-height:1;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.creatable-dropdown{z-index:30;border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:200px;box-shadow:var(--shadow-lg);background:#fff;margin-top:2px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.creatable-option{cursor:pointer;transition:background var(--transition-fast);justify-content:space-between;align-items:center;padding:6px 12px;font-size:.85rem;display:flex}.creatable-option:hover{background:var(--color-surface-hover)}.creatable-option.selected{color:var(--color-accent-dark);background:#d9770614;font-weight:600}.creatable-option-meta{color:var(--color-accent-dark);margin-left:auto;font-size:.75rem;font-weight:600}.creatable-color-dot{border:1px solid var(--color-border);border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-left:8px}.creatable-new{border-top:1px dashed var(--color-border);color:var(--color-accent-dark);gap:6px;font-weight:600}.creatable-new-icon{background:var(--color-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;font-weight:800;display:inline-flex}.creatable-empty{text-align:center;color:var(--color-text-muted);padding:12px;font-size:.85rem}.detail-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.detail-header-left,.detail-header-right{align-items:center;gap:var(--space-3);display:flex}.detail-title{color:var(--color-text);font-size:1.4rem;font-weight:800}.detail-subtitle{color:var(--color-text-muted);font-size:.8rem}.detail-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.detail-field{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-light);justify-content:space-between;display:flex}.detail-field-label{color:var(--color-text-muted);font-size:.8rem;font-weight:500}.detail-field-value{font-size:.85rem;font-weight:600;text-decoration:none}.payment-summary{gap:var(--space-2);flex-direction:column;display:flex}.payment-row{padding:var(--space-2) 0;justify-content:space-between;align-items:center;display:flex}.payment-remaining{border-top:2px solid var(--color-border);padding-top:var(--space-3);margin-top:var(--space-2)}.payment-value{font-size:1.1rem;font-weight:800}.ticket-item-card{padding:var(--space-4);border-bottom:1px solid var(--color-border-light)}.ticket-item-card:last-child{border-bottom:none}.ticket-item-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.ticket-item-number{color:var(--color-accent-dark);border-radius:var(--radius-sm);background:#d977061a;padding:2px 8px;font-size:.8rem;font-weight:700}.ticket-item-details{gap:var(--space-2);flex-wrap:wrap;flex:1;display:flex}.ticket-item-tag{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);padding:2px 8px;font-size:.75rem}.ticket-item-price{color:var(--color-accent-dark);font-size:1rem;font-weight:800}.ticket-item-operations{gap:var(--space-2);flex-wrap:wrap;margin-left:40px;display:flex}.operation-chip{align-items:center;gap:var(--space-2);background:var(--color-surface-hover);border-radius:var(--radius-full);padding:4px 10px;font-size:.78rem;display:flex}.operation-chip-price{color:var(--color-accent-dark);font-weight:700}.ticket-item-notes{color:var(--color-text-muted);margin-top:var(--space-2);margin-left:40px;font-size:.8rem;font-style:italic}.data-grid-container{flex-direction:column;flex:1;min-height:0;display:flex}.login-page{min-height:100vh;font-family:var(--font-sans);display:flex;position:relative;overflow:hidden}.login-bg{z-index:0;pointer-events:none;position:fixed;inset:0}.login-bg-shape{opacity:.07;filter:blur(80px);border-radius:50%;position:absolute}.login-bg-shape--1{background:var(--color-accent);width:600px;height:600px;animation:20s ease-in-out infinite loginFloat1;top:-200px;right:-100px}.login-bg-shape--2{background:#3b82f6;width:500px;height:500px;animation:25s ease-in-out infinite loginFloat2;bottom:-150px;left:-100px}.login-bg-shape--3{background:var(--color-success);width:350px;height:350px;animation:18s ease-in-out infinite loginFloat3;top:50%;left:40%}.login-bg-shape--4{background:#a855f7;width:200px;height:200px;animation:22s ease-in-out infinite loginFloat4;bottom:20%;right:20%}@keyframes loginFloat1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-60px,80px)scale(1.1)}66%{transform:translate(40px,-40px)scale(.95)}}@keyframes loginFloat2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(80px,-60px)scale(1.05)}66%{transform:translate(-50px,50px)scale(1.1)}}@keyframes loginFloat3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-40px,-60px)scale(1.15)}}@keyframes loginFloat4{0%,to{transform:translate(0)scale(1)}50%{transform:translate(50px,30px)scale(1.2)}}.login-left{color:#fff;z-index:1;background:linear-gradient(160deg,#0f172a 0%,#1e293b 40%,#1a2332 100%);flex-direction:column;flex:0 0 45%;justify-content:center;padding:4rem 3.5rem;display:flex;position:relative;overflow:hidden}.login-left:before{content:"";pointer-events:none;background:radial-gradient(circle,#8b7fc724 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-30%}.login-left:after{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f614 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-20%;left:-20%}.login-left-content{z-index:2;animation:.8s ease-out loginSlideIn;position:relative}.login-brand-logo{margin-bottom:1.5rem}.login-brand-logo img{filter:brightness(0)invert()drop-shadow(0 4px 12px #ffffff26);-o-object-fit:contain;object-fit:contain;border-radius:6px;width:auto;height:140px;transition:all .3s}.login-brand-logo img:hover{filter:brightness(0)invert()drop-shadow(0 6px 20px #ffffff40);transform:scale(1.03)}.login-brand-icon{background:linear-gradient(135deg, var(--color-accent) 0%, #6b5fa8 100%);border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:1.5rem;font-size:2rem;animation:3s ease-in-out infinite loginIconPulse;display:flex;box-shadow:0 12px 32px #8b7fc74d}@keyframes loginIconPulse{0%,to{box-shadow:0 12px 32px #8b7fc74d}50%{box-shadow:0 16px 48px #8b7fc773}}.login-footer-logo{margin-bottom:.75rem}.login-footer-logo img{opacity:.5;-o-object-fit:contain;object-fit:contain;border-radius:3px;width:auto;height:50px;transition:all .3s}.login-footer-logo img:hover{opacity:.7}.login-brand-title{letter-spacing:-1px;margin-bottom:.25rem;font-size:2.4rem;font-weight:800;line-height:1.1}.login-brand-subtitle{color:#ffffff80;letter-spacing:2px;text-transform:uppercase;font-size:1.1rem;font-weight:500}.login-brand-divider{background:linear-gradient(90deg, var(--color-accent), transparent);border-radius:2px;width:60px;height:3px;margin:1.5rem 0}.login-brand-desc{color:#ffffff8c;max-width:380px;margin-bottom:2.5rem;font-size:.95rem;line-height:1.7}.login-features{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.login-feature{color:#ffffffb3;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:.65rem;padding:.6rem .85rem;font-size:.82rem;font-weight:500;transition:all .3s;display:flex}.login-feature:hover{color:#fffffff2;background:#ffffff14;border-color:#8b7fc747;transform:translate(4px)}.login-feature-icon{font-size:1.1rem}.login-left-footer{z-index:2;margin-top:auto;padding-top:2rem;position:relative}.login-clock{flex-direction:column;display:flex}.login-clock-time{letter-spacing:-2px;color:#ffffffe6;font-size:2.8rem;font-weight:800;line-height:1}.login-clock-date{color:#fff6;text-transform:capitalize;margin-top:.35rem;font-size:.85rem}.login-right{z-index:1;background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);flex:1;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative}.login-form-wrapper{width:100%;max-width:420px;animation:.6s ease-out .2s both loginFormIn}@keyframes loginFormIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes loginSlideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.login-form-header{text-align:center;margin-bottom:2.2rem}.login-form-icon{margin-bottom:.75rem;font-size:2.8rem;animation:2s ease-in-out infinite loginLockBounce;display:inline-block}@keyframes loginLockBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.login-form-title{color:var(--color-text);letter-spacing:-.5px;font-size:1.6rem;font-weight:800}.login-form-subtitle{color:var(--color-text-muted);margin-top:.25rem;font-size:.9rem}.login-status-msg{color:#047857;text-align:center;background:#d1fae5;border:1px solid #a7f3d0;border-radius:10px;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.85rem;font-weight:500}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-field{flex-direction:column;display:flex}.login-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:.4rem;margin-bottom:.45rem;font-size:.8rem;font-weight:600;display:flex}.login-label-icon{font-size:.9rem}.login-input{width:100%;font-size:.95rem;font-family:var(--font-sans);color:var(--color-text);background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:.85rem 1rem;transition:all .25s;box-shadow:0 1px 3px #0000000a}.login-input:focus{border-color:var(--color-accent);outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #8b7fc71f,0 4px 12px #8b7fc717}.login-input::placeholder{color:#cbd5e1}.login-error{color:var(--color-danger);margin-top:.35rem;padding-left:.25rem;font-size:.78rem;font-weight:500}.login-options{justify-content:space-between;align-items:center;display:flex}.login-remember{color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.login-remember input[type=checkbox]{accent-color:var(--color-accent);width:16px;height:16px}.login-submit{width:100%;font-size:1rem;font-weight:700;font-family:var(--font-sans);color:#fff;background:linear-gradient(135deg, var(--color-accent) 0%, #6b5fa8 100%);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.9rem;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #8b7fc74d}.login-submit:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.login-submit:hover:before{left:100%}.login-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #8b7fc773}.login-submit:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #8b7fc74d}.login-submit:disabled{opacity:.65;cursor:not-allowed}.login-submit-arrow{font-size:1.2rem;transition:transform .3s}.login-submit:hover .login-submit-arrow{transform:translate(4px)}.login-spinner{font-size:1.1rem;animation:1s linear infinite loginSpin}@keyframes loginSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-footer{text-align:center;border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:1.5rem}.login-footer p{color:var(--color-text-muted);letter-spacing:.3px;font-size:.75rem}@media (width<=900px){.login-page{flex-direction:column}.login-left{flex:none;padding:2rem 1.5rem}.login-left-content{text-align:center}.login-brand-icon{margin-left:auto;margin-right:auto}.login-brand-title{font-size:1.8rem}.login-brand-divider,.login-brand-desc{margin-left:auto;margin-right:auto}.login-features{grid-template-columns:1fr 1fr;max-width:360px;margin:0 auto}.login-left-footer{display:none}.login-clock-time{font-size:2rem}.login-right{padding:2rem 1.5rem}}.customer-detail-info{gap:var(--space-3);padding:var(--space-3);background:var(--color-bg);border-radius:var(--radius-lg);margin-bottom:var(--space-4);border:1px solid var(--color-border);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.customer-detail-field{flex-direction:column;gap:2px;display:flex}.detail-tabs{border-bottom:2px solid var(--color-border);margin-bottom:var(--space-3);gap:0;display:flex}.detail-tab{padding:var(--space-2) var(--space-4);cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;font-size:13px;font-weight:500;transition:all .15s}.detail-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:600}.detail-tab:hover{color:var(--color-text);background:var(--color-bg)}.detail-tab-content{max-height:50vh;overflow-y:auto}.history-list{gap:var(--space-2);flex-direction:column;display:flex}.history-item{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);transition:box-shadow .15s}.history-item:hover{box-shadow:var(--shadow-sm)}.history-item-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.history-item-header strong{color:var(--color-primary);font-size:13px}.history-item-status{font-size:12px}.history-item-date{color:var(--color-text-muted);margin-left:auto;font-size:12px}.history-item-body{gap:var(--space-4);color:var(--color-text-secondary);flex-wrap:wrap;font-size:12px;display:flex}.history-item-ops{gap:var(--space-1);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.empty-state-sm{padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-text-muted);font-size:13px}.order-detail-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.detail-actions{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.action-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);cursor:pointer;color:var(--color-text-secondary);align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.action-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.action-btn-icon{font-size:16px}.action-btn--print{color:#fff;background:#6366f1;border-color:#4f46e5}.action-btn--print:hover{background:#4f46e5;border-color:#4338ca}.action-btn--label{color:#fff;background:#8b7fc7;border-color:#6b5fa8}.action-btn--label:hover{background:#6b5fa8;border-color:#4e3880}.action-btn--barcode{color:#fff;background:#059669;border-color:#047857}.action-btn--barcode:hover{background:#047857;border-color:#065f46}.action-btn--sms{color:#fff;background:#0ea5e9;border-color:#0284c7}.action-btn--sms:hover{background:#0284c7;border-color:#0369a1}.dashboard-ticket-row{transition:background-color .15s}.dashboard-ticket-row:hover{background-color:var(--color-bg)!important}.nav-shortcut-badge{border-radius:var(--radius-sm);font-family:var(--font-mono);letter-spacing:0;color:#0000;pointer-events:none;background:0 0;justify-content:center;align-items:center;font-size:.72rem;font-weight:800;transition:background .12s,color .12s;display:flex;position:absolute;inset:0}.nav-shortcut-badge.ctrl-visible{color:#1e293b;background:#ffc107ed;animation:.12s badgePop}@keyframes badgePop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.ctrl-hint-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:90;background:#0f172af2;border-top:1px solid #ffffff1a;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 16px;animation:.15s slideUpFade;display:flex;position:fixed;bottom:0;left:0;right:0}@keyframes slideUpFade{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.ctrl-hint-item{cursor:pointer;color:#ffffffb3;border-radius:4px;align-items:center;gap:5px;padding:3px 8px;font-size:.72rem;transition:all .1s;display:flex}.ctrl-hint-item:hover{color:#fff;background:#ffffff1a}.ctrl-hint-item kbd{color:#1e293b;font-size:.65rem;font-weight:700;font-family:var(--font-mono);background:#ffc107e6;border-radius:3px;padding:1px 5px;box-shadow:0 1px 2px #0000004d}[data-shortcut]{position:relative;overflow:hidden}.app-main[data-ctrl=true] [data-shortcut]:after{content:attr(data-shortcut);color:#1e293b;font-size:.75rem;font-weight:800;font-family:var(--font-mono);letter-spacing:.5px;border-radius:inherit;pointer-events:none;background:#ffc107f2;justify-content:center;align-items:center;animation:.12s badgePop;display:flex;position:absolute;inset:0}.modal[data-ctrl=true] [data-shortcut]:after,.modal-body [data-shortcut][aria-ctrl]:after{display:none}.detail-tabs{border-bottom:2px solid var(--color-border);gap:4px;margin-bottom:16px;display:flex}.detail-tab-btn{font-size:.85rem;font-weight:600;font-family:var(--font-sans);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:8px 16px;transition:all .15s}.detail-tab-btn:hover{color:var(--color-text);background:var(--color-surface-hover)}.detail-tab-btn.active{color:var(--color-accent-dark);border-bottom-color:var(--color-accent);background:#8b7fc70f}.chatter-panel{flex-direction:column;gap:8px;max-height:420px;padding:4px 0;display:flex;overflow-y:auto}.chatter-item{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);gap:12px;padding:10px 12px;transition:background .1s;display:flex}.chatter-item:hover{background:var(--color-surface-hover)}.chatter-icon{text-align:center;flex-shrink:0;width:28px;padding-top:2px;font-size:18px}.chatter-body{flex:1;min-width:0}.chatter-description{color:var(--color-text);word-break:break-word;margin-bottom:4px;font-size:.875rem}.chatter-meta{color:var(--color-text-muted);gap:12px;font-size:.75rem;display:flex}.chatter-user{font-weight:600}.app-main{padding-bottom:16px!important}.shortcut-divider{width:1px;margin:0 var(--space-2);background:#ffffff26;align-self:stretch}@media (width<=640px){.detail-actions{grid-template-columns:1fr 1fr;display:grid}.nav-shortcut-badge,.ctrl-hint-bar{display:none}}.ticket-detail-layout{grid-template-columns:260px 1fr;align-items:start;gap:16px;display:grid}.ticket-detail-left{flex-direction:column;gap:8px;display:flex}.detail-side-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 12px}.detail-side-card-title{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-light);margin-bottom:8px;padding-bottom:4px;font-size:.72rem;font-weight:700}.detail-side-field{flex-direction:column;gap:1px;margin-bottom:6px;display:flex}.detail-side-field:last-child{margin-bottom:0}.dsf-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:.68rem}.dsf-value{color:var(--color-text);font-size:.85rem;font-weight:500}.payment-editor{flex-direction:column;gap:4px;display:flex}.payment-row{justify-content:space-between;align-items:center;padding:3px 0;font-size:.825rem;display:flex}.payment-value{font-weight:600}.payment-remaining{color:var(--color-danger)}.payment-remaining.paid{color:var(--color-success)}.detail-action-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.detail-action-btn{border-radius:var(--radius-md);cursor:pointer;font-size:.7rem;font-weight:600;font-family:var(--font-sans);border:none;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;transition:all .15s;display:flex}.detail-action-btn:hover{filter:brightness(.9);transform:translateY(-1px)}.detail-action-btn span{display:block}.detail-action-btn.print{color:#1e293b;background:#f1f5f9}.detail-action-btn.label{color:#6d5fa8;background:#ede9fe}.detail-action-btn.barcode{color:#065f46;background:#d1fae5}.detail-action-btn.sms{color:#1e40af;background:#dbeafe}.ticket-detail-right{flex-direction:column;gap:8px;display:flex}.detail-items-header{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border);justify-content:space-between;align-items:center;padding-bottom:6px;font-size:.78rem;font-weight:700;display:flex}.detail-item-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:box-shadow .15s;overflow:hidden}.detail-item-card:hover{box-shadow:var(--shadow-sm)}.detail-item-top{background:var(--color-bg);border-bottom:1px solid var(--color-border-light);align-items:center;gap:8px;padding:8px 10px;display:flex}.detail-item-number{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.detail-item-tags{flex-wrap:wrap;flex:1;gap:4px;display:flex}.detail-item-total{color:var(--color-accent-dark);flex-shrink:0;font-size:.875rem;font-weight:700}.detail-ops-list{flex-direction:column;gap:3px;padding:8px 10px;display:flex}.detail-op-row{background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:4px;justify-content:space-between;align-items:center;padding:5px 8px;display:flex}.detail-op-name{color:var(--color-text);font-size:.825rem}.detail-op-price{color:var(--color-accent-dark);font-size:.825rem;font-weight:600}.detail-item-note{color:var(--color-text-secondary);padding:4px 10px 8px;font-size:11px;font-style:italic}.detail-summary-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:4px;padding:12px 14px}.detail-summary-row{justify-content:space-between;align-items:center;padding:3px 0;font-size:.875rem;display:flex}.report-bar-chart{flex-direction:column;gap:6px;display:flex}.report-bar-row{align-items:center;gap:8px;display:flex}.report-bar-label{width:60px;color:var(--color-text-muted);text-align:right;flex-shrink:0;font-size:.68rem}.report-bar-track{background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;flex:1;height:20px;overflow:hidden}.report-bar-fill{border-radius:4px;justify-content:flex-end;align-items:center;height:100%;padding-right:6px;transition:width .4s;display:flex}.report-bar-fill span{color:#fff;white-space:nowrap;font-size:10px;font-weight:600}.report-bar-value{width:80px;color:var(--color-text);text-align:right;flex-shrink:0;font-size:.75rem;font-weight:600}.report-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:16px;display:grid}.report-kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);border-left:4px solid var(--color-accent);padding:12px 14px;position:relative;overflow:hidden}.report-kpi-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);margin-bottom:4px;font-size:.68rem;font-weight:700}.report-kpi-value{color:var(--color-text);font-size:1.4rem;font-weight:800;line-height:1}.report-kpi-sub{color:var(--color-text-muted);margin-top:3px;font-size:.72rem}.report-kpi-change{margin-top:3px;font-size:.72rem;font-weight:600}.report-kpi-change.up{color:#10b981}.report-kpi-change.down{color:#ef4444}.report-tabs{border-bottom:2px solid var(--color-border);gap:4px;margin-bottom:16px;display:flex}.report-tab-btn{font-size:.82rem;font-weight:600;font-family:var(--font-sans);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:7px 14px;transition:all .15s}.report-tab-btn:hover{color:var(--color-text);background:var(--color-surface-hover)}.report-tab-btn.active{color:var(--color-accent-dark);border-bottom-color:var(--color-accent);background:#d977060d}.report-date-filters{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.report-quick-btn{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;font-size:.75rem;font-weight:600;font-family:var(--font-sans);padding:4px 10px;transition:all .12s}.report-quick-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.report-quick-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.top-customers-table{border-collapse:collapse;width:100%;font-size:.825rem}.top-customers-table th{text-align:left;text-transform:uppercase;letter-spacing:.4px;color:var(--color-text-secondary);background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:6px 10px;font-size:.68rem;font-weight:700}.top-customers-table td{border-bottom:1px solid var(--color-border-light);color:var(--color-text);padding:7px 10px}.top-customers-table tr:hover td{background:var(--color-surface-hover)}@media (width<=768px){.ticket-detail-layout{grid-template-columns:1fr}}