*{box-sizing:border-box}:root{--primary: #6c5ce7;--primary-dark: #5a4bd1;--primary-light: #a29bfe;--accent: #00cec9;--success: #00b894;--warning: #fdcb6e;--danger: #e17055;--bg: #f8f9fc;--surface: #ffffff;--text: #2d3436;--text-secondary: #636e72;--border: #e9ecef;--shadow: 0 2px 12px rgba(108, 92, 231, .08);--shadow-lg: 0 8px 32px rgba(108, 92, 231, .12);--radius: 12px;--radius-sm: 8px;--sidebar-bg: #1a1a2e;--sidebar-active: rgba(108, 92, 231, .2);--table-header: #1a1a2e;--hover-row: #f8f7ff;--row-warning: #fffbf0;--row-danger: #fff5f5;--input-bg: #ffffff;--modal-overlay: rgba(26, 26, 46, .6);--badge-blue-bg: #e3f2fd;--badge-blue-text: #1565c0;--badge-purple-bg: #f3e5f5;--badge-purple-text: #7b1fa2;--badge-green-bg: #e8f5e9;--badge-green-text: #2e7d32;--badge-orange-bg: #fff3e0;--badge-orange-text: #e65100;--badge-red-bg: #fce4ec;--badge-red-text: #c62828}html.dark{--bg: #0f0f1a;--surface: #1a1a2e;--text: #e0e0e0;--text-secondary: #a0a0a0;--border: #2a2a4a;--shadow: 0 2px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--sidebar-bg: #0d0d1a;--table-header: #0d0d1a;--hover-row: rgba(108, 92, 231, .08);--row-warning: rgba(253, 203, 110, .08);--row-danger: rgba(225, 112, 85, .08);--input-bg: #16213e;--modal-overlay: rgba(0, 0, 0, .7);--badge-blue-bg: rgba(25, 118, 210, .15);--badge-blue-text: #64b5f6;--badge-purple-bg: rgba(123, 31, 162, .15);--badge-purple-text: #ce93d8;--badge-green-bg: rgba(46, 125, 50, .15);--badge-green-text: #81c784;--badge-orange-bg: rgba(230, 81, 0, .15);--badge-orange-text: #ffb74d;--badge-red-bg: rgba(198, 40, 40, .15);--badge-red-text: #ef9a9a}html,body{height:100%;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}input,select,textarea{font-family:inherit;font-size:.9rem;background:var(--input-bg);color:var(--text);border:1px solid var(--border);transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary)!important;box-shadow:0 0 0 3px #6c5ce71a}button{font-family:inherit;cursor:pointer;transition:all .2s}button:active{transform:scale(.97)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.btn-primary{padding:.65rem 1.3rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{background:var(--text-secondary);cursor:not-allowed}.btn-ghost{padding:.65rem 1.3rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);font-weight:500;font-size:.85rem}.btn-sm{padding:3px 8px;border:none;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:600}.btn-success{background:var(--badge-green-bg);color:var(--badge-green-text)}.btn-danger{background:var(--badge-red-bg);color:var(--badge-red-text)}.btn-info{background:var(--badge-blue-bg);color:var(--badge-blue-text)}.status{padding:3px 8px;border-radius:20px;font-size:.65rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.status-pendiente{background:var(--badge-orange-bg);color:var(--badge-orange-text)}.status-parcial{background:var(--badge-blue-bg);color:var(--badge-blue-text)}.status-entregada,.status-pagado{background:var(--badge-green-bg);color:var(--badge-green-text)}.status-enviado{background:var(--badge-purple-bg);color:var(--badge-purple-text)}.status-anulada{background:var(--badge-red-bg);color:var(--badge-red-text)}