:root{--primary-color: #007bff;--primary-hover-color: #0056b3;--background-color: #f4f7f6;--text-color: #333;--border-color: #ddd;--sidebar-bg: #343a40;--sidebar-text: #f8f9fa;--sidebar-hover-bg: #495057;--sidebar-active-bg: #007bff;--sidebar-active-text: #fff;--card-bg: #fff;--card-border: #eee;--login-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--login-card-bg: rgba(255, 255, 255, .95);--input-focus-color: #667eea;--error-color: #e74c3c;--success-color: #27ae60;--warning-color: #f39c12;--info-color: #3498db}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color);overflow-x:hidden}.dashboard-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column}.dashboard-content{display:flex;flex:1}.dashboard-sidebar{width:280px;background:linear-gradient(135deg,#667eea,#764ba2);padding:0;box-shadow:2px 0 20px #0000001a;height:100vh;position:fixed;top:0;left:0;display:flex;flex-direction:column;z-index:1000}.dashboard-nav{display:flex;flex-direction:column;gap:10px;padding:40px 20px 20px;flex:1}.nav-item{background:none;border:none;padding:16px 20px;border-radius:12px;font-size:16px;font-weight:600;color:#fffc;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px;text-align:left;position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.nav-item:hover:before{left:100%}.nav-item:hover{background:#ffffff1a;color:#fff;transform:translate(5px)}.nav-item.active{background:#fff3;color:#fff;box-shadow:0 4px 12px #0003;transform:translate(5px)}.nav-item svg{width:20px;height:20px;transition:transform .3s ease}.nav-item:hover svg{transform:scale(1.1)}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.logout-sidebar-button{width:100%;background:#ffffff1a;color:#fff;border:none;padding:16px 20px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;position:relative;overflow:hidden}.logout-sidebar-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.logout-sidebar-button:hover:before{left:100%}.logout-sidebar-button:hover:not(:disabled){background:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.logout-sidebar-button:disabled{opacity:.7;cursor:not-allowed}.logout-sidebar-button svg{width:20px;height:20px}.spinner{animation:spin 1s linear infinite}.dashboard-main{flex:1;padding:40px;overflow-y:auto;margin-left:280px;background:#f8fafc;min-height:100vh}.dashboard-section{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 30px #0000001a;border:1px solid #e2e8f0;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.dashboard-section h2{margin:0 0 30px;font-size:24px;font-weight:700;color:#2d3748;position:relative;padding-bottom:10px}.dashboard-section h2:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:40px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;border-radius:16px;box-shadow:0 8px 25px #667eea4d;transition:all .3s ease;display:flex;align-items:center;gap:20px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);transition:all .3s ease}.stat-icon{width:60px;height:60px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.stat-icon svg{width:30px;height:30px}.stat-content h3{margin:0 0 8px;font-size:16px;font-weight:600;opacity:.9}.stat-number{margin:0 0 5px;font-size:28px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.stat-change{margin:0;font-size:14px;font-weight:600;opacity:.8}.stat-change.positive{color:#68d391}.stat-change.negative{color:#fc8181}.chart-section{margin:40px 0}.chart-section h3{margin:0 0 20px;font-size:20px;font-weight:600;color:#2d3748}.chart-container{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 15px #0000001a;border:1px solid #e2e8f0}.chart-section-graph{border-radius:12px}.sales-chart{width:100%;height:auto}.chart-point{transition:all .3s ease;cursor:pointer}.chart-point:hover{r:6;fill:#764ba2}.dashboard-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-top:40px}.content-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 15px #0000001a;border:1px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.content-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.content-card:hover:before{transform:scaleX(1)}.content-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.content-card h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#2d3748;border-bottom:2px solid #e2e8f0;padding-bottom:10px}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;background:#f7fafc;transition:all .3s ease;position:relative}.activity-item:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:transparent;transition:all .3s ease}.activity-item:hover{background:#edf2f7;transform:translate(4px)}.activity-item:hover:before{background:linear-gradient(135deg,#667eea,#764ba2)}.activity-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:all .3s ease}.activity-icon.status-success{background:var(--success-color)}.activity-icon.status-info{background:var(--info-color)}.activity-icon.status-warning{background:var(--warning-color)}.activity-icon.status-error{background:var(--error-color)}.activity-item:hover .activity-icon{transform:scale(1.1)}.activity-icon svg{width:16px;height:16px}.activity-content{flex:1}.activity-text{margin:0 0 4px;font-size:14px;color:#4a5568}.activity-time{margin:0;font-size:12px;color:#718096}.product-list{display:flex;flex-direction:column;gap:12px}.product-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:8px;background:#f7fafc;transition:all .3s ease;position:relative}.product-item:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:transparent;transition:all .3s ease}.product-item:hover{background:#edf2f7;transform:translate(4px)}.product-item:hover:before{background:linear-gradient(135deg,#667eea,#764ba2)}.product-info h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#2d3748}.product-info p{margin:0;font-size:12px;color:#718096}.product-stats{text-align:right}.product-revenue{margin:0 0 4px;font-size:14px;font-weight:600;color:#2d3748}.product-growth{margin:0;font-size:12px;font-weight:600}.product-growth.positive{color:#68d391}.order-list{display:flex;flex-direction:column;gap:12px}.order-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:8px;background:#f7fafc;transition:all .3s ease;position:relative}.order-item:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:transparent;transition:all .3s ease}.order-item:hover{background:#edf2f7;transform:translate(4px)}.order-item:hover:before{background:linear-gradient(135deg,#667eea,#764ba2)}.order-info h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#2d3748}.order-info p{margin:0;font-size:12px;color:#718096}.order-details{text-align:right}.order-amount{margin:0 0 4px;font-size:14px;font-weight:600;color:#2d3748}.order-status{padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;display:inline-block;margin-bottom:4px}.order-status.pago{background:#68d391;color:#fff}.order-status.pendente{background:#f6ad55;color:#fff}.order-status.cancelado{background:#fc8181;color:#fff}.order-date{margin:4px 0 0;font-size:12px;color:#718096}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.metric-item{display:flex;align-items:center;gap:12px;padding:16px;border-radius:8px;background:#f7fafc;transition:all .3s ease;position:relative}.metric-item:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:transparent;transition:all .3s ease}.metric-item:hover{background:#edf2f7;transform:translateY(-2px)}.metric-item:hover:before{background:linear-gradient(135deg,#667eea,#764ba2)}.metric-icon{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:all .3s ease}.metric-item:hover .metric-icon{transform:scale(1.1) rotate(5deg)}.metric-content h4{margin:0 0 4px;font-size:12px;font-weight:600;color:#4a5568}.metric-value{margin:0 0 2px;font-size:18px;font-weight:700;color:#2d3748}.metric-change{margin:0;font-size:12px;font-weight:600}.metric-change.positive{color:#68d391}.metric-change.negative{color:#fc8181}.analytics-content{text-align:center;padding:40px 0}.analytics-content p{color:#718096;font-size:18px;margin-bottom:30px}.placeholder-chart{display:flex;justify-content:center;margin:40px 0}.placeholder-chart svg{border-radius:12px;box-shadow:0 4px 15px #0000001a}.chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:15px}.chart-summary{display:flex;gap:20px;flex-wrap:wrap}.summary-item{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.summary-label{font-size:12px;color:#718096;font-weight:500}.summary-value{font-size:16px;color:#2d3748;font-weight:700}.sales-chart{width:100%;height:auto;max-height:300px}.chart-bar{transition:all .3s cubic-bezier(.4,0,.2,1)}.chart-bar:hover{filter:url(#shadow) brightness(1.1)}.bar-label{transition:all .3s ease;opacity:.8}.bar-label.hovered{opacity:1;font-size:13px;fill:#2d3748}.tooltip{animation:tooltipFadeIn .2s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.chart-legend{display:flex;justify-content:center;gap:30px;margin-top:20px;padding-top:15px;border-top:1px solid #e2e8f0}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#4a5568}.legend-color{width:12px;height:12px;border-radius:2px}@keyframes barGrowUp{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}.chart-bar{animation:barGrowUp .8s ease-out;animation-fill-mode:both}.chart-bar:nth-child(1){animation-delay:.1s}.chart-bar:nth-child(2){animation-delay:.2s}.chart-bar:nth-child(3){animation-delay:.3s}.chart-bar:nth-child(4){animation-delay:.4s}.chart-bar:nth-child(5){animation-delay:.5s}.chart-bar:nth-child(6){animation-delay:.6s}.chart-bar:nth-child(7){animation-delay:.7s}@media (max-width: 1024px){.dashboard-main{margin-left:0;padding:20px}.dashboard-sidebar{transform:translate(-100%);transition:transform .3s ease}.dashboard-sidebar.open{transform:translate(0)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.dashboard-content-grid{grid-template-columns:1fr;gap:20px}}@media (max-width: 768px){.dashboard-section{padding:20px;border-radius:12px}.stats-grid{grid-template-columns:1fr;gap:16px}.stat-card{padding:20px;flex-direction:column;text-align:center;gap:15px}.stat-icon{width:50px;height:50px}.stat-icon svg{width:25px;height:25px}.stat-number{font-size:24px}.content-card{padding:16px}.metrics-grid{grid-template-columns:1fr;gap:12px}.metric-item{padding:12px}.metric-icon{width:32px;height:32px}.metric-icon svg{width:16px;height:16px}.metric-value{font-size:16px}.chart-container{padding:15px}.sales-chart{height:150px}}@media (max-width: 480px){.dashboard-main,.dashboard-section{padding:15px}.dashboard-section h2{font-size:20px}.stat-card{padding:15px}.content-card{padding:12px}.activity-item,.product-item,.order-item,.metric-item{padding:8px}}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.nav-item:focus,.logout-sidebar-button:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}@media (prefers-contrast: high){.stat-card,.content-card{border:2px solid #000}.nav-item.active{border:2px solid #fff}}@media (max-width: 768px){.chart-header{flex-direction:column;align-items:flex-start}.chart-summary{width:100%;justify-content:space-between}.summary-item{align-items:flex-start}.chart-legend{flex-direction:column;gap:10px;align-items:center}.sales-chart{max-height:250px}}@media (max-width: 480px){.chart-container{padding:15px}.chart-summary{flex-direction:column;gap:10px}.sales-chart{max-height:200px}}@media (prefers-reduced-motion: reduce){.chart-bar,.tooltip{animation:none}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay.produtos-modal,.modal-overlay.os-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:90vw;width:60%;max-height:90vh;overflow-x:hidden;overflow-y:hidden;position:relative;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}.modal-overlay.clientes-modal .modal-content,.modal-overlay.os-modal .modal-content{overflow-y:hidden}.modal-content.import-modal{max-width:600px;width:90%}.modal-content.medium{max-width:650px;width:90%}.modal-content.large{max-width:60vw;width:60%}.modal-content[style*=--bg-primary]{background:var(--bg-primary);border-radius:12px;max-width:500px;max-height:80vh;transform:scale(.9);transform-origin:center}.modal-content[style*=--bg-primary]{background:var(--bg-primary);max-width:500px;max-height:80vh;transform:scale(.9);transform-origin:center}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#111827}.modal-header p{margin:0 0 24px;color:#6b7280;font-size:.875rem}.modal-header .modal-close{position:absolute;top:24px;right:24px}.modal-header[style*=--border-color]{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border-color)}.modal-header[style*=--text-primary] h2{font-size:1.125rem;color:var(--text-primary)}.modal-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#6b7280;transition:all .2s}.modal-close[style*=--text-secondary]{padding:.5rem;color:var(--text-secondary);transition:all .2s ease}.modal-close[style*=--bg-hover]:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-close svg{width:20px;height:20px;color:inherit}.modal-form[style*=--bg-secondary]{padding:1.5rem}.form-section h3{margin:0 0 16px;font-size:1.125rem;font-weight:600;color:#111827;border-bottom:2px solid #e5e7eb;padding-bottom:8px}.section-label{display:block;font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.form-row[style*=--border-color]{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}.form-group label{display:flex;gap:.375rem;margin-bottom:6px;font-weight:500;color:#374151;font-size:.875rem}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;color:#000;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.form-group[style*=--border-color]{gap:.375rem;margin-bottom:.75rem}.form-group[style*=--text-primary] label{color:var(--text-primary);font-size:.8rem}.form-group[style*=--border-color] input,.form-group[style*=--border-color] select,.form-group[style*=--border-color] textarea{padding:.5rem;border:1px solid var(--border-color);color:var(--text-primary);font-size:.8rem;transition:all .2s ease;background:var(--bg-secondary)}.form-group[style*=--primary-color] input:focus,.form-group[style*=--primary-color] select:focus,.form-group[style*=--primary-color] textarea:focus{border-color:var(--primary-color)}.form-group[style*=--border-color] textarea{min-height:60px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e5e7eb;background-color:#f9fafb;border-radius:0 0 12px 12px}.modal-actions[style*=--border-color]{gap:1rem;padding:1.5rem 0 0;border-top:1px solid var(--border-color);margin-top:1rem}.btn-primary,.btn-secondary{padding:10px 20px;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;transition:all .2s ease;border:none;font-size:.875rem}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-primary[style*=--primary-color]{background:var(--primary-color);display:flex;align-items:center;gap:.5rem}.btn-primary[style*=--primary-color] svg{color:inherit;width:18px;height:18px}.btn-primary[style*=--primary-hover]:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.btn-primary:disabled{background-color:#9ca3af;cursor:not-allowed}.btn-secondary{background-color:#f3f4f6;color:#374151}.btn-secondary[style*=--bg-secondary]{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:#e5e7eb;background:var(--bg-hover)}.modal-content.export-modal{max-width:600px}.list-container{flex:1;overflow-x:hidden;overflow-y:auto;border-left:1px solid #e0e0e0;padding-left:1rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e0e0e0}.file-upload-area .file-input{position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;cursor:pointer;padding:0;border:none;background:transparent;transition:all .2s ease;box-sizing:border-box}.file-upload-area .file-input:hover{border:none;background:transparent}.file-upload-area .file-input:focus{outline:none;border:none;box-shadow:none}.export-options h3{margin:0 0 20px;font-size:1.125rem;font-weight:600;color:#111827}.format-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.format-option{display:flex;align-items:center;cursor:pointer;padding:12px;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.format-option:hover{border-color:#3b82f6;background-color:#f8fafc}.format-option input[type=radio]{margin-right:12px;width:16px;height:16px;accent-color:#3b82f6}.format-content{display:flex;align-items:center;gap:12px;flex:1}.format-content svg{width:24px;height:24px;color:#6b7280}.format-content div{display:flex;flex-direction:column}.format-content strong{font-weight:600;color:#111827;font-size:.875rem}.format-content span{font-size:.75rem;color:#6b7280}.export-preview{background-color:#f9fafb;padding:16px;border-radius:8px;border:1px solid #e5e7eb}.export-preview h4{margin:0 0 12px;font-size:.875rem;font-weight:600;color:#374151}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.preview-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:.75rem}.preview-item span:first-child{color:#6b7280}.preview-item span:last-child{font-weight:500;color:#111827}@media (max-width: 768px){.modal-overlay{padding:10px}.modal-content{max-width:95vw;max-height:95vh;margin:10px}.modal-content[style*=--bg-primary]{max-width:98vw;transform:scale(1)}.modal-form{padding:0 24px 24px}.modal-form[style*=--bg-secondary]{padding:1rem}.modal-header{padding:24px 24px 0}.modal-header[style*=--border-color]{padding:1rem 1rem .75rem}.form-row{grid-template-columns:1fr;gap:16px}.form-row[style*=--border-color]{gap:.5rem}.modal-actions{flex-direction:column;gap:12px}.modal-actions[style*=--border-color]{gap:.75rem}.btn-primary,.btn-secondary{width:100%;font-size:.875rem}.btn-primary[style*=--primary-color],.btn-secondary[style*=--bg-secondary]{justify-content:center;padding:.75rem 1rem}.modal-content.large{max-width:95vw;width:95vw}.form-container,.list-container{flex:none;overflow-y:visible;padding:0}.list-container{border-left:none;border-top:1px solid #e0e0e0;padding-top:1rem;margin-top:1rem}}.content-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:1rem}.modal-body{flex-direction:column;height:auto;max-height:80vh;padding:16px!important;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0}.modal-overlay.clientes-modal .modal-body,.modal-overlay.os-modal .modal-body{overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;max-height:calc(90vh - 120px)}.modal-actions-new,.form-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e5e7eb;background-color:#f9fafb;border-radius:0 0 12px 12px;margin-top:auto}.input-field{width:100%;padding:.875rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s ease;box-sizing:border-box;background:#fff;color:#111827}.input-field::placeholder{color:#9ca3af;opacity:.7}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:10px;font-weight:500;color:#374151;font-size:.875rem}@media (max-width: 768px){.modal-actions-new{flex-direction:column;gap:12px}.modal-actions-new .btn-cancel,.modal-actions-new .btn-save{width:100%}}.modal-content-new{background:#fff!important;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:90vw;width:60%;max-height:90vh;overflow-x:hidden;overflow-y:auto;position:relative;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}.header-info{flex:1}.page-title{font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.page-subtitle{color:#64748b;font-size:1rem;margin:0;line-height:1.5}.header-actions{display:flex;gap:.75rem;flex-wrap:wrap}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.btn-secondary.small{padding:.5rem 1rem;font-size:.9rem}.filters-section{display:flex;flex-direction:row;gap:.5rem;background:var(--bg-secondary);border-radius:8px;margin-bottom:1rem}.filters-section .filters-row:first-child{margin-bottom:1rem}.filters-section .filters-row:last-child{justify-content:space-between}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.5rem;margin-bottom:1rem}.summary-card{background:var(--bg-primary);border-radius:12px;padding:.5rem;box-shadow:0 2px 8px #0000001a;border-left:4px solid var(--primary-color)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#fff;border-radius:12px;border:2px dashed #e2e8f0;color:#64748b}.empty-icon,.empty-state svg{width:64px;height:64px;color:#94a3b8;margin-bottom:1.5rem;opacity:.8}.empty-state h3{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 .5rem}.empty-state p{color:#6b7280;font-size:1rem;margin:0;line-height:1.5;max-width:400px}.empty-state span{font-size:.9rem;line-height:1.4;max-width:300px;color:#64748b}.empty-state .btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#5568d3);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:1rem}.empty-state .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.empty-state .btn-primary svg{width:20px;height:20px;margin-bottom:0;opacity:1;color:inherit}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-align:center;min-width:80px}.status-badge.pendente{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.status-badge.parcial{background:#dbeafe;color:#2563eb}.status-badge.pago{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.2)}.status-badge.vencido{background:#fee2e2;color:#dc2626}.status-badge.cancelado{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.status-badge.ativo,.status-badge.active{background:#10b981;color:#fff}.status-badge.inativo,.status-badge.inactive{background:#ef4444;color:#fff}.status-badge.success,.status-badge.pago{background:#dcfce7!important;color:#16a34a!important}.status-active{background:#10b981;color:#fff}.status-pending{background:#fef3c7;color:#92400e}.status-inactive{background:#ef4444;color:#fff}.info-display{padding:.875rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1a202c;font-size:.875rem;min-height:44px;display:flex;align-items:center}.info-display strong{color:#3b82f6;font-weight:600}.metrics-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.metric-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #f1f5f9;transition:all .3s ease}.metric-item:hover{background:#f1f5f9;transform:translateY(-1px)}.metric-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.metric-icon.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.metric-icon.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.metric-icon svg{width:20px;height:20px}.metric-content h4{color:#374151;font-size:.875rem;font-weight:600;margin:0 0 .25rem}.metric-value{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.metric-change{font-size:.75rem;font-weight:600;margin:0}.metric-change.positive{color:#059669}.metric-change.negative{color:#dc2626}.add-item-form{background-color:#f9fafb;padding:16px;border-radius:8px;margin-bottom:16px}.btn-add-item{background-color:#3b82f6;color:#fff;border:none;padding:10px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s;align-self:end}.btn-add-item:hover:not(:disabled){background-color:#2563eb}.btn-add-item:disabled{background-color:#9ca3af;cursor:not-allowed}.items-list{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;gap:.5rem}.items-list h4{margin:0;padding:16px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:.875rem;font-weight:600;color:#374151}.items-table-wrapper{overflow-x:auto;max-width:100%}.items-table{min-width:100%;width:100%;border-collapse:collapse;display:table}.items-header{display:grid;grid-template-columns:80px 150px 60px 120px 120px 120px 120px 100px 100px 130px 150px 80px;gap:8px;padding:12px 16px;background-color:#f9fafb;border-bottom:2px solid #e5e7eb;font-size:.75rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.items-header>div{text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.items-table .item-row{display:grid;grid-template-columns:80px 150px 60px 120px 120px 120px 120px 100px 100px 130px 150px 80px;gap:8px;padding:12px 16px;border-bottom:1px solid #f3f4f6;align-items:center;background:#fff;transition:background-color .2s}.items-table .item-row:hover{background:#f9fafb}.items-table .item-row>div{font-size:.875rem;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.items-table .col-ref{font-weight:500;color:#6b7280}.items-table .col-desc{font-weight:500;color:#111827}.items-table .col-qty{text-align:center;font-weight:500}.items-table .col-valor{text-align:right;color:#059669;font-weight:500}.items-table .col-actions{display:flex;justify-content:center;align-items:center}.item-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:12px;padding:12px 16px;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0;transition:all .2s ease}.item-row:last-child{border-bottom:none}.item-row:hover{background:#f0f0f0;border-color:#ccc}.item-info{display:flex;flex-direction:column;flex:1}.item-name{font-weight:500;color:#111827;font-weight:600;color:#333;margin-bottom:.25rem}.item-qty{color:#6b7280;text-align:center}.item-price,.item-subtotal{color:#059669;font-weight:500;text-align:right}.item-details{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.item-description{font-size:.9rem;color:#666;margin-top:.25rem}.btn-remove-item{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#ef4444;transition:background-color .2s}.btn-remove-item:hover{background-color:#fef2f2}.btn-remove-item svg{width:16px;height:16px}.item-actions{display:flex;gap:.5rem}.btn-edit,.btn-delete{padding:.5rem;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-edit{background:#007bff;color:#fff}.btn-edit:hover{background:#0056b3}.btn-delete{background:#dc3545;color:#fff}.btn-delete:hover{background:#c82333}.btn-edit svg,.btn-delete svg{width:16px;height:16px}.image-upload{position:relative}.upload-area{border:2px dashed #d1d5db;border-radius:8px;padding:24px;text-align:center;transition:border-color .2s;position:relative;cursor:pointer}.upload-area:hover{border-color:#3b82f6}.upload-area svg{width:32px;height:32px;margin-bottom:12px;color:#9ca3af}.upload-area p{margin:8px 0 4px;color:#374151;font-size:.875rem}.upload-placeholder{color:#6b7280}.upload-placeholder svg{width:48px;height:48px;margin-bottom:12px;color:#9ca3af}.upload-placeholder p{margin:0;font-size:.875rem}.image-preview{position:relative;display:inline-block}.image-preview img{max-width:200px;max-height:200px;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a}.btn-remove-image{position:absolute;top:-8px;right:-8px;background-color:#ef4444;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.btn-remove-image:hover{background-color:#dc2626}.btn-remove-image svg{width:14px;height:14px}.input-with-button{position:relative;display:flex;gap:8px}.input-with-button input{flex:1}.btn-generate{background-color:#6c757d;color:#fff;border:none;padding:10px 12px;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap}.btn-generate:hover{background-color:#5a6268}.input-with-indicator{position:relative;display:flex;align-items:center}.input-with-indicator input{flex:1}.auto-indicator{position:absolute;right:10px;color:#28a745;font-size:16px;pointer-events:none}.auto-calculated{background-color:#f8fff9;border-color:#28a745}.auto-calculated:focus{border-color:#28a745;box-shadow:0 0 0 2px #28a74540}.field-hint{display:block;margin-top:4px;font-size:.75rem;color:#6c757d;font-style:italic}.auto-filled{background-color:#f0f9ff!important;border-color:#0ea5e9!important}.auto-filled:focus{border-color:#0284c7!important;box-shadow:0 0 0 3px #0ea5e91a!important}.selected-cliente-info{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-top:12px;font-size:14px;color:#166534}.info-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:#22c55e;color:#fff;border-radius:50%;font-size:12px;font-weight:700}.clear-cliente-btn{margin-left:auto;padding:4px 8px;background-color:#ef4444;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s ease}.clear-cliente-btn:hover{background-color:#dc2626}.clear-cliente-btn:active{background-color:#b91c1c}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;color:#374151}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#3b82f6;cursor:pointer}.checkbox-label:hover{color:#fff}.form-group input[type=number]{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.form-group input[type=number]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.estoque-info{margin-top:.5rem;font-size:.85rem}.estoque-disponivel{display:block;color:#28a745;font-weight:500}.estoque-disponivel.error{color:#dc3545}.estoque-insuficiente{display:block;color:#dc3545;font-weight:600;margin-top:.25rem;font-size:.8rem}.estoque-restante{color:#28a745;font-weight:500}.estoque-restante.item-estoque-baixo{color:#ffc107}.estoque-restante.item-estoque-esgotado{color:#dc3545}.item-estoque-info{font-size:.8rem;color:#6c757d;margin-top:.25rem}.item-estoque-baixo{color:#ffc107;font-weight:500}.item-estoque-esgotado{color:#dc3545;font-weight:600}.estoque-alertas{margin-bottom:1rem}.alerta{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:6px;margin-bottom:.5rem;font-size:.9rem;font-weight:500}.alerta svg{width:20px;height:20px;flex-shrink:0}.alerta.estoque-esgotado{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alerta.estoque-esgotado svg{color:#dc3545}.alerta.estoque-baixo{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.alerta.estoque-baixo svg{color:#ffc107}input.error{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540}input.error:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540}.tipo-badge{padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500;background:#e2e3e5;color:#495057}.tipo-badge.parcelado{background:#cce5ff;color:#004085}.tipo-badge.promocional{background:#fff3cd;color:#856404}.tipo-badge.desconto{background:#d4edda;color:#155724}.tipo-badge.acrescimo{background:#f8d7da;color:#721c24}.tipo-badge.promocao{background:#fff3cd;color:#856404}.valor-badge{padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:600}.valor-badge.desconto{background:#d4edda;color:#155724}.valor-badge.acrescimo{background:#f8d7da;color:#721c24}.valor-badge.promocao{background:#fff3cd;color:#856404}.aplicavel-badge{padding:.25rem .5rem;border-radius:12px;font-size:.8rem;background:#e9ecef;color:#495057}.desconto{color:#28a745;font-weight:600}.section-header h3{margin:0;color:#333;font-size:1.1rem}.list-container{flex:1;overflow-y:auto;border-left:1px solid #e0e0e0;padding-left:1rem}.action-btn:focus,.card-action:focus{outline:2px solid #667eea;outline-offset:2px}@media (max-width: 768px){.info-display{padding:.75rem;font-size:.8rem}.status-badge{font-size:.7rem;padding:.2rem .6rem}.section-actions{flex-direction:column;align-items:flex-start;gap:.5rem}.input-with-button{flex-direction:column}.btn-generate{width:100%}.modal-body{flex-direction:column;height:auto;max-height:80vh;padding:16px!important}.form-container,.list-container{flex:none;overflow-y:visible;padding:0}.list-container{border-left:none;border-top:1px solid #e0e0e0;padding-top:1rem;margin-top:1rem}.item-row{grid-template-columns:1fr;gap:8px;text-align:center;flex-direction:column;align-items:stretch}.item-price,.item-subtotal{text-align:center}}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--success-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--background-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--blue-500: #3b82f6;--blue-600: #2563eb;--green-500: #10b981;--red-500: #ef4444;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--border-radius-sm: .375rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--border-radius-2xl: 1.5rem;--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--gray-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;position:relative;background:var(--background-gradient);overflow:hidden}.auth-background{position:absolute;inset:0;overflow:hidden;z-index:0}.auth-shape{position:absolute;border-radius:50%;background:#ffffff1a;animation:float 6s ease-in-out infinite}.auth-shape-1{width:300px;height:300px;top:-150px;left:-150px;animation-delay:0s}.auth-shape-2{width:200px;height:200px;top:50%;right:-100px;animation-delay:2s}.auth-shape-3{width:150px;height:150px;bottom:-75px;left:50%;transform:translate(-50%);animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.auth-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-2xl);padding:2.5rem;width:100%;max-width:420px;box-shadow:var(--shadow-2xl);position:relative;z-index:1;animation:slideUp .6s ease-out}.auth-register-card{max-width:480px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{margin-bottom:1.5rem}.auth-logo-icon{width:64px;height:64px;background:var(--primary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:var(--shadow-lg);animation:pulse 2s infinite}.auth-logo-icon svg{width:32px;height:32px;color:var(--white)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.auth-title{font-size:1.875rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{color:var(--gray-600);font-size:1rem;font-weight:400}.auth-form,.auth-form-group{display:flex;flex-direction:column;gap:.5rem}.auth-form-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--gray-700);font-size:.875rem;margin-bottom:.25rem;line-height:1}.auth-label-icon{width:16px;height:16px;color:var(--gray-500);flex-shrink:0;display:inline-block;vertical-align:middle}.auth-input-wrapper{position:relative}.auth-form-input{width:100%;padding:.875rem 1rem;border:2px solid var(--gray-200);border-radius:var(--border-radius-lg);font-size:1rem;line-height:1.5;background:#1f2937cc;color:var(--white)!important;transition:all var(--transition-normal);outline:none;box-sizing:border-box;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.auth-form-input::selection{background:#667eea4d;color:var(--white)}.auth-form-input::-moz-selection{background:#667eea4d;color:var(--white)}.auth-form-input::placeholder{color:var(--gray-400);opacity:1}.auth-form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px);outline:none;-webkit-tap-highlight-color:transparent}.auth-form-input:active{outline:none}.auth-form-input:not(:placeholder-shown),.auth-form-input[type=text],.auth-form-input[type=email],.auth-form-input[type=password],input.auth-form-input,input[type=text].auth-form-input,input[type=email].auth-form-input,input[type=password].auth-form-input{color:var(--white)!important}.auth-password-wrapper{position:relative}.auth-password-wrapper input.auth-form-input,.auth-password-wrapper .auth-form-input[type=text],.auth-password-wrapper .auth-form-input[type=password],.auth-password-wrapper input[type=text],.auth-password-wrapper input[type=password],.auth-password-wrapper input#password{padding:.875rem 3rem .875rem 1rem!important;box-sizing:border-box;width:100%;color:var(--white)!important}.auth-password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--gray-400);cursor:pointer;padding:.25rem;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;z-index:1;outline:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.auth-password-toggle:focus,.auth-password-toggle:active{outline:none;box-shadow:none}.auth-password-toggle svg{width:20px;height:20px}.auth-form-options{display:flex;justify-content:space-between;align-items:center;margin:.5rem 0;flex-wrap:wrap;gap:1rem}.auth-checkbox-container{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.auth-checkbox-input{display:none}.auth-checkmark{width:20px;height:20px;border:2px solid var(--gray-300);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);background:var(--white)}.auth-checkbox-input:checked+.auth-checkmark{background:var(--primary-gradient);border-color:transparent;transform:scale(1.1)}.auth-checkmark svg{width:12px;height:12px;color:var(--white);opacity:0;transition:opacity var(--transition-fast)}.auth-checkbox-input:checked+.auth-checkmark svg{opacity:1}.auth-checkbox-label{font-size:.875rem;color:var(--gray-600)}.auth-forgot-password{color:#667eea;text-decoration:none;font-size:.875rem;font-weight:500;transition:all var(--transition-fast);position:relative}.auth-forgot-password:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary-gradient);transition:width var(--transition-normal)}.auth-forgot-password:hover:after{width:100%}.auth-forgot-password:hover{color:#5a67d8}.auth-button{width:100%;padding:.875rem 1.5rem;background:var(--primary-gradient);color:var(--white);border:none;border-radius:var(--border-radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden;margin-top:1rem}.auth-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.auth-button:hover:before{left:100%}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-xl)}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-button-icon{width:18px;height:18px}.auth-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--white);border-radius:50%;animation:spin 1s linear infinite}.auth-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--gray-200)}.auth-footer-text{color:var(--gray-600);font-size:.875rem;margin:0}.auth-link{background:none;border:none;color:#667eea;font-weight:600;cursor:pointer;text-decoration:none;transition:all var(--transition-fast);position:relative}.auth-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary-gradient);transition:width var(--transition-normal)}.auth-link:hover:after{width:100%}.auth-link:hover{color:#5a67d8}@media (max-width: 640px){.auth-container{padding:.5rem}.auth-card{padding:2rem 1.5rem;margin:.5rem}.auth-title{font-size:1.5rem}.auth-form-options{flex-direction:column;align-items:flex-start;gap:.75rem}.auth-shape-1,.auth-shape-2,.auth-shape-3{display:none}}@media (max-width: 480px){.auth-card{padding:1.5rem 1rem}.auth-logo-icon{width:56px;height:56px}.auth-logo-icon svg{width:28px;height:28px}.auth-title{font-size:1.375rem}.auth-form-input{padding:.75rem}.auth-password-wrapper .auth-form-input,.auth-password-wrapper input.auth-form-input,.auth-password-wrapper .auth-form-input[type=text],.auth-password-wrapper .auth-form-input[type=password],.auth-password-wrapper input[type=text],.auth-password-wrapper input[type=password],.auth-password-wrapper input#password{padding:.75rem 3rem .75rem .75rem!important;box-sizing:border-box;width:100%}.auth-button{padding:.75rem 1.25rem}}@media (prefers-color-scheme: dark){.auth-card{background:#1f2937f2;border:1px solid rgba(75,85,99,.3)}.auth-title{color:var(--white)}.auth-subtitle{color:var(--gray-300)}.auth-form-label{color:var(--gray-200)}.auth-form-input{background:#37415180;border-color:var(--gray-600);color:var(--white)!important}.auth-form-input::placeholder{color:var(--gray-400)}.auth-form-input:not(:placeholder-shown),.auth-form-input[type=text],.auth-form-input[type=email],.auth-form-input[type=password]{color:var(--white)!important}.auth-password-wrapper .auth-form-input,.auth-password-wrapper input.auth-form-input,.auth-password-wrapper .auth-form-input[type=text],.auth-password-wrapper .auth-form-input[type=password],.auth-password-wrapper input[type=text],.auth-password-wrapper input[type=password],.auth-password-wrapper input#password{color:var(--white)!important;padding:.875rem 3rem .875rem 1rem!important;box-sizing:border-box;width:100%}.auth-checkbox-label,.auth-footer-text{color:var(--gray-300)}.auth-checkmark{border-color:var(--gray-500);background:#37415180}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.auth-button:focus,.auth-checkbox-container:focus-within,.auth-link:focus,.auth-forgot-password:focus{outline:2px solid #667eea;outline-offset:2px}.auth-form-input:focus,.auth-password-toggle:focus{outline:none!important;box-shadow:0 0 0 3px #667eea1a}.auth-password-toggle:focus{box-shadow:none}@media (prefers-contrast: high){.auth-card{border:2px solid var(--gray-800)}.auth-form-input{border-width:2px}.auth-button{border:2px solid var(--gray-800)}}@media print{.auth-container{background:var(--white)}.auth-shape{display:none}.auth-card{box-shadow:none;border:1px solid var(--gray-300)}}.loading-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.loading-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:transparent}.loading-container>div{background:transparent!important}.loading-container svg{background:transparent!important}.modern-sidebar{width:280px;height:100vh;background:linear-gradient(180deg,#1e293b,#0f172a);position:fixed;top:0;left:0;display:flex;flex-direction:column;z-index:1000;box-shadow:4px 0 20px #00000026;border-right:1px solid rgba(255,255,255,.1)}.sidebar-header{padding:2rem 1.5rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-logo{display:flex;align-items:center;gap:1rem}.logo-wrapper{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #667eea4d;position:relative;overflow:hidden}.logo-wrapper:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.logo-icon{width:24px;height:24px;color:#fff;z-index:1}.logo-text h2{color:#fff;font-size:1.25rem;font-weight:700;margin:0;line-height:1.2}.logo-text span{color:#667eea;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.nav-section{margin-bottom:2rem}.nav-section-title{color:#fff9;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:0 1.5rem;margin-bottom:.75rem}.nav-items{display:flex;flex-direction:column;padding:0 1rem}.nav-item{background:none;border:none;padding:0;cursor:pointer;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea1a,#764ba21a);opacity:0;transition:opacity .3s ease}.nav-item:hover:before{opacity:1}.nav-item.active:before{opacity:1;background:linear-gradient(135deg,#667eea33,#764ba233)}.nav-item-content{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;position:relative;z-index:1}.nav-item-icon{width:20px;height:20px;color:#ffffffb3;transition:all .3s ease;flex-shrink:0}.nav-item:hover .nav-item-icon,.nav-item.active .nav-item-icon{color:#fff;transform:scale(1.1)}.nav-item-label{color:#fffc;font-size:.875rem;font-weight:500;transition:color .3s ease;flex:1;text-align:left}.nav-item:hover .nav-item-label,.nav-item.active .nav-item-label{color:#fff;font-weight:600}.nav-item-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:6px;min-width:20px;text-align:center;box-shadow:0 2px 4px #0003}.nav-item-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 2px 2px 0;transition:height .3s ease}.nav-item.active .nav-item-indicator{height:24px}.quick-actions{display:flex;flex-direction:column;gap:.5rem;padding:0 1rem}.quick-action-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fffc;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.quick-action-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translateY(-1px)}.quick-action-btn svg{width:16px;height:16px}.sidebar-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.user-profile{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.user-avatar{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-avatar svg{width:20px;height:20px;color:#fff}.user-info{flex:1}.user-name{color:#fff;font-size:.875rem;font-weight:600;margin:0;line-height:1.2}.user-role{color:#fff9;font-size:.75rem;margin:0}.logout-button{width:100%;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.logout-button:hover:not(:disabled){background:#ef444433;border-color:#ef44444d;color:#ef4444;transform:translateY(-1px)}.logout-button:disabled{opacity:.6;cursor:not-allowed}.logout-button svg{width:16px;height:16px}.logout-spinner{width:16px;height:16px;border:2px solid rgba(252,165,165,.3);border-top:2px solid #fca5a5;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1024px){.modern-sidebar{transform:translate(-100%);transition:transform .3s ease}.modern-sidebar.open{transform:translate(0)}}.nav-item:focus{outline:none}.quick-action-btn:focus,.logout-button:focus{outline:2px solid #667eea;outline-offset:2px}.modern-dashboard{min-height:100vh;background:#f8fafc}.dashboard-header{margin-bottom:2rem}.header-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.header-text{flex:1}.dashboard-title{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 .5rem}.dashboard-subtitle{color:#64748b;font-size:1rem;margin:0;line-height:1.5}.header-actions{display:flex;gap:.75rem}.action-btn{padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;border:none}.action-btn.secondary{background:#fff;color:#64748b;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d}.action-btn.secondary:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 6px #667eea40}.action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 8px 15px #667eea59}.action-btn svg{width:16px;height:16px}.stats-section{margin-bottom:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.enhanced-stat-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px #0000000d;border:1px solid #f1f5f9;transition:all .3s ease;position:relative;overflow:hidden}.enhanced-stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.enhanced-stat-card:hover:before{transform:scaleX(1)}.enhanced-stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.stat-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stat-icon-wrapper{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #667eea40}.stat-icon{width:24px;height:24px;color:#fff}.stat-menu{opacity:0;transition:opacity .3s ease}.enhanced-stat-card:hover .stat-menu{opacity:1}.stat-menu-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .3s ease}.stat-menu-btn:hover{background:#f1f5f9;color:#64748b}.stat-menu-btn svg{width:16px;height:16px}.stat-content{margin-bottom:1rem}.stat-title{color:#64748b;font-size:.875rem;font-weight:500;margin:0 0 .5rem}.stat-value{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 .5rem;line-height:1}.stat-change{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600}.stat-change.positive{color:#059669}.stat-change.negative{color:#dc2626}.stat-change svg{width:16px;height:16px}.stat-chart{position:absolute;bottom:0;left:0;right:0;height:30px;opacity:.3;transition:opacity .3s ease}.enhanced-stat-card:hover .stat-chart{opacity:.6}.mini-chart{width:100%;height:100%}.chart-line{stroke:#667eea;stroke-linecap:round;stroke-linejoin:round;opacity:.7}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.quick-stat-item{background:#fff;padding:1rem;border-radius:12px;border:1px solid #f1f5f9;text-align:center;transition:all .3s ease}.quick-stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.quick-stat-label{color:#64748b;font-size:.75rem;font-weight:500;margin-bottom:.25rem}.quick-stat-value{color:#1e293b;font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.quick-stat-change{font-size:.75rem;font-weight:600}.quick-stat-change.positive{color:#059669}.quick-stat-change.negative{color:#dc2626}.content-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem}.chart-container{grid-column:span 12}.activities-card,.products-card,.orders-card{grid-column:span 4}.metrics-card{grid-column:span 12}.content-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d;border:1px solid #f1f5f9;transition:all .3s ease;overflow:hidden}.content-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;margin-bottom:1rem}.card-title{display:flex;align-items:center;gap:.5rem;color:#1e293b;font-size:1.125rem;font-weight:600;margin:0}.card-title svg{width:20px;height:20px;color:#667eea}.card-action{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .3s ease}.card-action:hover{background:#f1f5f9;color:#64748b}.card-action svg{width:16px;height:16px}.card-content{padding:0 1.5rem 1.5rem}.metrics-row{display:flex;gap:1.5rem;align-items:stretch}.metric-card{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#cbd5e1}.metric-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;flex-shrink:0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.metric-icon svg{width:24px;height:24px;color:#fff}.metric-content{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.metric-title{font-size:.875rem;font-weight:600;color:#64748b;margin:0;text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.metric-change{font-size:.875rem;font-weight:600;margin:0;padding:.25rem .75rem;border-radius:20px;display:inline-flex;align-items:center;gap:.25rem}.metric-change.positive{background:#dcfce7;color:#16a34a}.metric-change.negative{background:#fee2e2;color:#dc2626}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#64748b}.loading-container p{margin-top:1rem;font-size:1rem}.loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.list-expansion{display:flex;justify-content:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0}.btn-expand-list{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;color:#475569;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-expand-list:hover{background:#e2e8f0;border-color:#94a3b8;color:#334155}.btn-expand-list:active{transform:translateY(1px)}.btn-expand-list svg{width:16px;height:16px;transition:transform .2s ease}.btn-expand-list.expanded svg{transform:rotate(180deg)}@media (max-width: 1024px){.modern-dashboard{margin-left:0;padding:1rem}.header-content{flex-direction:column;align-items:flex-start;gap:1rem}.activities-card,.products-card,.orders-card{grid-column:span 1}}@media (max-width: 768px){.modern-dashboard{padding:1rem}.stats-grid{grid-template-columns:1fr}.quick-stats{grid-template-columns:repeat(2,1fr)}.header-actions{width:100%;justify-content:stretch}.action-btn{flex:1;justify-content:center}.content-grid{grid-template-columns:1fr}.chart-container,.activities-card,.products-card,.orders-card,.metrics-card{grid-column:span 1}.metrics-row{flex-direction:column;gap:1rem}.metric-card{padding:1rem}.metric-value{font-size:1.25rem}}@media (max-width: 480px){.modern-dashboard{padding:.5rem}.quick-stats{grid-template-columns:1fr}.enhanced-stat-card,.content-card{border-radius:12px}.card-header{padding:1rem 1rem 0}.card-content{padding:0 1rem 1rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 2s infinite}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.clientes-content{min-height:100vh;background:#f8fafc;position:relative}.clientes-container{display:grid;gap:1.5rem}.clientes-container.list{grid-template-columns:1fr}.cliente-info-compact{display:flex;align-items:center;gap:.75rem;width:100%}.cliente-avatar-small{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.75rem;flex-shrink:0}.cliente-nome-compact{font-weight:600;color:#1e293b;margin-bottom:.25rem;line-height:1.2}.cliente-email-compact{font-size:.75rem;color:#64748b;line-height:1.2}.contact-info{display:flex;flex-direction:column;gap:.25rem;width:100%}.contact-email{font-size:.75rem;color:#64748b;line-height:1.2}.actions-compact{display:flex;gap:.5rem;justify-content:center;width:100%}.action-btn-tiny{width:32px;height:32px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#64748b;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.action-btn-tiny:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.action-btn-tiny.secondary{background:#6b72801a;color:#4b5563;border:none}.action-btn-tiny.secondary:hover{background:#6b728033;border-color:#64748b;color:#374151}.action-btn-tiny.primary{background:#3b82f61a;color:#2563eb;border:none}.action-btn-tiny.primary:hover{background:#667eea;border-color:#667eea;color:#fff}.action-btn-tiny.warning{background:#fef3c7;color:#92400e;border:1px solid #f59e0b}.action-btn-tiny.warning:hover{background:#fde68a}.action-btn-tiny.info{background:#dbeafe;color:#1e40af;border:1px solid #3b82f6}.action-btn-tiny.info:hover{background:#bfdbfe}.cliente-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px #0000000d;border:1px solid #f1f5f9;transition:all .3s ease;position:relative;overflow:hidden}.cliente-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.cliente-card:hover:before{transform:scaleX(1)}.cliente-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.cliente-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.cliente-avatar{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem;flex-shrink:0}.cliente-info{flex:1}.cliente-nome{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.cliente-empresa{color:#64748b;font-size:.875rem;margin:0}.cliente-status{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.cliente-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.detail-item{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.875rem}.cliente-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.stat-item{text-align:center}.stat-label{display:block;font-size:.75rem;color:#64748b;font-weight:500;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.stat-value{display:block;font-size:1rem;font-weight:600;color:#1e293b}.cliente-actions{display:flex;gap:.75rem}.clientes-container.list .cliente-card{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem}.cliente-form{display:flex;flex-direction:column;gap:1rem;width:100%}.historico-cliente{display:flex;flex-direction:column;gap:1.5rem}.historico-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.historico-title{display:flex;align-items:center;gap:1rem}.cliente-avatar-modal{width:3rem;height:3rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;box-shadow:0 4px 12px #667eea4d}.historico-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#111827}.historico-subtitle{margin:.25rem 0 0;color:#6b7280;font-size:.875rem}.btn-add-interacao{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #3b82f64d}.btn-add-interacao:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.historico-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card-historico{background:#fff;border-radius:.75rem;padding:1rem;border:1px solid #e5e7eb;display:flex;align-items:center;gap:.75rem;transition:all .2s;box-shadow:0 2px 8px #0000000d}.stat-card-historico:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.stat-card-historico.total-gasto{grid-column:span 2;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#0ea5e9}.stat-icon-historico{width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-historico svg{width:1.25rem;height:1.25rem}.stat-icon-historico.total{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-icon-historico.compras{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.stat-icon-historico.servicos{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.stat-icon-historico.pagamentos{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.stat-icon-historico.valor{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.stat-icon-historico.vendas{background:#dbeafe;color:#3b82f6}.stat-info-historico{display:flex;flex-direction:column}.stat-number-historico{font-size:1.25rem;font-weight:700;color:#111827;line-height:1}.stat-label-historico{font-size:.75rem;color:#6b7280;font-weight:500;margin-top:.25rem}.interacao-timeline{position:relative;display:flex;flex-direction:column;align-items:center;width:2rem;flex-shrink:0}.timeline-dot{width:.75rem;height:.75rem;background:#3b82f6;border-radius:50%;border:2px solid white;box-shadow:0 0 0 2px #e5e7eb;z-index:2}.timeline-line{width:2px;height:100%;background:#e5e7eb;margin-top:.5rem}.interacao-valor{display:flex;align-items:center;gap:.5rem;font-weight:700;color:#059669;font-size:.875rem;background:#d1fae5;padding:.25rem .75rem;border-radius:.375rem;align-self:flex-start}.valor-icon{width:.875rem;height:.875rem}.interacao-status{padding:.375rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.interacao-status.concluído{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.interacao-status.em-andamento{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.interacao-status.pago{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.interacao-status.respondido{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#3730a3}.venda-details{margin-top:8px;padding:8px;background:#f8fafc;border-radius:6px;border-left:3px solid #3b82f6}.venda-info{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:.85rem;color:#64748b}.venda-info:last-child{margin-bottom:0}.venda-info svg{width:14px;height:14px;color:#3b82f6}.historico-note{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#ffc1071a,#ffc1070d);border:1px solid rgba(255,193,7,.3);border-radius:8px;color:#856404;font-size:.875rem;font-weight:500}.historico-note svg{width:16px;height:16px;flex-shrink:0}.anexos-cliente{display:flex;flex-direction:column;gap:1rem}.anexos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.anexos-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#111827}.btn-add-anexo{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-add-anexo:hover{background:#2563eb}.anexos-list{display:flex;flex-direction:column;gap:.75rem}.anexo-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.anexo-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#fef3c7;color:#92400e;border-radius:.375rem;flex-shrink:0}.anexo-content{flex:1}.anexo-nome{font-weight:500;color:#111827;font-size:.875rem;margin-bottom:.25rem}.anexo-info{display:flex;gap:1rem;font-size:.75rem;color:#6b7280}.anexo-actions{display:flex;gap:.5rem}.btn-download,.btn-delete{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:.25rem;cursor:pointer;transition:all .2s}.btn-download{background:#dbeafe;color:#1e40af}.btn-download:hover{background:#bfdbfe}.btn-delete{background:#fee2e2;color:#dc2626}.btn-delete:hover{background:#fecaca}.anexos-note{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#ffc1071a,#ffc1070d);border:1px solid rgba(255,193,7,.3);border-radius:8px;color:#856404;font-size:.875rem;font-weight:500}.anexos-note svg{width:16px;height:16px;flex-shrink:0}.observacoes-cliente{display:flex;flex-direction:column;gap:1rem}.observacoes-header{margin-bottom:1rem}.observacoes-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#111827}.observacoes-content{flex:1}.observacoes-textarea{width:100%;padding:1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;resize:vertical;min-height:200px;font-family:inherit}.observacoes-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.observacoes-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.importacao-help{background:#f8fafc;border-radius:12px;padding:1.5rem;margin-top:1.5rem;border:1px solid #e2e8f0}.importacao-help h4{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.importacao-help p{color:#64748b;font-size:.875rem;line-height:1.5;margin:0 0 1rem}.columns-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.column-group{background:#fff;border-radius:8px;padding:1rem;border:1px solid #e2e8f0}.column-group h5{color:#374151;font-size:.875rem;font-weight:600;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb;padding-bottom:.5rem}.column-group ul{list-style:none;padding:0;margin:0}.column-group li{color:#64748b;font-size:.8rem;line-height:1.4;margin-bottom:.5rem;padding-left:.5rem;position:relative}.column-group li:before{content:"•";color:#94a3b8;font-weight:700;position:absolute;left:0}.column-group li strong{color:#374151;font-weight:600}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#6b7280}.loading-state p{margin-bottom:1rem;font-size:1.1rem;font-weight:500}.section-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}@media (max-width: 1024px){.clientes-content{margin-left:0;padding:1rem}.header-actions{width:100%;justify-content:stretch}.action-btn{flex:1;justify-content:center}.content-controls{flex-direction:column;align-items:stretch;gap:1rem}.search-filters{max-width:none}.view-controls{align-self:flex-end}.table-header,.table-row{grid-template-columns:1fr;gap:.5rem}.header-cell{display:none}.table-cell{padding:.25rem 0}.cliente-info-compact{justify-content:center}.contact-info{text-align:center}.actions-compact{justify-content:center}.table-cell:nth-child(3),.table-cell:nth-child(4),.table-cell:nth-child(6){display:none}}@media (max-width: 768px){.stats-overview{grid-template-columns:repeat(2,1fr)}.search-filters{flex-direction:column}.search-box{min-width:auto}.clientes-container.grid,.cliente-stats{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1.5fr 2fr 1fr 1fr 1fr 1fr 1fr;gap:.75rem}.table-cell:nth-child(4),.table-cell:nth-child(7){display:none}.form-row{grid-template-columns:1fr}.form-actions,.observacoes-actions{flex-direction:column}.historico-header,.anexos-header{flex-direction:column;gap:1rem;align-items:flex-start}.historico-stats{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card-historico.total-gasto{grid-column:span 2}.interacao-item{padding:1rem}.interacao-timeline{width:1.5rem}.interacao-icon{width:2.5rem;height:2.5rem}.interacao-icon svg{width:1.25rem;height:1.25rem}.columns-grid{grid-template-columns:1fr;gap:1rem}.column-group{padding:.75rem}.column-group h5{font-size:.8rem}.column-group li{font-size:.75rem}}@media (max-width: 480px){.clientes-content{padding:.5rem}.stats-overview{grid-template-columns:1fr}.cliente-card{padding:1rem}.cliente-header{flex-direction:column;align-items:flex-start;gap:.5rem}.cliente-status{align-self:flex-start}.table-header,.table-row{grid-template-columns:2fr 1.5fr 1.5fr 1fr 1fr 1fr 1.5fr;min-width:900px;gap:1rem;padding:.75rem}.clientes-table{overflow-x:auto}.table-cell{font-size:.8rem;min-height:50px}.cliente-avatar-small{width:28px;height:28px;font-size:.7rem}.action-btn-tiny{width:28px;height:28px}}.pagination-controls{display:flex;justify-content:space-between;align-items:center;margin-top:0;padding:1rem 1.5rem;background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:0 0 16px 16px}.pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;border:1px solid #e2e8f0;background:#fff;color:#475569}.pagination-number{min-width:36px;height:36px;padding:0 .5rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;border:1px solid #e2e8f0;background:#fff;color:#475569;display:flex;align-items:center;justify-content:center}.grid-pagination{margin-top:2rem;background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d;border:1px solid #f1f5f9}@media (max-width: 768px){.pagination-controls{flex-direction:column;gap:1rem}.pagination-info{text-align:center}.pagination-numbers{flex-wrap:wrap;justify-content:center}}.venda-produtos-section{margin-top:16px;padding:16px;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.produtos-section-title{margin:0 0 12px;font-size:16px;font-weight:600;color:#1e293b}.venda-produtos-section .items-list{display:flex;flex-direction:column;gap:12px}.venda-produtos-section .item-card{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.venda-produtos-section .item-info{flex:1}.venda-produtos-section .item-info h5{margin:0 0 8px;font-size:16px;font-weight:600;color:#1e293b}.venda-produtos-section .item-details{display:flex;flex-direction:column;gap:4px}.venda-produtos-section .detail-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.venda-produtos-section .detail-row span:first-child{font-weight:600;color:#374151}.venda-produtos-section .detail-row span:last-child{color:#6b7280}.venda-produtos-section .detail-row .total{font-weight:600;color:#059669}.produtos-content{min-height:100vh;background:#f8fafc;position:relative}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1rem}.stat-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px #0000000d;border:1px solid #f1f5f9;transition:all .3s ease;display:flex;align-items:center;gap:1rem;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.total{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-icon.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-icon.pending{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.stat-icon.warning{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.stat-icon.revenue{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.stat-icon svg{width:24px;height:24px}.stat-info h3{color:#64748b;font-size:.875rem;font-weight:500;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px}.stat-number{color:#1e293b;font-size:1.75rem;font-weight:700;margin:0 0 .25rem}.stat-change{font-size:.75rem;font-weight:500}.stat-change.positive{color:#10b981}.stat-change.negative{color:#ef4444}.stat-change.neutral{color:#64748b}.produtos-container{display:grid;gap:1.5rem}.produtos-container.list{grid-template-columns:1fr}.produtos-container.grid{grid-template-columns:repeat(3,1fr)}.status-out-of-stock{background:#f3e8ff;color:#7c3aed}.status-in-stock{background:#dbeafe;color:#1e40af}.status-low-stock{background:#fef3c7;color:#d97706}.produto-status-container{display:flex;flex-direction:column;gap:.25rem;position:absolute;top:.5rem;right:.5rem}.produto-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.produto-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.produto-image{width:100%;height:200px;border-radius:12px;overflow:hidden;margin-bottom:1rem;position:relative}.image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;align-items:center;justify-content:center;color:#94a3b8}.image-placeholder svg{width:48px;height:48px}.produto-status{position:absolute;top:.75rem;right:.75rem;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:110px}.produto-info{margin-bottom:1rem}.produto-header{margin-bottom:.5rem}.produto-nome{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.produto-categoria{color:#64748b;font-size:.875rem;margin:0;padding:.25rem .75rem;background:#f1f5f9;border-radius:20px;display:inline-block}.produto-descricao{color:#64748b;font-size:.875rem;line-height:1.5;margin:.75rem 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.produto-rating{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.stars{display:flex;gap:.125rem}.star{color:#fbbf24;font-size:.875rem}.rating-value{font-size:.875rem;color:#64748b;font-weight:500}.produto-details{background:#f8fafc;border-radius:12px;padding:1rem;margin-bottom:1rem}.detail-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.detail-row:last-child{margin-bottom:0}.detail-label{color:#64748b;font-size:.875rem;font-weight:500}.detail-value{color:#1e293b;font-size:.875rem;font-weight:600}.detail-value.low-stock{color:#ef4444}.produto-price{margin-bottom:1rem}.price{font-size:1.5rem;font-weight:700;color:#1e293b}.produto-actions{display:flex;gap:8px;flex-wrap:wrap}.action-btn.danger{background:#dc2626;color:#fff;border:1px solid #b91c1c}.action-btn.danger:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.action-btn.danger:disabled{opacity:.5;cursor:not-allowed}.action-btn-small{flex:1;padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.action-btn-small.secondary:hover{border-color:#64748b;color:#374151}.action-btn-small.primary:hover{background:#667eea;border-color:#667eea;color:#fff}.action-btn-small.warning{background:#fef3c7;color:#92400e;border:1px solid #f59e0b}.action-btn-small.warning:hover{background:#fde68a}.action-btn-small.info{background:#dbeafe;color:#1e40af;border:1px solid #3b82f6}.action-btn-small.info:hover{background:#bfdbfe}.action-btn-small svg{width:16px;height:16px}.produtos-container.list .produto-card{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem}.produto-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.produto-info h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 8px}.produto-info p{margin:4px 0;color:#6b7280;font-size:.875rem}.produto-details{margin-bottom:16px}.produtos-container.list .produto-image{width:120px;height:120px;flex-shrink:0}.produtos-container.list .produto-header,.produtos-container.list .produto-details{flex:1;margin-bottom:0}.produtos-container.list .produto-actions{flex-direction:column;min-width:120px;flex-wrap:nowrap}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;min-height:400px}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.form-section{margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e5e7eb}.form-section h4{color:#374151;font-size:1.125rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem;position:relative}.form-group label.required:after{content:" *";color:#dc2626;font-weight:700}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc2626;background-color:#dc26260d}.form-group input.error:focus,.form-group select.error:focus,.form-group textarea.error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.form-group input.valid,.form-group select.valid,.form-group textarea.valid{border-color:#16a34a;background-color:#16a34a0d}.form-group input.valid:focus,.form-group select.valid:focus,.form-group textarea.valid:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.error-message{display:block;color:#dc2626;font-size:.875rem;font-weight:500;margin-top:.25rem;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb}@media (max-width: 1200px){.produtos-container.grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.produtos-content{margin-left:0;padding:1rem}.produtos-container.grid{grid-template-columns:repeat(2,1fr)}.header-actions{width:100%;justify-content:stretch}.action-btn{flex:1;justify-content:center}.content-controls{flex-direction:column;align-items:stretch;gap:1rem}.search-filters{max-width:none}.view-controls{align-self:flex-end}}@media (max-width: 768px){.stats-overview,.produtos-container.grid{grid-template-columns:repeat(2,1fr)}.search-filters{flex-direction:column}.search-box{min-width:auto}.produtos-container.grid{grid-template-columns:1fr}.produtos-container.list .produto-card{flex-direction:column;align-items:stretch}.produtos-container.list .produto-header,.produtos-container.list .produto-details{flex:none;margin-bottom:16px}.produtos-container.list .produto-actions{flex-direction:row;min-width:auto;flex-wrap:wrap}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}}@media (max-width: 480px){.produtos-content{padding:.5rem}.stats-overview{grid-template-columns:1fr}.produto-card{padding:1rem}}.produto-estoque-baixo{background-color:#fff3cd;border-left:3px solid #ffc107}.produto-estoque-esgotado{background-color:#f8d7da;border-left:3px solid #dc3545}.ordens-servico-container{background:#f8fafc;min-height:100vh;width:100%;overflow-x:hidden;box-sizing:border-box}.header-left h1{margin:0 0 8px;font-size:28px;font-weight:700;color:#1e293b}.header-left p{margin:0;color:#64748b;font-size:16px}.header-right .btn-primary{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.header-right .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.header-right .btn-primary svg{width:20px;height:20px}.header-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.header-actions .btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s ease}.header-actions .btn-secondary:hover{background:#e2e8f0;color:#1e293b;transform:translateY(-1px)}.header-actions .btn-secondary svg{width:18px;height:18px}.search-box{position:relative;flex:1}.search-box input{width:100%;padding:12px 16px 12px 48px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .3s ease}.search-box svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#64748b}.filter-controls{display:flex;gap:12px}.filter-controls select{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:all .3s ease}.filter-controls select:focus{outline:none;border-color:#667eea}.content-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;width:100%;max-width:100%;box-sizing:border-box}.ordens-list{display:grid;gap:16px;width:100%;box-sizing:border-box}.ordens-list.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));box-sizing:border-box}.ordens-list.list{grid-template-columns:1fr;padding:0 1.5rem}.ordem-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease;width:100%;box-sizing:border-box;overflow:hidden}.ordens-list.list .ordem-card{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem;min-width:0}.ordens-list.list .ordem-header{flex:1;margin-bottom:0;display:flex;align-items:center;gap:1rem}.ordens-list.list .ordem-info{flex:1}.ordens-list.list .ordem-info h3{margin:0 0 4px;font-size:16px}.ordens-list.list .ordem-status{flex-direction:row;align-items:center;gap:.5rem}.ordens-list.list .ordem-details{display:flex;gap:2rem;margin-bottom:0;flex:1;min-width:0;overflow:hidden}.ordens-list.list .ordem-details .detail-item{padding:0;flex-direction:column;align-items:flex-start;gap:4px}.ordens-list.list .ordem-details .detail-item .label{font-size:12px;color:#64748b}.ordens-list.list .ordem-details .detail-item .value{font-size:14px;font-weight:600;color:#1e293b}.ordens-list.list .ordem-actions{flex-shrink:0;min-width:fit-content}.ordem-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.ordem-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.ordem-info h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 8px}.cliente-nome{margin:0 0 4px;font-size:16px;font-weight:600;color:#374151}.data-abertura{margin:0;font-size:14px;color:#6b7280}.ordem-status{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.status-badge,.prioridade-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.ordem-details{margin-bottom:16px}.ordem-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-secondary{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#f8fafc;color:#374151;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#e2e8f0;border-color:#cbd5e1}.btn-secondary svg{width:16px;height:16px}.btn-icon{display:flex;align-items:center;justify-content:center;padding:8px;width:36px;height:36px;background:#f8fafc;color:#374151;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.btn-icon:hover{background:#e2e8f0;border-color:#cbd5e1;color:#667eea;transform:translateY(-1px)}.btn-icon svg{width:18px;height:18px}.os-form{padding:0 24px 24px}.form-section{margin-bottom:32px}.form-section h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#1e293b;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:6px;font-weight:600;color:#374151;font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:80px}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f8fafc;color:#6b7280;cursor:not-allowed}.form-input{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .3s ease}.form-textarea{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;resize:vertical;min-height:80px;transition:all .3s ease}.resumo-total{padding:16px;background:#f8fafc;border-radius:8px;text-align:center;font-size:18px;color:#1e293b}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:24px;border-top:1px solid #e2e8f0}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;border-radius:12px}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.error-container p{margin:0 0 16px;color:#ef4444;font-weight:600}.error-container button{padding:8px 16px;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.error-container button:hover{background:#dc2626}.os-produtos-servicos{margin-top:24px}.tabs-container{display:flex}.tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-weight:600;color:#64748b;transition:all .3s ease}.tab:hover{color:#374151}.tab.active{color:#667eea;border-bottom-color:#667eea}.tab svg{width:18px;height:18px}.tab:disabled{opacity:.5;cursor:not-allowed}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h4{margin:0;font-size:16px;font-weight:600;color:#1e293b}.btn-add{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-add:hover{background:#5a67d8}.btn-add svg{width:16px;height:16px}.empty-list{text-align:center;padding:40px 20px;background:#f8fafc;border-radius:8px;border:2px dashed #cbd5e1}.empty-list p{margin:0;color:#64748b;font-style:italic}.items-list{display:flex;flex-direction:column;gap:12px}.item-card{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.item-info{flex:1}.item-info h5{margin:0 0 8px;font-size:16px;font-weight:600;color:#1e293b}.item-details{display:flex;flex-direction:column;gap:4px}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.detail-row span:first-child{font-weight:600;color:#374151}.detail-row span:last-child{color:#6b7280}.detail-row .total{font-weight:600;color:#059669}.detail-row input{width:80px;padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:14px}.btn-remove{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#ef4444;transition:background-color .3s ease}.btn-remove:hover{background:#fef2f2}.btn-remove svg{width:18px;height:18px}.section-total{padding:12px 16px;background:#e0f2fe;border-radius:8px;text-align:center;margin-top:16px}.section-total strong{color:#0c4a6e}.os-form{padding:20px}.os-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.os-form .form-group{display:flex;flex-direction:column}.os-form .form-group.full-width{grid-column:1 / -1}.os-form label{font-weight:600;margin-bottom:8px;color:#333;display:flex;align-items:center;gap:8px}.os-form .info-icon{width:16px;height:16px;color:#666;cursor:help}.os-form .input-with-icon{position:relative;display:flex;align-items:center}.os-form .input-icon{position:absolute;left:12px;width:18px;height:18px;color:#666;z-index:1}.os-form .input-with-icon input,.os-form .input-with-icon select{padding-left:40px;padding-right:12px;height:40px;border:1px solid #ddd;border-radius:6px;font-size:14px;width:100%}.os-form .input-with-actions{position:relative;display:flex;align-items:center}.os-form .input-with-actions input,.os-form .input-with-actions select{flex:1;height:40px;border:1px solid #ddd;border-radius:6px 0 0 6px;padding:0 12px;font-size:14px}.os-form .btn-icon{height:40px;width:40px;border:1px solid #ddd;border-left:none;border-radius:0 6px 6px 0;background:#f8f9fa;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.os-form .btn-icon:hover{background:#e9ecef}.os-form .btn-icon svg{width:18px;height:18px;color:#666}.os-form input,.os-form select,.os-form textarea{border:1px solid #ddd;border-radius:6px;padding:10px 12px;font-size:14px;transition:border-color .2s}.os-form input:focus,.os-form select:focus,.os-form textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.os-form textarea{resize:vertical;min-height:80px}.clientes-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 6px #0000001a;z-index:1000;max-height:200px;overflow-y:auto}.cliente-option{padding:10px 12px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s}.cliente-option:hover{background:#f8f9fa}.cliente-option:last-child{border-bottom:none}.btn-primary,.btn-secondary{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#545b62}.btn-secondary:disabled{background:#ccc;cursor:not-allowed}.os-form input:hover,.os-form select:hover,.os-form textarea:hover,.os-form .input-with-icon input:hover,.os-form .input-with-icon select:hover{border-color:#adb5bd}.os-form label.required:after{content:" *";color:#dc3545}.os-form input,.os-form select,.os-form textarea{transition:all .2s ease}.clientes-dropdown{animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.import-modal{max-width:900px}@media (max-width: 1024px){.content-controls{flex-direction:column;align-items:stretch;gap:1rem}.search-filters{max-width:none;width:100%}.view-controls{align-self:flex-end}.ordens-list.grid{grid-template-columns:repeat(2,1fr);padding:0 1rem}.ordens-list.list{padding:0 1rem}}@media (max-width: 768px){.ordens-servico-container{padding:16px;overflow-x:hidden}.content-controls{padding:0 1rem}.ordens-list.grid{grid-template-columns:1fr;padding:0 1rem}.ordens-list.list{padding:0 1rem}.search-filters{flex-direction:column;width:100%}.search-box{min-width:auto;width:100%}.ordens-list.list .ordem-card{flex-direction:column;align-items:stretch}.ordens-list.list .ordem-header{flex-direction:column;align-items:stretch;gap:1rem}.ordens-list.list .ordem-details{flex-direction:column;gap:1rem}.filter-controls{flex-direction:column}.ordem-header{flex-direction:column;gap:12px}.ordem-status{align-items:flex-start}.ordem-actions{flex-direction:column}.form-row{grid-template-columns:1fr}.tabs-container{flex-direction:column}.tab{justify-content:center}.item-card{flex-direction:column;gap:12px}.detail-row{flex-direction:column;align-items:flex-start;gap:4px}.detail-row input{width:100%}.os-form .form-row{grid-template-columns:1fr;gap:15px}.btn-primary,.btn-secondary{width:100%}}.receitas-container{margin:0 auto;min-height:100vh;background:#f8fafc}.header-left h1{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 8px}.header-left p{color:#6b7280;margin:0;font-size:1rem}.header-right{display:flex;align-items:center}.header-actions{display:flex;gap:12px;align-items:center}.action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-decoration:none}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.action-btn.secondary{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.action-btn.secondary:hover{background:#e2e8f0;color:#1e293b;transform:translateY(-1px)}.btn-primary,.btn-secondary,.btn-danger{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover{background-color:#2563eb}.btn-secondary{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background-color:#e5e7eb}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover{background-color:#dc2626}.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled{opacity:.6;cursor:not-allowed}.view-controls{display:flex;gap:.5rem}.view-btn{width:40px;height:40px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.view-btn:hover{border-color:#667eea;color:#667eea}.view-btn.active{background:#667eea;border-color:#667eea;color:#fff}.view-btn svg{width:20px;height:20px}.receitas-list{display:grid;gap:20px}.receitas-list.grid{grid-template-columns:repeat(3,1fr)}.receitas-list.list{grid-template-columns:1fr}.receita-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.receita-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.receita-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.receita-info h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 8px}.receita-info p{margin:4px 0;color:#6b7280;font-size:.875rem}.cliente-nome{color:#1f2937;font-weight:500}.colaborador-nome{color:#059669!important;font-weight:500}.data-receita{color:#6b7280}.data-vencimento{font-weight:500}.data-vencimento.vencida{color:#ef4444!important}.receita-status{display:flex;gap:8px}.receita-details{margin-bottom:16px}.detail-item{display:flex;gap:8px;margin-bottom:8px}.detail-item .label{font-weight:500;color:#374151;min-width:100px}.detail-item .value{color:#6b7280;flex:1}.receita-actions{display:flex;gap:8px;flex-wrap:wrap}.receitas-list.list .receita-card{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem}.receitas-list.list .receita-header,.receitas-list.list .receita-details{flex:1;margin-bottom:0}.receitas-list.list .receita-actions{flex-direction:column;min-width:120px;flex-wrap:nowrap}.loading-container,.error-container{text-align:center;padding:60px 20px;color:#6b7280}.error-container button{margin-top:16px}.error-message{color:#ef4444;font-weight:500;margin-bottom:16px}.image-modal{max-width:90vw;max-height:90vh;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.image-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.image-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.modal-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#6b7280;transition:all .2s ease}.modal-close:hover{background-color:#f3f4f6;color:#374151}.modal-close svg{width:20px;height:20px}.image-modal-content{padding:20px;text-align:center}.image-modal-content img{max-width:100%;max-height:70vh;object-fit:contain;border-radius:8px}@media (max-width: 1200px){.receitas-list.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.receitas-container{padding:1rem}.header-actions{justify-content:stretch}.header-actions button{flex:1;justify-content:center}.search-box{min-width:auto}.content-controls{flex-direction:column;align-items:stretch;gap:1rem}.search-filters{max-width:none}.view-controls{align-self:flex-end}.receitas-list.grid{grid-template-columns:1fr}.receita-header{flex-direction:column;gap:12px}.receitas-list.list .receita-card{flex-direction:column;align-items:stretch}.receitas-list.list .receita-header,.receitas-list.list .receita-details{flex:none;margin-bottom:16px}.receitas-list.list .receita-actions{flex-direction:row;min-width:auto;flex-wrap:wrap}.receita-actions{justify-content:stretch}.receita-actions button{flex:1;justify-content:center}}.vendas-content,.clientes-content{min-height:100vh;background:#f8fafc;position:relative}.btn-secondary{padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;border:1px solid #e2e8f0;background:#fff;color:#64748b;display:flex;align-items:center;gap:.5rem}.btn-secondary:hover{background:#f8fafc;border-color:#667eea;color:#667eea}.btn-secondary svg{width:18px;height:18px}.vendas-table{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #0000000d;border:1px solid #f1f5f9}.vendas-table .table-header,.vendas-table .table-row{display:grid;grid-template-columns:1.5fr 1.5fr 1.2fr .8fr 1fr 1fr 1.2fr 1fr;gap:1rem;padding:1rem 1.5rem}.vendas-table .table-header{background:#f8fafc;border-bottom:1px solid #e2e8f0}.vendas-table .table-row{border-bottom:1px solid #f1f5f9;transition:background-color .3s ease}.vendas-table .table-row:hover{background:#f8fafc}.vendas-table .table-row:last-child{border-bottom:none}.action-btn-tiny.success{background:#22c55e1a;color:#16a34a}.action-btn-tiny.success:hover{background:#22c55e33;transform:translateY(-1px)}@media (max-width: 1200px){.vendas-table .table-header,.vendas-table .table-row{grid-template-columns:1.3fr 1.3fr 1fr .7fr .8fr .8fr 1fr .8fr;gap:.75rem;padding:.75rem 1rem}}@media (max-width: 768px){.vendas-table{overflow-x:auto}.vendas-table .table-header,.vendas-table .table-row{grid-template-columns:1.5fr 1.5fr 1.2fr .8fr 1fr 1fr 1.2fr 1fr;min-width:1000px;gap:.75rem;padding:.75rem}.table-cell{font-size:.8rem;min-height:50px}.action-btn-tiny{width:28px;height:28px}.header-actions{flex-wrap:wrap}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.section-actions{width:100%;justify-content:space-between}}@media (max-width: 480px){.vendas-content,.clientes-content{padding:.5rem}.page-title{font-size:1.5rem}.action-btn{padding:.625rem 1rem;font-size:.8rem}}.btn-clear{background:#fee2e2;color:#dc2626;border:1px solid #fca5a5;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s ease;margin-left:auto}.btn-clear:hover{background:#fecaca;border-color:#f87171}.add-item-form{margin-bottom:1.5rem}.btn-add-item{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease;font-size:.875rem;width:100%;justify-content:center}.btn-add-item:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.btn-add-item:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-add-item svg{width:18px;height:18px;color:inherit}.items-list{margin-top:1.5rem}.items-list h4{font-size:1rem;font-weight:600;color:#1a202c;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.item-row{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:.75rem}.item-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.item-name{font-weight:600;font-size:.875rem;color:#1a202c}.item-estoque-info{font-size:.75rem;color:#64748b}.item-estoque-baixo{color:#f59e0b}.item-estoque-esgotado{color:#dc2626}.item-qty{font-weight:600;color:#3b82f6;min-width:40px;text-align:center}.item-price{font-weight:600;color:#64748b;min-width:80px;text-align:right}.item-subtotal{font-weight:700;color:#16a34a;min-width:100px;text-align:right}.btn-remove-item{background:#fee2e2;color:#dc2626;border:none;border-radius:6px;padding:.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-remove-item:hover{background:#fecaca;transform:scale(1.05)}.btn-remove-item svg{width:16px;height:16px;color:inherit}.estoque-alertas{margin-bottom:1.5rem}.alerta{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:8px;margin-bottom:.75rem;font-size:.875rem;font-weight:500}.alerta svg{width:20px;height:20px;color:inherit;flex-shrink:0}.estoque-esgotado{background:#fee2e2;color:#dc2626;border:1px solid #fca5a5}.estoque-baixo{background:#fef3c7;color:#d97706;border:1px solid #fbbf24}.estoque-info{margin-top:.5rem;font-size:.75rem}.estoque-disponivel{color:#16a34a}.estoque-disponivel.error{color:#dc2626}.estoque-insuficiente{color:#dc2626;font-weight:600;margin-left:.5rem}.opcoes-venda-container{margin-top:1rem}.opcoes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.opcao-item{border:1px solid #e2e8f0;border-radius:8px;padding:1rem;transition:all .2s ease}.opcao-item:hover{border-color:#3b82f6;background:#f8fafc}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;font-size:.875rem}.checkbox-label input[type=checkbox]{margin-top:.125rem;width:16px;height:16px;accent-color:#3b82f6}.opcao-info{flex:1}.opcao-nome{font-weight:600;color:#1a202c;margin-bottom:.25rem}.opcao-valor{font-weight:600;color:#3b82f6;margin-bottom:.25rem}.opcao-descricao{font-size:.75rem;color:#64748b;line-height:1.4}.sale-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.875rem;border-bottom:1px solid #e2e8f0}.summary-row:last-child{border-bottom:none}.summary-row.discount{color:#16a34a}.summary-row.addition{color:#dc2626}.summary-row.total{font-weight:700;font-size:1.125rem;color:#1a202c;border-top:2px solid #e2e8f0;margin-top:.5rem;padding-top:1rem}.summary-row.taxa-cartao,.summary-row.juros-cartao{color:#dc2626;font-size:.8rem}.summary-row.parcelas{color:#3b82f6;font-weight:600}.summary-row.condicoes{color:#64748b;font-style:italic}.summary-row.validade{color:#d97706}.summary-row.validade.urgente{color:#dc2626;font-weight:600}@media (max-width: 768px){.opcoes-grid{grid-template-columns:1fr}.item-row{flex-direction:column;align-items:flex-start;gap:.75rem}.item-qty,.item-price,.item-subtotal{min-width:auto;text-align:left}.btn-remove-item{align-self:flex-end}.sale-summary{padding:1rem}.summary-row{flex-direction:column;align-items:flex-start;gap:.25rem}}.pedidos-content,.clientes-content{min-height:100vh;background:#f8fafc;position:relative}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;border:none}.action-btn.primary{background:#667eea;color:#fff}.action-btn.primary:hover{background:#5568d3;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.action-btn.secondary{background:#fff;color:#64748b;border:1px solid #e2e8f0}.action-btn.secondary:hover{background:#f8fafc;border-color:#667eea;color:#667eea}.action-btn svg{width:18px;height:18px}.search-box{position:relative;flex:1;min-width:300px}.search-box svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#64748b;pointer-events:none}.search-box input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #e2e8f0;border-radius:12px;font-size:.875rem;background:#fff;transition:all .3s ease}.search-box input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-select{padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:12px;font-size:.875rem;background:#fff;color:#1e293b;cursor:pointer;transition:all .3s ease;min-width:150px}.filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.pedidos-table{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #0000000d;border:1px solid #f1f5f9}.pedidos-table .table-header,.pedidos-table .table-row{display:grid;grid-template-columns:1.5fr 1.5fr 1.2fr .8fr 1fr 1fr 1.2fr 1fr;gap:1rem;padding:1rem 1.5rem}.pedidos-table .table-header{background:#f8fafc;border-bottom:1px solid #e2e8f0}.pedidos-table .table-row{border-bottom:1px solid #f1f5f9;transition:background-color .3s ease}.pedidos-table .table-row:hover{background:#f8fafc}.pedidos-table .table-row:last-child{border-bottom:none}.table-header{display:grid;grid-template-columns:2fr 1.5fr 1.5fr 1fr 1fr 1fr 1.5fr;gap:1.5rem;padding:1rem 1.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.table-row{display:grid;grid-template-columns:2fr 1.5fr 1.5fr 1fr 1fr 1fr 1.5fr;gap:1.5rem;padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;transition:background-color .3s ease}.table-cell:first-child{justify-content:flex-start}.table-cell:nth-child(2){justify-content:flex-start}.table-cell:nth-child(3){justify-content:flex-start}.table-cell:nth-child(4){justify-content:center}.table-cell:nth-child(5){justify-content:center}.table-cell:nth-child(6){justify-content:center}.table-cell:last-child{justify-content:center}.cliente-nome{font-weight:600;color:#1e293b;margin-bottom:.25rem}.cliente-telefone{font-size:.875rem;color:#64748b}.action-btn-tiny.primary{background:#3b82f61a;color:#2563eb}.action-btn-tiny.primary:hover{background:#3b82f633;transform:translateY(-1px)}.action-btn-tiny.secondary{background:#6b72801a;color:#4b5563}.action-btn-tiny.secondary:hover{background:#6b728033;transform:translateY(-1px)}.form-section{padding-top:1.5rem;border-top:2px solid #e5e7eb}.form-section:first-child{margin-top:0;padding-top:0;border-top:none}.form-section h3{color:#374151;font-size:1.125rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.detail-item{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.875rem;margin-bottom:.75rem}.detail-item:last-child{margin-bottom:0}.detail-item .label{font-weight:600;color:#374151;min-width:100px}.detail-item .value{color:#64748b}.detail-item svg{width:16px;height:16px;color:#94a3b8;flex-shrink:0}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f1f5f9;font-size:.875rem}.detail-row:last-child{border-bottom:none}.detail-row.total{font-weight:700;font-size:1rem;padding-top:1rem;margin-top:.5rem;border-top:2px solid #e2e8f0;border-bottom:none}.detail-row span:first-child{color:#374151}.detail-row span:last-child{color:#1e293b;font-weight:600}.historico-list{display:flex;flex-direction:column;gap:1.5rem;position:relative}.interacao-item{display:flex;gap:1rem;padding:1.5rem;background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;position:relative;transition:all .2s;box-shadow:0 2px 8px #0000000d}.interacao-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a;border-color:#d1d5db}.interacao-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.75rem;flex-shrink:0;transition:all .2s}.interacao-icon svg{width:1.5rem;height:1.5rem}.interacao-item:nth-child(odd) .interacao-icon{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#3730a3}.interacao-item:nth-child(2n) .interacao-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.interacao-content{flex:1;display:flex;flex-direction:column;gap:.75rem}.interacao-header{display:flex;justify-content:space-between;align-items:flex-start}.interacao-meta{display:flex;flex-direction:column;gap:.25rem}.interacao-tipo{font-weight:700;color:#111827;font-size:.875rem;text-transform:uppercase;letter-spacing:.025em}.interacao-data{display:flex;align-items:center;gap:.25rem;color:#6b7280;font-size:.75rem;font-weight:500}.calendar-icon{width:.875rem;height:.875rem}.interacao-descricao{color:#374151;font-size:.875rem;line-height:1.5}@media (max-width: 1200px){.pedidos-table .table-header,.pedidos-table .table-row{grid-template-columns:1.3fr 1.3fr 1fr .7fr .8fr .8fr 1fr .8fr;gap:.75rem;padding:.75rem 1rem}}@media (max-width: 768px){.pedidos-table{overflow-x:auto}.pedidos-table .table-header,.pedidos-table .table-row{grid-template-columns:1.5fr 1.5fr 1.2fr .8fr 1fr 1fr 1.2fr 1fr;min-width:1000px;gap:.75rem;padding:.75rem}.table-cell{font-size:.8rem;min-height:50px}.action-btn-tiny{width:28px;height:28px}.search-filters{flex-direction:column}.search-box{min-width:auto}.interacao-item{padding:1rem}.interacao-icon{width:2.5rem;height:2.5rem}.interacao-icon svg{width:1.25rem;height:1.25rem}}@media (max-width: 480px){.pedidos-content,.clientes-content{padding:.5rem}.page-title{font-size:1.5rem}}.client-search-container{position:relative}.client-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;z-index:10;max-height:200px;overflow-y:auto}.dropdown-item{padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#f8fafc}.cliente-info{display:flex;flex-direction:column;gap:.25rem}.cliente-nome{font-weight:600;color:#1a202c;font-size:.875rem}.cliente-details{font-size:.75rem;color:#64748b}.selected-cliente{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#dcfce7;border:1px solid #bbf7d0;border-radius:8px;margin-top:1rem;color:#16a34a}.selected-cliente svg{width:20px;height:20px;color:inherit}.selected-cliente span{font-size:.875rem;font-weight:500}.venda-summary{margin-top:1rem;padding:1.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0}.summary-header h4{font-size:1rem;font-weight:600;color:#1a202c;margin:0}.venda-numero{font-size:.875rem;font-weight:600;color:#3b82f6;background:#dbeafe;padding:.25rem .75rem;border-radius:6px}.summary-content{display:flex;flex-direction:column;gap:.75rem}.summary-item{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.summary-item span:first-child{color:#64748b}.summary-value{font-weight:600;color:#1a202c}.summary-item.total{padding-top:.75rem;border-top:1px solid #e2e8f0;font-weight:600;font-size:1rem}.summary-item.total .summary-value{color:#16a34a;font-size:1.125rem}.relatorios-content,.clientes-content{min-height:100vh;background:#f8fafc;position:relative}.content-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.search-filters{display:flex;gap:1rem;align-items:center;flex:1}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#374151;font-size:.875rem}.form-group input,.form-group select{padding:.75rem;border:1px solid #e2e8f0;border-radius:12px;font-size:.875rem;background:#fff;color:#1e293b;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.section-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0;margin-bottom:1rem}.section-header h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.section-count{font-size:.875rem;color:#64748b;font-weight:500;background:#f1f5f9;padding:.25rem .75rem;border-radius:12px}.relatorios-table{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #0000000d;border:1px solid #f1f5f9}.relatorios-table .table-header,.relatorios-table .table-row{display:grid;grid-template-columns:1.5fr 1.5fr 1.2fr .8fr 1fr 1fr 1fr;gap:1rem;padding:1rem 1.5rem}.relatorios-table .table-header{background:#f8fafc;border-bottom:1px solid #e2e8f0}.relatorios-table .table-row{border-bottom:1px solid #f1f5f9;transition:background-color .3s ease}.relatorios-table .table-row:hover{background:#f8fafc}.relatorios-table .table-row:last-child{border-bottom:none}.clientes-table{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #0000000d;border:1px solid #f1f5f9}.clientes-table .table-header,.clientes-table .table-row{display:grid;gap:1rem;padding:1rem 1.5rem}.clientes-table .table-header{background:#f8fafc;border-bottom:1px solid #e2e8f0}.clientes-table .table-row{border-bottom:1px solid #f1f5f9;transition:background-color .3s ease}.clientes-table .table-row:hover{background:#f8fafc}.clientes-table .table-row:last-child{border-bottom:none}.table-header{display:grid;gap:1.5rem;padding:1rem 1.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.header-cell{font-weight:600;color:#374151;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.table-row{display:grid;gap:1.5rem;padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;transition:background-color .3s ease}.table-row:hover{background:#f8fafc}.table-row:last-child{border-bottom:none}.table-cell{display:flex;align-items:center;font-size:.875rem;color:#374151;min-height:60px}.action-buttons{display:flex;gap:.5rem;align-items:center}.action-btn-tiny{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.action-btn-tiny svg{width:16px;height:16px}.action-btn-tiny.warning{background:#f59e0b1a;color:#d97706}.action-btn-tiny.warning:hover{background:#f59e0b33;transform:translateY(-1px)}.action-btn-tiny.info{background:#3b82f61a;color:#2563eb}.action-btn-tiny.info:hover{background:#3b82f633;transform:translateY(-1px)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;min-height:400px}.loading-container p{color:#64748b;margin-top:1rem;font-size:1rem}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;min-height:400px}.error-message{color:#ef4444;margin-bottom:1.5rem;font-size:1rem;font-weight:500}@media (max-width: 1200px){.relatorios-table .table-header,.relatorios-table .table-row{grid-template-columns:1.3fr 1.3fr 1fr .7fr .8fr .8fr 1fr;gap:.75rem;padding:.75rem 1rem}}@media (max-width: 768px){.relatorios-table{overflow-x:auto}.relatorios-table .table-header,.relatorios-table .table-row{grid-template-columns:1.5fr 1.5fr 1.2fr .8fr 1fr 1fr 1fr;min-width:1000px;gap:.75rem;padding:.75rem}.table-cell{font-size:.8rem;min-height:50px}.action-btn-tiny{width:28px;height:28px}.search-filters{flex-direction:column}.form-group{min-width:auto}}@media (max-width: 480px){.relatorios-content,.clientes-content{padding:.5rem}.page-title{font-size:1.5rem}}svg{fill:currentColor;stroke:currentColor}.financeiro-container{background:var(--bg-secondary);min-height:100vh}.header-content h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.header-content p{color:var(--text-secondary);font-size:1rem}.error-message{background:#fee2e2;border:1px solid #FCA5A5;color:#dc2626;padding:1rem;border-radius:8px;margin-bottom:2rem;display:flex;align-items:center;gap:.5rem}.error-message svg{width:20px;height:20px;flex-shrink:0;color:inherit}.content-tabs{background:var(--bg-primary);border-radius:12px;padding:1rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.tabs-container{display:flex;gap:.5rem;overflow-x:auto}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;background:transparent;color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-size:.875rem;font-weight:500}.tab-button:hover{background:var(--bg-hover);color:var(--text-primary)}.tab-button.active{background:var(--primary-color);color:#fff}.tab-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.tab-icon svg{color:inherit;width:18px;height:18px}.content-main{background:var(--bg-primary);border-radius:12px;padding:.5rem;box-shadow:0 2px 8px #0000001a}.header-content h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.header-content p{color:var(--text-secondary);font-size:.875rem}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;font-size:.875rem}.btn-primary svg{color:inherit;width:18px;height:18px}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{padding:.75rem 1.5rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;font-size:.875rem}.btn-secondary:hover{background:var(--bg-hover)}.btn-action{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:.75rem;transition:all .2s ease}.btn-action svg{color:inherit;width:16px;height:16px}.btn-action:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-action.primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-action.primary:hover{background:var(--primary-hover)}.btn-action.danger{color:#dc2626;border-color:#fca5a5}.btn-action.danger:hover{background:#fee2e2;color:#dc2626}.filters-section{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:1rem;border-bottom:1px solid var(--border-color);flex-wrap:wrap}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;flex:1}.filters-row{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap;width:100%}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:150px;flex:1}.clear-filters-btn{align-self:flex-end;margin-left:auto;white-space:nowrap;flex-shrink:0}.filter-group label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.filter-group input,.filter-group select{padding:.5rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.summary-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.categorias-summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.summary-card{background:var(--bg-primary);border-radius:12px;padding:.8rem;box-shadow:0 2px 8px #0000001a;border-left:4px solid var(--primary-color)}.summary-card.positive{border-left-color:#10b981}.summary-card.negative{border-left-color:#ef4444}.summary-card.warning{border-left-color:#f59e0b}.summary-card.info{border-left-color:#3b82f6}.summary-card.danger{border-left-color:#dc2626}.summary-card h3{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.summary-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.summary-value.warning{color:#f59e0b}.summary-value.info{color:#3b82f6}.summary-value.danger{color:#dc2626}.list-header{margin-bottom:1.5rem}.list-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.categorias-list{margin-top:2rem}.categorias{width:100%}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--bg-primary);border-radius:12px;border:2px dashed var(--border-color)}.empty-state svg{width:64px;height:64px;color:var(--text-secondary);opacity:.5;margin-bottom:1rem}.empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.empty-state p{font-size:.875rem;color:var(--text-secondary)}.contas-grid,.fluxo-grid,.categorias-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.conta-card,.fluxo-card,.categoria-card{background:var(--bg-primary);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid var(--border-color);transition:all .2s ease}.conta-card:hover,.fluxo-card:hover,.categoria-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.conta-header,.fluxo-header,.categoria-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.conta-tipo,.fluxo-tipo,.categoria-tipo{display:flex;align-items:center;gap:.5rem}.tipo-label{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.tipo-label.pagar{background:#fee2e2;color:#dc2626}.tipo-label.receber,.tipo-label.entrada{background:#dcfce7;color:#16a34a}.tipo-label.saida{background:#fee2e2;color:#dc2626}.tipo-label.receita{background:#dcfce7;color:#16a34a}.tipo-label.despesa{background:#fee2e2;color:#dc2626}.status-futuro{display:inline-block;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:#f3f4f6;color:#6b7280;border:2px dashed #d1d5db}.valor-excedente{color:#dc2626;font-weight:600;background:#fef2f2;padding:.25rem .5rem;border-radius:4px;border:1px solid #fecaca}.valor-warning{margin-top:.5rem;padding:.5rem;background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;color:#d97706;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.conta-status-pago{margin-top:.5rem}.status-message.success{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#dcfce7;border:1px solid #16a34a;border-radius:6px;color:#16a34a;font-size:.875rem;font-weight:500}.section-actions{display:flex;align-items:center;gap:1rem}.section-count{color:#64748b;font-size:.875rem}.conta-content,.fluxo-content,.categoria-content{margin-bottom:1rem}.conta-content h4,.fluxo-content h4,.categoria-content h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.conta-numero,.fluxo-categoria,.categoria-descricao{font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.conta-categoria{font-size:.875rem;color:var(--primary-color);font-weight:500;margin-bottom:.5rem}.conta-fornecedor,.conta-cliente{font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.conta-footer,.fluxo-footer,.categoria-footer{margin-bottom:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.categoria-info{display:flex;flex-direction:column;gap:.25rem;text-align:center}.conta-valor,.fluxo-valor{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.valor-label{font-size:.875rem;color:var(--text-secondary)}.valor-amount{font-size:1rem;font-weight:600;color:var(--text-primary)}.conta-valor-pago{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.conta-vencimento{display:flex;justify-content:space-between;align-items:center}.vencimento-label{font-size:.875rem;color:var(--text-secondary)}.vencimento-date{font-size:.875rem;font-weight:500;color:var(--text-primary)}.vencimento-date.vencido{color:#dc2626}.fluxo-saldo{display:flex;justify-content:space-between;align-items:center}.saldo-label{font-size:.875rem;color:var(--text-secondary)}.saldo-amount{font-size:.875rem;font-weight:500;color:var(--text-primary)}.fluxo-data{font-size:.875rem;color:var(--text-secondary)}.fluxo-valor.entrada{color:#16a34a}.fluxo-valor.saida{color:#dc2626}.conta-actions,.fluxo-actions,.categoria-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;padding-top:1rem;border-top:1px solid var(--border-color);margin-top:1rem}.categoria-cor{width:24px;height:24px;border-radius:50%;border:2px solid var(--border-color);flex-shrink:0}.categoria-icon{font-size:2rem;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:var(--bg-secondary);border-radius:12px;margin:0 auto 1rem}.categoria-content{text-align:center;margin-bottom:1rem}.categoria-content h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.categoria-descricao{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin-top:.5rem}.categoria-info{display:flex;justify-content:space-between;align-items:center}.info-label{font-size:.75rem;color:var(--text-secondary)}.info-value{font-size:.75rem;color:var(--text-primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}.form-group{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.75rem}.form-group label{font-size:.8rem;font-weight:500;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{padding:.5rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:.8rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:60px}.file-help{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem;font-style:italic}.anexos-list{background:var(--bg-secondary);border-radius:8px;padding:1rem;margin-bottom:1rem}.anexos-list h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.anexo-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem;background:var(--bg-primary);border-radius:6px;margin-bottom:.5rem}.anexo-name{font-size:.875rem;color:var(--text-primary);flex:1}.anexo-size{font-size:.75rem;color:var(--text-secondary);margin:0 .5rem}.anexo-status{font-size:.75rem;color:var(--text-secondary);margin:0 .5rem;font-weight:500}.btn-remove{background:none;border:none;color:#dc2626;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.btn-remove:hover{background:#fee2e2}.btn-remove svg{width:16px;height:16px;color:inherit}.anexos-empty{margin-top:1rem;padding:1.5rem;background:var(--bg-secondary);border-radius:8px;border:1px dashed var(--border-color);text-align:center}.anexos-empty-text{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0;color:var(--text-secondary);font-size:.9rem}.anexos-empty-icon{width:20px;height:20px;color:var(--text-secondary)}.conta-info{background:var(--bg-secondary);border-radius:8px;padding:1rem;margin-bottom:1rem}.conta-info h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.conta-info p{font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.icones-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.5rem;margin-top:.5rem}.icone-option{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);cursor:pointer;font-size:1.25rem;transition:all .2s ease}.icone-option:hover{border-color:var(--primary-color);background:var(--bg-hover)}.icone-option.selected{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.cores-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;margin-top:.5rem}.cor-option{width:40px;height:40px;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.cor-option:hover{transform:scale(1.1)}.cor-option.selected{border-color:var(--text-primary);transform:scale(1.1)}.preview-section{background:var(--bg-secondary);border-radius:8px;padding:1rem;margin-bottom:1rem}.preview-section h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.categoria-preview{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-primary);border-radius:8px}.preview-icon{font-size:2rem}.preview-content h5{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.preview-tipo{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.preview-tipo.receita{background:#dcfce7;color:#16a34a}.preview-tipo.despesa{background:#fee2e2;color:#dc2626}.recent-baixas{margin-top:2rem}.recent-baixas h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.baixas-list{display:flex;flex-direction:column;gap:1rem}.baixa-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary);border-radius:8px}.baixa-info h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.baixa-info p{font-size:.75rem;color:var(--text-secondary);margin-bottom:.125rem}.dashboard-financeiro{display:flex;flex-direction:column;gap:2rem}.alerts-section h3,.charts-section h3,.recent-transactions h3,.categories-summary h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.alerts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.alert-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-primary);border-radius:8px;border-left:4px solid}.alert-card.warning{border-left-color:#f59e0b}.alert-card.info{border-left-color:#3b82f6}.alert-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.alert-icon svg{color:inherit}.alert-card.warning .alert-icon{background:#fef3c7;color:#d97706}.alert-card.info .alert-icon{background:#dbeafe;color:#2563eb}.alert-content h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.alert-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.transactions-list{display:flex;flex-direction:column;gap:1rem}.transaction-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary);border-radius:8px}.transaction-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--bg-primary);flex-shrink:0;color:#6b7280}.transaction-icon svg{color:inherit}.transaction-item.danger .transaction-icon{background:#fef2f2;color:#dc2626}.transaction-item.entrada .transaction-icon{background:#f0fdf4;color:#16a34a}.transaction-item.saida .transaction-icon{background:#fef2f2;color:#dc2626}.transaction-content{flex:1}.transaction-content h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.transaction-content p{font-size:.75rem;color:var(--text-secondary)}.transaction-value{font-size:.875rem;font-weight:600}.transaction-value.entrada{color:#16a34a}.transaction-value.saida{color:#dc2626}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.category-card{padding:1rem;background:var(--bg-secondary);border-radius:8px}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.category-header h4{font-size:.875rem;font-weight:600;color:var(--text-primary)}.category-count{font-size:.75rem;color:var(--text-secondary);background:var(--bg-primary);padding:.25rem .5rem;border-radius:4px}.category-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:var(--primary-color);color:#fff}.stat-icon svg{color:inherit;width:24px;height:24px}.periodo-selector select{padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:.5rem;background:#fff;font-size:.875rem}.alerts-section{margin-bottom:1rem}.alerts-section h3{margin-bottom:1rem;font-size:1.25rem;font-weight:600;color:#1a202c}.alerts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.alert-card{display:flex;align-items:center;padding:1rem;border-radius:.75rem;border:1px solid #e2e8f0;background:#fff;transition:all .2s ease}.alert-card.danger{border-color:#fed7d7;background:#fff5f5}.alert-card.info{border-color:#bee3f8;background:#f0fff4}.alert-card.warning{border-color:#fef5e7;background:#fffbeb}.alert-card.success{border-color:#c6f6d5;background:#f0fff4}.alert-icon{margin-right:1rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;background:#fffc}.alert-icon svg{color:inherit;width:20px;height:20px}.alert-card.danger .alert-icon{color:#e53e3e}.alert-card.info .alert-icon{color:#3182ce}.alert-card.warning .alert-icon{color:#d69e2e}.alert-card.success .alert-icon{color:#38a169}.alert-content h4{font-size:1rem;font-weight:600;margin-bottom:.25rem;color:#1a202c}.alert-content p{font-size:.875rem;color:#4a5568;margin:0}.charts-section{display:grid;grid-template-columns:1fr;gap:2rem}.charts-section .chart-container{background:#fff;border-radius:.75rem;padding:1.5rem;border:1px solid #e2e8f0}.charts-section .chart-container h3{font-size:1.25rem;font-weight:600;color:#1a202c;margin-bottom:1rem}.categorias-chart{display:flex;flex-direction:column;gap:1rem}.categoria-item{display:flex;flex-direction:column;gap:.5rem}.categoria-info{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.categoria-nome{font-weight:500;color:#1a202c}.categoria-valor{font-weight:600;color:#2d3748}.categoria-bar{height:8px;background:#f7fafc;border-radius:4px;overflow:hidden}.categoria-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.vendas-section{background:#fff;border-radius:.75rem;padding:1.5rem;border:1px solid #e2e8f0}.vendas-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.vendas-section .section-header h3{font-size:1.25rem;font-weight:600;color:#1a202c;margin:0}.vendas-stats{display:flex;gap:1rem;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.75rem;color:#718096;font-weight:500}.stat-value{font-size:1rem;font-weight:600;color:#1a202c}.stat-value.positive{color:#38a169}.vendas-list{margin-top:1rem}.vendas-table{width:100%;border-radius:.5rem;overflow-x:auto;overflow-y:visible;border:1px solid #e2e8f0}.vendas-table::-webkit-scrollbar{height:8px}.vendas-table::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.vendas-table::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.vendas-table::-webkit-scrollbar-thumb:hover{background:#a0aec0}.vendas-table-header{display:grid;grid-template-columns:180px minmax(200px,1fr) 120px 120px 100px 150px;gap:1rem;padding:.75rem 1rem;background:#f7fafc;border-bottom:2px solid #e2e8f0;font-weight:600;font-size:.875rem;color:#4a5568}.vendas-table-body{display:flex;flex-direction:column}.venda-row{display:grid;grid-template-columns:180px minmax(200px,1fr) 120px 120px 100px 150px;gap:1rem;padding:1rem;border-bottom:1px solid #e2e8f0;transition:background .2s ease;align-items:center}.venda-row:hover{background:#f7fafc}.venda-row:last-child{border-bottom:none}.venda-col-numero{font-weight:600;color:#667eea;min-width:0;overflow:hidden}.venda-numero{font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.venda-col-cliente{display:flex;flex-direction:column;gap:.25rem;min-width:0;overflow:hidden}.venda-cliente{font-weight:500;color:#1a202c;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.venda-telefone{font-size:.75rem;color:#718096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.venda-col-data{font-size:.875rem;color:#4a5568}.venda-col-valor{font-weight:600;color:#38a169}.valor-total{font-size:.875rem}.venda-col-status{display:flex;align-items:center}.status-badge{padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge.status-pago{background:#f0fff4;color:#38a169}.status-badge.status-pendente{background:#fffbf0;color:#d69e2e}.status-badge.status-cancelado{background:#fff5f5;color:#e53e3e}.venda-col-forma{font-size:.875rem;color:#4a5568}.forma-pagamento{font-weight:500}.pagination-controls{display:flex;justify-content:space-between;align-items:center;margin-top:0;padding:1rem 1.5rem;background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:0 0 .5rem .5rem}.pagination-info{font-size:.875rem;color:#64748b;font-weight:500}.pagination-buttons{display:flex;align-items:center;gap:.5rem}.pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;border:1px solid #e2e8f0;background:#fff;color:#4a5568}.pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#667eea;color:#667eea;transform:translateY(-1px);box-shadow:0 2px 8px #667eea33}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn svg{width:18px;height:18px}.pagination-numbers{display:flex;align-items:center;gap:.25rem;margin:0 .5rem}.pagination-number{min-width:36px;height:36px;padding:0 .5rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;border:1px solid #e2e8f0;background:#fff;color:#4a5568}.pagination-number:hover{background:#f8fafc;border-color:#667eea;color:#667eea}.pagination-number.active{background:#667eea;border-color:#667eea;color:#fff;box-shadow:0 2px 8px #667eea4d}.pagination-ellipsis{padding:0 .25rem;color:#94a3b8;font-weight:500}.transactions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.transactions-list{background:#fff;border-radius:.75rem;padding:1.5rem;border:1px solid #e2e8f0}.transactions-list h3{margin-bottom:1rem;font-size:1.125rem;font-weight:600;color:#1a202c}.transactions-items{display:flex;flex-direction:column;gap:1rem}.transaction-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-radius:.5rem;background:#f7fafc;border-left:4px solid #e2e8f0;transition:all .2s ease}.transaction-item:hover{background:#edf2f7;transform:translateY(-1px)}.transaction-item.danger{border-left-color:#e53e3e;background:#fff5f5}.transaction-item.entrada{border-left-color:#38a169;background:#f0fff4}.transaction-item.saida{border-left-color:#e53e3e;background:#fff5f5}.transaction-info h4{font-size:.875rem;font-weight:600;color:#1a202c;margin-bottom:.25rem}.transaction-info p{font-size:.75rem;color:#4a5568;margin-bottom:.25rem}.transaction-date{font-size:.75rem;color:#718096}.transaction-amount{font-weight:600;color:#2d3748}.transaction-amount.entrada{color:#38a169}.transaction-amount.saida{color:#e53e3e}.categories-summary{margin-bottom:2rem}.categories-summary h3{margin-bottom:1rem;font-size:1.25rem;font-weight:600;color:#1a202c}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.category-summary-card{background:#fff;border-radius:.75rem;padding:1.5rem;border:1px solid #e2e8f0;transition:all .2s ease}.category-summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.category-icon{font-size:1.5rem}.category-icon svg{color:inherit}.category-type{font-size:.75rem;padding:.25rem .5rem;border-radius:.25rem;font-weight:500}.category-type.receita{background:#f0fff4;color:#38a169}.category-type.despesa{background:#fff5f5;color:#e53e3e}.category-summary-card h4{font-size:1rem;font-weight:600;color:#1a202c;margin-bottom:.5rem}.category-total{font-size:1.125rem;font-weight:700;color:#2d3748;margin-bottom:.25rem}.category-count{font-size:.875rem;color:#718096}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{width:3rem;height:3rem;border:3px solid #e2e8f0;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.summary-detail{font-size:.75rem;color:#718096;margin-top:.25rem;opacity:.8}.fluxo-origem{font-size:.75rem;color:#667eea;font-weight:500;margin-top:.25rem}.fluxo-numero{font-size:.75rem;color:#718096;margin-top:.125rem}.conta-paga{border-left:3px solid #667eea}.conta-paga .fluxo-origem{color:#667eea}.modal-content-new{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:90vw;width:60%;max-height:90vh;overflow-x:hidden;overflow-y:auto;position:relative;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header-new{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 2rem 1.5rem;border-bottom:1px solid #e2e8f0;background:#fff}.modal-title-section h2{font-size:1.5rem;font-weight:700;color:#1a202c;margin-bottom:.5rem}.modal-title-section p{color:#4a5568;font-size:.875rem;margin:0}.modal-close-new{background:#f7fafc;border:1px solid #e2e8f0;color:#4a5568;cursor:pointer;padding:.75rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close-new:hover{background:#edf2f7;color:#1a202c;transform:scale(1.05)}.modal-close-new svg{width:20px;height:20px;color:inherit}.modal-form-new{padding:2rem}.section-label{display:block;font-size:.875rem;font-weight:600;color:#1a202c;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.tipo-selector{display:flex;flex-direction:row;gap:1rem;margin-bottom:1rem}.tipo-option{flex:1;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;color:#4a5568}.tipo-option:hover{background:#edf2f7;border-color:#3b82f6;transform:translateY(-2px)}.tipo-option.active{background:#3b82f6;border-color:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f64d}.tipo-option svg{width:20px;height:20px;color:inherit}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group-new{display:flex;flex-direction:column;gap:.5rem}.form-group-new label{font-size:.875rem;font-weight:600;color:#1a202c}.input-field{padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#1a202c;font-size:.875rem;transition:all .2s ease;width:100%;box-sizing:border-box}.input-field:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.input-field::placeholder{color:#718096;opacity:.7}.valor-input-wrapper{position:relative;display:flex;align-items:center}.currency-symbol{position:absolute;left:1rem;color:#4a5568;font-weight:500;font-size:.875rem;z-index:1}.valor-input{padding-left:2.5rem}.textarea-field{resize:vertical;min-height:80px;font-family:inherit}.btn-cancel{padding:.875rem 2rem;background:#f7fafc;color:#1a202c;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease;font-size:.875rem}.btn-cancel:hover{background:#edf2f7;border-color:#4a5568;transform:translateY(-1px)}.btn-save{display:flex;align-items:center;gap:.75rem;padding:.875rem 2rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease;font-size:.875rem;box-shadow:0 4px 12px #3b82f64d}.btn-save:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-save svg{width:18px;height:18px;color:inherit}.spinner-icon{animation:spin 1s linear infinite}.conta-info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:1rem}.conta-info-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.conta-info-header h3{font-size:1.125rem;font-weight:600;color:#1a202c;margin:0}.conta-numero{background:#3b82f6;color:#fff;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600}.conta-info-details{display:flex;flex-direction:column;gap:.75rem}.info-row{display:flex;justify-content:space-between;align-items:center}.info-label{font-size:.875rem;color:#4a5568;font-weight:500}.info-value{font-size:.875rem;color:#1a202c;font-weight:600}.valor-total{color:#1a202c}.valor-pago{color:#16a34a}.valor-pendente{color:#dc2626}.formas-pagamento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.forma-pagamento-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;color:#4a5568;min-height:80px}.forma-pagamento-option:hover{background:#edf2f7;border-color:#3b82f6;transform:translateY(-2px)}.forma-pagamento-option.active{background:#3b82f6;border-color:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f64d}.forma-icon{font-size:1.5rem}.forma-label{font-size:.75rem;text-align:center;line-height:1.2}.anexos-section{display:flex;flex-direction:column;gap:1rem}.file-upload-area{position:relative}.anexos-list{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.anexos-list h4{font-size:.875rem;font-weight:600;color:#1a202c;margin:0 0 .75rem}.anexo-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#fff;border-radius:6px;margin-bottom:.5rem;border:1px solid #e2e8f0}.anexo-item:last-child{margin-bottom:0}.anexo-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.anexo-name{font-size:.875rem;color:#1a202c;font-weight:500}.anexo-size{font-size:.75rem;color:#718096}.anexo-status{margin:0 1rem}.status-success{font-size:.75rem;color:#16a34a;font-weight:500}.status-uploading{font-size:.75rem;color:#f59e0b;font-weight:500}.btn-remove-anexo{background:none;border:none;color:#dc2626;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-remove-anexo:hover{background:#fef2f2}.btn-remove-anexo svg{width:1rem;height:1rem;color:inherit}.anexos-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:8px;text-align:center}.anexos-empty svg{width:2rem;height:2rem;color:#cbd5e1}.anexos-empty p{font-size:.875rem;color:#4a5568;margin:0}.anexos-empty small{font-size:.75rem;color:#718096}.status-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.status-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;color:#4a5568;min-height:80px;position:relative}.status-option:hover{background:#edf2f7;border-color:var(--status-color, #3b82f6);transform:translateY(-2px)}.status-option.active{background:var(--status-color, #3b82f6);border-color:var(--status-color, #3b82f6);color:#fff;box-shadow:0 4px 12px #0003}.status-icon{font-size:1.5rem}.status-label{font-size:.75rem;text-align:center;line-height:1.2;font-weight:600}.icones-grid-new{display:grid;grid-template-columns:repeat(8,1fr);gap:.75rem;margin-top:.5rem}.icone-option-new{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;font-size:1.5rem;transition:all .3s ease;color:#4a5568}.icone-option-new:hover{border-color:#3b82f6;background:#f8fafc;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.icone-option-new.selected{border-color:#3b82f6;background:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.cores-grid-new{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem;margin-top:.5rem}.cor-option-new{width:48px;height:48px;border:3px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative}.cor-option-new:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.cor-option-new.selected{border-color:#1a202c;transform:scale(1.1);box-shadow:0 4px 12px #0003}.cor-option-new.selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:1rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.categoria-preview-new{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:.5rem}.preview-icon-new{font-size:3rem;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a}.preview-content-new{flex:1}.preview-content-new h5{font-size:1.25rem;font-weight:700;color:#1a202c;margin:0 0 .5rem}.preview-tipo-new{display:inline-block;font-size:.75rem;font-weight:600;padding:.375rem .75rem;border-radius:6px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.preview-tipo-new.receita{background:#dcfce7;color:#16a34a}.preview-tipo-new.despesa{background:#fee2e2;color:#dc2626}.preview-descricao{font-size:.875rem;color:#4a5568;margin:0;line-height:1.4}.discount-display{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;padding:12px;margin-top:8px}.discount-value{display:block;font-size:1.1rem;font-weight:600;color:#0ea5e9;margin-bottom:4px}.discount-description{display:block;font-size:.9rem;color:#64748b;font-style:italic}@media (max-width: 768px){.financeiro-container{padding:1rem}.content-tabs{padding:.5rem}.tabs-container{gap:.25rem}.tab-button{padding:.5rem 1rem;font-size:.75rem}.content-main,.vendas-section{padding:1rem}.vendas-stats{width:100%;grid-template-columns:repeat(2,1fr);display:grid;gap:1rem}.vendas-table-header,.venda-row{grid-template-columns:1fr;gap:.5rem}.vendas-table-header{display:none}.venda-row{border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;margin-bottom:.5rem}.venda-col-numero,.venda-col-cliente,.venda-col-data,.venda-col-valor,.venda-col-status,.venda-col-forma{display:flex;flex-direction:column;gap:.25rem}.venda-col-numero:before{content:"Número:";font-size:.75rem;color:#718096;font-weight:500}.venda-col-cliente:before{content:"Cliente:";font-size:.75rem;color:#718096;font-weight:500}.venda-col-data:before{content:"Data:";font-size:.75rem;color:#718096;font-weight:500}.venda-col-valor:before{content:"Valor:";font-size:.75rem;color:#718096;font-weight:500}.venda-col-status:before{content:"Status:";font-size:.75rem;color:#718096;font-weight:500}.venda-col-forma:before{content:"Forma de Pagamento:";font-size:.75rem;color:#718096;font-weight:500}.pagination-controls{flex-direction:column;gap:1rem}.pagination-info{text-align:center}.pagination-numbers{flex-wrap:wrap;justify-content:center}}.contas-grid,.fluxo-grid,.categorias-grid{grid-template-columns:1fr;gap:1rem}.categoria-card{padding:1rem}.filters-section{flex-direction:column;align-items:stretch}.filters-grid{grid-template-columns:1fr}.summary-cards{grid-template-columns:repeat(2,1fr)}.categorias-summary-cards{grid-template-columns:repeat(3,1fr)}@media (max-width: 768px){.summary-cards,.categorias-summary-cards{grid-template-columns:1fr}}.form-row{grid-template-columns:1fr}.icones-grid{grid-template-columns:repeat(6,1fr)}.cores-grid{grid-template-columns:repeat(4,1fr)}.categories-grid{grid-template-columns:1fr}.dashboard-financeiro{padding:1rem}.dashboard-financeiro .section-header{flex-direction:row;gap:1rem;align-items:flex-start}.charts-section,.transactions-grid,.categories-grid{grid-template-columns:1fr}.modal-header-new{padding:1.5rem 1.5rem 1rem}.modal-form-new{padding:1.5rem}.form-grid{grid-template-columns:1fr;gap:1rem}.btn-cancel,.btn-save{width:100%;justify-content:center}.formas-pagamento-grid{grid-template-columns:repeat(2,1fr)}.conta-info-header{flex-direction:column;gap:.5rem;align-items:flex-start}.info-row{flex-direction:column;align-items:flex-start;gap:.25rem}.status-selector{grid-template-columns:repeat(2,1fr)}.icones-grid-new{grid-template-columns:repeat(6,1fr);gap:.5rem}.icone-option-new{width:40px;height:40px;font-size:1.25rem}.cores-grid-new{grid-template-columns:repeat(4,1fr);gap:.5rem}.cor-option-new{width:40px;height:40px}.categoria-preview-new{flex-direction:column;text-align:center;gap:1rem}.preview-icon-new{width:60px;height:60px;font-size:2rem}@media (max-width: 768px){.modal-overlay{padding:.5rem}.modal-form{padding:1rem}.modal-header{padding:1rem 1rem .75rem}.form-row{grid-template-columns:1fr;gap:.5rem}.btn-primary,.btn-secondary{width:100%;justify-content:center;padding:.75rem 1rem;font-size:.875rem}}.waseller-content{padding:2rem;background:#f8fafc;min-height:100vh;font-family:Inter,sans-serif}.waseller-main{width:100%}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:2rem}.error-icon{width:48px;height:48px;color:#dc2626;margin-bottom:1rem}.error-container h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.error-container p{color:#64748b;margin:0 0 1rem}.retry-button{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:1rem}.retry-button:hover{background:#2563eb}.waseller-nav{display:flex;gap:.5rem;margin-bottom:2rem;background:#fff;padding:1rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.nav-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;background:transparent;color:#64748b;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.nav-button:hover{background:#f1f5f9;color:#3b82f6}.nav-button.active{background:#3b82f6;color:#fff}.header-content h2{font-size:1.875rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.header-content p{color:#64748b;margin:0}.connection-status{display:flex;align-items:center;gap:1rem}.configure-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.configure-button:hover{background:#2563eb}.status-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-weight:500}.status-indicator.connected{background:#dcfce7;color:#166534}.status-indicator.disconnected{background:#fef2f2;color:#dc2626}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.connection-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.connection-section h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 1rem}.connection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.connection-card{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.connection-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#3b82f6;color:#fff;border-radius:8px}.connection-info h4{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.connection-info p{color:#64748b;margin:0 0 .5rem}.stats-section{border-radius:12px;margin-bottom:2rem}.stats-section h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{padding:1rem;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.stat-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:#64748b;font-size:.875rem}.stat-value{font-size:1.5rem;font-weight:700;color:#1e293b}.recent-messages-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.recent-messages-section h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 1rem}.messages-list{display:flex;flex-direction:column;gap:.75rem}.message-item{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.message-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#3b82f6;color:#fff;border-radius:6px}.message-info{flex:1}.message-info h4{font-size:.875rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.message-info p{color:#64748b;margin:0 0 .25rem;font-size:.875rem}.message-time{font-size:.75rem;color:#94a3b8}.message-status{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500}.message-status.sent{color:#059669}.message-status.delivered{color:#2563eb}.message-status.read{color:#7c3aed}.message-status.failed{color:#dc2626}.overview-section,.messages-section,.contacts-section,.webhooks-section,.integrations-section,.settings-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.messages-container,.contacts-container,.webhooks-container,.integrations-container{margin-top:1rem}.messages-grid,.contacts-grid,.webhooks-grid,.integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.message-card,.contact-card,.webhook-card,.integration-card{border:1px solid #e2e8f0;border-radius:8px;padding:1rem;background:#f8fafc}.message-header,.contact-header,.webhook-header,.integration-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.message-direction,.contact-avatar,.webhook-icon,.integration-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#3b82f6;color:#fff;border-radius:6px}.message-content,.contact-info,.webhook-info,.integration-info{flex:1}.message-content h4,.contact-info h4,.webhook-info h4,.integration-info h4{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.message-content p,.contact-info p,.webhook-info p,.integration-info p{color:#64748b;margin:0;font-size:.875rem}.contact-info .company{color:#64748b;font-size:.8rem;margin-top:.25rem}.message-footer,.contact-stats,.webhook-events,.integration-details{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.message-footer span{font-size:.75rem;color:#94a3b8}.contact-stats .stat{display:flex;justify-content:space-between;margin-bottom:.5rem}.contact-stats .label{color:#64748b;font-size:.875rem}.contact-stats .value{font-weight:500;color:#1e293b}.contact-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.tag{background:#e0e7ff;color:#3730a3;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.webhook-events h5,.integration-details h5{font-size:.875rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.events-list{display:flex;flex-wrap:wrap;gap:.25rem}.event-tag{background:#f0f9ff;color:#0369a1;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.webhook-footer span{font-size:.75rem;color:#94a3b8}.integration-details .detail{display:flex;justify-content:space-between;margin-bottom:.5rem}.integration-details .label{color:#64748b;font-size:.875rem}.integration-details .value{font-weight:500;color:#1e293b}.integration-details .detail.error .value{color:#dc2626}.settings-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.settings-card{border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;background:#f8fafc}.settings-card h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 1rem}.setting-item{margin-bottom:1rem}.setting-item label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.setting-item input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff}.setting-item input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.status-toggle{display:inline-block;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500}.status-toggle.active{background:#dcfce7;color:#166534}.status-toggle.inactive{background:#fef2f2;color:#dc2626}.info-item{display:flex;justify-content:space-between;margin-bottom:.75rem}.info-item .label{color:#64748b;font-size:.875rem}.info-item .value{font-weight:500;color:#1e293b}.webhook-status,.integration-status{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.webhook-status.active,.integration-status.success{background:#dcfce7;color:#166534}.webhook-status.inactive,.integration-status.error{background:#fef2f2;color:#dc2626}.integration-status.pending{background:#fef3c7;color:#92400e}@media (max-width: 768px){.waseller-content{padding:1rem}.waseller-nav{flex-wrap:wrap}.nav-button{flex:1;min-width:120px}.connection-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.messages-grid,.contacts-grid,.webhooks-grid,.integrations-grid,.settings-container{grid-template-columns:1fr}}