.kpi-card{background:white;padding:1.5rem;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:all .2s ease}.kpi-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-2px)}.kpi-card.skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton-title{height:16px;width:40%;background:#e5e7eb;border-radius:4px;margin-bottom:12px}.skeleton-value{height:32px;width:60%}.kpi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.kpi-title{font-size:.875rem;font-weight:500;color:#6b7280}.kpi-icon{color:#9ca3af}.kpi-body{display:flex;align-items:baseline;gap:12px}.kpi-value{font-size:2rem;font-weight:700;color:#111827;line-height:1}.kpi-trend{display:flex;align-items:center;gap:4px;font-size:.875rem;font-weight:500}.kpi-trend.positive{color:#10b981}.kpi-trend.negative{color:#ef4444}.kpi-trend.neutral{color:#6b7280}.kpi-trend-icon{width:16px;height:16px}.kpi-trend-icon.positive{color:#10b981}.kpi-trend-icon.negative{color:#ef4444}.kpi-trend-icon.neutral{color:#6b7280}.kpi-change{font-size:.875rem}.kpi-subtitle{margin-top:8px;font-size:.75rem;color:#9ca3af}.quick-stat-card{background:#f9fafb;padding:1rem;border-radius:12px;border:1px solid #e5e7eb;transition:all .2s ease}.quick-stat-card.highlight-red{background:#fef2f2;border-color:#fecaca}.quick-stat-card.highlight-yellow{background:#fffbeb;border-color:#fde68a}.quick-stat-card.highlight-green{background:#f0fdf4;border-color:#bbf7d0}.quick-stat-content{align-items:center;gap:12px}.quick-stat-icon{font-size:1.5rem}.quick-stat-info{flex:1 1}.quick-stat-label{margin:0}.quick-stat-value{font-size:1.5rem;margin:0}@media (max-width:768px){.kpi-value{font-size:1.5rem}.kpi-card{padding:1rem}.quick-stat-value{font-size:1.25rem}}.revenue-chart-card{background:white;padding:1.5rem;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,.05)}.chart-header{display:flex;align-items:center;gap:8px;margin-bottom:1.5rem}.chart-icon{width:20px;height:20px;color:#6b7280}.chart-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.chart-container{height:220px;padding:0 8px}.chart-bars{display:flex;align-items:flex-end;justify-content:space-between;height:100%;gap:8px}.chart-bar-wrapper{flex:1 1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;position:relative;cursor:pointer}.chart-bar{width:100%;max-width:48px;background:linear-gradient(180deg,#10b981,#059669);border-radius:6px 6px 0 0;transition:all .2s ease;min-height:4px}.chart-bar.hovered{background:linear-gradient(180deg,#34d399,#10b981);transform:scaleX(1.05)}.chart-label{margin-top:8px;font-size:.75rem;color:#6b7280;font-weight:500}.chart-tooltip{bottom:calc(100% + 8px);background:#1f2937;color:white;padding:8px 12px;border-radius:8px;font-size:.75rem;white-space:nowrap;z-index:10;box-shadow:0 4px 12px rgba(0,0,0,.15)}.chart-tooltip,.chart-tooltip:after{position:absolute;left:50%;transform:translateX(-50%)}.chart-tooltip:after{content:"";top:100%;border:6px solid transparent;border-top-color:#1f2937}.tooltip-date{font-weight:600;margin-bottom:4px}.tooltip-revenue{color:#34d399;font-weight:600}.tooltip-orders{color:#9ca3af}.chart-summary{display:flex;gap:24px;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.summary-item{display:flex;flex-direction:column;gap:2px}.summary-label{font-size:.75rem;color:#6b7280}.summary-value{font-size:1.125rem;font-weight:600;color:#111827}.chart-skeleton{height:200px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.skeleton-bar{flex:1 1;background:#e5e7eb;border-radius:6px 6px 0 0;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (max-width:768px){.chart-container{height:180px}.chart-bar{max-width:32px}.chart-label{font-size:.625rem}.chart-summary{flex-direction:column;gap:12px}}.status-chart-card{background:white;padding:1.5rem;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,.05)}.donut-container{display:flex;justify-content:center;padding:1.5rem 0}.donut-chart{width:180px;height:180px;position:relative}.donut-center,.donut-chart{border-radius:50%;display:flex;align-items:center;justify-content:center}.donut-center{position:absolute;width:110px;height:110px;background:white;flex-direction:column}.donut-total{font-size:2rem;font-weight:700;color:#111827;line-height:1}.donut-label{font-size:.75rem;color:#6b7280;margin-top:4px}.status-legend{display:flex;flex-direction:column;gap:8px;margin-top:1rem}.legend-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;transition:background .2s ease}.legend-item:hover{background:#f9fafb}.legend-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.legend-label{flex:1 1;font-size:.875rem;color:#374151}.legend-value{font-size:.875rem;font-weight:600;color:#111827;min-width:32px;text-align:right}.legend-percent{font-size:.75rem;color:#9ca3af;min-width:36px;text-align:right}.chart-skeleton-donut{display:flex;justify-content:center;padding:2rem 0}.skeleton-circle{width:180px;height:180px;border-radius:50%;background:#e5e7eb;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.chart-empty{height:200px;display:flex;align-items:center;justify-content:center;color:#9ca3af}@media (max-width:768px){.donut-chart{width:150px;height:150px}.donut-center{width:90px;height:90px}.donut-total{font-size:1.5rem}.legend-item{padding:6px 8px}}.top-products-card{background:white;padding:1.5rem;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,.05)}.card-header{display:flex;align-items:center;gap:8px;margin-bottom:1.5rem}.card-icon{width:20px;height:20px;color:#6b7280}.card-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.products-table{width:100%;border-collapse:collapse}.products-table thead tr{border-bottom:1px solid #e5e7eb}.products-table th{text-align:left;padding:0 8px 12px;font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.products-table .th-orders,.products-table .th-qty,.products-table .th-revenue{text-align:right}.products-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s ease}.products-table tbody tr:last-child{border-bottom:none}.products-table tbody tr:hover{background:#f9fafb}.products-table td{padding:12px 8px;font-size:.875rem}.td-product{gap:12px}.product-rank,.td-product{display:flex;align-items:center}.product-rank{width:28px;height:28px;border-radius:50%;justify-content:center;font-size:.75rem;font-weight:600;background:#f3f4f6;color:#6b7280;flex-shrink:0}.product-rank.rank-1{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:white}.product-rank.rank-2{background:linear-gradient(135deg,#e5e7eb,#9ca3af);color:white}.product-rank.rank-3{background:linear-gradient(135deg,#f97316,#ea580c);color:white}.product-name{font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.td-qty{text-align:right;color:#374151}.td-revenue{text-align:right;font-weight:600;color:#10b981}.td-orders{text-align:right;color:#6b7280}.table-skeleton{display:flex;flex-direction:column;gap:12px}.skeleton-row{display:flex;align-items:center;gap:12px;padding:8px 0}.skeleton-rank{width:28px;height:28px;border-radius:50%;background:#e5e7eb;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton-name{flex:1 1}.skeleton-name,.skeleton-value{height:16px;background:#e5e7eb;border-radius:4px;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton-value{width:60px}.table-empty{padding:2rem;text-align:center;color:#9ca3af}@media (max-width:768px){.products-table td,.products-table th{padding:8px 4px;font-size:.75rem}.product-name{max-width:120px}.product-rank{width:24px;height:24px;font-size:.625rem}.td-orders,.th-orders{display:none}}.peak-hours-card{background:white;padding:1.5rem;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,.05)}.hours-list{display:flex;flex-direction:column;gap:12px}.hour-row{gap:12px;padding:8px 0}.hour-rank,.hour-row{display:flex;align-items:center}.hour-rank{width:28px;height:28px;border-radius:50%;justify-content:center;font-size:.75rem;font-weight:600;background:#f3f4f6;color:#6b7280;flex-shrink:0}.hour-rank.rank-1{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:white}.hour-rank.rank-2,.hour-rank.rank-3{background:#f3f4f6;color:#374151}.hour-time{font-weight:600;color:#111827;min-width:60px}.hour-bar-container{flex:1 1;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.hour-bar{height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:4px;transition:width .3s ease}.hour-count{font-size:.75rem;color:#6b7280;min-width:60px;text-align:right}.hours-skeleton{display:flex;flex-direction:column;gap:12px}.skeleton-hour-row{display:flex;align-items:center;gap:12px;padding:8px 0}.skeleton-badge{width:28px;height:28px;border-radius:50%;background:#e5e7eb;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton-time{width:50px;height:16px}.skeleton-count,.skeleton-time{background:#e5e7eb;border-radius:4px;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton-count{flex:1 1;height:8px}.hours-empty{padding:2rem;text-align:center;color:#9ca3af}@media (max-width:768px){.hour-row{flex-wrap:wrap;gap:8px}.hour-bar-container{order:3;flex-basis:100%;margin-left:40px}}.analytics-dashboard{padding:1.5rem;background:#f9fafb;min-height:100vh}.analytics-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.header-text{display:flex;flex-direction:column;gap:4px}.analytics-title{font-size:1.75rem;font-weight:700;color:#111827;margin:0}.analytics-period{font-size:.875rem;color:#6b7280;margin:0}.analytics-tenant{font-size:.75rem;color:#9ca3af;margin:0;text-transform:uppercase;letter-spacing:.05em}.analytics-warning{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin-bottom:1.5rem;font-size:.875rem;color:#92400e}.warning-icon{width:16px;height:16px;color:#f59e0b;flex-shrink:0}.retry-link{margin-left:auto;background:none;border:none;color:#d97706;font-weight:500;cursor:pointer;text-decoration:underline}.retry-link:hover{color:#b45309}.refresh-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:white;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.refresh-button:hover{background:#f9fafb;border-color:#d1d5db}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.button-icon{width:16px;height:16px}.button-icon.spinning{animation:spin 1s linear infinite}.quick-stats-header{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.quick-stat-skeleton{height:88px;background:white;border-radius:12px;border:1px solid #e5e7eb;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.stat-icon{width:24px;height:24px}.stat-icon.green{color:#10b981}.stat-icon.blue{color:#3b82f6}.stat-icon.orange{color:#f59e0b}.stat-icon.red{color:#ef4444}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.charts-row{grid-template-columns:1fr 1fr;grid-gap:1.5rem}.bottom-row,.charts-row{display:grid;gap:1.5rem;margin-bottom:1.5rem}.bottom-row{grid-template-columns:2fr 1fr;grid-gap:1.5rem}.hours-section,.products-section{min-width:0}.payment-breakdown-card{background:white;padding:1.5rem;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,.05)}.section-title{font-size:1.125rem;color:#111827;margin:0 0 1rem}.payment-methods{display:flex;flex-wrap:wrap;gap:12px}.payment-method{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f3f4f6;border-radius:8px}.method-name{font-weight:500;color:#374151}.method-count{font-size:.75rem;color:#6b7280}.analytics-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.error-icon{width:48px;height:48px;color:#ef4444;margin-bottom:1rem}.analytics-error h3{font-size:1.25rem;color:#111827;margin:0 0 8px}.analytics-error p{color:#6b7280;margin:0 0 1.5rem}.retry-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#4f46e5;color:white;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s ease}.retry-button:hover{background:#4338ca}@media (max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.bottom-row{grid-template-columns:1fr}}@media (max-width:768px){.analytics-dashboard{padding:1rem}.analytics-header{flex-direction:column;align-items:flex-start;gap:1rem}.quick-stats-header{grid-template-columns:repeat(2,1fr)}.charts-row,.kpi-grid{grid-template-columns:1fr}.analytics-title{font-size:1.5rem}}@media (max-width:480px){.quick-stats-header{grid-template-columns:1fr}}.orders-view{display:flex;flex-direction:column;gap:1rem;padding:1rem;max-width:1400px;margin:0 auto;animation:fadeIn .3s ease-out}.orders-header{justify-content:space-between;flex-wrap:wrap}.orders-header,.orders-header-left{display:flex;align-items:center;gap:.75rem}.orders-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.orders-count{font-size:.875rem;color:#6b7280;background:#f3f4f6;padding:.25rem .75rem;border-radius:999px}.orders-header-right{display:flex;align-items:center;gap:.75rem}.sse-indicator{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:999px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.sse-indicator.connected{background:#ecfdf5;color:#059669}.sse-indicator.disconnected{background:#fef2f2;color:#dc2626}.sse-indicator.disconnected:hover{background:#fee2e2}.sse-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.sse-indicator.connected .sse-dot{animation:pulse 2s infinite}.orders-quick-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.75rem;gap:.75rem;background:white;padding:1rem;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.05);border:1px solid #e5e7eb}.quick-stat-item{display:flex;align-items:center;gap:.75rem}.quick-stat-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.quick-stat-icon.orange{background:#fff7ed;color:#ea580c}.quick-stat-icon.purple{background:#f5f3ff;color:#7c3aed}.quick-stat-icon.blue{background:#eff6ff;color:#2563eb}.quick-stat-icon.green{background:#ecfdf5;color:#059669}.quick-stat-content{display:flex;flex-direction:column}.quick-stat-value{font-size:1.25rem;font-weight:700;color:#111827;line-height:1.2}.quick-stat-label{font-size:.75rem;color:#6b7280}.orders-toolbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.search-container{position:relative;flex:1 1;min-width:200px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.search-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;transition:all .2s;background:white}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.search-input::placeholder{color:#9ca3af}.filter-controls{display:flex;align-items:center;gap:.5rem}.quick-filters{display:flex;background:#f3f4f6;border-radius:8px;padding:2px}.quick-filter-btn{padding:.5rem .875rem;border:none;background:transparent;font-size:.8125rem;font-weight:500;color:#6b7280;border-radius:6px;cursor:pointer;transition:all .2s;white-space:nowrap}.quick-filter-btn:hover{color:#374151}.quick-filter-btn.active{background:white;color:#111827;box-shadow:0 1px 2px rgba(0,0,0,.05)}.filter-toggle-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border:1px solid #e5e7eb;background:white;font-size:.8125rem;font-weight:500;color:#374151;border-radius:8px;cursor:pointer;transition:all .2s}.filter-toggle-btn:hover{background:#f9fafb;border-color:#d1d5db}.filter-toggle-btn.active{background:#eff6ff;border-color:#3b82f6;color:#2563eb}.filter-count{background:#3b82f6;color:white;font-size:.6875rem;padding:.125rem .375rem;border-radius:999px;min-width:16px;text-align:center}.filters-expanded{display:flex;align-items:flex-end;gap:1rem;padding:1rem;background:#f9fafb;border-radius:10px;flex-wrap:wrap;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.filter-group{display:flex;flex-direction:column;gap:.375rem;min-width:140px}.filter-group label{font-size:.75rem;font-weight:500;color:#6b7280}.filter-group select{padding:.5rem 2rem .5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.8125rem;background:white;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.filter-group select:focus{outline:none;border-color:#3b82f6}.clear-filters-btn{padding:.5rem 1rem;border:none;background:transparent;color:#6b7280;font-size:.8125rem;cursor:pointer;transition:color .2s}.clear-filters-btn:hover{color:#374151;text-decoration:underline}.status-badge-v2{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:999px;font-size:.75rem;font-weight:500;color:var(--status-color);background:var(--status-bg);white-space:nowrap}.orders-cards-mobile{display:flex;flex-direction:column;gap:.75rem}.order-card-mobile{background:white;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;transition:all .2s}.order-card-mobile:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.order-card-mobile.pending{border-left:3px solid #f59e0b}.order-card-mobile.confirmed{border-left:3px solid #3b82f6}.order-card-mobile.preparing{border-left:3px solid #8b5cf6}.order-card-mobile.ready{border-left:3px solid #10b981}.order-card-mobile.completed{border-left:3px solid #059669}.order-card-mobile.cancelled{border-left:3px solid #ef4444;opacity:.7}.order-card-mobile.rodizio{background:radial-gradient(circle at top right,rgba(251,191,36,.18),transparent 32%),linear-gradient(180deg,#fffaf0,#ffffff 55%);border-color:#fdba74}.order-card-header{display:flex;align-items:flex-start;justify-content:space-between;padding:.875rem 1rem 0;gap:.5rem}.order-card-id{display:flex;flex-direction:column;gap:.125rem}.order-number{font-weight:600;font-size:.9375rem;color:#111827}.order-time{font-size:.75rem;color:#9ca3af}.order-card-badges{display:flex;align-items:center;gap:.375rem}.order-card-body{padding:.625rem 1rem}.order-card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.order-type{font-size:.8125rem;color:#6b7280}.order-items-count{font-size:.75rem;color:#9ca3af}.order-card-items-preview{display:flex;flex-wrap:wrap;gap:.375rem}.item-preview{font-size:.75rem;color:#4b5563;background:#f3f4f6;padding:.25rem .5rem;border-radius:4px}.item-preview.more{color:#9ca3af;font-style:italic}.order-card-footer{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#f9fafb;border-top:1px solid #f3f4f6;gap:.75rem}.order-card-total{display:flex;align-items:center;gap:.5rem}.total-label{font-size:.75rem;color:#6b7280}.total-value{font-weight:700;font-size:1rem;color:#111827}.order-card-actions{display:flex;align-items:center;gap:.5rem}.order-action-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.order-action-btn.secondary{background:white;color:#374151;border:1px solid #d1d5db}.order-action-btn.secondary:hover{background:#f9fafb}.order-action-btn.primary{background:#3b82f6;color:white}.order-action-btn.primary:hover{background:#2563eb}.orders-table-desktop{display:none;background:white;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.orders-table{width:100%;border-collapse:collapse}.orders-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.orders-table th{padding:.875rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.orders-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .15s}.orders-table tbody tr:last-child{border-bottom:none}.orders-table tbody tr:hover{background:#f9fafb}.orders-table td{padding:.75rem 1rem;font-size:.875rem;color:#374151;vertical-align:middle}.order-id-cell{display:flex;flex-direction:column;gap:.25rem}.order-number-table{font-weight:600;color:#111827}.order-type-badge{font-size:.6875rem;color:#6b7280;background:#f3f4f6;padding:.125rem .375rem;border-radius:4px;width:-moz-fit-content;width:fit-content}.order-date-cell{display:flex;flex-direction:column;gap:.125rem}.order-date{color:#111827}.order-time-sub{font-size:.75rem;color:#9ca3af}.order-items-cell{display:flex;flex-direction:column;gap:.25rem}.items-count{font-weight:500;color:#111827}.items-preview{font-size:.75rem;color:#9ca3af;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-total{font-weight:600;color:#111827}.table-actions{display:flex;align-items:center;gap:.375rem}.table-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e5e7eb;border-radius:6px;background:white;color:#6b7280;cursor:pointer;transition:all .2s}.table-action-btn:hover{background:#f9fafb;color:#374151;border-color:#d1d5db}.table-action-btn.primary{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.table-action-btn.primary:hover{background:#dbeafe}.order-row.pending td:first-child{box-shadow:inset 3px 0 0 #f59e0b}.order-row.confirmed td:first-child{box-shadow:inset 3px 0 0 #3b82f6}.order-row.preparing td:first-child{box-shadow:inset 3px 0 0 #8b5cf6}.order-row.ready td:first-child{box-shadow:inset 3px 0 0 #10b981}.order-row.completed td:first-child{box-shadow:inset 3px 0 0 #059669}.order-row.cancelled{opacity:.6}.order-row.cancelled td:first-child{box-shadow:inset 3px 0 0 #ef4444}.order-row.rodizio td:first-child{box-shadow:inset 3px 0 0 #f59e0b;background:linear-gradient(90deg,rgba(255,247,237,.95),rgba(255,255,255,0))}.orders-loading{display:flex;flex-direction:column;gap:.75rem}.order-skeleton{height:120px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px}.orders-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;background:white;border-radius:12px;border:1px dashed #d1d5db}.orders-empty svg{color:#9ca3af;margin-bottom:1rem}.orders-empty h3{font-size:1.125rem;font-weight:600;color:#374151;margin:0 0 .5rem}.orders-empty p{font-size:.875rem;color:#6b7280;margin:0 0 1rem;max-width:280px}@media (max-width:479px){.orders-view{padding:.75rem}.orders-quick-stats{grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.75rem}.quick-stat-icon{width:32px;height:32px}.quick-stat-value{font-size:1rem}.quick-filters{display:none}.filter-controls{width:100%;justify-content:flex-end}.search-container{min-width:100%}.order-card-footer,.orders-toolbar{flex-direction:column}.order-card-footer{align-items:stretch;gap:.75rem}.order-card-total{justify-content:space-between}.order-card-actions{width:100%}.order-action-btn{flex:1 1;justify-content:center}}@media (min-width:640px){.orders-view{padding:1.25rem;gap:1.25rem}.filters-expanded,.orders-header{flex-wrap:nowrap}}@media (min-width:900px){.orders-cards-mobile{display:none}.orders-table-desktop{display:block}}@media (min-width:1200px){.orders-view{padding:1.5rem}.orders-quick-stats{padding:1.25rem}.quick-stat-icon{width:44px;height:44px}.quick-stat-value{font-size:1.5rem}.orders-table td,.orders-table th{padding:1rem 1.25rem}}.order-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.order-modal{background:white;border-radius:16px;width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.order-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.order-modal-title-section{display:flex;flex-direction:column;gap:.5rem}.order-modal-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0}.order-modal-status{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:999px;font-size:.8125rem;font-weight:500;width:-moz-fit-content;width:fit-content}.order-modal-actions-top{display:flex;align-items:center;gap:.5rem}.modal-action-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e5e7eb;border-radius:8px;background:white;color:#6b7280;cursor:pointer;transition:all .2s}.modal-action-icon:hover{background:#f3f4f6;color:#374151;border-color:#d1d5db}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:#6b7280;cursor:pointer;transition:all .2s}.modal-close-btn:hover{background:#f3f4f6;color:#111827}.order-modal-content{flex:1 1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.order-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}.order-meta-item{display:flex;align-items:flex-start;gap:.75rem}.order-meta-item svg{color:#9ca3af;flex-shrink:0;margin-top:2px}.order-meta-item>div{display:flex;flex-direction:column;gap:.125rem}.meta-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;font-weight:500}.meta-value{font-size:.875rem;color:#111827;font-weight:500}.meta-value.payment-badge,.section-title{font-weight:600}.section-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.items-count-badge{background:#e5e7eb;color:#374151;padding:.125rem .5rem;border-radius:999px;font-size:.6875rem}.order-customer-section{padding:1rem;background:#f9fafb;border-radius:10px}.customer-info{display:flex;flex-direction:column;gap:.5rem}.customer-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151}.customer-item svg{color:#9ca3af}.order-items-section{background:#f9fafb;border-radius:10px;padding:1rem}.order-items-list{display:flex;flex-direction:column;gap:.75rem}.order-item{display:flex;align-items:flex-start;gap:.75rem;padding:.625rem;background:white;border-radius:8px;border:1px solid #e5e7eb}.item-quantity{font-weight:700;color:#374151;font-size:.875rem;background:#f3f4f6;padding:.25rem .5rem;border-radius:4px;flex-shrink:0}.item-details{flex:1 1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.item-name{font-weight:500;color:#111827;font-size:.875rem}.item-options{font-size:.75rem;color:#6b7280}.item-extras{font-size:.75rem;color:#2563eb}.item-notes{font-size:.75rem;color:#9ca3af;font-style:italic}.item-price{font-weight:600;color:#111827;font-size:.875rem;flex-shrink:0}.order-notes-section{padding:1rem;background:#fffbeb;border-radius:10px;border:1px solid #fef3c7}.order-notes-section .section-title{color:#92400e}.order-notes-text{margin:0;font-size:.875rem;color:#78350f;font-style:italic}.order-totals-section{border-top:1px solid #e5e7eb;padding-top:1rem;display:flex;flex-direction:column;gap:.5rem}.totals-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#6b7280}.totals-row.discount span:last-child{color:#16a34a}.totals-row.total{padding-top:.75rem;border-top:1px dashed #d1d5db;margin-top:.25rem;font-size:1.125rem;font-weight:700;color:#111827}.order-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.cancelled-notice,.completed-notice{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280;font-style:italic;margin-right:auto}.completed-notice{color:#059669}.completed-notice svg{color:#10b981}.modal-btn{padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.modal-btn.secondary{background:white;border:1px solid #d1d5db;color:#374151}.modal-btn.secondary:hover{background:#f9fafb;border-color:#9ca3af}.modal-btn.primary{background:#3b82f6;border:none;color:white}.modal-btn.primary:hover{background:#2563eb}@media (max-width:480px){.order-modal-overlay{padding:0;align-items:flex-end}.order-modal{max-width:100%;max-height:95vh;border-radius:16px 16px 0 0;animation:slideUpMobile .3s ease-out}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.order-modal-content,.order-modal-header{padding:1rem}.order-meta-grid{gap:.75rem}.order-modal-footer{flex-direction:column;padding:1rem}.modal-btn{width:100%;justify-content:center;padding:.75rem}.cancelled-notice,.completed-notice{margin-bottom:.5rem}}.product-card{position:relative;display:flex;flex-direction:column;background:#ffffff;border-radius:16px;border:1px solid #e8ecf1;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);container-type:inline-size}@media (hover:hover) and (pointer:fine){.product-card:hover{border-color:#c7d2fe;box-shadow:0 8px 30px -4px rgba(79,70,229,.1),0 4px 10px -2px rgba(0,0,0,.05);transform:translateY(-3px)}}.product-card__image-container{position:relative;aspect-ratio:1/1;overflow:hidden;background:linear-gradient(145deg,#f8fafc,#eef2f7)}.product-card__image{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1)}@media (hover:hover) and (pointer:fine){.product-card:hover .product-card__image{transform:scale(1.03)}}.product-card__image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#94a3b8;background:linear-gradient(145deg,#f1f5f9,#e2e8f0)}.product-card__image-placeholder span{font-size:11px;font-weight:500;letter-spacing:.3px}.product-card__status{position:absolute;top:10px;right:10px;z-index:2}.product-card__badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.product-card__badge--active{background:rgba(16,185,129,.18);color:#047857;border:1px solid rgba(16,185,129,.25)}.product-card__badge--inactive{background:rgba(100,116,139,.18);color:#475569;border:1px solid rgba(100,116,139,.25)}.product-card__badge-dot{width:5px;height:5px;border-radius:50%;background:currentColor;animation:pulse 2s infinite}.product-card__badge--inactive .product-card__badge-dot{animation:none}.product-card__3d-badge{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:4px;padding:5px 10px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:white;border:none;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;z-index:2;box-shadow:0 2px 8px rgba(139,92,246,.35)}.product-card__3d-badge:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(139,92,246,.5)}.product-card__overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.45) 0,rgba(0,0,0,.08) 35%,transparent 55%);display:flex;align-items:flex-end;justify-content:center;padding:12px;opacity:0;visibility:hidden;transition:all .2s ease}@media (hover:hover) and (pointer:fine){.product-card:hover .product-card__overlay{opacity:1;visibility:visible}}.product-card__quick-actions{display:flex;gap:8px;transform:translateY(6px);transition:transform .25s cubic-bezier(.4,0,.2,1)}@media (hover:hover) and (pointer:fine){.product-card:hover .product-card__quick-actions{transform:translateY(0)}}.product-card__action{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(255,255,255,.92);border:none;border-radius:50%;color:#374151;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px rgba(0,0,0,.12)}.product-card__action:hover{background:white;transform:scale(1.1);box-shadow:0 4px 14px rgba(0,0,0,.18)}.product-card__action--accent{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:white}.product-card__action--accent:hover{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.product-card__action--danger:hover{background:#fef2f2;color:#dc2626}.product-card__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.product-card__3d-generator{display:inline-flex}.product-card__3d-generator button{height:36px!important;padding:0 12px!important;border-radius:18px!important;font-size:10px!important;font-weight:600!important;background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;color:white!important;border:none!important;display:inline-flex!important;align-items:center!important;gap:5px!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 2px 8px rgba(139,92,246,.3)!important}.product-card__3d-generator button:hover{background:linear-gradient(135deg,#a78bfa,#8b5cf6)!important;transform:scale(1.05)!important;box-shadow:0 4px 14px rgba(139,92,246,.4)!important}.product-card__3d-generator button:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.product-card__content{display:flex;flex-direction:column;padding:16px;flex:1 1;gap:2px}.product-card__category{display:inline-flex;align-items:center;padding:3px 10px;background:#eef2ff;color:#4f46e5;border-radius:6px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px;align-self:flex-start}.product-card__rodizio-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.product-card__rodizio-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.product-card__rodizio-badge--included{background:#dcfce7;color:#166534}.product-card__rodizio-badge--premium{background:#fff7ed;color:#9a3412}.product-card__rodizio-badge--excluded{background:#fee2e2;color:#991b1b}.product-card__rodizio-surcharge{font-size:12px;font-weight:700;color:#9a3412}.product-card__title{margin:0 0 2px;font-size:15px;font-weight:700;color:#0f172a;letter-spacing:-.01em;line-height:1.35}.product-card__description,.product-card__title{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__description{margin:0 0 4px;font-size:12px;font-weight:400;color:#64748b;line-height:1.5}.product-card__stock{margin-bottom:8px}.product-card__stock-text{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;color:#059669;padding:3px 8px;background:#ecfdf5;border-radius:6px}.product-card__stock-text--low{color:#dc2626;background:#fef2f2}.product-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid #f1f5f9}.product-card__price{display:flex;align-items:baseline;gap:4px}.product-card__price-value{font-size:20px;font-weight:800;color:#0f172a;letter-spacing:-.03em}.product-card__mobile-actions{display:none;align-items:center;gap:5px;flex-wrap:wrap}@media (hover:none) and (pointer:coarse){.product-card__mobile-actions{display:flex}.product-card__overlay{display:none}}@media (max-width:768px){.product-card__mobile-actions{display:flex;width:100%;justify-content:flex-start}.product-card__overlay{display:none}.product-card__footer{flex-direction:column;gap:10px;align-items:stretch}.product-card__price{margin-bottom:4px}}.product-card__mobile-3d{display:inline-flex;flex-shrink:0}.product-card__mobile-3d button{height:34px!important;padding:0 10px!important;font-size:10px!important;border-radius:8px!important;white-space:nowrap!important}.product-card__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;transition:all .15s ease}.product-card__icon-btn:hover{background:#f1f5f9;color:#334155;border-color:#cbd5e1}.product-card__icon-btn--danger:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.product-card__camera-input{position:absolute;width:0;height:0;opacity:0;overflow:hidden;pointer-events:none}.product-card__icon-btn--camera{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:white;border:none}.product-card__icon-btn--camera:hover{background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:white;transform:scale(1.05)}@media (hover:hover) and (pointer:fine){.product-card__camera-input,.product-card__icon-btn--camera{display:none}}.product-card__icon-btn--accent{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:white;border:none}.product-card__icon-btn--accent:hover{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:white;transform:scale(1.05)}.product-card__upgrade-hint{display:flex;align-items:center;gap:6px;margin-top:10px;padding:7px 10px;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:7px;font-size:11px;font-weight:500;color:#7c3aed}.product-card--skeleton{pointer-events:none}.product-card--skeleton .product-card__image,.product-card--skeleton .skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:6px}.product-card--skeleton .product-card__image{height:auto;aspect-ratio:1/1}.skeleton{display:block}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.product-card--add{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;background:#ffffff;border-radius:16px;border:2px dashed #c7d2fe;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:220px;text-align:center;padding:0;outline:none}.product-card--add__bg-pattern{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(99,102,241,.05) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.05) 0,transparent 50%);transition:opacity .3s ease;pointer-events:none}.product-card--add__body{position:relative;z-index:1;flex-direction:column;gap:16px;flex:1 1;padding:32px 20px;height:100%}.product-card--add__body,.product-card--add__icon,.product-card--add__icon-wrap{display:flex;align-items:center;justify-content:center}.product-card--add__icon{width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#6366f1;border:1px solid #c7d2fe;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 12px rgba(99,102,241,.12)}.product-card--add__text{display:flex;flex-direction:column;align-items:center;gap:4px}.product-card--add__label{font-size:15px;font-weight:700;color:#3730a3;letter-spacing:-.01em;transition:color .2s ease}.product-card--add__sub{font-size:12px;font-weight:400;color:#94a3b8;transition:color .2s ease}@media (hover:hover) and (pointer:fine){.product-card--add:hover{border-color:#818cf8;background:linear-gradient(145deg,#fafbff,#f5f3ff);box-shadow:0 10px 40px -8px rgba(99,102,241,.2),0 4px 12px -2px rgba(99,102,241,.1);transform:translateY(-4px)}.product-card--add:hover .product-card--add__icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:white;border-color:transparent;box-shadow:0 6px 20px rgba(99,102,241,.4);transform:scale(1.08) rotate(5deg)}.product-card--add:hover .product-card--add__label{color:#4f46e5}.product-card--add:hover .product-card--add__sub{color:#6366f1}.product-card--add:hover .product-card--add__bg-pattern{opacity:1}}.product-card--add:active{transform:translateY(-1px) scale(.99)}.product-card__3d-locked-btn{height:36px!important;padding:0 12px!important;border-radius:18px!important;font-size:10px!important;font-weight:600!important;background:#f1f5f9!important;color:#94a3b8!important;border:1px solid #e2e8f0!important;display:inline-flex!important;align-items:center!important;gap:5px!important;cursor:not-allowed!important;opacity:.75!important;pointer-events:auto!important;white-space:nowrap!important}.product-card__3d-locked-btn:hover{background:#e2e8f0!important;color:#64748b!important}.product-card__3d-locked-icon{font-size:11px;line-height:1}@media (max-width:480px){.product-card{border-radius:12px}.product-card__image-container{aspect-ratio:4/3}.product-card__content{padding:12px}.product-card__title{font-size:14px}.product-card__description{-webkit-line-clamp:1;line-clamp:1;font-size:11px}.product-card__price-value{font-size:17px}.product-card__action{width:36px;height:36px;border-radius:50%}}.ui-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans,"Inter",-apple-system,sans-serif);font-weight:600;font-size:14px;line-height:1;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:none;border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;outline:none}.ui-btn:focus-visible{outline:2px solid var(--color-primary-500,#6366f1);outline-offset:2px}.ui-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.ui-btn--xs{height:28px;padding:0 10px;font-size:12px;border-radius:8px}.ui-btn--sm{height:36px;padding:0 14px;font-size:13px;border-radius:10px}.ui-btn--md{height:44px;padding:0 20px;font-size:14px}.ui-btn--lg{height:52px;padding:0 28px;font-size:16px;border-radius:14px}.ui-btn--primary{background:linear-gradient(135deg,#4f46e5,#4338ca);color:white;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 4px 12px 0 rgba(79,70,229,.25)}.ui-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#6366f1,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 6px 16px 0 rgba(79,70,229,.35)}.ui-btn--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.ui-btn--secondary{background:white;color:#334155;border:1px solid #e2e8f0;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.ui-btn--secondary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.08)}.ui-btn--ghost{background:transparent;color:#64748b}.ui-btn--ghost:hover:not(:disabled){background:#f1f5f9;color:#334155}.ui-btn--danger{background:linear-gradient(135deg,#f43f5e,#e11d48);color:white;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 4px 12px 0 rgba(244,63,94,.25)}.ui-btn--danger:hover:not(:disabled){background:linear-gradient(135deg,#fb7185,#f43f5e);transform:translateY(-1px)}.ui-btn--success{background:linear-gradient(135deg,#10b981,#059669);color:white;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 4px 12px 0 rgba(16,185,129,.25)}.ui-btn--success:hover:not(:disabled){background:linear-gradient(135deg,#34d399,#10b981);transform:translateY(-1px)}.ui-btn--accent{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:white;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 4px 12px 0 rgba(139,92,246,.3)}.ui-btn--accent:hover:not(:disabled){background:linear-gradient(135deg,#a78bfa,#8b5cf6);transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 6px 16px 0 rgba(139,92,246,.4)}.ui-btn--full{width:100%}.ui-btn--icon{padding:0;width:44px}.ui-btn--icon.ui-btn--xs{width:28px}.ui-btn--icon.ui-btn--sm{width:36px}.ui-btn--icon.ui-btn--lg{width:52px}.ui-btn--loading{cursor:wait}.ui-btn__spinner{width:18px;height:18px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:btn-spin .75s linear infinite}.ui-btn--sm .ui-btn__spinner,.ui-btn--xs .ui-btn__spinner{width:14px;height:14px}@keyframes btn-spin{to{transform:rotate(1turn)}}.ui-btn__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ui-btn__icon svg{width:18px;height:18px}.ui-btn--sm .ui-btn__icon svg,.ui-btn--xs .ui-btn__icon svg{width:16px;height:16px}.ui-btn__label{display:inline-block}.ui-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans,"Inter",-apple-system,sans-serif);font-weight:600;line-height:1;white-space:nowrap;border-radius:100px}.ui-badge--sm{padding:4px 8px;font-size:10px}.ui-badge--md{padding:5px 12px;font-size:11px}.ui-badge--lg{padding:6px 14px;font-size:12px}.ui-badge--default{background:#f1f5f9;color:#64748b}.ui-badge--primary{background:#e0e7ff;color:#4338ca}.ui-badge--success{background:#d1fae5;color:#047857}.ui-badge--warning{background:#fef3c7;color:#b45309}.ui-badge--error{background:#fee2e2;color:#b91c1c}.ui-badge--accent{background:#ede9fe;color:#6d28d9}.ui-badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.ui-badge--success .ui-badge__dot{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;background:linear-gradient(180deg,#fafbfc,#f1f5f9);border:2px dashed #e2e8f0;border-radius:20px;animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.empty-state__icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:88px;height:88px;margin-bottom:24px}.empty-state__icon-bg{position:absolute;inset:0;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:24px;transform:rotate(-6deg);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(-6deg) translateY(-4px)}}.empty-state__icon{position:relative;z-index:1;color:#4f46e5}.empty-state__title{margin:0 0 8px;font-size:20px;font-weight:700;color:#0f172a;letter-spacing:-.025em}.empty-state__description{margin:0 0 24px;max-width:360px;font-size:15px;color:#64748b;line-height:1.6}.empty-state__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.empty-state__btn{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 24px;font-size:15px;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .2s ease}.empty-state__btn--primary{background:linear-gradient(135deg,#4f46e5,#4338ca);color:white;box-shadow:0 4px 14px 0 rgba(79,70,229,.3)}.empty-state__btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px 0 rgba(79,70,229,.4)}.empty-state__btn--secondary{background:white;color:#475569;border:1px solid #e2e8f0}.empty-state__btn--secondary:hover{background:#f8fafc;border-color:#cbd5e1}.mobile-bottom-nav{display:none}@media (max-width:768px){.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.95);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid rgba(0,0,0,.06);padding:.5rem .5rem calc(.5rem + env(safe-area-inset-bottom));z-index:900;justify-content:space-around;box-shadow:0 -2px 10px rgba(0,0,0,.03),0 -1px 3px rgba(0,0,0,.05)}.mobile-bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem .75rem;background:transparent;border:none;color:#9ca3af;font-size:.65rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border-radius:12px;min-width:64px;flex:1 1;max-width:85px;position:relative;letter-spacing:.01em}.mobile-bottom-nav__item:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:100%;height:100%;background:rgba(79,70,229,.08);border-radius:12px;transition:transform .25s cubic-bezier(.4,0,.2,1);z-index:-1}.mobile-bottom-nav__item:active{transform:scale(.92)}.mobile-bottom-nav__item.active:before{transform:translate(-50%,-50%) scale(1)}.mobile-bottom-nav__item.active{color:#4f46e5}.mobile-bottom-nav__item.active .mobile-bottom-nav__icon{transform:scale(1.08);color:#4f46e5}.mobile-bottom-nav__icon{transition:all .25s cubic-bezier(.4,0,.2,1);stroke-width:2.2}.mobile-bottom-nav__item span{transition:color .25s ease}.mobile-bottom-nav__item:active:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:rgba(79,70,229,.15);border-radius:50%;transform:translate(-50%,-50%) scale(0);animation:ripple .6s ease-out}@keyframes ripple{to{transform:translate(-50%,-50%) scale(2);opacity:0}}}@media (max-width:480px){.mobile-bottom-nav{padding:.375rem .25rem calc(.375rem + env(safe-area-inset-bottom))}.mobile-bottom-nav__item{font-size:.6rem;padding:.375rem .5rem;min-width:56px;max-width:72px;gap:.2rem}.mobile-bottom-nav__icon{width:20px;height:20px;stroke-width:2.3}.mobile-fab{width:52px;height:52px;bottom:calc(4.5rem + env(safe-area-inset-bottom));right:.75rem}.mobile-fab-menu{bottom:calc(6rem + env(safe-area-inset-bottom));right:.75rem}.mobile-fab-menu__item{padding:.625rem .875rem;font-size:.8125rem}.mobile-fab-menu__item-icon{width:28px;height:28px}}@media (min-width:769px){.mobile-bottom-nav{display:none!important}}.mobile-fab{display:none}@media (max-width:768px){.mobile-fab{display:flex;position:fixed;bottom:calc(5rem + env(safe-area-inset-bottom));right:1rem;z-index:950;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#4f46e5,#6366f1);color:white;border:none;border-radius:16px;box-shadow:0 8px 24px rgba(79,70,229,.3),0 4px 12px rgba(0,0,0,.1);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-fab:hover{transform:scale(1.05);box-shadow:0 12px 32px rgba(79,70,229,.4),0 6px 16px rgba(0,0,0,.15)}.mobile-fab:active{transform:scale(.95)}.mobile-fab.expanded{transform:rotate(45deg)}.mobile-fab-menu{position:fixed;bottom:calc(6.5rem + env(safe-area-inset-bottom));right:1rem;z-index:949;display:flex;flex-direction:column;gap:.75rem;opacity:0;transform:translateY(20px);pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-fab-menu.show{opacity:1;transform:translateY(0);pointer-events:all}.mobile-fab-menu__item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:white;border:none;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1),0 2px 6px rgba(0,0,0,.05);cursor:pointer;transition:all .2s ease;white-space:nowrap;font-size:.875rem;font-weight:500}.mobile-fab-menu__item:active{transform:scale(.95)}.mobile-fab-menu__item-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px}}@media (min-width:769px){.mobile-fab{display:none!important}}