.layout{display:flex;min-height:100vh}.sidebar{width:72px;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;box-shadow:var(--shadow-sm)}.sidebar-header{padding:20px;display:flex;justify-content:center;align-items:center}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#44b63e,#5dd156);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1rem}.sidebar-nav{flex:1;padding:16px 0;display:flex;flex-direction:column;align-items:center;gap:4px}.nav-item{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);color:var(--color-text-muted);text-decoration:none;transition:all .2s ease}.nav-item:hover{background:var(--color-surface-elevated);color:var(--color-text)}.nav-item.active{background:var(--color-surface-elevated);color:var(--color-accent)}.nav-indicator{display:none;position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:var(--color-accent);border-radius:0 4px 4px 0}.nav-item.active .nav-indicator{display:block}.logout-btn{background:none;border:none}.sidebar-footer{padding:16px;display:flex;justify-content:center}.app-wrapper{flex:1;margin-left:72px;display:flex;flex-direction:column;min-height:100vh}.topbar{height:64px;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:10;box-shadow:var(--shadow-sm)}.topbar-title{font-size:1.25rem;font-weight:600;color:var(--color-text)}.topbar-actions{display:flex;align-items:center;gap:8px}.topbar-icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);transition:all .2s}.topbar-icon-btn:hover{background:var(--color-surface-elevated);color:var(--color-text)}.topbar-icon-btn{position:relative}.notification-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--color-error);border-radius:50%;border:2px solid var(--color-surface)}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-accent-muted);color:var(--color-accent);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;margin-left:8px}.main-content{flex:1;padding:24px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:560px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .2s ease}.modal.modal-large{max-width:640px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border)}.modal-header h2{font-size:1.25rem;font-weight:600;color:var(--color-text)}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all .2s}.modal-close:hover{background:var(--color-surface-elevated);color:var(--color-text)}.modal-body{padding:24px;overflow-y:auto}.modal-body .modal-subtitle{font-size:.9rem;color:var(--color-text-muted);margin-bottom:20px}.pedido-detalhe{display:flex;flex-direction:column;gap:24px}.pedido-detalhe-section h3{font-size:.85rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.detalhe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.detalhe-item{display:flex;flex-direction:column;gap:4px}.detalhe-label{font-size:.75rem;color:var(--color-text-muted)}.detalhe-value{font-size:.9rem;font-weight:500;color:var(--color-text)}.detalhe-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:500;width:fit-content}.detalhe-badge[data-estado=pendente]{background:#eab30833;color:#b45309}.detalhe-badge[data-estado=em_processamento]{background:#3b82f633;color:#2563eb}.detalhe-badge[data-estado=faturado]{background:#22c55e33;color:#16a34a}.detalhe-morada{font-size:.9rem;color:var(--color-text);line-height:1.5}.detalhe-morada p{margin:0}.itens-table{font-size:.85rem;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.itens-header{display:grid;grid-template-columns:1fr 1fr .6fr .8fr .8fr;gap:16px;padding:12px 16px;background:var(--color-surface-elevated);font-weight:600;color:var(--color-text-muted);font-size:.75rem;text-transform:uppercase}.itens-row{display:grid;grid-template-columns:1fr 1fr .6fr .8fr .8fr;gap:16px;padding:12px 16px;border-top:1px solid var(--color-border);align-items:center}.itens-row .ref{font-family:monospace;font-size:.8rem;color:var(--color-text-muted)}.pedido-totais{background:var(--color-surface-elevated);padding:16px;border-radius:var(--radius-md);margin-top:8px}.total-row{display:flex;justify-content:space-between;padding:6px 0;font-size:.9rem}.total-row.total-final{font-size:1.1rem;font-weight:700;color:var(--color-accent);padding-top:12px;margin-top:8px;border-top:1px solid var(--color-border)}.total-label{color:var(--color-text-muted)}@media (max-width: 600px){.itens-header,.itens-row{grid-template-columns:1fr .6fr .8fr}.itens-header span:nth-child(2),.itens-row span:nth-child(2),.itens-header span:nth-child(4),.itens-row span:nth-child(4){display:none}}.dashboard{width:100%}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.stat-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:24px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.stat-card.stat-yellow{background:var(--color-card-yellow);border-color:#eab30833}.stat-card.stat-blue{background:var(--color-card-blue);border-color:#3b82f633}.stat-card.stat-green{background:var(--color-card-green);border-color:#22c55e33}.stat-card.stat-purple{background:var(--color-card-purple);border-color:#a855f733}.stat-card svg{color:var(--color-text-muted);flex-shrink:0}.stat-card.stat-yellow svg{color:#b45309}.stat-card.stat-blue svg{color:#2563eb}.stat-card.stat-green svg{color:#16a34a}.stat-card.stat-purple svg{color:#9333ea}.stat-card .stat-label{display:block;font-size:.8rem;color:var(--color-text-muted);margin-bottom:4px}.stat-card .stat-value{font-size:1.5rem;font-weight:700;color:var(--color-text)}.dashboard-main-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:24px;align-items:stretch;min-height:400px}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card h2{font-size:1rem;font-weight:600;color:var(--color-text)}.card-subtitle{font-size:.8rem;color:var(--color-text-muted)}.btn-expand{font-size:.8rem;color:var(--color-accent);background:none;border:none;font-weight:500;cursor:pointer}.activity-card{display:flex;flex-direction:column;min-height:0}.activity-card .card-header{flex-shrink:0}.activity-card .activity-chart{flex:1;min-height:0;display:flex;flex-direction:column}.chart-content{flex:1;display:flex;gap:12px;align-items:stretch;min-height:0}.chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:.7rem;color:var(--color-text-muted);flex-shrink:0;padding-bottom:44px}.chart-main{flex:1;display:flex;flex-direction:column;min-height:0}.chart-bars{flex:1;display:flex;align-items:flex-end;gap:8px;min-height:80px}.chart-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;min-width:0;height:100%}.chart-bar-wrapper{flex:1;width:100%;min-height:60px;display:flex;align-items:flex-end;justify-content:center;gap:6px}.chart-bar-value,.chart-bar-label{flex-shrink:0}.chart-bar{width:20px;min-height:4px;border-radius:6px 6px 0 0;transition:height .3s ease;align-self:flex-end}.chart-bar-income{background:var(--color-accent)}.chart-bar-sales{background:#9ca3af}.chart-bar-spent{background:#d1d5db}.chart-bar-value{font-size:.75rem;font-weight:600;color:var(--color-text)}.chart-bar-label{font-size:.7rem;color:var(--color-text-muted)}.chart-labels{display:flex;justify-content:space-around;font-size:.7rem;color:var(--color-text-muted);margin-top:4px}.chart-legend{display:flex;gap:20px;margin-top:16px;font-size:.8rem;color:var(--color-text-muted)}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:middle}.legend-dot.income{background:var(--color-accent)}.legend-dot.sales{background:#9ca3af}.legend-dot.spent{background:#d1d5db}.legend-dot.charged{background:#4b5563}.legend-dot.pending{background:#d1d5db}.table-card h2{margin-bottom:16px}.orders-table{font-size:.9rem}.table-header{display:grid;grid-template-columns:1fr 1.1fr 1.2fr 1fr .8fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--color-border);font-weight:600;color:var(--color-text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.table-row{display:grid;grid-template-columns:1fr 1.1fr 1.2fr 1fr .8fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--color-border);align-items:center;cursor:pointer;transition:background .15s}.table-row:hover{background:var(--color-surface-elevated)}.table-row:last-child{border-bottom:none}.table-row .ref{font-family:monospace;font-weight:500}.table-row .loja-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:500}.table-row .total{font-weight:600;color:var(--color-accent)}.table-row .estado-badge{font-size:.8rem;padding:4px 10px;border-radius:6px;font-weight:500}.table-row .estado-badge[data-estado=pendente]{background:#eab30833;color:#b45309}.table-row .estado-badge[data-estado=em_processamento]{background:#3b82f633;color:#2563eb}.table-row .estado-badge[data-estado=faturado]{background:#22c55e33;color:#16a34a}@media (max-width: 1200px){.stats-row{grid-template-columns:repeat(2,1fr)}.dashboard-main-grid{grid-template-columns:1fr}}@media (max-width: 768px){.stats-row{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr 1fr 1fr}.table-header,.table-row{grid-template-columns:1fr 1fr 1fr 1fr}.table-header span:nth-child(4),.table-row span:nth-child(4){display:none}}.pedidos-page{width:100%}.filters-bar{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;align-items:center}.search-box{display:flex;align-items:center;gap:10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 16px;min-width:280px}.search-box input{flex:1;background:none;border:none;color:var(--color-text);font-size:.9rem;outline:none}.search-box input::placeholder{color:var(--color-text-muted)}.filters{display:flex;gap:12px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:8px}.filter-group select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 14px;color:var(--color-text);font-size:.9rem;cursor:pointer}.pedidos-table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.pedidos-table{width:100%;border-collapse:collapse}.pedidos-table th{text-align:left;padding:16px 20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:var(--color-surface-elevated)}.pedidos-table td{padding:16px 20px;border-top:1px solid var(--color-border);font-size:.9rem}.pedido-row-clickable{cursor:pointer;transition:background .15s}.pedido-row-clickable:hover,.pedidos-table tbody tr:hover{background:var(--color-surface-elevated)}.pedido-id{font-weight:600;font-family:monospace}.loja-badge,.estado-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:500}.cliente-nome{display:block}.cliente-email{font-size:.8rem;color:var(--color-text-muted)}.total-cell{font-weight:600;color:var(--color-accent)}.btn-primavera{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;transition:background .2s}.btn-primavera:hover{background:var(--color-accent-hover)}.empty-state{text-align:center;padding:48px;color:var(--color-text-muted)}.produto-form-page{max-width:640px}.form-header{margin-bottom:32px}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--color-text-muted);text-decoration:none;font-size:.9rem;margin-bottom:16px;transition:color .2s}.back-link:hover{color:var(--color-accent)}.produto-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px}.produto-form-modal{background:none;border:none;padding:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid-3{grid-template-columns:1fr 1fr 1fr}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:.85rem;font-weight:500;color:var(--color-text);margin-bottom:8px}.form-group input[type=text],.form-group input[type=number],.form-group textarea{width:100%;padding:12px 16px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.9rem}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent)}.imagens-preview{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.imagem-thumb{position:relative;width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.imagem-thumb img{width:100%;height:100%;object-fit:cover}.imagem-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;background:#0009;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.imagem-remove:hover{background:var(--color-error)}.imagem-add-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.imagem-add-row input{flex:1;min-width:160px;padding:10px 14px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.9rem}.imagem-add-row input:focus{outline:none;border-color:var(--color-accent)}.imagem-add-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.85rem;font-weight:500;cursor:pointer}.imagem-add-btn:hover{background:var(--color-accent-muted);border-color:var(--color-accent);color:var(--color-accent)}.form-group textarea{resize:vertical;min-height:80px}.lojas-checkboxes{display:flex;flex-direction:column;gap:12px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.9rem}.checkbox-label input{width:18px;height:18px;accent-color:var(--color-accent)}.loja-dot{width:8px;height:8px;border-radius:50%}.switch-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:.9rem}.switch-label input{display:none}.switch-slider{position:relative;width:44px;height:24px;background:var(--color-border);border-radius:12px;transition:background .2s}.switch-slider:after{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .2s}.switch-label input:checked+.switch-slider{background:var(--color-accent)}.switch-label input:checked+.switch-slider:after{transform:translate(20px)}.form-actions{display:flex;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--color-border)}.btn-secondary{padding:12px 24px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s}.btn-secondary:hover{background:var(--color-surface-elevated)}.form-actions .btn-primary{padding:12px 24px;background:var(--color-accent);border:none;border-radius:var(--radius-md);color:#fff;font-size:.9rem;font-weight:600}.form-actions .btn-primary:hover{background:var(--color-accent-hover)}@media (max-width: 640px){.form-grid,.form-grid-3{grid-template-columns:1fr}}.produtos-page{width:100%}.produtos-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;text-decoration:none;transition:background .2s}.btn-primary:hover{background:var(--color-accent-hover)}.produtos-filters{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:24px}.search-bar{display:flex;align-items:center;gap:10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 18px;min-width:280px;max-width:400px}.produtos-filters .filter-group{display:flex;align-items:center;gap:8px}.produtos-filters .filter-group select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 16px;color:var(--color-text);font-size:.9rem;cursor:pointer;min-width:180px}.search-bar input{flex:1;background:none;border:none;color:var(--color-text);font-size:.9rem;outline:none}.produtos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.produto-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;gap:0;position:relative;min-height:420px}.produto-card-inativo{opacity:.75}.produto-card-inativo .produto-card-image img{filter:grayscale(40%)}.produto-flag-sem-estoque{position:absolute;top:0;left:0;right:0;background:var(--color-error);color:#fff;font-size:.75rem;font-weight:700;text-align:center;padding:6px 12px;letter-spacing:.05em;z-index:1}.produto-card-image{width:100%;height:180px;background:var(--color-surface-elevated);overflow:hidden}.produto-card-image img{width:100%;height:100%;object-fit:cover}.produto-card .produto-card-header,.produto-card .produto-nome,.produto-card .produto-desc,.produto-card .produto-precos,.produto-card .produto-meta,.produto-card .produto-card-actions{padding:0 24px}.produto-card .produto-card-header{padding-top:24px}.produto-card .produto-nome{margin-top:12px}.produto-card .produto-desc{margin-top:8px}.produto-card .produto-precos{margin-top:12px}.produto-card .produto-meta{margin-top:16px;flex:1}.produto-card-actions{display:flex;gap:12px;margin-top:16px;margin-bottom:24px}.produto-card-actions .btn-edit{flex:2;margin:0}.produto-card-actions .btn-delete{flex:1;margin:0}.produto-card-header{display:flex;justify-content:space-between;align-items:center}.produto-ref{font-size:.8rem;font-family:monospace;color:var(--color-text-muted)}.produto-status{font-size:.75rem;padding:4px 8px;border-radius:4px;font-weight:500}.produto-status.ativo{background:#22c55e33;color:var(--color-success)}.produto-status.inativo{background:#ef444433;color:var(--color-error)}.produto-nome{font-size:1.1rem;font-weight:600;color:var(--color-text)}.produto-desc{font-size:.85rem;color:var(--color-text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.produto-precos{display:flex;align-items:baseline;gap:8px}.preco-antigo{font-size:.85rem;color:var(--color-text-muted);text-decoration:line-through}.preco-atual{font-size:1.25rem;font-weight:700;color:var(--color-accent)}.produto-meta{font-size:.8rem;color:var(--color-text-muted);display:flex;flex-direction:column;gap:4px}.produto-lojas{font-size:.75rem;opacity:.8}.btn-edit{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:16px 24px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:1rem;font-weight:600;transition:all .2s}.btn-edit:hover{background:var(--color-accent-muted);border-color:var(--color-accent);color:var(--color-accent)}.btn-delete{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:16px;background:#ef444426;border:1px solid rgba(239,68,68,.4);border-radius:var(--radius-md);color:var(--color-error);transition:all .2s}.btn-delete:hover{background:var(--color-error);border-color:var(--color-error);color:#fff}@media (max-width: 1200px){.produtos-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.produtos-grid{grid-template-columns:1fr}}:root{--color-bg: #f5f6f8;--color-surface: #ffffff;--color-surface-elevated: #f8f9fb;--color-border: #e8eaef;--color-text: #1a1d26;--color-text-muted: #6b7280;--color-accent: #44B63E;--color-accent-hover: #3a9d34;--color-accent-muted: rgba(68, 182, 62, .12);--color-success: #22c55e;--color-warning: #eab308;--color-error: #ef4444;--color-card-yellow: #fef9e7;--color-card-blue: #eef2f9;--color-card-green: #e8f5e9;--color-card-purple: #f3e8f9;--font-sans: "Plus Jakarta Sans", system-ui, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.5;min-height:100vh}#root{min-height:100vh}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}