:root{--color-bg: hsl(220, 10%, 8%);--color-surface: hsl(220, 10%, 12%);--color-primary: hsl(210, 95%, 55%);--color-primary-light: hsl(210, 95%, 65%);--color-text: hsl(0, 0%, 90%);--color-muted: hsl(0, 0%, 55%);--radius: 8px;--transition: .2s ease}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6}.app-container{max-width:960px;margin:0 auto;padding:2rem}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap;gap:1rem}.header-brand{display:flex;align-items:center;gap:.75rem}.brand-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.75rem;font-weight:800;padding:.2rem .5rem;border-radius:4px;letter-spacing:1px}.header-actions{display:flex;align-items:center;gap:.75rem}h1{font-size:1.85rem;margin:0;background:linear-gradient(45deg,var(--color-primary),var(--color-primary-light));-webkit-background-clip:text;background-clip:text}.card{background:var(--color-surface);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 12px #0006;transition:var(--transition)}.card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0009}button{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;transition:var(--transition)}button:hover{background:var(--color-primary-light)}.settings-button{background:#ffffff1a;color:var(--color-primary);border:none;border-radius:50%;width:48px;height:48px;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.settings-icon{width:24px;height:24px}.settings-button:hover{background:#fff3;transform:scale(1.08)}.build-button{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;transition:var(--transition);margin-left:1rem}.build-button:hover{background:var(--color-primary-light)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:32px;height:32px;border:4px solid var(--color-muted);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.browser-button{background:linear-gradient(135deg,#1a73e8,#1557b0);color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius);padding:.65rem 1.2rem;font-size:.92rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all var(--transition);box-shadow:0 2px 6px #1a73e84d}.browser-button:hover{background:linear-gradient(135deg,#1e81ff,#1a73e8);box-shadow:0 4px 12px #1a73e880;transform:translateY(-1px)}.google-hub-card{background:linear-gradient(145deg,#1a1d24,#13161c);border:1px solid rgba(255,255,255,.08);border-left:4px solid #1a73e8;padding:1.5rem}.google-hub-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem}.google-hub-title-group{display:flex;align-items:center;gap:.85rem}.google-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#ea4335,#fbbc05 35%,#34a853 70%,#4285f4);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;box-shadow:0 2px 8px #0006;flex-shrink:0}.google-hub-title{margin:0;font-size:1.15rem;color:#f1f3f4}.google-hub-desc{margin:.2rem 0 0;font-size:.82rem;color:var(--color-muted)}.launch-browser-primary-btn{background:#202124;border:1px solid #3c4043;color:#8ab4f8;font-weight:600;font-size:.85rem;padding:.5rem 1rem;border-radius:6px;transition:all .2s ease}.launch-browser-primary-btn:hover{background:#303134;border-color:#8ab4f8;color:#fff}.google-shortcuts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem}.shortcut-btn{background:#202124;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:.75rem .5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;cursor:pointer;transition:all .2s ease;color:#e8eaed}.shortcut-btn:hover{background:#303134;border-color:#4285f4;transform:translateY(-2px);box-shadow:0 4px 10px #0000004d}.shortcut-icon{font-size:1.4rem}.shortcut-label{font-size:.78rem;font-weight:500}.shortcut-btn.highlight-shopee{border-bottom:3px solid #ee4d2d}.shortcut-btn.highlight-shopee:hover{border-color:#ee4d2d;box-shadow:0 4px 12px #ee4d2d4d}.shortcut-btn.highlight-facebook{border-bottom:3px solid #1877f2}.shortcut-btn.highlight-facebook:hover{border-color:#1877f2;box-shadow:0 4px 12px #1877f24d}.shortcut-btn.highlight-instagram{border-bottom:3px solid #e1306c}.shortcut-btn.highlight-instagram:hover{border-color:#e1306c;box-shadow:0 4px 12px #e1306c4d}.install-app-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);padding:.65rem 1.1rem;font-size:.92rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all var(--transition);box-shadow:0 2px 8px #10b98159}.install-app-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 14px #10b9818c;transform:translateY(-1px)}.install-banner-btn{background:#1e293b;border:1px solid #38bdf8;color:#38bdf8;font-weight:600;font-size:.85rem;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.install-banner-btn:hover{background:#38bdf8;color:#0f172a}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.install-modal-card{background:#18191a;border:1px solid #3a3b3c;border-radius:14px;width:100%;max-width:520px;box-shadow:0 16px 40px #0009;overflow:hidden;display:flex;flex-direction:column}.modal-header{padding:16px 20px;background:#242526;border-bottom:1px solid #3a3b3c;display:flex;align-items:center;justify-content:space-between}.modal-title-box{display:flex;align-items:center;gap:10px}.modal-icon{font-size:1.8rem}.modal-title{margin:0;font-size:1.15rem;color:#f0f2f5}.modal-subtitle{margin:2px 0 0;font-size:.8rem;color:#94a3b8}.modal-close-btn{background:transparent;border:none;color:#b0b3b8;font-size:1.2rem;cursor:pointer}.modal-close-btn:hover{color:#fff}.install-tabs{display:flex;background:#1f2023;border-bottom:1px solid #3a3b3c}.install-tab-btn{flex:1;background:transparent;border:none;color:#94a3b8;padding:12px 16px;font-size:.85rem;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.install-tab-btn.active{color:#38bdf8;border-bottom-color:#38bdf8;background:#38bdf814}.install-content-body{padding:20px;display:flex;flex-direction:column;gap:16px}.qr-section{display:flex;align-items:center;gap:16px;background:#242526;padding:14px;border-radius:10px;border:1px solid #3a3b3c;flex-wrap:wrap}.qr-image{width:130px;height:130px;border-radius:8px;background:#fff;padding:6px;flex-shrink:0}.qr-info{flex:1;min-width:200px}.qr-info h4{margin:0 0 6px;color:#f0f2f5;font-size:.95rem}.qr-info p{margin:0 0 10px;font-size:.8rem;color:#94a3b8;line-height:1.4}.url-copy-box{display:flex;align-items:center;gap:6px;background:#18191a;padding:6px 8px;border-radius:6px;border:1px solid #3a3b3c}.url-copy-box code{flex:1;font-size:.78rem;color:#38bdf8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-link-btn{background:#383a40;border:none;color:#fff;font-size:.75rem;padding:4px 8px;border-radius:4px;cursor:pointer;white-space:nowrap}.copy-link-btn:hover{background:#4e5058}.instruction-card{background:#1e293b66;border:1px solid rgba(56,189,248,.2);border-radius:8px;padding:12px 16px}.instruction-card h5{margin:0 0 8px;color:#38bdf8;font-size:.85rem}.step-list{margin:0;padding-left:20px;color:#cbd5e1;font-size:.82rem;line-height:1.5}.step-list li{margin-bottom:4px}.pc-install-box{text-align:center;padding:1rem 0}.pc-install-box h4{margin:8px 0 4px;color:#f0f2f5;font-size:1.1rem}.pc-install-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #2563eb66;transition:all .2s ease}.pc-install-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px)}.install-status-msg{margin-top:12px;padding:8px 12px;background:#1e293b;border-radius:6px;color:#10b981;font-size:.82rem}.intelligent-bot-card{background:linear-gradient(135deg,#0f172af2,#1e1b4bd9);border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:1.75rem;margin-bottom:2rem;box-shadow:0 8px 32px #7c3aed26;position:relative;overflow:hidden}.intelligent-bot-card:before{content:"";position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,rgba(168,85,247,.15) 0%,transparent 70%);pointer-events:none}.bot-header-container{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.08)}.bot-identity{display:flex;align-items:center;gap:1.2rem;max-width:600px}.bot-avatar-glow{position:relative;width:64px;height:64px;background:linear-gradient(135deg,#7c3aed,#2563eb);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 0 20px #7c3aed80;flex-shrink:0}.bot-pulse-ring{position:absolute;width:100%;height:100%;border-radius:16px;border:2px solid #a855f7;animation:botPulse 2s infinite}@keyframes botPulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:0}to{transform:scale(1);opacity:0}}.bot-badge-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.bot-status-tag{display:inline-flex;align-items:center;gap:.35rem;background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#34d399;font-size:.72rem;font-weight:800;padding:2px 8px;border-radius:9999px;letter-spacing:.5px}.pulse-dot{width:7px;height:7px;background:#10b981;border-radius:50%;animation:pulseBlink 1.5s infinite}@keyframes pulseBlink{0%,to{opacity:1}50%{opacity:.3}}.bot-model-tag{background:#8b5cf626;border:1px solid rgba(139,92,246,.3);color:#c084fc;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:9999px}.bot-main-title{margin:0 0 .25rem;font-size:1.45rem;background:linear-gradient(135deg,#f3e8ff,#c084fc,#60a5fa);-webkit-background-clip:text;background-clip:text}.bot-subtitle{margin:0;color:#94a3b8;font-size:.88rem;line-height:1.4}.bot-stats-grid{display:flex;gap:1rem}.bot-stat-item{background:#1e293bb3;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:.6rem .9rem;display:flex;flex-direction:column;align-items:center;min-width:90px}.bot-stat-label{font-size:.72rem;color:#94a3b8;margin-bottom:2px}.bot-stat-val{font-size:1.15rem;font-weight:800;color:#f8fafc}.bot-stat-val.highlight-green{color:#34d399}.bot-stat-val.highlight-blue{color:#60a5fa}.bot-tabs-bar{display:flex;gap:.5rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.5rem;margin-bottom:1.25rem;overflow-x:auto}.bot-tab-btn{background:transparent;color:#94a3b8;border:1px solid transparent;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.bot-tab-btn:hover{color:#f1f5f9;background:#ffffff0a}.bot-tab-btn.active{background:linear-gradient(135deg,#7c3aed4d,#2563eb4d);border-color:#8b5cf680;color:#f3e8ff}.bot-control-panel{background:#0f172a99;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:1.25rem;margin-bottom:1.5rem}.bot-input-label{display:block;font-size:.88rem;font-weight:600;color:#e2e8f0;margin-bottom:.75rem}.niche-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.niche-chip-btn{background:#1e293b;color:#cbd5e1;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:.45rem .85rem;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s ease}.niche-chip-btn:hover{background:#334155;color:#fff}.niche-chip-btn.selected{background:linear-gradient(135deg,#7c3aed,#4f46e5);border-color:#a855f7;color:#fff;font-weight:700;box-shadow:0 2px 8px #7c3aed66}.custom-niche-box,.multi-input-wrapper{display:flex;gap:.75rem;flex-wrap:wrap}.bot-text-input{flex:1;min-width:250px;background:#0f172a;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:.65rem 1rem;color:#f8fafc;font-size:.9rem}.bot-text-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf633}.bot-action-primary-btn{background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;border:none;border-radius:8px;padding:.65rem 1.25rem;font-size:.9rem;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #7c3aed59;transition:all .2s ease}.bot-action-primary-btn:hover{background:linear-gradient(135deg,#6d28d9,#1d4ed8);transform:translateY(-1px)}.results-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.results-heading{margin:0;font-size:1.1rem;color:#f1f5f9}.results-badge{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#34d399;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:4px}.mined-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1.25rem}.mined-card{background:#1e293b80;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;transition:all .2s ease}.mined-card:hover{border-color:#8b5cf666;transform:translateY(-2px);box-shadow:0 6px 16px #0006}.mined-card-header{display:flex;justify-content:space-between;align-items:center}.mined-tag-platform{background:#3b82f633;color:#93c5fd;font-size:.75rem;font-weight:700;padding:2px 6px;border-radius:4px}.mined-ctr-tag{color:#34d399;font-size:.78rem;font-weight:700}.mined-product-title{margin:0;font-size:1.05rem;color:#f8fafc}.mined-headline-box{background:#0f172ab3;border-left:3px solid #f59e0b;padding:.5rem .75rem;border-radius:4px;font-size:.88rem;color:#fbbf24}.mined-hook-box{background:#8b5cf61a;border-left:3px solid #8b5cf6;padding:.5rem .75rem;border-radius:4px}.hook-label,.copy-label{display:block;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#a855f7;margin-bottom:2px}.hook-text{margin:0;font-size:.85rem;color:#e2e8f0;font-style:italic}.mined-copy-box{background:#0f172a80;border-radius:6px;padding:.65rem .75rem}.copy-text{margin:0;font-size:.85rem;color:#cbd5e1;line-height:1.45}.mined-tags-row{display:flex;flex-wrap:wrap;gap:.35rem}.mined-tag-pill{background:#ffffff0d;color:#94a3b8;font-size:.72rem;padding:2px 6px;border-radius:4px}.mined-footer-actions{display:flex;gap:.5rem;margin-top:auto;padding-top:.5rem}.mined-copy-btn{flex:1;background:#2563eb;color:#fff;border:none;border-radius:6px;padding:.5rem .75rem;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .15s ease}.mined-copy-btn:hover{background:#1d4ed8}.mined-browser-btn{background:#ea580c;color:#fff;border:none;border-radius:6px;padding:.5rem .75rem;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .15s ease}.mined-browser-btn:hover{background:#c2410c}.multi-generator-form{background:#0f172a99;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:1.25rem;margin-bottom:1.5rem}.multi-platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.platform-card{background:#1e293b99;border-radius:10px;border:1px solid rgba(255,255,255,.08);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.platform-card-header{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;color:#f8fafc;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:.5rem}.platform-field{margin:0 0 .5rem;font-size:.85rem;color:#cbd5e1;line-height:1.4}.shopee-badge-tag{display:inline-block;background:#ea580c;color:#fff;font-size:.72rem;font-weight:800;padding:2px 6px;border-radius:4px;margin-bottom:.5rem}.platform-copy-btn{margin-top:auto;background:#334155;color:#f1f5f9;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.45rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease}.platform-copy-btn:hover{background:#7c3aed;color:#fff;border-color:#a855f7}.bot-chat-container{display:flex;flex-direction:column;gap:1rem}.quick-prompts-bar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;background:#0f172a80;padding:.6rem .85rem;border-radius:8px}.quick-prompts-label{font-size:.78rem;color:#94a3b8;font-weight:600}.quick-prompt-chip{background:#1e293b;color:#e2e8f0;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:.35rem .65rem;font-size:.75rem;cursor:pointer;transition:background .15s ease}.quick-prompt-chip:hover{background:#7c3aed;color:#fff}.chat-messages-box{background:#0f172ab3;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:1rem;height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.chat-message-row{display:flex}.chat-message-row.user{justify-content:flex-end}.chat-message-row.bot{justify-content:flex-start}.chat-bubble{max-width:80%;padding:.75rem 1rem;border-radius:10px;font-size:.88rem;line-height:1.45}.chat-message-row.user .chat-bubble{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-bottom-right-radius:2px}.chat-message-row.bot .chat-bubble{background:#1e293b;color:#f1f5f9;border:1px solid rgba(139,92,246,.25);border-bottom-left-radius:2px}.chat-bubble.typing{font-style:italic;color:#c084fc}.chat-bubble-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.35rem;font-size:.72rem;color:#94a3b8}.chat-input-bar{display:flex;gap:.5rem}.chat-input-field{flex:1;background:#0f172a;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:.75rem 1rem;color:#f8fafc;font-size:.9rem}.chat-input-field:focus{outline:none;border-color:#8b5cf6}.chat-send-btn{background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;border:none;border-radius:8px;padding:0 1.25rem;font-weight:700;cursor:pointer;transition:all .2s ease}.chat-send-btn:hover{background:linear-gradient(135deg,#6d28d9,#1d4ed8)}.secure-login-backdrop{min-height:85vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.secure-login-card{width:100%;max-width:480px;background:linear-gradient(145deg,#0f172af2,#18182df2);border:1px solid rgba(59,130,246,.3);border-radius:16px;padding:2.25rem 2rem;box-shadow:0 16px 40px #0009,0 0 30px #2563eb26;position:relative;overflow:hidden}.secure-login-card:before{content:"";position:absolute;top:-60px;left:50%;transform:translate(-50%);width:250px;height:120px;background:radial-gradient(circle,rgba(59,130,246,.25) 0%,transparent 70%);pointer-events:none}.secure-header{text-align:center;margin-bottom:1.75rem}.secure-shield-icon{position:relative;width:68px;height:68px;margin:0 auto 1rem;background:linear-gradient(135deg,#1e3a8a,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.2rem;box-shadow:0 0 25px #2563eb80}.shield-glow{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid #60a5fa;animation:shieldPulse 2.5s infinite}@keyframes shieldPulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:0}to{transform:scale(1);opacity:0}}.secure-badge{display:inline-flex;align-items:center;gap:.4rem;background:#10b98126;border:1px solid rgba(16,185,129,.35);color:#34d399;font-size:.72rem;font-weight:800;padding:3px 10px;border-radius:9999px;letter-spacing:.5px;margin-bottom:.75rem}.secure-dot{width:6px;height:6px;background:#10b981;border-radius:50%;box-shadow:0 0 6px #10b981}.secure-title{margin:0 0 .35rem;font-size:1.55rem;color:#f8fafc;font-weight:800}.secure-desc{margin:0;color:#94a3b8;font-size:.88rem;line-height:1.4}.secure-tabs{display:flex;background:#0f172a;border-radius:10px;padding:4px;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.08)}.secure-tab-btn{flex:1;background:transparent;color:#94a3b8;border:none;padding:.55rem .5rem;border-radius:8px;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s ease}.secure-tab-btn:hover{color:#f8fafc}.secure-tab-btn.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 2px 8px #2563eb66}.secure-error-banner{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#fca5a5;padding:.65rem .85rem;border-radius:8px;font-size:.85rem;margin-bottom:1.25rem}.secure-form{display:flex;flex-direction:column;gap:1.1rem}.secure-input-group{display:flex;flex-direction:column;gap:.4rem}.secure-label{font-size:.82rem;font-weight:600;color:#cbd5e1}.secure-input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:12px;font-size:1rem;pointer-events:none}.secure-text-input{width:100%;background:#0f172a;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:.75rem 2.75rem .75rem 2.5rem;color:#f8fafc;font-size:.92rem;transition:all .2s ease;box-sizing:border-box}.secure-text-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.toggle-password-btn{position:absolute;right:10px;background:transparent;border:none;color:#94a3b8;padding:4px;cursor:pointer;font-size:1rem}.secure-options-row{display:flex;justify-content:space-between;align-items:center;font-size:.82rem}.remember-checkbox-label{display:flex;align-items:center;gap:.45rem;color:#94a3b8;cursor:pointer}.secure-submit-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:8px;padding:.85rem;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #2563eb66;transition:all .2s ease}.secure-submit-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px)}.secure-pin-section{text-align:center;padding:.5rem 0}.pin-instructions{color:#cbd5e1;font-size:.9rem;margin-bottom:1.25rem}.pin-inputs-row{display:flex;justify-content:center;gap:.85rem;margin-bottom:1rem}.pin-box-input{width:52px;height:60px;background:#0f172a;border:2px solid rgba(255,255,255,.12);border-radius:10px;text-align:center;font-size:1.8rem;font-weight:800;color:#60a5fa;transition:all .2s ease}.pin-box-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f64d;transform:scale(1.05)}.pin-tip{font-size:.78rem;color:#94a3b8;margin:0}.secure-google-section{text-align:center;padding:1rem 0}.google-instructions{color:#cbd5e1;font-size:.9rem;margin-bottom:1.25rem}.google-btn-center{display:flex;justify-content:center}.secure-footer{margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.08)}.security-features-grid{display:flex;justify-content:space-around;margin-bottom:1rem}.security-feat-item{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:#94a3b8}.feat-icon{font-size:.85rem}.secure-copy-notice{margin:0;text-align:center;font-size:.72rem;color:#64748b}.user-profile-badge{display:flex;align-items:center;gap:.5rem;background:#1e293bb3;border:1px solid rgba(255,255,255,.1);padding:.3rem .65rem;border-radius:9999px;font-size:.82rem;color:#f1f5f9}.user-status-dot{width:7px;height:7px;background:#10b981;border-radius:50%}.user-name-label{font-weight:600;color:#e2e8f0}.logout-header-btn{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3);padding:.25rem .6rem;border-radius:6px;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .15s ease}.logout-header-btn:hover{background:#ef4444;color:#fff}