:root{--primary-color: #667eea;--secondary-color: #764ba2;--success-color: #10b981;--danger-color: #ef4444;--warning-color: #f59e0b;--info-color: #3b82f6;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--sidebar-bg: #ffffff;--hover-bg: #f3f4f6;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--border-color: #e5e7eb;--shadow: 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1)}[data-theme=dark]{--bg-primary: #1f2937;--bg-secondary: #111827;--sidebar-bg: #111827;--hover-bg: #374151;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--border-color: #374151;--shadow: 0 1px 3px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .3)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button,input,textarea{font-family:inherit}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px}.toast{background:white;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:300px;max-width:500px;animation:slideIn .3s ease-out;border-left:4px solid}.toast-success{border-left-color:#22c55e;background:#f0fdf4}.toast-error{border-left-color:#ef4444;background:#fef2f2}.toast-info{border-left-color:#3b82f6;background:#eff6ff}.toast-warning{border-left-color:#f59e0b;background:#fffbeb}.toast button{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s}.toast button:hover{color:#1f2937}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}[data-theme=dark] .toast{background:#1f2937;color:#f3f4f6}[data-theme=dark] .toast-success{background:#064e3b}[data-theme=dark] .toast-error{background:#7f1d1d}[data-theme=dark] .toast-info{background:#1e3a8a}[data-theme=dark] .toast-warning{background:#78350f}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:10}.header-search{display:flex;align-items:center;gap:12px;background:var(--bg-secondary);padding:8px 16px;border-radius:8px;flex:1;max-width:400px}.header-search input{border:none;background:transparent;outline:none;flex:1;color:var(--text-primary)}.header-actions{display:flex;align-items:center;gap:12px}.header-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:var(--bg-secondary);border:none;color:var(--text-primary);cursor:pointer;transition:all .2s}.header-btn:hover{background:var(--hover-bg)}.notification-badge{position:absolute;top:6px;right:6px;width:18px;height:18px;background:var(--danger-color);color:#fff;border-radius:50%;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:100}.sidebar-header{padding:24px;border-bottom:1px solid var(--border-color)}.sidebar-logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:var(--text-primary)}.sidebar-nav{flex:1;padding:16px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:var(--text-secondary);text-decoration:none;transition:all .2s;margin-bottom:4px}.nav-item:hover{background:var(--hover-bg);color:var(--text-primary)}.nav-item.active{background:var(--primary-color);color:#fff}.sidebar-divider{height:1px;background:var(--border-color);margin:16px 0}.sidebar-footer{padding:16px;border-top:1px solid var(--border-color)}.sidebar-user{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;background:var(--hover-bg)}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:20px}.user-info{flex:1}.user-name{font-weight:600;font-size:14px;color:var(--text-primary)}.user-status{font-size:12px;color:var(--success-color)}.nav-badge{margin-left:auto;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:700;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);color:#fff;animation:pulse-badge 2s ease-in-out infinite}@media (max-width: 768px){.sidebar{transform:translate(-100%)}}.layout{display:flex;min-height:100vh;background:var(--bg-primary)}.layout-main{flex:1;display:flex;flex-direction:column;margin-left:260px}.layout-content{flex:1;padding:24px;overflow-y:auto}@media (max-width: 768px){.layout-main{margin-left:0}}.tutorial-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.tutorial-modal{background:white;border-radius:16px;max-width:600px;width:90%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;position:relative;animation:slideUp .4s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.tutorial-close{position:absolute;top:16px;right:16px;background:#f1f5f9;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.tutorial-close:hover{background:#e2e8f0;transform:rotate(90deg)}.tutorial-header{padding:48px 48px 24px;text-align:center;border-bottom:1px solid #e2e8f0}.tutorial-icon{margin-bottom:20px;animation:bounceIn .6s ease}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.tutorial-header h2{font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:24px}.tutorial-progress{display:flex;gap:8px;justify-content:center;align-items:center}.progress-dot{width:8px;height:8px;border-radius:50%;background:#e2e8f0;transition:all .3s ease}.progress-dot.active{width:32px;background:#3b82f6;border-radius:4px}.progress-dot.completed{background:#10b981}.tutorial-content{padding:32px 48px;overflow-y:auto;flex:1;color:#334155;line-height:1.6}.tutorial-content p{margin-bottom:16px}.tutorial-content strong{color:#1e293b;font-weight:600}.tutorial-content ul,.tutorial-content ol{margin-bottom:20px}.tutorial-content li{margin-bottom:8px}.tutorial-footer{padding:24px 48px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:space-between}.tutorial-btn{padding:12px 28px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;display:flex;align-items:center;gap:8px}.tutorial-btn.primary{background:#3b82f6;color:#fff}.tutorial-btn.primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.tutorial-btn.secondary{background:#f1f5f9;color:#64748b}.tutorial-btn.secondary:hover{background:#e2e8f0}.tutorial-btn.success{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;font-size:1.05rem;padding:14px 32px}.tutorial-btn.success:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}@media (max-width: 768px){.tutorial-modal{width:95%;max-height:90vh}.tutorial-header{padding:40px 24px 20px}.tutorial-header h2{font-size:1.4rem}.tutorial-content{padding:24px}.tutorial-footer{padding:20px 24px}.tutorial-btn{padding:10px 20px;font-size:.95rem}}.onboarding-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .3s ease}.onboarding-wizard{background:white;border-radius:24px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.wizard-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:40px;border-radius:24px 24px 0 0;text-align:center}.wizard-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.wizard-logo h1{margin:0;font-size:28px;font-weight:700}.wizard-subtitle{margin:0;opacity:.95;font-size:16px;font-weight:400}.wizard-progress{display:flex;justify-content:space-between;align-items:center;margin-top:32px;position:relative}.wizard-progress:before{content:"";position:absolute;top:16px;left:20%;right:20%;height:2px;background:rgba(255,255,255,.3);z-index:0}.progress-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:1}.progress-circle{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:all .3s ease}.progress-step.active .progress-circle{background:white;color:#667eea;box-shadow:0 4px 12px #00000026;transform:scale(1.1)}.progress-label{font-size:13px;font-weight:500;opacity:.8}.progress-step.active .progress-label{opacity:1;font-weight:600}.wizard-body{padding:40px}.wizard-step{animation:fadeSlide .4s ease}@keyframes fadeSlide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.step-icon{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.step-icon.success{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.wizard-step h2{margin:0 0 12px;font-size:28px;font-weight:700;color:#1f2937;text-align:center}.wizard-step>p{margin:0 0 32px;color:#6b7280;font-size:16px;text-align:center}.step-options{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.option-card{display:flex;align-items:center;gap:16px;padding:20px;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;transition:all .3s ease;background:white}.option-card:hover:not([style*="cursor: not-allowed"]){border-color:#667eea;box-shadow:0 8px 20px #667eea26;transform:translateY(-2px)}.option-card.secondary:hover{border-color:#10b981;box-shadow:0 8px 20px #10b98126}.option-card>svg{flex-shrink:0;color:#667eea}.option-card.secondary>svg{color:#10b981}.option-card>div{flex:1}.option-card h3{margin:0 0 4px;font-size:18px;font-weight:600;color:#1f2937}.option-card p{margin:0;color:#6b7280;font-size:14px}.option-card>svg:last-child{color:#9ca3af}.step-content{margin-top:24px}.wizard-input{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;font-family:Courier New,monospace;transition:all .2s ease;margin-bottom:12px}.wizard-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.wizard-input:disabled{background:#f9fafb;cursor:not-allowed}.input-hint{background:#f3f4f6;padding:12px 16px;border-radius:8px;font-size:13px;color:#6b7280;margin-bottom:24px}.input-hint strong{display:block;color:#374151;margin-bottom:4px}.input-hint p{margin:0}.features-grid{display:grid;gap:16px;margin:32px 0}.feature-item{display:flex;gap:16px;padding:16px;background:#f9fafb;border-radius:12px;align-items:flex-start}.feature-item>svg{flex-shrink:0;color:#667eea;margin-top:2px}.feature-item strong{display:block;color:#1f2937;font-size:15px;margin-bottom:4px}.feature-item p{margin:0;color:#6b7280;font-size:14px}.trial-notice{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e;padding:16px;border-radius:12px;text-align:center;font-weight:600;font-size:15px;margin-bottom:24px;border:2px solid #fbbf24}.step-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;border:none}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;flex:1}.btn-primary:hover:not(:disabled){box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary.large{padding:16px 32px;font-size:16px;justify-content:center}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.wizard-error{background:#fee2e2;color:#991b1b;padding:12px 16px;border-radius:8px;font-size:14px;margin-top:16px;border-left:4px solid #dc2626}@media (max-width: 640px){.onboarding-wizard{max-height:95vh}.wizard-header{padding:24px}.wizard-logo h1{font-size:22px}.wizard-subtitle{font-size:14px}.wizard-body{padding:24px}.wizard-step h2{font-size:22px}.wizard-step>p{font-size:14px}.option-card{padding:16px}.option-card h3{font-size:16px}.step-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}}.alertas-panel{background:white;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;overflow:hidden}.alertas-panel.loading{padding:20px;text-align:center;color:#6b7280}.alertas-header{padding:16px 20px;background:#fef3c7;border-bottom:1px solid #fcd34d}.alertas-header h3{margin:0;font-size:16px;font-weight:600;color:#92400e}.alertas-list{display:flex;flex-direction:column;gap:1px;background:#f3f4f6}.alerta{background:white;padding:16px 20px;display:flex;align-items:start;justify-content:space-between;gap:16px;border-left:4px solid;transition:background-color .2s}.alerta:hover{background:#f9fafb}.alerta-info{border-left-color:#3b82f6}.alerta-warning{border-left-color:#f59e0b}.alerta-error{border-left-color:#ef4444}.alerta-success{border-left-color:#22c55e}.alerta-content{flex:1}.alerta-title{font-weight:600;font-size:14px;color:#1f2937;margin-bottom:4px}.alerta-message{font-size:14px;color:#6b7280;line-height:1.5}.alerta-time{font-size:12px;color:#9ca3af;margin-top:8px}.alerta-dismiss{background:none;border:none;font-size:24px;color:#9ca3af;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.alerta-dismiss:hover{background:#f3f4f6;color:#1f2937}[data-theme=dark] .alertas-panel{background:#1f2937}[data-theme=dark] .alertas-header{background:#78350f;border-bottom-color:#92400e}[data-theme=dark] .alertas-header h3{color:#fcd34d}[data-theme=dark] .alertas-list{background:#111827}[data-theme=dark] .alerta{background:#1f2937}[data-theme=dark] .alerta:hover{background:#374151}[data-theme=dark] .alerta-title{color:#f3f4f6}[data-theme=dark] .alerta-message{color:#d1d5db}[data-theme=dark] .alerta-time{color:#6b7280}[data-theme=dark] .alerta-dismiss:hover{background:#374151;color:#f3f4f6}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f0f2f5;color:#1f2937}.nubesheets-layout{display:flex;min-height:100vh;background:#f0f2f5}.nubesheets-sidebar{width:240px;background:#1e293b;display:flex;flex-direction:column;padding:0;position:fixed;height:100vh;left:0;top:0;z-index:100}.nubesheets-logo{font-size:1.5rem;font-weight:700;color:#fff;padding:32px 24px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.1)}.pro-badge{background:#3b82f6;color:#fff;font-size:.7rem;font-weight:600;border-radius:4px;padding:2px 6px}.new-badge{background:#10b981;color:#fff;font-size:.7rem;font-weight:600;border-radius:4px;padding:2px 6px;margin-left:auto}.nubesheets-nav{width:100%;display:flex;flex-direction:column;gap:4px;padding:16px 12px;flex:1}.nubesheets-nav-item{padding:12px 16px;font-size:.95rem;color:#94a3b8;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px;border-radius:8px;font-weight:500}.nubesheets-nav-item:hover{background:rgba(255,255,255,.05);color:#e2e8f0}.nubesheets-nav-item.active{background:#3b82f6;color:#fff;font-weight:600}.nubesheets-main{flex:1;margin-left:240px;display:flex;flex-direction:column;min-height:100vh}.nubesheets-header{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;padding:40px 48px;box-shadow:0 4px 12px #00000014}.nubesheets-header-title{font-size:2rem;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:12px}.nubesheets-header-desc{font-size:1rem;color:#ffffffe6;margin-bottom:24px}.nubesheets-header-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.header-action-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.header-action-btn:disabled{opacity:.6;cursor:not-allowed}.header-action-btn.primary{background:rgba(255,255,255,.95);color:#2563eb}.header-action-btn.primary:hover:not(:disabled){background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.header-action-btn.secondary{background:rgba(255,255,255,.2);color:#fff}.header-action-btn.secondary:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.header-action-btn.success{background:rgba(34,197,94,.9);color:#fff}.header-action-btn.success:hover{background:rgba(34,197,94,1);transform:translateY(-2px)}.header-action-btn.warning{background:rgba(251,146,60,.9);color:#fff}.header-action-btn.warning:hover{background:rgba(251,146,60,1);transform:translateY(-2px)}.nubesheets-sync-dot{width:10px;height:10px;border-radius:50%;background:#10b981;display:inline-block;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.nubesheets-sync-dot.paused{background:#f59e0b;animation:none}.nubesheets-sync-dot.stopped{background:#ef4444;animation:none}.nubesheets-section{margin:32px 48px}.nubesheets-section h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:20px}.nubesheets-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.nubesheets-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:32px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease;border:1px solid #e5e7eb;min-height:180px;justify-content:center}.nubesheets-card:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-4px)}.nubesheets-card svg{color:#3b82f6;margin-bottom:20px;width:48px;height:48px}.nubesheets-card-title{font-size:1.05rem;color:#6b7280;font-weight:500;margin-bottom:16px;letter-spacing:.3px}.nubesheets-card-value{font-size:1.5rem;font-weight:700;color:#1f2937}.nubesheets-card-value span{font-size:1.35rem;font-weight:700}.connection-cards{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;max-width:1000px}.connection-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:36px 24px;border:2px solid #f3f4f6;min-height:200px}.connection-card:hover{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f626}.middle-card{max-width:140px;min-width:140px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;box-shadow:0 4px 16px #3b82f64d}.middle-card:hover{box-shadow:0 8px 24px #3b82f666;transform:scale(1.05)}.connection-icon-wrapper{width:80px;height:80px;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.connection-icon-wrapper svg{color:#3b82f6;width:44px;height:44px;margin:0}.sync-icon-wrapper{width:70px;height:70px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center}.sync-icon-wrapper svg{color:#fff;width:40px;height:40px;margin:0}.sync-icon-wrapper svg.rotating{animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.connection-status{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px}.status-text{font-size:1.15rem;font-weight:700;letter-spacing:.3px}.status-text.connected{color:#10b981}.status-text.disconnected{color:#ef4444}.nubesheets-actions{display:flex;gap:16px;flex-wrap:wrap}.nubesheets-action-btn{background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.nubesheets-action-btn:hover{background:#2563eb;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.nubesheets-action-btn:active{transform:translateY(0)}.nubesheets-action-btn.secondary{background:#6b7280;color:#fff}.nubesheets-action-btn.secondary:hover{background:#4b5563}.nubesheets-action-btn.success{background:#10b981;color:#fff}.nubesheets-action-btn.success:hover{background:#059669}.nubesheets-action-btn.warning{background:#f59e0b;color:#fff}.nubesheets-action-btn.warning:hover{background:#d97706}.nubesheets-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}@media (max-width: 768px){.nubesheets-sidebar{width:70px}.nubesheets-main{margin-left:70px}.nubesheets-logo{font-size:1.2rem;padding:24px 16px;justify-content:center}.nubesheets-nav-item span{display:none}.nubesheets-header{padding:24px}.nubesheets-section{margin:24px}.nubesheets-cards{grid-template-columns:1fr}.nubesheets-header-actions{justify-content:center;gap:16px}}.nubesheets-page-content{padding:48px;max-width:1000px}.nubesheets-page-content h1{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:12px}.nubesheets-page-content h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:12px}.nubesheets-page-content .nubesheets-card{padding:24px}.nubesheets-page-content .nubesheets-card p{margin:0}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.metric-card{background:white;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000001a;transition:all .2s}.metric-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.metric-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center}.metric-info{flex:1}.metric-label{font-size:14px;color:#64748b;margin-bottom:4px}.metric-value{font-size:28px;font-weight:700;color:#1e293b}.top-sections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.top-section-card{background:white;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.top-section-header{margin-bottom:20px;border-bottom:2px solid #f1f5f9;padding-bottom:12px}.top-section-header h3{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:4px}.top-section-subtitle{font-size:13px;color:#64748b}.top-list{display:flex;flex-direction:column;gap:12px}.top-list-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;background:#f8fafc;transition:all .2s}.top-list-item:hover{background:#f1f5f9}.top-item-rank{width:32px;height:32px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.top-list-item:first-child .top-item-rank{background:#f59e0b}.top-list-item:nth-child(2) .top-item-rank{background:#94a3b8}.top-list-item:nth-child(3) .top-item-rank{background:#cd7f32}.top-item-info{flex:1;min-width:0}.top-item-name{font-weight:600;color:#1e293b;font-size:14px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-item-subtitle{font-size:12px;color:#64748b}.top-item-value{font-weight:700;color:#22c55e;font-size:16px;flex-shrink:0}.products-page{max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.page-header h1{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.page-subtitle{color:var(--text-secondary);font-size:14px}.page-actions{display:flex;gap:12px}.btn-primary,.btn-secondary,.btn-filter,.btn-chip{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-size:14px}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--hover-bg)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.products-filters{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.filters-wrapper{display:flex;flex-direction:column;gap:12px}.filters-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:12px;background:white;padding:10px 16px;border-radius:10px;border:2px solid var(--border-color);transition:all .2s}.search-box:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.search-box input{flex:1;border:none;background:transparent;outline:none;color:var(--text-primary);font-size:14px}.btn-filter{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-filter.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-color:#667eea;box-shadow:0 2px 12px #667eea4d}.btn-filter.disabled,.btn-filter:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(50%)}.quick-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.quick-filters .btn-filter{padding:8px 16px;border-radius:10px;font-weight:500;font-size:13px;transition:all .2s ease;border:2px solid var(--border-color)}.quick-filters .btn-filter:hover:not(.disabled):not(.active){transform:translateY(-1px);box-shadow:0 4px 12px #00000014;border-color:#c7d2fe}.btn-chip{padding:6px 14px;border-radius:8px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #667eea40}.btn-chip:hover{transform:scale(1.05);box-shadow:0 4px 12px #667eea59}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.product-card{background:white;border:2px solid #f1f5f9;border-radius:16px;overflow:hidden;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.product-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px);border-color:#e2e8f0}.product-image{width:100%;height:220px;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);position:relative;overflow:hidden;border-bottom:2px solid #f1f5f9}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-image img{transform:scale(1.05)}.product-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.product-info{padding:20px}.product-info h3{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:6px;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.product-sku{font-size:12px;color:#94a3b8;margin-bottom:16px;font-weight:500}.product-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.product-price-section{display:flex;flex-direction:column;gap:4px}.product-price{font-size:24px;font-weight:700;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.price-indicator{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px;background:#f1f5f9}.price-indicator span{opacity:.9}.product-stock{font-size:12px;padding:6px 12px;border-radius:8px;font-weight:600}.product-stock.in-stock{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#065f46}.product-stock.out-of-stock{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#991b1b}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;color:var(--text-secondary)}.product-actions .btn-secondary{padding:6px 10px;border-radius:8px;font-size:12px}.loading-state svg,.empty-state svg{margin-bottom:16px;color:var(--text-tertiary)}.products-table-wrapper{width:100%;overflow:auto}.products-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;background:var(--bg-primary)}.products-table th,.products-table td{padding:10px 12px;border-bottom:1px solid var(--border-color);font-size:13px}.products-table thead th{background:var(--bg-secondary);color:var(--text-secondary);text-align:left;font-weight:600}.products-table tbody tr:hover{background:var(--hover-bg)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:4px 10px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.badge-warning{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e;border:1px solid #fbbf24}.badge-muted{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);color:#475569;border:1px solid #cbd5e1}.controls-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.styled-select{padding:8px 16px;border-radius:10px;border:2px solid var(--border-color);background:white;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.styled-select:hover{border-color:#c7d2fe;box-shadow:0 2px 6px #00000014}.styled-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.threshold-input{width:80px;padding:8px 12px;border-radius:10px;border:2px solid var(--border-color);background:white;color:var(--text-primary);font-size:14px;font-weight:500;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.threshold-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.chips-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px 0;border-top:2px solid #f1f5f9;border-bottom:2px solid #f1f5f9}.orders-page{padding:32px;max-width:1600px;margin:0 auto;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);min-height:100vh}.stat-icon-yellow{background:linear-gradient(135deg,#f6ad55 0%,#ed8936 100%);box-shadow:0 4px 12px #f6ad554d}.stat-change{font-size:13px;font-weight:600;padding:4px 10px;border-radius:8px}.stat-change.positive{background:#d1fae5;color:#065f46}.search-box-modern{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:20px;transition:all .2s ease}.search-box-modern:focus-within{border-color:#667eea;background:white;box-shadow:0 0 0 3px #667eea1a}.search-box-modern svg{color:#a0aec0}.search-input{flex:1;border:none;background:transparent;font-size:15px;color:#2d3748;outline:none}.search-input::placeholder{color:#a0aec0}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px}.status-pills{display:flex;gap:12px;flex-wrap:wrap}.status-pill{padding:10px 18px;border-radius:12px;border:2px solid #e2e8f0;background:white;color:#4a5568;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease}.status-pill:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.status-pill.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.status-pill.paid.active{background:linear-gradient(135deg,#48bb78 0%,#38a169 100%);border-color:#48bb78;box-shadow:0 4px 12px #48bb784d}.status-pill.pending.active{background:linear-gradient(135deg,#f6ad55 0%,#ed8936 100%);border-color:#f6ad55;box-shadow:0 4px 12px #f6ad554d}.status-pill.cancelled.active{background:linear-gradient(135deg,#f56565 0%,#e53e3e 100%);border-color:#f56565;box-shadow:0 4px 12px #f565654d}.pill-count{background:rgba(255,255,255,.3);padding:2px 8px;border-radius:10px;font-size:12px;font-weight:700}.status-pill.active .pill-count{background:rgba(255,255,255,.25)}.orders-list-section{background:white;border-radius:16px;padding:28px;box-shadow:0 4px 20px #00000014}.orders-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.order-card{background:white;border:2px solid #e2e8f0;border-radius:14px;padding:20px;transition:all .3s ease}.order-card:hover{border-color:#cbd5e1;box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.order-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.order-number-badge{padding:8px 14px;background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);color:#4338ca;border-radius:10px;font-size:15px;font-weight:700;border:2px solid #c7d2fe}.order-status-badge{padding:6px 12px;border-radius:10px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px;border:2px solid}.order-status-badge.paid{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#065f46;border-color:#6ee7b7}.order-status-badge.pending{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e;border-color:#fbbf24}.order-status-badge.cancelled{background:linear-gradient(135deg,#fecaca 0%,#fca5a5 100%);color:#991b1b;border-color:#f87171}.order-card-body{margin-bottom:16px}.order-customer{display:flex;align-items:center;gap:8px;color:#4a5568;font-size:14px;font-weight:500;margin-bottom:12px}.order-customer svg{color:#a0aec0}.order-amount{font-size:28px;font-weight:700;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.order-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:2px solid #f7fafc}.order-date{font-size:13px;color:#718096;font-weight:600;display:flex;align-items:center;gap:6px}.btn-view-order{width:36px;height:36px;border-radius:10px;border:none;background:#f7fafc;color:#667eea;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-view-order:hover{background:#667eea;color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #667eea4d}.empty-state p{margin:0;font-size:15px;color:#718096}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.orders-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.orders-page{padding:20px}.page-header-modern{flex-direction:column;gap:20px;padding:20px}.header-left,.header-actions{width:100%}.stats-grid,.filters-grid{grid-template-columns:1fr}.status-pills{flex-direction:column}.status-pill{width:100%;justify-content:center}.orders-cards-grid{grid-template-columns:1fr}.page-header-modern h1{font-size:26px}.stat-value{font-size:28px}}@media (max-width: 480px){.header-icon{width:48px;height:48px}.order-card{padding:16px}.order-amount{font-size:24px}}.expenses-page{padding:32px;max-width:1600px;margin:0 auto;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);min-height:100vh}.page-header-modern{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;background:white;padding:24px 32px;border-radius:20px;box-shadow:0 4px 20px #00000014}.header-left{display:flex;align-items:center;gap:20px}.header-icon{width:64px;height:64px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 16px #667eea4d}.page-header-modern h1{margin:0 0 6px;font-size:32px;font-weight:700;color:#1a202c;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{margin:0;color:#718096;font-size:15px;font-weight:500}.header-actions{display:flex;gap:12px;align-items:center}.btn-icon-action{width:44px;height:44px;border-radius:12px;border:2px solid #e2e8f0;background:white;color:#4a5568;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.btn-icon-action:hover{border-color:#667eea;background:#f7fafc;color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.btn-icon-action:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary-action{padding:12px 24px;border-radius:12px;border:none;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;font-weight:600;font-size:15px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.btn-primary-action:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-primary-action:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary-action{padding:12px 24px;border-radius:12px;border:2px solid #e2e8f0;background:white;color:#4a5568;font-weight:600;font-size:15px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease}.btn-secondary-action:hover{border-color:#cbd5e1;background:#f7fafc}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.stat-card-modern{background:white;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.stat-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);opacity:0;transition:opacity .3s ease}.stat-card-modern:hover:before{opacity:1}.stat-card-modern:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f;border-color:#e2e8f0}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stat-label{font-size:13px;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.5px}.stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon-red{background:linear-gradient(135deg,#f56565 0%,#c53030 100%);box-shadow:0 4px 12px #f565654d}.stat-icon-blue{background:linear-gradient(135deg,#4299e1 0%,#3182ce 100%);box-shadow:0 4px 12px #4299e14d}.stat-icon-purple{background:linear-gradient(135deg,#9f7aea 0%,#805ad5 100%);box-shadow:0 4px 12px #9f7aea4d}.stat-icon-green{background:linear-gradient(135deg,#48bb78 0%,#38a169 100%);box-shadow:0 4px 12px #48bb784d}.stat-value{font-size:36px;font-weight:700;color:#1a202c;margin-bottom:8px;line-height:1}.stat-value-text{font-size:22px;font-weight:700;color:#1a202c;margin-bottom:8px;line-height:1.3}.stat-footer{display:flex;align-items:center;gap:8px}.stat-change{font-size:13px;font-weight:600;padding:4px 10px;border-radius:8px;background:#fed7d7;color:#c53030}.stat-info{font-size:13px;color:#a0aec0;font-weight:500}.filters-section{background:white;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014;margin-bottom:32px}.filters-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:#4a5568;font-weight:600;font-size:16px}.btn-clear-filters{margin-left:auto;padding:6px 14px;border-radius:8px;border:2px solid #fed7d7;background:#fff5f5;color:#c53030;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease}.btn-clear-filters:hover{background:#fed7d7;border-color:#fc8181}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-size:13px;font-weight:600;color:#4a5568;display:flex;align-items:center;gap:6px}.filter-input{padding:12px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;color:#2d3748;background:white;transition:all .2s ease}.filter-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.categories-overview{background:white;border-radius:16px;padding:28px;box-shadow:0 4px 20px #00000014;margin-bottom:32px}.categories-overview h3{margin:0 0 24px;font-size:20px;font-weight:700;color:#1a202c}.categories-bars{display:flex;flex-direction:column;gap:20px}.category-bar-item{display:flex;flex-direction:column;gap:10px}.category-bar-header{display:flex;justify-content:space-between;align-items:center}.category-bar-amount{font-size:16px;font-weight:700;color:#1a202c}.category-bar-track{width:100%;height:32px;background:#f7fafc;border-radius:12px;overflow:hidden;box-shadow:inset 0 2px 4px #0000000f}.category-bar-fill{height:100%;display:flex;align-items:center;justify-content:flex-end;padding:0 12px;border-radius:12px;transition:width .6s ease}.category-bar-percentage{font-size:13px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.category-bar-fill.category-marketing{background:linear-gradient(90deg,#fbbf24 0%,#f59e0b 100%)}.category-bar-fill.category-servicios{background:linear-gradient(90deg,#a78bfa 0%,#8b5cf6 100%)}.category-bar-fill.category-impuestos{background:linear-gradient(90deg,#f87171 0%,#ef4444 100%)}.category-bar-fill.category-logistica{background:linear-gradient(90deg,#60a5fa 0%,#3b82f6 100%)}.category-bar-fill.category-otros{background:linear-gradient(90deg,#94a3b8 0%,#64748b 100%)}.expenses-list-section{background:white;border-radius:16px;padding:28px;box-shadow:0 4px 20px #00000014}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h3{margin:0;font-size:20px;font-weight:700;color:#1a202c;display:flex;align-items:center;gap:10px}.result-count{font-size:14px;color:#718096;font-weight:600;background:#f7fafc;padding:6px 16px;border-radius:20px}.expenses-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.expense-card{background:white;border:2px solid #e2e8f0;border-radius:14px;padding:20px;transition:all .3s ease}.expense-card:hover{border-color:#cbd5e1;box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.expense-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.category-badge-large{padding:8px 14px;border-radius:10px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:6px}.category-badge-large.category-marketing{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e;border:2px solid #fbbf24}.category-badge-large.category-servicios{background:linear-gradient(135deg,#ddd6fe 0%,#c4b5fd 100%);color:#5b21b6;border:2px solid #a78bfa}.category-badge-large.category-impuestos{background:linear-gradient(135deg,#fecaca 0%,#fca5a5 100%);color:#991b1b;border:2px solid #f87171}.category-badge-large.category-logistica{background:linear-gradient(135deg,#bfdbfe 0%,#93c5fd 100%);color:#1e40af;border:2px solid #60a5fa}.category-badge-large.category-otros{background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 100%);color:#475569;border:2px solid #94a3b8}.btn-delete-expense{width:36px;height:36px;border-radius:10px;border:none;background:#fff5f5;color:#e53e3e;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-delete-expense:hover{background:#fed7d7;transform:scale(1.1)}.expense-card-body{margin-bottom:16px}.expense-description{margin:0 0 12px;font-size:16px;font-weight:600;color:#2d3748;line-height:1.4}.expense-amount{font-size:28px;font-weight:700;color:#e53e3e;line-height:1}.expense-card-footer{display:flex;align-items:center;padding-top:16px;border-top:2px solid #f7fafc}.expense-date{font-size:13px;color:#718096;font-weight:600;display:flex;align-items:center;gap:6px}.empty-state{text-align:center;padding:64px 32px}.empty-icon{font-size:80px;margin-bottom:20px;opacity:.6}.empty-state h3{margin:0 0 12px;font-size:24px;font-weight:700;color:#2d3748}.empty-state p{margin:0 0 24px;font-size:15px;color:#718096}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content-modern{background:white;border-radius:20px;width:100%;max-width:600px;box-shadow:0 24px 48px #0003;animation:slideUp .3s ease;max-height:90vh;display:flex;flex-direction:column}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header-modern{display:flex;justify-content:space-between;align-items:flex-start;padding:28px 32px;border-bottom:2px solid #f7fafc}.modal-header-modern h2{margin:0 0 6px;font-size:24px;font-weight:700;color:#1a202c}.modal-header-modern p{margin:0;font-size:14px;color:#718096}.modal-close{width:40px;height:40px;border-radius:10px;border:none;background:#f7fafc;color:#718096;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.modal-close:hover{background:#e2e8f0;color:#2d3748;transform:rotate(90deg)}.modal-body-modern{padding:28px 32px;overflow-y:auto}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 32px;border-top:2px solid #f7fafc}.form-group label{display:block;font-size:14px;font-weight:600;color:#4a5568;margin-bottom:8px}.form-input{width:100%;padding:12px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;color:#2d3748;background:white;transition:all .2s ease;font-family:inherit}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.input-with-icon{position:relative}.input-with-icon svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#a0aec0;pointer-events:none}.input-with-icon .form-input{padding-left:44px}.input-group{display:flex;gap:12px}.categories-list{margin-bottom:24px}.categories-list label{display:block;font-size:14px;font-weight:600;color:#4a5568;margin-bottom:12px}.categories-chips{display:flex;flex-wrap:wrap;gap:10px}.category-chip{padding:10px 16px;border-radius:12px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:6px;border:2px solid}.category-chip.category-marketing{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e;border-color:#fbbf24}.category-chip.category-servicios{background:linear-gradient(135deg,#ddd6fe 0%,#c4b5fd 100%);color:#5b21b6;border-color:#a78bfa}.category-chip.category-impuestos{background:linear-gradient(135deg,#fecaca 0%,#fca5a5 100%);color:#991b1b;border-color:#f87171}.category-chip.category-logistica{background:linear-gradient(135deg,#bfdbfe 0%,#93c5fd 100%);color:#1e40af;border-color:#60a5fa}.category-chip.category-otros{background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 100%);color:#475569;border-color:#94a3b8}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 32px;color:#718096}.spinning{animation:spin 1s linear infinite}.category-badge{display:inline-block;padding:6px 12px;border-radius:10px;font-size:12px;font-weight:700;border:2px solid}.category-badge.category-marketing{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e;border-color:#fbbf24}.category-badge.category-servicios{background:linear-gradient(135deg,#ddd6fe 0%,#c4b5fd 100%);color:#5b21b6;border-color:#a78bfa}.category-badge.category-impuestos{background:linear-gradient(135deg,#fecaca 0%,#fca5a5 100%);color:#991b1b;border-color:#f87171}.category-badge.category-logistica{background:linear-gradient(135deg,#bfdbfe 0%,#93c5fd 100%);color:#1e40af;border-color:#60a5fa}.category-badge.category-otros{background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 100%);color:#475569;border-color:#94a3b8}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.expenses-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.expenses-page{padding:20px}.page-header-modern{flex-direction:column;gap:20px;padding:20px}.header-left,.header-actions{width:100%}.stats-grid,.filters-grid,.form-row,.expenses-cards-grid{grid-template-columns:1fr}.page-header-modern h1{font-size:26px}.stat-value{font-size:28px}.modal-content-modern{max-width:100%}.modal-header-modern,.modal-body-modern,.modal-footer{padding:20px}}@media (max-width: 480px){.header-icon{width:48px;height:48px}.btn-primary-action{padding:10px 18px;font-size:14px}.expense-card{padding:16px}}.financial-page{padding:2rem;max-width:1600px;margin:0 auto;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh}.financial-container{padding:2rem}.financial-header{background:white;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.financial-header-content{display:flex;align-items:center;gap:1.5rem}.financial-header-icon{width:60px;height:60px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff}.financial-header h1{margin:0;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{margin:.5rem 0 0;color:#64748b;font-size:.95rem}.header-actions{display:flex;gap:1rem;align-items:center}.month-selector{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f8fafc;border-radius:12px;color:#475569}.month-select{border:none;background:transparent;font-size:.95rem;font-weight:500;color:#1e293b;cursor:pointer;outline:none}.btn-refresh{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-refresh:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-refresh:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-refresh .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.kpis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.kpi-card{background:white;padding:1.5rem;border-radius:16px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border-top:4px solid}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.kpi-ventas{border-top-color:#10b981}.kpi-gastos{border-top-color:#ef4444}.kpi-ganancia{border-top-color:#3b82f6}.kpi-margen{border-top-color:#f59e0b}.kpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.kpi-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.kpi-ventas .kpi-icon{background:linear-gradient(135deg,#10b981,#059669)}.kpi-gastos .kpi-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.kpi-ganancia .kpi-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.kpi-margen .kpi-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.kpi-trend{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600}.trend-up{color:#10b981}.trend-down{color:#ef4444}.trend-neutral{color:#64748b}.trend-positive{color:#10b981}.trend-negative{color:#ef4444}.kpi-badge,.kpi-badge-status{padding:.35rem .75rem;border-radius:8px;font-size:.8rem;font-weight:600}.kpi-badge{background:#f1f5f9;color:#475569}.kpi-badge-status[data-status=good]{background:#dcfce7;color:#166534}.kpi-badge-status[data-status=warning]{background:#fef3c7;color:#92400e}.kpi-badge-status[data-status=bad]{background:#fee2e2;color:#991b1b}.kpi-body{margin-top:1rem}.kpi-label{font-size:.9rem;color:#64748b;font-weight:500;margin-bottom:.5rem}.kpi-value{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.kpi-detail{font-size:.85rem;color:#94a3b8}.secondary-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:2rem}.metric-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:white;border-radius:12px;box-shadow:0 2px 10px #0000000d;transition:all .3s ease}.metric-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000014}.metric-icon{color:#667eea}.metric-label{font-size:.85rem;color:#64748b;margin-bottom:.25rem}.metric-value{font-size:1.25rem;font-weight:700;color:#1e293b}.balance-section{background:white;padding:2.5rem;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem}.balance-content{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}.balance-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#f8fafc;border-radius:12px;min-width:200px;transition:all .3s ease}.balance-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.balance-ventas{border-left:4px solid #10b981}.balance-gastos{border-left:4px solid #ef4444}.balance-ganancia{border-left:4px solid #3b82f6;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%)}.balance-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.balance-ventas .balance-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.balance-gastos .balance-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.balance-ganancia .balance-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.balance-info{flex:1}.balance-label{font-size:.85rem;color:#64748b;margin-bottom:.5rem;font-weight:500}.balance-value{font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.balance-percentage{font-size:.8rem;color:#3b82f6;font-weight:600}.balance-operator{font-size:2.5rem;font-weight:300;color:#cbd5e1;flex-shrink:0}.analysis-section{margin-bottom:2rem}.section-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:2rem;margin-top:2rem;display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;border-bottom:3px solid #f1f5f9}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.chart-card{background:white;padding:1.5rem;border-radius:16px;box-shadow:0 4px 20px #00000014}.chart-header{margin-bottom:1rem}.chart-title{font-size:1.1rem;font-weight:600;color:#1e293b}.chart-subtitle{font-size:.85rem;color:#64748b;margin-top:.25rem}.top-products-section{background:white;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;margin-top:2rem}.top-products-section h3{margin-top:0}.top-products-list{display:flex;flex-direction:column;gap:1rem}.top-product-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border-radius:12px;transition:all .3s ease}.top-product-item:hover{background:#f1f5f9;transform:translate(4px)}.top-product-rank{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;flex-shrink:0}.top-product-rank.gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.top-product-rank.silver{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff}.top-product-rank.bronze{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.top-product-rank.other{background:#e2e8f0;color:#475569}.top-product-info{flex:1}.top-product-name{font-weight:600;color:#1e293b;margin-bottom:.25rem}.top-product-detail{font-size:.85rem;color:#64748b}.top-product-bar{flex:2;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;position:relative}.top-product-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width 1s ease}.top-product-value{font-weight:700;color:#1e293b;min-width:100px;text-align:right}.insights-section{margin-bottom:2rem}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.insight-card{padding:1.25rem;border-radius:12px;display:flex;align-items:flex-start;gap:1rem;transition:all .3s ease}.insight-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.insight-warning{background:#fef3c7;border-left:4px solid #f59e0b}.insight-success{background:#dcfce7;border-left:4px solid #10b981}.insight-info{background:#dbeafe;border-left:4px solid #3b82f6}.insight-icon{flex-shrink:0}.insight-warning .insight-icon{color:#f59e0b}.insight-success .insight-icon{color:#10b981}.insight-info .insight-icon{color:#3b82f6}.insight-content h4{font-size:.95rem;font-weight:600;margin-bottom:.25rem}.insight-warning h4{color:#92400e}.insight-success h4{color:#166534}.insight-info h4{color:#1e40af}.insight-content p{font-size:.85rem;line-height:1.5}.insight-warning p{color:#78350f}.insight-success p{color:#14532d}.insight-info p{color:#1e3a8a}.publicidad-section{background:white;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem}.publicidad-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1.5rem}.publicidad-card{background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);border-radius:12px;padding:1.5rem;border:2px solid #e5e7eb;transition:all .3s ease}.publicidad-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.publicidad-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.publicidad-platform{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem;color:#4b5563}.platform-icon{font-size:1.5rem}.publicidad-percentage{background:#e5e7eb;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:700;color:#374151}.publicidad-value{font-size:2rem;font-weight:800;color:#111827;margin-bottom:.5rem}.publicidad-detail{font-size:.85rem;color:#6b7280}.meta-ads{border-left:4px solid #1877f2}.meta-ads .publicidad-percentage{background:#e7f3ff;color:#1877f2}.google-ads{border-left:4px solid #4285f4}.google-ads .publicidad-percentage{background:#e8f0fe;color:#1967d2}.roas{border-left:4px solid #9333ea}.roas-good{background:linear-gradient(135deg,#f0fdf4 0%,#ffffff 100%);border-color:#22c55e}.roas-moderate{background:linear-gradient(135deg,#fffbeb 0%,#ffffff 100%);border-color:#f59e0b}.roas-bad{background:linear-gradient(135deg,#fef2f2 0%,#ffffff 100%);border-color:#ef4444}.roas-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700}.roas-badge.good{background:#d1fae5;color:#065f46}.roas-badge.moderate{background:#fef3c7;color:#92400e}.roas-badge.bad{background:#fee2e2;color:#991b1b}.cpa{border-left:4px solid #06b6d4}.cpa-good{background:linear-gradient(135deg,#f0fdf4 0%,#ffffff 100%);border-color:#10b981}.cpa-moderate{background:linear-gradient(135deg,#fffbeb 0%,#ffffff 100%);border-color:#f59e0b}.cpa-bad{background:linear-gradient(135deg,#fef2f2 0%,#ffffff 100%);border-color:#ef4444}.cpa-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700}.cpa-badge.good{background:#d1fae5;color:#065f46}.cpa-badge.moderate{background:#fef3c7;color:#92400e}.cpa-badge.bad{background:#fee2e2;color:#991b1b}.publicidad-summary{display:flex;justify-content:space-around;align-items:center;background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);padding:1.5rem;border-radius:12px;border:1px solid #e5e7eb;flex-wrap:wrap;gap:1rem}.summary-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.summary-label{font-size:.85rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:1.5rem;font-weight:800;color:#111827}.summary-value.success{color:#059669}.summary-divider{font-size:1.5rem;color:#d1d5db;font-weight:300}@media (max-width: 1200px){.charts-grid{grid-template-columns:1fr}}@media (max-width: 768px){.financial-container{padding:1rem}.financial-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.5rem}.kpis-grid,.secondary-metrics{grid-template-columns:1fr}.balance-content{flex-direction:column}.top-product-item{flex-wrap:wrap}.top-product-bar{flex:1;width:100%}.insights-section,.publicidad-grid{grid-template-columns:1fr}.publicidad-summary{flex-direction:column;gap:1rem}.summary-divider{display:none}}.reports-page{padding:2rem;max-width:1600px;margin:0 auto;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh}.reports-header{background:white;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.reports-header-content{display:flex;align-items:center;gap:1.5rem}.reports-header-icon{width:60px;height:60px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff}.reports-header h1{margin:0;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.reports-header-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);color:#fff;border-radius:50px;font-weight:600;font-size:.9rem;box-shadow:0 4px 15px #fbbf244d;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.section-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;border-bottom:3px solid #f1f5f9}.section-title svg{color:#667eea}.report-info-section{margin-bottom:2rem}.report-info-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:2.5rem;border-radius:20px;box-shadow:0 8px 30px #667eea4d;display:flex;align-items:center;gap:2rem;color:#fff}.report-info-icon{width:80px;height:80px;background:rgba(255,255,255,.2);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.report-info-content{flex:1}.report-info-content h2{font-size:2rem;font-weight:800;margin:0 0 .75rem}.report-info-description{font-size:1.05rem;line-height:1.6;margin:0 0 1.5rem;opacity:.95}.report-features-list{display:flex;gap:.75rem;flex-wrap:wrap}.feature-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;font-size:.85rem;font-weight:600;border:1px solid rgba(255,255,255,.3)}.feature-badge svg{flex-shrink:0}.month-selection-section{background:white;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem}.month-selector-container{position:relative;max-width:400px}.month-select-large{width:100%;padding:1.25rem 3.5rem 1.25rem 1.5rem;font-size:1.1rem;font-weight:600;color:#1e293b;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);border:2px solid #cbd5e1;border-radius:12px;cursor:pointer;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.month-select-large:hover{border-color:#667eea;box-shadow:0 4px 15px #667eea33}.month-select-large:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.month-selector-icon{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);color:#667eea;pointer-events:none}.generate-section{background:white;padding:2.5rem;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;text-align:center}.btn-generate{display:inline-flex;align-items:center;gap:.75rem;padding:1.25rem 3rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #667eea66;margin-bottom:1rem}.btn-generate:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 35px #667eea80}.btn-generate:disabled{opacity:.7;cursor:not-allowed}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.generate-info{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;color:#64748b;margin:0}.generate-info svg{flex-shrink:0;color:#3b82f6}.last-report-section{background:white;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014}.report-preview{background:#f8fafc;border-radius:12px;padding:1.5rem;border:1px solid #e2e8f0}.report-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.report-preview-info h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.report-preview-info p{font-size:.9rem;color:#64748b;margin:0}.export-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.btn-export{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.btn-export.pdf{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff}.btn-export.pdf:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.btn-export.pptx{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff}.btn-export.pptx:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.btn-export.share{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff}.btn-export.share:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.report-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.report-stat-card{background:white;padding:1.25rem;border-radius:12px;border-left:4px solid;display:flex;align-items:center;gap:1rem}.report-stat-card.ventas{border-left-color:#10b981}.report-stat-card.gastos{border-left-color:#ef4444}.report-stat-card.ganancia{border-left-color:#3b82f6}.report-stat-card.margen{border-left-color:#f59e0b}.stat-icon{font-size:2rem;flex-shrink:0}.stat-info{display:flex;flex-direction:column}.stat-label{font-size:.85rem;color:#64748b;margin-bottom:.25rem}.stat-value{font-size:1.5rem;font-weight:800;color:#1e293b}.report-section-preview{background:white;padding:1.5rem;border-radius:12px;margin-bottom:1rem}.report-section-preview.warning{background:linear-gradient(135deg,#fef3c7 0%,#ffffff 100%);border-left:4px solid #f59e0b}.report-section-preview h4{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;color:#1e293b;margin:0 0 1rem}.report-section-preview h4 svg{color:#667eea}.report-section-preview.warning h4 svg{color:#f59e0b}.preview-list{display:flex;flex-direction:column;gap:.75rem}.preview-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#f8fafc;border-radius:8px;border-left:3px solid #667eea}.preview-item .rank{font-weight:800;font-size:1.1rem;color:#667eea;min-width:40px}.preview-item .name{flex:1;font-weight:600;color:#1e293b;font-size:.95rem}.preview-item .value{font-weight:700;color:#64748b;font-size:.9rem}.report-insights-preview{background:linear-gradient(135deg,#f0fdf4 0%,#ffffff 100%);padding:1.5rem;border-radius:12px;border-left:4px solid #10b981;margin-bottom:1rem}.report-insights-preview h4{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;color:#1e293b;margin:0 0 1rem}.report-insights-preview h4 svg{color:#fbbf24}.insights-list{display:flex;flex-direction:column;gap:.75rem}.insight-preview-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:white;border-radius:8px;border:1px solid #d1fae5}.insight-preview-item svg{color:#10b981;flex-shrink:0;margin-top:.1rem}.insight-preview-item span{font-size:.9rem;color:#166534;line-height:1.5}.report-recommendations-preview{background:linear-gradient(135deg,#dbeafe 0%,#ffffff 100%);padding:1.5rem;border-radius:12px;border-left:4px solid #3b82f6}.report-recommendations-preview h4{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;color:#1e293b;margin:0 0 1rem}.report-recommendations-preview h4 svg{color:#f59e0b}.recommendations-list{display:flex;flex-direction:column;gap:.75rem}.recommendation-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:white;border-radius:8px;border:1px solid #bfdbfe}.recommendation-item svg{color:#3b82f6;flex-shrink:0;margin-top:.1rem}.recommendation-item span{font-size:.9rem;color:#1e40af;line-height:1.5;font-weight:500}@media (max-width: 768px){.reports-page{padding:1rem}.reports-header{flex-direction:column;align-items:flex-start}.report-info-card{flex-direction:column;text-align:center}.report-features-list{justify-content:center}.month-selector-container{max-width:100%}.report-preview-header{flex-direction:column;align-items:flex-start}.export-buttons{width:100%}.btn-export{flex:1;justify-content:center}.report-stats-grid{grid-template-columns:1fr}}.admin-panel{max-width:1400px;margin:0 auto;padding:20px}.admin-login-container{display:flex;align-items:center;justify-content:center;min-height:70vh}.admin-login-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:48px;max-width:420px;width:100%;box-shadow:0 8px 24px #0000001f}.admin-login-header{text-align:center;margin-bottom:32px}.admin-login-header svg{color:var(--primary-color);margin-bottom:16px}.admin-login-header h1{font-size:24px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.admin-login-header p{color:var(--text-secondary);font-size:14px}.admin-login-form{display:flex;flex-direction:column;gap:20px}.admin-login-form .form-group{display:flex;flex-direction:column;gap:8px}.admin-login-form label{font-weight:600;font-size:14px;color:var(--text-primary)}.admin-login-form input{padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--bg-secondary);color:var(--text-primary);transition:all .2s}.admin-login-form input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.login-error{display:flex;align-items:center;gap:8px;padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px}.btn-login{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s}.btn-login:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.admin-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.admin-header h1{display:flex;align-items:center;gap:12px;font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.admin-subtitle{color:var(--text-secondary);font-size:14px}.btn-refresh{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.btn-refresh:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.btn-logout{padding:10px 20px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-logout:hover{background:#dc2626;transform:translateY(-1px)}.stats-grid-enhanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:32px}.stat-card-enhanced{background:var(--bg-primary);padding:20px;border-radius:12px;border:2px solid var(--border-color);display:flex;align-items:center;gap:14px;transition:all .2s}.stat-card-enhanced:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card-enhanced svg{flex-shrink:0}.stat-card-enhanced h3{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.stat-card-enhanced p{color:var(--text-secondary);font-size:13px;font-weight:500}.stat-card-enhanced.total{border-color:#8b5cf6;background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 100%)}.stat-card-enhanced.total svg{color:#8b5cf6}.stat-card-enhanced.active{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%)}.stat-card-enhanced.active svg{color:#10b981}.stat-card-enhanced.trial{border-color:#f59e0b;background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%)}.stat-card-enhanced.trial svg{color:#f59e0b}.stat-card-enhanced.pro{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%)}.stat-card-enhanced.pro svg{color:#3b82f6}.stat-card-enhanced.expired{border-color:#ef4444;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%)}.stat-card-enhanced.expired svg{color:#ef4444}.stat-card-enhanced.revenue{border-color:#22c55e;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%)}.stat-card-enhanced.revenue svg{color:#22c55e}.stat-card-enhanced.pending{border-color:#f97316;background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%)}.stat-card-enhanced.pending svg{color:#f97316}.stat-card-enhanced.conversion{border-color:#06b6d4;background:linear-gradient(135deg,#ecfeff 0%,#cffafe 100%)}.stat-card-enhanced.conversion svg{color:#06b6d4}.admin-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid var(--border-color);padding-bottom:0}.admin-tabs .tab{display:flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s;position:relative;bottom:-2px}.admin-tabs .tab:hover{color:var(--primary-color);background:var(--bg-secondary)}.admin-tabs .tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.activations-section{margin-bottom:32px}.activations-section h2{font-size:24px;font-weight:700;margin-bottom:20px;color:var(--text-primary)}.loading-state,.empty-state{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:64px;text-align:center;color:var(--text-secondary)}.empty-state svg{color:var(--success-color);margin-bottom:16px}.empty-state h3{color:var(--text-primary);margin-bottom:8px}.activations-list{display:flex;flex-direction:column;gap:16px}.activation-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:all .2s}.activation-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.activation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.activation-header h3{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.activation-date{font-size:13px;color:var(--text-tertiary)}.activation-status{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600}.activation-status.pending{background:#fef3c7;color:#92400e}.activation-details{display:grid;gap:12px;margin-bottom:20px}.detail-item{display:flex;align-items:center;gap:12px}.detail-item.full-width{flex-direction:column;align-items:flex-start}.detail-item strong{min-width:120px;color:var(--text-secondary);font-size:14px}.detail-item span{color:var(--text-primary);font-size:14px}.plan-badge{padding:4px 12px;border-radius:6px;font-weight:600;font-size:12px;text-transform:uppercase}.plan-badge.pro{background:var(--primary-color);color:#fff}.plan-badge.trial{background:#fef3c7;color:#92400e}.receipt-link{display:flex;align-items:center;gap:6px;color:var(--primary-color);text-decoration:none;font-weight:600;transition:all .2s}.receipt-link:hover{text-decoration:underline}.notes{margin:0;color:var(--text-secondary);font-style:italic;font-size:14px;background:var(--bg-secondary);padding:12px;border-radius:8px}.activation-actions{display:flex;gap:12px}.btn-approve,.btn-reject{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-approve{background:var(--success-color);color:#fff}.btn-approve:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-approve:disabled{opacity:.5;cursor:not-allowed}.btn-reject{background:var(--danger-color);color:#fff}.btn-reject:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-reject:disabled{opacity:.5;cursor:not-allowed}.users-section{margin-bottom:32px}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px;flex-wrap:wrap}.users-header h2{font-size:24px;font-weight:700;color:var(--text-primary)}.users-filters{display:flex;gap:12px;flex:1;max-width:600px}.search-box{display:flex;align-items:center;gap:8px;flex:1;padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.search-box svg{color:var(--text-tertiary);flex-shrink:0}.search-box input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:14px;outline:none}.status-filter{padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;cursor:pointer;outline:none}.users-table-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:var(--bg-secondary);border-bottom:2px solid var(--border-color)}.users-table th{padding:14px 16px;text-align:left;font-weight:700;font-size:13px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.users-table tbody tr{border-bottom:1px solid var(--border-color);transition:all .2s}.users-table tbody tr:hover{background:var(--bg-secondary)}.users-table tbody tr:last-child{border-bottom:none}.users-table td{padding:16px;font-size:14px;color:var(--text-primary)}.users-table code{background:var(--bg-secondary);padding:4px 8px;border-radius:4px;font-family:Courier New,monospace;font-size:12px;color:var(--primary-color)}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.expired{background:#fee2e2;color:#991b1b}.status-badge.trial{background:#fef3c7;color:#92400e}.table-actions{display:flex;gap:8px}.btn-extend{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-extend:hover{opacity:.9;transform:translateY(-1px)}.payment-info-section{margin-top:40px}.payment-info-section h2{font-size:24px;font-weight:700;margin-bottom:20px;color:var(--text-primary)}.payment-info-card{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:2px solid #3b82f6;border-radius:12px;padding:24px;display:flex;gap:20px;align-items:flex-start}.payment-info-card svg{color:#1e40af;flex-shrink:0}.payment-info-card h3{font-size:18px;font-weight:700;color:#1e3a8a;margin-bottom:16px}.bank-details{display:grid;gap:8px}.bank-details p{margin:0;color:#1e3a8a;font-size:14px}.bank-details strong{font-weight:700;margin-right:8px}@media (max-width: 768px){.admin-header{flex-direction:column;gap:16px}.stats-grid-enhanced{grid-template-columns:repeat(2,1fr)}.users-filters{flex-direction:column;max-width:100%}.users-table-container{overflow-x:scroll}.activation-actions{flex-direction:column}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px}.login-box{background:white;border-radius:20px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:480px;padding:40px}.login-header{text-align:center;margin-bottom:40px}.login-header h1{margin:0 0 10px;font-size:32px;color:#333}.login-header p{margin:0;color:#666;font-size:14px}.login-methods{display:flex;flex-direction:column;gap:30px}.oauth-section{text-align:center}.btn-oauth{width:100%;padding:16px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #667eea66}.btn-oauth:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.oauth-note{margin-top:10px;font-size:12px;color:#999}.divider{display:flex;align-items:center;text-align:center;color:#999;margin:10px 0}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #ddd}.divider span{padding:0 15px;font-size:14px;font-weight:500}.manual-section{text-align:left}.manual-section h3{margin:0 0 8px;font-size:18px;color:#333}.manual-note{margin:0 0 20px;font-size:13px;color:#666;line-height:1.5}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.form-group input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s;box-sizing:border-box}.hint .link{color:#667eea;text-decoration:none;font-weight:500}.hint .link:hover{text-decoration:underline}.error-message{background:#fee;border:1px solid #fcc;color:#c33;padding:12px;border-radius:8px;font-size:14px;margin-bottom:20px}.btn-login{width:100%;padding:14px;background:#4CAF50;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-login:hover:not(:disabled){background:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.btn-login:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:30px;text-align:center;padding-top:20px;border-top:1px solid #eee}.login-footer p{margin:0;font-size:13px;color:#666}.login-footer a{color:#667eea;text-decoration:none;font-weight:500}.login-footer a:hover{text-decoration:underline}.register-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px}.register-box{background:white;border-radius:20px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:500px;padding:40px}.register-header{text-align:center;margin-bottom:30px}.logo{font-size:64px;margin-bottom:10px}.register-header h1{margin:0 0 10px;font-size:28px;color:#333}.register-header p{margin:0;color:#666;font-size:14px;line-height:1.5}.store-info{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);padding:15px;border-radius:12px;text-align:center;margin-bottom:30px}.store-badge{color:#fff;font-size:14px;font-weight:500}.store-badge strong{font-size:16px;font-weight:700}.register-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.form-group input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.hint{display:block;margin-top:6px;font-size:12px;color:#999}.error-message{background:#fee;border:1px solid #fcc;color:#c33;padding:12px;border-radius:8px;font-size:14px;text-align:center}.btn-register{padding:16px;background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:10px;box-shadow:0 4px 15px #11998e66}.btn-register:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #11998e99}.btn-register:disabled{opacity:.6;cursor:not-allowed}.register-footer{margin-top:25px;text-align:center;padding-top:20px;border-top:1px solid #eee}.register-footer p{margin:0;font-size:12px;color:#999}.subscription-expired-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.subscription-expired-modal{background:var(--card-bg, white);border-radius:16px;padding:48px 40px;max-width:600px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:slideIn .4s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.expired-icon{width:120px;height:120px;margin:0 auto 24px;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a6f 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.subscription-expired-modal h1{font-size:32px;font-weight:700;margin-bottom:16px;color:var(--text-primary, #1a1a1a)}.expired-message{font-size:18px;color:var(--text-secondary, #666);margin-bottom:32px;line-height:1.6}.subscription-benefits{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:32px;border-radius:12px;margin-bottom:32px;text-align:left}.subscription-benefits h3{font-size:20px;margin-bottom:20px;text-align:center}.subscription-benefits ul{list-style:none;padding:0;margin:0}.subscription-benefits li{display:flex;align-items:center;gap:12px;font-size:16px;margin-bottom:12px;opacity:.95}.subscription-benefits li:last-child{margin-bottom:0}.pricing-card{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#fff;padding:24px;border-radius:12px;margin-bottom:24px}.price-tag{display:flex;align-items:center;justify-content:center;gap:16px}.price-tag h2{font-size:48px;font-weight:800;margin:0;line-height:1}.price-tag span{font-size:20px;opacity:.9;font-weight:400}.price-tag p{margin:8px 0 0;font-size:16px;opacity:.95}.cta-buttons{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.btn-primary-large{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.btn-primary-large:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.btn-primary-large:active{transform:translateY(0)}.payment-methods{background:var(--bg-secondary, #f8f9fa);padding:20px;border-radius:12px;margin-bottom:20px}.payment-methods p{margin:0 0 12px;font-weight:600;color:var(--text-primary, #1a1a1a)}.methods{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.methods span{background:white;padding:8px 16px;border-radius:8px;font-size:14px;color:var(--text-primary, #1a1a1a);border:1px solid var(--border-color, #e0e0e0)}.help-section{padding-top:20px;border-top:1px solid var(--border-color, #e0e0e0)}.help-section p{color:var(--text-secondary, #666);font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;margin:0}@media (max-width: 768px){.subscription-expired-modal{padding:32px 24px}.subscription-expired-modal h1{font-size:24px}.price-tag h2{font-size:36px}.subscription-benefits{padding:24px}.subscription-benefits li{font-size:14px}.methods{flex-direction:column}.btn-primary-large{width:100%;justify-content:center}}