@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);:root,[data-theme=light]{--primary:#1c1917;--primary-light:#44403c;--primary-bg:#1c19170d;--bg:#fafafa;--bg-secondary:#f3f4f6;--card:#fff;--card-hover:#fff;--text:#0c0a09;--text-secondary:#44403c;--text-muted:#78716c;--border:#e7e5e4;--border-hover:#d6d3d1;--accent:#ca8a04;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 8px 24px #0000001a;--input-bg:#fff;--header-bg:#fff;--snackbar-success:#059669;--snackbar-error:#dc2626;--success:#10b981;--success-dark:#059669;--error:#ef4444;--primary-color:var(--primary);--primary-hover:var(--primary-light)}[data-theme=dark]{--primary:#d6d3d1;--primary-light:#fafafa;--primary-bg:#fafafa0d;--bg:#0c0a09;--bg-secondary:#1c1917;--card:#1c1917;--card-hover:#292524;--text:#fafafa;--text-secondary:#d6d3d1;--text-muted:#a8a29e;--border:#44403c;--border-hover:#57534e;--accent:#facc15;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #0006;--input-bg:#1e293b;--header-bg:#1e293b;--snackbar-success:#10b981;--snackbar-error:#f87171;--success:#10b981;--success-dark:#059669;--error:#ef4444;--primary-color:var(--primary);--primary-hover:var(--primary-light)}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;background-color:#fafafa;background-color:var(--bg);color:#0c0a09;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;transition:background-color .3s ease,color .3s ease}.dashboard-container{min-height:100vh}.main-header{background-color:#fff;background-color:var(--header-bg);border-bottom:1px solid #e7e5e4;border-bottom:1px solid var(--border);box-shadow:0 1px 3px #0000000d;box-shadow:var(--shadow-sm);padding:.75rem 2rem;position:-webkit-sticky;position:sticky;top:0;transition:background-color .3s ease,border-color .3s ease;z-index:100}.header-content{justify-content:space-between;margin:0 auto;max-width:1400px}.header-content,.logo-section{align-items:center;display:flex}.logo-section{gap:10px}.logo-icon{color:#1c1917;color:var(--primary)}.logo-section h1{color:#0c0a09;color:var(--text);font-size:1.15rem;font-weight:700;margin:0}.logo-section span{color:#1c1917;color:var(--primary);font-size:.85rem;font-weight:500}.header-right{gap:16px}.header-right,.stats-section{align-items:center;display:flex}.stats-section{flex-wrap:wrap;gap:8px}.stat-card{align-items:center;background:#1c19170d;background:var(--primary-bg);border-radius:8px;color:#1c1917;color:var(--primary);display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:5px 10px;white-space:nowrap}.stat-nueva{background:#3b82f61a;color:#3b82f6}.stat-cortado{background:#f59e0b1a;color:#f59e0b}.stat-empaquetado{background:#10b9811a;color:#10b981}.stat-despachado{background:#a855f71a;color:#a855f7}.stat-entregado{background:#64748b1a;color:#64748b}.theme-toggle{align-items:center;background:#fff;background:var(--card);border:1px solid #e7e5e4;border:1px solid var(--border);border-radius:10px;color:#44403c;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.theme-toggle:hover{background:#1c19170d;background:var(--primary-bg);border-color:#1c1917;border-color:var(--primary);color:#1c1917;color:var(--primary)}.main-content{margin:1.5rem auto;max-width:1600px;padding:0 2rem}.controls-bar{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.search-box{align-items:center;display:flex;flex:1 1;min-width:280px;position:relative}.search-box svg{color:#78716c;color:var(--text-muted);left:14px;position:absolute}.search-box input{background:#fff;background:var(--input-bg);border:1px solid #e7e5e4;border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 3px #0000000d;box-shadow:var(--shadow-sm);color:#0c0a09;color:var(--text);font-family:inherit;font-size:.9rem;padding:10px 42px;transition:border-color .2s,box-shadow .2s;width:100%}.search-box input::placeholder{color:#78716c;color:var(--text-muted)}.search-box input:focus{border-color:#1c1917;border-color:var(--primary);box-shadow:0 0 0 3px #1c19170d;box-shadow:0 0 0 3px var(--primary-bg);outline:none}.clear-search-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#78716c;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:14px;top:50%;transform:translateY(-50%);transition:all .2s}.clear-search-btn:hover{background:#f3f4f6;background:var(--bg-secondary);color:#0c0a09;color:var(--text)}.filters{align-items:center;background:#fff;background:var(--input-bg);border:1px solid #e7e5e4;border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 3px #0000000d;box-shadow:var(--shadow-sm);display:flex;gap:8px;padding:0 14px}.filters svg{color:#78716c;color:var(--text-muted)}.filters select{background:#0000;border:none;color:#0c0a09;color:var(--text);cursor:pointer;font-family:inherit;font-size:.9rem;outline:none;padding:10px 4px}.multi-select-wrapper{position:relative}.multi-select-btn{align-items:center;background:#0000;border:none;color:#0c0a09;color:var(--text);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;gap:6px;padding:10px 4px;white-space:nowrap}.multi-select-btn:hover{color:#1c1917;color:var(--primary)}.multi-select-dropdown{background:#fff;background:var(--card);border:1px solid #e7e5e4;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;gap:2px;left:0;min-width:200px;padding:6px;position:absolute;top:calc(100% + 8px);z-index:100}.multi-select-clear{background:#0000;border:none;border-bottom:1px solid #e7e5e4;border-bottom:1px solid var(--border);color:#78716c;color:var(--text-muted);cursor:pointer;font-size:.78rem;margin-bottom:2px;padding:6px 10px;text-align:left}.multi-select-clear:hover{color:#1c1917;color:var(--primary)}.multi-select-option{align-items:center;border-radius:8px;color:#0c0a09;color:var(--text);cursor:pointer;display:flex;font-size:.85rem;gap:8px;padding:7px 10px;transition:background .1s}.multi-select-option:hover{background:var(--hover)}.multi-select-option input[type=checkbox]{accent-color:#1c1917;accent-color:var(--primary);cursor:pointer;height:15px;width:15px}.status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.status-dot.status-nueva{background:#3b82f6}.status-dot.status-falta_insumo{background:#ef4444}.status-dot.status-cortado{background:#f59e0b}.status-dot.status-empaquetado{background:#10b981}.status-dot.status-despachado{background:#a855f7}.status-dot.status-entregado{background:#64748b}.status-dot.status-cancelada{background:#6b7280}.orders-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.order-card{background:#fff;background:var(--card);border:1px solid #e7e5e4;border:1px solid var(--border);border-left:4px solid #0000;border-radius:14px;box-shadow:0 1px 3px #0000000d;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:1.25rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.status-border-nueva{border-left-color:#3b82f6}.status-border-cortado{border-left-color:#f59e0b}.status-border-empaquetado{border-left-color:#10b981}.status-border-despachado{border-left-color:#a855f7}.status-border-entregado{border-left-color:#64748b}.status-border-falta_insumo{border-left-color:#ef4444}.status-border-cancelada{border-left-color:#6b7280}.order-card:hover{border-color:#d6d3d1;border-color:var(--border-hover);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.order-header{justify-content:space-between;margin-bottom:.75rem}.order-header,.order-number-block{align-items:center;display:flex}.order-number{background:#1c19170d;background:var(--primary-bg);border-radius:10px;box-shadow:inset 0 0 0 1px #4f46e51a;color:#1c1917;color:var(--primary);font-size:1.75rem;font-weight:900;letter-spacing:-.03em;line-height:1;padding:4px 12px}.status-badge{letter-spacing:.04em;padding:4px 10px}.status-badge.nueva{background:#3b82f61f}.status-badge.cortado{background:#f59e0b1f;color:#d97706}.status-badge.empaquetado{background:#10b9811f}.status-badge.despachado{background:#a855f71f}.status-badge.entregado{background:#64748b1f}.status-badge.falta_insumo{background:#ef44441f;color:#ef4444}.status-badge.cancelada{background:#6b72801f;color:#6b7280}.source-badge{border-radius:6px;font-size:.7rem;font-weight:700;letter-spacing:.04em;margin-left:8px;padding:4px 10px;text-transform:uppercase}.source-badge.tiendanube{background:#2d5dde1f;color:#2d5dde}.source-badge.mercadolibre{background:#fff1594d;color:#8a6c00}.source-badge.whatsapp{background:#25d3661f;color:#128c7e}.source-badge.ig,.source-badge.instagram{background:linear-gradient(45deg,#ffdc8033,#fd35351a,#833ab41a);color:#c13584}.source-badge.showroom{background:#64748b1f;color:#475569}.order-client{align-items:flex-start;border-bottom:1px solid #e7e5e4;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem}.client-main{flex:1 1}.payment-badge{align-items:center;border-radius:6px;display:flex;font-size:.65rem;font-weight:700;gap:4px;letter-spacing:.02em;padding:4px 8px}.payment-badge.paid{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.payment-badge.pending{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b}.shipping-info{align-items:center;background:#fafafa;background:var(--bg);border:1px dashed #e7e5e4;border:1px dashed var(--border);border-radius:8px;color:#44403c;color:var(--text-secondary);display:flex;font-size:.8rem;gap:6px;margin-bottom:1rem;padding:8px 12px}.order-name{color:#0c0a09;color:var(--text);font-size:.95rem;font-weight:700;margin:0 0 4px}.order-date{align-items:center;color:#78716c;color:var(--text-muted);display:flex;font-size:.8rem;gap:5px;white-space:nowrap}.order-body{flex:1 1;gap:1rem}.order-body,.order-notes{display:flex;flex-direction:column}.order-notes{gap:8px}.note-item{border-radius:8px;display:flex;font-size:.8rem;gap:8px;line-height:1.4;padding:8px 10px}.note-item p{margin:0}.customer-note{background:#fdf2f8;border-left:3px solid #db2777;color:#9d174d}[data-theme=dark] .customer-note{background:#db27771a;color:#f472b6}.owner-note{background:#f0f9ff;border-left:3px solid #0284c7;color:#075985}[data-theme=dark] .owner-note{background:#0284c71a;color:#7dd3fc}.product-list h4{color:#78716c;color:var(--text-muted);font-size:.7rem;font-weight:600;letter-spacing:.06em;margin:0 0 6px;text-transform:uppercase}.product-list ul{list-style:none;margin:0;padding:0}.product-list li{align-items:flex-start;border-bottom:1px solid #e7e5e4;border-bottom:1px solid var(--border);color:#44403c;color:var(--text-secondary);display:flex;font-size:.85rem;gap:10px;padding:8px 0;transition:all .2s ease}.product-item.cut{background-color:#fef08a20}.product-item.cut .p-name{color:#ca8a04;font-weight:600}.product-item.cut .qty{color:#ca8a04}.product-checkbox{cursor:pointer;flex-shrink:0;height:18px;margin-top:2px;position:relative;width:18px}.product-checkbox input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkbox-custom{background-color:#fff;background-color:var(--input-bg);border:2px solid #e7e5e4;border:2px solid var(--border);border-radius:4px;height:18px;left:0;position:absolute;top:0;transition:all .2s ease;width:18px}.product-checkbox:hover input~.checkbox-custom{border-color:#1c1917;border-color:var(--primary)}.product-checkbox input:checked~.checkbox-custom{background-color:#1c1917;background-color:var(--primary);border-color:#1c1917;border-color:var(--primary)}.checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:10px;left:5px;position:absolute;top:1px;transform:rotate(45deg);width:5px}.product-checkbox input:checked~.checkbox-custom:after{display:block}.no-products{color:#78716c;color:var(--text-muted);font-size:.8rem;font-style:italic;margin:0}.qty{color:#ca8a04;color:var(--accent);flex-shrink:0;font-size:.85rem;font-weight:700}.p-name{line-height:1.4}.order-footer{align-items:center;border-top:1px solid #e7e5e4;border-top:1px solid var(--border);display:flex;justify-content:space-between;margin-top:1rem;padding-top:.75rem}.status-label{color:#78716c;color:var(--text-muted);font-size:.75rem;font-weight:500}.status-selector{align-items:center;display:flex;position:relative}.status-selector select{-webkit-appearance:none;appearance:none;background:#fafafa;background:var(--bg);border:1px solid #e7e5e4;border:1px solid var(--border);border-radius:8px;color:#0c0a09;color:var(--text);cursor:pointer;font-family:inherit;font-size:.82rem;padding:6px 30px 6px 12px;transition:border-color .2s}.status-selector select:focus,.status-selector select:hover{border-color:#1c1917;border-color:var(--primary)}.status-selector select:focus{box-shadow:0 0 0 2px #1c19170d;box-shadow:0 0 0 2px var(--primary-bg);outline:none}.select-arrow{color:#78716c;color:var(--text-muted);pointer-events:none;position:absolute;right:10px}.loading-screen{align-items:center;background:#fafafa;background:var(--bg);color:#0c0a09;color:var(--text);display:flex;flex-direction:column;height:100vh;justify-content:center}.spinner{animation:spin .8s linear infinite;border:4px solid #e7e5e4;border-left-color:#1c1917;border:4px solid var(--border);border-left-color:var(--primary);height:40px;margin-bottom:1rem;width:40px}.empty-state{grid-column:1/-1;padding:4rem;text-align:center}.empty-state,.empty-state svg{color:#78716c;color:var(--text-muted)}.empty-state svg{margin-bottom:1rem}.snackbar-container{bottom:24px;display:flex;flex-direction:column-reverse;gap:8px;position:fixed;right:24px;z-index:9999}.snackbar{align-items:center;animation:snackbar-in .3s ease forwards;border-radius:12px;box-shadow:0 8px 24px #0003;color:#fff;display:flex;font-size:.88rem;font-weight:500;gap:10px;max-width:420px;min-width:280px;padding:12px 16px}.snackbar-success{background:#059669;background:var(--snackbar-success)}.snackbar-error{background:#dc2626;background:var(--snackbar-error)}.snackbar-close{align-items:center;background:none;border:none;border-radius:4px;color:#ffffffb3;cursor:pointer;display:flex;margin-left:auto;padding:2px;transition:color .2s}.snackbar-close:hover{color:#fff}@keyframes snackbar-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.main-header{padding:.75rem 1rem}.header-content{flex-direction:column;gap:10px}.header-right{justify-content:space-between;width:100%}.stats-section{flex-wrap:wrap}.main-content{margin:1rem auto;padding:0 1rem}.orders-grid{grid-template-columns:1fr}.search-box{min-width:100%}.order-number{font-size:1.3rem}.snackbar-container{bottom:12px;left:12px;right:12px}.snackbar{min-width:0;min-width:auto}}.costs-denied{align-items:center;color:#78716c;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.costs-denied svg{color:#ef4444;margin-bottom:1rem}.costs-denied h2{color:#0c0a09;color:var(--text);font-size:1.25rem;margin:0 0 .5rem}.costs-denied p{font-size:.9rem;margin:0}.costs-loading{align-items:center;color:#78716c;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:4rem}.costs-container{padding:0}.costs-nav{background:#f3f4f6;background:var(--bg-secondary);border-radius:12px;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:1.5rem;padding:5px}.costs-nav-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#44403c;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s ease}.costs-nav-btn:hover{background:#fff;background:var(--card);color:#0c0a09;color:var(--text)}.costs-nav-btn.active{color:#1c1917;color:var(--primary)}.costs-card,.costs-nav-btn.active{background:#fff;background:var(--card);box-shadow:0 1px 3px #0000000d;box-shadow:var(--shadow-sm)}.costs-card{border:1px solid #e7e5e4;border:1px solid var(--border);border-radius:14px;padding:1.5rem;transition:border-color .2s}.costs-card-header{align-items:center;border-bottom:1px solid #e7e5e4;border-bottom:1px solid var(--border);display:flex;gap:10px;margin-bottom:1.25rem;padding-bottom:1rem}.costs-card-header svg{color:#1c1917;color:var(--primary);flex-shrink:0}.costs-card-header h3{color:#0c0a09;color:var(--text);flex:1 1;font-size:1.05rem;font-weight:700;margin:0}.costs-save-msg{animation:costs-fade-in .3s ease;color:#10b981;font-size:.8rem;font-weight:600}@keyframes costs-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.costs-form-group{margin-bottom:1rem}.costs-form-group label{align-items:center;color:#44403c;color:var(--text-secondary);display:flex;font-size:.8rem;font-weight:600;gap:6px;letter-spacing:.03em;margin-bottom:6px;text-transform:uppercase}.costs-input{background:#fff;background:var(--input-bg);border:1px solid #e7e5e4;border:1px solid var(--border);border-radius:10px;box-shadow:0 1px 3px #0000000d;box-shadow:var(--shadow-sm);color:#0c0a09;color:var(--text);font-family:inherit;font-size:.9rem;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.costs-input::placeholder{color:#78716c;color:var(--text-muted)}.costs-input:focus{border-color:#1c1917;border-color:var(--primary);box-shadow:0 0 0 3px #1c19170d;box-shadow:0 0 0 3px var(--primary-bg);outline:none}.costs-input-mini{background:#fff;background:var(--input-bg);border:1px solid #e7e5e4;border-radius:8px;color:#0c0a09;font-family:inherit;padding:6px 8px;transition:border-color .2s;width:70px}.costs-input-mini:focus{border-color:#1c1917;border-color:var(--primary);box-shadow:0 0 0 2px #1c19170d;box-shadow:0 0 0 2px var(--primary-bg)}.costs-select{background:#fff;background:var(--input-bg);border:1px solid #e7e5e4;border:1px solid var(--border);border-radius:10px;color:#0c0a09;color:var(--text);cursor:pointer;flex:1 1;font-family:inherit;font-size:.9rem;padding:10px 14px;transition:border-color .2s}.costs-select:focus{border-color:#1c1917;border-color:var(--primary);outline:none}.costs-select-sm{flex:0 0 80px}.costs-calc-grid{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}@media (max-width:900px){.costs-calc-grid{grid-template-columns:1fr}}.costs-material-add{gap:8px}.costs-btn-icon{background:var(--bg-card);border:1px solid #e7e5e4;border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 3px #0000000d;box-shadow:var(--shadow-sm);color:#ca8a04;color:var(--accent);height:38px;transition:all .2s cubic-bezier(.4,0,.2,1);width:38px}.costs-btn-icon:hover{background:#ca8a041a;background:var(--accent-bg,#ca8a041a);border-color:#ca8a04;border-color:var(--accent);transform:translateY(-1px)}.costs-selected-list{margin-bottom:1rem}.costs-selected-item,.costs-selected-list{display:flex;flex-direction:column;gap:8px}.costs-selected-item{background:#fafafa;background:var(--bg);border:1px solid #e7e5e4;border:1px solid var(--border);border-radius:10px;padding:12px;transition:border-color .2s}.costs-selected-item:hover{border-color:#d6d3d1;border-color:var(--border-hover)}.costs-selected-info{align-items:center;display:flex;gap:8px}.costs-selected-name{color:#0c0a09;color:var(--text);font-size:.9rem;font-weight:600}.costs-type-badge{border-radius:6px;display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.04em;padding:2px 8px;text-transform:uppercase}.costs-type-badge.simple{background:#f3f4f6;background:var(--bg-secondary);color:#44403c;color:var(--text-secondary)}.costs-type-badge.acrylic{background:#a855f71a;color:#a855f7}[data-theme=dark] .costs-type-badge.acrylic{background:#a855f726;color:#c084fc}.costs-selected-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.costs-dim-inputs{align-items:center;display:flex;gap:4px}.costs-dim-sep{font-weight:600}.costs-dim-sep,.costs-dim-unit{color:#78716c;color:var(--text-muted)}.costs-dim-unit{font-size:.75rem;font-weight:500}.costs-qty-group{align-items:center;display:flex;gap:4px}.costs-qty-group label{color:#78716c;color:var(--text-muted);font-size:.75rem;font-weight:500;margin:0}.costs-btn-delete-sm{align-items:center;background:#0000;border:none;border-radius:8px;color:#78716c;color:var(--text-muted);cursor:pointer;display:flex;height:30px;justify-content:center;margin-left:auto;transition:all .2s;width:30px}.costs-btn-delete-sm:hover{background:#ef44441a;color:#ef4444}.costs-markup-row{align-items:center;display:flex;gap:12px}.costs-range{-webkit-appearance:none;appearance:none;background:#f3f4f6;background:var(--bg-secondary);border-radius:3px;cursor:pointer;flex:1 1;height:6px;outline:none}.costs-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#1c1917;background:var(--primary);border-radius:50%;box-shadow:0 2px 6px #00000026;cursor:pointer;height:18px;width:18px}.costs-range::-moz-range-thumb{background:#1c1917;background:var(--primary);border:none;border-radius:50%;cursor:pointer;height:18px;width:18px}.costs-btn-calculate{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 12px #10b98140;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:700;gap:10px;justify-content:center;margin-top:.5rem;padding:14px;transition:all .2s ease;width:100%}.costs-btn-calculate:hover{box-shadow:0 6px 16px #10b98159;transform:translateY(-1px)}.costs-btn-calculate:active{transform:translateY(0)}.costs-results-panel{background:#fff;background:var(--card);border:1px solid #e7e5e4;border:1px solid var(--border);position:-webkit-sticky;position:sticky;top:80px}[data-theme=dark] .costs-results-panel{background:#111827;border-color:#1f2937}.costs-results-content{display:flex;flex-direction:column;gap:1rem}.costs-metrics-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.costs-metric{background:#fafafa;background:var(--bg);border:1px solid #e7e5e4;border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:14px}.costs-metric-label{color:#78716c;color:var(--text-muted);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.costs-metric-value{color:#0c0a09;color:var(--text);font-size:1.35rem;font-weight:800;letter-spacing:-.02em}.costs-metric-value.muted{color:#44403c;color:var(--text-secondary);font-size:1.1rem}.costs-metric-sub{color:#78716c;color:var(--text-muted);font-size:.7rem}.costs-metric.accent-yellow{background:#eab3080d;border-color:#eab30833}.costs-metric.accent-yellow .costs-metric-value{color:#eab308}[data-theme=dark] .costs-metric.accent-yellow{background:#eab30814}.costs-metric.accent-green{background:#10b9810d;border-color:#10b98133}.costs-metric.accent-green .costs-metric-value{color:#10b981}[data-theme=dark] .costs-metric.accent-green{background:#10b98114}.costs-pvp-block{background:#1c19170d;background:var(--primary-bg);border:1px solid #4f46e526;border-radius:12px;padding:16px}[data-theme=dark] .costs-pvp-block{background:#6366f114;border-color:#6366f133}.costs-pvp-row{align-items:center;display:flex;justify-content:space-between;padding:4px 0}.costs-pvp-row span:first-child{color:#44403c;color:var(--text-secondary);font-size:.85rem;font-weight:500}.costs-pvp-value{color:#1c1917;color:var(--primary);font-size:1.5rem;font-weight:800}.costs-pvp-row.final{border-top:1px dashed #e7e5e4;border-top:1px dashed var(--border);margin-top:8px;padding-top:8px}.costs-pvp-value-final{color:#0c0a09;color:var(--text);font-size:1.15rem;font-weight:700}.costs-breakdown{border-top:1px solid #e7e5e4;border-top:1px solid var(--border);margin-top:.5rem;padding-top:.75rem}.costs-breakdown h4{color:#44403c;color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.04em;margin:0 0 8px;text-transform:uppercase}.costs-breakdown-table{border-collapse:collapse;font-size:.85rem;width:100%}.costs-breakdown-table th{color:#78716c;color:var(--text-muted);font-size:.7rem;font-weight:600;letter-spacing:.04em;padding:6px 0;text-align:left;text-transform:uppercase}.costs-breakdown-table td,.costs-breakdown-table th{border-bottom:1px solid #e7e5e4;border-bottom:1px solid var(--border)}.costs-breakdown-table td{color:#44403c;color:var(--text-secondary);padding:8px 0}.costs-breakdown-table tr:last-child td{border-bottom:none}.costs-results-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;text-align:center}.costs-results-empty svg{color:#78716c;color:var(--text-muted);margin-bottom:1rem;opacity:.3}.costs-results-empty p{color:#44403c;color:var(--text-secondary);font-size:.95rem;font-weight:600;margin:0}.costs-results-empty span{color:#78716c;color:var(--text-muted);font-size:.8rem;margin-top:4px}.costs-settings-wrap{max-width:560px}.costs-settings-grid{display:flex;flex-direction:column;gap:1rem}.costs-btn-save{background:#1c1917;background:var(--primary);border:none;border-radius:10px;box-shadow:0 4px 12px #1c19170d;box-shadow:0 4px 12px var(--primary-bg);color:#fff;cursor:pointer;display:block;font-family:inherit;font-size:.9rem;font-weight:700;margin-top:.5rem;padding:12px;transition:all .2s ease;width:100%}.costs-btn-save:hover{background:#44403c;background:var(--primary-light);transform:translateY(-1px)}.costs-btn-add{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 8px #10b98133;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.82rem;font-weight:600;gap:6px;margin-left:auto;padding:8px 14px;transition:all .2s ease}.costs-btn-add:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.costs-inline-form{animation:costs-fade-in .2s ease;background:#fafafa;background:var(--bg);border:1px dashed #e7e5e4;border:1px dashed var(--border);border-radius:10px;margin-bottom:1rem;padding:14px}.costs-form-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.costs-form-row .costs-input{flex:1 1;min-width:140px}.costs-form-row .costs-select{flex:0 0 120px}.costs-btn-confirm{align-items:center;background:#1c1917;background:var(--primary);border:none;border-radius:10px;color:#fafafa;color:var(--bg);cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:700;gap:6px;padding:10px 18px;transition:all .2s;white-space:nowrap}.costs-btn-confirm:hover{background:#ca8a04;background:var(--accent);color:#fff}.costs-btn-cancel{background:#f3f4f6;background:var(--bg-secondary);font-weight:600}.costs-btn-cancel:hover{background:#fee2e2;border-color:#fecaca;color:#ef4444}.costs-table{border-collapse:collapse;width:100%}.costs-table thead tr{border-bottom:2px solid #e7e5e4;border-bottom:2px solid var(--border)}.costs-table th{color:#78716c;color:var(--text-muted);font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:10px 16px;text-align:left;text-transform:uppercase}.costs-table td{border-bottom:1px solid #e7e5e4;border-bottom:1px solid var(--border);color:#44403c;color:var(--text-secondary);font-size:.88rem;padding:12px 16px}.costs-table tr:last-child td{border-bottom:none}.costs-table tr:hover td{background:#fafafa;background:var(--bg)}.costs-td-name{color:#0c0a09!important;color:var(--text)!important}.costs-fixed-total{align-items:center;background:#1c19170d;background:var(--primary-bg);border:1px solid #4f46e51a;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:14px 16px}.costs-fixed-total span:first-child{color:#44403c;color:var(--text-secondary);font-size:.9rem;font-weight:600}.costs-fixed-total-value{color:#1c1917;color:var(--primary);font-size:1.3rem;font-weight:800}.costs-empty-table{align-items:center;color:#78716c;color:var(--text-muted);display:flex;flex-direction:column;padding:3rem}.costs-empty-table svg{margin-bottom:.75rem;opacity:.3}.costs-empty-table p{font-size:.9rem;margin:0}@media (max-width:768px){.costs-nav{gap:4px}.costs-nav-btn{font-size:.8rem;padding:6px 12px}.costs-nav-btn span{display:none}.costs-card{padding:1rem}.costs-metrics-grid{grid-template-columns:1fr}.costs-form-row{flex-direction:column}.costs-form-row .costs-input,.costs-form-row .costs-select{flex:initial;min-width:0;min-width:auto;width:100%}.costs-select-sm{flex:initial;width:100%}}.costs-product-list{display:flex;flex-direction:column;gap:8px}.costs-product-group{border:1px solid #e7e5e4;border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.costs-product-group.expanded{border-color:#d6d3d1;border-color:var(--border-hover);box-shadow:0 1px 3px #0000000d;box-shadow:var(--shadow-sm)}.costs-product-header{align-items:center;cursor:pointer;display:flex;gap:10px;padding:14px 16px;transition:background .15s;-webkit-user-select:none;user-select:none}.costs-product-header:hover{background:#fafafa;background:var(--bg)}.costs-product-toggle{color:#78716c;color:var(--text-muted);display:flex;flex-shrink:0}.costs-product-name{color:#0c0a09;color:var(--text);flex:1 1;font-size:1rem;font-weight:700}.costs-product-count{background:#f3f4f6;background:var(--bg-secondary);border-radius:20px;color:#78716c;color:var(--text-muted);font-size:.75rem;font-weight:600;padding:3px 10px}.costs-product-actions{display:flex;gap:4px;margin-left:8px}.costs-btn-icon-sm{background:#0000;border:none;border-radius:6px;color:#78716c;height:28px;transition:all .2s;width:28px}.costs-btn-icon-sm:hover{background:#1c19170d;color:#1c1917}.costs-variants-container{animation:costs-fade-in .15s ease;border-top:1px solid #e7e5e4;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px;padding:12px 16px 16px}.costs-variant-empty{color:#78716c;color:var(--text-muted);font-size:.8rem;padding:12px;text-align:center}.costs-variant-card{background:#fafafa;background:var(--bg);border:1px solid #e7e5e4;border:1px solid var(--border);border-radius:10px;padding:12px 14px;transition:border-color .2s}.costs-variant-card:hover{border-color:#d6d3d1;border-color:var(--border-hover)}.costs-variant-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.costs-variant-name{color:#0c0a09;color:var(--text);font-size:.92rem;font-weight:600}.costs-variant-markup{background:#f3f4f6;background:var(--bg-secondary);border-radius:4px;color:#78716c;color:var(--text-muted);font-size:.7rem;font-weight:600;padding:2px 8px}.costs-variant-prices{align-items:center;display:flex;gap:12px;margin-left:auto}.costs-variant-cost{color:#44403c;color:var(--text-secondary);font-size:.8rem}.costs-variant-pvp{color:#1c1917;color:var(--primary);font-size:.9rem;font-weight:700}.costs-variant-actions{display:flex;gap:2px;margin-left:8px}.costs-variant-mats{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.costs-variant-mat-tag{background:#f3f4f6;background:var(--bg-secondary);border-radius:6px;color:#44403c;color:var(--text-secondary);font-size:.72rem;font-weight:500;padding:3px 8px;white-space:nowrap}.costs-variant-mat-tag.empty{background:#0000;color:#78716c;color:var(--text-muted);font-style:italic}.costs-variant-form{animation:costs-fade-in .2s ease;background:#fff;background:var(--card);border:1px dashed #1c1917;border:1px dashed var(--primary);border-radius:10px;padding:14px}.costs-variant-form-header{margin-bottom:10px}.costs-variant-form-header h4{color:#1c1917;color:var(--primary);font-size:.85rem;font-weight:700;margin:0}.costs-variant-mats-editor{display:flex;flex-direction:column;gap:6px}.costs-selected-item.compact{gap:6px;padding:8px 10px}.costs-variant-preview{align-items:center;background:#1c19170d;background:var(--primary-bg);border-radius:8px;color:#44403c;color:var(--text-secondary);display:flex;font-size:.82rem;font-weight:600;justify-content:space-between;margin-top:8px;padding:8px 12px}.costs-variant-preview-pvp{color:#1c1917;color:var(--primary);font-weight:700}.costs-btn-cancel{align-items:center;background:#0000;border:1px solid #e7e5e4;border:1px solid var(--border);border-radius:10px;color:#44403c;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:500;gap:4px;justify-content:center;padding:10px 14px;transition:all .2s}.costs-btn-cancel:hover{background:#fafafa;background:var(--bg);border-color:#d6d3d1;border-color:var(--border-hover)}.costs-btn-save-product{align-items:center;background:#1c19170d;background:var(--primary-bg);border:1px dashed #1c1917;border:1px dashed var(--primary);border-radius:10px;color:#1c1917;color:var(--primary);cursor:pointer;display:flex;font-family:inherit;font-size:.88rem;font-weight:600;gap:8px;justify-content:center;margin-top:.5rem;padding:12px;transition:all .2s;width:100%}.costs-btn-save-product:hover{background:#1c1917;background:var(--primary);border-style:solid;color:#fff}@media (max-width:768px){.costs-variant-header{align-items:flex-start;flex-direction:column;gap:6px}.costs-variant-prices{justify-content:space-between;margin-left:0;width:100%}.costs-variant-actions{margin-left:0;position:absolute;right:10px;top:10px}.costs-variant-card{position:relative}.costs-product-name{font-size:.9rem}}.costs-view-toggle{background:#f3f4f6;background:var(--bg-secondary);border-radius:8px;display:flex;margin-left:auto;padding:4px}.costs-view-toggle button{background:#0000;border:none;border-radius:6px;color:#44403c;color:var(--text-secondary);cursor:pointer;font-size:.75rem;font-weight:600;padding:6px 12px;transition:all .2s}.costs-view-toggle button.active{background:#fff;background:var(--card);box-shadow:0 1px 3px #0000000d;box-shadow:var(--shadow-sm);color:#1c1917;color:var(--primary)}.costs-dashboard{display:flex;flex-direction:column;gap:16px}.costs-kpi-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.costs-kpi-card{background:#fff;background:var(--card);border:1px solid #e7e5e4;border:1px solid var(--border);border-radius:14px;display:flex;flex-direction:column;gap:8px;padding:18px 16px;transition:border-color .2s,box-shadow .2s,transform .2s}.costs-kpi-card:hover{border-color:#d6d3d1;border-color:var(--border-hover);box-shadow:0 1px 3px #0000000d;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.costs-kpi-icon{align-items:center;border-radius:10px;display:flex;height:40px;justify-content:center;width:40px}.costs-kpi-data{display:flex;flex-direction:column;gap:2px}.costs-kpi-value{color:#0c0a09;color:var(--text);font-size:1.6rem;font-weight:800;letter-spacing:-.02em;line-height:1.1}.costs-kpi-label{color:#44403c;color:var(--text-secondary);font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.costs-kpi-sub{color:#78716c;color:var(--text-muted);font-size:.72rem;font-weight:500}.costs-dash-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.costs-dash-subtitle{color:#78716c;color:var(--text-muted);font-size:.8rem;font-weight:500;margin:0 0 12px}.costs-dash-divider{background:#e7e5e4;background:var(--border);height:1px;margin:12px 0}.costs-top-list{display:flex;flex-direction:column;gap:8px}.costs-top-item{align-items:center;background:#fafafa;background:var(--bg);border-radius:10px;display:flex;gap:12px;padding:10px 12px;transition:background .15s}.costs-top-item:hover{background:#f3f4f6;background:var(--bg-secondary)}.costs-top-item.low{opacity:.75}.costs-top-rank{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:.8rem;font-weight:800;height:28px;justify-content:center;width:28px}.costs-top-rank.rank-1{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.costs-top-rank.rank-2{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff}.costs-top-rank.rank-3{background:linear-gradient(135deg,#d97706,#b45309);color:#fff}.costs-top-rank.rank-low{background:#ef44441a;color:#ef4444;font-size:1rem}.costs-top-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.costs-top-name{color:#0c0a09;color:var(--text);font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.costs-top-bar-wrap{background:#e7e5e4;background:var(--border);border-radius:3px;height:6px;overflow:hidden}.costs-top-bar{background:linear-gradient(90deg,#10b981,#34d399);border-radius:3px;height:100%;transition:width .5s ease}.costs-top-values{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:2px}.costs-top-margin{color:#10b981;font-size:.88rem;font-weight:700}.costs-top-pct{color:#44403c;color:var(--text-secondary);font-size:.72rem;font-weight:600}.costs-roas-list{display:flex;flex-direction:column;gap:8px}.costs-roas-item{align-items:center;display:flex;gap:10px;padding:8px 0}.costs-roas-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.costs-roas-name{color:#0c0a09;color:var(--text);font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.costs-roas-pvp{color:#78716c;color:var(--text-muted);font-size:.7rem}.costs-roas-bar-wrap{background:#e7e5e4;background:var(--border);border-radius:4px;flex-shrink:0;height:8px;overflow:hidden;width:100px}.costs-roas-bar{border-radius:4px;height:100%;transition:width .5s ease}.costs-roas-bar.good{background:linear-gradient(90deg,#10b981,#34d399)}.costs-roas-bar.ok{background:linear-gradient(90deg,#eab308,#facc15)}.costs-roas-bar.bad{background:linear-gradient(90deg,#ef4444,#f87171)}.costs-roas-value{flex-shrink:0;font-size:.85rem;font-weight:700;min-width:50px;text-align:right}.costs-roas-value.good{color:#10b981}.costs-roas-value.ok{color:#eab308}.costs-roas-value.bad{color:#ef4444}.costs-roas-legend{border-top:1px solid #e7e5e4;border-top:1px solid var(--border);display:flex;gap:16px;margin-top:12px;padding-top:10px}.costs-roas-legend-item{font-size:.72rem;font-weight:600}.costs-roas-legend-item.good{color:#10b981}.costs-roas-legend-item.ok{color:#eab308}.costs-roas-legend-item.bad{color:#ef4444}.costs-dash-table{font-size:.82rem}.costs-td-name{font-weight:600;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.costs-pct-badge{border-radius:6px;display:inline-block;font-size:.75rem;font-weight:700;padding:2px 8px}.costs-pct-badge.high{background:#10b9811a;color:#10b981}.costs-pct-badge.med{background:#eab3081a;color:#eab308}.costs-pct-badge.low{background:#ef44441a;color:#ef4444}.costs-scale-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.72rem;font-weight:700;gap:4px;padding:3px 10px}.costs-scale-badge.high{background:#10b9811a;color:#10b981}.costs-scale-badge.medium{background:#eab3081a;color:#eab308}.costs-scale-badge.low{background:#ef44441a;color:#ef4444}.costs-dash-insight{align-items:flex-start;background:#1c19170d;background:var(--primary-bg);border:1px solid #1c1917;border:1px solid var(--primary);border-radius:10px;color:#44403c;color:var(--text-secondary);display:flex;font-size:.82rem;gap:10px;line-height:1.5;margin-top:8px;padding:14px 16px}.costs-dash-insight svg{color:#1c1917;color:var(--primary);flex-shrink:0;margin-top:2px}.costs-table-wrap{overflow-x:auto}.bi-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.bi-header-left{align-items:baseline;display:flex;gap:12px}.bi-title{color:#0c0a09;color:var(--text);font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin:0}.bi-subtitle{background:#f3f4f6;background:var(--bg-secondary);border-radius:20px;color:#78716c;color:var(--text-muted);font-size:.85rem;font-weight:500;padding:3px 10px}.bi-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.bi-range-pills{background:#f3f4f6;background:var(--bg-secondary);border:1px solid #e7e5e4;border:1px solid var(--border);border-radius:10px;display:flex;gap:2px;padding:3px}.bi-range-pill{background:#0000;border:none;border-radius:8px;color:#78716c;color:var(--text-muted);cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 14px;transition:all .2s;white-space:nowrap}.bi-range-pill:hover{color:#0c0a09;color:var(--text)}.bi-range-pill.active{box-shadow:0 1px 3px #00000014}.bi-month-select,.bi-range-pill.active{background:#fff;background:var(--card);color:#0c0a09;color:var(--text)}.bi-month-select{border:1px solid #e7e5e4;border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:.82rem;font-weight:500;padding:6px 12px}.bi-kpi-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,1fr);margin-bottom:20px}.bi-kpi{align-items:center;background:#fff;background:var(--card);border:1px solid #e7e5e4;border:1px solid var(--border);border-radius:14px;display:flex;gap:12px;padding:16px;transition:border-color .2s,box-shadow .2s,transform .2s}.bi-kpi:hover{border-color:#d6d3d1;border-color:var(--border-hover);box-shadow:0 2px 8px #0000000f;transform:translateY(-1px)}.bi-kpi-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.bi-kpi-content{display:flex;flex-direction:column;gap:2px;min-width:0}.bi-kpi-value{color:#0c0a09;color:var(--text);font-size:1.25rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bi-kpi-label{color:#78716c;color:var(--text-muted);font-size:.72rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.bi-kpi-value-row{align-items:center;display:flex;gap:8px}.bi-kpi-change{font-feature-settings:"tnum";align-items:center;border-radius:6px;display:inline-flex;font-size:.72rem;font-variant-numeric:tabular-nums;font-weight:700;gap:2px;padding:2px 6px;white-space:nowrap}.bi-kpi-change.up{background:#22c55e1a;color:#16a34a}.bi-kpi-change.down{background:#ef44441a;color:#dc2626}.bi-kpi-change.neutral{background:#f3f4f6;background:var(--bg-secondary);color:#78716c;color:var(--text-muted)}.bi-charts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1.6fr 1fr}.bi-chart-card{background:#fff;background:var(--card);border:1px solid #e7e5e4;border:1px solid var(--border);border-radius:14px;overflow:hidden}.bi-chart-header{align-items:center;border-bottom:1px solid #e7e5e4;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px 12px}.bi-chart-title-group{align-items:center;color:#0c0a09;color:var(--text);display:flex;gap:8px}.bi-chart-title-group h3{font-size:.95rem;font-weight:700;letter-spacing:-.01em;margin:0}.bi-chart-body{padding:16px 12px 12px}.bi-chart-legend{display:flex;gap:20px;justify-content:center;padding-top:8px}.bi-legend-item{align-items:center;color:#78716c;color:var(--text-muted);display:flex;font-size:.78rem;font-weight:500;gap:6px}.bi-legend-dot{border-radius:3px;flex-shrink:0;height:10px;width:10px}.bi-pie-legend{display:flex;flex-direction:column;gap:8px;padding:4px 8px 0}.bi-pie-legend-item{align-items:center;display:flex;font-size:.82rem;gap:8px}.bi-pie-legend-dot{border-radius:3px;flex-shrink:0;height:10px;width:10px}.bi-pie-legend-name{color:#0c0a09;color:var(--text);flex:1 1;font-weight:600}.bi-pie-legend-pct{font-feature-settings:"tnum";color:#0c0a09;color:var(--text);font-variant-numeric:tabular-nums;font-weight:700;min-width:40px;text-align:right}.bi-pie-legend-val{font-feature-settings:"tnum";color:#78716c;color:var(--text-muted);font-size:.78rem;font-variant-numeric:tabular-nums;min-width:80px;text-align:right}@media (max-width:1200px){.bi-kpi-grid{grid-template-columns:repeat(3,1fr)}.bi-charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.costs-kpi-row{grid-template-columns:repeat(2,1fr)}.costs-dash-grid{grid-template-columns:1fr}.costs-kpi-value{font-size:1.3rem}.costs-td-name{max-width:120px}.costs-roas-legend{flex-wrap:wrap;gap:8px}.bi-kpi-grid{grid-template-columns:repeat(2,1fr)}.bi-header{align-items:flex-start;flex-direction:column}.bi-range-pills{flex-wrap:wrap}.bi-kpi-value{font-size:1.1rem}}.bi-pending-table{margin-top:20px}.bi-pending-count{color:#78716c;color:var(--text-muted);font-size:.8rem;font-weight:500;margin-left:4px}.bi-pending-body{overflow-x:auto}.bi-pending-orders{border-collapse:collapse;font-size:.85rem;width:100%}.bi-pending-orders thead th{color:#78716c;color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.04em;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.bi-pending-orders tbody tr,.bi-pending-orders thead th{border-bottom:1px solid #e7e5e4;border-bottom:1px solid var(--border)}.bi-pending-orders tbody tr{transition:background .15s}.bi-pending-orders tbody tr:last-child{border-bottom:none}.bi-pending-orders tbody tr:hover{background:var(--hover)}.bi-pending-orders tbody td{color:#0c0a09;color:var(--text);padding:10px 14px;white-space:nowrap}.bi-pending-id{font-feature-settings:"tnum";color:#ca8a04!important;color:var(--accent)!important;font-variant-numeric:tabular-nums;font-weight:600}.bi-pending-name{max-width:180px;overflow:hidden;text-overflow:ellipsis}.bi-pending-contact{min-width:140px}.bi-pending-actions{align-items:center;display:flex;gap:8px}.bi-pending-wa{align-items:center;background:#25d3661f;border-radius:8px;color:#25d366;display:flex;height:28px;justify-content:center;transition:all .15s;width:28px}.bi-pending-wa:hover{background:#25d366;color:#fff}.bi-pending-phone{align-items:center;background:#3b82f61f;border-radius:8px;color:#3b82f6;display:flex;height:28px;justify-content:center;transition:all .15s;width:28px}.bi-pending-phone:hover{background:#3b82f6;color:#fff}.bi-pending-phone-num{font-feature-settings:"tnum";color:#78716c;color:var(--text-muted);font-size:.78rem;font-variant-numeric:tabular-nums}.bi-pending-no-phone{color:#78716c;color:var(--text-muted);font-size:.78rem;font-style:italic}.bi-pending-amount{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.bi-pending-type{border-radius:6px;display:inline-block;font-size:.75rem;font-weight:600;padding:3px 10px}.bi-pending-type.transfer{background:#f59e0b1f;color:#f59e0b}.bi-pending-type.cash{background:#a855f71f;color:#a855f7}.bi-pending-channel{font-weight:500}.bi-pending-channel,.bi-pending-date{color:#78716c;color:var(--text-muted);font-size:.78rem}.bi-pending-date{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:768px){.bi-pending-phone-num{display:none}.bi-pending-orders tbody td,.bi-pending-orders thead th{padding:8px 10px}}.expenses-section{display:flex;flex-direction:column;gap:16px}.expenses-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.expenses-header-left{align-items:center;display:flex;gap:12px}.expenses-header-left h2{color:#0c0a09;color:var(--text);font-size:1.2rem;font-weight:700;margin:0}.btn-primary-sm{align-items:center;background:#1c1917;background:var(--primary);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .15s}.btn-primary-sm:hover{opacity:.9;transform:translateY(-1px)}.btn-primary-sm:disabled{cursor:not-allowed;opacity:.5;transform:none}.expenses-kpi-row{display:flex;flex-wrap:wrap;gap:12px}.expenses-kpi{background:#fff;background:var(--card);border:1px solid #e7e5e4;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:4px;min-width:140px;padding:14px 20px}.expenses-kpi-value{font-feature-settings:"tnum";color:#0c0a09;color:var(--text);font-size:1.15rem;font-variant-numeric:tabular-nums;font-weight:700}.expenses-kpi-label{color:#78716c;color:var(--text-muted);font-size:.75rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase}.expense-method-badge{border-radius:6px;display:inline-block;font-size:.75rem;font-weight:600;padding:3px 10px}.expense-method-badge.efectivo{background:#22c55e1f;color:#22c55e}.expense-method-badge.transferencia{background:#3b82f61f;color:#3b82f6}.expense-method-badge.tarjeta{background:#a855f71f;color:#a855f7}.expense-method-badge.cheque{background:#f59e0b1f;color:#f59e0b}.expense-method-badge.cuenta_corriente{background:#ef44441f;color:#ef4444}.expense-notes{color:#78716c!important;color:var(--text-muted)!important;font-size:.82rem;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-overlay{background:#00000080}.expense-modal{background:#fff;background:var(--card);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:460px;overflow:hidden;width:100%}.expense-modal-header{align-items:center;border-bottom:1px solid #e7e5e4;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:18px 22px}.expense-modal-header h3{color:#0c0a09;color:var(--text);font-size:1.05rem;font-weight:700;margin:0}.expense-modal-body{display:flex;flex-direction:column;gap:16px;padding:20px 22px}.expense-field label{color:#78716c;color:var(--text-muted);display:block;font-size:.78rem;font-weight:600;letter-spacing:.03em;margin-bottom:6px;text-transform:uppercase}.expense-field input,.expense-field select,.expense-field textarea{background:#f3f4f6;background:var(--bg-secondary);border:1px solid #e7e5e4;border:1px solid var(--border);border-radius:10px;box-sizing:border-box;color:#0c0a09;color:var(--text);font-size:.9rem;outline:none;padding:10px 12px;transition:border-color .15s;width:100%}.expense-field input:focus,.expense-field select:focus,.expense-field textarea:focus{border-color:#1c1917;border-color:var(--primary)}.expense-field textarea{font-family:inherit;resize:vertical}.expense-amount-input{align-items:center;display:flex;position:relative}.expense-currency{color:#78716c;color:var(--text-muted);font-size:1rem;font-weight:600;left:12px;pointer-events:none;position:absolute}.expense-amount-input input{font-size:1.1rem;font-weight:600;padding-left:28px}.expense-provider-row{align-items:center;display:flex;gap:8px}.expense-provider-row input,.expense-provider-row select{flex:1 1}.btn-add-provider{align-items:center;background:#f3f4f6;background:var(--bg-secondary);border:1px solid #e7e5e4;border:1px solid var(--border);border-radius:10px;color:#78716c;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .15s;width:36px}.btn-add-provider:hover{background:var(--hover);color:#0c0a09;color:var(--text)}.btn-add-provider.confirm{background:#22c55e1f;border-color:#22c55e4d;color:#22c55e}.btn-add-provider.confirm:hover{background:#22c55e;color:#fff}.expense-modal-footer{border-top:1px solid #e7e5e4;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;padding:16px 22px}.btn-cancel{background:#0000;border:1px solid #e7e5e4;border:1px solid var(--border);border-radius:10px;color:#78716c;color:var(--text-muted);cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .15s}.btn-cancel:hover{background:var(--hover);color:#0c0a09;color:var(--text)}@media (max-width:768px){.expenses-header{align-items:flex-start}.expenses-header,.expenses-kpi-row{flex-direction:column}.expenses-kpi{min-width:0;min-width:auto}.expense-modal{margin:16px}}.costs-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.costs-modal-content{background-color:#fff;background-color:var(--card);border:1px solid #e7e5e4;border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-width:500px;overflow:hidden;width:90%}.costs-modal-header{align-items:center;border-bottom:1px solid #e7e5e4;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.costs-modal-header h3{color:#0c0a09;color:var(--text);font-size:1.25rem;font-weight:600;margin:0}.costs-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#78716c;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.costs-modal-close:hover{background-color:#f3f4f6;background-color:var(--bg-secondary);color:#0c0a09;color:var(--text)}.costs-modal-body{display:flex;flex-direction:column;gap:16px;padding:24px}.costs-modal-actions{background-color:#f3f4f6;background-color:var(--bg-secondary);border-radius:0 0 12px 12px;border-top:1px solid #e7e5e4;border-top:1px solid var(--border);display:flex!important;gap:12px;justify-content:flex-end!important;padding:16px 24px}.modal-input-group{display:flex;flex-direction:column;gap:6px;width:100%}.modal-row-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;width:100%}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease;border-radius:16px;box-shadow:var(--shadow-lg);flex-direction:column;max-height:95vh;max-width:1100px;overflow-y:auto;width:90%}.modal-content,.modal-header{background:var(--card);display:flex}.modal-header{align-items:center;border-bottom:1px solid var(--border);justify-content:space-between;padding:1.5rem}.modal-header h2{align-items:center;color:var(--text);display:flex;font-size:1.25rem;gap:12px;margin:0}.header-id-badge{background:var(--primary-bg);border-radius:8px;color:var(--primary);font-size:.9rem;font-weight:700;padding:4px 10px}.close-btn{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:8px;transition:all .2s}.close-btn:hover{background:var(--bg-secondary);color:var(--text)}.form-section{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:1rem 1.5rem}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.form-row{gap:1.5rem;margin-bottom:1rem}.form-row:last-child{margin-bottom:0}.form-group label{font-size:.85rem;font-weight:600}.form-group input,.form-group select{background:var(--input-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.95rem;outline:none;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.form-group input.read-only{background:var(--bg);color:var(--text-muted);cursor:not-allowed}.items-section{background:var(--card);display:flex;flex:1 1;flex-direction:column;min-height:250px;overflow:hidden;padding:1rem 1.5rem}.items-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.items-header h3{color:var(--text);font-size:1rem;letter-spacing:.05em;margin:0;text-transform:uppercase}.btn-text{align-items:center;background:none;border:none;border-radius:8px;color:var(--primary);cursor:pointer;display:flex;font-weight:600;gap:6px;padding:6px 12px;transition:background .2s}.btn-text:hover{background:var(--primary-bg)}.table-container{border:1px solid var(--border);border-radius:12px;flex:1 1;overflow-y:auto}.items-table{background:var(--input-bg);border-collapse:collapse;width:100%}.items-table th{background:var(--bg-secondary);color:var(--text-muted);font-size:.8rem;font-weight:600;padding:10px 14px;text-align:left}.items-table td,.items-table th{border-bottom:1px solid var(--border)}.items-table td{padding:8px 14px;vertical-align:middle}.items-table tr:last-child td{border-bottom:none}.items-table input{background:#0000;border:none;color:var(--text);font-size:.95rem;outline:none;padding:6px 0;width:100%}.items-table input:focus{border-bottom:2px solid var(--primary)}.price-input{align-items:center;color:var(--text-muted);display:flex;gap:4px}.row-total{color:var(--text);font-weight:600}.icon-btn{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.icon-btn.danger{color:var(--text-muted)}.icon-btn.danger:hover{background:#fee2e2;color:#ef4444}[data-theme=dark] .icon-btn.danger:hover{background:#ef444433}.totals-section{background:var(--bg-secondary);border-top:1px solid var(--border);display:flex;justify-content:flex-end;padding:1rem 1.5rem}.totals-wrapper{display:flex;flex-direction:column;gap:8px;width:300px}.total-row{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;justify-content:space-between}.total-row.discount-row input{background:var(--input-bg);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:4px 8px;text-align:right;width:60px}.total-row.final{border-top:1px dashed var(--border);color:var(--text);font-size:1.2rem;font-weight:700;margin-top:8px;padding-top:8px}.modal-actions{background:var(--card);border-top:1px solid var(--border);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn.secondary{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text)}.btn.secondary:hover{background:var(--border)}.btn.primary{background:var(--primary);box-shadow:0 4px 14px var(--primary-bg);color:#fff}.btn.primary:hover{background:var(--primary-light);transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.modal-content{border-radius:0;height:100%;max-height:100%;width:100%}.form-grid{grid-template-columns:1fr}.form-row{flex-direction:column;gap:1rem}.items-table td:nth-child(3),.items-table th:nth-child(3){display:none}}.notes-container{margin:0 auto;max-width:1200px;padding:24px}.notes-input-section{margin-bottom:32px}.note-form{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;gap:12px;padding:20px}.note-form textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem;min-height:80px;padding:12px;resize:vertical;width:100%}.note-form textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2);outline:none}.add-note-btn{align-items:center;align-self:flex-end;background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.add-note-btn:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px)}.add-note-btn:disabled{cursor:not-allowed;opacity:.5}.notes-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.notes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:32px}.note-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;justify-content:space-between;padding:16px;transition:transform .2s,box-shadow .2s}.note-card.pending{border-left:4px solid #f59e0b;border-left:4px solid var(--warning-color,#f59e0b)}.note-card.done{background:var(--bg-secondary);border-left:4px solid #10b981;border-left:4px solid var(--success-color,#10b981);opacity:.7}.note-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.note-content{color:var(--text-primary);font-size:1rem;line-height:1.5;margin-bottom:16px;white-space:pre-wrap}.note-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;gap:6px;margin-bottom:12px}.note-actions{border-top:1px solid var(--border-color);display:flex;gap:8px;justify-content:flex-end;margin-top:auto;padding-top:12px}.action-btn{font-size:.85rem;padding:6px 12px;transition:background-color .2s}.done-btn{background-color:#10b981;background-color:var(--success-color,#10b981);color:#fff}.done-btn:hover{background-color:#059669}.undo-btn{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.undo-btn:hover{background-color:var(--border-color)}.delete-btn{background-color:initial;color:var(--text-secondary);padding:6px}.delete-btn:hover{background-color:#ef44441a;color:#ef4444}.empty-notes{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;padding:48px;text-align:center}.notes-divider{display:flex;justify-content:center;margin:24px 0;position:relative}.notes-divider:before{background:var(--border-color);content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:0}.toggle-done-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:6px 16px;position:relative;z-index:1}.toggle-done-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.activity-log-container{background:#0000;height:100%;margin:0 auto;max-width:1200px;overflow-y:auto;padding:24px}.activity-header{align-items:flex-end;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.activity-header h2{align-items:center;color:var(--text);display:flex;font-size:1.75rem;font-weight:800;gap:12px;letter-spacing:-.02em;margin:0 0 4px}.activity-header .subtitle{color:var(--text-secondary);font-size:.95rem;font-weight:400;opacity:.8}.activity-search{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;height:44px;padding:0 16px;position:relative;transition:all .2s ease;width:300px}.activity-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg);width:340px}.activity-search svg{color:var(--text-muted);margin-right:10px}.activity-search input{background:#0000;border:none;color:var(--text);font-size:.95rem;outline:none;width:100%}.timeline{padding-left:0;position:relative}.timeline-group{margin-bottom:48px}.timeline-date{align-items:center;color:var(--text-muted);display:flex;font-size:.75rem;font-weight:700;gap:12px;letter-spacing:.12em;margin-bottom:24px;text-transform:uppercase}.timeline-date:after{background:linear-gradient(to right,var(--border),#0000);content:"";flex-grow:1;height:1px;opacity:.5}.timeline-items{display:flex;flex-direction:column}.timeline-item{display:flex;gap:24px;padding-bottom:24px;position:relative}.timeline-time{font-feature-settings:"tnum";color:var(--text-muted);flex-shrink:0;font-size:.85rem;font-variant-numeric:tabular-nums;font-weight:500;padding-top:10px;text-align:right;width:55px}.timeline-marker{flex-direction:column;flex-shrink:0;position:relative}.marker-icon,.timeline-marker{align-items:center;display:flex;width:40px}.marker-icon{background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);height:40px;justify-content:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:2}.timeline-item:hover .marker-icon{box-shadow:var(--shadow-md);transform:scale(1.1) rotate(5deg)}.marker-line{background:var(--border);flex-grow:1;margin-bottom:-8px;margin-top:8px;opacity:.4;width:2px}.timeline-item:last-child .marker-line{display:none}.timeline-content{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);flex-grow:1;margin-bottom:4px;padding:16px 20px;transition:all .25s ease}.timeline-item:hover .timeline-content{border-color:currentColor;box-shadow:var(--shadow-md);transform:translateX(4px)}.log-title{color:var(--text);font-size:1.05rem;font-weight:700;letter-spacing:-.01em;margin-bottom:6px}.log-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:12px}.log-meta{align-items:center;background:var(--bg-secondary);border-radius:6px;color:var(--text-muted);display:flex;font-size:.8rem;font-weight:500;gap:8px;padding:4px 10px;width:-webkit-fit-content;width:fit-content}.log-order-ref{color:var(--primary);font-weight:700}.log-quote{background:var(--bg-secondary);border-left:4px solid var(--primary);border-radius:0 8px 8px 0;color:var(--text-secondary);font-style:italic;margin:8px 0;padding:4px 12px}.raw-json-details{margin-top:8px}.json-summary{color:var(--text-muted);cursor:pointer;font-size:.75rem;transition:color .2s}.json-summary:hover{color:var(--text-secondary)}.raw-json-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;font-size:.75rem;margin-top:8px;max-height:200px;overflow-x:auto;padding:12px}.arrow-icon{color:var(--text-muted);margin:0 4px}.empty-icon{color:var(--text-muted);margin-bottom:16px;opacity:.5}.status-change{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;display:inline-flex;gap:8px;margin-top:4px;padding:4px 10px}.status-badge{border-radius:6px;font-size:.7rem;font-weight:700;padding:2px 8px;text-transform:uppercase}.status-badge.nueva{background:#3b82f61a;color:#3b82f6}.status-badge.cortado{background:#7c3aed1a;color:#7c3aed}.status-badge.empaquetado{background:#10b9811a;color:#059669}.status-badge.despachado{background:#a855f71a;color:#9333ea}.status-badge.entregado{background:#64748b1a;color:#64748b}.status-badge.pago{background:#10b9811a;color:#059669}.status-badge.pendiente{background:#dc26261a;color:#dc2626}.timeline-item.purple{color:#8b5cf6}.timeline-item.blue{color:#3b82f6}.timeline-item.orange{color:#f97316}.timeline-item.green{color:#10b981}.timeline-item.yellow{color:#eab308}.timeline-item.red{color:#ef4444}.timeline-item.gray{color:#64748b}.timeline-item.purple .marker-icon{background:#f5f3ff;border-color:#ddd6fe;color:#7c3aed}.timeline-item.blue .marker-icon{background:#eff6ff;border-color:#dbeafe;color:#2563eb}.timeline-item.orange .marker-icon{background:#fff7ed;border-color:#ffedd5;color:#ea580c}.timeline-item.green .marker-icon{background:#ecfdf5;border-color:#d1fae5;color:#059669}.timeline-item.yellow .marker-icon{background:#fefce8;border-color:#fef9c3;color:#d97706}.timeline-item.red .marker-icon{background:#fef2f2;border-color:#fee2e2;color:#dc2626}.timeline-item.gray .marker-icon{background:#f8fafc;border-color:#e2e8f0;color:#475569}.empty-state,.loading-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:100px 0}.spinner{animation:spin 1s linear infinite;border-radius:50%;border-top:3px solid var(--border);border:3px solid var(--border);border-top-color:var(--primary);height:44px;margin-bottom:20px;width:44px}[data-theme=dark] .status-change{border-color:#ffffff1a}[data-theme=dark] .raw-json-content{background:#0003}.whatsapp-test-container{background:var(--bg);display:flex;justify-content:center;min-height:calc(100vh - 100px);padding:2rem}.whatsapp-test-card{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-md);max-width:500px;padding:2rem;width:100%}.whatsapp-test-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.whatsapp-test-header .header-icon{color:#25d366}.whatsapp-test-header h2{color:var(--text);font-size:1.5rem;margin:0}.whatsapp-test-hint{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:2rem}.whatsapp-form{gap:1.5rem}.input-group,.whatsapp-form{display:flex;flex-direction:column}.input-group{gap:.5rem}.input-group label{align-items:center;color:var(--text);display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.input-group input,.input-group textarea{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:1rem;outline:none;padding:.8rem;transition:border-color .2s}.input-group input:focus,.input-group textarea:focus{border-color:#25d366}.send-btn{align-items:center;background:#25d366;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:opacity .2s}.send-btn:hover{opacity:.9}.send-btn:disabled{cursor:not-allowed;opacity:.5}.status-alert{align-items:center;border-radius:8px;display:flex;font-size:.9rem;gap:.75rem;padding:1rem}.status-alert.success{background:#25d3661a;color:#25d366}.status-alert.error{background:#ef44441a;color:#ef4444}.wa-logs-container{margin:0 auto;max-width:1000px;padding:0}.wa-logs-header{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.wa-logs-title-section{align-items:center;display:flex;gap:14px}.wa-logs-icon-wrapper{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:12px;box-shadow:0 4px 12px #25d3664d;color:#fff;display:flex;height:44px;justify-content:center;width:44px}.wa-logs-header h2{color:var(--text);font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin:0}.wa-logs-subtitle{color:var(--text-muted);font-size:.85rem;margin:2px 0 0}.wa-logs-actions{align-items:center;display:flex;gap:10px}.wa-filter-pills{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;display:flex;gap:2px;padding:3px}.wa-pill{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:5px;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.wa-pill.active,.wa-pill:hover{color:var(--text)}.wa-pill.active{background:var(--card);box-shadow:0 1px 3px #00000014}.wa-refresh-btn{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:10px;color:var(--text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.wa-refresh-btn:hover{border-color:var(--text-muted);color:var(--text)}.wa-refresh-btn:disabled{opacity:.5}.wa-stats-row{display:flex;gap:10px;margin-bottom:20px}.wa-stat{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:10px;display:flex;font-size:.85rem;gap:8px;padding:10px 16px}.wa-stat-num{font-feature-settings:"tnum";font-size:1.1rem;font-variant-numeric:tabular-nums;font-weight:800}.wa-stat-label{color:var(--text-muted);font-weight:500}.wa-stat.incoming{color:#3b82f6}.wa-stat.sent{color:#22c55e}.wa-stat.failed{color:#ef4444}.wa-split-layout{background:var(--card);border:1px solid var(--border);border-radius:14px;display:flex;gap:16px;height:600px;overflow:hidden}.wa-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;width:300px}.wa-sidebar-item{align-items:center;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:12px;padding:16px;transition:background .2s}.wa-sidebar-item:hover{background:var(--card)}.wa-sidebar-item.active{background:var(--card);position:relative}.wa-sidebar-item.active:before{background:#25d366;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.wa-sidebar-item-avatar{align-items:center;background:#128c7e;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.wa-sidebar-item-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.wa-sidebar-item-top{align-items:center;display:flex;justify-content:space-between}.wa-sidebar-name{color:var(--text);font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-sidebar-time{color:var(--text-muted);flex-shrink:0;font-size:.75rem}.wa-sidebar-item-bottom{align-items:center;display:flex;justify-content:space-between}.wa-sidebar-phone{color:var(--text-muted);font-size:.82rem}.wa-sidebar-error-icon{color:#ef4444}.wa-chat-area{background:var(--card);display:flex;flex:1 1;flex-direction:column;min-width:0}.wa-chat-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;padding:16px}.wa-chat-header-info{align-items:center;display:flex;gap:12px}.wa-chat-avatar{align-items:center;background:#128c7e;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:44px;justify-content:center;width:44px}.wa-chat-contact h3{color:var(--text);font-size:1.1rem;margin:0 0 4px}.wa-chat-phone-link{align-items:center;color:var(--text-muted);display:flex;font-size:.85rem;gap:6px;text-decoration:none;transition:color .2s}.wa-chat-phone-link:hover{color:#25d366}.wa-chat-messages{background:#eef1f4;display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:24px}.wa-bubble-wrapper{display:flex;width:100%}.wa-bubble-wrapper.incoming{justify-content:flex-start}.wa-bubble-wrapper.outgoing{justify-content:flex-end}.wa-bubble{border-radius:12px;box-shadow:0 1px 2px #0000000f;display:flex;flex-direction:column;gap:6px;max-width:70%;padding:10px 14px;position:relative}.wa-bubble.incoming{background:var(--card);border-top-left-radius:2px}.wa-bubble.outgoing{background:#e7ffd6;border-top-right-radius:2px}.wa-bubble.failed{background:#ffe6e6;border:1px solid #ef4444}.wa-bubble-meta{align-items:center;display:flex;font-size:.75rem;gap:8px}.wa-bubble-order{background:#6366f114;background:var(--primary-bg,#6366f114);border-radius:4px;color:var(--primary);font-weight:600;padding:2px 6px}.wa-bubble-template{background:#0000000d;border-radius:4px;color:var(--text-muted);font-family:ui-monospace,SF Mono,monospace;font-weight:500;padding:2px 6px}.wa-bubble-text{color:var(--text);font-size:.92rem;line-height:1.4;white-space:pre-wrap;word-break:break-word}.wa-bubble-text.placeholder{color:var(--text-muted)}.wa-bubble-error{background:#ef44440f;border-radius:6px;color:#ef4444;font-size:.8rem;margin-top:4px;padding:6px 10px}.wa-bubble-error,.wa-bubble-footer{align-items:center;display:flex;gap:6px}.wa-bubble-footer{align-self:flex-end;justify-content:flex-end}.wa-bubble-time{font-feature-settings:"tnum";color:var(--text-muted);font-size:.7rem;font-variant-numeric:tabular-nums}.wa-bubble-status{align-items:center;color:var(--text-muted);display:flex}.wa-bubble-status.sent{color:#3b82f6}.wa-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;padding:40px;text-align:center}.wa-empty p{font-size:.95rem;margin:0}.wa-chat-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center}.wa-logic-map-section{margin-top:24px}.wa-logic-map-toggle{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:12px;color:var(--text);cursor:pointer;display:flex;font-size:.95rem;font-weight:700;justify-content:space-between;letter-spacing:-.01em;padding:14px 20px;transition:all .2s ease;width:100%}.wa-logic-map-toggle:hover{border-color:#25d366;box-shadow:0 0 0 3px #25d36614}.wa-logic-map{background:var(--card);border:1px solid var(--border);border-radius:14px;display:flex;flex-direction:column;gap:18px;margin-top:12px;padding:24px}.wa-logic-map-desc{border-bottom:1px solid var(--border);color:var(--text-muted);font-size:.88rem;line-height:1.5;margin:0;padding-bottom:12px}.wa-logic-block{border:1px solid var(--border);border-radius:10px;padding:16px}.wa-logic-block-header{align-items:center;display:flex;font-size:.88rem;font-weight:700;gap:8px;letter-spacing:-.01em;margin-bottom:12px}.wa-logic-block-body{color:var(--text);font-size:.85rem;line-height:1.5}.wa-logic-blocked{background:#ef44440a;border-color:#ef444433}.wa-logic-blocked .wa-logic-block-header{color:#ef4444}.wa-logic-blocked .wa-logic-block-body{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.wa-logic-reason{color:var(--text-muted);font-size:.83rem}.wa-logic-active{background:#25d3660a;border-color:#25d36633}.wa-logic-active .wa-logic-block-header{color:#22c55e}.wa-logic-sources-row{display:flex;flex-wrap:wrap;gap:8px}.wa-logic-source-tag{align-items:center;border-radius:6px;display:inline-flex;font-size:.8rem;font-weight:600;letter-spacing:-.01em;padding:4px 12px}.wa-logic-source-tag.ml{background:#fff3cd;color:#856404}.wa-logic-source-tag.tn{background:#e0f2fe;color:#0369a1}.wa-logic-source-tag.bt{background:#fce7f3;color:#9d174d}.wa-logic-source-tag.ig{background:linear-gradient(135deg,#fdf2f8,#fef3c7);color:#c026d3}.wa-logic-source-tag.wa{background:#dcfce7;color:#166534}.wa-logic-source-tag.sr{background:#f3e8ff;color:#7c3aed}.wa-logic-source-tag.manual{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-muted)}.wa-logic-triggers{display:flex;flex-direction:column;gap:12px}.wa-logic-trigger-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;overflow:hidden}.wa-logic-trigger-event{align-items:center;background:var(--card);border-bottom:1px solid var(--border);display:flex;gap:10px;padding:10px 16px}.wa-logic-trigger-label{background:#25d3661a;border-radius:4px;color:#25d366;font-size:.65rem;font-weight:800;letter-spacing:.08em;padding:2px 8px;text-transform:uppercase}.wa-logic-trigger-value{color:var(--text);font-size:.9rem;font-weight:700}.wa-logic-trigger-detail{display:flex;flex-direction:column;gap:6px;padding:12px 16px}.wa-logic-trigger-row{align-items:baseline;color:var(--text);display:flex;flex-wrap:wrap;font-size:.83rem;gap:8px;line-height:1.5}.wa-logic-field-label{color:var(--text-muted);flex-shrink:0;font-size:.78rem;font-weight:600;min-width:80px}.wa-logic-template{background:#25d3661a;border-radius:4px;color:#166534;font-family:ui-monospace,SF Mono,SFMono-Regular,monospace;font-size:.82rem;font-weight:600;padding:2px 8px}.wa-logic-trigger-detail code:not(.wa-logic-template){background:#0000000f;border-radius:3px;font-family:ui-monospace,SF Mono,SFMono-Regular,monospace;font-size:.8rem;padding:1px 5px}.wa-logic-ids{background:var(--bg-secondary)}.wa-logic-id-table{display:flex;flex-direction:column;gap:10px}.wa-logic-id-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.wa-logic-arrow{color:var(--text-muted);font-size:1rem}.wa-logic-id-row code{color:var(--text);font-family:ui-monospace,SF Mono,SFMono-Regular,monospace;font-size:.88rem;font-weight:700}.wa-logic-id-note{color:var(--text-muted);font-size:.78rem}.wa-logic-note{background:#3b82f60a;border-color:#3b82f633;color:var(--text)}@media (max-width:768px){.wa-logs-header{align-items:flex-start;flex-direction:column}.wa-stats-row{flex-wrap:wrap}.wa-stat{flex:1 1;justify-content:center;min-width:100px}.wa-split-layout{flex-direction:column;height:auto}.wa-sidebar{border-bottom:1px solid var(--border);border-right:none;max-height:250px;width:100%}.wa-chat-area{height:500px}}.nesting-container{background-color:var(--bg);display:flex;flex-direction:column;height:100vh;margin:-20px}.nesting-body{display:flex;flex:1 1;overflow:hidden}.nesting-sidebar{background:var(--card);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;padding:20px;width:320px}.settings-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:16px}.settings-panel h3{align-items:center;color:var(--text);display:flex;font-size:1rem;gap:8px;margin:0 0 16px}.setting-group{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.setting-group label{color:var(--text-secondary);font-size:.9rem}.setting-group input{background:var(--input-bg);border:1px solid var(--border);border-radius:6px;color:var(--text);outline:none;padding:6px 8px;text-align:right;width:80px}.setting-group input:focus{border-color:var(--primary)}.setting-checkbox{margin-top:16px}.setting-checkbox label{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:8px}.items-list{display:flex;flex:1 1;flex-direction:column}.list-header{border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:8px}.list-header h3{color:var(--text);font-size:1rem;margin:0}.items-scroll{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding-right:8px}.svg-item-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;display:flex;justify-content:space-between;padding:12px}.svg-info{display:flex;flex-direction:column;gap:4px;overflow:hidden;padding-right:8px}.svg-info .name{color:var(--text);font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.svg-info .dims{color:var(--text-muted);font-size:.8rem}.svg-actions{align-items:center;display:flex;gap:8px}.svg-actions input{background:var(--input-bg);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:4px;text-align:center;width:45px}.run-btn{background:#0ea5e9;border-radius:8px;color:#fff;justify-content:center;margin-top:20px;padding:12px;width:100%}.run-btn:hover:not(:disabled){background:#0284c7}.run-btn:disabled{background:var(--bg-secondary);border:1px dashed var(--border);color:var(--text-muted);cursor:not-allowed}.nesting-preview{background:var(--bg);flex:1 1;overflow-y:auto;padding:24px}.empty-preview{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.empty-preview svg{color:var(--border);margin-bottom:16px}.empty-preview p{color:var(--text-secondary);font-size:1.2rem;font-weight:600;margin:0 0 8px}.empty-preview span{font-size:.9rem}.bins-header{margin-bottom:24px}.bins-header h2{color:var(--text);font-size:1.5rem;margin:0}.bins-grid{display:flex;flex-direction:column;gap:32px}.bin-card{background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);padding:20px}.bin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.bin-header h3{color:var(--text);font-size:1.2rem;margin:0}.bin-stats{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;font-weight:600;gap:16px}.bin-canvas-container{background-image:radial-gradient(var(--border) 1px,#0000 1px);background-size:20px 20px;border:1px dashed var(--border);display:flex;margin:0 auto;max-width:900px;width:100%}.providers-container{margin:0 auto;max-width:1200px;padding:20px}.providers-header-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.providers-header-bar h2{color:var(--text-color);font-size:24px;margin:0}.add-provider-btn{align-items:center;background-color:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 16px;transition:background-color .2s,transform .1s}.add-provider-btn:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.provider-form-card{background-color:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 6px #0000000d;margin-bottom:32px;padding:24px}.provider-form-card h3{color:var(--text-color);font-size:18px;margin-bottom:20px;margin-top:0}.provider-form{gap:16px}.form-group,.provider-form{display:flex;flex-direction:column}.form-group{flex:1 1;gap:6px}.form-row{display:flex;gap:16px}.form-group label{color:var(--text-secondary);font-size:14px}.form-group input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:14px;padding:10px 12px;transition:border-color .2s}.form-group input:focus{border-color:var(--accent-color);outline:none}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.cancel-btn,.save-btn{border-radius:6px;cursor:pointer;font-weight:500;padding:10px 20px;transition:background-color .2s}.cancel-btn{background-color:initial;border:1px solid var(--border-color);color:var(--text-color)}.cancel-btn:hover{background-color:var(--bg-primary)}.save-btn{background-color:var(--accent-color);border:none;color:#fff}.save-btn:hover{background-color:var(--accent-hover)}.save-btn:disabled{cursor:not-allowed;opacity:.5}.providers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.provider-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 4px #00000005;padding:20px;transition:transform .2s,box-shadow .2s}.provider-card:hover{box-shadow:0 6px 12px #0000000d;transform:translateY(-2px)}.provider-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.provider-name{color:var(--text-color);flex:1 1;font-size:18px;font-weight:600;margin:0}.provider-actions{display:flex;gap:8px}.icon-btn-small{background:none;border-radius:4px;color:var(--text-secondary);justify-content:center}.icon-btn-small:hover{background-color:var(--bg-primary);color:var(--text-color)}.icon-btn-small.danger:hover{background-color:#ef44441a;color:#ef4444}.provider-body{display:flex;flex-direction:column;gap:12px}.contact-item{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:10px}.contact-item a{color:var(--text-color);text-decoration:none;transition:color .2s}.contact-item a:hover{color:var(--accent-color)}.no-contact{color:var(--text-muted);font-size:14px;font-style:italic;margin:0}@media (max-width:768px){.form-row{flex-direction:column;gap:16px}}.products-container{min-width:0;padding:0}.products-container>.costs-card{min-width:0;overflow-x:hidden}.products-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.products-header h2{align-items:center;color:var(--text-main);display:flex;font-size:1.3rem;font-weight:700;gap:8px;margin:0}.products-header .product-count{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;color:var(--text-muted);font-size:.85rem;font-weight:500;padding:4px 10px}.products-toolbar{align-items:center;display:flex;gap:10px}.products-search{flex:1 1;max-width:320px;position:relative}.products-search svg{color:var(--text-muted);left:10px;position:absolute;top:50%;transform:translateY(-50%)}.products-search input{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-main);font-size:.9rem;padding:8px 12px 8px 36px;width:100%}.products-search input::placeholder{color:var(--text-muted)}.sync-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-main);cursor:pointer;display:flex;font-size:.85rem;gap:6px;padding:8px 16px;transition:all .2s;white-space:nowrap}.sync-btn:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.sync-btn.syncing{opacity:.7;pointer-events:none}.sync-btn.syncing svg{animation:spin 1s linear infinite}.products-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.product-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;cursor:pointer;overflow:hidden;transition:all .2s ease}.product-card:hover{border-color:var(--accent);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.product-card.expanded{cursor:default;grid-column:1/-1;transform:none}.product-card-top{align-items:center;display:flex;gap:12px;padding:12px}.product-image{object-fit:cover}.product-image,.product-image-placeholder{background:var(--bg-main);border-radius:8px;flex-shrink:0;height:72px;width:72px}.product-image-placeholder{align-items:center;color:var(--text-muted);display:flex;justify-content:center}.product-info{flex:1 1;min-width:0}.product-info h3{color:var(--text-main);font-size:.95rem;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.variant-badge{background:#6366f11f;background:var(--accent-bg,#6366f11f);border-radius:10px;color:#6366f1;color:var(--accent,#6366f1);font-size:.75rem;font-weight:600;padding:2px 8px}.price-range{color:var(--text-muted);font-size:.8rem;font-weight:500}.product-variants-section{background:var(--bg-main);border-top:1px solid var(--border);padding:12px}.product-variants-section h4{color:var(--text-muted);font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.variants-table{border-collapse:collapse;font-size:.85rem;width:100%}.variants-table th{border-bottom:1px solid var(--border);color:var(--text-muted);font-size:.8rem;font-weight:600;letter-spacing:.3px;padding:6px 10px;text-align:left;text-transform:uppercase}.variants-table td{border-bottom:1px solid var(--border);color:var(--text-main);padding:8px 10px}.variants-table tr:last-child td{border-bottom:none}.variants-table tr:hover{background:#00000005;background:var(--bg-hover,#00000005)}.variant-values{display:flex;flex-wrap:wrap;gap:4px}.variant-value-chip{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;color:var(--text-main);font-size:.75rem;padding:2px 6px}.variant-price{color:var(--text-main);font-weight:600}.variant-promo-price{color:#10b981;font-weight:600}.variant-original-price{margin-left:6px;text-decoration:line-through}.variant-original-price,.variant-sku{color:var(--text-muted);font-size:.8rem}.variant-sku{font-family:monospace}.collapse-btn{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-size:.8rem;gap:4px;margin-left:auto;padding:4px 10px}.collapse-btn:hover{color:var(--accent)}.sync-info{color:var(--text-muted);font-size:.75rem;gap:4px}.sync-info,.sync-status{align-items:center;display:flex}.sync-status{border-radius:8px;font-size:.85rem;font-weight:500;gap:8px;justify-content:center;margin-bottom:16px;padding:12px}.sync-status.success{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.sync-status.error{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.products-empty{color:var(--text-muted);padding:60px 20px;text-align:center}.products-empty svg{margin-bottom:12px;opacity:.5}.products-empty p{font-size:1rem;margin:0 0 12px}@media (max-width:600px){.products-grid{grid-template-columns:1fr}.products-header{align-items:flex-start;flex-direction:column}.products-toolbar{width:100%}.products-search{max-width:100%}}.material-cards-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:16px}.material-item-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px;padding:12px;position:relative;transition:all .2s ease}.material-item-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.material-card-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.material-card-info{display:flex;flex-direction:column;gap:4px;min-width:0}.material-card-name{color:var(--text-main);font-size:.85rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-card-cost-ref{align-self:flex-start;background:#ca8a0414;border:1px solid #ca8a0433;border-radius:6px;color:#ca8a04;font-size:.72rem;font-weight:700;padding:3px 8px}.costs-btn-icon-sm{align-items:center;background:var(--bg-main);border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 2px #0000000d;color:var(--text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px}.costs-btn-icon-sm:hover{background:var(--primary-bg);border-color:var(--primary-light);box-shadow:0 2px 4px #0000001a;color:var(--primary);transform:translateY(-1px)}.costs-btn-icon-sm:active{transform:translateY(0)}.material-card-delete{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.material-card-delete:hover{background:#fee2e2;color:#ef4444}.material-card-body{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px;padding-top:8px}.material-card-dims{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr)}.mini-input-group{display:flex;flex-direction:column;gap:2px}.material-card-qty label,.mini-input-group label{color:var(--text-muted);font-size:.65rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.costs-input-mini{background:var(--bg-main);border-radius:6px;color:var(--text-main);padding:4px 6px;text-align:center;width:100%}.costs-input-mini:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg);outline:none}.material-card-qty{display:flex;flex-direction:column;gap:2px}.costs-material-add{align-items:center;background:var(--bg-main);border:1px dashed var(--border);border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:12px}.add-select-wrapper{display:flex;flex:1 1;gap:8px;min-width:200px}.costs-btn-icon-accent{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:#ca8a04;cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .2s;width:38px}.costs-btn-icon-accent:hover{background:#ca8a041a;border-color:#ca8a04}.costs-btn-add-primary{align-items:center;background:#ca8a04;border:none;border-radius:8px;box-shadow:0 2px 6px #ca8a044d;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;height:38px;padding:0 16px;transition:all .2s}.costs-btn-add-primary:hover{background:#b47b04;box-shadow:0 4px 12px #ca8a0433;transform:translateY(-1px)}.products-list{background:#fff;background:var(--card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:12px;box-shadow:0 1px 3px #0000000a;overflow-x:auto}.products-list-table{border-collapse:collapse;font-size:.9rem;table-layout:auto;width:100%}.products-list-table thead th{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);color:#6b7280;color:var(--text-muted,#6b7280);font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:10px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.products-list-table thead th.actions-col,.products-list-table thead th.chev-col{width:40px}.products-list-table tbody td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-subtle,#f3f4f6);padding:12px;vertical-align:middle}.products-list-table tbody tr:last-child td{border-bottom:none}.product-row{cursor:pointer;transition:background .12s ease}.product-row:hover{background:#fafafa;background:var(--bg-hover,#fafafa)}.product-row.expanded{background:#f9fafb;background:var(--bg-secondary,#f9fafb)}.chev-cell{color:#9ca3af;color:var(--text-muted,#9ca3af);text-align:center;width:40px}.product-cell{align-items:center;display:flex;gap:10px;max-width:240px;min-width:0}.product-list-img{border-radius:6px;flex-shrink:0;height:36px;object-fit:cover;width:36px}.product-list-img-placeholder{align-items:center;background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:6px;color:#9ca3af;color:var(--text-muted,#9ca3af);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.product-list-info{display:flex;flex-direction:column;gap:2px;min-width:0}.product-list-name{color:#111827;color:var(--text-main,#111827);font-size:.9rem;font-weight:600;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-list-variants{color:#6b7280;color:var(--text-muted,#6b7280);font-size:.72rem;font-weight:500}.num-cell{font-feature-settings:"tnum";font-size:.88rem;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.num-cell.positive{color:#10b981}.num-cell.negative{color:#ef4444}.num-cell.accent{color:#f59e0b;color:var(--accent,#f59e0b);font-weight:700}.num-cell.muted{color:#6b7280;color:var(--text-muted,#6b7280);font-weight:500;text-align:center}.num-cell.strong{color:#111827;color:var(--text-main,#111827);font-weight:700;text-align:center}.actions-cell{text-align:right;white-space:nowrap}.actions-cell .costs-btn-icon-sm{margin-left:4px}.product-controls-row td{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-subtle,#f3f4f6);padding:10px 12px}.product-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.ctrl-check{cursor:pointer}.ctrl-check,.ctrl-discount{align-items:center;color:#6b7280;color:var(--text-muted,#6b7280);display:flex;font-size:.78rem;font-weight:600;gap:6px}.ctrl-discount input{background:#fff;background:var(--card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:4px;color:#111827;color:var(--text,#111827);font-size:.82rem;padding:4px 8px;text-align:center;width:60px}.product-editor-row td,.variant-editor-row td{background:#f9fafb;background:var(--bg-secondary,#f9fafb);padding:12px}.variant-row{background:#fcfcfc;background:var(--bg-tertiary,#fcfcfc)}.variant-row td{font-size:.85rem;padding:10px 12px}.variant-cell{align-items:center;display:flex;gap:8px;padding-left:24px!important}.variant-bullet{color:#9ca3af;color:var(--text-muted,#9ca3af);font-weight:700}.variant-values-inline{display:flex;flex-wrap:wrap;gap:4px}.variant-values-inline .variant-value-chip{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:10px;color:#374151;color:var(--text-main,#374151);font-size:.72rem;font-weight:600;padding:2px 8px}@media (max-width:1100px){.products-list-table{font-size:.82rem}.products-list-table tbody td,.products-list-table thead th{padding:8px 10px}.product-list-name{max-width:200px}}.list-action-btn{align-items:center;background:#fff;background:var(--card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:6px;color:#374151;color:var(--text-main,#374151);cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:600;gap:5px;margin-left:4px;padding:5px 10px;transition:all .12s ease;white-space:nowrap}.list-action-btn:hover{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-color:#9ca3af;border-color:var(--text-muted,#9ca3af)}.list-action-btn.primary{background:#111827;background:var(--primary,#111827);border-color:#111827;border-color:var(--primary,#111827);color:#fff;color:var(--primary-contrast,#fff)}.list-action-btn.primary:hover{background:#000;background:var(--primary-hover,#000);border-color:#000;border-color:var(--primary-hover,#000)}.list-action-btn.active{background:#fef3c7;border-color:#f59e0b;color:#92400e}.list-action-btn.active:hover{background:#fde68a}.list-action-btn.variant-delete-btn{color:#dc2626;padding:5px 8px}.list-action-btn.variant-delete-btn:hover{background:#fee2e2;border-color:#dc2626;color:#b91c1c}.meli-listings{padding:0}.meli-listings-header{gap:16px;justify-content:space-between;margin-bottom:24px}.meli-listings-filters,.meli-listings-header{align-items:center;display:flex;flex-wrap:wrap}.meli-listings-filters{gap:12px}.meli-status-tabs{background:var(--bg-secondary);border-radius:10px;display:flex;gap:4px;padding:3px}.meli-status-tab{background:none;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:.85rem;font-weight:500;padding:7px 16px;transition:all .2s}.meli-status-tab:hover{color:var(--text)}.meli-status-tab.active{background:var(--card);box-shadow:var(--shadow-sm);color:var(--text);font-weight:600}.meli-search-box{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;display:flex;gap:8px;min-width:220px;padding:7px 14px;transition:border-color .2s}.meli-search-box:focus-within{border-color:var(--accent)}.meli-search-box svg{color:var(--text-muted);flex-shrink:0}.meli-search-box input{background:none;border:none;color:var(--text);font-family:inherit;font-size:.85rem;outline:none;width:100%}.meli-search-box input::placeholder{color:var(--text-muted)}.meli-btn-create{align-items:center;background:#ffe600;border:none;border-radius:10px;box-shadow:0 2px 8px #ffe6004d;color:#1c1917;cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:600;gap:8px;padding:9px 18px;transition:all .2s}.meli-btn-create:hover{background:#ffd600;box-shadow:0 4px 14px #ffe60066;transform:translateY(-1px)}.meli-btn-create:active{transform:translateY(0)}.meli-empty,.meli-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:14px;padding:80px 0}.meli-empty svg{opacity:.4}.meli-items-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.meli-item-card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:all .25s ease}.meli-item-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}.meli-item-card.paused{opacity:.65}.meli-item-card.paused:hover{opacity:.85}.meli-item-image{align-items:center;background:var(--bg-secondary);display:flex;height:180px;justify-content:center;overflow:hidden;position:relative;width:100%}.meli-item-image img{height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.meli-item-card:hover .meli-item-image img{transform:scale(1.03)}.meli-item-no-image{color:var(--text-muted);opacity:.4}.meli-item-status-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;font-size:.68rem;font-weight:700;letter-spacing:.03em;padding:3px 10px;position:absolute;right:10px;text-transform:uppercase;top:10px}.meli-item-status-badge.active{background:#10b98126;border:1px solid #10b98140;color:#059669}.meli-item-status-badge.paused{background:#ca8a0426;border:1px solid #ca8a0440;color:#ca8a04}.meli-item-status-badge.closed{background:#ef444426;border:1px solid #ef444440;color:#dc2626}[data-theme=dark] .meli-item-status-badge.active{background:#10b98133;border-color:#10b9814d;color:#34d399}[data-theme=dark] .meli-item-status-badge.paused{background:#facc1533;border-color:#facc154d;color:#facc15}[data-theme=dark] .meli-item-status-badge.closed{background:#ef444433;border-color:#ef44444d;color:#f87171}.meli-item-info{padding:14px 16px}.meli-item-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text);display:-webkit-box;font-size:.85rem;font-weight:500;line-height:1.4;margin:0 0 10px;overflow:hidden}.meli-item-price{color:var(--text);font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}.meli-item-stats{color:var(--text-muted);display:flex;font-size:.78rem;gap:14px;margin-bottom:12px}.meli-item-stats span{align-items:center;display:flex;gap:5px}.meli-item-actions{border-top:1px solid var(--border);display:flex;gap:6px;padding-top:12px}.meli-btn-action{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:7px 11px;text-decoration:none;transition:all .2s}.meli-btn-action:hover{background:var(--card);border-color:var(--border-hover);box-shadow:var(--shadow-sm);color:var(--text)}.meli-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:24px;padding:12px 0}.meli-pagination button{background:var(--card);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:500;padding:7px 18px;transition:all .2s}.meli-pagination button:hover:not(:disabled){border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.meli-pagination button:disabled{cursor:not-allowed;opacity:.35}.meli-pagination span{color:var(--text-muted);font-size:.85rem}.meli-create-modal,.meli-edit-modal{animation:slideUp .3s ease;background:var(--card);border-radius:16px;box-shadow:var(--shadow-lg),0 0 0 1px var(--border);max-height:90vh;max-width:560px;overflow-y:auto;width:90%}.meli-modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:18px 22px}.meli-modal-header h2{color:var(--text);font-size:1.1rem;font-weight:700;margin:0}.meli-modal-header button{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;padding:4px;transition:all .2s}.meli-modal-header button:hover{background:var(--bg-secondary);color:var(--text)}.meli-modal-body{display:flex;flex-direction:column;gap:16px;padding:22px}.meli-modal-body label{color:var(--text-secondary);display:flex;flex-direction:column;font-size:.82rem;font-weight:600;gap:6px;position:relative}.meli-modal-body input[type=number],.meli-modal-body input[type=text],.meli-modal-body select,.meli-modal-body textarea{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:inherit;font-size:.9rem;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.meli-modal-body input:focus,.meli-modal-body select:focus,.meli-modal-body textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ca8a041a}[data-theme=dark] .meli-modal-body input:focus,[data-theme=dark] .meli-modal-body select:focus,[data-theme=dark] .meli-modal-body textarea:focus{box-shadow:0 0 0 3px #facc151a}.meli-modal-body textarea{min-height:80px;resize:vertical}.meli-modal-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.meli-modal-item-preview{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;display:flex;gap:12px;padding:10px}.meli-modal-item-preview img{background:var(--card);border-radius:6px;height:48px;object-fit:contain;width:48px}.meli-modal-item-id{color:var(--text-muted);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.78rem}.meli-modal-footer{border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;padding:16px 22px}.meli-btn-cancel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:500;padding:9px 18px;transition:all .2s}.meli-btn-cancel:hover{background:var(--card);border-color:var(--border-hover)}.meli-btn-save{align-items:center;background:#ffe600;border:none;border-radius:10px;box-shadow:0 2px 8px #ffe60040;color:#1c1917;cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:700;gap:7px;padding:9px 22px;transition:all .2s}.meli-btn-save:hover{background:#ffd600;box-shadow:0 4px 14px #ffe60059;transform:translateY(-1px)}.meli-btn-save:active{transform:translateY(0)}.meli-btn-save:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.meli-char-count{color:var(--text-muted);font-size:.72rem;font-weight:400;position:absolute;right:0;top:0}.meli-loading-inline{align-items:center;color:var(--text-muted);display:flex;font-size:.82rem;gap:8px;padding:4px 0}.meli-category-predictions{display:flex;flex-direction:column;gap:5px}.meli-label{color:var(--text-secondary);font-size:.82rem;font-weight:600;margin-bottom:2px}.meli-category-option{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;font-family:inherit;font-size:.82rem;padding:10px 14px;text-align:left;transition:all .2s}.meli-category-option:hover{background:var(--card);border-color:var(--accent);box-shadow:var(--shadow-sm)}.meli-selected-category{align-items:center;background:#ca8a0414;border:1px solid var(--accent);border-radius:8px;color:var(--text);display:flex;font-size:.82rem;gap:10px;padding:10px 14px}[data-theme=dark] .meli-selected-category{background:#facc1514}.meli-selected-category strong{font-weight:600}.meli-selected-category button{background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;margin-left:auto;padding:2px;transition:all .2s}.meli-selected-category button:hover{color:var(--error)}.meli-checkbox{align-items:center!important;cursor:pointer;flex-direction:row!important;gap:10px!important}.meli-checkbox input[type=checkbox]{accent-color:var(--accent);cursor:pointer;height:17px;width:17px}.meli-pictures-section{display:flex;flex-direction:column;gap:8px}.meli-picture-input{align-items:center;display:flex;gap:8px}.meli-picture-input svg{color:var(--text-muted);flex-shrink:0}.meli-picture-input input{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text);flex:1 1;font-family:inherit;font-size:.82rem;outline:none;padding:8px 12px;transition:border-color .2s}.meli-picture-input input:focus{border-color:var(--accent)}.meli-picture-input input::placeholder{color:var(--text-muted)}.meli-picture-input button{background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;padding:4px;transition:all .2s}.meli-picture-input button:hover{color:var(--error)}.meli-add-picture{align-items:center;background:none;border:1px dashed var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;font-family:inherit;font-size:.82rem;gap:6px;padding:8px 14px;transition:all .2s}.meli-add-picture:hover{background:var(--bg-secondary);border-color:var(--border-hover);color:var(--text-secondary)}.meli-required-attrs{display:flex;flex-direction:column;gap:10px}.meli-attrs-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.meli-attrs-grid label{font-size:.82rem!important}@media (max-width:640px){.meli-attrs-grid{grid-template-columns:1fr}}.meli-variations-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:12px;padding:14px}.meli-var-attr-selector{display:flex;flex-direction:column;gap:8px}.meli-var-attr-chips{display:flex;flex-wrap:wrap;gap:6px}.meli-var-attr-chip{background:var(--card);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.8rem;padding:6px 14px;transition:all .2s}.meli-var-attr-chip:hover{border-color:var(--border-hover)}.meli-var-attr-chip.selected{background:var(--accent);border-color:var(--accent);color:#1c1917;font-weight:600}.meli-var-table-wrapper{overflow-x:auto}.meli-var-table{border-collapse:collapse;font-size:.82rem;width:100%}.meli-var-table th{border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:.78rem;font-weight:600;padding:8px 6px;text-align:left;white-space:nowrap}.meli-var-table td{padding:6px;vertical-align:middle}.meli-var-table input,.meli-var-table select{background:var(--card);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:inherit;font-size:.82rem;min-width:80px;outline:none;padding:7px 10px;transition:border-color .2s;width:100%}.meli-var-table input:focus,.meli-var-table select:focus{border-color:var(--accent)}.meli-var-table input[type=number]{min-width:70px}.meli-var-table input[type=text]{min-width:90px}.meli-var-remove{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;padding:4px;transition:all .2s}.meli-var-remove:hover{color:var(--error)}@media (max-width:640px){.meli-listings-filters,.meli-listings-header{align-items:stretch;flex-direction:column}.meli-items-grid,.meli-modal-row{grid-template-columns:1fr}.meli-create-modal,.meli-edit-modal{max-height:95vh;width:95%}}.imports-container{margin:0 auto;max-width:1400px;padding:20px}.imports-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.imports-header h2{color:var(--text);font-size:22px;margin:0 0 4px}.imports-subtitle{color:var(--text-muted);font-size:13px;margin:0;max-width:720px}.imports-new-btn{align-items:center;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:9px 14px;white-space:nowrap}.imports-new-btn:hover{filter:brightness(1.1)}.imports-empty,.imports-loading{align-items:center;border-radius:10px;color:var(--text-muted);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 20px}.imports-empty,.imports-list,.imports-loading{background:var(--card);border:1px solid var(--border)}.imports-list{border-radius:10px;overflow:hidden}.imports-items-table,.imports-table{border-collapse:collapse;width:100%}.imports-items-table td,.imports-items-table th,.imports-table td,.imports-table th{border-bottom:1px solid var(--border);color:var(--text);font-size:13px;padding:10px 12px;text-align:left}.imports-items-table th,.imports-table th{background:#f8fafc;background:var(--bg-secondary,#f8fafc);color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.imports-items-table tr:last-child td,.imports-table tr:last-child td{border-bottom:none}.imports-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.imports-desc-cell{font-weight:500}.imports-coef-cell{color:var(--accent);font-weight:700}.imports-total-cell{font-weight:600}.imports-actions-cell{display:flex;gap:4px;justify-content:flex-end}.imports-actions-cell button{align-items:center;background:#0000;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;display:inline-flex;justify-content:center;padding:6px 8px}.imports-actions-cell button:hover{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);color:var(--text)}.imports-action-danger:hover{border-color:#ef4444!important;color:#ef4444!important}.imports-editor{margin:0 auto;max-width:1400px;padding:20px}.imports-editor-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.imports-editor-header h2{color:var(--text);font-size:18px;margin:0}.imports-back{background:var(--card);border:1px solid var(--border);border-radius:7px;color:var(--text);padding:7px 12px}.imports-back,.imports-save-btn{align-items:center;cursor:pointer;display:inline-flex;font-size:13px;gap:6px}.imports-save-btn{background:var(--accent);border:none;border-radius:8px;color:#fff;font-weight:600;padding:9px 16px}.imports-save-btn:disabled{cursor:not-allowed;opacity:.6}.imports-editor-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}@media (max-width:1024px){.imports-editor-grid{grid-template-columns:1fr}}.imports-card{background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:14px;padding:16px}.imports-card h3{color:var(--text);font-size:14px;font-weight:600;letter-spacing:.04em;margin:0 0 12px;text-transform:uppercase}.imports-card label{color:var(--text-muted);display:block;font-size:12px;margin-bottom:10px}.imports-card label>span{display:block;margin-bottom:4px}.imports-card input[type=date],.imports-card input[type=number],.imports-card input[type=text],.imports-card textarea{background:var(--bg);background:var(--input-bg,var(--bg));border:1px solid var(--border);border-radius:7px;color:var(--text);font-family:inherit;font-size:13px;padding:8px 10px;width:100%}.imports-card textarea{min-height:50px;resize:vertical}.imports-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.imports-summary-row{align-items:center;border-bottom:1px dashed var(--border);color:var(--text);display:flex;font-size:13px;justify-content:space-between;padding:8px 0}.imports-summary-row:last-of-type{border-bottom:none}.imports-summary-row strong{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.imports-summary-highlight{align-items:center;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid var(--accent);border-radius:8px;color:var(--accent);display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin:10px 0;padding:12px}.imports-summary-highlight strong{font-feature-settings:"tnum";font-size:18px;font-variant-numeric:tabular-nums}.imports-total{font-size:14px;font-weight:700}.imports-summary-hint{color:var(--text-muted);font-size:11px;font-style:italic;margin:6px 0 0}.imports-items-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.imports-items-header h3{margin:0}.imports-add-item{align-items:center;background:#0000;border:1px solid var(--accent);border-radius:6px;color:var(--accent);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:6px 10px}.imports-add-item:hover{background:var(--accent);color:#fff}.imports-items-table-wrap{overflow-x:auto}.imports-items-table input[type=number],.imports-items-table input[type=text]{background:var(--bg);background:var(--input-bg,var(--bg));border:1px solid var(--border);border-radius:5px;color:var(--text);font-family:inherit;font-size:12px;padding:6px 8px;width:100%}.imports-items-table input[type=number]{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.imports-cost-cell{color:var(--accent);font-weight:600}.imports-remove-item{background:#0000;border:1px solid var(--border);border-radius:5px;color:var(--text-muted);cursor:pointer;padding:4px 6px}.imports-remove-item:hover{border-color:#ef4444;color:#ef4444}.imports-empty-row{font-style:italic;padding:20px!important}.imports-denied,.imports-empty-row{color:var(--text-muted);text-align:center}.imports-denied{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.imports-denied h2{margin:14px 0 4px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.tabs{background:var(--bg-secondary);border-radius:12px;display:flex;gap:8px;padding:4px}.tab-btn{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:600;padding:6px 16px;transition:all .2s}.tab-btn:hover{color:var(--text)}.tab-btn.active{background:var(--card);box-shadow:var(--shadow-sm);color:var(--primary)}.icon-btn-small{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;padding:4px;transition:all .2s}.icon-btn-small:hover{background:var(--bg-secondary);color:var(--primary)}.icon-btn-small.danger:hover{background:#fee2e2;color:#dc2626}.icon-btn-small.convert-btn{color:#22c55e}.icon-btn-small.convert-btn:hover{background:#22c55e1f;color:#16a34a}.btn-primary-header{align-items:center;background:var(--primary);border:none;border-radius:10px;box-shadow:0 4px 12px var(--primary-bg);color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;height:36px;padding:8px 16px;transition:all .2s ease}.btn-primary-header:hover{background:var(--primary-light);transform:translateY(-1px)}.btn-primary-header.btn-green{background:#22c55e;box-shadow:0 4px 12px #22c55e40}.btn-primary-header.btn-green:hover{background:#16a34a}.btn-primary-header.btn-red{background:#ef4444;box-shadow:0 4px 12px #ef444440}.btn-primary-header.btn-red:hover{background:#dc2626}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.budget-table-container{background:var(--card);border-radius:12px;box-shadow:var(--shadow-sm);overflow-x:auto;padding:0;width:100%}.budget-table{border-collapse:collapse;min-width:600px;width:100%}.budget-table td,.budget-table th{border-bottom:1px solid var(--border);padding:16px 20px;text-align:left}.budget-table th{background:var(--bg-secondary);color:var(--text-secondary);font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.budget-table tr:hover{background-color:var(--card-hover)}.budget-table tr:last-child td{border-bottom:none}.budget-table th:first-child{border-top-left-radius:12px}.budget-table th:last-child{border-top-right-radius:12px}.budget-table .client-cell{display:flex;flex-direction:column}.budget-table .client-name{color:var(--text);font-size:.95rem;font-weight:600}.budget-table .client-phone{color:var(--text-muted);font-size:.8rem;margin-top:2px}.budget-table .actions-cell{display:flex;gap:8px;justify-content:flex-end;white-space:nowrap}.actions-footer{border-top:1px solid var(--border);display:flex;gap:8px;margin-top:12px;padding-top:12px}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:500;gap:6px;justify-content:center;padding:8px;transition:all .2s}.edit-btn{background:var(--bg-secondary);color:var(--text)}.edit-btn:hover{background:var(--border)}.delete-btn{background:#fee2e2;color:#dc2626}.delete-btn:hover{background:#fecaca}[data-theme=dark] .delete-btn{background:#450a0a;color:#fca5a5}[data-theme=dark] .delete-btn:hover{background:#7f1d1d}.login-container{align-items:center;background-color:var(--bg-secondary);display:flex;justify-content:center;min-height:100vh;padding:1rem}.login-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-width:400px;overflow:hidden;width:100%}.login-header{background:linear-gradient(to bottom,var(--bg-secondary),var(--bg-primary));padding:2rem 2rem 1rem;text-align:center}.logo-circle{align-items:center;background-color:#6366f11a;border-radius:50%;color:var(--primary-color);display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.login-header h1{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.login-header p{color:var(--text-secondary);font-size:.95rem}.login-form{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-primary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-secondary);left:12px;pointer-events:none;position:absolute}.input-wrapper input{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-size:.95rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .2s;width:100%}.input-wrapper input:focus{background-color:var(--bg-primary);border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f126;outline:none}.login-btn{align-items:center;background-color:var(--primary-color);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem;transition:background-color .2s;width:100%}.login-btn:hover{background-color:var(--primary-hover)}.login-btn:disabled{cursor:not-allowed;opacity:.7}.error-message{align-items:center;background-color:#ef44441a;border:1px solid #ef444433;border-radius:.5rem;color:#ef4444;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1.5rem;padding:.75rem}.login-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:1rem;text-align:center}.login-footer p{color:var(--text-secondary);font-size:.8rem}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.payment-selector-header{align-items:flex-end;display:flex;flex-direction:column;gap:4px;margin-left:auto}.amount-badge{border-radius:4px;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:2px 6px}.paid-amount{background-color:#10b9811a;color:var(--success)}.pending-amount{background-color:#ef44441a;color:var(--error)}.amount-badge.cash{background-color:#6366f11a;border:1px solid #6366f133;color:#6366f1}.cash-label{display:block;font-size:.6rem;margin-bottom:-2px;opacity:.8;text-align:center}.payment-select{background-color:initial;border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:700;padding:4px 8px;text-transform:uppercase;transition:all .2s}.payment-select.paid{background-color:#10b9810d;border-color:#10b98133;color:var(--success)}.payment-select.pending{background-color:#ef44440d;border-color:#ef444433;color:var(--error)}.payment-select:hover{background-color:var(--bg-secondary)}.payment-select:focus{box-shadow:0 0 0 2px var(--bg-secondary);outline:none}.payment-container{align-items:center;display:flex;gap:8px}.mark-paid-btn{align-items:center;background:var(--success);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:700;gap:4px;opacity:1!important;padding:4px 10px;transition:all .2s}.mark-paid-btn:hover{background:#059669;background:var(--success-dark,#059669);transform:scale(1.02)}.note-header{justify-content:space-between;margin-bottom:4px}.note-header,.note-title{align-items:center;display:flex}.note-title{gap:6px}.edit-note-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;opacity:1;padding:4px}.edit-note-btn:hover{background:var(--bg-secondary);color:var(--primary)}.empty-note{border:1px dashed var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:.85rem;font-style:italic;margin:4px 0;padding:4px 8px;transition:all .2s}.empty-note:hover{background:var(--bg-secondary);border-color:var(--primary);color:var(--primary)}.note-editor{margin-top:4px}.note-editor textarea{background:var(--card);border:1px solid var(--primary);border-radius:8px;color:var(--text);font-family:inherit;font-size:.9rem;min-height:80px;padding:8px;resize:vertical;width:100%}.note-editor-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.note-editor-actions button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.costs-actions-cell{display:flex;gap:8px;justify-content:flex-end}.costs-btn-icon{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.costs-btn-icon:hover{background:var(--bg-secondary);color:var(--text)}.costs-btn-icon.save{color:var(--success)}.costs-btn-icon.save:hover{background:#10b9811a}.costs-btn-icon.cancel{color:var(--error)}.costs-btn-icon.cancel:hover{background:#ef44441a}.costs-input-mini{max-width:120px}.costs-input-mini,.costs-select-mini{background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:.85rem;padding:4px 8px}.note-editor-actions .cancel-btn{background:var(--bg-secondary);color:var(--text-muted)}.note-editor-actions .cancel-btn:hover{background:var(--border);color:var(--text)}.note-editor-actions .save-btn{background:var(--success);color:#fff}.costs-chart-container{background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;height:400px;margin-top:1.5rem;padding:1.5rem}.custom-tooltip{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:.5rem;box-shadow:var(--shadow-md);padding:1rem}.custom-tooltip .label{color:var(--text-primary);font-weight:600;margin-bottom:.5rem}.custom-tooltip .intro{color:var(--text-secondary);font-size:.9rem}.recharts-default-tooltip{background-color:var(--bg-secondary)!important;border-color:var(--border)!important}.recharts-default-tooltip,.recharts-tooltip-item{color:var(--text-primary)!important}.note-editor-actions .save-btn:hover{background:#059669;background:var(--success-dark,#059669);transform:translateY(-1px)}.notes-badge{align-items:center;background-color:#ef4444;border:2px solid var(--bg-primary);border-radius:9px;box-shadow:0 1px 2px #0000001a;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-5px;top:-5px}
/*# sourceMappingURL=main.6cdf2d0b.css.map*/