.portal-page{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.portal-glow{background:radial-gradient(circle at 30% 20%,#c4956a0f,#0000 50%),radial-gradient(circle at 70% 80%,#e88a9a0a,#0000 50%);position:absolute;inset:0}.portal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:center;z-index:1;width:100%;max-width:460px;padding:36px 28px;position:relative}.portal-logo{margin-bottom:8px}.portal-logo h2{font-size:18px;font-weight:700;font-family:var(--font-display);margin-top:10px}.portal-logo p{color:var(--text-muted);font-size:13px}.portal-heart{color:var(--love)}.security-steps{justify-content:center;align-items:center;gap:0;margin:20px 0 24px;display:flex}.sec-step{flex-direction:column;align-items:center;gap:4px;display:flex}.sec-dot{background:var(--bg-input);border:2px solid var(--border);width:28px;height:28px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;transition:all .3s;display:flex}.sec-step.active .sec-dot{background:var(--accent);border-color:var(--accent);color:#fff}.sec-step.done .sec-dot{color:#fff;background:#34d399;border-color:#34d399}.sec-step span{color:var(--text-muted);font-size:10px;font-weight:600}.sec-step.active span{color:var(--accent-light)}.sec-step.done span{color:#34d399}.sec-line{background:var(--border);width:40px;height:2px;margin:0 4px 16px}.portal-step{margin-top:16px}.portal-step h1{font-size:22px;font-weight:700;font-family:var(--font-display);margin-bottom:8px}.portal-step p{color:var(--text-secondary);margin-bottom:8px;font-size:14px;line-height:1.7}.step-icon{color:var(--accent);margin-bottom:12px}.portal-field{margin:16px 0}.key-input-wrap{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:10px;padding:14px 16px;transition:border-color .2s;display:flex}.key-input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.key-input-wrap svg{color:var(--text-muted);flex-shrink:0}.key-input{letter-spacing:2px;text-align:center;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:SF Mono,monospace;font-size:17px;font-weight:600}.otp-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);letter-spacing:12px;text-align:center;width:100%;color:var(--text-primary);outline:none;padding:16px;font-family:SF Mono,monospace;font-size:28px;font-weight:700}.otp-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.otp-email-badge{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--radius-full);color:var(--accent-light);margin:8px 0 16px;padding:6px 16px;font-size:13px;font-weight:500;display:inline-block}.test-otp-banner{border-radius:var(--radius-sm);color:#fbbf24;background:#fbbf2414;border:1px solid #fbbf2433;justify-content:center;align-items:center;gap:8px;margin:12px 0;padding:10px 16px;font-size:13px;display:flex}.test-otp-banner strong{letter-spacing:4px;font-family:SF Mono,monospace;font-size:18px}.resend-btn{width:100%;color:var(--text-muted);font-size:13px;font-family:var(--font-body);margin-top:4px;padding:10px;transition:color .15s}.resend-btn:hover:not(:disabled){color:var(--accent-light)}.resend-btn:disabled{opacity:.5}.portal-btn{border-radius:var(--radius-md);width:100%;font-size:15px;font-weight:600;font-family:var(--font-body);justify-content:center;align-items:center;gap:8px;margin-bottom:8px;padding:14px;transition:all .2s;display:flex}.portal-btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-light));color:#fff;box-shadow:0 2px 12px var(--accent-glow)}.portal-btn.primary:hover{transform:translateY(-1px)}.portal-btn.primary:disabled{opacity:.5;transform:none}.portal-btn.primary.large{padding:16px;font-size:16px}.portal-btn.ghost{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.portal-btn.ghost:hover{background:var(--bg-card-hover)}a.portal-btn{text-decoration:none}.portal-divider{background:var(--border);height:1px;margin:20px 0}.portal-hint{color:var(--text-muted);margin-bottom:12px;font-size:12px;line-height:1.6}.portal-desc{color:var(--text-secondary);margin:16px 0 24px;font-size:14px;line-height:1.7}.locked-icon{color:#f87171;margin-bottom:8px}.error-icon{color:#fbbf24;margin-bottom:8px}.welcome-check{color:#34d399;margin-bottom:16px}.personal-msg{background:var(--love-bg);border:1px solid var(--love-border);border-radius:var(--radius-md);text-align:left;margin:16px 0;padding:20px}.pm-label{color:var(--love);margin-bottom:8px;font-size:12px;font-weight:600}.pm-text{color:var(--text-primary);font-size:15px;font-style:italic;line-height:1.7}.portal-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;margin:20px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.portal-footer{color:var(--text-muted);opacity:.4;margin-top:24px;font-size:11px}@media (width<=480px){.portal-card{padding:28px 20px}.portal-step h1{font-size:19px}.otp-input{letter-spacing:8px;font-size:22px}.sec-line{width:24px}}.legacy-home{min-height:100vh;position:relative;overflow:hidden}.home-glow{pointer-events:none;background:radial-gradient(circle at 50% 0,#c4956a0a,#0000 50%);position:fixed;inset:0}.home-header{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f1acc;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.home-brand{color:var(--love);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.home-logout{color:var(--text-muted);border-radius:var(--radius-sm);padding:8px}.home-logout:hover{background:var(--bg-card-hover)}.home-hero{text-align:center;z-index:1;padding:40px 20px 20px;position:relative}.hero-avatar{background:linear-gradient(135deg,var(--accent),var(--love));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto;font-size:30px;font-weight:700;display:flex;position:relative;overflow:hidden}.hero-avatar img{object-fit:cover;width:100%;height:100%}.hero-ring{border:2px solid var(--accent);opacity:.2;border-radius:50%;animation:3s ease-in-out infinite pulse;position:absolute;inset:-6px}@keyframes pulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.1;transform:scale(1.1)}}.home-hero h1{font-size:28px;font-weight:700;font-family:var(--font-display);margin-top:16px}.hero-sub{color:var(--text-muted);margin-top:6px;font-size:13px}.hero-interests{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px;display:flex}.interest-tag{border-radius:var(--radius-full);background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent-light);padding:4px 12px;font-size:12px}.proactive-card{background:var(--love-bg);border:1px solid var(--love-border);border-radius:var(--radius-lg);text-align:left;z-index:1;max-width:520px;margin:20px auto;padding:20px;position:relative}.proactive-label{color:var(--love);margin-bottom:8px;font-size:12px;font-weight:600}.proactive-text{color:var(--text-primary);margin-bottom:14px;font-size:15px;font-style:italic;line-height:1.7}.proactive-reply{background:var(--love);color:#fff;border-radius:var(--radius-md);font-size:13px;font-weight:600;font-family:var(--font-body);align-items:center;gap:6px;padding:10px 18px;display:flex}.home-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;max-width:520px;margin:24px auto;padding:0 20px;display:grid;position:relative}.home-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:left;padding:24px 20px;transition:all .2s}.home-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-4px)}.home-card svg{color:var(--accent);margin-bottom:12px}.home-card h3{margin-bottom:6px;font-size:16px;font-weight:700}.home-card p{color:var(--text-secondary);font-size:13px;line-height:1.5}.home-footer{text-align:center;color:var(--text-muted);opacity:.4;z-index:1;padding:30px 20px;font-size:12px;position:relative}.legacy-chat{background:var(--bg-primary);flex-direction:column;height:100vh;display:flex}.lchat-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#0f0f1ae6;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.lchat-back{color:var(--text-secondary);border-radius:var(--radius-sm);padding:8px}.lchat-back:hover{background:var(--bg-card-hover)}.lchat-info{flex:1;align-items:center;gap:10px;display:flex}.lchat-avatar{background:linear-gradient(135deg,var(--accent),var(--love));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex;position:relative;overflow:hidden}.lchat-avatar img{object-fit:cover;width:100%;height:100%}.lchat-online{border:2px solid var(--bg-primary);background:#34d399;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.lchat-info h3{font-size:15px;font-weight:700}.lchat-info p{color:var(--text-muted);font-size:11px}.lchat-heart{color:var(--love)}.lchat-messages{flex:1;overflow-y:auto}.lchat-scroll{width:100%;max-width:680px;margin:0 auto;padding:20px 16px 120px}.lchat-notice{background:var(--love-bg);border:1px solid var(--love-border);border-radius:var(--radius-md);color:var(--love);text-align:center;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;padding:10px 16px;font-size:12px;display:flex}.lchat-row{gap:8px;margin-bottom:8px;animation:.25s ease-out fadeUp;display:flex}.lchat-row.user{justify-content:flex-end}.lchat-row.assistant{justify-content:flex-start}.lchat-msg-avatar{background:linear-gradient(135deg,var(--accent),var(--love));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-top:4px;font-size:12px;font-weight:700;display:flex;overflow:hidden}.lchat-msg-avatar img{object-fit:cover;width:100%;height:100%}.lchat-bubble{border-radius:20px;max-width:72%;padding:12px 16px}.lchat-bubble.user{background:var(--accent);color:#fff;border-bottom-right-radius:6px}.lchat-bubble.assistant{background:var(--bg-card);border:1px solid var(--border);border-bottom-left-radius:6px}.lchat-bubble p{white-space:pre-wrap;word-break:break-word;font-size:14.5px;line-height:1.65}.lchat-time{opacity:.35;margin-top:4px;font-size:10px;display:block}.typing-dots{gap:5px;padding:6px 2px;display:flex}.typing-dots span{background:var(--text-muted);border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite dotPulse}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes dotPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.lchat-input-area{background:linear-gradient(transparent,var(--bg-primary) 20%);padding:12px 16px 20px;position:sticky;bottom:0}.lchat-input-box{background:var(--bg-card);border:1px solid var(--border);border-radius:22px;align-items:flex-end;gap:8px;max-width:680px;margin:0 auto;padding:10px 14px 10px 20px;display:flex}.lchat-input-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.lchat-input-box textarea{resize:none;max-height:120px;color:var(--text-primary);font-size:14.5px;line-height:1.5;font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;padding:4px 0}.lchat-send{border-radius:var(--radius-md);background:var(--bg-card-hover);width:36px;height:36px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.lchat-send.active{background:var(--accent);color:#fff}.lchat-send.active:hover{transform:scale(1.08)}.vault-page{background:linear-gradient(#0a0a14 0%,#0f0f1a 50%,#0a0a14 100%);min-height:100vh;position:relative;overflow-x:hidden}.vault-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#7c6df026 0%,#0000 70%);width:600px;height:600px;animation:8s ease-in-out infinite alternate floatGlow;position:fixed;top:-50%;right:-20%}@keyframes floatGlow{0%{transform:translate(0)scale(1)}to{transform:translate(-30px,30px)scale(1.1)}}.vault-header{z-index:10;-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);background:#0f0f1abf;border-bottom:1px solid #ffffff14;flex-direction:column;align-items:center;padding:28px 20px 20px;display:flex;position:sticky;top:0;box-shadow:0 4px 24px #0003,inset 0 1px #ffffff0d}.vault-header-nav{align-items:center;gap:12px;width:100%;max-width:640px;margin-bottom:20px;display:flex}.vault-back{color:var(--text-secondary);border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff0d;padding:10px;transition:all .25s cubic-bezier(.4,0,.2,1)}.vault-back:hover{background:#ffffff14;transform:translate(-3px)scale(1.05);box-shadow:0 4px 12px #0003}.vault-lock{color:var(--accent-light);filter:drop-shadow(0 2px 8px var(--accent-glow)) drop-shadow(0 4px 16px #7c6df066);animation:3s ease-in-out infinite lockPulse}@keyframes lockPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.vault-header h2{font-size:32px;font-weight:900;font-family:var(--font-display);letter-spacing:-1px;text-align:center;background:linear-gradient(135deg,#a78bfa 0%,#c084fc 25%,#e879f9 50%,#f0abfc 75%,#fff 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 12px #a78bfa80)drop-shadow(0 8px 24px #e879f94d);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;animation:6s infinite gradientShift;position:relative}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.vault-header h2:before{content:attr(data-text);background:linear-gradient(135deg,#0006,#0003);-webkit-text-fill-color:transparent;z-index:-1;filter:blur(12px);-webkit-background-clip:text;background-clip:text;position:absolute;top:3px;left:0;right:0}.vault-header-subtitle{color:#fff9;text-align:center;letter-spacing:.3px;margin-bottom:20px;font-size:14px;font-weight:500}.vault-stats-container{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:10px;width:100%;max-width:640px;padding:14px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a,inset 0 -1px #0003}.vault-stats-container:before{content:"";pointer-events:none;background:linear-gradient(#ffffff0d,#0000);height:50%;position:absolute;top:0;left:0;right:0}.vault-stat-chip{color:#ffffffb3;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff1a}.vault-stat-chip:before{content:"";background:linear-gradient(90deg,#0000,#a78bfa33,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.vault-stat-chip:hover{color:#a78bfa;background:#a78bfa1f;border-color:#a78bfa4d;transform:translateY(-2px)scale(1.03);box-shadow:0 4px 16px #a78bfa33,inset 0 1px #ffffff26}.vault-stat-chip:hover:before{left:100%}.vault-stat-chip svg{filter:drop-shadow(0 1px 3px #0000004d)}.vault-stat-total{color:#ffffff80;letter-spacing:.5px;background:#a78bfa14;border:1px solid #a78bfa26;border-radius:12px;margin-left:auto;padding:8px 14px;font-size:12px;font-weight:700;box-shadow:0 2px 8px #a78bfa1a,inset 0 1px #a78bfa1a}.vault-tabs{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);scrollbar-width:none;background:#0a0a1480;border-bottom:1px solid #ffffff0d;gap:8px;max-width:100%;padding:16px 20px;display:flex;overflow-x:auto}.vault-tabs::-webkit-scrollbar{display:none}.vault-tab{color:#fff9;white-space:nowrap;font-size:13px;font-weight:700;font-family:var(--font-body);background:#ffffff08;border:1px solid #ffffff0d;border-radius:14px;align-items:center;gap:6px;padding:10px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.vault-tab:before{content:"";opacity:0;background:linear-gradient(#ffffff14,#0000);height:50%;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.vault-tab:hover{background:#ffffff14;border-color:#ffffff1f;transform:translateY(-3px);box-shadow:0 6px 20px #0003}.vault-tab:hover:before{opacity:1}.vault-tab.active{color:#fff;background:linear-gradient(135deg,#7c6df0 0%,#a78bfa 100%);border-color:#0000;transform:translateY(-3px)scale(1.02);box-shadow:0 6px 24px #7c6df066,0 12px 48px #7c6df040,inset 0 1px #ffffff40,inset 0 -2px #0003}.vault-content{max-width:640px;margin:0 auto;padding:24px 16px 80px}.vault-empty{text-align:center;color:#fff6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff05;border:1px solid #ffffff14;border-radius:20px;padding:80px 24px;position:relative;overflow:hidden;box-shadow:0 4px 24px #0003,inset 0 1px #ffffff0d}.vault-empty:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;top:0;left:0;right:0}.vault-empty svg{opacity:.15;filter:drop-shadow(0 4px 12px #a78bfa33);margin-bottom:16px}.vault-empty p{color:#ffffff80;font-size:15px;font-weight:600}.vault-sub{opacity:.5;margin-top:8px;font-size:13px;line-height:1.5}.vault-empty-text{text-align:center;color:#fff6;padding:80px;font-size:14px}.vault-section-title{color:#a78bfa;letter-spacing:-.3px;text-transform:uppercase;opacity:.9;align-items:center;gap:10px;margin:32px 0 16px;font-size:12px;font-weight:800;display:flex}.vault-section-title:first-child{margin-top:0}.vault-section-title svg{filter:drop-shadow(0 2px 8px #a78bfa66)}.vault-date{color:#fff6;letter-spacing:.3px;margin-top:8px;font-size:11px;font-weight:600;display:inline-block}.vault-photo-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:24px;display:grid}.vault-photo-card{aspect-ratio:1;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff14}.vault-photo-card img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1)}.vault-photo-card:hover{border-color:#a78bfa66;transform:translateY(-8px)scale(1.03);box-shadow:0 12px 48px #0006,0 4px 16px #a78bfa4d,inset 0 1px #ffffff26}.vault-photo-card:hover img{transform:scale(1.12)}.vault-photo-overlay{color:#fff;opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#0000,#000000d9);padding:32px 12px 10px;font-size:12px;font-weight:700;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.vault-photo-card:hover .vault-photo-overlay{opacity:1}.vault-photo-placeholder{color:#ffffff4d;background:#ffffff08;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.vault-photo-card.img-error{color:#ffffff4d;background:#ffffff05;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.vault-photo-card.img-error:after{content:"Image unavailable"}.vault-video-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;gap:16px;margin-bottom:12px;padding:16px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff0d}.vault-video-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;top:0;left:0;right:0}.vault-video-card:hover{background:#ffffff0d;border-color:#a78bfa4d;transform:translateY(-4px);box-shadow:0 12px 32px #0000004d,0 4px 16px #a78bfa33}.vault-video-card video{object-fit:cover;pointer-events:none;background:#000;border-radius:12px;flex-shrink:0;width:120px;height:80px;box-shadow:0 4px 16px #0006}.vault-video-placeholder{color:#ffffff4d;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:80px;display:flex}.vault-video-info{flex:1;min-width:0}.vault-video-info h4{color:#ffffffe6;margin-bottom:6px;font-size:15px;font-weight:700}.vault-video-info p{color:#ffffff80;font-size:13px;line-height:1.5}.vault-letter-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;gap:16px;margin-bottom:14px;padding:20px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff0d}.vault-letter-card:before{content:"";background:linear-gradient(90deg,#0000,#60a5fa33,#0000);height:1px;position:absolute;top:0;left:0;right:0}.vault-letter-card:hover{background:#ffffff0d;border-color:#60a5fa4d;transform:translateY(-4px);box-shadow:0 12px 32px #0000004d,0 4px 16px #60a5fa33}.vault-letter-icon{color:#60a5fa;background:linear-gradient(135deg,#60a5fa26,#60a5fa0d);border:1px solid #60a5fa33;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 16px #60a5fa33,inset 0 1px #60a5fa40}.vault-letter-body{flex:1;min-width:0}.vault-letter-body h4{color:#ffffffe6;margin-bottom:6px;font-size:16px;font-weight:700}.vault-letter-desc{color:#ffffff80;margin-bottom:10px;font-size:13px}.vault-letter-content{color:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:pre-wrap;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin-bottom:8px;padding:16px 18px;font-size:14px;font-style:italic;line-height:1.8;box-shadow:inset 0 2px 8px #0003,inset 0 1px #ffffff08}.vault-doc-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:14px;margin-bottom:12px;padding:16px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff0d}.vault-doc-card:hover{background:#ffffff0d;border-color:#fbbf244d;transform:translateY(-3px);box-shadow:0 8px 24px #0000004d,0 4px 16px #fbbf2426}.vault-doc-icon{color:#fbbf24;background:linear-gradient(135deg,#fbbf2426,#fbbf240d);border:1px solid #fbbf2433;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 4px 12px #fbbf2433,inset 0 1px #fbbf2440}.vault-doc-info{flex:1;min-width:0}.vault-doc-info h4{color:#ffffffe6;font-size:15px;font-weight:700}.vault-doc-info p{color:#ffffff80;font-size:13px}.vault-doc-download{color:#fff6;flex-shrink:0;transition:all .3s}.vault-doc-card:hover .vault-doc-download{color:#fbbf24;transform:translateY(-2px)}.vault-secret-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;gap:16px;margin-bottom:12px;padding:18px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff0d}.vault-secret-card:before{content:"";background:linear-gradient(90deg,#0000,#a78bfa33,#0000);height:1px;position:absolute;top:0;left:0;right:0}.vault-secret-card:hover{background:#ffffff0d;border-color:#a78bfa4d;box-shadow:0 8px 24px #0000004d,0 4px 16px #a78bfa33}.vault-secret-icon{color:#a78bfa;background:linear-gradient(135deg,#a78bfa26,#a78bfa0d);border:1px solid #a78bfa33;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 4px 12px #a78bfa33,inset 0 1px #a78bfa40}.vault-secret-body{flex:1;min-width:0}.vault-secret-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.vault-secret-header h4{color:#ffffffe6;font-size:15px;font-weight:700}.vault-reveal-btn{color:#a78bfa;font-size:11px;font-weight:700;font-family:var(--font-body);background:#a78bfa1a;border:1px solid #a78bfa33;border-radius:10px;align-items:center;gap:5px;padding:6px 12px;transition:all .3s;display:flex;box-shadow:0 2px 8px #a78bfa1a}.vault-reveal-btn:hover{background:#a78bfa33;transform:translateY(-2px);box-shadow:0 4px 12px #a78bfa33}.vault-secret-content{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffe6;letter-spacing:.5px;background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;padding:12px 16px;font-family:SF Mono,Fira Code,monospace;font-size:14px;transition:filter .3s;box-shadow:inset 0 2px 8px #0000004d}.vault-secret-content.hidden{filter:blur(10px);-webkit-user-select:none;user-select:none;color:#ffffff4d}.vault-preview-overlay{z-index:200;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000e6;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.vault-preview-modal{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0f0f1af2;border:1px solid #ffffff1f;border-radius:24px;width:100%;max-width:800px;max-height:90vh;animation:.4s cubic-bezier(.4,0,.2,1) modalUp;overflow:hidden;box-shadow:0 24px 96px #0009,inset 0 1px #ffffff1a}@keyframes modalUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.vault-preview-header{background:#ffffff08;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.vault-preview-header h3{color:#fffffff2;font-size:18px;font-weight:800}.vault-preview-actions{gap:8px;display:flex}.vault-preview-btn{color:#fff9;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;align-items:center;padding:10px;transition:all .3s;display:flex}.vault-preview-btn:hover{color:#fffffff2;background:#ffffff1a;transform:scale(1.05)}a.vault-preview-btn{text-decoration:none}.vault-preview-body{text-align:center;max-height:75vh;padding:0;overflow-y:auto}.vault-preview-image{object-fit:contain;max-width:100%;max-height:70vh;margin:0 auto;display:block}.vault-preview-video{background:#000;max-width:100%;max-height:70vh;margin:0 auto;display:block}.vault-preview-desc{color:#ffffffb3;text-align:left;background:#ffffff05;border-top:1px solid #ffffff14;padding:20px 24px;font-size:14px;line-height:1.7}@media (width<=480px){.vault-header h2{font-size:26px}.vault-photo-grid{grid-template-columns:repeat(2,1fr);gap:10px}.vault-video-card video{width:90px;height:60px}.vault-preview-modal{margin:10px}.vault-letter-content{padding:14px;font-size:13px}.vault-stats-container{padding:12px 14px}.vault-stat-chip{padding:6px 10px;font-size:11px}}.timeline-page{background:var(--bg-primary);min-height:100vh}.tl-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#0f0f1ae6;align-items:center;gap:12px;padding:14px 20px;display:flex;position:sticky;top:0}.tl-header h2{flex:1;font-size:16px;font-weight:700}.tl-header svg{color:var(--accent)}.tl-back{color:var(--text-secondary);border-radius:var(--radius-sm);padding:8px}.tl-back:hover{background:var(--bg-card-hover)}.tl-filters{border-bottom:1px solid var(--border);gap:6px;padding:12px 16px;display:flex;overflow-x:auto}.tl-filter{border-radius:var(--radius-full);color:var(--text-secondary);white-space:nowrap;font-size:12px;font-family:var(--font-body);padding:6px 14px;transition:all .15s}.tl-filter:hover{background:var(--bg-card)}.tl-filter.active{background:var(--accent-bg);color:var(--accent-light)}.tl-content{max-width:560px;margin:0 auto;padding:20px 16px 60px}.tl-empty{text-align:center;color:var(--text-muted);padding:60px 20px}.tl-empty svg{opacity:.3;margin-bottom:12px}.tl-sub{opacity:.5;font-size:12px}.tl-group{margin-bottom:24px}.tl-period{color:var(--accent-light);margin-bottom:12px;padding-left:24px;font-size:13px;font-weight:700}.tl-item{gap:14px;padding-bottom:2px;display:flex;position:relative}.tl-dot{z-index:1;border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:6px}.tl-line{background:var(--border);width:2px;position:absolute;top:18px;bottom:-8px;left:5px}.tl-item:last-child .tl-line{display:none}.tl-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);flex:1;margin-bottom:8px;padding:12px 16px;transition:border-color .15s}.tl-card:hover{border-color:var(--accent-border)}.tl-card-header{align-items:center;gap:6px;margin-bottom:6px;display:flex}.tl-type{font-size:11px;font-weight:600}.tl-date{color:var(--text-muted);margin-left:auto;font-size:11px}.tl-text{color:var(--text-secondary);font-size:13px;line-height:1.6}.mail-composer{background:linear-gradient(135deg, var(--bg-card) 0%, var(--bg-secondary) 100%);border:1px solid var(--border);border-radius:20px;padding:24px;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000014,inset 0 1px #ffffff14}.mail-composer:before{content:"";background:linear-gradient(90deg, var(--accent), #00d4aa, var(--accent));background-size:200% 100%;height:3px;animation:3s linear infinite shimmer;position:absolute;top:0;left:0;right:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mc-header{align-items:center;gap:10px;margin-bottom:20px;display:flex}.mc-header svg{color:var(--accent);filter:drop-shadow(0 2px 6px #7c6df066)}.mc-header h3{letter-spacing:-.3px;background:linear-gradient(135deg, var(--accent), #00d4aa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:18px;font-weight:800}.mc-presets{scrollbar-width:none;gap:6px;margin-bottom:18px;padding-bottom:4px;display:flex;overflow-x:auto}.mc-presets::-webkit-scrollbar{display:none}.mc-preset{color:var(--text-secondary);white-space:nowrap;font-size:12px;font-weight:600;font-family:var(--font-body);border:1px solid var(--border);background:var(--bg-input);border-radius:20px;padding:7px 14px;transition:all .25s cubic-bezier(.4,0,.2,1)}.mc-preset:hover{border-color:var(--accent-border);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.mc-preset.active{background:linear-gradient(135deg, var(--accent), #7c6df0cc);color:#fff;border-color:#0000;box-shadow:0 4px 16px #7c6df04d,inset 0 1px #fff3}.mc-section{margin-bottom:18px}.mc-section label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.mc-hint{text-transform:none;letter-spacing:0;opacity:.6;margin-left:6px;font-size:11px;font-weight:500}.mc-input{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text-primary);font-size:14px;font-family:var(--font-body);border-radius:12px;outline:none;padding:13px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 3px #0000000d}.mc-input:focus{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 0 0 3px #7c6df014,inset 0 1px 3px #0000000d}.mc-textarea{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text-primary);font-size:14px;font-family:var(--font-body);resize:none;border-radius:12px;outline:none;min-height:160px;padding:14px 16px;line-height:1.7;transition:all .3s;box-shadow:inset 0 1px 3px #0000000d}.mc-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c6df014}.mc-send-options{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.mc-option{color:var(--text-secondary);font-size:13px;font-weight:600;font-family:var(--font-body);border:1px solid var(--border);background:var(--bg-input);border-radius:10px;align-items:center;gap:6px;padding:9px 16px;transition:all .25s;display:flex}.mc-option:hover{border-color:var(--accent-border);transform:translateY(-1px)}.mc-option.active{border-color:var(--accent-border);color:var(--accent-light);background:#7c6df014;box-shadow:0 2px 8px #7c6df01a}.mc-user-picker{background:var(--bg-input);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;gap:6px;max-height:160px;padding:12px;display:flex;overflow-y:auto}.mc-user-chip{color:var(--text-secondary);font-size:12px;font-weight:600;font-family:var(--font-body);border:1px solid var(--border);background:var(--bg-card);border-radius:20px;align-items:center;gap:4px;padding:6px 12px;transition:all .2s;display:flex}.mc-user-chip:hover{border-color:var(--accent-border)}.mc-user-chip.selected{border-color:var(--accent);color:var(--accent-light);background:#7c6df01a}.mc-themes{flex-wrap:wrap;gap:6px;display:flex}.mc-theme{color:var(--text-secondary);font-size:12px;font-weight:600;font-family:var(--font-body);border:1px solid var(--border);background:var(--bg-input);border-radius:10px;align-items:center;gap:6px;padding:7px 14px;transition:all .25s;display:flex}.mc-theme:hover{border-color:var(--tc);transform:translateY(-1px)}.mc-theme.active{border-color:var(--tc);color:var(--tc);box-shadow:0 2px 12px color-mix(in srgb, var(--tc) 20%, transparent)}.mc-theme-dot{border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:0 2px 6px #0003}.mc-preview-toggle{width:100%;color:var(--text-secondary);font-size:13px;font-weight:600;font-family:var(--font-body);border:1px solid var(--border);background:var(--bg-input);border-radius:10px;justify-content:center;align-items:center;gap:6px;margin-bottom:14px;padding:11px;transition:all .2s;display:flex}.mc-preview-toggle:hover{background:var(--bg-card-hover);border-color:var(--accent-border);color:var(--accent-light)}.mc-preview{border:1px solid var(--border);border-radius:14px;margin-bottom:18px;overflow:hidden;box-shadow:0 4px 24px #00000026}.mc-preview-bar{border-bottom:1px solid var(--border);background:#ffffff08;align-items:center;gap:6px;padding:10px 14px;display:flex}.mc-preview-dot{border-radius:50%;width:10px;height:10px}.mc-preview-dot.red{background:#f87171}.mc-preview-dot.yellow{background:#fbbf24}.mc-preview-dot.green{background:#34d399}.mc-preview-label{color:var(--text-muted);margin-left:auto;font-size:11px;font-weight:600}.mc-preview-subject{color:var(--text-secondary);border-bottom:1px solid var(--border);background:#ffffff03;padding:10px 16px;font-size:13px}.mc-preview-subject strong{color:var(--text-muted);margin-right:6px}.mc-preview-body{background:#0f0f1a;max-height:400px;padding:4px;overflow-y:auto}.mc-actions{justify-content:space-between;align-items:center;gap:12px;padding-top:4px;display:flex}.mc-recipient-count{color:var(--text-muted);font-size:13px;font-weight:600}.mc-btn{font-size:15px;font-weight:700;font-family:var(--font-body);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.mc-btn.primary{background:linear-gradient(135deg, var(--accent), #7c6df0cc);color:#fff;box-shadow:0 4px 16px #7c6df040,inset 0 1px #fff3,inset 0 -2px #0000001a}.mc-btn.primary:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.mc-btn.primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 24px #7c6df059,inset 0 1px #ffffff40}.mc-btn.primary:hover:before{left:100%}.mc-btn.primary:disabled{opacity:.5;box-shadow:none;transform:none}.mc-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.mc-sent{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:48px 24px}.mc-sent-icon{color:#34d399;background:#34d3991a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.mc-sent h3{margin-bottom:8px;font-size:20px;font-weight:800}.mc-sent p{color:var(--text-muted);margin-bottom:20px;font-size:14px}@media (width<=480px){.mail-composer{padding:18px}.mc-send-options{flex-direction:column}.mc-themes{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.mc-actions{flex-direction:column}.mc-btn{width:100%}}:root{--admin-shadow-sm:0 2px 8px #0000001a;--admin-shadow-md:0 4px 16px #00000026;--admin-shadow-lg:0 8px 32px #0003;--admin-glow:0 0 20px #7c6df04d}.admin-page{background:var(--bg-primary);min-height:100vh;position:relative}.admin-loading{text-align:center;color:var(--text-muted);padding:100px}.admin-login-card{text-align:center;background:linear-gradient(135deg, var(--bg-card) 0%, var(--bg-secondary) 100%);border-radius:var(--radius-xl);border:1px solid var(--border);max-width:380px;padding:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 48px #0003,0 24px 96px #0000004d,inset 0 1px #ffffff1a}.admin-login-card svg{color:var(--accent);filter:drop-shadow(0 4px 12px #7c6df04d);margin-bottom:16px}.admin-login-card h1{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:24px;font-weight:900}.admin-login-card p{color:var(--text-muted);margin-bottom:24px;font-size:14px}.admin-error{color:#f87171;border-radius:var(--radius-md);background:linear-gradient(135deg,#f871711a,#f871710d);border:1px solid #f8717133;margin-bottom:16px;padding:10px 16px;font-size:13px;box-shadow:0 2px 8px #f871711a}.admin-google-btn{background:linear-gradient(135deg, var(--bg-card) 0%, var(--bg-secondary) 100%);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:15px;font-weight:600;font-family:var(--font-body);justify-content:center;align-items:center;gap:10px;padding:14px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014,inset 0 1px #ffffff1a}.admin-google-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.admin-google-btn:hover{background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 8px 20px #00000026,inset 0 1px #ffffff26}.admin-google-btn:hover:before{left:100%}.admin-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:100;background:#0f0f1ad9;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:sticky;top:0;box-shadow:0 4px 24px #00000026,inset 0 1px #ffffff0d}.admin-brand{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #7c6df04d);-webkit-background-clip:text;background-clip:text;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.admin-user{color:var(--text-muted);align-items:center;gap:12px;font-size:13px;display:flex}.admin-user button{color:var(--text-muted);border-radius:var(--radius-sm);border:1px solid #0000;padding:6px;transition:all .2s}.admin-user button:hover{background:var(--bg-card-hover);border-color:var(--border);transform:scale(1.1)}.admin-content{max-width:900px;margin:0 auto;padding:24px 20px}.admin-stats{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.admin-stat{background:linear-gradient(135deg, var(--bg-card) 0%, var(--bg-secondary) 100%);border:1px solid var(--border);border-radius:var(--radius-xl);align-items:center;gap:14px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000014,inset 0 1px #ffffff1a}.admin-stat:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;top:0;left:0;right:0}.admin-stat:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f,0 16px 48px #0000001a,inset 0 1px #ffffff26}.admin-stat svg{color:var(--accent);filter:drop-shadow(0 2px 8px #7c6df04d)}.admin-stat.alert svg{color:#fbbf24;filter:drop-shadow(0 2px 8px #fbbf2466)}.admin-stat.alert{background:linear-gradient(135deg, #fbbf240d, var(--bg-card));border-color:#fbbf244d;animation:2s ease-in-out infinite alertPulse}@keyframes alertPulse{0%,to{box-shadow:0 4px 16px #00000014,0 0 #fbbf2400}50%{box-shadow:0 8px 24px #0000001f,0 0 24px #fbbf2433}}.stat-num{background:linear-gradient(135deg, var(--text-primary), var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800;display:block}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.admin-tabs{background:linear-gradient(135deg, var(--bg-input) 0%, var(--bg-card) 100%);border-radius:var(--radius-xl);gap:6px;margin-bottom:20px;padding:6px;display:flex;box-shadow:inset 0 2px 4px #0000000f}.admin-tab{border-radius:var(--radius-lg);color:var(--text-secondary);font-size:13px;font-weight:600;font-family:var(--font-body);border:1px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.admin-tab:before{content:"";border-radius:inherit;opacity:0;background:linear-gradient(135deg,#ffffff1a,#fff0);transition:opacity .3s;position:absolute;inset:0}.admin-tab:hover{background:var(--bg-card);border-color:#ffffff0d;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.admin-tab:hover:before{opacity:1}.admin-tab.active{background:linear-gradient(135deg, var(--bg-card), var(--bg-secondary));color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 16px #0000001a,inset 0 1px #ffffff1a}.admin-tab.active:before{opacity:1}.tab-badge{border-radius:var(--radius-full);color:#fff;text-align:center;background:linear-gradient(135deg,#f87171,#ef4444);min-width:18px;padding:3px 8px;font-size:10px;font-weight:700;box-shadow:0 2px 8px #f871714d}.admin-section{background:linear-gradient(135deg, var(--bg-card) 0%, var(--bg-secondary) 100%);border:1px solid var(--border);border-radius:var(--radius-xl);margin-bottom:16px;padding:24px;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000f,inset 0 1px #ffffff1a}.admin-section:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;top:0;left:0;right:0}.admin-section h2{align-items:center;gap:8px;margin-bottom:16px;font-size:16px;font-weight:700;display:flex}.admin-desc{color:var(--text-muted);margin:-8px 0 16px;font-size:13px}.alert-empty{text-align:center;color:var(--text-muted);background:linear-gradient(135deg, var(--bg-input), var(--bg-card));border-radius:var(--radius-xl);border:1px solid var(--border);padding:60px 20px;box-shadow:inset 0 2px 8px #0000000d}.alert-empty svg{color:#34d399;opacity:.5;filter:drop-shadow(0 4px 12px #34d39933);margin-bottom:12px}.alert-empty p{font-size:14px;font-weight:600}.alert-card{background:linear-gradient(135deg, var(--bg-input) 0%, var(--bg-card) 100%);border:1px solid var(--border);border-radius:var(--radius-xl);margin-bottom:14px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a,inset 0 1px #ffffff0d}.alert-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:1px;position:absolute;top:0;left:0;right:0}.alert-card:hover{border-color:var(--accent-border);transform:translateY(-4px);box-shadow:0 8px 24px #0000001a,0 16px 48px #7c6df00d,inset 0 1px #ffffff1a}.alert-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.alert-badge-wrap{align-items:center;gap:8px;display:flex}.alert-badge{border-radius:var(--radius-full);border:1px solid;padding:5px 12px;font-size:11px;font-weight:700;box-shadow:0 2px 6px #0000001a}.alert-missed{color:var(--text-muted);font-size:12px;font-weight:600}.alert-user-info{margin-bottom:12px}.alert-user-info strong{font-size:15px;display:block}.alert-user-info span{color:var(--text-muted);font-size:12px}.alert-timeline{background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid #ffffff08;margin:12px 0;padding:14px;box-shadow:inset 0 2px 6px #0000000d}.alert-timeline h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px;font-size:12px;font-weight:700}.timeline-item{color:var(--text-secondary);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:6px 0;font-size:12px;display:flex}.timeline-item:last-child{border-bottom:none}.timeline-item svg{color:var(--text-muted);flex-shrink:0}.timeline-date{color:var(--text-muted);margin-left:auto;font-size:11px}.timeline-status{color:#fbbf24;margin-left:auto;font-size:11px;font-weight:600}.timeline-status.responded{color:#34d399}.alert-contacts{margin:12px 0}.alert-contacts h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px;font-size:12px;font-weight:700}.alert-contact-row{background:linear-gradient(135deg, var(--bg-primary), #ffffff03);border-radius:var(--radius-md);border:1px solid #ffffff08;margin-bottom:6px;padding:12px;box-shadow:inset 0 1px 2px #00000008}.alert-contact-row strong{font-size:13px}.alert-contact-details{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.alert-contact-details span{color:var(--text-muted);align-items:center;gap:4px;font-size:11px;display:flex}.alert-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.alert-action{border-radius:var(--radius-md);font-size:12px;font-weight:600;font-family:var(--font-body);border:1px solid;align-items:center;gap:6px;padding:9px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.alert-action:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.alert-action:hover:before{left:100%}.alert-action.green{color:#34d399;background:linear-gradient(135deg,#34d39914,#34d3990a);border-color:#34d39933;box-shadow:0 2px 8px #34d3991a}.alert-action.green:hover{background:#34d3991f;transform:translateY(-2px);box-shadow:0 4px 16px #34d39933}.alert-action.red{color:#f87171;background:linear-gradient(135deg,#f8717114,#f871710a);border-color:#f8717133;box-shadow:0 2px 8px #f871711a}.alert-action.red:hover{background:#f871711f;transform:translateY(-2px);box-shadow:0 4px 16px #f8717133}.alert-action.blue{color:#60a5fa;background:linear-gradient(135deg,#60a5fa14,#60a5fa0a);border-color:#60a5fa33;box-shadow:0 2px 8px #60a5fa1a}.alert-action.blue:hover{background:#60a5fa1f;transform:translateY(-2px);box-shadow:0 4px 16px #60a5fa33}.test-user-card{background:linear-gradient(135deg, var(--bg-input), var(--bg-card));border:1px solid var(--border);border-radius:var(--radius-xl);margin-bottom:12px;padding:18px;box-shadow:0 2px 8px #0000000a,inset 0 1px #ffffff0d}.test-user-info{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.test-user-info strong{font-size:14px}.test-user-status{font-size:12px;font-weight:600}.test-actions{gap:6px;margin-bottom:10px;display:flex}.test-btn{background:linear-gradient(135deg, var(--accent-bg), #7c6df014);border:1px solid var(--accent-border);border-radius:var(--radius-md);color:var(--accent-light);font-size:12px;font-weight:600;font-family:var(--font-body);padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #7c6df026}.test-btn:hover{background:#7c6df026;transform:translateY(-2px);box-shadow:0 4px 16px #7c6df040}.test-simulate{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.test-label{color:var(--text-muted);font-size:11px;font-weight:600}.sim-btn{border-radius:var(--radius-md);font-size:11px;font-weight:600;font-family:var(--font-body);border:1px solid var(--border);color:var(--text-secondary);padding:6px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #0000000d}.sim-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.sim-btn.s1{color:#60a5fa;background:linear-gradient(135deg,#60a5fa0d,#0000);border-color:#60a5fa33}.sim-btn.s1:hover{background:#60a5fa14;box-shadow:0 4px 12px #60a5fa33}.sim-btn.s2{color:#fbbf24;background:linear-gradient(135deg,#fbbf240d,#0000);border-color:#fbbf2433}.sim-btn.s2:hover{background:#fbbf2414;box-shadow:0 4px 12px #fbbf2433}.sim-btn.s3{color:#f97316;background:linear-gradient(135deg,#f973160d,#0000);border-color:#f9731633}.sim-btn.s3:hover{background:#f9731614;box-shadow:0 4px 12px #f9731633}.sim-btn.s4{color:#f87171;background:linear-gradient(135deg,#f871710d,#0000);border-color:#f8717133}.sim-btn.s4:hover{background:#f8717114;box-shadow:0 4px 12px #f8717133}.sim-btn.s5{color:#ef4444;background:linear-gradient(135deg,#ef44440d,#0000);border-color:#ef444433}.sim-btn.s5:hover{background:#ef444414;box-shadow:0 4px 12px #ef444433}.test-link-box{background:linear-gradient(135deg, var(--bg-input), var(--bg-card));border:1px solid var(--accent-border);border-radius:var(--radius-lg);margin-top:16px;padding:16px;box-shadow:0 2px 8px #7c6df01a,inset 0 1px #7c6df00d}.test-link-label{color:var(--accent-light);margin-bottom:8px;font-size:12px;font-weight:600}.test-link-value{background:var(--bg-primary);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:10px 12px;display:flex;box-shadow:inset 0 1px 3px #0000000d}.test-link-value code{color:var(--text-secondary);word-break:break-all;flex:1;font-family:SF Mono,monospace;font-size:11px}.test-link-value button{color:var(--text-muted);border-radius:var(--radius-sm);padding:6px;transition:all .2s}.test-link-value button:hover{background:var(--bg-card-hover);color:var(--accent-light);transform:scale(1.1)}.admin-table{background:linear-gradient(135deg, var(--bg-card), var(--bg-secondary));border-radius:var(--radius-lg);border:1px solid var(--border);overflow-x:auto;box-shadow:0 2px 8px #0000000a}.table-header,.table-row{grid-template-columns:2fr .8fr .7fr 1.2fr .4fr;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:grid}.table-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);background:#ffffff05;font-size:11px;font-weight:700}.table-row{cursor:pointer;border-bottom:1px solid #ffffff08;transition:all .2s}.table-row:hover{background:var(--bg-card-hover);transform:translate(4px)}.table-user strong{font-size:13px;display:block}.table-user span{color:var(--text-muted);font-size:11px}.table-badge{border-radius:var(--radius-full);padding:4px 10px;font-size:11px;font-weight:600;box-shadow:0 2px 4px #0000001a}.table-badge.free{color:#94a3b8;background:linear-gradient(135deg,#94a3b826,#94a3b814);border:1px solid #94a3b833}.table-badge.premium{color:#a78bfa;background:linear-gradient(135deg,#7c6df026,#7c6df014);border:1px solid #7c6df033}.table-badge.legacy{color:#e88a9a;background:linear-gradient(135deg,#e88a9a26,#e88a9a14);border:1px solid #e88a9a33}.table-status{font-size:11px;font-weight:600}.table-view{border-radius:var(--radius-sm);color:var(--text-muted);padding:6px;transition:all .2s}.table-view:hover{background:var(--accent-bg);color:var(--accent-light);transform:scale(1.1)}.admin-modal-overlay{-webkit-backdrop-filter:blur(12px)saturate(150%);z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.admin-modal{background:linear-gradient(135deg, var(--bg-secondary), var(--bg-card));border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:80vh;animation:.4s cubic-bezier(.4,0,.2,1) modalSlideUp;overflow-y:auto;box-shadow:0 12px 48px #0003,0 24px 96px #0000004d,inset 0 1px #ffffff1a}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-head{border-bottom:1px solid var(--border);background:linear-gradient(#ffffff05,#0000);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-head h2{font-size:17px;font-weight:700}.modal-head button{color:var(--text-muted);border-radius:var(--radius-sm);padding:4px 8px;font-size:18px;transition:all .2s}.modal-head button:hover{background:var(--bg-card-hover);transform:rotate(90deg)}.modal-body{padding:18px 22px}.detail-section{margin-bottom:16px}.detail-section h3{color:var(--accent-light);text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:13px;font-weight:700}.detail-section p{color:var(--text-secondary);font-size:13px;line-height:1.6}.detail-contact{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:6px;padding:10px;box-shadow:inset 0 1px 2px #00000008}.detail-contact strong{font-size:13px}.detail-contact p{color:var(--text-muted);margin-top:2px;font-size:12px}.detail-actions{border-top:1px solid var(--border);padding-top:12px}.detail-btn{background:linear-gradient(135deg, var(--accent-bg), #7c6df014);border:1px solid var(--accent-border);border-radius:var(--radius-md);width:100%;color:var(--accent-light);font-size:13px;font-weight:600;font-family:var(--font-body);padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #7c6df026}.detail-btn:hover{background:#7c6df026;transform:translateY(-2px);box-shadow:0 4px 16px #7c6df040}.alert-email-actions{background:linear-gradient(135deg, var(--bg-primary), #ffffff03);border-radius:var(--radius-lg);border:1px solid var(--border);margin:14px 0;padding:14px;box-shadow:inset 0 2px 6px #0000000d}.alert-email-actions h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:6px;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.email-btns{flex-wrap:wrap;gap:6px;display:flex}.email-btn{border-radius:var(--radius-md);font-size:11px;font-weight:600;font-family:var(--font-body);border:1px solid var(--border);color:var(--text-secondary);white-space:nowrap;padding:8px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #0000000d}.email-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.email-btn:disabled{opacity:.4;transform:none}.email-btn.ci1{color:#60a5fa;background:linear-gradient(135deg,#60a5fa0d,#0000);border-color:#60a5fa33}.email-btn.ci1:hover{background:#60a5fa14;box-shadow:0 4px 12px #60a5fa33}.email-btn.ci2{color:#fbbf24;background:linear-gradient(135deg,#fbbf240d,#0000);border-color:#fbbf2433}.email-btn.ci2:hover{background:#fbbf2414;box-shadow:0 4px 12px #fbbf2433}.email-btn.ci3{color:#f97316;background:linear-gradient(135deg,#f973160d,#0000);border-color:#f9731633}.email-btn.ci3:hover{background:#f9731614;box-shadow:0 4px 12px #f9731633}.email-btn.ct{color:#f87171;background:linear-gradient(135deg,#f871710d,#0000);border-color:#f8717133}.email-btn.ct:hover{background:#f8717114;box-shadow:0 4px 12px #f8717133}.email-btn.fu{color:#ef4444;background:linear-gradient(135deg,#ef44440d,#0000);border-color:#ef444433}.email-btn.fu:hover{background:#ef444414;box-shadow:0 4px 12px #ef444433}.email-btn.fn{color:#dc2626;background:linear-gradient(135deg,#dc26260d,#0000);border-color:#dc262633}.email-btn.fn:hover{background:#dc262614;box-shadow:0 4px 12px #dc262633}.email-btn.aa{color:red;background:linear-gradient(135deg,#ff000014,#ff00000a);border-color:#ff00004d;box-shadow:0 2px 8px #ff000026}.email-btn.aa:hover{background:#ff00001f;box-shadow:0 4px 16px #ff000040}.refresh-btn{border-radius:var(--radius-sm);color:var(--text-muted);padding:6px;transition:all .3s cubic-bezier(.4,0,.2,1)}.refresh-btn:hover{background:var(--bg-card-hover);color:var(--accent-light);transform:rotate(180deg)}@media (width<=640px){.admin-stats{grid-template-columns:1fr}.admin-tabs,.alert-actions{flex-direction:column}.table-header,.table-row{grid-template-columns:1.5fr 1fr 1fr}.table-header span:nth-child(4),.table-header span:nth-child(5),.table-row span:nth-child(4),.table-row button{display:none}}@media (prefers-reduced-motion:reduce){.admin-stat,.admin-tab,.alert-card,.alert-action,.test-btn,.sim-btn,.email-btn,.detail-btn{transition:none;animation:none}.admin-stat:hover,.alert-card:hover,.alert-action:hover,.test-btn:hover,.sim-btn:hover{transform:none}}.confirm-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.confirm-glow{background:radial-gradient(circle at 50% 30%,#c4956a0f,#0000 50%),radial-gradient(circle at 30% 70%,#e88a9a0a,#0000 50%);position:absolute;inset:0}.confirm-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;z-index:1;border-radius:24px;width:100%;max-width:480px;padding:40px 32px;position:relative;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff0f}.confirm-logo{margin-bottom:24px}.confirm-logo h2{color:var(--text-secondary);margin-top:8px;font-size:16px;font-weight:700}.confirm-heart{color:var(--love)}.confirm-step{margin-top:8px}.confirm-step h1{letter-spacing:-.5px;margin:16px 0 10px;font-size:24px;font-weight:800}.confirm-step p{color:var(--text-secondary);margin-bottom:8px;font-size:15px;line-height:1.7}.confirm-step strong{color:var(--text-primary)}.confirm-sub{color:var(--text-muted);margin-top:16px;font-size:13px;line-height:1.6}.confirm-hint{color:var(--text-muted);margin-top:8px;font-size:12px}.confirm-icon{border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 8px;display:flex}.confirm-icon.green{color:#34d399;background:#34d3991a}.confirm-icon.amber{color:#fbbf24;background:#fbbf241a}.confirm-icon.gold{color:#c4956a;background:#c4956a1a}.confirm-icon.pulse{animation:2s ease-in-out infinite iconPulse}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.confirm-warn{color:var(--text-muted);margin-bottom:8px}.confirm-warning-box{color:#fbbf24;background:#fbbf240f;border:1px solid #fbbf2426;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin:16px 0;padding:12px 18px;font-size:13px;font-weight:600;display:flex}.confirm-btn{width:100%;font-size:15px;font-weight:700;font-family:var(--font-body);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-bottom:10px;padding:15px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.confirm-btn.green{color:#fff;background:linear-gradient(135deg,#34d399,#22c55e);box-shadow:0 4px 16px #34d3994d}.confirm-btn.green:hover{transform:translateY(-2px);box-shadow:0 6px 24px #34d39966}.confirm-btn.amber{color:#fff;background:linear-gradient(135deg,#c4956a,#e8b88a);box-shadow:0 4px 16px #c4956a4d}.confirm-btn.amber:hover{transform:translateY(-2px);box-shadow:0 6px 24px #c4956a66}.confirm-btn.ghost{border:1px solid var(--border);color:var(--text-secondary);background:0 0;font-weight:600}.confirm-btn.ghost:hover{background:var(--bg-card-hover)}.confirm-btn:disabled{opacity:.6;transform:none}.spin{animation:.8s linear infinite spin}.confirm-results{text-align:left;flex-direction:column;gap:8px;margin:20px 0;display:flex}.confirm-result{border:1px solid var(--border);background:var(--bg-input);border-radius:10px;align-items:center;gap:12px;padding:12px 16px;display:flex}.confirm-result.success{border-color:#34d39933}.confirm-result.failed{border-color:#f8717133}.confirm-result span:first-child{font-size:18px}.confirm-result div{flex:1}.confirm-result strong{font-size:14px;display:block}.confirm-result div span{color:var(--text-muted);font-size:12px}.confirm-footer{color:var(--text-muted);opacity:.4;margin-top:28px;font-size:11px}@media (width<=480px){.confirm-card{padding:32px 22px}.confirm-step h1{font-size:20px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}input,textarea,select{font-family:inherit}:root{--font-body:"DM Sans", -apple-system, sans-serif;--font-display:"DM Sans", -apple-system, sans-serif;--bg-primary:#0f0f1a;--bg-secondary:#151525;--bg-card:#1a1a2e;--bg-card-hover:#1f1f35;--bg-input:#12121f;--text-primary:#e8e4f0;--text-secondary:#a09bb5;--text-muted:#6b6585;--border:#ffffff0f;--border-hover:#ffffff1f;--accent:#c4956a;--accent-light:#e8b88a;--accent-glow:#c4956a33;--accent-bg:#c4956a0f;--accent-border:#c4956a26;--love:#e88a9a;--love-bg:#e88a9a0f;--love-border:#e88a9a26;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:50px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 24px #0006}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.5}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.5s ease-out fadeUp}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}@media (width<=480px){.home-grid{grid-template-columns:1fr}.lchat-bubble{max-width:85%}.portal-card{padding:28px 20px}}