@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--font-main: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-body: #08090d;--bg-sidebar: #0f111a;--bg-card: rgba(20, 24, 38, .6);--bg-card-hover: rgba(30, 37, 56, .85);--bg-input: rgba(13, 16, 26, .6);--bg-modal: rgba(10, 12, 20, .85);--border-color: rgba(255, 255, 255, .06);--border-focus: rgba(0, 240, 255, .4);--border-card-hover: rgba(0, 240, 255, .15);--text-main: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--color-primary: #00f0ff;--color-primary-glow: rgba(0, 240, 255, .35);--color-secondary: #a855f7;--color-secondary-glow: rgba(168, 85, 247, .35);--color-success: #10b981;--color-success-bg: rgba(16, 185, 129, .15);--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .15);--color-danger: #ef4444;--color-danger-bg: rgba(239, 68, 68, .15);--color-info: #3b82f6;--color-info-bg: rgba(59, 130, 246, .15);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px var(--color-primary-glow);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box;outline:none}body{font-family:var(--font-main);background-color:var(--bg-body);color:var(--text-main);min-height:100vh;display:flex;overflow-x:hidden;letter-spacing:-.01em}#root{display:flex;width:100%;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}a{text-decoration:none;color:inherit}button,input,select,textarea{font-family:inherit}.login-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,#151829 0%,var(--bg-body) 70%);display:flex;justify-content:center;align-items:center;z-index:9999;transition:transform .6s cubic-bezier(.85,0,.15,1),opacity .5s ease}.login-screen.hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.login-card{background:var(--bg-card);border:1px solid var(--border-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:40px;border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-lg),0 0 40px #00f0ff0d;text-align:center;animation:fadeIn .8s ease-out}.login-logo{font-size:32px;font-weight:800;color:var(--text-main);margin-bottom:8px;letter-spacing:-.03em;display:flex;align-items:center;justify-content:center;gap:10px}.login-logo span{color:var(--color-primary);text-shadow:0 0 10px var(--color-primary-glow)}.login-subtitle{color:var(--text-secondary);font-size:14px;margin-bottom:32px}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:8px}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper i{position:absolute;left:16px;color:var(--text-muted);transition:var(--transition)}.form-input{width:100%;background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);padding:14px 16px 14px 46px;border-radius:var(--radius-sm);font-size:14px;transition:var(--transition)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 15px #00f0ff26}.form-input:focus+i{color:var(--color-primary)}.btn-login{width:100%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#06070a;border:none;padding:14px;border-radius:var(--radius-sm);font-weight:700;font-size:15px;cursor:pointer;margin-top:10px;transition:var(--transition);box-shadow:0 4px 15px #00f0ff33}.btn-login:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00f0ff66}.login-error{color:var(--color-danger);font-size:13px;margin-top:15px;min-height:18px;font-weight:500}.sidebar{width:280px;background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;z-index:100;transition:var(--transition)}.sidebar-brand{padding:28px 24px;font-size:22px;font-weight:800;display:flex;align-items:center;gap:10px;letter-spacing:-.02em;border-bottom:1px solid var(--border-color)}.sidebar-brand i{color:var(--color-primary);text-shadow:0 0 10px var(--color-primary-glow)}.sidebar-menu{list-style:none;padding:24px 16px;display:flex;flex-direction:column;gap:8px;flex-grow:1;overflow-y:auto}.sidebar-item a{display:flex;align-items:center;gap:16px;padding:12px 18px;color:var(--text-secondary);border-radius:var(--radius-sm);font-weight:500;font-size:14px;transition:var(--transition)}.sidebar-item a i{font-size:18px;width:24px;text-align:center;transition:var(--transition)}.sidebar-item:hover a,.sidebar-item.active a{color:var(--text-main);background-color:#ffffff0a}.sidebar-item.active a{background:linear-gradient(90deg,rgba(0,240,255,.08) 0%,transparent 100%);border-left:3px solid var(--color-primary);color:var(--text-main)}.sidebar-item.active a i{color:var(--color-primary);text-shadow:0 0 8px var(--color-primary-glow)}.sidebar-user{padding:20px 24px;border-top:1px solid var(--border-color);display:flex;align-items:center;gap:14px;background-color:#00000026}.user-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;font-weight:700;color:#06070a;box-shadow:0 0 10px #00f0ff33}.user-info{flex-grow:1;min-width:0}.user-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;color:var(--text-secondary);text-transform:capitalize}.btn-logout{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:18px;padding:6px;border-radius:var(--radius-sm);transition:var(--transition)}.btn-logout:hover{color:var(--color-danger);background-color:var(--color-danger-bg)}.content-area{flex-grow:1;display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:relative}.top-bar{height:80px;padding:0 40px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background-color:#08090dcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10}.page-title{font-size:22px;font-weight:700;letter-spacing:-.02em}.top-bar-actions{display:flex;align-items:center;gap:16px}.btn-sync{background-color:#ffffff08;border:1px solid var(--border-color);color:var(--text-main);padding:10px 18px;border-radius:var(--radius-sm);font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:var(--transition)}.btn-sync:hover{border-color:var(--color-primary);background-color:#00f0ff0d}.btn-sync i.spinning{animation:spin 1s linear infinite}.btn-sync-force:hover{border-color:var(--color-secondary);background-color:#a855f714}.db-status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none}.db-status-badge:hover{background-color:var(--bg-card-hover);border-color:#ffffff1f}.db-status-badge .status-dot{width:8px;height:8px;border-radius:50%;background-color:var(--text-muted);box-shadow:0 0 6px var(--text-muted);transition:var(--transition)}.db-status-badge.connected{border-color:#10b98133;color:var(--color-success)}.db-status-badge.connected .status-dot{background-color:var(--color-success);box-shadow:0 0 10px var(--color-success);animation:pulse-green 2s infinite alternate}.db-status-badge.local{border-color:#f59e0b33;color:var(--color-warning)}.db-status-badge.local .status-dot{background-color:var(--color-warning);box-shadow:0 0 10px var(--color-warning);animation:pulse-yellow 2s infinite alternate}.db-status-badge.error{border-color:#ef444433;color:var(--color-danger);animation:pulse-border-red 2s infinite alternate}.db-status-badge.error .status-dot{background-color:var(--color-danger);box-shadow:0 0 10px var(--color-danger)}@keyframes pulse-green{0%{box-shadow:0 0 4px var(--color-success)}to{box-shadow:0 0 12px var(--color-success)}}@keyframes pulse-yellow{0%{box-shadow:0 0 4px var(--color-warning)}to{box-shadow:0 0 12px var(--color-warning)}}@keyframes pulse-border-red{0%{border-color:#ef444426}to{border-color:#ef444473}}@keyframes panelFadeIn{0%{opacity:0}to{opacity:1}}.tab-panel{display:none;padding:40px;animation:panelFadeIn .4s ease-out forwards}.tab-panel.active{display:block}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:32px}.metric-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;transition:var(--transition)}.metric-card:hover{border-color:var(--border-card-hover);transform:translateY(-4px);box-shadow:0 10px 30px #0003}.metric-details h3{font-size:12px;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;margin-bottom:8px}.metric-value{font-size:26px;font-weight:800;letter-spacing:-.02em}.metric-icon{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:20px}.metric-icon.blue{background-color:var(--color-info-bg);color:var(--color-info)}.metric-icon.green{background-color:var(--color-success-bg);color:var(--color-success)}.metric-icon.purple{background-color:var(--color-secondary-glow);color:var(--color-secondary)}.metric-icon.orange{background-color:var(--color-warning-bg);color:var(--color-warning)}.charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px}.charts-grid.two-cols{grid-template-columns:1fr 1fr}@media(max-width:1024px){.charts-grid,.charts-grid.two-cols{grid-template-columns:1fr}}.chart-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.chart-header h3{font-size:16px;font-weight:700}.chart-container{position:relative;height:320px;width:100%}.dashboard-printers-section h3{font-size:18px;font-weight:700;margin-bottom:20px}.printer-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.printer-status-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:16px;transition:var(--transition);position:relative;overflow:hidden}.printer-status-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--color-success)}.printer-status-card.status-imprimindo:before{background-color:var(--color-primary)}.printer-status-card.status-manutencao:before{background-color:var(--color-warning)}.printer-status-card.status-calibrando:before{background-color:var(--color-secondary)}.printer-status-card:hover{border-color:var(--border-card-hover);transform:translateY(-2px)}.printer-card-header{display:flex;justify-content:space-between;align-items:flex-start}.printer-model-name h4{font-size:15px;font-weight:700}.printer-model-name span{font-size:12px;color:var(--text-secondary)}.badge-status{padding:4px 10px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase}.badge-status.libre{background-color:var(--color-success-bg);color:var(--color-success)}.badge-status.imprimindo{background-color:#00f0ff26;color:var(--color-primary);animation:pulse-border 1.5s infinite alternate}.badge-status.manutencao{background-color:var(--color-warning-bg);color:var(--color-warning)}.badge-status.calibrando{background-color:var(--color-secondary-glow);color:var(--color-secondary)}.printer-card-job{border-top:1px solid var(--border-color);padding-top:12px;display:flex;flex-direction:column;gap:4px}.printer-card-job .label{font-size:11px;color:var(--text-secondary)}.printer-card-job .value{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-actions{display:flex;gap:12px;align-items:center}.btn-primary{background:var(--color-primary);color:#06070a;border:none;padding:10px 20px;border-radius:var(--radius-sm);font-weight:700;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:var(--transition)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 15px #00f0ff59}.btn-secondary{background-color:#ffffff0a;border:1px solid var(--border-color);color:var(--text-main);padding:10px 20px;border-radius:var(--radius-sm);font-weight:600;font-size:13px;cursor:pointer;transition:var(--transition)}.btn-secondary:hover{background-color:#ffffff14}.search-filter-row{display:flex;gap:16px;margin-bottom:24px}.search-input-wrapper{position:relative;flex-grow:1}.search-input-wrapper i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-input{width:100%;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);padding:12px 16px 12px 46px;border-radius:var(--radius-sm);font-size:14px;transition:var(--transition)}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 15px #00f0ff1a}.filter-select{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);padding:12px 20px;border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:var(--transition)}.filter-select:focus{border-color:var(--color-primary)}.table-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.responsive-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.responsive-table th{background-color:#0003;padding:16px 24px;font-weight:700;color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-transform:uppercase;font-size:11px;letter-spacing:.05em}.responsive-table td{padding:16px 24px;border-bottom:1px solid var(--border-color);color:var(--text-main);transition:var(--transition);vertical-align:middle}.responsive-table tr:last-child td{border-bottom:none}.responsive-table tr:hover td{background-color:#ffffff04}.badge-sale-status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px;text-transform:capitalize}.badge-sale-status:before{content:"";width:6px;height:6px;border-radius:50%}.badge-sale-status.pago{background-color:var(--color-success-bg);color:var(--color-success)}.badge-sale-status.pago:before{background-color:var(--color-success)}.badge-sale-status.pendente{background-color:var(--color-warning-bg);color:var(--color-warning)}.badge-sale-status.pendente:before{background-color:var(--color-warning)}.badge-sale-status.atrasado{background-color:var(--color-danger-bg);color:var(--color-danger)}.badge-sale-status.atrasado:before{background-color:var(--color-danger)}.badge-sale-status.exposicao{background-color:var(--color-info-bg);color:var(--color-info)}.badge-sale-status.exposicao:before{background-color:var(--color-info)}.item-preview-td{display:flex;align-items:center;gap:12px}.item-preview-img{width:40px;height:40px;border-radius:var(--radius-sm);object-fit:cover;background-color:#ffffff0d;border:1px solid var(--border-color)}.item-preview-info{display:flex;flex-direction:column}.item-name-bold{font-weight:600}.item-code-muted{font-size:11px;color:var(--text-secondary)}.actions-cell{display:flex;gap:8px}.btn-icon{background-color:#ffffff08;border:1px solid var(--border-color);color:var(--text-secondary);width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.btn-icon:hover{color:var(--text-main);background-color:#ffffff14}.btn-icon.edit:hover{color:var(--color-primary);border-color:var(--color-primary)}.btn-icon.delete:hover{color:var(--color-danger);border-color:var(--color-danger)}.filaments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.filament-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px;display:flex;flex-direction:column;gap:16px;transition:var(--transition)}.filament-card:hover{border-color:var(--border-card-hover);transform:translateY(-3px)}.filament-card-header{display:flex;justify-content:space-between;align-items:flex-start}.filament-title-desc h4{font-size:16px;font-weight:700}.filament-title-desc span{font-size:12px;color:var(--text-secondary)}.color-indicator{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.2);box-shadow:var(--shadow-sm)}.filament-progress-wrapper{display:flex;flex-direction:column;gap:8px}.progress-labels{display:flex;justify-content:space-between;font-size:12px;font-weight:600}.progress-bar-bg{width:100%;height:10px;background-color:#ffffff0d;border-radius:10px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:10px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:width 1s ease-out}.progress-bar-fill.low-stock{background:var(--color-warning)}.progress-bar-fill.empty{background:var(--color-danger)}.filament-details-list{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary);border-top:1px solid var(--border-color);padding-top:12px}.filament-details-list span strong{color:var(--text-main)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-container{background:var(--bg-modal);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:600px;box-shadow:var(--shadow-lg);overflow:hidden;transform:scale(.95);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.modal-overlay.active .modal-container{transform:scale(1)}.modal-header{padding:24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:18px;font-weight:700}.btn-modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;transition:var(--transition)}.btn-modal-close:hover{color:var(--text-main)}.modal-body{padding:24px;max-height:70vh;overflow-y:auto}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px;background-color:#00000026}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:580px){.form-row{grid-template-columns:1fr;gap:0}}.form-select{width:100%;background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);padding:14px;border-radius:var(--radius-sm);font-size:14px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' 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 14px center;background-size:16px}.form-select option{background-color:var(--bg-body);color:var(--text-main)}.form-select:focus{border-color:var(--color-primary)}.pos-modal-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;height:75vh;max-height:800px}@media(max-width:900px){.pos-modal-layout{grid-template-columns:1fr;height:auto;max-height:unset}}.pos-catalog-panel{display:flex;flex-direction:column;gap:16px;overflow-y:hidden}.pos-catalog-search-row{display:flex;gap:12px}.products-grid-scroll{flex-grow:1;overflow-y:auto;padding-right:4px;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;align-content:start}.pos-product-card{background-color:#ffffff05;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:var(--transition);position:relative}.pos-product-card:hover{border-color:var(--color-primary);background-color:#00f0ff08}.pos-product-card.selected{border-color:var(--color-primary);background-color:#00f0ff14;box-shadow:0 0 10px #00f0ff26}.pos-product-card .img-container{width:100%;aspect-ratio:1;border-radius:4px;overflow:hidden;background-color:#0003;border:1px solid var(--border-color)}.pos-product-card img{width:100%;height:100%;object-fit:cover}.pos-product-details{display:flex;flex-direction:column;gap:2px}.pos-product-name{font-size:12px;font-weight:600;line-height:1.2;height:2.4em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pos-product-price{font-size:13px;font-weight:700;color:var(--color-primary);margin-top:4px}.pos-checkout-panel{border-left:1px solid var(--border-color);padding-left:24px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}@media(max-width:900px){.pos-checkout-panel{border-left:none;padding-left:0;border-top:1px solid var(--border-color);padding-top:24px}}.checkout-summary-box{background-color:#0003;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:16px;display:flex;flex-direction:column;gap:10px}.summary-row{display:flex;justify-content:space-between;font-size:13px}.summary-row.total{border-top:1px solid var(--border-color);padding-top:10px;font-size:18px;font-weight:800;color:var(--color-primary)}.checkout-filaments-section{display:flex;flex-direction:column;gap:10px;background-color:#ffffff03;border:1px solid var(--border-color);padding:12px;border-radius:var(--radius-sm)}.filament-row-item{display:grid;grid-template-columns:1.5fr 1fr auto;gap:8px;align-items:center;margin-bottom:6px}.btn-remove-filament{color:var(--text-muted);background:transparent;border:none;cursor:pointer;font-size:14px;transition:var(--transition)}.btn-remove-filament:hover{color:var(--color-danger)}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:10000}.toast{background-color:var(--bg-sidebar);border:1px solid var(--border-color);border-left:4px solid var(--color-primary);border-radius:var(--radius-sm);padding:16px 20px;color:var(--text-main);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;min-width:280px;transform:translateY(20px);opacity:0;animation:slideIn .4s cubic-bezier(.175,.885,.32,1.15) forwards}.toast.success{border-left-color:var(--color-success)}.toast.warning{border-left-color:var(--color-warning)}.toast.danger{border-left-color:var(--color-danger)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-border{0%{box-shadow:0 0 #00f0ff66}to{box-shadow:0 0 0 6px #00f0ff00}}.btn-menu-toggle{display:none;background:transparent;border:none;color:var(--text-main);font-size:20px;cursor:pointer;transition:var(--transition);padding:8px;border-radius:var(--radius-sm)}.btn-menu-toggle:hover{color:var(--color-primary);background-color:#ffffff0d}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#08090d99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:998;opacity:0;transition:opacity .3s ease;pointer-events:none}.sidebar-overlay.active{opacity:1;pointer-events:auto}@media(max-width:768px){.btn-menu-toggle{display:block}.sidebar{position:fixed;top:0;left:-280px;height:100vh;width:280px;z-index:999;box-shadow:var(--shadow-lg),0 0 35px #0009;transition:left .3s cubic-bezier(.4,0,.2,1)}.sidebar.active{left:0}.sidebar-overlay{display:block}.top-bar{padding:0 20px;height:70px}.top-bar-actions span{display:none}.btn-sync{padding:10px 14px}.tab-panel{padding:24px 20px}.metrics-grid{grid-template-columns:1fr;gap:16px}.charts-grid{grid-template-columns:1fr;gap:20px}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.responsive-table th,.responsive-table td{padding:12px 16px;white-space:nowrap}}.badge-sale-status.pos_processo{background-color:var(--color-secondary-bg);color:var(--color-secondary)}.badge-sale-status.pos_processo:before{background-color:var(--color-secondary)}.form-row-three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:15px}@media(max-width:580px){.form-row-three{grid-template-columns:1fr;gap:0}}.kanban-board{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:start;margin-top:20px}@media(max-width:1024px){.kanban-board{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.kanban-board{grid-template-columns:1fr}}.kanban-column{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;max-height:75vh}.kanban-column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.kanban-column-header h4{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-main);margin:0}.kanban-column-header .badge-count{background:#ffffff14;color:var(--text-secondary);font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;border:1px solid var(--border-color)}.kanban-cards-container{display:flex;flex-direction:column;gap:12px;overflow-y:auto;flex-grow:1;padding-right:4px;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease;border:2px dashed transparent}.kanban-cards-container::-webkit-scrollbar{width:4px}.kanban-cards-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.kanban-card{background:#0d101a66;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px;display:flex;flex-direction:column;gap:10px;transition:all .2s ease}.kanban-card:hover{transform:translateY(-2px);border-color:var(--border-card-hover);background:#1e253873}.kanban-card-header{display:flex;justify-content:space-between;align-items:center}.kanban-card-header .sale-id{font-size:11px;font-weight:800;color:var(--color-primary)}.kanban-card-header .sale-date{font-size:10px;color:var(--text-muted)}.kanban-card-body .item-info{display:flex;align-items:center;gap:10px}.kanban-card-body .item-text{display:flex;flex-direction:column;gap:2px}.kanban-card-body .item-name{font-size:13px;font-weight:600;color:var(--text-main)}.kanban-card-body .client-name{font-size:11px;color:var(--text-secondary)}.kanban-card-actions{display:flex;flex-direction:column;gap:6px;margin-top:4px}.btn-kanban-action{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all .2s ease;background:#ffffff0d;color:var(--text-main)}.btn-kanban-action:hover{background:#ffffff1a}.btn-kanban-action.start{border-color:#00f0ff4d;color:var(--color-primary);background:#00f0ff0d}.btn-kanban-action.start:hover{background:var(--color-primary);color:#000;box-shadow:0 0 10px var(--color-primary-glow)}.btn-kanban-action.next{border-color:#a855f74d;color:var(--color-secondary);background:#a855f70d}.btn-kanban-action.next:hover{background:var(--color-secondary);color:#fff}.btn-kanban-action.success{border-color:#10b9814d;color:var(--color-success);background:#10b9810d}.btn-kanban-action.success:hover{background:var(--color-success);color:#000}.job-machine-badge,.job-finished-badge{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;padding:4px 8px;border-radius:var(--radius-sm);background:#00f0ff14;color:var(--color-primary);border:1px solid rgba(0,240,255,.15);justify-content:center}.job-machine-badge.done{background:#a855f714;color:var(--color-secondary);border-color:#a855f726}.job-finished-badge{background:#10b98114;color:var(--color-success);border-color:#10b98126}body.light-theme{--bg-body: #f1f5f9;--bg-sidebar: #ffffff;--bg-card: rgba(255, 255, 255, .7);--bg-card-hover: rgba(255, 255, 255, .95);--bg-input: rgba(241, 245, 249, .9);--bg-modal: rgba(255, 255, 255, .95);--border-color: rgba(0, 0, 0, .08);--border-focus: rgba(2, 132, 199, .4);--border-card-hover: rgba(2, 132, 199, .2);--text-main: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--color-primary: #0284c7;--color-primary-glow: rgba(2, 132, 199, .15);--color-secondary: #7c3aed;--color-secondary-glow: rgba(124, 58, 237, .15);--color-success-bg: rgba(16, 185, 129, .1);--color-warning-bg: rgba(245, 158, 11, .1);--color-danger-bg: rgba(239, 68, 68, .1);--color-info-bg: rgba(59, 130, 246, .1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 8px 24px rgba(0, 0, 0, .06);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .1)}body.light-theme .top-bar{background-color:#f8fafccc}body.light-theme .sidebar-user{background-color:#00000008}body.light-theme .user-avatar{color:#fff}body.light-theme .pos-product-card{background:#fff}body.light-theme .pos-product-card.selected{background:#0284c70d;border-color:var(--color-primary)}body.light-theme .kanban-card{background:#fffc}body.light-theme .kanban-card:hover{background:#fff}body.light-theme .btn-kanban-action{background:#00000008}body.light-theme .btn-kanban-action:hover{background:#0000000f}body.light-theme .btn-sync{background-color:#fff}body.light-theme .btn-sync:hover{background-color:#0284c70d}.kanban-cards-container.drag-over{background-color:#00f0ff14!important;border-color:var(--color-primary)!important;border-radius:var(--radius-sm);min-height:120px;box-shadow:0 0 15px #00f0ff1a inset}body.light-theme .kanban-cards-container.drag-over{background-color:#0284c70d!important;border-color:var(--color-primary)!important}.kanban-card.dragging{opacity:.4;transform:scale(.98);border:1.5px dashed var(--color-primary)!important}.btn-theme{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:18px;padding:6px;border-radius:var(--radius-sm);transition:var(--transition);display:flex;align-items:center;justify-content:center}.btn-theme:hover{color:var(--color-primary);background-color:var(--color-primary-glow)}body.light-theme .btn-theme:hover{color:var(--color-primary);background-color:#0284c71a}.printer-progress-container{margin-top:10px;display:flex;flex-direction:column;gap:4px}.printer-progress-bar{width:100%;height:6px;background-color:#ffffff0d;border-radius:3px;overflow:hidden}body.light-theme .printer-progress-bar{background-color:#0000000f}.printer-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-info));width:0%;border-radius:3px;transition:width .5s ease;box-shadow:0 0 8px #00f0ff4d}.printer-progress-text{display:flex;justify-content:space-between;font-size:11px;color:var(--text-secondary)}.sidebar-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;line-height:1;display:inline-block}.sidebar-badge.blue-badge{background-color:var(--color-info-bg);color:var(--color-info);border:1px solid rgba(59,130,246,.2)}.sidebar-badge.red-badge{background-color:var(--color-danger-bg);color:var(--color-danger);border:1px solid rgba(239,68,68,.2);animation:pulse-border 1.5s infinite alternate}.sidebar-badge.green-badge{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid rgba(16,185,129,.2);animation:pulse-border 1.5s infinite alternate}.finance-split-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}@media(max-width:1024px){.finance-split-layout{grid-template-columns:1fr}}.finance-column.card{background:var(--bg-card);border:1px solid var(--border-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-md);padding:20px;transition:var(--transition)}.finance-column.card:hover{border-color:var(--border-card-hover);box-shadow:0 8px 30px #0003}.finance-inflow{color:var(--color-success)!important;font-weight:600}.finance-outflow{color:var(--color-danger)!important;font-weight:600}.badge-finance-status{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;display:inline-block}.badge-finance-status.pago{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid rgba(16,185,129,.2)}.badge-finance-status.pendente{background-color:var(--color-warning-bg);color:var(--color-warning);border:1px solid rgba(245,158,11,.2)}.badge-finance-status.parcial{background-color:var(--color-info-bg);color:var(--color-info);border:1px solid rgba(59,130,246,.2)}.pos-modal-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}@media(max-width:768px){.pos-modal-layout{grid-template-columns:1fr}}.badge-score{font-weight:700;padding:4px 8px;border-radius:6px;font-size:12px;display:inline-flex;align-items:center;gap:4px}.badge-score.grade-a{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid rgba(16,185,129,.2)}.badge-score.grade-b{background-color:var(--color-info-bg);color:var(--color-info);border:1px solid rgba(59,130,246,.2)}.badge-score.grade-c{background-color:var(--color-warning-bg);color:var(--color-warning);border:1px solid rgba(245,158,11,.2)}.badge-score.grade-d{background-color:var(--color-danger-bg);color:var(--color-danger);border:1px solid rgba(239,68,68,.2)}.wa-link{color:#25d366;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:var(--transition)}.wa-link:hover{text-shadow:0 0 8px rgba(37,211,102,.4);transform:scale(1.05)}.btn-vote{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;padding:6px 10px;border-radius:var(--radius-sm);transition:var(--transition);font-size:13px;display:inline-flex;align-items:center;gap:5px}.btn-vote.like:hover{background-color:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success)}.btn-vote.dislike:hover{background-color:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger)}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-weight:800;font-size:11px}.rank-badge.first{background:linear-gradient(135deg,gold,orange);color:#000;box-shadow:0 0 10px #ffd70066}.rank-badge.second{background:linear-gradient(135deg,silver,#a9a9a9);color:#000}.rank-badge.third{background:linear-gradient(135deg,#cd7f32,#8b4513);color:#fff}.rank-badge.other{background:var(--bg-body);border:1px solid var(--border-color);color:var(--text-secondary)}.badge-webhook-event{font-size:10px;background-color:#ffffff0d;color:var(--text-secondary);border:1px solid var(--border-color);padding:3px 8px;border-radius:4px;margin-right:4px;margin-bottom:4px;display:inline-block;font-weight:500;transition:var(--transition)}.badge-webhook-event:hover{border-color:var(--color-primary);color:var(--text-main);background-color:#6366f11a}.webhook-log-payload-btn{padding:4px 8px;font-size:11px;border-radius:4px;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.webhook-log-payload-btn:hover{background:var(--color-primary-bg);color:var(--color-primary);border-color:var(--color-primary)}.cart-item-row{display:flex;align-items:center;gap:12px;padding:10px;background:#ffffff05;border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:var(--transition)}.cart-item-row:hover{background:#ffffff0a;border-color:var(--border-card-hover)}.cart-item-img{width:44px;height:44px;border-radius:6px;object-fit:cover;border:1px solid var(--border-color)}.cart-item-info{flex-grow:1;min-width:0}.cart-item-name{font-size:13px;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-code{font-size:11px;color:var(--text-muted);margin-top:2px}.cart-item-controls{display:flex;align-items:center;gap:8px}.cart-item-qty{width:54px;background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);padding:6px 8px;border-radius:6px;font-size:12px;text-align:center;font-weight:600;transition:var(--transition)}.cart-item-qty:focus{border-color:var(--color-primary);box-shadow:0 0 10px #00f0ff26}.cart-item-price-wrapper{display:flex;align-items:center;gap:4px}.cart-item-price-symbol{font-size:11px;color:var(--text-secondary);font-weight:600}.cart-item-price{width:84px;background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);padding:6px 8px;border-radius:6px;font-size:12px;font-weight:600;transition:var(--transition)}.cart-item-price:focus{border-color:var(--color-primary);box-shadow:0 0 10px #00f0ff26}.btn-cart-remove{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:6px;font-size:14px;transition:var(--transition);display:flex;align-items:center;justify-content:center}.btn-cart-remove:hover{color:var(--color-danger);background-color:var(--color-danger-bg)}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:12px!important;max-height:250px!important;overflow-y:auto!important;padding:14px!important;background-color:var(--bg-body)!important;border-radius:var(--radius-md)!important;border:1px solid var(--border-color)!important;margin-top:8px!important;box-shadow:inset 0 2px 8px #0000000d!important;transition:border-color .25s ease!important}.permissions-grid:focus-within{border-color:var(--color-primary)!important}.permissions-grid::-webkit-scrollbar{width:6px!important}.permissions-grid::-webkit-scrollbar-track{background:transparent!important}.permissions-grid::-webkit-scrollbar-thumb{background:#ffffff14!important;border-radius:10px!important}body.light-theme .permissions-grid::-webkit-scrollbar-thumb{background:#0000001a!important}.permissions-grid::-webkit-scrollbar-thumb:hover{background:#ffffff26!important}body.light-theme .permissions-grid::-webkit-scrollbar-thumb:hover{background:#0000002e!important}.perm-label{display:flex!important;align-items:center!important;gap:10px!important;font-size:13px!important;font-weight:500!important;color:var(--text-secondary)!important;cursor:pointer!important;padding:6px 8px!important;border-radius:var(--radius-sm)!important;background:#ffffff03!important;border:1px solid transparent!important;transition:all .2s ease!important;-webkit-user-select:none!important;user-select:none!important;text-transform:none!important}.perm-label:hover{background:#ffffff08!important;color:var(--text-main)!important;border-color:#ffffff0a!important}body.light-theme .perm-label:hover{background:#00000005!important;color:var(--text-main)!important;border-color:#00000008!important}.perm-checkbox{width:16px!important;height:16px!important;accent-color:var(--color-primary)!important;cursor:pointer!important;margin:0!important}@media print{body.printing-report *{visibility:hidden!important}body.printing-report #dailyReportModal,body.printing-report #dailyReportModal *{visibility:visible!important}body.printing-report #dailyReportModal{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:auto!important;background-color:#fff!important;color:#000!important;box-shadow:none!important;padding:0!important;margin:0!important;display:block!important}body.printing-report #dailyReportModal .modal-container{max-width:100%!important;width:100%!important;box-shadow:none!important;padding:0!important;margin:0!important;border:none!important;background-color:#fff!important;color:#000!important;table-layout:auto!important}body.printing-report #dailyReportModal .btn-modal-close,body.printing-report #dailyReportModal .modal-footer{display:none!important;visibility:hidden!important}body.printing-report #dailyReportModal .modal-body{max-height:none!important;overflow:visible!important;padding:0!important;background-color:#fff!important;color:#000!important}}@media(max-width:768px){#socialModalBody{grid-template-columns:1fr!important}#socialPreviewCol{border-left:none!important;padding-left:0!important;border-top:1px solid var(--border-color);padding-top:20px}}.btn-spinner{margin-left:8px;display:inline-block;animation:spin 1s linear infinite}.btn-spinner.hidden{display:none!important}.form-input.input-error{border-color:var(--color-danger)!important;box-shadow:0 0 0 2px #ef444440!important;animation:shake .2s ease-in-out 0s 2 alternate}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}to{transform:translate(0)}}.label-print-container{display:none}@media print{body.printing-label *{visibility:hidden!important}body.printing-label #labelPrintModal,body.printing-label #labelPrintModal *{visibility:visible!important}body.printing-label #labelPrintModal{display:block!important;position:fixed!important;left:0!important;top:0!important;width:80mm!important;height:50mm!important;background-color:#fff!important;color:#000!important;margin:0!important;padding:2mm!important;box-sizing:border-box!important;page-break-inside:avoid!important}body.printing-label{background:#fff!important;color:#000!important}}.label-print-card{width:100%;height:100%;border:1.5px solid #000000;border-radius:4px;padding:6px;display:grid;grid-template-columns:1fr 75px;grid-template-rows:auto 1fr;box-sizing:border-box;font-family:Inter,Courier New,monospace;background-color:#fff;color:#000}.label-header{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #000000;padding-bottom:2px;margin-bottom:6px}.label-header .system-name{font-weight:800;font-size:11px;letter-spacing:.5px}.label-header .order-id{font-weight:900;font-size:11px;background-color:#000;color:#fff;padding:1px 4px;border-radius:2px}.label-content{display:flex;flex-direction:column;gap:4px;justify-content:center;padding-right:4px}.label-field{display:flex;flex-direction:column;line-height:1.1}.label-field .field-title{font-size:8px;font-weight:700;color:#666;text-transform:uppercase}.label-field .field-value{font-size:10px;font-weight:800;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.label-qr-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:1px dashed #cccccc;padding-left:6px}.label-qr-wrapper canvas{width:65px;height:65px;display:block}.label-qr-wrapper .qr-caption{font-size:6px;font-weight:700;margin-top:4px;text-align:center;color:#000;letter-spacing:.2px}.todo-card{position:relative;overflow:hidden;transition:var(--transition)!important}.todo-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md),0 5px 15px #0000004d!important;border-color:#ffffff1f!important}.todo-card.completed{border-color:#10b9811a!important}.todo-card.priority-alta{border-left:4px solid var(--color-secondary)!important}.todo-card.priority-media{border-left:4px solid var(--color-primary)!important}.todo-card.priority-baixa{border-left:4px solid var(--text-muted)!important}.badge-priority-alta{background-color:var(--color-secondary-glow)!important;color:#d8b4fe!important;border:1px solid rgba(168,85,247,.2)}.badge-priority-media{background-color:var(--color-primary-glow)!important;color:#99f6ff!important;border:1px solid rgba(0,240,255,.2)}.badge-priority-baixa{background-color:#ffffff0a!important;color:var(--text-secondary)!important;border:1px solid var(--border-color)}.todo-checkbox-container .checkmark{transition:var(--transition)}.todo-checkbox-container:hover input~.checkmark{background-color:#ffffff1a;border-color:var(--color-primary)}.todo-checkbox-container input:checked~.checkmark{background-color:var(--color-success)!important;border-color:var(--color-success)!important;box-shadow:0 0 10px #10b98166}.todo-checkbox-container input:checked~.checkmark:after{display:block}.todo-checkbox-container .checkmark:after{content:"";position:absolute;display:none;left:6px;top:2px;width:5px;height:10px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}#todoTab .kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:25px}#todoTab .kpi-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;display:flex;align-items:center;gap:15px;box-shadow:var(--shadow-sm)}#todoTab .kpi-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}#todoTab .kpi-details{display:flex;flex-direction:column}#todoTab .kpi-value{font-size:24px;font-weight:800;line-height:1;margin-bottom:4px}#todoTab .kpi-label{font-size:12px;color:var(--text-secondary);font-weight:500}.conflict-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;background:#ffffff04!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.conflict-card:hover{transform:translateY(-2px);border-color:var(--color-primary-light, var(--color-primary))!important;box-shadow:0 8px 20px #00f0ff0d}.conflict-side{transition:transform .2s ease,background-color .2s ease}.conflict-side:hover{transform:scale(1.01)}.local-side:hover{background-color:#00f0ff0a!important}.server-side:hover{background-color:#10b9810a!important}.conflict-card label{transition:background-color .2s ease,padding-left .2s ease;padding:8px 12px;border-radius:var(--radius-sm);background:#ffffff03}.conflict-card label:hover{background:#ffffff0a;padding-left:16px}.conflict-card input[type=radio]{cursor:pointer;margin-top:1px}.conflict-card input[type=radio]:checked+span{color:var(--text-primary);font-weight:500}.online-users-container{display:flex;align-items:center;gap:12px;margin-left:24px;margin-right:auto;font-family:var(--font-main)}.online-users-list{display:flex;align-items:center;padding-left:8px}.online-user-item{position:relative;margin-left:-8px;cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1),z-index .2s ease;z-index:1}.online-user-item:hover{transform:translateY(-4px) scale(1.12);z-index:10}.online-user-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;border:2px solid var(--bg-body);transition:box-shadow .3s ease}.avatar-admin .online-user-avatar{background-color:var(--color-primary);color:#08090d;box-shadow:0 0 10px #00f0ff4d}.avatar-operator .online-user-avatar{background-color:var(--color-secondary);color:#fff;box-shadow:0 0 10px #a855f74d}.avatar-seller .online-user-avatar{background-color:var(--color-warning);color:#08090d;box-shadow:0 0 10px #f59e0b4d}.avatar-default .online-user-avatar{background-color:var(--text-muted);color:#fff}.online-pulse-dot{position:absolute;bottom:0;right:0;width:9px;height:9px;border-radius:50%;background-color:var(--color-success);border:1.5px solid var(--bg-body);box-shadow:0 0 8px var(--color-success);animation:online-pulse-anim 1.8s infinite ease-in-out}.online-users-count-text{font-size:12px;color:var(--text-secondary);font-weight:600;letter-spacing:-.01em}.tooltip-bottom{position:relative}.tooltip-bottom:after{content:attr(data-tooltip);position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(8px);background:#0f111af2;border:1px solid rgba(255,255,255,.1);color:var(--text-main);padding:6px 12px;border-radius:var(--radius-sm);font-size:11px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000}.tooltip-bottom:hover:after{opacity:1;transform:translate(-50%) translateY(12px)}@keyframes online-pulse-anim{0%{transform:scale(.9);box-shadow:0 0 #10b981b3}70%{transform:scale(1.1);box-shadow:0 0 0 5px #10b98100}to{transform:scale(.9);box-shadow:0 0 #10b98100}}@media(max-width:1024px){.online-users-count-text{display:none}.online-users-container{margin-left:12px}}@media(max-width:768px){.online-users-container{display:none}}@media(max-width:768px){.responsive-table th:nth-child(5),.responsive-table td:nth-child(5),.responsive-table th:nth-child(7),.responsive-table td:nth-child(7),.responsive-table th:nth-child(8),.responsive-table td:nth-child(8){display:none!important}.actions-cell{gap:8px!important;flex-wrap:wrap;justify-content:flex-start}.btn-icon{width:36px!important;height:36px!important;font-size:13px!important}.metrics-grid{grid-template-columns:1fr!important;gap:12px!important}.search-filter-row{flex-direction:column!important;gap:12px!important}.search-input-wrapper,.filter-group,.filter-group select{width:100%!important}.section-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.section-header>div{width:100%;flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.sub-tabs{width:100%!important;justify-content:space-between}.sub-tabs button{flex-grow:1;text-align:center}}