@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--navy: #0A1628;--navy-light: #0F1E33;--navy-lighter: #162a45;--blue: #00A3FF;--blue-dim: rgba(0, 163, 255, .15);--blue-glow: rgba(0, 163, 255, .3);--amber: #FFB800;--amber-dim: rgba(255, 184, 0, .15);--green: #00E676;--green-dim: rgba(0, 230, 118, .15);--purple: #7C4DFF;--purple-dim: rgba(124, 77, 255, .15);--teal: #26A69A;--teal-dim: rgba(20, 184, 166, .15);--cyan: #82D8F2;--cyan-dim: rgba(130, 216, 242, .1);--red: #FF5252;--gray: #8896A6;--gray-light: #A8B8C8;--white: #FFFFFF;--text-primary: #FFFFFF;--text-secondary: #8896A6;--text-muted: #5A6A7A;--glass-bg: rgba(15, 30, 51, .7);--glass-border: rgba(255, 255, 255, .08);--card-bg: rgba(22, 42, 69, .6);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow: 0 4px 24px rgba(0, 0, 0, .3);--transition: all .2s ease}body.light-mode{--navy: #F2F5F9;--navy-light: #FFFFFF;--navy-lighter: #E8EDF4;--blue: #007AFF;--blue-dim: rgba(0, 122, 255, .1);--blue-glow: rgba(0, 122, 255, .2);--text-primary: #1A202C;--text-secondary: #4A5568;--text-muted: #718096;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .08);--card-bg: #FFFFFF;--card-border: rgba(0, 0, 0, .05)}body.pink-mode{--navy: #FFF0F6;--navy-light: #FFFFFF;--navy-lighter: #FAD0E2;--blue: #F06292;--blue-dim: rgba(240, 98, 146, .1);--blue-glow: rgba(240, 98, 146, .2);--blue-light: #F48FB1;--text-primary: #880E4F;--text-secondary: #AD1457;--text-muted: #C2185B;--glass-bg: rgba(255, 240, 246, .85);--glass-border: rgba(240, 98, 146, .15);--card-bg: #FFFFFF}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:Space Grotesk,sans-serif;background:var(--navy);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none}.app-container{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto;position:relative;overflow:hidden}.page{flex:1;overflow-y:auto;padding:20px 16px 90px;scrollbar-width:none}.page::-webkit-scrollbar{display:none}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:16px;margin-bottom:12px;box-shadow:var(--shadow)}.card{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:14px;margin-bottom:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-md);font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600;border:none;cursor:pointer;transition:var(--transition);width:100%;text-align:center}.btn-primary{background:var(--blue);color:var(--white)}.btn-primary:active{transform:scale(.98)}.btn-outline{background:transparent;color:var(--blue);border:1.5px solid var(--blue)}.btn-small{padding:8px 20px;font-size:14px;width:auto}.btn-xs{padding:4px 12px;font-size:12px;width:auto;border-radius:20px}.btn-pill{border-radius:40px}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-blue{background:var(--blue-dim);color:var(--blue)}.badge-green{background:var(--green-dim);color:var(--green)}.badge-amber{background:var(--amber-dim);color:var(--amber)}.modal-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.modal-content{background:var(--navy-light);border-radius:var(--radius-xl);padding:32px 24px;width:95%;max-width:440px;max-height:90vh;overflow-y:auto;animation:zoomIn .3s cubic-bezier(.34,1.56,.64,1);border:1px solid var(--glass-border);box-shadow:0 20px 60px #0009;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-right:40px}.modal-close{position:absolute;top:16px;right:16px;background:#ffffff14;border:1px solid var(--glass-border);color:var(--white);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:var(--transition);z-index:10}.modal-close:hover{background:var(--red);color:#fff;border-color:var(--red);transform:rotate(90deg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 10px;width:100%}.empty-icon{font-size:80px;margin-bottom:20px;filter:drop-shadow(0 0 15px rgba(255,255,255,.15));line-height:1;display:block}.empty-state-label{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.empty-state-text{color:var(--text-secondary);font-size:14px;opacity:.8}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;background:#0a1628f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);padding:6px 4px;padding-bottom:max(6px,env(safe-area-inset-bottom));z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;text-decoration:none;color:var(--text-muted);transition:var(--transition)}.nav-item.active{color:var(--blue)}.nav-label{font-size:10px;font-weight:500}.flex{display:flex;align-items:center}.flex-1{flex:1}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-column{display:flex;flex-direction:column}.gap-8{gap:8px}.gap-12{gap:12px}.align-center{align-items:center}.justify-center{justify-content:center}.text-center{text-align:center}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.fw-600{font-weight:600}.fw-700{font-weight:700}.mb-12{margin-bottom:12px}.mt-12{margin-top:12px}.mb-16{margin-bottom:16px}.mt-16{margin-top:16px}.text-secondary{color:var(--text-secondary)}.text-sm{font-size:14px}.text-xs{font-size:12px}.page-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:20px}.back-btn{background:var(--navy-lighter);border:1px solid var(--glass-border);color:var(--white);font-size:24px;cursor:pointer;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition);border-radius:50%;flex-shrink:0;padding:0;line-height:1;margin-right:8px}.back-btn:hover{background:var(--blue-dim);color:var(--blue)}.subtitle{font-size:14px;color:var(--text-secondary);margin-top:2px}.profile-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:24px}.profile-card-top{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:20px}.profile-avatar{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-size:48px;position:relative;overflow:hidden;border:3px solid rgba(255,255,255,.1);background:linear-gradient(135deg,var(--green),var(--teal))}.cal-header{display:flex;align-items:center;justify-content:space-between;width:100%}.cal-nav-btn{width:40px;height:40px;border-radius:50%;background:var(--navy-lighter);border:1px solid var(--glass-border);color:var(--text-primary);font-size:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);padding:0;line-height:1}.cal-nav-btn:hover{background:var(--blue-dim);border-color:var(--blue-glow)}.cal-month{font-size:18px;font-weight:700;color:var(--text-primary);text-align:center}.toggle-container{display:flex;background:var(--navy-lighter);border-radius:var(--radius-md);padding:4px;margin-bottom:20px;border:1px solid var(--glass-border);gap:4px}.toggle-btn{flex:1;padding:10px 4px;text-align:center;border-radius:var(--radius-sm);font-size:13px;font-weight:600;background:transparent;color:var(--text-secondary);border:none;cursor:pointer;transition:var(--transition);white-space:nowrap}.toggle-btn.active{background:var(--blue);color:var(--white);box-shadow:0 4px 12px #00a3ff4d}.setup-row{display:flex;gap:12px;margin-bottom:16px}.setup-field{flex:1;display:flex;flex-direction:column;gap:6px}.setup-field label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.input-field{width:100%;padding:12px 14px;background:var(--navy-lighter);border:1.5px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-size:15px;outline:none;transition:var(--transition)}.input-field:focus{border-color:var(--blue);background:var(--navy-light);box-shadow:0 0 0 3px var(--blue-dim)}.upload-zone{border:2px dashed var(--blue);background:var(--blue-dim);border-radius:var(--radius-lg);padding:40px 20px;text-align:center;cursor:pointer;transition:var(--transition);margin-bottom:20px}.upload-zone:hover{background:#00a3ff33;border-color:var(--blue-glow)}.perfil-header-container{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.perfil-action-grid{display:flex;flex-wrap:wrap;gap:12px}.theme-dropdown-container{position:relative;min-width:130px}.theme-menu-popup{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:var(--navy-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow);z-index:1000;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-menu-item{padding:10px 16px;cursor:pointer;transition:var(--transition);color:var(--text-primary);font-weight:500;display:flex;align-items:center;gap:8px}.theme-menu-item:hover{background:var(--blue-dim);color:var(--blue)}.upload-icon{font-size:48px;margin-bottom:12px}.upload-text{font-size:16px;font-weight:600;color:var(--white);margin-bottom:4px}.upload-hint{font-size:13px;color:var(--text-secondary)}.result-card{background:var(--navy-light);border:1px solid var(--glass-border);border-left:4px solid var(--blue);border-radius:var(--radius-md);padding:16px;margin-bottom:12px;display:flex;align-items:center;gap:20px;animation:slideIn .3s ease-out}.result-value{font-size:26px;font-weight:700;min-width:76px;letter-spacing:-.5px}.result-info{flex:1}.result-label{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.result-desc{font-size:13px;color:var(--text-secondary);opacity:.8}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.text-xl{font-size:24px}.text-lg{font-size:20px}.section-title{font-size:18px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px;margin-bottom:12px}.uppercase-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:4px}.text-amber{color:var(--amber)}.text-green{color:var(--green)}.text-blue{color:var(--blue)}.text-purple{color:var(--purple)}.text-teal{color:var(--teal)}.text-danger{color:var(--red)}.fw-bold{font-weight:700}.stat-row{display:flex;gap:8px;margin-bottom:20px}.stat-card{flex:1;background:var(--navy-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:12px 4px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:var(--transition)}.stat-card:hover{background:var(--navy-lighter);border-color:var(--blue-glow)}.stat-value{font-size:18px;font-weight:700;line-height:1.2;margin-bottom:2px}.stat-label{font-size:10px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.bottom-nav{position:fixed;bottom:12px;left:50%;transform:translate(-50%);width:calc(100% - 24px);max-width:456px;display:flex;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:6px 4px;z-index:100;box-shadow:var(--shadow)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;text-decoration:none;color:var(--text-primary);opacity:.6;transition:var(--transition);border-radius:var(--radius-sm)}.nav-item.active{color:var(--blue);opacity:1}.nav-item:hover{opacity:1}.nav-icon{font-size:20px;line-height:1}.nav-label{font-size:10px;font-weight:500;letter-spacing:.3px}.splash-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a1628,#0f2847,#1a1040);position:relative;overflow:hidden}.splash-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(0,163,255,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(255,184,0,.06) 0%,transparent 50%)}.splash-content{position:relative;text-align:center;padding:40px 30px;animation:fadeIn .8s ease}.splash-logo{margin-bottom:24px;display:flex;justify-content:center}.logo-img{width:140px;height:140px;object-fit:contain;animation:fadeInScale 1s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.splash-title{font-size:36px;font-weight:700;letter-spacing:6px;margin-bottom:8px;background:linear-gradient(90deg,var(--white),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.splash-tagline{color:var(--text-secondary);font-size:15px;margin-bottom:40px}.splash-features{display:flex;gap:20px;justify-content:center;margin-bottom:40px}.splash-feature{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.splash-feature span:first-child{font-size:28px}.splash-btn{max-width:280px;margin:0 auto;font-size:17px;padding:14px 32px}.splash-loader{margin-bottom:40px;display:flex;flex-direction:column;align-items:center;gap:12px}.spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:var(--blue);animation:spin 1s linear infinite}.status-icon{font-size:24px;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.status-text{font-size:14px;color:var(--text-secondary);font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.setup-overlay{position:fixed;inset:0;background:var(--bg-primary, #0a0e1a);display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999;overflow-y:auto}.setup-card{background:var(--bg-card, #131929);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:40px 32px;width:100%;max-width:480px;display:flex;flex-direction:column;gap:24px;box-shadow:0 8px 40px #00000080;animation:setupFadeIn .4s ease}@keyframes setupFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.setup-logo{font-size:48px;text-align:center}.setup-title{font-size:24px;font-weight:700;color:var(--text-primary, #fff);text-align:center;margin:0;line-height:1.3}.setup-subtitle{font-size:14px;color:var(--text-secondary, rgba(255, 255, 255, .55));text-align:center;margin:0;line-height:1.6}.setup-form{display:flex;flex-direction:column;gap:16px}.setup-row{display:flex;gap:12px}.setup-row .setup-field{flex:1}.setup-field{display:flex;flex-direction:column;gap:6px}.setup-field label{font-size:12px;font-weight:600;color:var(--text-secondary, rgba(255, 255, 255, .55));text-transform:uppercase;letter-spacing:.5px}.setup-field input,.setup-field select{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:12px 14px;color:var(--text-primary, #fff);font-size:15px;outline:none;transition:border-color .2s,background .2s;width:100%;box-sizing:border-box;-webkit-appearance:none}.setup-field input:focus,.setup-field select:focus{border-color:var(--accent, #4A9EFF);background:#4a9eff12}.setup-field input::placeholder{color:#ffffff40}.setup-field select option{background:#1a2035;color:#fff}.setup-error{color:#ff5252;font-size:13px;text-align:center;margin:0;padding:10px;background:#ff52521a;border-radius:8px}.setup-info-box{background:#4a9eff1a;border:1px solid rgba(74,158,255,.2);border-radius:12px;padding:16px;display:flex;gap:12px;align-items:flex-start;margin-bottom:8px}.setup-info-icon{font-size:20px}.setup-info-content{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0}.setup-info-content strong{color:var(--accent, #4A9EFF)}.setup-btn{background:linear-gradient(135deg,#4a9eff,#3b82f6);border:none;border-radius:12px;padding:15px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 20px #4a9eff59;margin-top:4px}.setup-btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px #4a9eff80}.setup-btn:active{transform:translateY(1px);box-shadow:0 2px 12px #4a9eff4d}