@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}:root{--primary-color: #EC6B2E;--primary-hover: #d45a1f;--primary-light: #ff8a52;--success-color: #4ade80;--success-light: #dcfce7;--warning-color: #fbbf24;--warning-light: #fef3c7;--error-color: #ef4444;--error-light: #fee2e2;--info-color: #3b82f6;--info-light: #dbeafe;--text-primary: #1f2937;--text-secondary: #6b7280;--text-light: #9ca3af;--background: #f9fafb;--surface: #ffffff;--border: #e5e7eb;--border-focus: var(--primary-color);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px}.container{width:100%;max-width:var(--container-lg);margin:0 auto;padding:0 var(--spacing-md)}.text-center{text-align:center}.hidden{display:none!important}.loading{opacity:.6;pointer-events:none}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24;-webkit-user-select:none;user-select:none;vertical-align:middle;transition:all var(--transition-fast)}.material-symbols-outlined.icon-xs{font-size:16px}.material-symbols-outlined.icon-sm{font-size:20px}.material-symbols-outlined.icon-md{font-size:24px}.material-symbols-outlined.icon-lg{font-size:32px}.material-symbols-outlined.icon-xl{font-size:48px}.material-symbols-outlined.icon-light{font-variation-settings:"FILL" 0,"wght" 200,"GRAD" 0,"opsz" 24}.material-symbols-outlined.icon-regular{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.material-symbols-outlined.icon-bold{font-variation-settings:"FILL" 0,"wght" 600,"GRAD" 0,"opsz" 24}.material-symbols-outlined.icon-filled{font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 24}.material-symbols-outlined.icon-primary{color:var(--primary-color)}.material-symbols-outlined.icon-success{color:var(--success-color)}.material-symbols-outlined.icon-error{color:var(--error-color)}.material-symbols-outlined.icon-warning{color:var(--warning-color)}.material-symbols-outlined.icon-info{color:var(--info-color)}.material-symbols-outlined.icon-muted{color:var(--text-secondary)}.material-symbols-outlined.icon-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.material-symbols-outlined.icon-pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.material-symbols-outlined.clickable{cursor:pointer}.material-symbols-outlined.clickable:hover{color:var(--primary-color);transform:scale(1.1)}:root{--sidebar-width-expanded: 240px;--sidebar-width-collapsed: 80px;--sidebar-transition: .3s cubic-bezier(.4, 0, .2, 1);--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--sidebar-hover: #f9fafb;--sidebar-active: #fef3f0;--sidebar-active-border: var(--primary-color)}body{display:flex;height:100vh;overflow:hidden}.sidebar-logo{position:fixed;left:0;top:0;width:240px;height:80px;padding:20px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--sidebar-border);border-right:1px solid var(--sidebar-border);background:var(--sidebar-bg);z-index:1002}.sidebar-logo img{width:120px;height:50px}.sidebar{position:fixed;left:0;top:80px;height:calc(100vh - 80px);width:var(--sidebar-width-expanded);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;transition:width var(--sidebar-transition);z-index:1000}.sidebar.collapsed{width:var(--sidebar-width-collapsed);z-index:9999}.dashboard-header{position:fixed;left:240px;top:0;right:0;height:80px;padding:20px 32px;background:#fff;border-bottom:1px solid var(--sidebar-border);display:flex;align-items:center;justify-content:space-between;z-index:999}.header-title-section{display:flex;align-items:center;gap:16px}.header-page-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.main-wrapper{position:fixed;left:var(--sidebar-width-expanded);top:80px;right:0;bottom:0;transition:left var(--sidebar-transition);overflow-y:auto;background:var(--background)}.sidebar.collapsed~.main-wrapper{left:var(--sidebar-width-collapsed)}.sidebar-nav{flex:1;padding:20px 12px;overflow-y:auto;overflow-x:hidden}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:4px;border-radius:8px;text-decoration:none;color:var(--text-secondary);font-size:14px;font-weight:500;transition:all .2s ease;cursor:pointer;position:relative}.sidebar-nav-item:hover{background:var(--sidebar-hover);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--sidebar-active);color:var(--primary-color)}.sidebar-nav-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--primary-color);border-radius:0 2px 2px 0}.sidebar-nav-item .material-symbols-outlined{font-size:24px;flex-shrink:0}.sidebar-nav-text{opacity:1;transition:opacity var(--sidebar-transition)}.sidebar.collapsed .sidebar-nav-text{opacity:0;pointer-events:none}.sidebar-footer{padding:16px 12px;border-top:1px solid var(--sidebar-border);display:flex;flex-direction:column;gap:8px}.sidebar-user{display:flex;align-items:center;gap:12px;padding:8px;margin-bottom:8px}.sidebar-user-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-user-avatar .material-symbols-outlined{font-size:24px}.sidebar-user-info{flex:1;min-width:0;opacity:1;transition:opacity var(--sidebar-transition)}.sidebar.collapsed .sidebar-user-info{opacity:0;pointer-events:none}.sidebar-user-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logout{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border-radius:8px;background:transparent;border:none;color:#dc2626;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.sidebar-logout:hover{background:#fee2e2}.sidebar-logout .material-symbols-outlined{font-size:24px;flex-shrink:0}.sidebar-logout-text{opacity:1;transition:opacity var(--sidebar-transition)}.sidebar.collapsed .sidebar-logout-text{opacity:0;pointer-events:none}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:100%;padding:12px;margin-top:8px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.sidebar-toggle:hover{background:var(--sidebar-hover);color:var(--primary-color)}.sidebar-toggle .material-symbols-outlined{font-size:20px;transition:transform var(--sidebar-transition)}.sidebar.collapsed .sidebar-toggle .material-symbols-outlined{transform:rotate(180deg)}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(--text-secondary)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:999;opacity:0;transition:opacity .3s ease}.sidebar-overlay.active{display:block;opacity:1}@media(max-width:768px){.sidebar{transform:translate(-100%);width:280px!important;z-index:1001}.sidebar.mobile-open{transform:translate(0)}.main-wrapper{left:0!important}.dashboard-header{left:0}.mobile-menu-btn{display:flex}}.sidebar-nav-item[data-tooltip]:before,.sidebar-nav-item[data-tooltip]:after{display:none!important}.sidebar-tooltip{position:fixed;background:#1f2937f2;color:#fff;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap;box-shadow:0 4px 12px #0000004d;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:99999}.sidebar-tooltip.show{opacity:1;visibility:visible}.sidebar-tooltip:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:#1f2937f2}#spa-content{padding:var(--spacing-lg, 32px)}@media(max-width:768px){#spa-content{padding:var(--spacing-md, 20px)}}.dashboard-wrapper{display:flex;min-height:100vh}.btn-logout{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-sm);transition:all var(--transition-fast)}.btn-logout:hover{background:var(--error-color);color:#fff;border-color:var(--error-color)}.date-filter-container{position:relative}.date-filter-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.date-filter-btn:hover{border-color:var(--primary-color);background:#fff}.date-filter-btn .material-symbols-outlined{font-size:20px;color:var(--text-secondary)}.date-filter-btn .material-symbols-outlined:last-child{margin-left:var(--spacing-xs);font-size:18px}.date-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;min-width:320px;animation:fadeIn .2s ease}.date-dropdown.closing{animation:fadeOut .2s ease forwards}.date-presets{padding:var(--spacing-sm);border-bottom:1px solid var(--border);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xs)}.preset-btn{padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.preset-btn:hover{background:var(--background);border-color:var(--primary-color);color:var(--primary-color)}.date-calendar{padding:0;overflow:hidden}#litepickerCalendar{font-family:inherit}.litepicker{font-family:inherit!important;box-shadow:none!important;border:none!important}.litepicker .container__main{border:none!important}.litepicker .container__months{background:transparent!important}.litepicker .month-item-header{color:var(--text-primary)!important;font-weight:600!important;font-size:var(--font-sm)!important;padding:var(--spacing-md) 0!important}.litepicker .month-item-weekdays-row>div{color:var(--text-secondary)!important;font-size:var(--font-xs)!important;font-weight:600!important;padding:var(--spacing-xs) 0!important}.litepicker .day-item{color:var(--text-primary)!important;font-size:var(--font-sm)!important;border-radius:var(--radius-md)!important;transition:all var(--transition-fast)!important}.litepicker .day-item:hover{background:var(--background)!important;color:var(--primary-color)!important}.litepicker .day-item.is-today{background:#ec6b2e1a!important;color:var(--primary-color)!important;font-weight:600!important}.litepicker .day-item.is-in-range{background:#ec6b2e1a!important;color:var(--primary-color)!important}.litepicker .day-item.is-start-date,.litepicker .day-item.is-end-date{background:var(--primary-color)!important;color:#fff!important;font-weight:600!important}.litepicker .day-item.is-start-date:hover,.litepicker .day-item.is-end-date:hover{background:var(--primary-hover)!important}.litepicker .day-item.is-locked{color:var(--text-secondary)!important;opacity:.4!important;cursor:not-allowed!important}.litepicker .button-previous-month,.litepicker .button-next-month{background:transparent!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;color:var(--text-secondary)!important;transition:all var(--transition-fast)!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important}.litepicker .button-previous-month:hover,.litepicker .button-next-month:hover{background:var(--background)!important;border-color:var(--primary-color)!important;color:var(--primary-color)!important}.litepicker .button-previous-month svg,.litepicker .button-next-month svg{fill:currentColor!important}.litepicker .container__footer{display:none!important}.litepicker .container__main{padding-bottom:var(--spacing-md)!important}@media(max-width:1024px){.compact-filters-bar{flex-direction:column;align-items:stretch}.filters-left,.filters-right{width:100%;justify-content:flex-start}.filters-right{justify-content:flex-end}}@media(max-width:768px){.filters-left{flex-direction:column;align-items:stretch}.search-input{width:100%}.filters-right{flex-direction:column}.btn-action-primary,.btn-action-secondary{width:100%;justify-content:center}}.stat-card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:all var(--transition-base)}.stat-icon .material-symbols-outlined{font-size:32px}.stat-icon.blue{background:#3b82f61a;color:var(--info-color)}.stat-icon.green{background:#4ade801a;color:var(--success-color)}.stat-icon.orange{background:#fbbf241a;color:var(--warning-color)}.stat-icon.red{background:#ef44441a;color:var(--error-color)}.controls-section{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.controls-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.controls-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-lg);font-weight:600;color:var(--text-primary)}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-label{font-size:var(--font-sm);font-weight:600;color:var(--text-primary)}.filter-input,.filter-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--text-primary);background:var(--surface);transition:all var(--transition-fast)}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ec6b2e1a}.filter-actions{display:flex;gap:var(--spacing-sm);align-items:flex-end}.btn-filter{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-filter:hover{background:var(--primary-hover);box-shadow:var(--shadow-md)}.btn-clear{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-clear:hover{background:var(--background);border-color:var(--text-secondary)}.active-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.orders-section{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);overflow:hidden}.orders-header{display:none}.orders-title{font-size:var(--font-lg);font-weight:600;color:var(--text-primary)}.orders-actions{display:flex;gap:var(--spacing-sm)}.btn-secondary{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--background);border-color:var(--primary-color);color:var(--primary-color)}.order-id{font-weight:600;color:var(--primary-color)}.order-number-container{display:flex;flex-direction:column;gap:2px}.order-number-container .main-number{font-weight:600;color:var(--primary-color);font-size:var(--font-sm)}.order-number-container .doc-id{font-size:11px;color:var(--text-light);font-weight:400}.order-date{white-space:nowrap}.order-type{text-transform:capitalize}.order-total{font-weight:600}.status-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-xs);font-weight:600;white-space:nowrap}.status-badge.pending{background:#fbbf241a;color:#d97706}.status-badge.issued{background:#4ade801a;color:#16a34a}.status-badge.error{background:#ef44441a;color:#dc2626}.status-badge.processing{background:#3b82f61a;color:#2563eb}.status-badge.cancelled,.status-badge.canceled{background:#9ca3af1a;color:#6b7280}.status-badge.confirmed{background:#3b82f61a;color:#2563eb}.status-badge.closed{background:#4ade801a;color:#16a34a}.status-badge.canceled{background:#ef44441a;color:#dc2626}.row-actions{display:flex;gap:var(--spacing-xs)}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover{color:var(--primary-color)}.btn-icon.btn-primary{color:var(--text-secondary)}.btn-icon.btn-primary:hover{color:var(--primary-color)}.btn-icon.btn-danger{color:var(--text-secondary)}.btn-icon.btn-danger:hover{color:var(--error-color)}.btn-icon.btn-info{color:var(--text-secondary)}.btn-icon.btn-info:hover{color:var(--warning-color)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-icon:disabled:hover{color:var(--text-secondary)}.pagination{padding:var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border)}.pagination-info{font-size:var(--font-sm);color:var(--text-secondary)}.pagination-controls{display:flex;gap:var(--spacing-xs)}.pagination-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.empty-state{padding:var(--spacing-2xl);text-align:center}.modal-container .dashboard-modal-header{padding:var(--spacing-lg) var(--spacing-xl)!important;display:block!important;flex-direction:column!important;align-items:unset!important;justify-content:unset!important}.dashboard-modal-header .modal-header-top{display:flex!important;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);width:100%}.dashboard-modal-header .header-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md) var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border);margin-top:var(--spacing-md);width:100%;clear:both}.header-info-item[style*="display: none"]{display:none!important}.header-info-item{display:flex;flex-direction:column;gap:2px;min-width:0;width:100%}.header-info-label{font-size:10px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.header-info-value{font-size:14px;color:var(--text-primary);font-weight:600;word-break:break-word;overflow-wrap:break-word;display:block;width:100%}.modal-title-section{display:flex;align-items:center;gap:var(--spacing-md)}.dashboard-modal-header .modal-title{font-size:var(--font-2xl)!important;font-weight:700!important;color:var(--text-primary)!important}.dashboard-modal-header .modal-order-number{font-size:var(--font-xl)!important;font-weight:600!important;color:var(--primary-color)!important}.dashboard-modal-body,.dashboard-modal-footer{padding:var(--spacing-md) var(--spacing-xl)!important}.detail-section{margin-bottom:var(--spacing-lg)}.detail-section:last-child{margin-bottom:0}.detail-section-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border)}.detail-section-title .material-symbols-outlined{color:var(--primary-color)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-sm)}.address-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.detail-item{display:flex;flex-direction:column;gap:2px}.detail-item.full-width{grid-column:1 / -1}.detail-label{font-size:var(--font-xs);font-weight:600;color:var(--text-secondary)}.items-table-wrapper{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.items-table{width:100%;border-collapse:collapse}.items-table thead{background:var(--background)}.items-table th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-size:var(--font-sm);font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border)}.items-table td{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border)}.items-table tbody tr:last-child td{border-bottom:none}.item-name{font-weight:600}.item-options{font-size:var(--font-xs);color:var(--text-secondary);margin-top:var(--spacing-xs);padding-left:var(--spacing-md)}.item-option{display:block}.values-summary{background:var(--background);border-radius:var(--radius-md);padding:var(--spacing-md)}.value-row{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0;font-size:var(--font-sm)}.value-row.total{border-top:2px solid var(--border);margin-top:var(--spacing-sm);padding-top:var(--spacing-md);font-size:var(--font-lg);font-weight:700}.text-success{color:var(--success-color)}.payment-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--background);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.payment-method{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600}.payment-value{font-weight:700;color:var(--primary-color)}.nfce-status-card{background:var(--background);border-radius:var(--radius-md);padding:var(--spacing-md)}.nfce-status-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;margin-bottom:var(--spacing-md)}.nfce-details{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md)}.nfce-detail-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md)}.nfce-detail-row.three-cols{grid-template-columns:repeat(3,1fr)}.nfce-detail-row.two-cols{grid-template-columns:repeat(2,1fr)}.nfce-detail-row.four-cols{grid-template-columns:repeat(4,1fr)}.nfce-detail-row.one-col{grid-template-columns:1fr}.nfce-detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.nfce-detail-label{font-size:var(--font-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase}.nfce-detail-value{font-size:var(--font-sm);color:var(--text-primary);font-family:monospace;word-break:break-all;line-height:1.4}.nfce-error-message{background:#ef44441a;border-left:4px solid var(--error-color);padding:var(--spacing-md);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.nfce-error-message strong{color:var(--error-color);display:block;margin-bottom:var(--spacing-xs)}.nfce-links{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.nfce-link{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--primary-color);color:#fff;border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:600;transition:all var(--transition-fast)}.nfce-link:hover{background:var(--primary-hover);box-shadow:var(--shadow-md)}@media(max-width:768px){.stats-grid,.filters-grid{grid-template-columns:1fr}.header-left{flex-direction:column;align-items:flex-start}.modal-container{max-height:100vh;border-radius:0}.modal-footer{flex-wrap:wrap}.detail-grid{grid-template-columns:1fr}.header-info-grid{grid-template-columns:repeat(2,1fr)}.address-grid{grid-template-columns:1fr}}[data-tooltip]{position:relative;cursor:pointer}[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-4px);background:#1f2937f2;color:#fff;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap;box-shadow:0 4px 12px #00000026;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:10001}[data-tooltip]:after{content:"";position:absolute;bottom:calc(100% - 3px);left:50%;transform:translate(-50%) translateY(-4px);border:6px solid transparent;border-top-color:#1f2937f2;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:10000}[data-tooltip]:hover:before,[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);transition-delay:.3s}[data-tooltip]:not(:hover):before,[data-tooltip]:not(:hover):after{transition-delay:0s}[data-tooltip][data-tooltip-position=bottom]:before{bottom:auto;top:calc(100% + 8px);transform:translate(-50%) translateY(4px)}[data-tooltip][data-tooltip-position=bottom]:after{bottom:auto;top:calc(100% + 1px);border-top-color:transparent;border-bottom-color:#1f2937f2}[data-tooltip][data-tooltip-position=bottom]:hover:before{transform:translate(-50%) translateY(0)}@media(max-width:768px){[data-tooltip]:before{font-size:12px;padding:5px 10px}}.modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:1050!important;padding:var(--spacing-md);overflow-y:auto;opacity:0;transition:opacity .3s ease,backdrop-filter .3s ease}.modal-overlay.active{display:flex;animation:fadeIn .3s ease forwards}.modal-overlay.opening{display:flex;opacity:0}.modal-overlay.opening .modal-container,.modal-container.opening{transform:scale(.85);opacity:0}.modal-overlay.closing{animation:fadeOut .3s ease forwards}.modal-container{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;opacity:0;transition:transform .3s ease,opacity .3s ease}.modal-overlay.active .modal-container{transform:scale(1);opacity:1}.modal-overlay.closing .modal-container,.modal-container.closing{transform:scale(.95);opacity:0}.modal-container.modal-small{max-width:400px}.modal-container.modal-medium{max-width:600px}.modal-container.modal-large{max-width:800px}.modal-container.modal-xlarge{max-width:1000px}.modal-container.modal-fullwidth{max-width:95vw}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-header.dashboard-modal-header{display:block;align-items:unset;justify-content:unset}.modal-header h3,.modal-header .modal-title{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.modal-header-compact{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-title-compact{display:flex;align-items:center;gap:var(--spacing-sm);margin:0;font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}.modal-icon-compact{font-size:20px;color:var(--primary)}.modal-body{padding:var(--spacing-lg);overflow-y:auto;flex:1}.modal-body-compact{padding:var(--spacing-md) var(--spacing-lg);overflow-y:auto;flex:1}.modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);flex-shrink:0}.modal-footer-compact{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);flex-shrink:0}.btn-close-modal{background:transparent;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-md);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-close-modal:hover{background:var(--hover);color:var(--text-primary)}.btn-close-modal .material-symbols-outlined{font-size:24px}.btn-primary,.btn-modal-primary{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-primary:hover,.btn-modal-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-md)}.btn-primary .material-symbols-outlined,.btn-modal-primary .material-symbols-outlined{font-size:20px}.btn-secondary,.btn-modal-secondary{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover,.btn-modal-secondary:hover{background:var(--background);border-color:var(--primary-color);color:var(--primary-color)}.btn-secondary .material-symbols-outlined,.btn-modal-secondary .material-symbols-outlined{font-size:20px}.btn-danger,.btn-modal-danger{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:#dc2626;color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-danger:hover,.btn-modal-danger:hover{background:#b91c1c;box-shadow:var(--shadow-md)}.btn-danger:disabled,.btn-modal-danger:disabled{opacity:.5;cursor:not-allowed}.btn-danger .material-symbols-outlined,.btn-modal-danger .material-symbols-outlined{font-size:20px}.btn-modal-download{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-modal-download:hover{background:var(--background);border-color:var(--primary-color);color:var(--primary-color)}.btn-modal-download .material-symbols-outlined{font-size:20px}.icon-btn{background:transparent;border:none;width:32px;height:32px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s ease-in-out;color:var(--text-secondary)}.icon-btn:hover{color:var(--primary-color)}.icon-btn .material-symbols-outlined{font-size:24px}.icon-btn-primary{color:var(--text-secondary)}.icon-btn-primary:hover{color:var(--primary-color)}.icon-btn-danger{color:var(--text-secondary)}.icon-btn-danger:hover{color:var(--error-color)}.icon-btn-success{color:var(--text-secondary)}.icon-btn-success:hover{color:var(--success-color)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn:disabled:hover{color:var(--text-secondary)}.quick-actions,.row-actions{display:flex;gap:var(--spacing-xs);justify-content:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.confirm-modal{max-width:450px}.confirm-modal .modal-body{padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.confirm-modal .modal-body p{margin:0;font-size:var(--font-size-md);color:var(--text-primary);line-height:1.5}@media(max-width:768px){.modal-overlay{padding:var(--spacing-sm)}.modal-container{max-height:95vh}.modal-container.modal-small,.modal-container.modal-medium,.modal-container.modal-large,.modal-container.modal-xlarge{max-width:100%}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-md)}}body.modal-open{overflow:hidden}.modal-help-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-xs)}.modal-section{margin-bottom:var(--spacing-lg)}.modal-section:last-child{margin-bottom:0}.modal-section-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.nfce-order-info{background:#f9fafb;border-radius:12px;padding:16px;margin-bottom:20px}.nfce-order-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.nfce-order-row:last-child{margin-bottom:0}.nfce-order-label{color:#6b7280}.nfce-order-value{color:#111827;font-weight:600}.nfce-order-value.highlight{color:var(--primary-color);font-size:18px}.nfce-document-section{margin:20px 0}.nfce-document-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.nfce-document-label .material-symbols-outlined{font-size:20px;color:var(--primary-color)}.nfce-document-inputs{display:flex;gap:12px;align-items:stretch}.nfce-document-input-wrapper{flex:1}.nfce-document-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:15px;font-weight:600;color:#111827;background:#f9fafb;transition:all .2s ease}.nfce-document-input:focus{outline:none;border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 4px #ec6b2e1a}.nfce-document-input::placeholder{color:#9ca3af;font-weight:400}.btn-clear-document{padding:0 16px;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-clear-document:hover{background:#e5e7eb;border-color:#d1d5db}.btn-clear-document .material-symbols-outlined{font-size:20px;color:#6b7280}.nfce-document-hint{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;color:#6b7280}.nfce-document-hint .material-symbols-outlined{font-size:16px;color:#9ca3af}.nfce-observations{margin:20px 0}.nfce-observations label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.nfce-observations label .material-symbols-outlined{font-size:20px;color:var(--primary-color)}.nfce-observations textarea{width:100%;min-height:80px;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;color:#111827;background:#f9fafb;resize:vertical;font-family:inherit;transition:all .2s ease}.nfce-observations textarea:focus{outline:none;border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 4px #ec6b2e1a}.nfce-observations textarea::placeholder{color:#9ca3af}.char-count{text-align:right;font-size:12px;color:#6b7280;margin-top:6px}.nfce-info-box{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin:20px 0}.nfce-info-box .material-symbols-outlined{font-size:20px;color:#0284c7;flex-shrink:0}.nfce-info-box p{margin:0;font-size:13px;color:#0c4a6e;line-height:1.5}.nfce-history{background:#fef3c7;border:1px solid #fde68a;border-radius:8px;padding:16px;margin-top:20px}.nfce-history-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#92400e;margin-bottom:12px}.nfce-history-title .material-symbols-outlined{font-size:20px;color:#d97706}.nfce-history-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #fde68a}.nfce-history-item:last-child{border-bottom:none;padding-bottom:0}.nfce-history-time{font-size:13px;color:#78350f;font-weight:600}.nfce-history-status{font-size:13px;color:#92400e}.nfce-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.btn-cancel{padding:12px 24px;background:transparent;border:2px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.btn-issue{padding:12px 24px;background:var(--primary-color);border:none;border-radius:8px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.btn-issue:hover{background:#d45a1f;box-shadow:0 4px 12px #ec6b2e4d}.btn-issue:disabled{background:#d1d5db;cursor:not-allowed}.btn-issue .material-symbols-outlined{font-size:20px}.btn-issue.loading{position:relative;color:transparent}.btn-issue.loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spinner .6s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}@media(max-width:768px){.nfce-order-info{padding:12px}.nfce-document-inputs{flex-direction:column}.btn-clear-document{width:100%}.nfce-actions{flex-direction:column}.btn-cancel,.btn-issue{width:100%;justify-content:center}}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;color:#111827;background:#f9fafb;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 4px #ec6b2e1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-hint{display:block;font-size:12px;color:#6b7280;margin-top:6px}.input-with-validation{position:relative}.ncm-feedback{margin-top:8px;padding:8px 12px;border-radius:8px;font-size:13px;display:none}.ncm-feedback.loading{display:block;background:#3b82f61a;color:#3b82f6}.ncm-feedback.success{display:block;background:#4ade801a;color:#22c55e}.ncm-feedback.error{display:block;background:#ef44441a;color:#ef4444}.select-autocomplete{position:relative}.select-autocomplete input{padding-right:40px!important;background:#f9fafb;border:2px solid #e5e7eb}.select-autocomplete input:focus{background:#fff}.select-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none;font-size:20px}.select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;max-height:300px;overflow-y:auto;z-index:10;display:none}.select-dropdown.active{display:block;animation:fadeInDropdown .2s ease}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.select-option{padding:10px 16px;cursor:pointer;transition:background .2s;font-size:14px}.select-option:hover{background:#f3f4f6}.select-option.selected{background:#ec6b2e1a;color:var(--primary-color);font-weight:600}.select-option mark{background:#fbbf244d;color:inherit;font-weight:600;padding:0 2px;border-radius:2px}.modal-container.confirm-modal{max-width:500px}.confirm-modal .modal-body{padding:24px}.confirm-modal .modal-body p{font-size:14px;color:#111827;line-height:1.6;margin:0}.confirm-modal .modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb}.modal-header-compact{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-title-compact{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#111827}.modal-title-compact strong{color:var(--primary-color);font-weight:700}.modal-icon-compact{font-size:22px;color:var(--primary-color)}.modal-body-compact{padding:24px}.form-group-compact{margin-bottom:0}.form-select-highlight{width:100%;padding:16px 50px 16px 20px;border:2px solid var(--primary-color);border-radius:12px;font-size:15px;font-weight:600;color:#111827;background:linear-gradient(to bottom,#fff,#fef9f5);transition:all .2s ease;cursor:pointer;appearance:none;background-image:linear-gradient(to bottom,#fff,#fef9f5),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23EC6B2E' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat;background-position:0 0,right 16px center;background-size:100% 100%,24px;box-shadow:0 2px 8px #ec6b2e26}.form-select-highlight:hover{border-color:#d45a1f;background:linear-gradient(to bottom,#fffbf7,#fef5ed);box-shadow:0 4px 12px #ec6b2e40;transform:translateY(-1px)}.form-select-highlight:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #ec6b2e26,0 4px 12px #ec6b2e40}.group-preview-compact{margin-top:20px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;animation:slideDown .3s ease}.preview-title-compact{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#6b7280;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.preview-title-compact .material-symbols-outlined{font-size:16px;color:var(--primary-color)}.preview-grid-compact{display:grid;gap:10px}.preview-item-compact{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #e5e7eb}.preview-item-compact:last-child{border-bottom:none;padding-bottom:0}.preview-label-compact{font-size:12px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.preview-value-compact{font-size:13px;color:#111827;font-weight:500;line-height:1.4}.modal-footer-compact{display:flex;justify-content:center;padding:20px 24px;border-top:1px solid #e5e7eb}.btn-vincular{width:100%;padding:14px 24px;display:inline-flex;align-items:center;justify-content:center;gap:10px}.bulk-info{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#fff7ed,#fed7aa);border:2px solid #fb923c;border-radius:12px;margin-bottom:20px}.bulk-icon{width:48px;height:48px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bulk-icon .material-symbols-outlined{font-size:28px;color:var(--primary-color)}.bulk-details{flex:1}.bulk-count{font-size:18px;font-weight:700;color:#9a3412;margin-bottom:4px}.bulk-subtitle{font-size:13px;color:#9a3412;opacity:.8}.selected-products-list{max-height:200px;overflow-y:auto;margin-bottom:20px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.selected-product-item{display:flex;align-items:center;gap:12px;padding:10px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:8px}.selected-product-item:last-child{margin-bottom:0}.selected-product-icon{width:32px;height:32px;background:#fef3c7;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.selected-product-icon .material-symbols-outlined{font-size:20px;color:#f59e0b}.selected-product-name{flex:1;font-size:14px;color:#111827;font-weight:500}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-color) 100%);padding:var(--spacing-md)}.login-card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:420px;padding:var(--spacing-2xl);animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-logo{width:180px;height:auto;margin:0 auto var(--spacing-lg)}.login-title{font-size:var(--font-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.login-subtitle{font-size:var(--font-sm);color:var(--text-secondary)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-label{font-size:var(--font-sm);font-weight:600;color:var(--text-primary)}.form-label.required:after{content:" *";color:var(--error-color)}.input-wrapper{position:relative;display:flex;align-items:center;height:56px}.input-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:22px;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:1}.form-input{width:100%;height:56px;padding:16px 20px;padding-left:50px!important;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;line-height:1.5;color:#111827;background:#fff;transition:all .3s ease;box-sizing:border-box}.form-input::-ms-reveal,.form-input::-ms-clear{display:none}.form-input::-webkit-credentials-auto-fill-button,.form-input::-webkit-contacts-auto-fill-button{visibility:hidden;position:absolute;right:0}.form-input:focus{outline:none;border-color:#ec6b2e;box-shadow:0 0 0 3px #ec6b2e1a}.form-input::placeholder{color:#9ca3af}.form-input.error{border-color:#ef4444}.form-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.error-message{font-size:var(--font-sm);color:var(--error-color);display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.error-message .material-symbols-outlined{font-size:18px}.error-message.hidden{display:none}.toggle-password{position:absolute;right:18px!important;top:50%;transform:translateY(-50%);color:#6b7280;font-size:22px;cursor:pointer;transition:color .2s ease;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;z-index:10}.toggle-password:hover{color:#ec6b2e}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-sm)}.checkbox-wrapper{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.checkbox-wrapper input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.checkbox-label{color:var(--text-secondary);-webkit-user-select:none;user-select:none}.forgot-password{color:var(--primary-color);font-weight:600;transition:color var(--transition-fast)}.forgot-password:hover{color:var(--primary-hover);text-decoration:underline}.btn-submit{width:100%;height:56px;padding:16px 20px;background:#ec6b2e;color:#fff;font-size:16px;font-weight:600;border:none;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease;margin-top:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-submit:hover:not(:disabled){background:#d45a1f;box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.btn-submit.loading{position:relative;color:transparent}.btn-submit.loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}.login-footer{margin-top:var(--spacing-xl);text-align:center;font-size:var(--font-sm);color:var(--text-secondary)}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-sm);animation:slideDown .3s ease-out}.alert .material-symbols-outlined{font-size:20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.alert-success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.alert.hidden{display:none}@media(max-width:768px){.login-card{padding:var(--spacing-xl)}.login-logo{width:150px}.login-title{font-size:var(--font-xl)}}@media(max-width:480px){.login-container{padding:var(--spacing-sm)}.login-card{padding:var(--spacing-lg)}.form-options{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}}.page-subtitle{font-size:var(--font-sm);color:var(--text-secondary);margin:0}.empty-state-container{text-align:center;padding:var(--spacing-2xl);background:var(--surface);border-radius:var(--radius-lg);margin-top:var(--spacing-lg)}.empty-state-container .empty-state-icon{font-size:4rem;margin-bottom:var(--spacing-md)}.empty-state-container .empty-state-title{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.empty-state-container .empty-state-text{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.empty-state{padding:var(--spacing-2xl)!important;text-align:center}.empty-state-icon{font-size:64px;margin-bottom:var(--spacing-md);opacity:.3}.empty-state-title{font-size:var(--font-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.empty-state-text{font-size:var(--font-sm);color:var(--text-secondary)}.btn-action-primary{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:#f97316;color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-action-primary:hover{background:#ea580c;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-action-primary:active{transform:translateY(0)}.orders-table thead th:last-child{text-align:center}.page-header-fiscal{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border)}.page-title-fiscal{font-size:var(--font-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.page-subtitle-fiscal{font-size:var(--font-sm);color:var(--text-secondary)}.fiscal-section{background:var(--surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm)}.fiscal-section-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.fiscal-section-title .material-symbols-outlined{color:var(--primary-color)}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-md)}.template-card{background:var(--background);border:2px dashed var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast)}.template-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.template-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.template-name{font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.template-ncm{font-size:var(--font-xs);color:var(--text-secondary);font-family:monospace}.groups-list{display:grid;gap:var(--spacing-md)}.group-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-fast)}.group-card:hover{box-shadow:var(--shadow-md)}.group-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.group-name{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.group-ncm-info{font-size:var(--font-sm);color:var(--text-secondary)}.group-ncm-code{font-family:monospace;color:var(--primary-color);font-weight:600}.group-actions{display:flex;gap:var(--spacing-xs)}.group-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-label{font-size:var(--font-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase}.detail-value{font-size:var(--font-sm);color:var(--text-primary)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl)}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{to{transform:rotate(360deg)}}.search-input{border:none;outline:none;background:transparent;color:var(--text-primary);font-size:var(--font-sm);width:220px}.filter-tag .material-symbols-outlined:hover{opacity:1;color:var(--danger-color)}.filters-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;min-width:200px;padding:var(--spacing-xs);animation:fadeIn .2s ease}.filter-option{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-sm);text-align:left;cursor:pointer;transition:all var(--transition-fast)}.btn-action-primary,.btn-action-secondary{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-action-primary{background:var(--primary-color);color:#fff;border:none}.btn-action-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-action-secondary:hover{background:var(--background);border-color:var(--primary-color);color:var(--primary-color)}.btn-action-primary .material-symbols-outlined,.btn-action-secondary .material-symbols-outlined{font-size:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@media(max-width:768px){.page-header-fiscal{flex-direction:column;gap:var(--spacing-md)}.group-details{grid-template-columns:1fr}.modal-container{max-height:100vh;border-radius:0}.compact-filters-bar{flex-direction:column;align-items:stretch}.filters-right{width:100%}.btn-action-primary{width:100%;justify-content:center}}.toast-container{position:fixed;top:80px;right:var(--spacing-lg);z-index:9999;display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:400px}.toast{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);box-shadow:var(--shadow-xl);display:flex;align-items:flex-start;gap:var(--spacing-md);border-left:4px solid;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast.removing{animation:slideOutRight .3s ease-out forwards}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}.toast-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.toast-content{flex:1}.toast-title{font-size:var(--font-sm);font-weight:600;margin-bottom:var(--spacing-xs)}.toast-message{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.5}.toast-close{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.toast-close:hover{background:var(--background);color:var(--text-primary)}.toast.success{border-left-color:var(--success-color)}.toast.success .toast-icon{background:#4ade801a;color:var(--success-color)}.toast.success .toast-title{color:var(--success-color)}.toast.error{border-left-color:var(--error-color)}.toast.error .toast-icon{background:#ef44441a;color:var(--error-color)}.toast.error .toast-title{color:var(--error-color)}.toast.warning{border-left-color:#f59e0b}.toast.warning .toast-icon{background:#f59e0b1a;color:#f59e0b}.toast.warning .toast-title{color:#f59e0b}.toast.info{border-left-color:#3b82f6}.toast.info .toast-icon{background:#3b82f61a;color:#3b82f6}.toast.info .toast-title{color:#3b82f6}@media(max-width:768px){.toast-container{right:var(--spacing-md);left:var(--spacing-md);max-width:none}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card-header{display:flex;align-items:center;gap:var(--spacing-md)}.stat-icon{width:60px;height:60px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.blue{background:#3b82f61a}.stat-icon.blue .material-symbols-outlined{color:#3b82f6;font-size:32px}.stat-icon.green{background:#22c55e1a}.stat-icon.green .material-symbols-outlined{color:#22c55e;font-size:32px}.stat-icon.orange{background:#fb923c1a}.stat-icon.orange .material-symbols-outlined{color:#fb923c;font-size:32px}.stat-icon.red{background:#ef44441a}.stat-icon.red .material-symbols-outlined{color:#ef4444;font-size:32px}.stat-content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px}.stat-label{font-size:var(--font-sm);color:var(--text-secondary);font-weight:400}.stat-value{font-size:var(--font-2xl);font-weight:700;color:var(--text-primary);line-height:1}.stat-subtitle{font-size:12px;font-weight:400;color:var(--text-secondary)}.compact-filters-bar{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.filters-left{display:flex;align-items:center;gap:var(--spacing-sm);flex:1 1 auto;flex-wrap:wrap}.filters-right{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:nowrap;margin-left:auto}.search-box{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.search-box:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #ec6b2e1a}.search-box .material-symbols-outlined{color:var(--text-secondary);font-size:20px}.search-input{border:none;outline:none;background:transparent;color:var(--text-primary);font-size:var(--font-sm);width:180px}.search-input::placeholder{color:var(--text-secondary)}.active-filters-tags{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.filter-tag{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-sm);font-weight:500;transition:all var(--transition-fast)}.filter-tag:hover{background:var(--background);border-color:var(--primary-color);color:var(--primary-color)}.filter-tag .material-symbols-outlined{font-size:18px;cursor:pointer;opacity:.6;transition:opacity var(--transition-fast);margin-left:var(--spacing-xs)}.filter-tag .material-symbols-outlined:hover{opacity:1;color:var(--error-color)}.add-filter-container{position:relative}.add-filter-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.add-filter-btn:hover{background:var(--background);border-color:var(--primary-color);color:var(--primary-color)}.add-filter-btn .material-symbols-outlined{font-size:20px}.filters-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;min-width:220px;padding:var(--spacing-xs);animation:fadeIn .2s ease}.filters-dropdown.closing{animation:fadeOut .2s ease forwards}.filter-option{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-sm);font-weight:400;text-align:left;cursor:pointer;transition:all var(--transition-fast)}.filter-option:hover{background:var(--background);color:var(--primary-color)}.btn-action-secondary{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-action-secondary:hover:not(:disabled){background:var(--background);border-color:var(--primary-color);color:var(--primary-color)}.btn-action-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-action-secondary .material-symbols-outlined{font-size:20px}.btn-action-primary{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--primary-color);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-action-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-md)}.btn-action-primary .material-symbols-outlined{font-size:20px}.orders-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.orders-table-wrapper{overflow-x:auto}.orders-table{width:100%;border-collapse:collapse}.orders-table thead{background:var(--background)}.orders-table thead tr:first-child th:first-child{border-top-left-radius:var(--radius-lg)}.orders-table thead tr:first-child th:last-child{border-top-right-radius:var(--radius-lg)}.orders-table th{padding:var(--spacing-md);text-align:left;font-size:var(--font-sm);font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border);white-space:nowrap}.orders-table th.col-checkbox{width:40px;text-align:center}.orders-table th.col-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.table-loading-bar-row{height:0;line-height:0}.table-loading-bar-row td{padding:0!important;border:none!important;height:4px}.table-loading-bar{position:relative;height:4px;width:100%;background:var(--border);overflow:hidden;opacity:0;transition:opacity .3s ease}.table-loading-bar.active{opacity:1}.table-loading-bar:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--primary-color) 0%,#d45a1f 50%,var(--primary-color) 100%);animation:tableLoadingShine 1.5s ease-in-out infinite}@keyframes tableLoadingShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.orders-table td{padding:var(--spacing-md);font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border)}.orders-table tbody tr{transition:background var(--transition-fast);cursor:pointer}.orders-table tbody tr:hover{background:var(--background)}.orders-table tbody tr.selected{background:#ec6b2e0d}.orders-table td.col-checkbox{text-align:center}.orders-table td input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.product-info{display:flex;align-items:center}.product-details{flex:1;min-width:0}.product-name{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.type-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-xs);font-weight:600;white-space:nowrap}.type-badge.ficha{background:#3b82f61a;color:#2563eb}.type-badge.insumo{background:#a855f71a;color:#7c3aed}.pdv-codes{display:flex;flex-wrap:wrap;gap:8px;font-size:var(--font-sm);color:var(--text-primary);font-family:Courier New,monospace}.group-link{display:flex;align-items:center}.group-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:#22c55e1a;color:#16a34a;border-radius:var(--radius-md);font-size:var(--font-xs);font-weight:600;white-space:nowrap}.no-group{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:#fbbf241a;color:#d97706;border-radius:var(--radius-md);font-size:var(--font-xs);font-weight:600;white-space:nowrap}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.form-select,.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--text-primary);background:var(--surface);transition:all var(--transition-fast)}.form-select:focus,.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ec6b2e1a}