.main-sidebar{width:230px;min-height:100vh;background:#0d111c;padding-top:20px;border-right:1px solid #1b2236}.sidebar-nav ul{list-style:none;margin:0;padding:0}.sidebar-nav li{margin-bottom:6px}.sidebar-nav a{display:flex;align-items:center;padding:10px 18px;color:#c5cbe3;text-decoration:none;font-size:14px;border-left:3px solid transparent;transition:.2s}.sidebar-nav a:hover,.sidebar-nav a.active{background:#1b2236;border-left:3px solid #3b82f6;color:#fff}.sidebar-nav a i{margin-right:12px;min-width:20px;text-align:center;font-size:16px}.tree-parent>.tree-title{padding:10px 18px;display:block;color:#aeb7cf;cursor:pointer}.tree-children{padding-left:20px;margin-bottom:10px}.sidebar-overlay{display:none}@media(max-width:768px){.main-sidebar{position:fixed;top:60px;left:-260px;width:260px;height:calc(100vh - 60px);z-index:1000;transition:left .3s ease;overflow-y:auto}.main-sidebar.sidebar-open{left:0}.sidebar-overlay{display:block;position:fixed;top:60px;left:0;width:100%;height:calc(100vh - 60px);background:#00000080;z-index:999}}.header{width:100%;height:60px;background:#0e121f;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1b2236}.header-title{color:#fff;font-size:20px;font-weight:600}.header-right{display:flex;align-items:center;gap:20px}.header-user{color:#aeb7cf;font-size:14px}.logout-btn{background:#e74c3c;border:none;padding:7px 14px;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;transition:.2s}.logout-btn:hover{background:#c0392b}.header-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid #3b82f6;margin-right:8px}.hamburger-btn{display:none;background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;padding:8px;margin-right:12px;transition:.2s}.hamburger-btn:hover{color:#3b82f6}@media(max-width:768px){.hamburger-btn{display:block}.header-user{display:none}.header-title{font-size:16px}}.app-wrapper{min-height:100vh;display:flex;flex-direction:column;background:#0f172a;color:#fff}.app-body{display:flex;flex:1}.app-content{flex:1;padding:25px;background:#0f172a;color:#fff;overflow-x:auto}header{background:#020617;padding:15px 30px;border-bottom:1px solid #1e293b}footer{background:#020617;padding:15px;text-align:center;border-top:1px solid #1e293b;font-size:13px;color:#94a3b8}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#2563eb;border-radius:10px}::-webkit-scrollbar-track{background:#020617}@media(max-width:768px){.app-content{padding:15px}}*{box-sizing:border-box;font-family:Segoe UI,Arial,sans-serif}#back{position:fixed;inset:0;background:linear-gradient(135deg,#0f172a,#020617);z-index:-1}.login-box{width:360px;background:#020617;color:#fff;padding:30px;border-radius:14px;margin:8% auto;box-shadow:0 10px 40px #0009}.login-logo{text-align:center}.login-logo img{max-width:100px;border-radius:30px}.login-box-msg{text-align:center;font-size:18px;margin:25px 0;font-weight:500;color:#c7d2fe}.form-group{margin-bottom:18px}.form-control{width:100%;padding:12px 15px;border-radius:8px;border:1px solid #1e293b;background:#0f172a;color:#e0e7ff;font-size:15px}.form-control::placeholder{color:#94a3b8}.form-control:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.btn-primary{width:100%;padding:12px;background:#2563eb;border:none;border-radius:8px;color:#fff;font-size:15px;cursor:pointer;transition:.2s}.btn-primary:hover{background:#1d4ed8}@media(max-width:450px){.login-box{width:90%;margin-top:40%}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(59,130,246,.25);border-top-color:var(--accent);animation:spin .9s linear infinite}.spinner-muted{border-color:#aeb7cf33;border-top-color:var(--text-muted)}.spinner-overlay{position:fixed;inset:0;background:#02061799;display:flex;align-items:center;justify-content:center;z-index:1000}.spinner-box{background:var(--bg-panel);border:1px solid var(--border);color:var(--text);border-radius:12px;padding:18px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px #0006}.spinner-text{color:var(--text-muted);font-size:14px}.dashboard{padding:24px;max-width:1400px;margin:0 auto}.dash-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.dash-header-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,#3b82f626,#3b82f60d);border:1px solid rgba(59,130,246,.2);color:#3b82f6}.dash-header-icon svg{width:26px;height:26px}.dash-header-text h1{font-size:28px;font-weight:700;margin:0;color:var(--text)}.dash-header-text p{margin:4px 0 0;font-size:14px;color:var(--text-muted)}.dash-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.dash-stat-card{position:relative;padding:24px;border-radius:14px;background:var(--bg-panel);border:1px solid var(--border);display:flex;align-items:flex-start;gap:16px;overflow:hidden;transition:transform .2s,box-shadow .2s}.dash-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.dash-stat-card:after{content:"";position:absolute;top:-20px;right:-20px;width:80px;height:80px;border-radius:50%;opacity:.06}.dash-stat-card.blue:after{background:#3b82f6}.dash-stat-card.green:after{background:#10b981}.dash-stat-card.amber:after{background:#f59e0b}.dash-stat-card.purple:after{background:#8b5cf6}.dash-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-stat-icon svg{width:24px;height:24px}.dash-stat-icon.blue{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border:1px solid rgba(59,130,246,.2);color:#3b82f6}.dash-stat-icon.green{background:linear-gradient(135deg,#10b98126,#10b9810d);border:1px solid rgba(16,185,129,.2);color:#10b981}.dash-stat-icon.amber{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border:1px solid rgba(245,158,11,.2);color:#f59e0b}.dash-stat-icon.purple{background:linear-gradient(135deg,#8b5cf626,#8b5cf60d);border:1px solid rgba(139,92,246,.2);color:#8b5cf6}.dash-stat-content{flex:1;min-width:0}.dash-stat-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500;margin-bottom:6px}.dash-stat-value{font-size:28px;font-weight:700;color:var(--text);line-height:1.1}.dash-stat-sub{font-size:13px;color:var(--text-muted);margin-top:4px}.dash-section{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-bottom:24px}.dash-section-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border)}.dash-section-header h2{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;margin:0;color:var(--text)}.dash-section-header h2 svg{width:20px;height:20px;color:var(--text-muted)}.dash-section-badge{font-size:12px;font-weight:600;padding:4px 12px;border-radius:999px;background:#3b82f61a;color:#3b82f6}.dash-section-body{padding:20px 24px}.dash-section-body-flush{padding:0}.chart-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.chart-date-group{display:flex;gap:8px;align-items:center}.chart-date-group label{font-size:13px;color:var(--text-muted);font-weight:500}.chart-date-group input[type=date]{background:var(--bg-panel-2);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:8px;font-size:13px}.chart-date-group input[type=date]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.chart-type-toggle{display:flex;gap:4px;margin-left:auto;background:var(--bg-panel-2);border-radius:8px;padding:4px}.chart-type-btn{padding:6px 14px;border-radius:6px;border:none;background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.chart-type-btn:hover{color:var(--text)}.chart-type-btn.active{background:#3b82f6;color:#fff}.chart-wrapper{width:100%;height:320px;overflow-x:auto}.chart-hint{display:block;text-align:center;padding:12px;font-size:13px;color:var(--text-muted)}.chart-box .recharts-cartesian-grid-horizontal line,.chart-box .recharts-cartesian-grid-vertical line{stroke:var(--border)}.chart-box .recharts-default-tooltip{outline:none!important}.dash-charts-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.dash-top-box{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;overflow:hidden}.dash-top-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border)}.dash-top-header svg{width:18px;height:18px;color:var(--text-muted)}.dash-top-header h3{font-size:14px;font-weight:600;margin:0;color:var(--text)}.dash-top-list{list-style:none;margin:0;padding:8px 0}.dash-top-item{display:flex;align-items:center;gap:12px;padding:10px 20px;transition:background .15s}.dash-top-item:hover{background:var(--bg-panel-2)}.dash-top-item:not(:last-child){border-bottom:1px solid var(--border)}.dash-top-rank{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;background:#f59e0b1a;color:#f59e0b}.dash-top-rank.top-1{background:#f59e0b26;color:#f59e0b}.dash-top-rank.top-2{background:#94a3b826;color:#94a3b8}.dash-top-rank.top-3{background:#b4530926;color:#b45309}.dash-top-name{flex:1;font-size:13px;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-top-value{font-size:13px;font-weight:600;color:var(--text);flex-shrink:0}.dash-table-wrap{overflow-x:auto}.dash-table{width:100%;border-collapse:collapse}.dash-table th{padding:12px 16px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:var(--bg-panel-2);border-bottom:1px solid var(--border)}.dash-table td{padding:12px 16px;font-size:14px;color:var(--text);border-bottom:1px solid var(--border);transition:background .15s}.dash-table tbody tr:hover td{background:var(--bg-panel-2)}.dash-table tbody tr:last-child td{border-bottom:none}.dash-codigo{display:inline-block;font-family:monospace;font-size:12px;font-weight:600;color:#3b82f6;background:#3b82f61a;padding:3px 10px;border-radius:6px}.dash-monto{color:#10b981;font-weight:700;font-variant-numeric:tabular-nums}.dash-fecha{color:var(--text-muted);font-size:13px}.dash-empty{text-align:center;padding:48px 20px;color:var(--text-muted)}.dash-empty-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;background:var(--bg-panel-2);border:1px dashed var(--border);color:var(--text-muted);opacity:.6}.dash-empty-icon svg{width:28px;height:28px}.dash-empty p{margin:0;font-size:14px}.dash-error{display:flex;align-items:center;gap:12px;margin:20px;padding:16px 20px;border-radius:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;font-size:14px}.dash-error svg{width:20px;height:20px;flex-shrink:0}.dash-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.dash-quick-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 16px;border-radius:14px;background:var(--bg-panel);border:1px solid var(--border);color:var(--text);text-decoration:none;font-weight:600;font-size:14px;transition:transform .2s,box-shadow .2s,border-color .2s}.dash-quick-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000026}.dash-quick-btn-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center}.dash-quick-btn-icon svg{width:26px;height:26px}.dash-quick-btn.blue{border-bottom:3px solid #3b82f6}.dash-quick-btn.blue .dash-quick-btn-icon{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border:1px solid rgba(59,130,246,.2);color:#3b82f6}.dash-quick-btn.green{border-bottom:3px solid #10b981}.dash-quick-btn.green .dash-quick-btn-icon{background:linear-gradient(135deg,#10b98126,#10b9810d);border:1px solid rgba(16,185,129,.2);color:#10b981}.dash-quick-btn.amber{border-bottom:3px solid #f59e0b}.dash-quick-btn.amber .dash-quick-btn-icon{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border:1px solid rgba(245,158,11,.2);color:#f59e0b}.dash-quick-btn.red{border-bottom:3px solid #ef4444}.dash-quick-btn.red .dash-quick-btn-icon{background:linear-gradient(135deg,#ef444426,#ef44440d);border:1px solid rgba(239,68,68,.2);color:#ef4444}.dash-ranking{display:flex;flex-direction:column;gap:8px}.dash-ranking-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;background:var(--bg-panel-2);border:1px solid var(--border);transition:background .15s}.dash-ranking-item:hover{background:#ffffff0a}.dash-ranking-pos{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:#f59e0b1a;color:#f59e0b;flex-shrink:0}.dash-ranking-name{flex:1;font-size:14px;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-ranking-count{font-size:13px;font-weight:600;color:#10b981;flex-shrink:0}@media(max-width:1200px){.dash-charts-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.dash-stats-grid,.dash-quick-actions{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard{padding:16px}.dash-header-text h1{font-size:22px}.dash-stats-grid,.dash-charts-row{grid-template-columns:1fr}.dash-quick-actions{grid-template-columns:repeat(2,1fr)}.chart-controls{flex-direction:column;align-items:flex-start}.chart-type-toggle{margin-left:0}}@media(max-width:480px){.dash-quick-actions{grid-template-columns:1fr}.dash-stat-value{font-size:24px}}.reportes-container{padding:24px;color:var(--text);max-width:1400px;margin:0 auto}.report-header{margin-bottom:28px}.report-header h1{font-size:26px;font-weight:700;margin:0 0 4px;color:var(--text)}.report-header p{margin:0;font-size:14px;color:var(--text-muted, #888)}.report-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:28px}.report-card{border-radius:12px;padding:20px;color:#fff;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.report-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0003}.report-card-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:#fff3;margin-bottom:14px}.report-card-icon svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.report-card h4{font-size:11px;margin:0 0 6px;text-transform:uppercase;letter-spacing:.8px;opacity:.85;font-weight:500}.report-card h2{font-size:22px;margin:0;font-weight:700;line-height:1.2}.report-card .card-sub{margin-top:8px;font-size:11px;opacity:.75}.report-card:after{content:"";position:absolute;top:-30px;right:-30px;width:100px;height:100px;border-radius:50%;background:#ffffff14}.report-card:before{content:"";position:absolute;bottom:-40px;right:20px;width:80px;height:80px;border-radius:50%;background:#ffffff0d}.report-card.blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.report-card.green{background:linear-gradient(135deg,#22c55e,#15803d)}.report-card.purple{background:linear-gradient(135deg,#a855f7,#7c3aed)}.report-card.orange{background:linear-gradient(135deg,#f97316,#ea580c)}.report-card.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:28px}.chart-box{background:var(--bg-panel);color:var(--text);border-radius:12px;border:1px solid var(--border);overflow:hidden;box-shadow:0 2px 12px #00000014;display:flex;flex-direction:column;transition:box-shadow .2s}.chart-box:hover{box-shadow:0 4px 20px #0000001f}.chart-box-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.chart-box-header h3{font-size:15px;font-weight:600;margin:0;color:var(--text)}.chart-box-header span{font-size:12px;color:var(--text-muted, #888)}.chart-box-body{padding:20px 12px 12px;flex:1}.chart-placeholder{border:1px dashed var(--border);border-radius:8px;margin:0;padding:40px 12px;text-align:center;color:var(--text-muted, #888);font-size:13px;background:var(--bg-panel-2, #f8f9fa);min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.chart-placeholder svg{width:40px;height:40px;stroke:var(--text-muted, #aaa);opacity:.5}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#1e2a3a}.recharts-default-tooltip{outline:none!important}@media(max-width:900px){.charts-grid{grid-template-columns:1fr}}.last-sales{background:var(--bg-panel);color:var(--text);border-radius:12px;border:1px solid var(--border);overflow:hidden;box-shadow:0 2px 12px #00000014;transition:box-shadow .2s}.last-sales:hover{box-shadow:0 4px 20px #0000001f}.last-sales-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.last-sales-title{display:flex;align-items:center;gap:10px}.last-sales-title svg{color:var(--text-muted, #888)}.last-sales-header h3{font-size:15px;font-weight:600;margin:0}.last-sales-count{font-size:12px;color:#fff;background:#3b82f6;padding:3px 10px;border-radius:12px;font-weight:500}.report-table-wrap{width:100%;overflow:auto;max-height:55vh}.report-table{width:100%;border-collapse:collapse;font-size:13px;color:var(--text)}.report-table thead{position:sticky;top:0;z-index:1}.report-table thead th{padding:12px 14px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted, #888);background:var(--bg-panel);border-bottom:2px solid var(--border)}.report-table tbody td{padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text);transition:background .15s;vertical-align:middle}.report-table tbody tr:hover td{background:var(--bg-panel-2, #f0f0f0)}.report-table tbody tr:last-child td{border-bottom:none}.col-index{color:var(--text-muted, #888);font-size:12px;font-weight:500}.venta-codigo{display:inline-block;padding:2px 8px;background:#3b82f61a;color:#3b82f6;border-radius:4px;font-size:12px;font-weight:600;font-family:monospace}.persona{display:inline-flex;align-items:center;gap:8px}.persona-avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#64748b,#475569);color:#fff;font-size:11px;font-weight:700;flex-shrink:0}.persona-avatar.vendedor{background:linear-gradient(135deg,#22c55e,#15803d)}.ganancia{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}.ganancia.pos{background:#22c55e1a;color:#22c55e}.ganancia.neg{background:#ef44441a;color:#ef4444}.total-venta{font-weight:700;color:var(--text)}.fecha-cell{display:flex;flex-direction:column;line-height:1.3}.fecha-dia{font-weight:700;font-size:14px;color:var(--text)}.fecha-mes{font-size:11px;color:var(--text-muted, #888);text-transform:capitalize}.empty-state{text-align:center;padding:40px 14px!important;color:var(--text-muted, #888)}.empty-state svg{display:block;margin:0 auto 12px;opacity:.4}@media(max-width:1100px){.report-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.reportes-container{padding:16px}.report-cards{grid-template-columns:repeat(2,1fr)}.report-card h2{font-size:18px}.report-table-wrap{max-height:45vh}}@media(max-width:480px){.report-cards{grid-template-columns:1fr}}.modal-backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modal-fade .2s ease-out;padding:20px}.modal-window,.modal-box{background:var(--bg-panel);border:1px solid var(--border);border-radius:18px;width:100%;max-width:620px;max-height:calc(100vh - 40px);box-shadow:0 24px 80px #0009;color:var(--text);transform:translateY(10px) scale(.98);animation:modal-pop .25s ease-out forwards;display:flex;flex-direction:column;overflow:hidden}.modal-box.modal-sm{max-width:420px}.modal-box.modal-lg{max-width:920px}.modal-box.modal-xl{max-width:1200px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border);background:var(--bg-panel-2, #1e293b);flex-shrink:0}.modal-header h3,.modal-header .modal-title{margin:0;font-size:18px;font-weight:600;display:flex;align-items:center;gap:12px}.modal-close,.close-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:10px;font-size:20px;color:var(--text-muted);cursor:pointer;transition:all .2s}.modal-close:hover,.close-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444;transform:rotate(90deg)}.modal-body{padding:24px;max-height:calc(100vh - 160px);overflow-y:auto;overflow-x:hidden}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #64748b)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.modal-actions button{padding:10px 20px;border-radius:10px}.modal-actions .btn-cancel{background:var(--bg-panel-2);color:var(--text);border:1px solid var(--border);cursor:pointer;transition:all .2s}.modal-actions .btn-cancel:hover{border-color:var(--text-muted, #64748b)}.prod-form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}@media(max-width:768px){.modal-box{width:calc(100% - 24px);padding:0;margin:12px;max-height:calc(100vh - 24px)}.modal-box.modal-lg,.modal-box.modal-xl{max-width:calc(100% - 24px)}.modal-header{padding:16px 20px}.modal-body{padding:20px;max-height:calc(100vh - 140px)}.prod-form-grid{grid-template-columns:1fr}.prod-form-grid .full{grid-column:span 1}.prod-form-actions{flex-direction:column}.prod-form-btn{justify-content:center}}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{to{transform:translateY(0) scale(1)}}.usu-container{width:100%;padding:0 24px 24px;color:var(--text)}.usu-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-top:24px}.usu-header-left{display:flex;align-items:center;gap:14px}.usu-header-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b98126,#05966926);border:1px solid rgba(16,185,129,.3)}.usu-header-icon svg{color:#10b981}.usu-header-text h1{font-size:24px;font-weight:700;margin:0;color:var(--text)}.usu-header-text p{margin:4px 0 0;font-size:13px;color:var(--text-muted, #94a3b8)}.usu-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.usu-search-box{display:flex;align-items:center;gap:10px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:10px;padding:10px 16px;flex:1;max-width:400px;transition:border-color .2s}.usu-search-box:focus-within{border-color:#10b981}.usu-search-box svg{color:var(--text-muted, #64748b);flex-shrink:0}.usu-search-box input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:14px}.usu-search-box input::placeholder{color:var(--text-muted, #64748b)}.usu-search-clear{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted, #64748b);cursor:pointer;padding:2px;border-radius:4px;transition:color .2s,background .2s}.usu-search-clear:hover{color:#ef4444;background:#ef44441a}.usu-btn-create{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.usu-btn-create svg{width:16px;height:16px}.usu-btn-create:hover{box-shadow:0 4px 15px #10b9814d;transform:translateY(-1px)}.usu-stats{display:flex;gap:12px;margin-bottom:20px}.usu-stat-chip{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:8px;font-size:12px;color:var(--text-muted, #94a3b8)}.usu-stat-chip svg{width:14px;height:14px}.usu-stat-chip+.usu-stat-chip{margin-left:8px}.usu-stat-chip strong{color:var(--text);font-size:14px}.usu-result-count{font-size:13px;font-weight:400;color:var(--text-muted, #94a3b8)}.usu-stat-active{background:#10b9811a;color:#10b981;border-color:#10b98133}.usu-stat-inactive{background:#ef44441a;color:#ef4444;border-color:#ef444433}.usu-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #00000026}.usu-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);background:var(--bg-panel-2, #1e293b)}.usu-panel-title{font-size:16px;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.usu-panel-title svg{width:20px;height:20px;color:var(--text-muted, #94a3b8)}.usu-table-wrap{overflow-x:auto}.usu-table{width:100%;border-collapse:collapse;font-size:13px;color:var(--text)}.usu-table thead th{padding:14px 16px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted, #888);background:var(--bg-panel-2, #1e293b);border-bottom:2px solid var(--border);white-space:nowrap}.usu-table tbody td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.usu-table tbody tr:hover td{background:#10b98108}.usu-table tbody tr:last-child td{border-bottom:none}.usu-nombre{font-weight:600;color:var(--text);display:flex;align-items:center;gap:10px}.usu-nombre-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#10b9811a;flex-shrink:0}.usu-nombre-icon svg{width:16px;height:16px;color:#10b981}.usu-correo{display:flex;align-items:center;gap:8px;color:var(--text-muted, #94a3b8)}.usu-correo svg{width:14px;height:14px;color:#10b981}.usu-rol{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.usu-rol svg{width:12px;height:12px}.usu-rol-admin{background:#ef44441a;color:#ef4444}.usu-rol-especial{background:#f59e0b1a;color:#f59e0b}.usu-rol-vendedor{background:#3b82f61a;color:#3b82f6}.usu-estado{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.usu-estado svg{width:12px;height:12px}.usu-estado-activo{background:#10b9811a;color:#10b981}.usu-estado-inactivo{background:#ef44441a;color:#ef4444}.usu-caja{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.usu-caja svg{width:14px;height:14px}.usu-caja-on{background:#10b9811a;color:#10b981}.usu-caja-on:hover{background:#10b98133}.usu-caja-off{background:#64748b1a;color:#64748b}.usu-caja-off:hover{background:#64748b33}.usu-actions{display:flex;gap:6px;justify-content:center}.usu-btn-action{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-muted, #94a3b8);cursor:pointer;transition:all .2s}.usu-btn-action svg{width:14px;height:14px}.usu-btn-edit:hover{border-color:#f59e0b;color:#f59e0b;background:#f59e0b14}.usu-btn-toggle:hover{border-color:#3b82f6;color:#3b82f6;background:#3b82f614}.usu-btn-caja:hover{border-color:#10b981;color:#10b981;background:#10b98114}.usu-btn-delete:hover{border-color:#ef4444;color:#ef4444;background:#ef444414}.usu-empty{text-align:center;padding:60px 20px;color:var(--text-muted, #94a3b8)}.usu-empty-icon{width:72px;height:72px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;background:#10b9811a;border:1px dashed rgba(16,185,129,.3)}.usu-empty-icon svg{color:#10b981;opacity:.5}.usu-empty p{margin:0;font-size:16px;font-weight:600;color:var(--text)}.usu-empty span{display:block;margin-top:4px;font-size:13px;color:var(--text-muted, #94a3b8)}.usu-form{display:flex;flex-direction:column;gap:20px;padding:24px}.usu-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.usu-form-group{display:flex;flex-direction:column;gap:6px}.usu-form-group.full{grid-column:1 / -1}.usu-form-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #94a3b8)}.usu-form-label svg{width:14px;height:14px}.usu-form-label .required{color:#ef4444;font-size:11px}.usu-form-input,.usu-form-select{width:100%;padding:10px 14px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:14px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.usu-form-input:focus,.usu-form-select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.usu-form-input::placeholder{color:var(--text-muted, #64748b)}.usu-form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.usu-form-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);background:var(--bg-panel-2, #1e293b)}.usu-btn-cancel{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border:1px solid var(--border);border-radius:10px;color:var(--text-muted, #94a3b8);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.usu-btn-cancel:hover{border-color:#fff3;color:var(--text)}.usu-btn-cancel svg{width:16px;height:16px}.usu-btn-save{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.usu-btn-save:hover{box-shadow:0 4px 15px #10b9814d;transform:translateY(-1px)}.usu-btn-save svg{width:16px;height:16px}.usu-spin{animation:usu-spinAnim 1s linear infinite}@keyframes usu-spinAnim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.usu-container{padding:0 12px 16px}.usu-header{flex-direction:column;align-items:flex-start;gap:12px}.usu-toolbar{flex-direction:column;align-items:stretch}.usu-search-box{max-width:none}.usu-stats{flex-wrap:wrap}.usu-form-grid{grid-template-columns:1fr}.usu-form-footer{flex-direction:column;gap:10px}.usu-form-footer button{width:100%;justify-content:center}}.toast{position:fixed;top:20px;right:20px;min-width:320px;max-width:500px;padding:18px 20px;border-radius:18px;box-shadow:0 8px 30px #000000b3;display:flex;align-items:center;justify-content:space-between;z-index:9999;animation:slideIn .3s ease-out;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast-content{display:flex;align-items:center;gap:14px;flex:1}.toast-content i{font-size:22px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.toast-content span{font-size:14px;font-weight:500;letter-spacing:.3px}.toast-close{background:transparent;border:none;color:inherit;cursor:pointer;padding:4px 8px;opacity:.7;transition:opacity .2s,transform .2s;font-size:18px}.toast-close:hover{opacity:1;transform:scale(1.1)}.toast-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#34d399}.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#f87171}.toast-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-color:#fbbf24}.toast-info{background:linear-gradient(135deg,#2956ff,#1e40af);color:#fff;border-color:#3b82f6}.confirm-modal-content{text-align:center;padding:10px 0}.confirm-icon{width:80px;height:80px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;animation:pulseIcon 2s ease-in-out infinite}@keyframes pulseIcon{0%,to{transform:scale(1);box-shadow:0 0 0 0 currentColor}50%{transform:scale(1.05);box-shadow:0 0 0 10px transparent}}.confirm-icon i{font-size:40px;color:#fff;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.confirm-icon-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #f87171}.confirm-icon-warning{background:linear-gradient(135deg,#f59e0b,#d97706);border:2px solid #fbbf24}.confirm-icon-info{background:linear-gradient(135deg,#3b82f6,#2563eb);border:2px solid #60a5fa}.confirm-message{font-size:16px;color:var(--text, #bfcfff);margin:0 0 24px;line-height:1.6;font-weight:400}.modal-actions{display:flex;gap:10px;justify-content:center;margin-top:24px}.modal-actions .btn{min-width:120px;padding:10px 20px;border-radius:10px;font-weight:500;transition:all .2s;border:none;cursor:pointer;font-size:14px}.modal-actions .btn-cancel{background:var(--bg-panel-2, #1e293b);color:var(--text, #bfcfff);border:1px solid var(--border, #334155)}.modal-actions .btn-cancel:hover{background:var(--bg-panel, #0a1129);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.modal-actions .btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.modal-actions .btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444480}.modal-actions .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.modal-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}@media(max-width:768px){.confirm-icon{width:70px;height:70px}.confirm-icon i{font-size:35px}.confirm-message{font-size:15px}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}.prod-form{display:flex;flex-direction:column;gap:20px}.prod-form-section{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:12px}.prod-form-section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #94a3b8);display:flex;align-items:center;gap:8px;margin:0;padding-bottom:8px;border-bottom:1px solid var(--border)}.prod-form-section-title svg{width:14px;height:14px}.prod-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.prod-form-grid .full{grid-column:span 2}.prod-form-group{display:flex;flex-direction:column;gap:8px}.prod-form-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #94a3b8);display:flex;align-items:center;gap:6px}.prod-form-label .required{color:#ef4444}.prod-form-input,.prod-form-select{width:100%;padding:12px 14px;background:var(--bg-panel, #0f172a);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:14px;transition:all .2s;box-sizing:border-box}.prod-form-input:hover,.prod-form-select:hover{border-color:#10b9814d}.prod-form-input:focus,.prod-form-select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.prod-form-input:disabled,.prod-form-select:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-panel-2, #1e293b)}.prod-form-input::placeholder{color:var(--text-muted, #64748b)}.prod-form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.prod-form-hint{font-size:11px;color:var(--text-muted, #94a3b8)}.prod-form-input-group{display:flex;align-items:stretch}.prod-form-input-group .prod-form-input{border-top-right-radius:0;border-bottom-right-radius:0;flex:1}.prod-form-input-group-addon{display:flex;align-items:center;padding:0 14px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-left:none;border-radius:0 10px 10px 0;color:#10b981;font-size:14px;font-weight:600}.prod-form-checkbox{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--bg-panel, #0f172a);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .2s}.prod-form-checkbox:hover{border-color:#10b9814d}.prod-form-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#10b981;cursor:pointer}.prod-form-checkbox-label{font-size:13px;color:var(--text);-webkit-user-select:none;user-select:none}.prod-form-image-area{display:flex;flex-direction:column;gap:12px}.prod-form-file-input{position:relative;width:100%}.prod-form-file-input input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:1}.prod-form-file-label{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;background:var(--bg-panel, #0f172a);border:2px dashed var(--border);border-radius:12px;color:var(--text-muted, #94a3b8);font-size:13px;cursor:pointer;transition:all .2s}.prod-form-file-label:hover{border-color:#10b981;color:#10b981;background:#10b9810d}.prod-form-file-label svg{width:20px;height:20px}.prod-form-preview{position:relative;display:inline-block}.prod-form-preview img{max-width:180px;max-height:180px;object-fit:contain;border-radius:12px;border:2px solid var(--border);background:var(--bg-panel, #0f172a);padding:8px}.prod-form-preview-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000004d}.prod-form-preview-remove{position:absolute;top:8px;left:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ef4444e6;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s}.prod-form-preview-remove:hover{background:#ef4444;transform:scale(1.1)}.prod-form-precio-box{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:10px}.prod-form-precio-label{font-size:12px;color:var(--text-muted, #94a3b8)}.prod-form-precio-value{font-size:18px;font-weight:700;color:#10b981}.prod-form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid var(--border);margin-top:8px}.prod-form-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.prod-form-btn svg{width:16px;height:16px}.prod-form-btn-cancel{background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);color:var(--text)}.prod-form-btn-cancel:hover{border-color:var(--text-muted, #64748b)}.prod-form-btn-save{background:linear-gradient(135deg,#10b981,#059669);color:#fff;min-width:140px;justify-content:center}.prod-form-btn-save:hover{box-shadow:0 4px 15px #10b9814d;transform:translateY(-1px)}.prod-form-btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes prod-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.prod-form-btn-save svg.spinning{animation:prod-spin 1s linear infinite}@media(max-width:768px){.prod-form-grid{grid-template-columns:1fr}.prod-form-grid .full{grid-column:span 1}.prod-form-actions{flex-direction:column}.prod-form-btn{justify-content:center}.prod-form-preview img{max-width:100%}}.prod-container{width:100%;padding:0 24px 24px;color:var(--text)}.prod-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-top:24px}.prod-header-left{display:flex;align-items:center;gap:14px}.prod-header-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b98126,#05966926);border:1px solid rgba(16,185,129,.3)}.prod-header-icon svg{color:#10b981}.prod-header-text h1{font-size:24px;font-weight:700;margin:0;color:var(--text)}.prod-header-text p{margin:4px 0 0;font-size:13px;color:var(--text-muted, #94a3b8)}.prod-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.prod-search-box{display:flex;align-items:center;gap:10px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:10px;padding:10px 16px;flex:1;max-width:400px;transition:border-color .2s}.prod-search-box:focus-within{border-color:#10b981}.prod-search-box svg{color:var(--text-muted, #64748b);flex-shrink:0}.prod-search-box input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:14px}.prod-search-box input::placeholder{color:var(--text-muted, #64748b)}.prod-search-clear{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted, #64748b);cursor:pointer;padding:2px;border-radius:4px;transition:color .2s,background .2s}.prod-search-clear:hover{color:#ef4444;background:#ef44441a}.prod-btn-create{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.prod-btn-create svg{width:16px;height:16px}.prod-btn-create:hover{box-shadow:0 4px 15px #10b9814d;transform:translateY(-1px)}.prod-view-switch{display:flex;gap:4px;padding:4px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:10px;margin-left:auto}.prod-view-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:none;border-radius:8px;color:var(--text-muted, #94a3b8);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.prod-view-btn svg{width:14px;height:14px}.prod-view-btn.active{background:#10b98126;color:#10b981}.prod-view-btn:hover:not(.active){background:#ffffff0d;color:var(--text)}.prod-stats{display:flex;gap:12px;margin-bottom:20px}.prod-stat-chip{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:8px;font-size:12px;color:var(--text-muted, #94a3b8)}.prod-stat-chip svg{width:14px;height:14px}.prod-stat-chip strong{color:var(--text);font-size:14px}.prod-stat-chip+.prod-stat-chip{margin-left:8px}.prod-empty-span3{grid-column:span 3}.prod-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #00000026}.prod-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);background:var(--bg-panel-2, #1e293b)}.prod-panel-title{font-size:16px;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.prod-panel-title svg{width:20px;height:20px;color:var(--text-muted, #94a3b8)}.prod-table-wrap{overflow-x:auto}.prod-table{width:100%;border-collapse:collapse;font-size:13px;color:var(--text)}.prod-table thead th{padding:14px 16px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted, #888);background:var(--bg-panel-2, #1e293b);border-bottom:2px solid var(--border);white-space:nowrap}.prod-table thead th.col-center{text-align:center}.prod-table thead th.col-money{text-align:right}.prod-table tbody td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.prod-table tbody tr:hover td{background:#10b98108}.prod-table tbody tr:last-child td{border-bottom:none}.prod-codigo{display:inline-block;padding:2px 8px;background:#64748b1a;color:#64748b;border-radius:4px;font-size:12px;font-family:monospace}.prod-nombre{font-weight:600;color:var(--text)}.prod-categoria{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;background:#8b5cf61a;color:#8b5cf6;border-radius:6px;font-size:12px;font-weight:500}.prod-categoria svg{width:12px;height:12px}.prod-stock-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.prod-stock-badge svg{width:14px;height:14px}.prod-stock-ok{background:#10b9811a;color:#10b981}.prod-stock-low{background:#f59e0b1a;color:#f59e0b}.prod-stock-empty{background:#ef44441a;color:#ef4444}.prod-money{text-align:right;font-variant-numeric:tabular-nums}.prod-price-buy{color:#94a3b8}.prod-price-sell{color:#10b981;font-weight:600}.prod-actions{display:flex;gap:6px}.prod-btn-action{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-muted, #94a3b8);cursor:pointer;transition:all .2s}.prod-btn-action svg{width:14px;height:14px}.prod-btn-edit:hover{border-color:#f59e0b;color:#f59e0b;background:#f59e0b14}.prod-btn-delete:hover{border-color:#ef4444;color:#ef4444;background:#ef444414}.prod-empty{text-align:center;padding:60px 20px;color:var(--text-muted, #94a3b8)}.prod-empty-icon{width:72px;height:72px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;background:#10b9811a;border:1px dashed rgba(16,185,129,.3)}.prod-empty-icon svg{color:#10b981;opacity:.5}.prod-empty p{margin:0;font-size:16px;font-weight:600;color:var(--text)}.prod-empty span{display:block;margin-top:4px;font-size:13px;color:var(--text-muted, #94a3b8)}.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;padding:24px}.prod-card{background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:all .2s}.prod-card:hover{border-color:#10b9814d;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.prod-card-img{width:100%;height:160px;background:var(--bg-panel, #0f172a);display:flex;align-items:center;justify-content:center;overflow:hidden}.prod-card-img img{width:100%;height:100%;object-fit:cover}.prod-card-img-placeholder{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#64748b1a}.prod-card-img-placeholder svg{color:#64748b;opacity:.5}.prod-card-body{padding:16px}.prod-card-nombre{font-size:15px;font-weight:600;color:var(--text);margin:0 0 6px}.prod-card-categoria{font-size:12px;color:#8b5cf6;margin:0 0 12px}.prod-card-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.prod-card-stock{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted, #94a3b8)}.prod-card-stock strong{font-size:14px;font-weight:600}.prod-card-precio{font-size:16px;font-weight:700;color:#10b981}.prod-card-footer{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--border)}.prod-card-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-muted, #94a3b8);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.prod-card-btn svg{width:14px;height:14px}.prod-card-btn-edit:hover{border-color:#f59e0b;color:#f59e0b;background:#f59e0b14}.prod-card-btn-delete:hover{border-color:#ef4444;color:#ef4444;background:#ef444414}@media(max-width:768px){.prod-container{padding:0 12px 16px}.prod-header{flex-direction:column;align-items:flex-start;gap:12px}.prod-toolbar{flex-direction:column;align-items:stretch}.prod-search-box{max-width:none}.prod-view-switch{margin-left:0;justify-content:center}.prod-stats{flex-wrap:wrap}.prod-grid{grid-template-columns:1fr;padding:16px}}.clientes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:20px;animation:cg-fadeIn .4s ease-out}@keyframes cg-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cliente-card{background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:all .2s}.avatar{width:44px;height:44px;min-width:44px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;box-shadow:0 2px 8px #3b82f64d}.cliente-header-card h3{margin:0;font-size:15px;font-weight:600;color:var(--text)}.cliente-header-card small{display:block;margin-top:2px;font-size:12px;color:var(--text-muted, #94a3b8)}.cliente-info{padding:12px 16px;display:flex;flex-direction:column;gap:10px;flex:1}.cliente-info-row{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--text-muted, #94a3b8)}.cliente-info-row svg{width:14px;height:14px;flex-shrink:0;margin-top:2px}.cliente-info-row span{word-break:break-word;line-height:1.4}.btn-action{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-action svg{width:14px;height:14px}.btn-action.btn-edit{background:#f59e0b1a;color:#f59e0b}.btn-action.btn-edit:hover{background:#f59e0b;color:#fff}.btn-action.btn-delete{background:#ef44441a;color:#ef4444}.btn-action.btn-delete:hover{background:#ef4444;color:#fff}.clientes-empty-grid{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-muted, #94a3b8)}.clientes-empty-grid svg{opacity:.3;margin-bottom:16px}.clientes-empty-grid p{margin:0 0 6px;font-size:16px;font-weight:600;color:var(--text)}.clientes-empty-grid small{font-size:13px;color:var(--text-muted, #94a3b8)}@media(max-width:768px){.clientes-grid{grid-template-columns:1fr;padding:12px;gap:12px}}@media print{.cliente-card{break-inside:avoid}.cliente-actions{display:none}}.cliente-form{padding:5px}.cliente-form .form-group{margin-bottom:12px}.cliente-form label{font-weight:600;margin-bottom:4px;display:block;color:#bfcfff;font-size:14px}.cliente-form textarea{resize:vertical}.text-right{text-align:right;margin-top:10px}.button-group .btn{min-width:120px}.required{color:#ef4444;font-size:14px;margin-left:2px}.cliente-form .form-control{width:100%;padding:10px 14px;background:#0a1129;border:2px solid #10172f;border-radius:8px;color:#fff;font-size:14px;transition:all .2s;font-family:inherit}.cliente-form .form-control:focus{outline:none;border-color:#2956ff;box-shadow:0 0 0 3px #2956ff26;background:#0d1430}.cliente-form .form-control::placeholder{color:#6b7799}.cliente-form .form-control:disabled{opacity:.6;cursor:not-allowed;background:#05081a}.cliente-form textarea.form-control{min-height:80px;line-height:1.5}.cliente-form .form-group.error .form-control{border-color:#ef4444;background:#ef44440d}.cliente-form .form-group.error .form-control:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.error-message{display:flex;align-items:center;gap:6px;color:#ef4444;font-size:13px;font-weight:500;margin-top:6px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.error-message i{font-size:13px;flex-shrink:0}.form-text{color:#9baedc;font-size:12px;margin-top:6px;text-align:right}.form-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:16px;border-top:1px solid #10172f;margin-top:12px}.cliente-form .btn{padding:10px 20px;border-radius:10px;border:none;font-weight:500;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .3s}.cliente-form .btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.cliente-form .btn-primary{background:linear-gradient(135deg,#2956ff,#1e40af);color:#fff;box-shadow:0 4px 12px #2956ff4d;min-width:150px}.cliente-form .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2956ff80}.cliente-form .btn-primary:active:not(:disabled){transform:translateY(0)}.fa-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cliente-form .form-group.success .form-control{border-color:#10b981}.cliente-form .form-group:focus-within label{color:#2956ff}@media(max-width:768px){.form-row{flex-direction:column;gap:0}.form-row .half{width:100%}.form-footer{flex-direction:column}.cliente-form .btn-primary{width:100%}}.clientes-container{width:100%;padding:0 24px 24px;color:var(--text)}.clientes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-top:24px}.clientes-header-left{display:flex;align-items:center;gap:14px}.clientes-header-left svg{color:var(--text-muted, #888)}.clientes-header-left h1{font-size:24px;font-weight:700;margin:0;color:var(--text)}.clientes-header-left p{margin:2px 0 0;font-size:13px;color:var(--text-muted, #888)}.clientes-header-right{display:flex;align-items:center;gap:12px}.clientes-btn-add{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #3b82f640}.clientes-btn-add:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f659}.clientes-btn-add svg{width:18px;height:18px}.clientes-view-switch{display:flex;gap:4px;background:var(--bg-panel-2, #1e293b);border-radius:10px;padding:4px;border:1px solid var(--border)}.clientes-view-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:none;border-radius:8px;color:var(--text-muted, #94a3b8);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.clientes-view-btn svg{width:16px;height:16px}.clientes-view-btn:hover{color:var(--text);background:#ffffff0d}.clientes-view-btn.active{background:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f64d}.clientes-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #00000026}.clientes-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.clientes-panel-title{font-size:15px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.clientes-panel-title svg{width:18px;height:18px;color:var(--text-muted, #94a3b8)}.clientes-count{font-size:12px;color:#fff;background:#3b82f6;padding:3px 10px;border-radius:12px;font-weight:500}.clientes-panel-body{padding:0}.clientes-table{width:100%;border-collapse:collapse;font-size:13px;color:var(--text)}.clientes-table thead{position:sticky;top:0;z-index:1}.clientes-table thead th{padding:12px 16px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted, #888);background:var(--bg-panel);border-bottom:2px solid var(--border)}.clientes-table tbody td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text);transition:background .15s;vertical-align:middle}.clientes-table tbody tr:hover td{background:var(--bg-panel-2, #f0f0f0)}.clientes-table tbody tr:last-child td{border-bottom:none}.clientes-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700;flex-shrink:0}.clientes-avatar-sm{width:28px;height:28px;font-size:11px}.clientes-nombre{display:flex;align-items:center;gap:10px}.clientes-nombre-text{font-weight:600;color:var(--text)}.clientes-telefono,.clientes-email,.clientes-direccion{color:var(--text-muted, #94a3b8);font-size:13px}.clientes-acciones{display:flex;gap:6px}.clientes-btn-edit,.clientes-btn-delete{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.clientes-btn-edit svg{width:14px;height:14px}.clientes-btn-edit{background:#f59e0b1a;color:#f59e0b}.clientes-btn-edit:hover{background:#f59e0b;color:#fff;box-shadow:0 2px 8px #f59e0b4d}.clientes-btn-delete svg{width:14px;height:14px}.clientes-btn-delete{background:#ef44441a;color:#ef4444}.clientes-btn-delete:hover{background:#ef4444;color:#fff;box-shadow:0 2px 8px #ef44444d}.clientes-empty{text-align:center;padding:48px 16px!important;color:var(--text-muted, #888)}.clientes-empty svg{display:block;margin:0 auto 12px;opacity:.35}.clientes-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:20px}.cliente-card{background:var(--bg-panel-2, #1e293b);border-radius:12px;border:1px solid var(--border);overflow:hidden;transition:all .2s}.cliente-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026;border-color:#3b82f6}.cliente-header-card{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border)}.cliente-header-card h3{margin:0;font-size:15px;font-weight:600}.cliente-header-card small{font-size:12px;color:var(--text-muted, #94a3b8)}.cliente-info{padding:12px 16px;display:flex;flex-direction:column;gap:8px}.cliente-info-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted, #94a3b8)}.cliente-info-row svg{width:14px;height:14px;flex-shrink:0}.cliente-actions{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border)}.cliente-actions .btn-action{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.cliente-actions .btn-edit{background:#f59e0b1a;color:#f59e0b}.cliente-actions .btn-edit:hover{background:#f59e0b;color:#fff}.cliente-actions .btn-delete{background:#ef44441a;color:#ef4444}.cliente-actions .btn-delete:hover{background:#ef4444;color:#fff}@media(max-width:768px){.clientes-container{padding:0 12px 16px}.clientes-header{flex-direction:column;align-items:flex-start;gap:12px}.clientes-header-right,.clientes-view-switch{width:100%}.clientes-view-btn{flex:1;justify-content:center}.clientes-cards{grid-template-columns:1fr;padding:12px}}@keyframes clientes-slideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.clientes-panel{animation:clientes-slideIn .3s ease-out}.ventas-page-wrapper{width:100%;padding:0 24px 24px;color:var(--text)}.ventas-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-top:24px}.ventas-header-left{display:flex;align-items:center;gap:14px}.ventas-header-left svg{color:var(--text-muted, #888)}.ventas-header-left h1{font-size:24px;font-weight:700;margin:0;color:var(--text)}.ventas-header-left p{margin:2px 0 0;font-size:13px;color:var(--text-muted, #888)}.ventas-header-right{display:flex;align-items:center;gap:12px}.ventas-summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.ventas-summary-card{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:12px;color:#fff;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.ventas-summary-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.ventas-summary-card:after{content:"";position:absolute;top:-25px;right:-25px;width:80px;height:80px;border-radius:50%;background:#ffffff1a}.vs-card-count{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.vs-card-neto{background:linear-gradient(135deg,#10b981,#059669)}.vs-card-total{background:linear-gradient(135deg,#f59e0b,#d97706)}.ventas-summary-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:#fff3;flex-shrink:0}.ventas-summary-icon svg{stroke:#fff}.ventas-summary-info{display:flex;flex-direction:column}.ventas-summary-label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;opacity:.85;margin-bottom:4px}.ventas-summary-value{font-size:20px;font-weight:700;line-height:1.2}.ventas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;flex-wrap:wrap}.ventas-toolbar-left{display:flex;align-items:center;gap:10px}.ventas-toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ventas-btn-create{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #3b82f640}.ventas-btn-create:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f659}.ventas-btn-create svg{width:16px;height:16px}.ventas-search-box{position:relative;display:flex;align-items:center}.ventas-search-box svg{position:absolute;left:12px;width:16px;height:16px;color:var(--text-muted, #94a3b8);pointer-events:none}.ventas-search-input{padding:10px 36px 10px 38px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;min-width:260px;transition:border-color .2s,box-shadow .2s}.ventas-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.ventas-search-clear{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:6px;background:transparent;color:var(--text-muted, #94a3b8);cursor:pointer;transition:all .15s}.ventas-search-clear:hover{background:#ef44441a;color:#ef4444}.ventas-search-clear svg{position:static;width:14px;height:14px}.ventas-filter-select{padding:10px 32px 10px 12px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer;transition:border-color .2s}.ventas-filter-select:focus{outline:none;border-color:#3b82f6}.ventas-view-toggle{display:flex;gap:4px;background:var(--bg-panel-2, #1e293b);border-radius:8px;padding:4px;border:1px solid var(--border)}.ventas-view-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:none;border-radius:6px;color:var(--text-muted, #94a3b8);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.ventas-view-btn svg{width:14px;height:14px}.ventas-view-btn:hover{color:var(--text);background:#ffffff0d}.ventas-view-btn.active{background:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f64d}.ventas-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #00000026}.ventas-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.ventas-panel-title{font-size:15px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.ventas-panel-title svg{width:18px;height:18px;color:var(--text-muted, #94a3b8)}.ventas-panel-count{font-size:12px;color:#fff;background:#3b82f6;padding:3px 10px;border-radius:12px;font-weight:500}.ventas-table-wrap{width:100%;overflow:auto;max-height:60vh}.ventas-table{width:100%;border-collapse:collapse;font-size:13px;color:var(--text)}.ventas-table thead{position:sticky;top:0;z-index:1}.ventas-table thead th{padding:12px 14px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted, #888);background:var(--bg-panel);border-bottom:2px solid var(--border)}.ventas-table tbody td{padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text);transition:background .15s;vertical-align:middle}.ventas-table tbody tr:hover td{background:var(--bg-panel-2, #f0f0f0)}.ventas-table tbody tr:last-child td{border-bottom:none}.ventas-table-compact thead th{padding:10px;font-size:10px}.ventas-table-compact tbody td{padding:8px 10px;font-size:12px}.ventas-codigo{display:inline-block;padding:3px 10px;background:#3b82f61a;color:#3b82f6;border-radius:6px;font-size:12px;font-weight:700;font-family:monospace}.ventas-nombre{display:flex;align-items:center;gap:10px}.ventas-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;flex-shrink:0}.ventas-chip{display:inline-block;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.ventas-chip-efectivo{background:#10b9811a;color:#10b981}.ventas-chip-tc{background:#3b82f61a;color:#3b82f6}.ventas-chip-td{background:#8b5cf61a;color:#8b5cf6}.ventas-chip-transferencia{background:#22c55e1a;color:#22c55e}.ventas-chip-combinado{background:#f59e0b1a;color:#f59e0b}.ventas-chip-delivery{background:#ef44441a;color:#ef4444}.ventas-monto{font-weight:600;color:var(--text)}.ventas-total{font-weight:700;color:#10b981}.ventas-fecha{display:flex;flex-direction:column;line-height:1.3}.ventas-fecha-dia{font-weight:600;font-size:13px}.ventas-fecha-mes{font-size:11px;color:var(--text-muted, #94a3b8);text-transform:capitalize}.ventas-acciones{display:flex;gap:6px}.ventas-btn-action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.ventas-btn-action svg{width:14px;height:14px}.ventas-btn-view{background:#3b82f61a;color:#3b82f6}.ventas-btn-view:hover{background:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f64d}.ventas-btn-print{background:#64748b1a;color:#64748b}.ventas-btn-print:hover{background:#64748b;color:#fff;box-shadow:0 2px 8px #64748b4d}.ventas-btn-nc{background:#f59e0b1a;color:#f59e0b}.ventas-btn-nc:hover{background:#f59e0b;color:#fff;box-shadow:0 2px 8px #f59e0b4d}.ventas-page-summary{display:flex;justify-content:flex-end;gap:24px;padding:12px 20px;border-top:1px solid var(--border);background:var(--bg-panel-2, #1e293b)}.ventas-page-summary-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted, #94a3b8)}.ventas-page-summary-item svg{width:16px;height:16px;color:var(--accent, #3b82f6)}.ventas-page-summary-item strong{color:var(--text);font-weight:700}.ventas-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:20px}.venta-card{background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .2s}.venta-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026;border-color:#3b82f6}.venta-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border)}.venta-card-header-left{display:flex;align-items:center;gap:12px}.venta-card-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700}.venta-card-label{font-size:11px;text-transform:uppercase;color:var(--text-muted, #94a3b8);letter-spacing:.5px}.venta-card-codigo{font-size:16px;font-weight:700;color:var(--text);margin:2px 0 0}.venta-card-date{font-size:12px;color:var(--text-muted, #94a3b8);display:flex;align-items:center;gap:6px}.venta-card-date svg{width:14px;height:14px}.venta-card-body{padding:16px}.venta-card-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.venta-card-field{font-size:12px;color:var(--text-muted, #94a3b8);display:flex;align-items:center;gap:6px}.venta-card-field svg{width:14px;height:14px}.venta-card-value{font-size:13px;font-weight:500;color:var(--text)}.venta-card-divider{border:none;border-top:1px solid var(--border);margin:12px 0}.venta-card-totales{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.venta-card-total-item{text-align:right}.venta-card-total-label{font-size:11px;color:var(--text-muted, #94a3b8)}.venta-card-total-value{font-size:14px;font-weight:700;color:var(--text)}.venta-card-total-main .venta-card-total-value{font-size:18px;color:#10b981}.venta-card-footer{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border)}.venta-card-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.venta-card-btn svg{width:14px;height:14px}.venta-card-btn-view{background:#3b82f61a;color:#3b82f6}.venta-card-btn-view:hover{background:#3b82f6;color:#fff}.venta-card-btn-print{background:#64748b1a;color:#64748b}.venta-card-btn-print:hover{background:#64748b;color:#fff}.venta-card-btn-nc{background:#f59e0b1a;color:#f59e0b}.venta-card-btn-nc:hover{background:#f59e0b;color:#fff}.ventas-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid var(--border);background:var(--bg-panel);flex-wrap:wrap;gap:12px}.ventas-pagination-info{font-size:13px;color:var(--text-muted, #94a3b8);display:flex;align-items:center;gap:8px}.ventas-pagination-info svg{width:16px;height:16px}.ventas-pagination-info strong{color:var(--text)}.ventas-pagination-controls{display:flex;align-items:center;gap:8px}.ventas-page-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.ventas-page-btn svg{width:14px;height:14px}.ventas-page-btn:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6}.ventas-page-btn:disabled{opacity:.4;cursor:not-allowed}.ventas-page-indicator{font-size:13px;color:var(--text-muted, #94a3b8);padding:0 12px}.ventas-page-indicator strong{color:var(--text)}.ventas-empty{text-align:center;padding:60px 20px;color:var(--text-muted, #94a3b8)}.ventas-empty svg{display:block;margin:0 auto 16px;opacity:.3}.ventas-empty p{margin:0 0 6px;font-size:16px;font-weight:600;color:var(--text)}.ventas-empty small{font-size:13px;color:var(--text-muted, #94a3b8)}@media(max-width:1024px){.ventas-summary-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.ventas-page-wrapper{padding:0 12px 16px}.ventas-header{flex-direction:column;align-items:flex-start;gap:12px}.ventas-toolbar{flex-direction:column;align-items:stretch}.ventas-toolbar-left,.ventas-toolbar-right{width:100%}.ventas-search-input{min-width:0;width:100%}.ventas-summary-cards{grid-template-columns:1fr}.ventas-cards-grid{grid-template-columns:1fr;padding:12px}.ventas-pagination{flex-direction:column;align-items:stretch}.ventas-pagination-controls{justify-content:space-between}}.cart-table-wrapper{margin-bottom:15px;background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:16px;box-shadow:0 8px 24px #00000040;position:relative}.cart-table-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:10px 10px 0 0}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.cart-title{margin:0;font-size:16px;font-weight:600;color:var(--text);display:flex;align-items:center}.cart-title i{color:var(--accent)}.cart-count-badge{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;box-shadow:0 2px 8px #2956ff4d}.cart-table-container{max-height:500px;overflow-y:auto;border-radius:8px}.cart-table .col-num{text-align:right;width:110px;vertical-align:middle}.cart-table .col-actions{width:60px;text-align:center;vertical-align:middle}.cart-table thead th{padding:10px 8px;font-size:12px;color:var(--text-muted);font-weight:600;border-bottom:2px solid var(--border);position:sticky;top:0;background:var(--bg-panel-2);z-index:10}.cart-table thead th i{color:var(--accent);font-size:11px}.cart-table tbody tr{border-bottom:1px solid var(--border);transition:background-color .2s ease}.cart-table tbody tr:hover{background:var(--bg-panel-2)}.cart-table tbody td{padding:12px 8px;color:var(--text);vertical-align:middle}.cart-empty{text-align:center;padding:60px 20px!important}.empty-cart-message{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-muted)}.empty-cart-icon{font-size:48px;color:var(--text-muted);opacity:.3;animation:pulse 2s infinite}.empty-cart-message p{margin:0;font-size:15px;font-weight:600;color:var(--text)}.empty-cart-message small{font-size:12px;color:var(--text-muted)}.product-code{font-family:Courier New,monospace;font-size:12px;color:var(--text-muted);padding:2px 6px;background:var(--bg-panel-2);border:1px solid var(--border);border-radius:4px}.product-info{display:flex;flex-direction:column;gap:4px}.product-name{font-weight:500;color:var(--text)}.badge-danger{display:inline-block;padding:2px 8px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:8px;font-size:10px;font-weight:600;text-transform:uppercase}.badge-warning{display:inline-block;padding:2px 8px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:8px;font-size:10px;font-weight:600;text-transform:uppercase}.price-value{font-weight:600;color:var(--text)}.stock-badge{display:inline-block;padding:4px 8px;background:var(--bg-panel-2);border:1px solid var(--border);border-radius:6px;font-weight:600;font-size:12px;color:var(--text)}.stock-badge.stock-low{background:#fbbf241a;border-color:#fbbf24;color:#fbbf24}.stock-badge.stock-out{background:#ef44441a;border-color:#ef4444;color:#ef4444}.stock-warning{margin-top:4px;font-size:11px;color:#ef4444}.row-error{background-color:#ef444414;border-left:3px solid #ef4444}.row-error:hover{background-color:#ef44441f}.quantity-control{display:inline-flex;align-items:center;gap:4px;background:var(--bg-panel-2);border:1px solid var(--border);border-radius:8px;padding:2px}.qty-btn{width:26px;height:26px;border:none;background:transparent;color:var(--text);cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;transition:all .2s ease}.qty-btn:hover:not(:disabled){background:var(--accent);color:#fff;transform:scale(1.1)}.qty-btn:disabled{opacity:.3;cursor:not-allowed}.qty-input{width:50px;height:26px;border:none;background:transparent;color:var(--text);text-align:center;font-weight:600;font-size:13px;padding:0;outline:none}.qty-input:focus{background:var(--bg-panel);border-radius:4px}.subtotal-value{font-weight:700;font-size:14px;color:var(--accent-2)}.btn-remove{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #ef4444;color:#fff;width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ef444433}.btn-remove:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #ef444466}.cart-footer{margin-top:16px;padding-top:12px;border-top:1px solid var(--border)}.cart-summary{display:flex;align-items:center;font-size:13px;color:var(--text-muted)}.cart-summary span{color:var(--text);font-weight:500}.cart-table-container::-webkit-scrollbar{width:8px}.cart-table-container::-webkit-scrollbar-track{background:var(--bg-panel-2);border-radius:4px}.cart-table-container::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}@keyframes slideInRow{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.cart-row{animation:slideInRow .3s ease-out forwards}@media(max-width:768px){.cart-table{font-size:12px}.cart-table thead th,.cart-table tbody td{padding:8px 4px}.quantity-control{gap:2px}.qty-btn{width:24px;height:24px}.qty-input{width:40px}}.cart-title i{margin-right:8px}.cart-table thead th i{margin-right:4px}.cart-summary i{margin-right:6px;color:var(--accent)}.qty-input::-webkit-inner-spin-button,.qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qty-input[type=number]{-moz-appearance:textfield;appearance:textfield}.qty-input{color:var(--text)!important;font-weight:700!important}.product-grid-wrapper{display:flex;flex-direction:column;gap:8px;height:100%;background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:16px;box-shadow:0 8px 24px #00000040}.grid-title-section{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.grid-header h4{margin:0;font-size:16px;font-weight:600;color:var(--text);display:flex;align-items:center}.grid-header h4 i{color:var(--accent)}.grid-subtitle{margin:2px 0 8px;font-size:12px;color:var(--text-muted)}.grid-search{position:relative;margin-bottom:12px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:13px;pointer-events:none}.search-input{width:100%;padding:10px 40px 10px 36px;background:var(--bg-panel-2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;transition:border-color .2s ease}.clear-search{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:none;background:var(--bg-panel);color:var(--text-muted);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.clear-search:hover{background:var(--accent);color:#fff}.grid-categories{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.category-chip{padding:6px 14px;background:var(--bg-panel-2);border:1px solid var(--border);border-radius:20px;color:var(--text);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.category-chip:hover{border-color:var(--accent);transform:translateY(-2px)}.category-chip.active{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);border-color:var(--accent);color:#fff;box-shadow:0 4px 12px #2956ff4d}.no-products{padding:60px 20px;text-align:center;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:16px}.no-products-icon{font-size:64px;opacity:.3;animation:pulse 2s infinite}.no-products p{margin:0;font-size:14px;color:var(--text);font-weight:500}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;max-height:420px;overflow-y:auto;padding-right:4px}.product-grid::-webkit-scrollbar{width:6px}.product-grid::-webkit-scrollbar-track{background:var(--bg-panel-2);border-radius:3px}.product-grid::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}.product-card{background:var(--bg-panel);border:1px solid var(--border);color:var(--text);border-radius:10px;display:flex;flex-direction:column;height:100%;box-shadow:0 8px 24px #00000040;transition:all .2s ease;animation:fadeInUp .4s ease-out forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.product-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 12px 32px #2563eb33}.product-image-container{position:relative;padding:8px;text-align:center;border-bottom:1px solid var(--border);background:var(--bg-panel-2);min-height:96px;display:flex;align-items:center;justify-content:center}.product-image{max-width:100%;max-height:80px;object-fit:contain;transition:transform .3s ease}.product-card:hover .product-image{transform:scale(1.05)}.stock-overlay{position:absolute;bottom:4px;right:4px;padding:3px 8px;border-radius:12px;font-size:10px;font-weight:600;display:flex;align-items:center;gap:3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 6px #0003}.stock-overlay.ok{background:#22c55ee6;color:#fff}.stock-overlay.low{background:#fbbf24e6;color:#fff}.stock-overlay.out{background:#ef4444e6;color:#fff}.product-body{padding:8px;flex:1;display:flex;flex-direction:column;gap:4px}.product-code-tag{font-family:Courier New,monospace;font-size:11px;color:var(--text-muted);padding:2px 6px;background:var(--bg-panel-2);border:1px solid var(--border);border-radius:4px;display:inline-block;width:fit-content}.product-code-tag i{color:var(--accent)}.product-title{font-size:13px;font-weight:600;line-height:1.3;color:var(--text);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:33px}.product-category-tag{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:4px;margin-top:auto}.product-category-tag i{color:var(--accent)}.product-price{font-size:14px;font-weight:700;color:var(--accent-2);display:flex;align-items:center;gap:4px;margin-top:4px}.product-price i{color:var(--accent);font-size:12px}.product-code,.product-category{font-size:11px;color:var(--text-muted)}.product-meta{margin-top:6px;display:flex;justify-content:space-between;align-items:center}.price{font-size:13px;font-weight:700;color:var(--accent-2)}.stock-badge{font-size:11px;padding:2px 6px;border-radius:999px;border:1px solid transparent}.stock-badge.ok{color:#22c55e;border-color:#22c55e59;background:#22c55e1f}.stock-badge.out{color:#ef4444;border-color:#ef444459;background:#ef44441f}.product-footer{padding:8px;border-top:1px solid var(--border)}.product-footer .btn{font-size:15px;width:100%;padding:14px 18px;border-radius:8px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-add.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);color:#fff;box-shadow:0 4px 12px #2956ff33}.btn-add.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2956ff4d}.btn-add.btn-disabled{background:var(--bg-panel-2);border:1px solid var(--border);color:var(--text-muted);cursor:not-allowed;opacity:.6}.no-stock-badge{background:#ef4444;color:#fff;padding:3px 6px;font-size:11px;border-radius:4px}@media(max-width:768px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.grid-categories{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.category-chip{flex-shrink:0}}.buscar-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .2s ease-out}.buscar-modal{background:var(--bg-panel);color:var(--text);width:85%;max-width:980px;max-height:90vh;padding:0;border:1px solid var(--border);border-radius:14px;display:flex;flex-direction:column;overflow:hidden;animation:buscarFadeIn .2s ease-out;box-shadow:0 16px 50px #0000008c;position:relative}.buscar-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:14px 14px 0 0}@keyframes buscarFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.buscar-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid var(--border)}.header-left{display:flex;align-items:center}.buscar-modal-header h3{margin:0;font-size:18px;font-weight:600}.close-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-panel-2);border:1px solid var(--border);border-radius:9999px;font-size:18px;color:var(--text-muted);cursor:pointer;transition:.15s ease}.close-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:rotate(90deg)}.close-btn:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.buscar-controls{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:16px 24px;background:var(--bg-panel-2);border-bottom:1px solid var(--border)}.buscar-input-wrapper{position:relative}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:14px;pointer-events:none}.search-input{width:100%;padding:10px 40px 10px 38px;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:var(--accent)}.clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:none;background:transparent;color:var(--text-muted);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.clear-btn:hover{background:var(--accent);color:#fff}.select-categoria{min-width:200px;padding:10px 12px;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;cursor:pointer}.select-categoria:focus{outline:none;border-color:var(--accent)}.buscar-actions{display:flex;gap:8px}.toggle-view-btn{padding:10px 16px;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500}.toggle-view-btn:hover{border-color:var(--accent)}.toggle-view-btn i{color:var(--accent)}.buscar-stats{padding:12px 24px;background:var(--bg-panel-2);border-bottom:1px solid var(--border);font-size:13px;color:var(--text-muted);display:flex;align-items:center}.buscar-resultado{flex-grow:1;overflow-y:auto;padding:16px 24px}.buscar-resultado::-webkit-scrollbar{width:8px}.buscar-resultado::-webkit-scrollbar-track{background:var(--bg-panel-2);border-radius:4px}.buscar-resultado::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.tabla-wrapper{overflow-x:auto}.buscar-table{width:100%;border-collapse:collapse;font-size:13px}.buscar-table thead th{padding:12px 8px;text-align:left;font-weight:600;font-size:12px;color:var(--text-muted);border-bottom:2px solid var(--border);background:var(--bg-panel-2)}.buscar-table .col-num{text-align:right}.buscar-table .col-actions{text-align:center;width:80px}.buscar-table tbody tr{border-bottom:1px solid var(--border);transition:background-color .2s ease;animation:fadeInRow .3s ease-out forwards;opacity:0}.buscar-table tbody tr:hover:not(.row-disabled){background:var(--bg-panel-2)}.buscar-table tbody tr.row-disabled{opacity:.5}.buscar-table tbody td{padding:12px 8px;color:var(--text)}.codigo-tag{font-family:Courier New,monospace;font-size:12px;color:var(--text-muted);padding:2px 8px;background:var(--bg-panel-2);border:1px solid var(--border);border-radius:4px}.categoria-tag{display:inline-flex;align-items:center;font-size:12px;color:var(--text-muted)}.stock-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.stock-badge.ok{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.stock-badge.low{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.stock-badge.out{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.precio-value{font-weight:600;color:var(--accent-2)}.buscar-table .btn-sm{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.buscar-table .btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);color:#fff}.buscar-table .btn-primary:hover{transform:translateY(-2px)}.buscar-table .btn-disabled{background:var(--bg-panel-2);color:var(--text-muted);cursor:not-allowed;opacity:.5}.buscar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.buscar-card{border:1px solid var(--border);padding:10px;border-radius:10px;text-align:center;cursor:pointer;background:var(--bg-panel-2);transition:.2s ease;box-shadow:0 10px 24px #00000040;animation:fadeInUp .4s ease-out forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.buscar-card:hover:not(.disabled){background:var(--bg-panel);border-color:var(--accent);box-shadow:0 16px 36px #2563eb33;transform:translateY(-4px)}.buscar-card.disabled{opacity:.5;cursor:not-allowed}.card-image{position:relative;height:120px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:8px;background:var(--bg-panel);border-radius:6px}.card-image img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.buscar-card:hover:not(.disabled) .card-image img{transform:scale(1.05)}.sin-stock-overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;font-weight:600;font-size:12px}.sin-stock-overlay i{font-size:24px}.card-body{display:flex;flex-direction:column;gap:6px}.card-body h4{margin:0;font-size:13px;font-weight:600;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-body .cat{font-size:11px;color:var(--text-muted);margin:0;display:flex;align-items:center;justify-content:center;gap:4px}.card-body .cat i{color:var(--accent)}.card-body .precio{font-size:14px;font-weight:700;color:var(--accent-2);margin:0}.card-footer{display:flex;justify-content:center;margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.card-footer .stock-badge{display:flex;align-items:center;gap:4px;font-size:10px}.empty-message,.empty-grid{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;color:var(--text-muted)}.empty-message p,.empty-grid p{margin:0;font-size:15px;font-weight:600;color:var(--text)}.empty-message small,.empty-grid small{font-size:12px;color:var(--text-muted)}@media(max-width:992px){.buscar-modal{width:95%}.buscar-controls{grid-template-columns:1fr}.select-categoria{min-width:0}.buscar-actions{justify-content:flex-end}}@media(max-width:768px){.buscar-modal{width:100%;height:100vh;max-height:100vh;border-radius:0}.buscar-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.modal-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000}.modal-box{background:var(--bg-panel);color:var(--text);border:1px solid var(--border);width:480px;max-height:80vh;padding:20px;border-radius:14px;box-shadow:0 16px 50px #0000008c;overflow-y:auto}.cliente-lista{margin-top:15px;max-height:300px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;background:var(--bg-panel-2)}.cliente-item{padding:10px 12px;border-bottom:1px solid var(--border);cursor:pointer;color:var(--text)}.cliente-item:hover{background:#0e1424}.modal-footer{display:flex;justify-content:space-between;margin-top:15px}.crear-venta-box{background:var(--bg-panel);border:1px solid var(--border);color:var(--text);border-radius:10px;box-shadow:0 8px 24px #00000040}.crear-venta-box .box-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.crear-venta-box .box-title{margin:0;font-size:18px;font-weight:600}.crear-venta-box .box-tools{display:flex;align-items:center;gap:10px}.badge-info{background:linear-gradient(135deg,#2956ff,#1e40af);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;box-shadow:0 2px 8px #2956ff4d}.crear-venta-header{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-bottom:20px;padding:16px;background:var(--bg-panel-2);border:1px solid var(--border);border-radius:10px}.crear-venta-header label{color:var(--text);font-size:13px;font-weight:600;margin-bottom:6px;display:block}.crear-venta-header label i{color:var(--accent)}.crear-venta-header .form-control{background:var(--bg-panel);border:1px solid var(--border);color:var(--text)}.crear-venta-header .form-control:disabled{opacity:.7;cursor:not-allowed}.btn-buscar-producto{margin:0 0 20px;padding:10px 20px;font-size:14px;font-weight:600;border-radius:8px;background:linear-gradient(135deg,#10b981,#059669);border:1px solid #10b981;color:#fff;transition:all .2s ease;box-shadow:0 4px 12px #10b98133}.btn-buscar-producto:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b9814d;background:linear-gradient(135deg,#059669,#047857)}.btn-buscar-producto:active{transform:translateY(0)}.crear-venta-layout{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap;margin-top:20px}.crear-venta-col{flex:1;min-width:0}.productos-col{flex:1;min-width:100%;margin-bottom:3rem}.detalle-col{flex:1;min-width:100%}.crear-venta-bottom{display:flex;gap:15px;margin-top:15px;flex-wrap:wrap}.crear-venta-nota{flex:1.2;min-width:240px}.crear-venta-nota label{color:var(--text);font-weight:600;margin-bottom:6px;display:block;font-size:13px}.crear-venta-nota label i{color:var(--accent)}.crear-venta-nota textarea{background:var(--bg-panel-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px;resize:vertical;font-size:13px;transition:border-color .2s ease}.crear-venta-nota textarea:focus{border-color:var(--accent);outline:none}.crear-venta-nota textarea::placeholder{color:var(--text-muted);opacity:.6}.crear-venta-totales{flex:1;min-width:220px;border:1px solid var(--border);border-radius:10px;padding:16px;background:linear-gradient(160deg,var(--bg-panel-2),var(--bg-panel));color:var(--text);box-shadow:0 8px 24px #00000040;position:relative}.crear-venta-totales:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:10px 10px 0 0}.totales-line{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin-bottom:8px;padding:4px 0}.totales-line span{color:var(--text-muted);display:flex;align-items:center;gap:6px}.totales-line span i{color:var(--accent);font-size:12px}.totales-line strong{font-weight:700;color:var(--text)}.totales-total{border-top:2px solid var(--border);padding-top:10px;margin-top:10px;font-size:15px}.totales-total span{color:var(--text);font-weight:600}.totales-total strong{font-size:18px;color:var(--accent-2);font-weight:700}.crear-venta-box .box-footer{padding:16px 20px;border-top:1px solid var(--border);background:var(--bg-panel-2);border-radius:0 0 10px 10px;display:flex;justify-content:flex-end;gap:10px}.crear-venta-box .box-footer .btn{padding:14px 24px;font-size:15px;font-weight:600;border-radius:8px;transition:all .2s ease}.crear-venta-box .box-footer .btn-default{background:var(--bg-panel);border:1px solid var(--border);color:var(--text)}.crear-venta-box .box-footer .btn-default:hover{border-color:var(--accent);transform:translateY(-1px)}.crear-venta-box .box-footer .btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);border:1px solid var(--accent);color:#fff;box-shadow:0 4px 12px #2956ff33}.crear-venta-box .box-footer .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #2956ff4d}.crear-venta-box .box-footer .btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:992px){.crear-venta-layout{flex-direction:column}.productos-col,.detalle-col{flex:1;width:100%;min-width:0}.crear-venta-bottom{flex-direction:column}.crear-venta-nota,.crear-venta-totales{min-width:0;width:100%}}@media(max-width:768px){.crear-venta-header{grid-template-columns:1fr}.crear-venta-box .box-header{flex-direction:column;align-items:flex-start;gap:10px}.crear-venta-box .box-footer{flex-direction:column}.crear-venta-box .box-footer .btn{width:100%}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.crear-venta-box{animation:slideInUp .3s ease-out}@keyframes pulse{0%,to{box-shadow:0 4px 12px #2956ff33}50%{box-shadow:0 6px 20px #2956ff66}}.crear-venta-box .box-footer .btn-primary:not(:disabled):hover{animation:pulse 2s infinite}.cliente-input-row{display:flex;gap:8px}.cliente-input-row .form-control{flex:1}.crear-venta-header .form-group label i,.crear-venta-nota label i,.btn-buscar-producto i,.box-footer .btn i,.totales-line span i{margin-right:6px}.shortcut-hint{margin-left:8px;opacity:.7;font-size:11px;font-weight:400}.confirm-venta-message p{margin:0 0 6px}.confirm-venta-total{font-size:20px;font-weight:700;color:var(--accent);margin:10px 0!important}.confirm-venta-detalle{font-size:13px;color:var(--text-muted);line-height:1.6}.confirm-venta-field{margin-top:16px}.confirm-venta-field i,.icon-mr{margin-right:6px}.confirm-venta-vuelto{margin-top:8px;padding:8px 12px;background:#d4edda;border-radius:4px;color:#155724;font-size:15px;font-weight:600;text-align:center}.confirm-venta-warning{margin-top:8px;padding:8px 12px;background:#fff3cd;border-radius:4px;color:#856404;font-size:13px;text-align:center}.confirm-venta-divider{margin:16px 0}.confirm-venta-error{text-align:center;padding:10px 0}.confirm-venta-error-icon{font-size:48px;color:#dd4b39;margin-bottom:16px}.confirm-venta-error-msg{font-size:14px;line-height:1.6;white-space:pre-wrap;margin:0}.confirm-venta-error-btn{margin-top:20px}.editar-venta-wrapper{max-width:1200px;margin:0 auto;padding:24px;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.editar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--border)}.header-left{display:flex;align-items:center;gap:16px}.btn-back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-panel-2);border:1px solid var(--border);border-radius:50%;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.btn-back:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translate(-3px)}.header-info h2{margin:0 0 4px;font-size:24px;font-weight:600;color:var(--text);display:flex;align-items:center}.venta-codigo{font-size:14px;color:var(--text-muted);font-family:Courier New,monospace;padding:4px 10px;background:var(--bg-panel-2);border:1px solid var(--border);border-radius:6px}.header-actions{display:flex;gap:8px}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.btn i{font-size:14px}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);color:#fff;box-shadow:0 4px 12px #2956ff33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2956ff4d}.btn-secondary{background:var(--bg-panel-2);border:1px solid var(--border);color:var(--text)}.btn-secondary:hover{background:var(--bg-panel);border-color:var(--accent)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef444433}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef44444d}.btn-icon{padding:10px;width:40px;justify-content:center}.editar-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.editar-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #00000040;position:relative;animation:slideInUp .5s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.editar-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.card-header{padding:16px 20px;background:var(--bg-panel-2);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.card-header i{font-size:18px;color:var(--accent)}.card-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text)}.card-header .header-left{display:flex;align-items:center;gap:10px}.card-header .badge{margin-left:auto}.card-body{padding:20px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.info-row:last-child{border-bottom:none}.info-row .label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);font-weight:500}.info-row .label i{color:var(--accent);font-size:14px}.info-row .value{font-size:14px;color:var(--text);font-weight:600}.info-row .value.nota{font-weight:400;font-style:italic;max-width:300px;text-align:right}.badge{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-primary{background:#2956ff26;color:var(--accent);border:1px solid rgba(41,86,255,.3)}.badge-info{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.badge-warning{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.badge-secondary{background:#94a3b826;color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.totales-card .card-body{padding:16px 20px}.total-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:14px}.total-row .label{color:var(--text-muted);font-weight:500;display:flex;align-items:center;gap:8px}.total-row .label i{color:var(--accent)}.total-row .value{color:var(--text);font-weight:600}.total-row.total-final{margin-top:8px;padding-top:16px;border-top:2px solid var(--border)}.total-row.total-final .label{font-size:16px;font-weight:700;color:var(--text)}.total-row.total-final .value{font-size:20px;font-weight:700;color:var(--accent)}.productos-card{grid-column:1 / -1}.productos-tabla-wrapper{overflow-x:auto}.productos-tabla{width:100%;border-collapse:collapse;font-size:13px}.productos-tabla thead th{padding:14px 12px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:var(--bg-panel-2);border-bottom:2px solid var(--border)}.productos-tabla .col-num{text-align:right}.productos-tabla tbody tr{border-bottom:1px solid var(--border);transition:background-color .2s ease;animation:fadeInRow .4s ease-out forwards;opacity:0}@keyframes fadeInRow{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.productos-tabla tbody tr:hover{background:var(--bg-panel-2)}.productos-tabla tbody td{padding:14px 12px;color:var(--text)}.col-producto strong{color:var(--text);font-weight:600;display:block;margin-bottom:4px}.codigo-tag{font-size:11px;color:var(--text-muted);background:var(--bg-panel-2);padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;margin-left:8px}.cantidad-badge{display:inline-block;padding:4px 10px;background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3);border-radius:12px;font-weight:600;font-size:12px}.precio-unitario{color:var(--text-muted)}.subtotal{font-weight:700;color:var(--accent-2);font-size:14px}.empty-row{text-align:center;padding:60px 20px!important}.empty-message{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-muted)}.empty-icon{font-size:48px;opacity:.3;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.5}}.empty-message p{margin:0;font-size:15px;font-weight:600;color:var(--text)}.editar-venta-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.editar-venta-loading p{color:var(--text-muted);font-size:14px}.editar-venta-error{display:flex;align-items:center;justify-content:center;min-height:400px}.error-content{text-align:center;max-width:400px;padding:40px;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #00000040}.error-icon{font-size:64px;color:#ef4444;margin-bottom:16px;animation:pulse 2s infinite}.error-content h3{margin:0 0 8px;font-size:20px;font-weight:600;color:var(--text)}.error-content p{margin:0 0 24px;color:var(--text-muted);font-size:14px}.editar-footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:24px;border-top:2px solid var(--border)}.footer-right{display:flex;gap:8px}@media(max-width:992px){.editar-grid{grid-template-columns:1fr}.editar-header{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{width:100%;justify-content:flex-end}}@media(max-width:768px){.editar-venta-wrapper{padding:16px}.editar-header{margin-bottom:16px}.header-left{flex-direction:column;align-items:flex-start;gap:8px}.btn-back{width:36px;height:36px}.header-info h2{font-size:20px}.editar-grid{gap:16px;margin-bottom:16px}.card-body{padding:16px}.info-row{flex-direction:column;align-items:flex-start;gap:6px}.info-row .value.nota{text-align:left;max-width:100%}.productos-tabla{font-size:12px}.productos-tabla thead th,.productos-tabla tbody td{padding:10px 8px}.editar-footer{flex-direction:column;gap:12px}.footer-right{width:100%;flex-direction:column}.footer-right .btn{width:100%;justify-content:center}}.nota-wrapper{max-width:1000px;margin:0 auto;padding:24px}.nc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.nc-header-left{display:flex;align-items:center;gap:16px}.nc-back-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.nc-back-btn svg{width:18px;height:18px}.nc-back-btn:hover{background:var(--bg-panel-2);color:var(--text)}.nc-header-title{display:flex;flex-direction:column}.nc-title{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;margin:0;color:var(--text)}.nc-title svg{width:24px;height:24px;color:#8b5cf6}.nc-codigo{font-size:13px;color:var(--text-muted);margin-top:2px}.nc-print-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;border:none;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.nc-print-btn svg{width:16px;height:16px}.nc-print-btn:hover{box-shadow:0 4px 16px #8b5cf64d;transform:translateY(-1px)}.nc-alert{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:10px;margin-bottom:20px;font-size:14px}.nc-alert-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#f59e0b}.nc-alert svg{width:18px;height:18px;flex-shrink:0}.nc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.nc-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;overflow:hidden}.nc-card-full{grid-column:1 / -1}.nc-card-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border)}.nc-card-header svg{width:18px;height:18px;color:var(--text-muted)}.nc-card-header h3{font-size:15px;font-weight:600;margin:0;color:var(--text)}.nc-badge{font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:#8b5cf61a;color:#8b5cf6;margin-left:auto}.nc-card-body{padding:20px}.nc-info-row{display:flex;align-items:baseline;gap:8px;padding:8px 0;border-bottom:1px solid var(--border)}.nc-info-row:last-child{border-bottom:none}.nc-label{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-muted);min-width:140px}.nc-label svg{width:14px;height:14px}.nc-value{font-size:14px;color:var(--text)}.nc-form-group{margin-bottom:16px}.nc-form-group:last-child{margin-bottom:0}.nc-form-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:8px}.nc-form-label svg{width:14px;height:14px}.nc-required{color:#ef4444;margin-left:2px}.nc-form-select,.nc-form-textarea{width:100%;padding:10px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg-panel-2);color:var(--text);font-size:14px;transition:border-color .2s}.nc-form-select:focus,.nc-form-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.nc-form-textarea{resize:vertical;min-height:80px;font-family:inherit}.nc-tabla-wrapper{overflow-x:auto}.nc-tabla{width:100%;border-collapse:collapse}.nc-tabla th{padding:12px 16px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:var(--bg-panel-2);border-bottom:1px solid var(--border)}.nc-tabla td{padding:12px 16px;font-size:14px;color:var(--text);border-bottom:1px solid var(--border)}.nc-tabla tbody tr:hover td{background:var(--bg-panel-2)}.nc-tabla tbody tr:last-child td{border-bottom:none}.col-num{text-align:right;font-variant-numeric:tabular-nums}.nc-producto-info{display:flex;flex-direction:column;gap:2px}.nc-producto-info strong{color:var(--text)}.nc-codigo-tag{font-size:11px;color:var(--text-muted);font-family:monospace}.nc-qty-badge{display:inline-block;padding:2px 10px;border-radius:6px;background:#64748b1a;color:#64748b;font-size:13px;font-weight:600}.nc-qty-input{width:70px;text-align:center;padding:6px 8px;border-radius:6px;border:1px solid var(--border);background:var(--bg-panel-2);color:var(--text);font-size:14px;font-weight:600}.nc-qty-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.nc-subtotal{font-weight:600;color:var(--text)}.nc-row-excluded td{opacity:.4}.nc-total-row{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:2px solid var(--border);background:var(--bg-panel-2)}.nc-total-label{font-size:14px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.nc-total-value{font-size:22px;font-weight:700;color:#ef4444}.nc-footer{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.nc-footer-btns{display:flex;gap:12px}.nc-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;border:1px solid transparent;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.nc-btn svg{width:16px;height:16px}.nc-btn-default{background:transparent;color:var(--text-muted);border-color:var(--border)}.nc-btn-default:hover{background:var(--bg-panel-2);color:var(--text)}.nc-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.nc-btn-primary:hover{box-shadow:0 4px 16px #3b82f64d;transform:translateY(-1px)}.nc-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.nc-confirm-message{text-align:center}.nc-confirm-message p{margin-bottom:8px;font-size:14px;color:var(--text)}.nc-confirm-total{font-size:24px;font-weight:700;color:#ef4444;margin:12px 0}.nc-confirm-detalle{font-size:13px;color:var(--text-muted)}.nc-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.nc-error svg{width:48px;height:48px;color:#ef4444;margin-bottom:16px;opacity:.6}.nc-error p{font-size:16px;color:var(--text-muted);margin-bottom:20px}#print-area{display:block}@media print{body *{visibility:hidden!important}#print-area,#print-area *{visibility:visible!important}#print-area{display:block!important;position:absolute;left:0;top:0;width:100%;max-width:100%;padding:18px 22px;background:#fff;color:#000;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;border:none;box-shadow:none;border-radius:0}.nota-wrapper,.nc-header,.nc-grid,.nc-card,.nc-footer,.nc-alert{display:none!important}.pa-header{margin-bottom:10px}.pa-header-left{gap:10px}.pa-logo-img{width:48px;height:48px}.pa-company h1{font-size:15px}.pa-company p{font-size:10px;margin:1px 0}.pa-doc-type{font-size:10px}.pa-doc-num{font-size:14px}.pa-divider{height:1px;margin:8px 0}.pa-divider-dashed{margin:6px 0}.pa-meta{gap:10px;margin-bottom:10px}.pa-meta-label{font-size:8px}.pa-meta-value{font-size:11px}.pa-parties{gap:12px;margin-bottom:10px;padding:10px 12px}.pa-party-label{font-size:8px}.pa-party-value{font-size:11px}.pa-table th{padding:5px 8px;font-size:8px}.pa-table td{padding:5px 8px;font-size:10px}.pa-bottom{margin-bottom:10px}.pa-obs-label{font-size:8px}.pa-obs-value{font-size:10px}.pa-total-box{padding:10px 16px}.pa-total-label{font-size:8px}.pa-total-amount{font-size:18px}.pa-signatures{gap:24px;margin:14px 0 10px;padding-top:10px}.pa-sig-label{font-size:9px}.pa-footer{padding-top:8px}.pa-footer p{font-size:9px;margin:2px 0}}#print-area{max-width:800px;margin:0 auto;padding:24px 32px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.4}.pa-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.pa-header-left{display:flex;align-items:center;gap:16px}.pa-logo-img{width:64px;height:64px;object-fit:contain}.pa-company h1{font-size:18px;font-weight:700;margin:0;color:#1e293b}.pa-company p{font-size:12px;color:#64748b;margin:2px 0}.pa-header-right{text-align:right}.pa-doc-type{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#8b5cf6;margin-bottom:4px}.pa-doc-num{font-size:16px;font-weight:700;color:#1e293b;font-family:monospace}.pa-divider{height:2px;background:linear-gradient(90deg,#8b5cf6,#3b82f6);border-radius:2px;margin:10px 0}.pa-divider-dashed{height:1px;background:none;border-top:2px dashed #cbd5e1}.pa-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.pa-meta-box{display:flex;flex-direction:column;gap:4px}.pa-meta-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8}.pa-meta-value{font-size:14px;font-weight:600;color:#1e293b}.pa-parties{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;padding:12px 16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.pa-party{display:flex;flex-direction:column;gap:4px}.pa-party-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8}.pa-party-value{font-size:14px;font-weight:600;color:#1e293b}.pa-motivo{color:#8b5cf6}.pa-table{width:100%;border-collapse:collapse;margin-bottom:14px}.pa-table th{padding:8px 10px;text-align:left;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff;background:#1e293b;border-bottom:2px solid #334155}.pa-table th:first-child{border-radius:6px 0 0}.pa-table th:last-child{border-radius:0 6px 0 0}.pa-th-name{width:35%}.pa-th-code{width:20%}.pa-th-qty{width:10%;text-align:center}.pa-th-price{width:17%;text-align:right}.pa-th-sub{width:18%;text-align:right}.pa-table td{padding:7px 10px;font-size:12px;color:#334155;border-bottom:1px solid #e2e8f0}.pa-tr-alt td{background:#f8fafc}.pa-td-qty{text-align:center;font-weight:600}.pa-td-price{text-align:right}.pa-td-sub{text-align:right;font-weight:600;color:#1e293b}.pa-td-code{font-family:monospace;font-size:12px;color:#64748b}.pa-bottom{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.pa-obs{flex:1;margin-right:24px}.pa-obs-label{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;margin-bottom:4px}.pa-obs-value{font-size:13px;color:#475569;font-style:italic}.pa-total-box{text-align:right;padding:16px 24px;background:#f0fdf4;border:2px solid #22c55e;border-radius:8px}.pa-total-label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#16a34a;margin-bottom:4px}.pa-total-amount{font-size:24px;font-weight:700;color:#15803d}.pa-signatures{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:20px 0 16px;padding-top:14px}.pa-sig{text-align:center}.pa-sig-line{height:1px;background:#94a3b8;margin-bottom:8px}.pa-sig-label{font-size:11px;color:#64748b}.pa-footer{text-align:center;padding-top:16px;border-top:1px solid #e2e8f0}.pa-footer p{font-size:11px;color:#94a3b8;margin:4px 0}.pa-footer-url{font-style:italic}@media(max-width:768px){.nota-wrapper{padding:16px}.nc-header{flex-direction:column;align-items:flex-start;gap:12px}.nc-grid{grid-template-columns:1fr}.nc-footer{flex-direction:column;gap:12px}.nc-footer-btns{width:100%}.nc-footer-btns .nc-btn{flex:1;justify-content:center}.pa-header{flex-direction:column;gap:16px}.pa-header-right{text-align:left}.pa-meta{grid-template-columns:repeat(2,1fr)}.pa-parties{grid-template-columns:1fr}.pa-bottom{flex-direction:column}.pa-total-box{width:100%;text-align:center;margin-top:16px}.pa-signatures{grid-template-columns:1fr;gap:24px}}.cat-container{width:100%;padding:0 24px 24px;color:var(--text)}.cat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-top:24px}.cat-header-left{display:flex;align-items:center;gap:14px}.cat-header-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf626,#7c3aed26);border:1px solid rgba(139,92,246,.3)}.cat-header-icon svg{color:#8b5cf6}.cat-header-text h1{font-size:24px;font-weight:700;margin:0;color:var(--text)}.cat-header-text p{margin:4px 0 0;font-size:13px;color:var(--text-muted, #94a3b8)}.cat-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.cat-search-box{display:flex;align-items:center;gap:10px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:10px;padding:10px 16px;flex:1;max-width:400px;transition:border-color .2s}.cat-search-box:focus-within{border-color:#8b5cf6}.cat-search-box svg{color:var(--text-muted, #64748b);flex-shrink:0}.cat-search-box input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:14px}.cat-search-box input::placeholder{color:var(--text-muted, #64748b)}.cat-search-clear{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted, #64748b);cursor:pointer;padding:2px;border-radius:4px;transition:color .2s,background .2s}.cat-search-clear:hover{color:#ef4444;background:#ef44441a}.cat-btn-create{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.cat-btn-create svg{width:16px;height:16px}.cat-btn-create:hover{box-shadow:0 4px 15px #8b5cf64d;transform:translateY(-1px)}.cat-stats{display:flex;gap:12px;margin-left:auto}.cat-stat-chip{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:8px;font-size:12px;color:var(--text-muted, #94a3b8)}.cat-stat-chip svg{width:14px;height:14px}.cat-stat-chip strong{color:var(--text);font-size:14px}.cat-stat-chip+.cat-stat-chip{margin-left:8px}.cat-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #00000026}.cat-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);background:var(--bg-panel-2, #1e293b)}.cat-panel-title{font-size:16px;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.cat-panel-title svg{width:20px;height:20px;color:var(--text-muted, #94a3b8)}.cat-table-wrap{overflow-x:auto}.cat-table{width:100%;border-collapse:collapse;font-size:13px;color:var(--text)}.cat-table thead th{padding:14px 16px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted, #888);background:var(--bg-panel-2, #1e293b);border-bottom:2px solid var(--border);white-space:nowrap}.cat-table tbody td{padding:14px 16px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.cat-table tbody tr:hover td{background:#8b5cf608}.cat-table tbody tr:last-child td{border-bottom:none}.cat-nombre{font-weight:600;color:var(--text);display:flex;align-items:center;gap:10px}.cat-nombre-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf626,#7c3aed26);flex-shrink:0}.cat-nombre-icon svg{width:16px;height:16px;color:#8b5cf6}.cat-descripcion{color:var(--text-muted, #94a3b8);font-size:12px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-descripcion-empty{color:var(--text-muted, #64748b);font-style:italic}.cat-fecha{display:flex;flex-direction:column;gap:2px}.cat-fecha-day{font-weight:500;color:var(--text);font-size:13px}.cat-fecha-relative{font-size:11px;color:var(--text-muted, #94a3b8)}.cat-actions{display:flex;gap:6px}.cat-btn-action{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-muted, #94a3b8);cursor:pointer;transition:all .2s}.cat-btn-action svg{width:14px;height:14px}.cat-btn-edit:hover{border-color:#f59e0b;color:#f59e0b;background:#f59e0b14}.cat-btn-delete:hover{border-color:#ef4444;color:#ef4444;background:#ef444414}.cat-empty{text-align:center;padding:60px 20px;color:var(--text-muted, #94a3b8)}.cat-empty-icon{width:72px;height:72px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;background:#8b5cf61a;border:1px dashed rgba(139,92,246,.3)}.cat-empty-icon svg{color:#8b5cf6;opacity:.5}.cat-empty p{margin:0;font-size:16px;font-weight:600;color:var(--text)}.cat-empty span{display:block;margin-top:4px;font-size:13px;color:var(--text-muted, #94a3b8)}.cat-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:cat-fadeIn .2s ease}@keyframes cat-fadeIn{0%{opacity:0}to{opacity:1}}.cat-modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;width:100%;max-width:480px;box-shadow:0 20px 60px #0006;animation:cat-slideUp .25s ease}@keyframes cat-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cat-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.cat-modal-header-left{display:flex;align-items:center;gap:12px}.cat-modal-header-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf626,#7c3aed26)}.cat-modal-header-icon svg{width:18px;height:18px;color:#8b5cf6}.cat-modal-title{font-size:16px;font-weight:600;margin:0;color:var(--text)}.cat-modal-close{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted, #64748b);cursor:pointer;padding:4px;border-radius:6px;transition:all .2s}.cat-modal-close:hover{background:#ef44441a;color:#ef4444}.cat-modal-body{padding:24px}.cat-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border)}.cat-modal-footer-form{padding:0;border:none;margin-top:8px}.cat-spin{animation:cat-spinAnim 1s linear infinite}@keyframes cat-spinAnim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cat-form{display:flex;flex-direction:column;gap:20px}.cat-form-group{display:flex;flex-direction:column;gap:8px}.cat-form-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #94a3b8);display:flex;align-items:center;gap:6px}.cat-form-label .required{color:#ef4444}.cat-form-input,.cat-form-textarea{width:100%;padding:12px 14px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:14px;transition:all .2s;box-sizing:border-box}.cat-form-input:hover,.cat-form-textarea:hover{border-color:#8b5cf64d}.cat-form-input:focus,.cat-form-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.cat-form-input:disabled,.cat-form-textarea:disabled{opacity:.5;cursor:not-allowed}.cat-form-input::placeholder,.cat-form-textarea::placeholder{color:var(--text-muted, #64748b)}.cat-form-textarea{resize:vertical;min-height:100px}.cat-form-hint{display:flex;justify-content:flex-end;font-size:11px;color:var(--text-muted, #94a3b8)}.cat-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.cat-btn svg{width:16px;height:16px}.cat-btn-cancel{background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);color:var(--text)}.cat-btn-cancel:hover{border-color:var(--text-muted, #64748b)}.cat-btn-save{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;min-width:120px;justify-content:center}.cat-btn-save:hover{box-shadow:0 4px 15px #8b5cf64d}.cat-btn-save:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1024px){.cat-stats{display:none}}@media(max-width:768px){.cat-container{padding:0 12px 16px}.cat-header{flex-direction:column;align-items:flex-start;gap:12px}.cat-toolbar{flex-wrap:wrap}.cat-search-box{max-width:none;flex:1 1 100%}.cat-table thead th,.cat-table tbody td{padding:10px 12px}.cat-nombre{flex-direction:column;align-items:flex-start;gap:6px}.cat-modal{margin:16px;max-height:calc(100vh - 32px);overflow-y:auto}}.perfil-container{width:100%;padding:0 24px 24px;color:var(--text)}.perfil-header{display:flex;align-items:center;gap:14px;margin-bottom:24px;padding-top:24px}.perfil-header-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b98126,#05966926);border:1px solid rgba(16,185,129,.3)}.perfil-header-icon svg{color:#10b981}.perfil-header-text h1{font-size:24px;font-weight:700;margin:0;color:var(--text)}.perfil-header-text p{margin:4px 0 0;font-size:13px;color:var(--text-muted, #94a3b8)}.perfil-grid{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:start}.perfil-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #00000026;position:sticky;top:24px}.perfil-card-body{padding:28px 24px;display:flex;flex-direction:column;align-items:center}.perfil-card-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid rgba(16,185,129,.3);box-shadow:0 8px 24px #0003;transition:transform .3s,border-color .3s;margin-bottom:16px}.perfil-card-avatar:hover{transform:scale(1.05);border-color:#10b981}.perfil-card-name{font-size:20px;font-weight:700;margin:0 0 8px;color:var(--text);text-align:center}.perfil-card-rol{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:20px}.perfil-card-rol svg{width:14px;height:14px}.perfil-card-rol-admin{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.perfil-card-rol-especial{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.perfil-card-rol-vendedor{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.perfil-card-info{width:100%;display:flex;flex-direction:column;gap:10px}.perfil-card-info-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-left:3px solid rgba(16,185,129,.4);border-radius:8px;transition:all .2s}.perfil-card-info-item:hover{border-left-color:#10b981;transform:translate(3px)}.perfil-card-info-item svg{width:16px;height:16px;color:#10b981;flex-shrink:0}.perfil-card-info-label{font-size:11px;color:var(--text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.5px}.perfil-card-info-value{font-size:13px;font-weight:500;color:var(--text)}.perfil-card-info-row{display:flex;align-items:center;justify-content:space-between;flex:1}.perfil-card-estado{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.perfil-card-estado svg{width:12px;height:12px}.perfil-card-estado-activo{background:#10b9811a;color:#10b981}.perfil-card-estado-inactivo{background:#ef44441a;color:#ef4444}.perfil-card-footer{padding:16px 24px;border-top:1px solid var(--border);text-align:center}.perfil-card-member{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--text-muted, #94a3b8)}.perfil-card-member svg{width:14px;height:14px}.perfil-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #00000026}.perfil-tabs{display:flex;gap:0;background:var(--bg-panel-2, #1e293b);border-bottom:2px solid var(--border);padding:0;margin:0;list-style:none}.perfil-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 20px;font-size:13px;font-weight:500;color:var(--text-muted, #94a3b8);cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;margin-bottom:-2px}.perfil-tab svg{width:16px;height:16px}.perfil-tab:hover{color:var(--text);background:#ffffff08}.perfil-tab.active{color:#10b981;border-bottom-color:#10b981;background:var(--bg-panel);font-weight:600}.perfil-tab-content{padding:28px}.perfil-form-section{display:flex;flex-direction:column;gap:20px}.perfil-form-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;margin:0;padding-bottom:16px;border-bottom:1px solid var(--border);color:var(--text)}.perfil-form-title svg{width:20px;height:20px;color:#10b981}.perfil-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.perfil-form-group{display:flex;flex-direction:column;gap:6px}.perfil-form-group.full{grid-column:1 / -1}.perfil-form-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #94a3b8)}.perfil-form-label svg{width:14px;height:14px}.perfil-form-label .required{color:#ef4444;font-size:11px}.perfil-form-input,.perfil-form-select{width:100%;padding:10px 14px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:14px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.perfil-form-input:focus,.perfil-form-select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.perfil-form-input:disabled{opacity:.5;cursor:not-allowed;background:#64748b1a}.perfil-form-input::placeholder{color:var(--text-muted, #64748b)}.perfil-form-hint{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted, #94a3b8)}.perfil-form-hint svg{width:14px;height:14px}.perfil-input-group{display:flex;width:100%}.perfil-input-group .perfil-form-input{border-radius:10px 0 0 10px;flex:1}.perfil-input-toggle{display:flex;align-items:center;justify-content:center;width:44px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-left:none;border-radius:0 10px 10px 0;cursor:pointer;color:var(--text-muted, #94a3b8);transition:color .2s,background .2s}.perfil-input-toggle:hover{color:#10b981;background:#10b9810d}.perfil-input-toggle svg{width:18px;height:18px}.perfil-strength{display:flex;align-items:center;gap:10px;margin-top:4px}.perfil-strength-bar{flex:1;height:6px;background:var(--bg-panel-2, #1e293b);border-radius:3px;overflow:hidden}.perfil-strength-fill{height:100%;border-radius:3px;transition:width .3s,background .3s}.perfil-strength-fill.weak{width:33%;background:#ef4444}.perfil-strength-fill.medium{width:66%;background:#f59e0b}.perfil-strength-fill.strong{width:100%;background:#10b981}.perfil-strength-label{font-size:12px;font-weight:600;padding:3px 8px;border-radius:4px;white-space:nowrap}.perfil-strength-label.weak{background:#ef44441a;color:#ef4444}.perfil-strength-label.medium{background:#f59e0b1a;color:#f59e0b}.perfil-strength-label.strong{background:#10b9811a;color:#10b981}.perfil-avatar-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.perfil-avatar-preview{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:12px}.perfil-avatar-preview-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #94a3b8)}.perfil-avatar-preview img{width:180px;height:180px;border-radius:50%;object-fit:cover;border:3px solid rgba(16,185,129,.3);box-shadow:0 8px 24px #0003;transition:transform .3s,border-color .3s}.perfil-avatar-preview img:hover{transform:scale(1.05);border-color:#10b981}.perfil-avatar-new-badge{display:flex;align-items:center;gap:6px;font-size:12px;color:#10b981}.perfil-avatar-new-badge svg{width:14px;height:14px}.perfil-avatar-controls{display:flex;flex-direction:column;gap:16px}.perfil-file-input{width:100%;padding:10px 14px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:14px;cursor:pointer}.perfil-file-input::-webkit-file-upload-button{background:#10b9811a;color:#10b981;border:none;border-radius:6px;padding:6px 12px;font-weight:600;font-size:12px;cursor:pointer;margin-right:10px}.perfil-file-info{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;font-size:13px;color:#3b82f6}.perfil-file-info svg{width:16px;height:16px;flex-shrink:0}.perfil-callout{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:10px;border-left:3px solid #10b981}.perfil-callout-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#10b9811a;flex-shrink:0}.perfil-callout-icon svg{width:16px;height:16px;color:#10b981}.perfil-callout-content h4{font-size:13px;font-weight:600;margin:0 0 8px;color:#10b981}.perfil-callout-content ul{margin:0;padding-left:16px;font-size:12px;color:var(--text-muted, #94a3b8);line-height:1.8}.perfil-alert{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;font-size:13px;font-weight:500;animation:perfil-fadeIn .3s ease}.perfil-alert svg{width:18px;height:18px;flex-shrink:0}.perfil-alert-success{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#10b981}.perfil-alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444}.perfil-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.perfil-btn svg{width:16px;height:16px}.perfil-btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.perfil-btn-primary:hover{box-shadow:0 4px 15px #10b9814d;transform:translateY(-1px)}.perfil-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.perfil-btn-secondary{background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);color:var(--text)}.perfil-btn-secondary:hover{border-color:#fff3;color:var(--text)}.perfil-btn-group{display:flex;gap:12px}.perfil-btn-group-end{justify-content:flex-end;margin-top:8px}.perfil-alert-mt{margin-top:16px}.perfil-spin{animation:perfil-spinAnim 1s linear infinite}@keyframes perfil-spinAnim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes perfil-fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.perfil-grid{grid-template-columns:1fr}.perfil-card{position:static}.perfil-avatar-grid{grid-template-columns:1fr}}@media(max-width:768px){.perfil-container{padding:0 12px 16px}.perfil-header{flex-direction:column;align-items:flex-start;gap:12px}.perfil-tabs{flex-direction:column}.perfil-tab{justify-content:flex-start;padding:14px 20px;border-bottom:none;border-left:2px solid transparent;margin-bottom:0;margin-left:-2px}.perfil-tab.active{border-left-color:#10b981;border-bottom-color:transparent}.perfil-tab-content{padding:20px 16px}.perfil-form-grid{grid-template-columns:1fr}.perfil-btn-group{flex-direction:column}.perfil-btn-group button{width:100%;justify-content:center}}.prov-container{width:100%;padding:0 24px 24px;color:var(--text)}.prov-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-top:24px}.prov-header-left{display:flex;align-items:center;gap:14px}.prov-header-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#06b6d426,#0891b226);border:1px solid rgba(6,182,212,.3)}.prov-header-icon svg{color:#06b6d4}.prov-header-text h1{font-size:24px;font-weight:700;margin:0;color:var(--text)}.prov-header-text p{margin:4px 0 0;font-size:13px;color:var(--text-muted, #94a3b8)}.prov-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.prov-search-box{display:flex;align-items:center;gap:10px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:10px;padding:10px 16px;flex:1;max-width:400px;transition:border-color .2s}.prov-search-box:focus-within{border-color:#06b6d4}.prov-search-box svg{color:var(--text-muted, #64748b);flex-shrink:0}.prov-search-box input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:14px}.prov-search-box input::placeholder{color:var(--text-muted, #64748b)}.prov-search-clear{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted, #64748b);cursor:pointer;padding:2px;border-radius:4px;transition:color .2s,background .2s}.prov-search-clear:hover{color:#ef4444;background:#ef44441a}.prov-btn-create{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.prov-btn-create svg{width:16px;height:16px}.prov-btn-create:hover{box-shadow:0 4px 15px #06b6d44d;transform:translateY(-1px)}.prov-view-switch{display:flex;gap:4px;padding:4px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:10px;margin-left:auto}.prov-view-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:none;border-radius:8px;color:var(--text-muted, #94a3b8);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.prov-view-btn svg{width:14px;height:14px}.prov-view-btn.active{background:#06b6d426;color:#06b6d4}.prov-view-btn:hover:not(.active){background:#ffffff0d;color:var(--text)}.prov-stats{display:flex;gap:12px;margin-bottom:20px}.prov-stat-chip{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:8px;font-size:12px;color:var(--text-muted, #94a3b8)}.prov-stat-chip svg{width:14px;height:14px}.prov-stat-chip strong{color:var(--text);font-size:14px}.prov-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #00000026}.prov-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);background:var(--bg-panel-2, #1e293b)}.prov-panel-title{font-size:16px;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.prov-panel-title svg{width:20px;height:20px;color:var(--text-muted, #94a3b8)}.prov-table-wrap{overflow-x:auto}.prov-table{width:100%;border-collapse:collapse;font-size:13px;color:var(--text)}.prov-table thead th{padding:14px 16px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted, #888);background:var(--bg-panel-2, #1e293b);border-bottom:2px solid var(--border);white-space:nowrap}.prov-table tbody td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.prov-table tbody tr:hover td{background:#06b6d408}.prov-table tbody tr:last-child td{border-bottom:none}.prov-nombre{font-weight:600;color:var(--text);display:flex;align-items:center;gap:10px}.prov-nombre-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#06b6d41a;flex-shrink:0}.prov-nombre-icon svg{width:16px;height:16px;color:#06b6d4}.prov-contacto{display:flex;align-items:center;gap:8px;color:var(--text-muted, #94a3b8)}.prov-contacto svg{width:14px;height:14px;color:#06b6d4}.prov-telefono,.prov-email{display:flex;align-items:center;gap:8px;font-size:13px}.prov-telefono svg,.prov-email svg{width:14px;height:14px;color:#06b6d4}.prov-rubro{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#8b5cf61a;color:#8b5cf6;border-radius:6px;font-size:12px;font-weight:500}.prov-rubro svg{width:12px;height:12px}.prov-fecha{display:flex;flex-direction:column;gap:2px}.prov-fecha-day{font-weight:500;color:var(--text);font-size:13px}.prov-fecha-relative{font-size:11px;color:var(--text-muted, #94a3b8)}.prov-empty-value{color:var(--text-muted, #64748b)}.prov-result-count{font-size:13px;font-weight:400;color:var(--text-muted, #94a3b8)}.prov-actions{display:flex;gap:6px}.prov-btn-action{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-muted, #94a3b8);cursor:pointer;transition:all .2s}.prov-btn-action svg{width:14px;height:14px}.prov-btn-edit:hover{border-color:#f59e0b;color:#f59e0b;background:#f59e0b14}.prov-btn-delete:hover{border-color:#ef4444;color:#ef4444;background:#ef444414}.prov-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:24px}.prov-card{background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:all .2s}.prov-card:hover{border-color:#06b6d44d;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.prov-card-header{display:flex;align-items:center;gap:14px;padding:20px;border-bottom:1px solid var(--border)}.prov-card-avatar{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;font-size:16px;font-weight:700;flex-shrink:0}.prov-card-name{flex:1;min-width:0}.prov-card-name h3{font-size:16px;font-weight:600;margin:0;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prov-card-rubro{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:2px 8px;background:#8b5cf61a;color:#8b5cf6;border-radius:4px;font-size:11px;font-weight:500}.prov-card-body{padding:20px;display:flex;flex-direction:column;gap:12px}.prov-card-info{display:flex;align-items:flex-start;gap:10px;font-size:13px}.prov-card-info svg{width:16px;height:16px;color:#06b6d4;margin-top:1px;flex-shrink:0}.prov-card-info-content{flex:1;min-width:0}.prov-card-info-label{font-size:11px;color:var(--text-muted, #94a3b8);margin-bottom:2px}.prov-card-info-value{color:var(--text);word-break:break-word}.prov-card-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid var(--border);background:#0000001a}.prov-card-date{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted, #94a3b8)}.prov-card-date svg{width:14px;height:14px}.prov-card-actions{display:flex;gap:8px}.prov-empty{text-align:center;padding:60px 20px;color:var(--text-muted, #94a3b8)}.prov-empty-icon{width:72px;height:72px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;background:#06b6d41a;border:1px dashed rgba(6,182,212,.3)}.prov-empty-icon svg{color:#06b6d4;opacity:.5}.prov-empty p{margin:0;font-size:16px;font-weight:600;color:var(--text)}.prov-empty span{display:block;margin-top:4px;font-size:13px;color:var(--text-muted, #94a3b8)}@media(max-width:768px){.prov-container{padding:0 12px 16px}.prov-header{flex-direction:column;align-items:flex-start;gap:12px}.prov-toolbar{flex-direction:column;align-items:stretch}.prov-search-box{max-width:none}.prov-view-switch{margin-left:0;justify-content:center}.prov-stats{flex-wrap:wrap}.prov-grid{grid-template-columns:1fr;padding:16px}}.prov-form-container{width:100%;padding:0 24px 24px;color:var(--text)}.prov-form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-top:24px}.prov-form-header-left{display:flex;align-items:center;gap:14px}.prov-form-header-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#06b6d426,#0891b226);border:1px solid rgba(6,182,212,.3)}.prov-form-header-icon svg{color:#06b6d4}.prov-form-header-text h1{font-size:24px;font-weight:700;margin:0;color:var(--text)}.prov-form-header-text p{margin:4px 0 0;font-size:13px;color:var(--text-muted, #94a3b8)}.prov-form-back{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:10px;color:var(--text-muted, #94a3b8);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none}.prov-form-back:hover{border-color:#fff3;color:var(--text);background:#ffffff0d}.prov-form-back svg{width:16px;height:16px}.prov-form-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #00000026}.prov-form-panel-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid var(--border);background:var(--bg-panel-2, #1e293b)}.prov-form-panel-title{font-size:16px;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.prov-form-panel-title svg{width:20px;height:20px;color:var(--text-muted, #94a3b8)}.prov-form-body{padding:24px}.prov-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.prov-form-grid-full{grid-column:1 / -1}.prov-form-group{display:flex;flex-direction:column;gap:6px}.prov-form-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text)}.prov-form-label svg{width:14px;height:14px;color:var(--text-muted, #94a3b8)}.prov-form-label .required{color:#ef4444;font-size:11px}.prov-form-input,.prov-form-textarea{padding:10px 14px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:14px;transition:border-color .2s,box-shadow .2s;font-family:inherit}.prov-form-input:focus,.prov-form-textarea:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41a}.prov-form-input::placeholder,.prov-form-textarea::placeholder{color:var(--text-muted, #64748b)}.prov-form-textarea{resize:vertical;min-height:100px}.prov-form-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.prov-form-error{display:flex;align-items:center;gap:6px;font-size:12px;color:#ef4444}.prov-form-error svg{width:14px;height:14px}.prov-form-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border);background:var(--bg-panel-2, #1e293b)}.prov-btn-cancel{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border:1px solid var(--border);border-radius:10px;color:var(--text-muted, #94a3b8);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.prov-btn-cancel:hover{border-color:#fff3;color:var(--text)}.prov-btn-cancel svg{width:16px;height:16px}.prov-btn-save{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.prov-btn-save:hover{box-shadow:0 4px 15px #06b6d44d;transform:translateY(-1px)}.prov-btn-save:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.prov-btn-save svg{width:16px;height:16px}.prov-form-empty{text-align:center;padding:60px 20px;color:var(--text-muted, #94a3b8)}.prov-form-empty-icon{width:72px;height:72px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;background:#06b6d41a;border:1px dashed rgba(6,182,212,.3)}.prov-form-empty p{margin:0;font-size:16px;font-weight:600;color:var(--text)}.prov-form-empty span{display:block;margin-top:4px;font-size:13px}@media(max-width:768px){.prov-form-container{padding:0 12px 16px}.prov-form-header{flex-direction:column;align-items:flex-start;gap:12px}.prov-form-grid{grid-template-columns:1fr}.prov-form-footer{flex-direction:column;gap:10px}.prov-form-footer button{width:100%;justify-content:center}}.nc-container{padding:24px;color:var(--text);width:100%}.nc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.nc-header-left{display:flex;align-items:center;gap:14px}.nc-header-left svg{color:var(--text-muted, #888)}.nc-header-left h1{font-size:24px;font-weight:700;margin:0;color:var(--text)}.nc-header-left p{margin:2px 0 0;font-size:13px;color:var(--text-muted, #888)}.nc-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px}.nc-summary-card{display:flex;align-items:center;gap:16px;padding:24px 28px;border-radius:14px;color:#fff;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.nc-summary-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.nc-summary-card:after{content:"";position:absolute;top:-25px;right:-25px;width:80px;height:80px;border-radius:50%;background:#ffffff1a}.nc-card-total{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.nc-card-monto{background:linear-gradient(135deg,#ef4444,#dc2626)}.nc-card-ultima{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.nc-summary-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:#fff3;flex-shrink:0}.nc-summary-icon svg{stroke:#fff}.nc-summary-info{display:flex;flex-direction:column}.nc-summary-label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;opacity:.85;margin-bottom:4px}.nc-summary-value{font-size:20px;font-weight:700;line-height:1.2}.nc-table-box{background:var(--bg-panel);border-radius:12px;border:1px solid var(--border);overflow:hidden;box-shadow:0 2px 12px #00000014;transition:box-shadow .2s}.nc-table-box:hover{box-shadow:0 4px 20px #0000001f}.nc-table-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.nc-table-header h3{font-size:15px;font-weight:600;margin:0}.nc-table-count{font-size:12px;color:#fff;background:#3b82f6;padding:3px 10px;border-radius:12px;font-weight:500}.nc-table-wrap{width:100%;overflow:auto;max-height:60vh}.nc-table{width:100%;border-collapse:collapse;font-size:13px;color:var(--text)}.nc-table thead{position:sticky;top:0;z-index:1}.nc-table thead th{padding:12px 14px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted, #888);background:var(--bg-panel);border-bottom:2px solid var(--border)}.nc-table tbody td{padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text);transition:background .15s;vertical-align:middle}.nc-table tbody tr:hover td{background:var(--bg-panel-2, #f0f0f0)}.nc-table tbody tr:last-child td{border-bottom:none}.col-index{width:44px}.col-actions{width:100px}.nc-col-index{color:var(--text-muted, #888);font-size:12px;font-weight:500}.nc-doc-code{display:inline-block;padding:3px 10px;background:#8b5cf61a;color:#8b5cf6;border-radius:6px;font-size:12px;font-weight:700;font-family:monospace;letter-spacing:.5px}.nc-venta-code{display:inline-block;padding:2px 8px;background:#64748b1a;color:#64748b;border-radius:4px;font-size:12px;font-weight:500;font-family:monospace}.nc-motivo-badge{display:inline-block;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.nc-motivo-anulacion{background:#ef44441a;color:#ef4444}.nc-motivo-devolucion{background:#f59e0b1a;color:#f59e0b}.nc-motivo-correccion{background:#3b82f61a;color:#3b82f6}.col-money{text-align:right;font-variant-numeric:tabular-nums}.nc-monto{font-weight:700;color:#ef4444;font-size:14px}.col-date{white-space:nowrap}.nc-fecha{display:flex;flex-direction:column;line-height:1.3}.nc-fecha-dia{font-weight:700;font-size:14px;color:var(--text)}.nc-fecha-mes{font-size:11px;color:var(--text-muted, #888);text-transform:capitalize}.nc-btn-imprimir{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:none;border-radius:6px;background:#3b82f61a;color:#3b82f6;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.nc-btn-imprimir:hover{background:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f64d}.nc-empty{text-align:center;padding:48px 14px!important;color:var(--text-muted, #888)}.nc-empty svg{display:block;margin:0 auto 12px;opacity:.35}@media(max-width:768px){.nc-container{padding:16px}.nc-summary{grid-template-columns:1fr}.nc-summary-value{font-size:18px}.nc-table-wrap{max-height:50vh}.nc-motivo-badge{font-size:10px;padding:2px 6px}}.print-area{padding:20px;margin:15px auto;border:1px solid #ddd;max-width:300px;background:#fff;font-family:Courier New,monospace}.print-header{text-align:center;margin-bottom:10px}.print-header h2{margin:0;font-size:24px;font-weight:700}.print-sub{font-size:15px;color:#555}.print-info,.print-client{font-size:15px;margin-bottom:10px}.print-table{width:100%;margin-top:10px;border-collapse:collapse;font-size:15px}.print-table th,.print-table td{border-bottom:1px dashed #aaa;padding:4px 0}.print-totales{margin-top:10px;font-size:15px}.print-totales p{margin:3px 0}.buttons{display:flex;justify-content:space-between;margin-top:20px}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{position:absolute;left:0;top:0;width:280px!important;padding:10px;border:none}.btn,.buttons,.nc-header,.nc-summary,.nc-table-box{display:none!important}}.nota-wrapper{max-width:980px;margin:0 auto}.loading{font-size:18px;font-weight:600;text-align:center;padding:20px}.table-wrapper{overflow-x:auto;margin-top:15px}.datatable{width:100%;border-collapse:collapse}.datatable th,.datatable td{padding:8px 10px;border:1px solid #ddd;font-size:14px}.datatable th{background:#f4f4f4;font-weight:600}.nota-resumen{background:#f8f8f8;padding:12px 15px;border-radius:4px;margin-bottom:20px;border:1px solid #ddd}.nota-resumen p{margin:2px 0;font-size:14px}.nota-total{background:#eef7ff;padding:15px;border-left:4px solid #3196f3;margin:20px 0;font-size:18px;font-weight:600}.print-area{width:100%;padding:20px;border:1px solid #e1e1e1;margin-bottom:25px;background:#fff;border-radius:6px;color:#000}.print-header h2{text-align:center;margin:0;font-size:26px;font-weight:700}.print-sub{text-align:center;font-size:13px;color:#777;margin-top:3px}.print-info,.print-client{margin-top:15px;font-size:14px;line-height:1.4}.print-table{width:100%;margin-top:15px;border-collapse:collapse}.print-table th,.print-table td{border:1px solid #ccc;padding:6px 8px;font-size:14px}.print-table th{background:#f0f0f0;font-weight:600}.print-totales{margin-top:20px;font-size:15px;border-top:1px solid #ccc;padding-top:10px}.buttons{display:flex;justify-content:space-between;margin-top:25px}.buttons .btn{min-width:150px}@media print{body *{visibility:hidden!important}.print-area,.print-area *{visibility:visible!important}.print-area{position:absolute;left:0;top:0;width:100%!important;max-width:100%!important;padding:18px 22px!important;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important}.buttons,.nota-resumen,.datatable,.box-header{display:none!important}.print-header h2{font-size:20px;margin-bottom:4px}.print-sub{font-size:11px;margin-top:1px}.print-info,.print-client{font-size:11px;margin-top:8px}.print-table th,.print-table td{padding:4px 6px;font-size:11px}.print-totales{font-size:12px;margin-top:10px;padding-top:6px}}.rec-container{width:100%;padding:0 24px 24px;color:var(--text)}.rec-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-top:24px}.rec-header-left{display:flex;align-items:center;gap:14px}.rec-header-left svg{color:var(--text-muted, #94a3b8)}.rec-header-left h1{font-size:24px;font-weight:700;margin:0;color:var(--text)}.rec-header-left p{margin:2px 0 0;font-size:13px;color:var(--text-muted, #888)}.rec-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.rec-search-box{display:flex;align-items:center;gap:10px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:10px;padding:10px 16px;flex:1;max-width:400px;transition:border-color .2s}.rec-search-box:focus-within{border-color:#3b82f6}.rec-search-box svg{color:var(--text-muted, #64748b);flex-shrink:0}.rec-search-box input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:14px}.rec-search-box input::placeholder{color:var(--text-muted, #64748b)}.rec-search-clear{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted, #64748b);cursor:pointer;padding:2px;border-radius:4px;transition:color .2s,background .2s}.rec-search-clear:hover{color:#ef4444;background:#ef44441a}.rec-btn-create{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.rec-btn-create svg{width:16px;height:16px}.rec-btn-create:hover{box-shadow:0 4px 15px #8b5cf64d;transform:translateY(-1px)}.rec-stats{display:flex;gap:12px;margin-left:auto}.rec-stat-chip{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:8px;font-size:12px;color:var(--text-muted, #94a3b8)}.rec-stat-chip svg{width:14px;height:14px}.rec-stat-chip strong{color:var(--text);font-size:14px}.rec-stat-chip+.rec-stat-chip{margin-left:8px}.rec-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #00000026}.rec-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);background:var(--bg-panel-2, #1e293b)}.rec-panel-title{font-size:16px;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.rec-panel-title svg{width:20px;height:20px;color:var(--text-muted, #94a3b8)}.rec-table-wrap{overflow-x:auto}.rec-table{width:100%;border-collapse:collapse;font-size:13px;color:var(--text)}.rec-table thead th{padding:14px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted, #888);background:var(--bg-panel-2, #1e293b);border-bottom:2px solid var(--border);white-space:nowrap}.rec-table thead th.col-center{text-align:center}.rec-table thead th.col-money{text-align:right}.rec-table tbody td{padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.rec-table tbody tr:hover td{background:#8b5cf608}.rec-table tbody tr:last-child td{border-bottom:none}.rec-id{display:inline-block;padding:2px 8px;background:#64748b1a;color:#64748b;border-radius:4px;font-size:11px;font-family:monospace}.rec-nombre{font-weight:600;color:var(--text)}.rec-producto{color:var(--text-muted, #94a3b8);font-size:12px}.rec-porciones{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#3b82f61a;color:#3b82f6;border-radius:8px;font-weight:600;font-size:13px}.rec-merma{font-variant-numeric:tabular-nums;color:var(--text-muted, #94a3b8)}.rec-merma-con-merma{color:#f59e0b}.rec-ingredientes{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#10b9811a;color:#10b981;border-radius:6px;font-weight:600;font-size:12px}.rec-ingredientes svg{width:12px;height:12px}.rec-money{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.rec-money-cost{color:var(--text)}.rec-money-price{color:#10b981}.rec-actions{display:flex;gap:6px;justify-content:center}.rec-btn-action{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-muted, #94a3b8);cursor:pointer;transition:all .2s}.rec-btn-action svg{width:14px;height:14px}.rec-btn-view:hover{border-color:#3b82f6;color:#3b82f6;background:#3b82f614}.rec-btn-edit:hover{border-color:#f59e0b;color:#f59e0b;background:#f59e0b14}.rec-btn-delete:hover{border-color:#ef4444;color:#ef4444;background:#ef444414}.rec-empty{text-align:center;padding:60px 20px;color:var(--text-muted, #94a3b8)}.rec-empty svg{display:block;margin:0 auto 16px;opacity:.3}.rec-empty p{margin:0;font-size:16px;font-weight:600;color:var(--text)}.rec-empty span{display:block;margin-top:4px;font-size:13px;color:var(--text-muted, #94a3b8)}@media(max-width:1024px){.rec-stats{display:none}}@media(max-width:768px){.rec-container{padding:0 12px 16px}.rec-header{flex-direction:column;align-items:flex-start;gap:12px}.rec-toolbar{flex-wrap:wrap}.rec-search-box{max-width:none;flex:1 1 100%}.rec-table thead th,.rec-table tbody td{padding:10px}.rec-actions{gap:4px}.rec-btn-action{width:28px;height:28px}}.rec-form-container{width:100%;padding:0 24px 24px;color:var(--text)}.rec-form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-top:24px}.rec-form-header-left{display:flex;align-items:center;gap:14px}.rec-form-header-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf626,#7c3aed26);border:1px solid rgba(139,92,246,.3)}.rec-form-header-icon svg{color:#8b5cf6}.rec-form-header-icon.edit{background:linear-gradient(135deg,#f59e0b26,#d9770626);border-color:#f59e0b4d}.rec-form-header-icon.edit svg{color:#f59e0b}.rec-form-header-text h1{font-size:24px;font-weight:700;margin:0;color:var(--text)}.rec-form-header-text p{margin:4px 0 0;font-size:13px;color:var(--text-muted, #94a3b8)}.rec-form-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px}.rec-form-toolbar-spacer{flex:1}.rec-form-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.rec-form-btn svg{width:16px;height:16px}.rec-form-btn-back{background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);color:var(--text)}.rec-form-btn-back:hover{border-color:#3b82f6;color:#3b82f6}.rec-form-btn-back:disabled{opacity:.5;cursor:not-allowed}.rec-form-btn-save{background:linear-gradient(135deg,#10b981,#059669);color:#fff;min-width:140px;justify-content:center}.rec-form-btn-save:hover{box-shadow:0 4px 15px #10b9814d;transform:translateY(-1px)}.rec-form-btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes rec-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rec-form-btn-save svg.spinning{animation:rec-spin 1s linear infinite}.rec-form-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #00000026}.rec-form-alert{display:flex;align-items:center;gap:12px;padding:14px 20px;margin:16px 24px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;font-size:13px;animation:rec-slideDown .3s ease}@keyframes rec-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.rec-form-alert svg{width:18px;height:18px;flex-shrink:0}.rec-form-alert-close{margin-left:auto;background:none;border:none;color:#ef4444;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s}.rec-form-alert-close:hover{background:#ef444433}.rec-form-section{padding:24px;border-bottom:1px solid var(--border)}.rec-form-section:last-child{border-bottom:none}.rec-form-section-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;margin:0 0 20px;color:var(--text)}.rec-form-section-title svg{width:18px;height:18px;color:var(--text-muted, #94a3b8)}.rec-form-section-title .badge{margin-left:8px;padding:2px 8px;background:#8b5cf61a;color:#8b5cf6;border-radius:10px;font-size:11px;font-weight:600}.rec-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.rec-form-group{display:flex;flex-direction:column;gap:8px}.rec-form-group.full{grid-column:span 2}.rec-form-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #94a3b8);display:flex;align-items:center;gap:6px}.rec-form-label .required{color:#ef4444}.rec-form-input,.rec-form-select{width:100%;padding:12px 14px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:14px;transition:all .2s;box-sizing:border-box}.rec-form-input:hover,.rec-form-select:hover{border-color:#8b5cf64d}.rec-form-input:focus,.rec-form-select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.rec-form-input:disabled,.rec-form-select:disabled{opacity:.5;cursor:not-allowed}.rec-form-input::placeholder{color:var(--text-muted, #64748b)}.rec-form-input.error{border-color:#ef4444}.rec-form-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.rec-form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.rec-form-hint{font-size:12px;color:var(--text-muted, #94a3b8);margin-top:2px}.rec-form-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.rec-form-metric{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:12px;transition:all .2s}.rec-form-metric:hover{border-color:#8b5cf64d;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.rec-form-metric-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #94a3b8);display:flex;align-items:center;gap:6px}.rec-form-metric-label svg{width:14px;height:14px}.rec-form-metric-value{font-size:22px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.rec-form-metric-value.positive{color:#10b981}.rec-form-metric-value.negative{color:#ef4444}.rec-form-metric-value.warning{color:#f59e0b}.rec-form-stock-alert{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;margin-top:20px;background:linear-gradient(135deg,#f59e0b1a,#d977060d);border:1px solid rgba(245,158,11,.3);border-radius:12px;animation:rec-slideDown .3s ease}.rec-form-stock-alert-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#f59e0b33;flex-shrink:0}.rec-form-stock-alert-icon svg{color:#f59e0b}.rec-form-stock-alert-content{flex:1}.rec-form-stock-alert-title{font-size:13px;font-weight:600;color:#f59e0b;margin-bottom:4px}.rec-form-stock-alert-text{font-size:12px;color:var(--text-muted, #94a3b8);line-height:1.5}.rec-form-stock-alert-text strong{color:#fbbf24}.rec-form-table-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.rec-form-table-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;margin:0;color:var(--text)}.rec-form-table-title svg{width:18px;height:18px;color:#10b981}.rec-form-btn-add{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.rec-form-btn-add svg{width:16px;height:16px}.rec-form-btn-add:hover{box-shadow:0 4px 15px #10b9814d;transform:translateY(-1px)}.rec-form-btn-add:disabled{opacity:.6;cursor:not-allowed;transform:none}.rec-form-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px}.rec-form-table{width:100%;border-collapse:collapse;font-size:13px;color:var(--text);min-width:800px}.rec-form-table thead th{padding:14px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted, #888);background:var(--bg-panel-2, #1e293b);border-bottom:2px solid var(--border);white-space:nowrap}.rec-form-table thead th.col-center{text-align:center}.rec-form-table thead th.col-money{text-align:right}.rec-form-th-id{width:60px}.rec-form-qty-input{width:90px}.rec-form-table tbody td{padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.rec-form-table tbody tr:hover td{background:#10b98108}.rec-form-table tbody tr:last-child td{border-bottom:none}.rec-form-cell-input{min-width:140px}.rec-form-cell-input .rec-form-input,.rec-form-cell-input .rec-form-select{padding:10px 12px;font-size:13px}.rec-form-cell-center{text-align:center}.rec-form-cell-money{text-align:right}.rec-form-stock-info{text-align:center;color:var(--text-muted, #94a3b8);font-size:12px;white-space:nowrap}.rec-form-rendimiento{text-align:center;font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}.rec-form-rendimiento.ok{color:#10b981}.rec-form-rendimiento.warn{color:#f59e0b}.rec-form-rendimiento.bad{color:#ef4444}.rec-form-btn-remove{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-muted, #94a3b8);cursor:pointer;transition:all .2s}.rec-form-btn-remove svg{width:16px;height:16px}.rec-form-btn-remove:hover{border-color:#ef4444;color:#ef4444;background:#ef44441a}.rec-form-btn-remove:disabled{opacity:.5;cursor:not-allowed}.rec-form-empty{text-align:center;padding:50px 20px;color:var(--text-muted, #94a3b8)}.rec-form-empty-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;background:#10b9811a;border:1px dashed rgba(16,185,129,.3)}.rec-form-empty-icon svg{color:#10b981;opacity:.5}.rec-form-empty p{margin:0;font-size:14px;font-weight:600;color:var(--text)}.rec-form-empty span{display:block;margin-top:4px;font-size:12px;color:var(--text-muted, #94a3b8)}.rec-form-footer{padding:20px 24px;border-top:1px solid var(--border);background:var(--bg-panel-2, #1e293b);display:flex;align-items:center;justify-content:space-between}.rec-form-footer-info{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted, #94a3b8)}.rec-form-footer-info svg{width:14px;height:14px}.rec-form-footer-actions{display:flex;gap:12px}@media(max-width:1024px){.rec-form-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.rec-form-container{padding:0 12px 16px}.rec-form-header{flex-direction:column;align-items:flex-start;gap:12px}.rec-form-toolbar{flex-wrap:wrap;padding:12px 16px}.rec-form-section{padding:16px}.rec-form-grid{grid-template-columns:1fr}.rec-form-group.full{grid-column:span 1}.rec-form-metrics{grid-template-columns:1fr}.rec-form-metric-value{font-size:18px}.rec-form-table-header{flex-direction:column;align-items:flex-start;gap:12px}.rec-form-footer{flex-direction:column;gap:12px}}.rec-det-container{width:100%;padding:0 24px 24px;color:var(--text)}.rec-det-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-top:24px}.rec-det-header-left{display:flex;align-items:center;gap:14px}.rec-det-header-left svg{color:var(--text-muted, #94a3b8)}.rec-det-header-left h1{font-size:24px;font-weight:700;margin:0;color:var(--text)}.rec-det-header-left p{margin:2px 0 0;font-size:13px;color:var(--text-muted, #888)}.rec-det-btn-back{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.rec-det-btn-back:hover{border-color:#3b82f6;color:#3b82f6}.rec-det-btn-back svg{width:16px;height:16px}.rec-det-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.rec-det-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.rec-det-btn svg{width:16px;height:16px}.rec-det-btn-edit{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.rec-det-btn-edit:hover{box-shadow:0 4px 15px #f59e0b4d}.rec-det-btn-print{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.rec-det-btn-print:hover{box-shadow:0 4px 15px #3b82f64d}.rec-det-btn-save{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.rec-det-btn-save:hover{box-shadow:0 4px 15px #10b9814d}.rec-det-btn-save:disabled{opacity:.6;cursor:not-allowed}.rec-det-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #00000026}.rec-det-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);background:var(--bg-panel-2, #1e293b)}.rec-det-panel-title{font-size:16px;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.rec-det-panel-title svg{width:20px;height:20px;color:var(--text-muted, #94a3b8)}.rec-det-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px;border-bottom:1px solid var(--border)}.rec-det-metric{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:12px;transition:transform .2s,box-shadow .2s}.rec-det-metric:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.rec-det-metric-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #94a3b8);display:flex;align-items:center;gap:6px}.rec-det-metric-label svg{width:14px;height:14px}.rec-det-metric-value{font-size:20px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.rec-det-metric-value.positive{color:#10b981}.rec-det-metric-value.negative{color:#ef4444}.rec-det-metric-value.highlight{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rec-det-section{padding:24px}.rec-det-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.rec-det-section-title{font-size:16px;font-weight:600;margin:0;display:flex;align-items:center;gap:10px;color:var(--text)}.rec-det-section-title svg{width:20px;height:20px;color:var(--text-muted, #94a3b8)}.rec-det-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px}.rec-det-table{width:100%;border-collapse:collapse;font-size:13px;color:var(--text)}.rec-det-table thead th{padding:14px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted, #888);background:var(--bg-panel-2, #1e293b);border-bottom:2px solid var(--border);white-space:nowrap}.rec-det-table thead th.col-center{text-align:center}.rec-det-table thead th.col-money{text-align:right}.rec-det-table tbody td{padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.rec-det-table tbody tr:hover td{background:#3b82f608}.rec-det-table tbody tr:last-child td{border-bottom:none}.rec-det-table tfoot td{padding:14px;border-top:2px solid var(--border);background:var(--bg-panel-2, #1e293b);font-weight:700;color:var(--text)}.rec-det-product-name{font-weight:600;color:var(--text)}.rec-det-cantidad{text-align:center;font-variant-numeric:tabular-nums}.rec-det-unidad{display:inline-block;padding:2px 8px;background:#8b5cf61a;color:#8b5cf6;border-radius:4px;font-size:11px;font-weight:500;text-transform:uppercase}.rec-det-money{text-align:right;font-variant-numeric:tabular-nums}.rec-det-subtotal{font-weight:600;color:#10b981}.rec-det-total-label{text-align:right}.rec-det-total-value{text-align:right;font-size:16px;font-weight:700;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rec-det-form{padding:24px}.rec-det-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.rec-det-form-group{display:flex;flex-direction:column;gap:8px}.rec-det-form-group.full-width{grid-column:span 2}.rec-det-form-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #94a3b8)}.rec-det-form-input,.rec-det-form-select{width:100%;padding:10px 14px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;transition:border-color .2s;box-sizing:border-box}.rec-det-form-input:focus,.rec-det-form-select:focus{outline:none;border-color:#3b82f6}.rec-det-form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.rec-det-form-hint{font-size:12px;color:var(--text-muted, #94a3b8)}.rec-det-alert{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:10px;color:#f59e0b;font-size:13px;margin-bottom:20px}.rec-det-alert svg{width:18px;height:18px;flex-shrink:0}.rec-det-alert strong{color:#fbbf24}.rec-det-btn-add{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.rec-det-btn-add svg{width:14px;height:14px}.rec-det-btn-add:hover{box-shadow:0 4px 12px #10b9814d}.rec-det-btn-add:disabled{opacity:.6;cursor:not-allowed}.rec-det-btn-remove{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-muted, #94a3b8);cursor:pointer;transition:all .2s}.rec-det-btn-remove svg{width:14px;height:14px}.rec-det-btn-remove:hover{border-color:#ef4444;color:#ef4444;background:#ef444414}.rec-det-btn-remove:disabled{opacity:.5;cursor:not-allowed}.rec-det-rendimiento{text-align:center;font-weight:600;font-variant-numeric:tabular-nums}.rec-det-rendimiento.ok{color:#10b981}.rec-det-rendimiento.warn{color:#f59e0b}.rec-det-rendimiento.bad{color:#ef4444}.rec-det-stock-info{text-align:center;color:var(--text-muted, #94a3b8);font-size:12px}.rec-det-empty{text-align:center;padding:40px 20px;color:var(--text-muted, #94a3b8)}.rec-det-empty svg{display:block;margin:0 auto 12px;opacity:.3}.rec-det-empty p{margin:0;font-size:14px;font-weight:600;color:var(--text)}.rec-det-footer{padding:16px 24px;border-top:1px solid var(--border);background:var(--bg-panel-2, #1e293b);display:flex;justify-content:flex-end}.rec-det-footer-total{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-muted, #94a3b8)}.rec-det-footer-total svg{width:18px;height:18px}.rec-det-footer-total strong{font-size:20px;font-weight:700;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:1024px){.rec-det-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.rec-det-container{padding:0 12px 16px}.rec-det-header{flex-direction:column;align-items:flex-start;gap:12px}.rec-det-toolbar{flex-wrap:wrap}.rec-det-metrics{grid-template-columns:1fr;padding:16px}.rec-det-form-grid{grid-template-columns:1fr}.rec-det-form-group.full-width{grid-column:span 1}.rec-det-panel-header{flex-direction:column;align-items:flex-start;gap:12px}}.rep-recetas{padding:18px}.rep-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.rep-title{margin:0;font-size:22px}.rep-sub{margin:6px 0 0;opacity:.8}.rep-actions{display:flex;gap:10px;align-items:center}.rep-table .ok{color:#22c55e;font-weight:800}.rep-table .bad{color:#ef4444;font-weight:800}.rep-note{margin-top:14px}.rep-note span{font-size:13px;color:var(--text-muted)}.inv-container{width:100%;padding:0 24px 24px;color:var(--text)}.inv-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-top:24px}.inv-header-left{display:flex;align-items:center;gap:14px}.inv-header-left svg{color:var(--text-muted, #94a3b8)}.inv-header-left h1{font-size:24px;font-weight:700;margin:0;color:var(--text)}.inv-header-left p{margin:2px 0 0;font-size:13px;color:var(--text-muted, #888)}.inv-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.inv-search-box{display:flex;align-items:center;gap:10px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:10px;padding:10px 16px;flex:1;max-width:400px;transition:border-color .2s}.inv-search-box:focus-within{border-color:#3b82f6}.inv-search-box svg{color:var(--text-muted, #64748b);flex-shrink:0}.inv-search-box input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:14px}.inv-search-box input::placeholder{color:var(--text-muted, #64748b)}.inv-search-clear{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted, #64748b);cursor:pointer;padding:2px;border-radius:4px;transition:color .2s,background .2s}.inv-search-clear:hover{color:#ef4444;background:#ef44441a}.inv-stats{display:flex;gap:12px;margin-left:auto}.inv-stat-chip{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:8px;font-size:12px;color:var(--text-muted, #94a3b8)}.inv-stat-chip strong{color:var(--text);font-size:14px}.inv-stat-chip+.inv-stat-chip{margin-left:8px}.inv-spin{animation:inv-spinAnim 1s linear infinite}@keyframes inv-spinAnim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.inv-modal-warning-text{margin-top:12px;font-size:13px;color:#94a3b8}.inv-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #00000026}.inv-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);background:var(--bg-panel-2, #1e293b)}.inv-panel-title{font-size:16px;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.inv-panel-title svg{width:20px;height:20px;color:var(--text-muted, #94a3b8)}.inv-table-wrap{overflow-x:auto}.inv-table{width:100%;border-collapse:collapse;font-size:13px;color:var(--text)}.inv-table thead th{padding:14px 16px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted, #888);background:var(--bg-panel-2, #1e293b);border-bottom:2px solid var(--border);white-space:nowrap}.inv-table thead th.col-money{text-align:right}.inv-table tbody td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.inv-table tbody tr:hover td{background:#3b82f608}.inv-table tbody tr:last-child td{border-bottom:none}.inv-product-name{font-weight:500;color:var(--text)}.inv-codigo{display:inline-block;padding:2px 8px;background:#64748b1a;color:#64748b;border-radius:4px;font-size:12px;font-family:monospace}.inv-categoria{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;background:#8b5cf61a;color:#8b5cf6;border-radius:6px;font-size:12px;font-weight:500}.inv-categoria svg{width:12px;height:12px}.inv-stock-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.inv-stock-badge svg{width:14px;height:14px}.inv-stock-ok{background:#10b9811a;color:#10b981}.inv-stock-low{background:#f59e0b1a;color:#f59e0b}.inv-stock-empty{background:#ef44441a;color:#ef4444}.inv-money{text-align:right;font-variant-numeric:tabular-nums;color:var(--text)}.inv-price-buy{color:#94a3b8}.inv-price-sell{color:#10b981;font-weight:600}.inv-actions{display:flex;gap:6px}.inv-btn-action{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-muted, #94a3b8);font-size:11px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.inv-btn-action svg{width:12px;height:12px}.inv-btn-history:hover{border-color:#3b82f6;color:#3b82f6;background:#3b82f614}.inv-btn-adjust:hover{border-color:#f59e0b;color:#f59e0b;background:#f59e0b14}.inv-empty{text-align:center;padding:60px 20px;color:var(--text-muted, #94a3b8)}.inv-empty svg{display:block;margin:0 auto 16px;opacity:.3}.inv-empty p{margin:0;font-size:16px;font-weight:600;color:var(--text)}.inv-empty span{display:block;margin-top:4px;font-size:13px;color:var(--text-muted, #94a3b8)}.inv-modal-overlay{display:block;position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.inv-modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;width:100%;max-width:480px;box-shadow:0 20px 60px #0006;animation:slideUp .25s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.inv-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.inv-modal-header-left{display:flex;align-items:center;gap:12px}.inv-modal-header-left svg{width:20px;height:20px;color:#f59e0b}.inv-modal-title{font-size:16px;font-weight:600;margin:0;color:var(--text)}.inv-modal-close{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted, #64748b);cursor:pointer;padding:4px;border-radius:6px;transition:all .2s}.inv-modal-close:hover{background:#ef44441a;color:#ef4444}.inv-modal-body{padding:24px}.inv-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border)}.inv-form-group{margin-bottom:20px}.inv-form-group:last-child{margin-bottom:0}.inv-form-label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #94a3b8);margin-bottom:8px}.inv-form-select,.inv-form-input,.inv-form-textarea{width:100%;padding:10px 14px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;transition:border-color .2s;box-sizing:border-box}.inv-form-select:focus,.inv-form-input:focus,.inv-form-textarea:focus{outline:none;border-color:#3b82f6}.inv-form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.inv-form-textarea{resize:vertical;min-height:60px}.inv-form-hint{display:block;margin-top:6px;font-size:12px;color:var(--text-muted, #94a3b8)}.inv-form-hint strong{color:var(--text)}.inv-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.inv-btn svg{width:16px;height:16px}.inv-btn-cancel{background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);color:var(--text)}.inv-btn-cancel:hover{border-color:var(--text-muted, #64748b)}.inv-btn-confirm{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.inv-btn-confirm:hover{box-shadow:0 4px 15px #f59e0b4d}.inv-btn-confirm:disabled{opacity:.6;cursor:not-allowed}.inv-summary-box{background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin-bottom:20px}.inv-summary-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.inv-summary-row+.inv-summary-row{border-top:1px solid var(--border)}.inv-summary-label{font-size:12px;color:var(--text-muted, #94a3b8)}.inv-summary-value{font-size:14px;font-weight:600;color:var(--text)}.inv-summary-value-highlight{font-size:16px;font-weight:700;color:#10b981}@media(max-width:1024px){.inv-stats{display:none}}@media(max-width:768px){.inv-container{padding:0 12px 16px}.inv-header{flex-direction:column;align-items:flex-start;gap:12px}.inv-toolbar{flex-wrap:wrap}.inv-search-box{max-width:none;flex:1 1 100%}.inv-table thead th,.inv-table tbody td{padding:10px 12px}.inv-modal{margin:16px}}.hist-container{width:100%;padding:0 24px 24px;color:var(--text)}.hist-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-top:24px}.hist-header-left{display:flex;align-items:center;gap:14px}.hist-header-left svg{color:var(--text-muted, #94a3b8)}.hist-header-left h1{font-size:24px;font-weight:700;margin:0;color:var(--text)}.hist-header-left p{margin:2px 0 0;font-size:13px;color:var(--text-muted, #888)}.hist-btn-back{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.hist-btn-back:hover{border-color:#3b82f6;color:#3b82f6}.hist-btn-back svg{width:16px;height:16px}.hist-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.hist-stat-chip{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:10px;font-size:13px;color:var(--text-muted, #94a3b8)}.hist-stat-chip svg{width:16px;height:16px}.hist-stat-chip strong{color:var(--text)}.hist-stat-chip.entradas{border-color:#10b9814d}.hist-stat-chip.entradas strong{color:#10b981}.hist-stat-chip.salidas{border-color:#ef44444d}.hist-stat-chip.salidas strong{color:#ef4444}.hist-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #00000026}.hist-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);background:var(--bg-panel-2, #1e293b)}.hist-panel-title{font-size:16px;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.hist-panel-title svg{width:20px;height:20px;color:var(--text-muted, #94a3b8)}.hist-panel-subtitle{font-size:13px;color:var(--text-muted, #94a3b8);font-weight:400}.hist-table-wrap{overflow-x:auto}.hist-table{width:100%;border-collapse:collapse;font-size:13px;color:var(--text)}.hist-table thead th{padding:14px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted, #888);background:var(--bg-panel-2, #1e293b);border-bottom:2px solid var(--border);white-space:nowrap}.hist-table thead th.col-center{text-align:center}.hist-table tbody td{padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.hist-table tbody tr:hover td{background:#3b82f608}.hist-table tbody tr:last-child td{border-bottom:none}.hist-date{display:flex;flex-direction:column;gap:2px}.hist-date-day{font-weight:600;color:var(--text);font-size:13px}.hist-date-time{font-size:11px;color:var(--text-muted, #94a3b8);font-variant-numeric:tabular-nums}.hist-tipo-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.hist-tipo-badge svg{width:12px;height:12px}.hist-tipo-entrada{background:#10b9811a;color:#10b981}.hist-tipo-compra{background:#3b82f61a;color:#3b82f6}.hist-tipo-devolucion{background:#06b6d41a;color:#06b6d4}.hist-tipo-salida{background:#ef44441a;color:#ef4444}.hist-tipo-merma{background:#f59e0b1a;color:#f59e0b}.hist-tipo-ajuste{background:#64748b1a;color:#64748b}.hist-cantidad{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-variant-numeric:tabular-nums}.hist-cantidad svg{width:14px;height:14px}.hist-cantidad.positivo{color:#10b981}.hist-cantidad.negativo{color:#ef4444}.hist-stock{display:flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums}.hist-stock-value{font-weight:600;min-width:30px;text-align:center}.hist-stock-arrow{display:flex;align-items:center;color:var(--text-muted, #64748b)}.hist-stock-arrow svg{width:16px;height:16px}.hist-stock-nuevo.up .hist-stock-value{color:#10b981}.hist-stock-nuevo.down .hist-stock-value{color:#ef4444}.hist-stock-nuevo.same .hist-stock-value{color:var(--text-muted, #94a3b8)}.hist-referencia{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;background:#8b5cf61a;color:#8b5cf6;border-radius:6px;font-size:12px;font-weight:500}.hist-referencia svg{width:12px;height:12px}.hist-referencia-manual{background:#64748b1a;color:#64748b;font-style:italic}.hist-usuario{display:flex;align-items:center;gap:8px}.hist-usuario-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;flex-shrink:0}.hist-usuario-name{font-size:13px;color:var(--text)}.hist-nota{font-size:12px;color:var(--text-muted, #94a3b8);font-style:italic;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hist-nota-empty{color:var(--text-muted, #64748b);font-style:normal}.hist-empty{text-align:center;padding:60px 20px;color:var(--text-muted, #94a3b8)}.hist-empty svg{display:block;margin:0 auto 16px;opacity:.3}.hist-empty p{margin:0;font-size:16px;font-weight:600;color:var(--text)}.hist-empty span{display:block;margin-top:4px;font-size:13px;color:var(--text-muted, #94a3b8)}@media(max-width:1024px){.hist-toolbar{gap:8px}.hist-table thead th,.hist-table tbody td{padding:10px;font-size:12px}}@media(max-width:768px){.hist-container{padding:0 12px 16px}.hist-header{flex-direction:column;align-items:flex-start;gap:12px}.hist-toolbar{flex-direction:column;align-items:stretch}.hist-stat-chip{justify-content:center}.hist-panel-header{flex-direction:column;align-items:flex-start;gap:12px}.hist-usuario{flex-direction:column;align-items:flex-start;gap:4px}}.c-list-container{width:100%;padding:0 24px 24px;color:var(--text)}.c-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-top:24px}.c-list-header-left{display:flex;align-items:center;gap:14px}.c-list-header-left svg{color:var(--text-muted, #888)}.c-list-header-left h1{font-size:24px;font-weight:700;margin:0;color:var(--text)}.c-list-header-left p{margin:2px 0 0;font-size:13px;color:var(--text-muted, #888)}.c-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;flex-wrap:wrap}.c-list-toolbar-left,.c-list-toolbar-right{display:flex;align-items:center;gap:10px}.c-list-search-box{position:relative;display:flex;align-items:center}.c-list-search-box svg{position:absolute;left:12px;width:16px;height:16px;color:var(--text-muted, #94a3b8);pointer-events:none}.c-list-search-input{padding:10px 36px 10px 38px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;min-width:260px;transition:border-color .2s,box-shadow .2s}.c-list-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.c-list-search-clear{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:6px;background:transparent;color:var(--text-muted, #94a3b8);cursor:pointer;transition:all .15s}.c-list-search-clear:hover{background:#ef44441a;color:#ef4444}.c-list-search-clear svg{position:static;width:14px;height:14px}.c-list-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.c-list-btn svg{width:16px;height:16px}.c-list-btn-cxp{background:#8b5cf61a;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.c-list-btn-cxp:hover{background:#8b5cf6;color:#fff;box-shadow:0 4px 12px #8b5cf64d}.c-list-btn-create{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 12px #3b82f640}.c-list-btn-create:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f659}.c-list-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #00000026}.c-list-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.c-list-panel-title{font-size:15px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.c-list-panel-title svg{width:18px;height:18px;color:var(--text-muted, #94a3b8)}.c-list-count{font-size:12px;color:#fff;background:#3b82f6;padding:3px 10px;border-radius:12px;font-weight:500}.c-list-table-wrap{overflow-x:auto}.c-list-th-actions{width:120px}.c-list-table{width:100%;border-collapse:collapse;font-size:13px;color:var(--text)}.c-list-table thead{position:sticky;top:0;z-index:1}.c-list-table thead th{padding:12px 14px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted, #888);background:var(--bg-panel);border-bottom:2px solid var(--border)}.c-list-table tbody td{padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text);transition:background .15s;vertical-align:middle}.c-list-table tbody tr:hover td{background:var(--bg-panel-2, #f0f0f0)}.c-list-table tbody tr:last-child td{border-bottom:none}.c-list-codigo{display:inline-block;padding:3px 10px;background:#3b82f61a;color:#3b82f6;border-radius:6px;font-size:12px;font-weight:700;font-family:monospace}.c-list-proveedor{font-weight:500}.c-list-monto{font-weight:700;color:#10b981;font-variant-numeric:tabular-nums}.c-list-badge{display:inline-block;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.c-list-badge-pendiente{background:#f59e0b1a;color:#f59e0b}.c-list-badge-recibida{background:#10b9811a;color:#10b981}.c-list-badge-parcial{background:#3b82f61a;color:#3b82f6}.c-list-badge-anulada{background:#ef44441a;color:#ef4444}.c-list-fecha{font-size:12px;color:var(--text-muted, #94a3b8)}.c-list-acciones{display:flex;gap:6px}.c-list-btn-action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.c-list-btn-action svg{width:14px;height:14px}.c-list-btn-view{background:#3b82f61a;color:#3b82f6}.c-list-btn-view:hover{background:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f64d}.c-list-btn-receive{background:#10b9811a;color:#10b981}.c-list-btn-receive:hover{background:#10b981;color:#fff;box-shadow:0 2px 8px #10b9814d}.c-list-btn-cancel{background:#ef44441a;color:#ef4444}.c-list-btn-cancel:hover{background:#ef4444;color:#fff;box-shadow:0 2px 8px #ef44444d}.c-list-empty{text-align:center;padding:48px 14px!important;color:var(--text-muted, #888)}.c-list-empty svg{display:block;margin:0 auto 12px;opacity:.3}@media(max-width:768px){.c-list-container{padding:0 12px 16px}.c-list-header{flex-direction:column;align-items:flex-start;gap:12px}.c-list-toolbar{flex-direction:column;align-items:stretch}.c-list-toolbar-left,.c-list-toolbar-right{width:100%}.c-list-search-input{min-width:0;width:100%}.c-list-btn{width:100%;justify-content:center}}.cc-container{width:100%;padding:0 24px 24px;color:var(--text)}.cc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-top:24px}.cc-header-left{display:flex;align-items:center;gap:14px}.cc-header-left svg{color:var(--text-muted, #888)}.cc-header-left h1{font-size:24px;font-weight:700;margin:0;color:var(--text)}.cc-header-left p{margin:2px 0 0;font-size:13px;color:var(--text-muted, #888)}.cc-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #00000026}.cc-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.cc-panel-title{font-size:15px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.cc-panel-title svg{width:18px;height:18px;color:var(--text-muted, #94a3b8)}.cc-form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px;background:var(--bg-panel-2, #1e293b);border-bottom:1px solid var(--border)}.cc-form-group{display:flex;flex-direction:column}.cc-form-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #94a3b8);margin-bottom:8px}.cc-form-label svg{width:14px;height:14px;margin-right:6px}.cc-form-label-left{display:flex;align-items:center}.cc-toggle{display:flex;gap:4px;background:var(--bg-panel);border-radius:6px;padding:3px;border:1px solid var(--border)}.cc-toggle-btn{padding:4px 10px;background:transparent;border:none;border-radius:4px;color:var(--text-muted, #94a3b8);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s}.cc-toggle-btn:hover{color:var(--text)}.cc-toggle-btn.active{background:#3b82f6;color:#fff}.cc-input,.cc-select{width:100%;padding:10px 14px;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;transition:border-color .2s,box-shadow .2s}.cc-input:focus,.cc-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.cc-input::placeholder{color:var(--text-muted, #94a3b8);opacity:.6}.cc-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.cc-product-row{display:grid;grid-template-columns:1.5fr .7fr 1fr auto;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border);align-items:end}.cc-btn-add{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #10b98140;white-space:nowrap}.cc-btn-add:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98159}.cc-btn-add svg{width:16px;height:16px}.cc-table-wrap{overflow-x:auto}.cc-table{width:100%;border-collapse:collapse;font-size:13px;color:var(--text)}.cc-table thead th{padding:12px 14px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted, #888);background:var(--bg-panel-2, #1e293b);border-bottom:2px solid var(--border)}.cc-th-actions{width:60px}.cc-table tbody td{padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.cc-table tbody tr:hover td{background:#3b82f608}.cc-table tbody tr:last-child td{border-bottom:none}.cc-product-name{font-weight:500;color:var(--text)}.cc-money{font-variant-numeric:tabular-nums}.cc-subtotal{font-weight:700;color:#10b981}.cc-btn-remove{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:#ef44441a;color:#ef4444;cursor:pointer;transition:all .2s}.cc-btn-remove svg{width:14px;height:14px}.cc-btn-remove:hover{background:#ef4444;color:#fff;box-shadow:0 2px 8px #ef44444d}.cc-empty{text-align:center;padding:40px 14px!important;color:var(--text-muted, #888)}.cc-empty svg{display:block;margin:0 auto 12px;opacity:.3}.cc-table-footer{display:flex;justify-content:flex-end;padding:14px 20px;border-top:1px solid var(--border);background:var(--bg-panel-2, #1e293b)}.cc-total-label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-muted, #94a3b8);margin-right:20px}.cc-total-label svg{width:18px;height:18px}.cc-total-value{font-size:22px;font-weight:700;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cc-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid var(--border);background:var(--bg-panel-2, #1e293b)}.cc-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.cc-btn svg{width:16px;height:16px}.cc-btn-cancel{background:var(--bg-panel);border:1px solid var(--border);color:var(--text)}.cc-btn-cancel:hover{border-color:#ef4444;color:#ef4444}.cc-btn-save{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 12px #3b82f640}.cc-btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f659}.cc-btn-save:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.cc-form-row,.cc-product-row{grid-template-columns:1fr 1fr}}@media(max-width:768px){.cc-container{padding:0 12px 16px}.cc-form-row,.cc-product-row{grid-template-columns:1fr;padding:16px}.cc-footer{flex-direction:column}.cc-btn{width:100%;justify-content:center}}.dc-container{width:100%;padding:0 24px 24px;color:var(--text)}.dc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-top:24px}.dc-header-left{display:flex;align-items:center;gap:14px}.dc-header-left svg{color:var(--text-muted, #888)}.dc-header-left h1{font-size:24px;font-weight:700;margin:0;color:var(--text)}.dc-header-left p{margin:2px 0 0;font-size:13px;color:var(--text-muted, #888)}.dc-btn-back{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.dc-btn-back:hover{border-color:#3b82f6;color:#3b82f6}.dc-btn-back svg{width:16px;height:16px}.dc-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #00000026}.dc-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);background:var(--bg-panel-2, #1e293b)}.dc-panel-title{font-size:16px;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.dc-panel-title svg{width:20px;height:20px;color:var(--text-muted, #94a3b8)}.dc-badge{display:inline-block;padding:4px 12px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.dc-badge-pendiente{background:#f59e0b1a;color:#f59e0b}.dc-badge-recibida{background:#10b9811a;color:#10b981}.dc-badge-parcial{background:#3b82f61a;color:#3b82f6}.dc-badge-anulada{background:#ef44441a;color:#ef4444}.dc-proveedor-name{font-weight:600;color:var(--text)}.dc-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:24px;border-bottom:1px solid var(--border)}.dc-info-item{display:flex;flex-direction:column;gap:4px}.dc-info-item-full{grid-column:span 2}.dc-info-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #94a3b8);display:flex;align-items:center;gap:6px}.dc-info-label svg{width:14px;height:14px}.dc-info-value{font-size:14px;font-weight:500;color:var(--text)}.dc-info-value-highlight{font-size:18px;font-weight:700;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dc-info-value-note{font-size:13px;color:var(--text-muted, #94a3b8);font-style:italic}.dc-table-wrap{overflow-x:auto}.dc-table{width:100%;border-collapse:collapse;font-size:13px;color:var(--text)}.dc-table thead th{padding:12px 14px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted, #888);background:var(--bg-panel-2, #1e293b);border-bottom:2px solid var(--border)}.dc-table tbody td{padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.dc-table tbody tr:hover td{background:#3b82f608}.dc-table tbody tr:last-child td{border-bottom:none}.dc-product-name{font-weight:500;color:var(--text)}.dc-codigo{display:inline-block;padding:2px 8px;background:#64748b1a;color:#64748b;border-radius:4px;font-size:12px;font-family:monospace}.dc-money{font-variant-numeric:tabular-nums}.dc-subtotal{font-weight:700;color:#10b981}.dc-table-footer{display:flex;justify-content:flex-end;padding:16px 20px;border-top:2px solid var(--border);background:var(--bg-panel-2, #1e293b)}.dc-total-label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-muted, #94a3b8);margin-right:20px}.dc-total-label svg{width:18px;height:18px}.dc-total-value{font-size:22px;font-weight:700;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dc-empty{text-align:center;padding:60px 20px;color:var(--text-muted, #94a3b8)}.dc-empty svg{display:block;margin:0 auto 16px;opacity:.3}.dc-empty p{margin:0;font-size:16px;font-weight:600;color:var(--text)}@media(max-width:1024px){.dc-info-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dc-container{padding:0 12px 16px}.dc-header{flex-direction:column;align-items:flex-start;gap:12px}.dc-info-grid{grid-template-columns:1fr;padding:16px}.dc-panel-header{flex-direction:column;align-items:flex-start;gap:12px}}.cxpp-container{width:100%;padding:0 24px 24px;color:var(--text)}.cxpp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-top:24px}.cxpp-header-left{display:flex;align-items:center;gap:14px}.cxpp-header-left svg{color:var(--text-muted, #888)}.cxpp-header-left h1{font-size:24px;font-weight:700;margin:0;color:var(--text)}.cxpp-header-left p{margin:2px 0 0;font-size:13px;color:var(--text-muted, #888)}.cxpp-btn-back{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.cxpp-btn-back:hover{border-color:#3b82f6;color:#3b82f6}.cxpp-btn-back svg{width:16px;height:16px}.cxpp-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.cxpp-summary-card{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:12px;color:#fff;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.cxpp-summary-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.cxpp-summary-card:after{content:"";position:absolute;top:-25px;right:-25px;width:80px;height:80px;border-radius:50%;background:#ffffff1a}.cxpp-card-total{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.cxpp-card-pagado{background:linear-gradient(135deg,#10b981,#059669)}.cxpp-card-pendiente{background:linear-gradient(135deg,#f59e0b,#d97706)}.cxpp-card-vencida{background:linear-gradient(135deg,#ef4444,#dc2626)}.cxpp-summary-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:#fff3;flex-shrink:0}.cxpp-summary-icon svg{stroke:#fff}.cxpp-summary-info{display:flex;flex-direction:column}.cxpp-summary-label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;opacity:.85;margin-bottom:4px}.cxpp-summary-value{font-size:20px;font-weight:700;line-height:1.2}.cxpp-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #00000026}.cxpp-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.cxpp-panel-title{font-size:15px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.cxpp-panel-title svg{width:18px;height:18px;color:var(--text-muted, #94a3b8)}.cxpp-count{font-size:12px;color:#fff;background:#3b82f6;padding:3px 10px;border-radius:12px;font-weight:500}.cxpp-table-wrap{overflow-x:auto}.cxpp-th-actions{width:130px}.cxpp-table{width:100%;border-collapse:collapse;font-size:13px;color:var(--text)}.cxpp-table thead{position:sticky;top:0;z-index:1}.cxpp-table thead th{padding:12px 14px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted, #888);background:var(--bg-panel);border-bottom:2px solid var(--border)}.cxpp-table tbody td{padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text);transition:background .15s;vertical-align:middle}.cxpp-table tbody tr:hover td{background:var(--bg-panel-2, #f0f0f0)}.cxpp-table tbody tr:last-child td{border-bottom:none}.cxpp-compra-code{display:inline-block;padding:3px 10px;background:#3b82f61a;color:#3b82f6;border-radius:6px;font-size:12px;font-weight:700;font-family:monospace}.cxpp-proveedor{font-weight:500}.cxpp-monto{font-variant-numeric:tabular-nums}.cxpp-saldo{font-weight:700;color:#ef4444}.cxpp-badge{display:inline-block;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.cxpp-badge-pendiente{background:#f59e0b1a;color:#f59e0b}.cxpp-badge-parcial{background:#3b82f61a;color:#3b82f6}.cxpp-badge-pagada{background:#10b9811a;color:#10b981}.cxpp-vencimiento{font-size:12px;color:var(--text-muted, #94a3b8)}.cxpp-vencimiento-vencida{color:#ef4444;font-weight:600}.cxpp-btn-pago{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:none;border-radius:6px;background:#10b9811a;color:#10b981;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.cxpp-btn-pago:hover{background:#10b981;color:#fff;box-shadow:0 2px 8px #10b9814d}.cxpp-btn-pago svg{width:14px;height:14px}.cxpp-empty{text-align:center;padding:48px 14px!important;color:var(--text-muted, #888)}.cxpp-empty svg{display:block;margin:0 auto 12px;opacity:.35}.cxpp-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:cxpp-fadeIn .2s ease-out}@keyframes cxpp-fadeIn{0%{opacity:0}to{opacity:1}}.cxpp-modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;width:100%;max-width:440px;box-shadow:0 20px 60px #0006;animation:cxpp-slideUp .3s ease-out}@keyframes cxpp-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cxpp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.cxpp-modal-title{font-size:16px;font-weight:600;margin:0;display:flex;align-items:center;gap:10px}.cxpp-modal-title svg{width:20px;height:20px;color:#10b981}.cxpp-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:#ffffff0d;color:var(--text-muted, #94a3b8);cursor:pointer;transition:all .2s}.cxpp-modal-close:hover{background:#ef44441a;color:#ef4444}.cxpp-modal-close svg{width:18px;height:18px}.cxpp-modal-body{padding:24px}.cxpp-saldo-info{display:flex;align-items:center;gap:10px;padding:14px;background:#f59e0b1a;border-radius:10px;margin-bottom:20px}.cxpp-saldo-info svg{width:20px;height:20px;color:#f59e0b;flex-shrink:0}.cxpp-saldo-info span{font-size:14px;color:var(--text)}.cxpp-saldo-info strong{color:#f59e0b;font-size:18px}.cxpp-form-group{margin-bottom:16px}.cxpp-form-group label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #94a3b8);margin-bottom:8px}.cxpp-form-control{width:100%;padding:12px 14px;background:var(--bg-panel-2, #1e293b);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;transition:border-color .2s,box-shadow .2s}.cxpp-form-control:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.cxpp-form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.cxpp-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border);background:var(--bg-panel-2, #1e293b);border-radius:0 0 14px 14px}.cxpp-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.cxpp-btn svg{width:16px;height:16px}.cxpp-btn-cancel{background:var(--bg-panel);border:1px solid var(--border);color:var(--text)}.cxpp-btn-cancel:hover{border-color:#ef4444;color:#ef4444}.cxpp-btn-confirm{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b98140}.cxpp-btn-confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #10b98159}.cxpp-btn-confirm:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.cxpp-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.cxpp-container{padding:0 12px 16px}.cxpp-header{flex-direction:column;align-items:flex-start;gap:12px}.cxpp-summary{grid-template-columns:1fr}.cxpp-modal{margin:16px;max-width:none}}.caja-header{display:flex;align-items:center;gap:16px;margin-bottom:28px}.caja-header-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,#10b98126,#10b9810d);border:1px solid rgba(16,185,129,.2);color:#10b981}.caja-header-icon svg{width:26px;height:26px}.caja-header-text h1{font-size:28px;font-weight:700;margin:0;color:var(--text)}.caja-header-text p{margin:4px 0 0;font-size:14px;color:var(--text-muted)}.caja-panels{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:28px}.caja-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:box-shadow .2s}.caja-panel:hover{box-shadow:0 4px 20px #0000001a}.caja-panel-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border)}.caja-panel-title{display:flex;align-items:center;gap:12px}.caja-panel-title h3{font-size:16px;font-weight:600;margin:0;color:var(--text)}.caja-panel-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.caja-panel-icon svg{width:20px;height:20px}.caja-panel-icon.local{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border:1px solid rgba(59,130,246,.2);color:#3b82f6}.caja-panel-icon.delivery{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border:1px solid rgba(245,158,11,.2);color:#f59e0b}.caja-status{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:999px;font-size:12px;font-weight:600}.caja-status-abierta{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.caja-status-cerrada{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.caja-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.caja-status-abierta .caja-status-dot{background:#10b981;box-shadow:0 0 6px #10b98180}.caja-status-cerrada .caja-status-dot{background:#94a3b8}.caja-panel-body{padding:20px 24px}.caja-info-grid{display:flex;flex-direction:column;gap:10px}.caja-info-row{display:flex;align-items:baseline;gap:8px;font-size:14px;color:var(--text)}.caja-info-label{font-weight:600;color:var(--text-muted);font-size:13px;min-width:160px}.caja-info-value{color:var(--text)}.caja-info-value strong{color:var(--text);font-weight:700}.caja-info-value.warning{color:#f59e0b}.caja-info-value.danger{color:#ef4444}.caja-info-value.success{color:#10b981}.caja-closed-msg{text-align:center;padding:24px;color:var(--text-muted);font-size:14px}.caja-closed-msg svg{width:32px;height:32px;margin-bottom:8px;opacity:.4}.caja-panel-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;gap:10px;flex-wrap:wrap}.caja-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:8px;border:1px solid transparent;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.caja-btn svg{width:16px;height:16px}.caja-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f64d}.caja-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d}.caja-btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b9814d}.caja-btn-success:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d}.caja-btn-info{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border-color:#06b6d44d}.caja-btn-info:hover{background:linear-gradient(135deg,#0891b2,#0e7490);box-shadow:0 4px 12px #06b6d44d}.caja-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#ef44444d}.caja-btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d}.caja-btn-outline{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.caja-btn-outline:hover{background:var(--bg-panel-2);color:var(--text)}.caja-btn:disabled{opacity:.5;cursor:not-allowed}.caja-historico{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;overflow:hidden}.caja-historico-header{display:flex;align-items:center;gap:10px;padding:18px 24px;border-bottom:1px solid var(--border)}.caja-historico-header svg{width:20px;height:20px;color:var(--text-muted)}.caja-historico-header h3{font-size:16px;font-weight:600;margin:0;color:var(--text)}.caja-table-wrap{overflow-x:auto}.caja-table{width:100%;border-collapse:collapse}.caja-table th{padding:12px 16px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:var(--bg-panel-2);border-bottom:1px solid var(--border)}.caja-table td{padding:12px 16px;font-size:14px;color:var(--text);border-bottom:1px solid var(--border);transition:background .15s}.caja-table tbody tr{cursor:pointer}.caja-table tbody tr:hover td{background:var(--bg-panel-2)}.caja-table tbody tr:last-child td{border-bottom:none}.caja-table-empty{text-align:center;padding:40px;color:var(--text-muted)}.caja-table-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600}.caja-table-badge.abierta{background:#10b9811a;color:#10b981}.caja-table-badge.cerrada{background:#94a3b81a;color:#94a3b8}.caja-table-badge.caja-name{background:#3b82f61a;color:#3b82f6}.caja-table-money{font-variant-numeric:tabular-nums;font-weight:600}.caja-table-date{color:var(--text-muted);font-size:13px}.caja-detalle-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.caja-detalle-header-left{display:flex;align-items:center;gap:16px}.caja-detalle-header h1{font-size:28px;font-weight:700;margin:0;color:var(--text)}.caja-back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.caja-back-btn svg{width:16px;height:16px}.caja-back-btn:hover{background:var(--bg-panel-2);color:var(--text)}.caja-subtitle{margin:0;color:var(--text-muted);font-size:14px}.caja-dash-muted{color:var(--text-muted)}.caja-info-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;overflow:hidden}.caja-info-card-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border)}.caja-info-card-header svg{width:18px;height:18px;color:var(--text-muted)}.caja-info-card-header h3{font-size:15px;font-weight:600;margin:0;color:var(--text)}.caja-info-card-body{padding:20px}.caja-resumen-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.caja-resumen-card{display:flex;align-items:center;gap:14px;padding:20px;border-radius:12px;background:var(--bg-panel);border:1px solid var(--border);transition:transform .2s,box-shadow .2s}.caja-resumen-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.caja-resumen-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.caja-resumen-icon svg{width:26px;height:26px}.caja-resumen-ingreso .caja-resumen-icon{background:linear-gradient(135deg,#10b98126,#10b9810d);border:1px solid rgba(16,185,129,.2);color:#10b981}.caja-resumen-egreso .caja-resumen-icon{background:linear-gradient(135deg,#ef444426,#ef44440d);border:1px solid rgba(239,68,68,.2);color:#ef4444}.caja-resumen-sistema .caja-resumen-icon{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border:1px solid rgba(59,130,246,.2);color:#3b82f6}.caja-resumen-pendiente .caja-resumen-icon{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border:1px solid rgba(245,158,11,.2);color:#f59e0b}.caja-resumen-info{display:flex;flex-direction:column;min-width:0}.caja-resumen-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:4px}.caja-resumen-monto{font-size:22px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.caja-monto-ingreso{color:#10b981}.caja-monto-egreso{color:#ef4444}.caja-monto-sistema{color:#3b82f6}.caja-monto-pendiente{color:#f59e0b}.caja-movimientos{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;overflow:hidden}.caja-movimientos-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border)}.caja-movimientos-header h3{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;margin:0;color:var(--text)}.caja-movimientos-header h3 svg{width:18px;height:18px;color:var(--text-muted)}.caja-filters{display:flex;gap:4px;background:var(--bg-panel-2);border-radius:8px;padding:4px}.caja-filter-btn{padding:6px 14px;border-radius:6px;border:none;background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.caja-filter-btn:hover{color:var(--text)}.caja-filter-btn.active{background:#3b82f6;color:#fff}.caja-tipo-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600;text-transform:capitalize}.caja-tipo-badge.ingreso{background:#10b9811a;color:#10b981}.caja-tipo-badge.egreso{background:#ef44441a;color:#ef4444}.caja-confirm-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600}.caja-confirm-badge.confirmado{background:#10b9811a;color:#10b981}.caja-confirm-badge.pendiente{background:#f59e0b1a;color:#f59e0b}.caja-confirm-badge svg{width:14px;height:14px}.caja-ref-link{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600;background:#06b6d41a;color:#06b6d4;cursor:pointer;transition:background .2s}.caja-ref-link:hover{background:#06b6d433}.caja-ref-link svg{width:14px;height:14px}.caja-mov-pendiente{color:#fff}.caja-arqueo-select{width:260px;padding:8px 12px;border-radius:8px;background:var(--bg-panel-2);border:1px solid var(--border);color:var(--text);font-size:13px}.caja-arqueo-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.caja-diferencia{font-weight:700}.caja-diferencia.cuadra{color:#10b981}.caja-diferencia.sobrante{color:#f59e0b}.caja-diferencia.faltante{color:#ef4444}.arqueo-resumen{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.arqueo-resumen-card{padding:16px;border-radius:12px;background:var(--bg-panel-2);border:1px solid var(--border);text-align:center}.arqueo-resumen-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:6px;font-weight:500}.arqueo-resumen-monto{font-size:20px;font-weight:700;color:var(--text)}.arqueo-resumen-monto.cuadra{color:var(--text)}.arqueo-resumen-monto.sobrante{color:#f59e0b}.arqueo-resumen-monto.faltante{color:#ef4444}.arqueo-divider{border:none;border-top:1px solid var(--border);margin:20px 0}.arqueo-section-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:12px}.arqueo-tabla{width:100%;border-collapse:collapse}.arqueo-tabla th{padding:10px 12px;text-align:left;font-size:12px;font-weight:600;color:var(--text-muted);border-bottom:2px solid var(--border)}.arqueo-tabla th:nth-child(2){text-align:center}.arqueo-tabla th:last-child{text-align:right}.arqueo-tabla td{padding:8px 12px;font-size:14px;color:var(--text);border-bottom:1px solid var(--border)}.arqueo-tabla td:nth-child(2){text-align:center}.arqueo-tabla td:last-child{text-align:right;font-weight:600}.arqueo-tabla tbody tr:hover{background:var(--bg-panel-2)}.arqueo-tabla tfoot td{padding:12px;border-top:2px solid var(--border);font-weight:700;font-size:14px;color:var(--text)}.arqueo-tabla tfoot td:last-child{text-align:right}.arqueo-tabla-input{width:80px;text-align:center;padding:6px 8px;border-radius:6px;border:1px solid var(--border);background:var(--bg-panel-2);color:var(--text);font-size:13px}.arqueo-tabla-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.arqueo-diferencia-text{margin-top:12px;font-size:14px;font-weight:600}.arqueo-observacion{margin-top:16px;padding:12px 16px;border-radius:8px;background:var(--bg-panel-2);border-left:3px solid #3b82f6;font-size:13px;color:var(--text-muted)}.arqueo-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.caja-modal-info{font-size:14px;color:var(--text);line-height:1.6}.caja-modal-info p{margin-bottom:8px}.caja-modal-info strong{color:var(--text)}.caja-modal-hint{font-size:13px;color:var(--text-muted);margin-bottom:8px}.caja-modal-warning{color:#f59e0b;font-weight:600}.caja-modal-danger{color:#ef4444;font-weight:600}.caja-modal-label{font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:6px;display:block}.caja-arqueo-page{max-width:1200px;margin:0 auto}.caja-arqueo-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.caja-arqueo-header-left{display:flex;align-items:center;gap:16px}.caja-arqueo-header h1{font-size:28px;font-weight:700;margin:0;color:var(--text)}.caja-arqueo-resumen{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}.caja-arqueo-resumen-card{display:flex;align-items:center;gap:16px;padding:24px;border-radius:14px;background:var(--bg-panel);border:1px solid var(--border);transition:transform .2s,box-shadow .2s}.caja-arqueo-resumen-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.caja-arqueo-resumen-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.caja-arqueo-resumen-icon svg{width:28px;height:28px}.caja-arqueo-sistema .caja-arqueo-resumen-icon{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border:1px solid rgba(59,130,246,.2);color:#3b82f6}.caja-arqueo-contado .caja-arqueo-resumen-icon{background:linear-gradient(135deg,#10b98126,#10b9810d);border:1px solid rgba(16,185,129,.2);color:#10b981}.caja-arqueo-diferencia .caja-arqueo-resumen-icon{background:linear-gradient(135deg,#94a3b826,#94a3b80d);border:1px solid rgba(148,163,184,.2);color:#94a3b8}.caja-arqueo-diferencia.cuadra .caja-arqueo-resumen-icon{background:linear-gradient(135deg,#10b98126,#10b9810d);border:1px solid rgba(16,185,129,.2);color:#10b981}.caja-arqueo-diferencia.sobrante .caja-arqueo-resumen-icon{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border:1px solid rgba(245,158,11,.2);color:#f59e0b}.caja-arqueo-diferencia.faltante .caja-arqueo-resumen-icon{background:linear-gradient(135deg,#ef444426,#ef44440d);border:1px solid rgba(239,68,68,.2);color:#ef4444}.caja-arqueo-resumen-info{display:flex;flex-direction:column;min-width:0}.caja-arqueo-resumen-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:6px}.caja-arqueo-resumen-monto{font-size:26px;font-weight:700;color:var(--text);line-height:1.1}.caja-arqueo-diferencia.sobrante .caja-arqueo-resumen-monto{color:#f59e0b}.caja-arqueo-diferencia.faltante .caja-arqueo-resumen-monto{color:#ef4444}.caja-arqueo-diferencia.cuadra .caja-arqueo-resumen-monto{color:#10b981}.caja-arqueo-resumen-badge{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.caja-arqueo-diferencia.cuadra .caja-arqueo-resumen-badge{background:#10b9811a;color:#10b981}.caja-arqueo-diferencia.sobrante .caja-arqueo-resumen-badge{background:#f59e0b1a;color:#f59e0b}.caja-arqueo-diferencia.faltante .caja-arqueo-resumen-badge{background:#ef44441a;color:#ef4444}.caja-arqueo-section{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-bottom:24px}.caja-arqueo-section-header{display:flex;align-items:center;gap:12px;padding:18px 24px;border-bottom:1px solid var(--border)}.caja-arqueo-section-header svg{width:20px;height:20px;color:var(--text-muted)}.caja-arqueo-section-header h2{font-size:16px;font-weight:600;margin:0;color:var(--text)}.caja-arqueo-denom-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;padding:24px}.caja-arqueo-denom-card{background:var(--bg-panel-2);border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center;transition:all .2s}.caja-arqueo-denom-card.active{border-color:#3b82f6;background:#3b82f60d;box-shadow:0 0 0 3px #3b82f61a}.caja-arqueo-denom-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.caja-arqueo-denom-value{font-size:20px;font-weight:700;color:var(--text)}.caja-arqueo-denom-type{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:4px}.caja-arqueo-denom-type.moneda{background:#f59e0b1a;color:#f59e0b}.caja-arqueo-denom-type.billete{background:#3b82f61a;color:#3b82f6}.caja-arqueo-denom-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.caja-arqueo-denom-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--bg-panel);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.caja-arqueo-denom-btn svg{width:18px;height:18px}.caja-arqueo-denom-btn:hover:not(:disabled){background:var(--bg-panel-2);color:var(--text)}.caja-arqueo-denom-btn:disabled{opacity:.3;cursor:not-allowed}.caja-arqueo-denom-btn.minus:hover:not(:disabled){border-color:#ef4444;color:#ef4444}.caja-arqueo-denom-btn.plus:hover:not(:disabled){border-color:#10b981;color:#10b981}.caja-arqueo-denom-input{width:70px;height:40px;text-align:center;font-size:18px;font-weight:600;border-radius:8px;border:1px solid var(--border);background:var(--bg-panel);color:var(--text)}.caja-arqueo-denom-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.caja-arqueo-denom-input::-webkit-inner-spin-button,.caja-arqueo-denom-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.caja-arqueo-denom-input[type=number]{-moz-appearance:textfield}.caja-arqueo-denom-subtotal{font-size:14px;font-weight:600;color:var(--text-muted);min-height:20px}.caja-arqueo-denom-card.active .caja-arqueo-denom-subtotal{color:#10b981}.caja-arqueo-textarea{width:100%;padding:16px 24px;border:none;background:transparent;color:var(--text);font-size:14px;resize:vertical;min-height:80px}.caja-arqueo-textarea:focus{outline:none}.caja-arqueo-textarea::placeholder{color:var(--text-muted)}.caja-arqueo-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px}.caja-btn-lg{padding:12px 28px;font-size:14px}@media(max-width:991px){.caja-panels,.caja-resumen-row,.arqueo-resumen,.caja-arqueo-resumen{grid-template-columns:1fr}}@media(max-width:768px){.caja-detalle-header{flex-direction:column;align-items:flex-start;gap:12px}.caja-movimientos-header{flex-direction:column;gap:12px;align-items:flex-start}.caja-panel-footer{flex-direction:column}.caja-btn{width:100%;justify-content:center}.caja-arqueo-header{flex-direction:column;align-items:flex-start;gap:12px}.caja-arqueo-denom-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:16px}.caja-arqueo-actions{flex-direction:column}.caja-arqueo-actions .caja-btn{width:100%;justify-content:center}}.dashboard-container{display:flex;flex-direction:column;min-height:100vh;font-family:Arial,sans-serif}.dashboard-header{background:#0f172a;color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.dashboard-body{display:flex;flex:1}.dashboard-sidebar{width:220px;background:#020617;color:#fff;padding:1.5rem 1rem}.dashboard-sidebar h3{margin-bottom:1rem}.dashboard-sidebar ul{list-style:none;padding:0}.dashboard-sidebar li{margin:1rem 0}.dashboard-sidebar a{color:#93c5fd;text-decoration:none}.dashboard-content{flex:1;padding:2rem;background:#f1f5f9}.dashboard-footer{background:#0f172a;color:#fff;text-align:center;padding:1rem}.btn-logout{background:#ef4444;color:#fff;border:none;padding:.5rem 1rem;cursor:pointer}.badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:#fff}.badge-success{background-color:#10b981;color:#fff}.badge-danger{background-color:#ef4444;color:#fff}.badge-warning{background-color:#f59e0b;color:#fff}.badge-default{background-color:#475569;color:#fff}.badge-info{background-color:#3b82f6;color:#fff}input:disabled,input[readonly],textarea:disabled,textarea[readonly]{background-color:#2a2f3e!important;color:#94a3b8!important;cursor:not-allowed;border:1px solid #374151!important;opacity:1!important}:root{--bg: #0f172a;--bg-panel: #0d111c;--bg-panel-2: #0e121f;--border: #1b2236;--text: #ffffff;--text-muted: #aeb7cf;--accent: #2563eb;--accent-2: #3b82f6;--danger: #ef4444;--success: #22c55e;--warning: #f59e0b;--info: #38bdf8}body{margin:0;padding:0}.text-muted{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border);background:var(--bg-panel-2);color:var(--text);padding:8px 14px;border-radius:8px;font-size:14px;cursor:pointer;transition:.15s ease}.btn:hover{border-color:var(--accent);box-shadow:0 6px 18px #2563eb1f;transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-xs{padding:4px 8px;font-size:12px;border-radius:6px}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-2);border-color:var(--accent-2)}.btn-default{background:var(--bg-panel-2);border-color:var(--border);color:var(--text)}.btn-default:hover{border-color:var(--accent)}.btn-secondary{background:var(--bg-panel);border-color:var(--border);color:var(--text-muted)}.btn-secondary:hover{border-color:var(--accent);color:var(--text)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(.9)}.btn-warning{background:var(--warning);border-color:var(--warning);color:#111827}.btn-warning:hover{filter:brightness(.95)}.btn-info{background:var(--info);border-color:var(--info);color:#0b1220}.btn-info:hover{filter:brightness(.95)}.btn-success{background:var(--success);border-color:var(--success);color:#052e16}.btn-success:hover{filter:brightness(.95)}.btn-group{display:inline-flex;gap:8px}.btn-icon{width:32px;height:32px;padding:0;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center}.btn-icon.btn-xs{width:26px;height:26px}.btn-icon i{font-size:13px;line-height:1}.btn[data-tip],.has-tip[data-tip]{position:relative}.btn[data-tip]:after,.has-tip[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:var(--bg-panel-2);border:1px solid var(--border);color:var(--text);padding:6px 8px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:.15s ease;z-index:10}.btn[data-tip]:hover:after,.has-tip[data-tip]:hover:after{opacity:1;transform:translate(-50%) translateY(0)}form,.form-vertical{color:var(--text)}.form-group{margin-bottom:12px}.form-row{display:flex;gap:12px}.form-row .half{flex:1}label{display:block;margin-bottom:6px;color:var(--text-muted);font-size:13px}.form-control,select,textarea,input[type=text],input[type=number],input[type=password],input[type=email]{width:100%;background:var(--bg-panel-2);border:1px solid var(--border);color:var(--text);padding:8px 10px;border-radius:8px;outline:none;transition:.15s ease}.form-control:focus,select:focus,textarea:focus,input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f633}.input-group{display:flex;align-items:stretch}.input-group .form-control{border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon{display:inline-flex;align-items:center;padding:0 10px;border:1px solid var(--border);background:var(--bg-panel);color:var(--text-muted);border-top-right-radius:8px;border-bottom-right-radius:8px}.text-right{text-align:right}