@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@600;700&display=swap";:root{--brand-500: #0a66c2;--brand-700: #074b8f;--bg: #eef2f8;--card: #ffffff;--text: #0f172a;--muted: #64748b;--line: #dbe3ef}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Manrope,Segoe UI,Tahoma,sans-serif;color:var(--text);background-image:radial-gradient(circle at 12% 10%,rgba(10,102,194,.09),transparent 35%),radial-gradient(circle at 90% 15%,rgba(3,105,161,.07),transparent 30%),linear-gradient(180deg,#f7fafc 0%,var(--bg) 100%)}.container{width:min(1600px,100% - 2rem);margin:0 auto}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 18px 40px -24px #0f172a61}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:13px;font-weight:700;color:#334155}input,select,textarea,button{font:inherit}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],select,textarea{min-height:40px;width:100%;border-radius:12px;border:1px solid #c7d3e2;background:#fff;padding:9px 12px;color:#1e293b;transition:border-color .2s,box-shadow .2s}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=date]:focus,input[type=time]:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 4px #0a66c229}.table{width:100%;border-collapse:separate;border-spacing:0}.table thead th{position:sticky;top:0;z-index:1;background:#f8fbff;border-bottom:1px solid #dbe3ef;padding:11px 12px;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#475569}.table tbody td{border-bottom:1px solid #ecf1f7;padding:10px 12px;font-size:14px;color:#334155}.table tbody tr:nth-child(2n){background:#f8fbff}.table tbody tr:hover{background:#edf6ff}.badge{display:inline-flex;align-items:center;border-radius:999px;border:1px solid #dbe3ef;background:#f8fafc;padding:4px 10px;font-size:12px;font-weight:700;color:#475569}.badge.success{border-color:#a7f3d0;background:#ecfdf5;color:#047857}.badge.warning{border-color:#fde68a;background:#fffbeb;color:#a16207}.badge.error{border-color:#fecaca;background:#fff1f2;color:#be123c}.badge.info{border-color:#bae6fd;background:#f0f9ff;color:#0369a1}.btn{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;border-radius:12px;border:1px solid var(--brand-500);background:var(--brand-500);color:#fff;padding:8px 16px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s,background .2s}.btn:hover:not(:disabled){background:var(--brand-700);transform:translateY(-1px)}.btn.secondary{border-color:#c7d3e2;background:#fff;color:#334155}.btn.secondary:hover:not(:disabled){background:#f7fafc}.btn.small{min-height:32px;padding:6px 11px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.muted{color:var(--muted);font-size:13px}.muted.label{margin-bottom:4px;display:block;font-weight:700}.error-message{margin-top:3px;font-size:12px;color:#be123c}.success-message{margin-top:3px;font-size:12px;color:#047857}.ventas-layout{min-height:100vh}.ventas-topbar{position:sticky;top:0;z-index:30;border-bottom:1px solid #dbe3ef;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ventas-topbar-content{padding:14px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.ventas-layout-title{font-family:Sora,Manrope,sans-serif;font-size:19px;font-weight:700;color:#0f172a}.ventas-layout-subtitle{margin-top:3px;font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:#64748b}.ventas-layout-badge{border:1px solid #bae6fd;background:#eff6ff;color:#0c4a6e;border-radius:12px;padding:7px 12px;font-size:12px;font-weight:700}.ventas-main-wrap{padding:0}.ventas-shell{display:block}.ventas-sidebar{width:300px;position:fixed;left:0;top:64px;bottom:0;z-index:20;border-radius:0;border:0;border-right:1px solid #dbe3ef;background:#fff;padding:16px 14px;box-shadow:none;overflow-y:auto}.ventas-sidebar-title{margin:0;font-family:Sora,Manrope,sans-serif;font-size:22px;font-weight:700}.ventas-sidebar-subtitle{margin:4px 0 0;color:#64748b;font-size:13px}.ventas-nav{margin-top:18px;display:grid;gap:8px}.ventas-nav-btn{width:100%;border-radius:12px;border:1px solid #dbe3ef;background:#fff;color:#334155;text-align:left;padding:10px 12px;cursor:pointer;transition:all .2s}.ventas-nav-btn:hover{border-color:#c2d2e6;background:#f8fbff}.ventas-nav-btn.active{border-color:#90cdfd;background:#edf6ff;color:#0c4a6e}.ventas-nav-label{font-size:14px;font-weight:700}.ventas-nav-hint{margin-top:3px;font-size:12px;color:#64748b}.ventas-sidebar-actions{margin-top:16px;padding-top:14px;border-top:1px solid #e2e8f0;display:grid;gap:8px}.ventas-sidebar-action-btn{width:100%;border-radius:10px;border:1px solid transparent;padding:10px 12px;font-size:13px;font-weight:700;text-align:center;cursor:pointer;transition:all .2s}.ventas-sidebar-action-hub{background:#eef6ff;color:#0b4f7a;border-color:#bfdbfe}.ventas-sidebar-action-hub:hover{background:#e0efff}.ventas-sidebar-action-logout{background:#fff1f2;color:#b91c1c;border-color:#fecdd3}.ventas-sidebar-action-logout:hover{background:#ffe4e6}.ventas-content{margin-left:300px;height:calc(100vh - 64px);overflow-y:auto;padding:18px;background:transparent;display:grid;gap:14px}.ventas-main-card{width:100%;min-height:100%}.ventas-section-header{border-radius:16px;border:1px solid #dbe3ef;background:#fff;padding:14px 16px;box-shadow:0 18px 40px -24px #0f172a61}.ventas-section-tag{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#64748b;font-weight:700}.ventas-section-title{margin:5px 0 0;font-family:Sora,Manrope,sans-serif;font-size:30px;font-weight:700;line-height:1.1}.ventas-section-desc{margin:4px 0 0;color:#64748b;font-size:14px}.dashboard-hero{border-radius:16px;border:1px solid #bae6fd;background:linear-gradient(90deg,#eef7ff,#fff 45%,#ecfeff);padding:16px}.dashboard-hero-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.dashboard-hero-title{margin:0;font-family:Sora,Manrope,sans-serif;font-size:22px;font-weight:700}.dashboard-hero-text{margin:6px 0 0;color:#475569;font-size:14px;max-width:720px}.dashboard-kpi-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-kpi-card{border-radius:14px;border:1px solid #dbe3ef;background:#fff;padding:12px;box-shadow:0 18px 40px -24px #0f172a61}.dashboard-kpi-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:700}.dashboard-kpi-value{margin-top:7px;font-size:30px;font-weight:800;line-height:1.1}.dashboard-kpi-meta{margin-top:4px;font-size:12px;color:#64748b}.dashboard-grid-2{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid-main{display:grid;gap:12px;grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.dashboard-title{margin:0 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:700}@media (max-width: 1120px){.ventas-shell{display:grid;grid-template-columns:1fr}.ventas-sidebar{position:static;width:100%;border-right:0;border-radius:0;height:auto}.ventas-content{margin-left:0;height:auto;overflow:visible;padding:8px 0 18px}.ventas-main-card{min-height:auto}.dashboard-kpi-grid,.dashboard-grid-2,.dashboard-grid-main{grid-template-columns:1fr}}@media (max-width: 768px){.container{width:min(1600px,100% - 1rem)}.ventas-layout-badge{display:none}.ventas-section-title,.dashboard-kpi-value{font-size:24px}}