@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-primary:#6366f1;--color-primary-light:#818cf8;--color-primary-dark:#4f46e5;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#06b6d4;--gradient-primary:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-success:linear-gradient(135deg, #10b981 0%, #06b6d4 100%);--gradient-warning:linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--gradient-dark:linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#475569}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#64748b}.glass-card{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);background:#ffffffb3;border:1px solid #ffffff4d}[data-theme=dark] .glass-card{background:#1e293bb3;border:1px solid #94a3b81a}.metric-card{border-radius:var(--radius-lg);transition:transform var(--transition-fast), box-shadow var(--transition-fast);padding:20px 24px;position:relative;overflow:hidden}.metric-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.metric-card:before{content:"";opacity:.08;border-radius:50%;width:120px;height:120px;position:absolute;top:0;right:0;transform:translate(30px,-30px)}.msi-badge{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border-radius:20px;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.pago-unico-badge{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%);border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in-up{animation:.4s ease-out forwards fadeInUp}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.animate-slide-in-left{animation:.3s ease-out forwards slideInLeft}.stagger-children>*{opacity:0;animation:.4s ease-out forwards fadeInUp}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:50ms}.stagger-children>:nth-child(3){animation-delay:.1s}.stagger-children>:nth-child(4){animation-delay:.15s}.stagger-children>:nth-child(5){animation-delay:.2s}.stagger-children>:nth-child(6){animation-delay:.25s}.stagger-children>:nth-child(7){animation-delay:.3s}.stagger-children>:nth-child(8){animation-delay:.35s}.app-layout{min-height:100vh}.sidebar{z-index:100;width:260px;transition:transform var(--transition-normal);position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.main-content{min-height:100vh;transition:margin-left var(--transition-normal);padding:24px}.page-header{margin-bottom:24px}.page-header h1{letter-spacing:-.025em;font-size:1.75rem;font-weight:700}.page-header p{color:#64748b;margin-top:4px}.chat-container{flex-direction:column;height:calc(100vh - 140px);display:flex}.chat-messages{flex:1;padding:16px;overflow-y:auto}.chat-bubble{border-radius:16px;max-width:80%;margin-bottom:12px;padding:12px 16px;animation:.3s ease-out fadeInUp}.chat-bubble.user{background:var(--gradient-primary);color:#fff;border-bottom-right-radius:4px;margin-left:auto}.chat-bubble.assistant{color:#0f172a;background:#f1f5f9;border-bottom-left-radius:4px;margin-right:auto}[data-theme=dark] .chat-bubble.assistant{color:#f1f5f9;background:#334155}.chat-input-area{border-top:1px solid #e2e8f0;padding:16px}[data-theme=dark] .chat-input-area{border-top-color:#334155}.voice-btn{cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast);color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.voice-btn:hover{color:#6366f1;background:#e2e8f0}.voice-btn.recording{color:#fff;background:#ef4444;animation:1.5s infinite pulse}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state-icon{color:#cbd5e1;margin-bottom:16px;font-size:48px}.empty-state-title{color:#475569;margin-bottom:8px;font-size:1.125rem;font-weight:600}.empty-state-desc{color:#94a3b8;max-width:320px}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;padding:16px 16px 80px}.mobile-nav{z-index:100;-webkit-backdrop-filter:blur(12px);background:#fffffff2;border-top:1px solid #e2e8f0;justify-content:space-around;align-items:center;height:64px;display:flex;position:fixed;bottom:0;left:0;right:0}[data-theme=dark] .mobile-nav{background:#0f172af2;border-top-color:#334155}.mobile-nav-item{color:#64748b;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;font-size:10px;text-decoration:none;display:flex}.mobile-nav-item *{pointer-events:none}.mobile-nav-item.active{color:#6366f1;background:#6366f11a}.mobile-nav-item .nav-icon{font-size:20px}.page-header h1{font-size:1.375rem}.chat-bubble{max-width:90%}.desktop-only{display:none!important}}@media (width>=769px){.mobile-nav{display:none}.mobile-only{display:none!important}}@supports (padding:env(safe-area-inset-bottom)){.mobile-nav{padding-bottom:env(safe-area-inset-bottom);height:calc(64px + env(safe-area-inset-bottom))}.main-content{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}