:root,[data-theme=dark]{--bg: #0b1c2e;--surface: #0f2236;--surface2: #132840;--border: #1a2d42;--text: #e8eaf0;--text-muted:#8892a4;--accent: #00e650;--primary: #00e650;--primary-h: #00c944;--danger: #e05252;--danger-h: #c73c3c;--success: #00e650;--warning: #f5a623;--teal: #2dd4bf;--radius: 8px}[data-theme=light]{--bg: #f0f4f8;--surface: #ffffff;--surface2: #e8f0f8;--border: #c4d4e4;--text: #0f1e2e;--text-muted:#4a5568;--accent: #00a83c;--primary: #00a83c;--primary-h: #008f32;--danger: #dc2626;--danger-h: #b91c1c;--success: #00a83c;--warning: #d97706;--teal: #0d9488;--radius: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.header-left{display:flex;align-items:center;gap:10px}.header-right{display:flex;align-items:center;gap:8px}.header-title{font-size:16px;font-weight:600}.app-main{flex:1;overflow-y:auto;padding:16px}button{cursor:pointer;font-size:13px;border:none;border-radius:var(--radius)}.btn-primary{background:var(--primary);color:#042010;padding:8px 16px;font-weight:700;transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--primary-h)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface2);color:var(--text);padding:8px 16px;border:1px solid var(--border);transition:background .15s}.btn-secondary:hover{background:var(--border)}.btn-danger{background:var(--danger);color:#fff;padding:8px 16px;font-weight:600}.btn-danger:hover:not(:disabled){background:var(--danger-h)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-back{background:transparent;color:var(--text-muted);padding:6px 10px;font-size:13px}.btn-back:hover{color:var(--text)}.btn-link{background:none;color:var(--primary);text-decoration:underline;padding:0}.btn-notif{background:color-mix(in srgb,var(--warning) 15%,transparent);color:var(--warning);border:1px solid color-mix(in srgb,var(--warning) 40%,transparent);padding:6px 12px;font-size:12px;font-weight:600;border-radius:var(--radius);transition:background .15s}.btn-notif:hover{background:color-mix(in srgb,var(--warning) 25%,transparent)}.screen-center{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:12px;color:var(--text-muted)}.error-box{background:color-mix(in srgb,var(--danger) 15%,transparent);border:1px solid var(--danger);color:var(--danger);padding:12px 20px;border-radius:var(--radius);max-width:400px;text-align:center}.state-msg{padding:32px;text-align:center;color:var(--text-muted)}.state-msg.error{color:var(--danger)}.empty-state{padding:48px 16px;text-align:center;color:var(--text-muted)}.empty-hint{font-size:12px;margin-top:6px;color:var(--text-muted)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.badge-blue{background:#4f7ef72e;color:#7aa6ff}.badge-yellow{background:#f5a6232e;color:#f5a623}.badge-teal{background:#2dd4bf2e;color:#2dd4bf}.badge-green{background:#00e65026;color:#00e650}.badge-red{background:#e052522e;color:#e05252}.badge-gray{background:#8892a42e;color:#8892a4}.grupo-acordeao{margin-bottom:8px}.grupo-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.grupo-header:hover{background:var(--border)}.grupo-header-left{display:flex;align-items:center;gap:8px}.grupo-titulo{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.grupo-count{font-size:11px;background:var(--border);color:var(--text-muted);padding:1px 7px;border-radius:10px}.grupo-chevron{font-size:11px;color:var(--text-muted);transition:transform .2s}.grupo-chevron.open{transform:rotate(180deg)}.grupo-body{display:flex;flex-direction:column;gap:6px;padding-top:6px}.list-toolbar{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.toolbar-top{display:flex;align-items:center;gap:8px}.search-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:10px;color:var(--text-muted);font-size:15px;pointer-events:none;line-height:1}.search-input{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:13px;padding:7px 32px 7px 30px;outline:none;transition:border-color .15s}.search-input:focus{border-color:var(--accent)}.search-input::placeholder{color:var(--text-muted)}.search-clear{position:absolute;right:6px;background:none;color:var(--text-muted);padding:2px 5px;font-size:12px;border-radius:4px;line-height:1}.search-clear:hover{color:var(--text)}.btn-refresh{background:none;color:var(--text-muted);padding:6px 10px;font-size:17px;border-radius:var(--radius);line-height:1;flex-shrink:0;transition:color .15s}.btn-refresh:hover:not(:disabled){color:var(--accent)}.btn-refresh:disabled{opacity:.4;cursor:not-allowed}.btn-refresh .spin{display:inline-block;animation:spin .7s linear infinite}.toolbar-bottom{display:flex;align-items:center;justify-content:space-between}.period-btns{display:flex;gap:4px}.btn-period{background:var(--surface2);color:var(--text-muted);border:1px solid var(--border);padding:4px 10px;font-size:11px;font-weight:600;border-radius:20px;transition:background .15s,color .15s,border-color .15s}.btn-period:hover{color:var(--text);border-color:var(--text-muted)}.btn-period.active{background:var(--accent);color:#042010;border-color:var(--accent)}.refresh-info{font-size:11px;color:var(--text-muted)}.refresh-syncing{color:var(--accent);font-size:11px}.filter-summary{font-size:11px;color:var(--text-muted);text-align:right;padding-top:4px}.btn-load-more{width:100%;margin-top:8px;padding:10px;background:var(--surface2);color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius);font-size:13px;transition:color .15s,border-color .15s}.btn-load-more:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.btn-load-more:disabled{opacity:.5;cursor:not-allowed}.pedidos-list{display:flex;flex-direction:column;gap:4px;max-width:720px}.pedido-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;cursor:pointer;transition:border-color .15s,background .15s}.pedido-card:hover{border-color:var(--accent);background:var(--surface2)}.pedido-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px}.pedido-produto{font-weight:600;font-size:14px}.pedido-card-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--text-muted)}.pedido-card-meta strong{color:var(--text)}.anexo-indicator{color:var(--text-muted)}.pedido-form{max-width:580px;display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.form-input{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:8px 12px;font-size:14px;outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--accent)}.form-textarea{resize:vertical;min-height:90px;font-family:inherit}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238892a4' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.form-error{background:color-mix(in srgb,var(--danger) 12%,transparent);border:1px solid var(--danger);color:var(--danger);padding:8px 12px;border-radius:var(--radius);font-size:13px}.upload-btn{display:inline-flex;align-items:center;gap:6px;background:var(--surface2);border:1px dashed var(--border);color:var(--text-muted);padding:8px 14px;border-radius:var(--radius);cursor:pointer;font-size:13px;transition:border-color .15s}.upload-btn:hover{border-color:var(--accent);color:var(--accent)}.upload-btn-sm{padding:6px 12px;font-size:12px;margin-top:8px}.preview-container{display:flex;align-items:flex-start;gap:10px}.preview-img{max-width:120px;max-height:120px;object-fit:cover;border-radius:6px;border:1px solid var(--border)}.btn-remove-img{background:var(--danger);color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:11px;cursor:pointer}.confirm-cancel-box{background:color-mix(in srgb,var(--danger) 8%,transparent);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:12px}.confirm-cancel-msg{font-size:13px;color:var(--text)}.confirm-cancel-actions{display:flex;gap:10px}.pedido-detail{max-width:640px;display:flex;flex-direction:column;gap:20px}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.detail-produto{font-size:18px;font-weight:700}.detail-grid{display:grid;grid-template-columns:130px 1fr;gap:8px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.detail-grid dt{color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;align-self:start;padding-top:2px}.detail-grid dd{color:var(--text)}.detail-grid .dd-full{grid-column:1 / -1}.detail-section{display:flex;flex-direction:column;gap:10px}.section-title{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.anexos-grid{display:flex;flex-wrap:wrap;gap:10px}.anexo-item{position:relative}.anexo-img{width:100px;height:100px;object-fit:cover;border-radius:6px;border:1px solid var(--border);display:block}.anexo-item .btn-remove-img{position:absolute;top:4px;right:4px;padding:2px 5px;font-size:10px}.toast-container{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:9999;pointer-events:none}.toast{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:260px;max-width:340px;box-shadow:0 4px 20px #00000080;pointer-events:all;animation:toast-in .25s ease}.toast-alert{border-left:3px solid var(--accent)}.toast-body{display:flex;align-items:center;gap:10px;flex:1}.toast-icon{font-size:18px;flex-shrink:0}.toast-produto{display:block;font-size:13px;font-weight:600;color:var(--text)}.toast-status{display:block;font-size:11px;color:var(--accent);font-weight:700;margin-top:2px;text-transform:uppercase;letter-spacing:.04em}.toast-close{background:none;color:var(--text-muted);padding:2px 6px;font-size:14px;flex-shrink:0;border-radius:4px}.toast-close:hover{color:var(--text);background:var(--surface2)}@keyframes toast-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}