.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);background:var(--primary-color);color:#fff;padding:1rem 2rem;border-radius:0 0 8px 8px;z-index:10000;text-decoration:none;font-weight:600;transition:top .3s ease}.skip-link:focus{top:0;outline:3px solid #ffd700;outline-offset:2px}*:focus-visible{outline:3px solid var(--primary-color, #4f46e5);outline-offset:2px}button:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,[role=button]:focus-visible{outline:3px solid var(--primary-color, #4f46e5);outline-offset:2px;box-shadow:0 0 0 4px #4f46e54d}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--primary-color, #4f46e5);outline-offset:0;border-color:var(--primary-color, #4f46e5)}a:focus-visible,.link-button:focus-visible,.nav-link:focus-visible,.nav-item:focus-visible{outline:3px solid var(--primary-color, #4f46e5);outline-offset:2px}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:3px solid var(--primary-color, #4f46e5);outline-offset:2px}[data-theme=dark] *:focus-visible{outline-color:var(--primary, #a78bfa)}[data-theme=dark] button:focus-visible,[data-theme=dark] .btn-primary:focus-visible,[data-theme=dark] .btn-secondary:focus-visible{box-shadow:0 0 0 4px #a78bfa4d}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:high){:root{--primary-color: #0000ff;--error-color: #ff0000;--success-color: #008000;--border-color: #000000}button,input,select,textarea{border:2px solid #000!important}a{text-decoration:underline!important}}.sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:focus,.sr-only-focusable:active{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.aria-live-polite{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-error{color:var(--error-color, #dc2626);font-size:.875rem;margin-top:.25rem}.form-error:before{content:"⚠ "}input[aria-invalid=true],textarea[aria-invalid=true],select[aria-invalid=true]{border-color:var(--error-color, #dc2626)!important;background-color:#fff5f5}[data-theme=dark] input[aria-invalid=true],[data-theme=dark] textarea[aria-invalid=true],[data-theme=dark] select[aria-invalid=true]{background-color:#e53e3e1a}.required-indicator{color:var(--error-color, #dc2626);margin-left:.25rem}.form-help,.form-hint{color:var(--text-muted, #4a5568);font-size:.8rem;margin-top:.25rem;display:block}[data-theme=dark] .form-help,[data-theme=dark] .form-hint{color:#a0aec0}[data-theme=dark] .form-error{color:#f87171}[aria-hidden=true]{pointer-events:none}.icon-button{display:inline-flex;align-items:center;justify-content:center}a[target=_blank]:after{content:" (apre in nuova finestra)";position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}table{border-collapse:collapse}th{text-align:left;font-weight:600}th,td{padding:.75rem}caption{text-align:left;font-weight:600;margin-bottom:.5rem}body.modal-open{overflow:hidden}.modal [tabindex="-1"]:focus{outline:none}@media(pointer:coarse){button,[role=button],a,input[type=checkbox],input[type=radio],select{min-height:44px;min-width:44px}.nav-item,.link-button{padding:12px}}body{font-size:1rem;line-height:1.5}small,.small-text{font-size:.875rem}p,li{letter-spacing:.01em;word-spacing:.05em}.readable-width{max-width:70ch}[data-theme=dark]{--bg-color: #0f172a;--card-bg: #1e293b;--border-color: #334155;--text-color: #f1f5f9;--text-muted: #94a3b8;--text-light: #cbd5e1;--primary-color: #818cf8;--primary-hover: #a5b4fc;--success-color: #4ade80;--warning-color: #fbbf24;--error-color: #f87171;--input-bg: #1e293b;--input-border: #475569;--input-focus: #818cf8;--hover-bg: #334155}[data-theme=dark] body,[data-theme=dark] p,[data-theme=dark] span,[data-theme=dark] div{color:var(--text-color)}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:#f8fafc}[data-theme=dark] a{color:var(--primary-color)}[data-theme=dark] a:hover{color:var(--primary-hover)}[data-theme=dark] .link-button{color:#a5b4fc;font-weight:600}[data-theme=dark] .link-button:hover{color:#c7d2fe}[data-theme=dark] label{color:#e2e8f0}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#64748b}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background-color:var(--input-bg);border-color:var(--input-border);color:var(--text-color)}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px #818cf833}[data-theme=dark] .btn-secondary,[data-theme=dark] button.secondary{background-color:var(--card-bg);border-color:var(--border-color);color:var(--text-color)}[data-theme=dark] .btn-secondary:hover,[data-theme=dark] button.secondary:hover{background-color:var(--hover-bg)}[data-theme=dark] .card,[data-theme=dark] .profile-card,[data-theme=dark] .security-section,[data-theme=dark] .info-box{background-color:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] th{color:#f8fafc;background-color:var(--hover-bg)}[data-theme=dark] td{border-color:var(--border-color)}[data-theme=dark] tr:hover{background-color:var(--hover-bg)}[data-theme=dark] .badge,[data-theme=dark] .status{border:1px solid transparent}[data-theme=dark] .message.error,[data-theme=dark] .error-message{background-color:#f8717126;border-color:#f87171;color:#fca5a5}[data-theme=dark] .message.success,[data-theme=dark] .success-message{background-color:#4ade8026;border-color:#4ade80;color:#86efac}[data-theme=dark] .message.warning,[data-theme=dark] .warning-message{background-color:#fbbf2426;border-color:#fbbf24;color:#fcd34d}[data-theme=dark] .message.info,[data-theme=dark] .info-message{background-color:#60a5fa26;border-color:#60a5fa;color:#93c5fd}[data-theme=dark] .modal,[data-theme=dark] .modal-content{background-color:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .modal-overlay{background-color:#000c}[data-theme=dark] .dropdown,[data-theme=dark] .menu,[data-theme=dark] .popover{background-color:var(--card-bg);border-color:var(--border-color);box-shadow:0 10px 40px #00000080}[data-theme=dark] .tooltip{background-color:#475569;color:#f1f5f9}[data-theme=dark] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-color)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#64748b}[data-theme=dark] code,[data-theme=dark] pre{background-color:#0f172a;color:#e2e8f0;border-color:var(--border-color)}[data-theme=dark] hr{border-color:var(--border-color)}[data-theme=dark] ::selection{background-color:#818cf866;color:#f8fafc}[data-theme=dark] .sidebar{background:linear-gradient(180deg,#1e293b,#0f172a);border-color:var(--border-color)}[data-theme=dark] .sidebar .nav-item:hover{background-color:var(--hover-bg)}[data-theme=dark] .sidebar .nav-item.active{background-color:#818cf833;color:var(--primary-color)}[data-theme=dark] .app-header-internal{background-color:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .app-footer-internal{background-color:var(--bg-color);border-color:var(--border-color);color:var(--text-muted)}[data-theme=dark] .tabs .tab{color:var(--text-muted)}[data-theme=dark] .tabs .tab:hover{color:var(--text-color)}[data-theme=dark] .tabs .tab.active{color:var(--primary-color);border-color:var(--primary-color)}[data-theme=dark] .progress-bar{background-color:var(--border-color)}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#1e293b 25%,#334155,#1e293b 75%)}[data-theme=dark] .empty-state{color:var(--text-muted)}[data-theme=dark] .divider{border-color:var(--border-color)}.page-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color);margin-bottom:1.5rem}.page-card:last-child{margin-bottom:0}.page-card h2{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;color:var(--text-color)}.page-card h3{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color)}.page-card p,.page-card .description{color:var(--text-muted);font-size:.875rem;line-height:1.5;margin-bottom:1rem}.page-section{margin-bottom:2rem}.page-section:last-child{margin-bottom:0}.page-section-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-color)}.page-section-description{font-size:.875rem;color:var(--text-muted);margin-bottom:1.5rem}.content-narrow{max-width:480px}.content-medium{max-width:720px}.content-wide{max-width:960px}.content-full{max-width:100%}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.cards-grid-2{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.cards-grid-3{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.spacing-sm{margin-bottom:.5rem}.spacing-md{margin-bottom:1rem}.spacing-lg{margin-bottom:1.5rem}.spacing-xl{margin-bottom:2rem}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}[data-theme=dark] .app-main-internal{color:#e2e8f0}[data-theme=dark] .app-main-internal h1,[data-theme=dark] .app-main-internal h2,[data-theme=dark] .app-main-internal h3,[data-theme=dark] .app-main-internal h4,[data-theme=dark] .app-main-internal h5,[data-theme=dark] .app-main-internal h6{color:#f7fafc!important}[data-theme=dark] .app-main-internal p,[data-theme=dark] .app-main-internal label{color:#e2e8f0!important}[data-theme=dark] .sites-header,[data-theme=dark] .sites-header h1,[data-theme=dark] .sites-header p,[data-theme=dark] .scanner-header,[data-theme=dark] .scanner-header h1,[data-theme=dark] .scanner-header p,[data-theme=dark] .import-header,[data-theme=dark] .import-header h1,[data-theme=dark] .export-header,[data-theme=dark] .export-header h1,[data-theme=dark] .notes-header,[data-theme=dark] .notes-header h1,[data-theme=dark] .share-header,[data-theme=dark] .share-header h1,[data-theme=dark] .help-hero h1,[data-theme=dark] .help-hero p,[data-theme=dark] .about-hero h1,[data-theme=dark] .about-hero p,[data-theme=dark] .toolbar,[data-theme=dark] .toolbar h2{color:#f7fafc!important}[data-theme=dark] .stat-value,[data-theme=dark] .stat-label,[data-theme=dark] .stat-card .stat-value,[data-theme=dark] .stat-card .stat-label,[data-theme=dark] .search-box span,[data-theme=dark] .site-info h3,[data-theme=dark] .site-info p,[data-theme=dark] .site-info span,[data-theme=dark] .action-title,[data-theme=dark] .action-desc{color:#e2e8f0!important}[data-theme=dark] .stat-label,[data-theme=dark] .stat-card-hint,[data-theme=dark] .action-desc{color:#cbd5e1!important}[data-theme=dark] .sidebar .nav-item,[data-theme=dark] .sidebar .nav-item span{color:#e2e8f0!important}[data-theme=dark] .sidebar .nav-item:hover,[data-theme=dark] .developer-page h2,[data-theme=dark] .developer-page h3,[data-theme=dark] .dev-section h3,[data-theme=dark] .dev-section p,[data-theme=dark] .admin-page h1,[data-theme=dark] .admin-page h2,[data-theme=dark] .admin-page p,[data-theme=dark] .admin-page label{color:#f7fafc!important}[data-theme=dark] .profile-page h2,[data-theme=dark] .profile-card h2,[data-theme=dark] .profile-card h3,[data-theme=dark] .info-group label,[data-theme=dark] .info-value,[data-theme=dark] .security-page h2,[data-theme=dark] .security-section h2,[data-theme=dark] .security-section h3,[data-theme=dark] .security-section p,[data-theme=dark] .security-section label,[data-theme=dark] .notes-page h1,[data-theme=dark] .notes-page h2,[data-theme=dark] .note-card h3,[data-theme=dark] .note-card p,[data-theme=dark] .import-page h1,[data-theme=dark] .import-page h2,[data-theme=dark] .import-section h3,[data-theme=dark] .import-section p,[data-theme=dark] .export-page h1,[data-theme=dark] .export-page h2,[data-theme=dark] .format-card h3,[data-theme=dark] .format-card p,[data-theme=dark] .share-page h1,[data-theme=dark] .share-page h2,[data-theme=dark] .share-card h3,[data-theme=dark] .share-card p,[data-theme=dark] .share-option,[data-theme=dark] .notification-dropdown,[data-theme=dark] .notification-item p,[data-theme=dark] .notification-item span{color:#e2e8f0!important}[data-theme=dark] .breadcrumb *{color:#cbd5e1!important}[data-theme=dark] .breadcrumb-current{color:#f7fafc!important}[data-theme=dark] .form-group label,[data-theme=dark] .form-hint,[data-theme=dark] .field-hint{color:#cbd5e1!important}[data-theme=dark] .stat,[data-theme=dark] .stat .stat-value,[data-theme=dark] .stat .stat-label,[data-theme=dark] .site-card h3,[data-theme=dark] .site-card p,[data-theme=dark] .site-card span,[data-theme=dark] .page-card h2,[data-theme=dark] .page-card h3,[data-theme=dark] .page-card p,[data-theme=dark] .page-card .description{color:#e2e8f0!important}[data-theme=dark] .page-card h2,[data-theme=dark] .page-card h3{color:#f7fafc!important}[data-theme=dark] .modal h2,[data-theme=dark] .modal label,[data-theme=dark] .modal p{color:#e2e8f0!important}[data-theme=dark] .modal h2{color:#f7fafc!important}[data-theme=dark] .empty-state,[data-theme=dark] .empty-state p,[data-theme=dark] .empty-state h3{color:#cbd5e1!important}[data-theme=dark] table,[data-theme=dark] th,[data-theme=dark] td{color:#e2e8f0!important}[data-theme=dark] th{color:#f7fafc!important}[data-theme=dark] .provider-info h3,[data-theme=dark] .provider-info p,[data-theme=dark] .connections-section h2,[data-theme=dark] .scan-section h2,[data-theme=dark] .instructions-section h2,[data-theme=dark] .personal-stats h2,[data-theme=dark] .personal-stats .stats-title,[data-theme=dark] .personal-stats .completion-header,[data-theme=dark] .personal-stats .stat-value,[data-theme=dark] .personal-stats .stat-label,[data-theme=dark] .personal-stats .age-label,[data-theme=dark] .personal-stats .age-value{color:#e2e8f0!important}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#909090;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#707070}.password-strength-meter{margin-top:.5rem}.strength-bar-container{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;margin-bottom:.5rem}[data-theme=dark] .strength-bar-container{background:#334155}.strength-bar{height:100%;border-radius:3px;transition:width .3s ease,background-color .3s ease}.strength-bar.strength-none,.strength-bar.strength-very-weak{background:#e53e3e;width:20%}.strength-bar.strength-weak{background:#ed8936}.strength-bar.strength-fair{background:#ecc94b}.strength-bar.strength-strong{background:#48bb78}.strength-bar.strength-very-strong{background:#38a169}.strength-info{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;margin-bottom:.5rem}.strength-label.strength-none,.strength-label.strength-very-weak{color:#e53e3e}.strength-label.strength-weak{color:#ed8936}.strength-label.strength-fair{color:#d69e2e}.strength-label.strength-strong{color:#48bb78}.strength-label.strength-very-strong{color:#38a169}.loading-dot{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.crack-time{color:#718096;font-size:.7rem}[data-theme=dark] .crack-time{color:#94a3b8}.strength-details{background:#f7fafc;border-radius:.375rem;padding:.75rem;font-size:.75rem}[data-theme=dark] .strength-details{background:#1e293b}[data-theme=dark] .strength-details .suggestions{color:#94a3b8}.strength-details .warning{color:#c53030;font-weight:500;margin-bottom:.5rem;padding:.5rem;background:#fff5f5;border-radius:.25rem;border-left:3px solid #e53e3e}.strength-details .suggestions{margin:0;padding-left:1.25rem;color:#4a5568}.strength-details .suggestions li{margin-bottom:.25rem}.strength-details .suggestions li:last-child{margin-bottom:0}.password-requirements{margin-top:.75rem;padding:1rem;background:#f7fafc;border-radius:.5rem;border:1px solid #e2e8f0;transition:all .3s ease}.password-requirements.all-met{background:#f0fff4;border-color:#9ae6b4}.requirements-progress{height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden;margin-bottom:.75rem}.requirements-progress-bar{height:100%;border-radius:2px;transition:all .3s ease}.requirements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.requirements-title{font-size:.75rem;font-weight:600;color:#4a5568;text-transform:uppercase;letter-spacing:.05em}.requirements-counter{font-size:.75rem;font-weight:700;color:#4a5568;background:#e2e8f0;padding:.125rem .5rem;border-radius:1rem}.requirements-counter.complete{background:#c6f6d5;color:#22543d}.requirements-list{list-style:none;padding:0;margin:0;display:grid;gap:.375rem}.requirement-item{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;transition:all .2s ease}.requirement-icon{width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border-radius:50%;flex-shrink:0;transition:all .2s ease}.requirement-item.pending .requirement-icon{color:#a0aec0;background:#edf2f7}.requirement-item.pending .requirement-text{color:#4a5568}.requirement-item.met .requirement-icon{color:#fff;background:#38a169}.requirement-item.met .requirement-text{color:#2d3748}.requirement-item.not-met .requirement-icon{color:#fff;background:#e53e3e}.requirement-item.not-met .requirement-text{color:#4a5568}.requirement-item.met{animation:requirementMet .3s ease}@keyframes requirementMet{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.requirements-success{margin-top:.75rem;padding:.5rem .75rem;background:#c6f6d5;color:#22543d;font-size:.8125rem;font-weight:500;border-radius:.375rem;text-align:center;animation:fadeIn .3s ease}@media(max-width:480px){.requirements-list{gap:.5rem}.requirement-item{font-size:.75rem}}.personal-stats{background:var(--card-bg, white);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1))}.personal-stats.loading{text-align:center;padding:3rem;color:var(--text-muted, #718096)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color, #e2e8f0);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.stats-title{font-size:1.25rem;font-weight:600;color:var(--text-color, #2d3748);margin:0 0 1.5rem}.completion-bar-container{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.completion-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;color:var(--text-muted, #718096)}.completion-percent{font-weight:600;color:var(--primary-color)}.completion-bar{height:8px;background:var(--border-color, #e2e8f0);border-radius:4px;overflow:hidden}.completion-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:4px;transition:width .5s ease}.completion-hint{margin:.75rem 0 0;font-size:.85rem;color:var(--text-muted, #718096)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-color, #f7fafc);border-radius:10px;padding:1rem;display:flex;align-items:center;gap:.75rem;border:1px solid transparent;transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm, 0 2px 4px rgba(0,0,0,.1))}.stat-card.good{background:#f0fff4;border-color:#9ae6b4}.stat-card.warning{background:#fffbeb;border-color:#fcd34d}.stat-card.danger{background:#fef2f2;border-color:#fca5a5}.stat-icon{font-size:1.5rem;flex-shrink:0}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-color, #2d3748);line-height:1}.stat-label{font-size:.75rem;color:var(--text-muted, #718096);margin-top:.25rem}.password-age-info{background:var(--bg-color, #f7fafc);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.age-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.age-item:not(:last-child){border-bottom:1px solid var(--border-color, #e2e8f0)}.age-label{font-size:.85rem;color:var(--text-muted, #718096)}.age-value{font-size:.85rem;font-weight:500;color:var(--text-color, #2d3748)}.suggestions-section{background:#eff6ff;border-radius:8px;padding:1rem;border:1px solid #bfdbfe}.suggestions-section h3{font-size:.95rem;font-weight:600;color:#1e40af;margin:0 0 .75rem}.suggestions-list{margin:0;padding:0;list-style:none}.suggestion-item{padding:.5rem 0;font-size:.85rem;color:#1e40af;display:flex;align-items:flex-start;gap:.5rem}.suggestion-item:before{content:"💡";flex-shrink:0}[data-theme=dark] .personal-stats{background:var(--card-bg, #2d3748)}[data-theme=dark] .stats-title{color:var(--text-color, #f7fafc)}[data-theme=dark] .stat-card{background:var(--bg-color, #1a202c)}[data-theme=dark] .stat-card.good{background:#48bb7826;border-color:#48bb784d}[data-theme=dark] .stat-card.warning{background:#ed893626;border-color:#ed89364d}[data-theme=dark] .stat-card.danger{background:#f5656526;border-color:#f565654d}[data-theme=dark] .stat-value{color:var(--text-color, #f7fafc)}[data-theme=dark] .password-age-info{background:var(--bg-color, #1a202c)}[data-theme=dark] .age-value{color:var(--text-color, #f7fafc)}[data-theme=dark] .suggestions-section{background:#6366f126;border-color:#6366f14d}[data-theme=dark] .suggestions-section h3,[data-theme=dark] .suggestion-item{color:#a5b4fc}@media(max-width:600px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:.75rem}.stat-value{font-size:1.25rem}}@media(prefers-reduced-motion:reduce){.loading-spinner{animation:none}.stat-card:hover{transform:none}.completion-fill{transition:none}}.dashboard-page{width:100%;max-width:900px;margin:0 auto}.dashboard-welcome{text-align:center;color:var(--heading-on-light);margin-bottom:2rem}.dashboard-welcome h1{font-size:1.75rem;margin-bottom:.5rem;color:var(--heading-on-light)}.dashboard-welcome p{color:var(--body-on-light);opacity:1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--card-bg);border-radius:.75rem;padding:1.25rem;text-align:center;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-card.main{grid-column:span 1;position:relative}.stat-card-hint{font-size:.7rem;color:#718096;margin-top:.5rem;line-height:1.3;max-width:100%}.stat-card.warning{background:#fffaf0;border:2px solid #ed8936}.stat-card.info{background:#ebf8ff;border:2px solid #4299e1}.stat-circle{width:80px;height:80px;border:6px solid;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-circle .score{font-size:1.5rem;font-weight:700}.stat-circle .label{font-size:.625rem;text-transform:uppercase;color:var(--muted-on-light)}.stat-value{font-size:1.75rem;font-weight:700;color:var(--heading-on-light)}.stat-label{font-size:.75rem;color:var(--muted-on-light)}.quick-actions{margin-bottom:2rem}.quick-actions h2{color:var(--heading-on-light);font-size:1.125rem;margin-bottom:1rem}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.action-card{background:var(--card-bg);border:none;border-radius:.75rem;padding:1.5rem;text-align:left;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #0000001a}.action-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px -5px #0003}.action-icon{font-size:2rem;display:block;margin-bottom:.5rem}.action-title{display:block;font-size:1rem;font-weight:600;color:var(--heading-on-light);margin-bottom:.25rem}.action-desc{display:block;font-size:.75rem;color:var(--muted-on-light)}.generator-section h2{color:var(--heading-on-light);font-size:1.125rem;margin-bottom:1rem}.generator-card{background:var(--card-bg);border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.generator-card .form-group{margin-bottom:1rem}.generator-card label{display:block;font-size:.875rem;font-weight:500;color:var(--body-on-light);margin-bottom:.5rem}.generator-card input[type=range]{width:100%;height:8px;border-radius:4px;background:var(--border-color);cursor:pointer;-webkit-appearance:none;appearance:none}.generator-card input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);cursor:pointer;box-shadow:0 2px 6px #0003}.btn-generate{width:100%;padding:.875rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.btn-generate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-generate:disabled{opacity:.6;cursor:not-allowed}.generated-result{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.password-display{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--bg-color);border-radius:.5rem;margin-bottom:.5rem}.password-display code{flex:1;font-family:Fira Code,monospace;font-size:.875rem;word-break:break-all}.btn-copy{padding:.5rem .75rem;font-size:.75rem;font-weight:500;color:var(--primary-color);background:var(--card-bg);border:1px solid var(--primary-color);border-radius:.25rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-copy:hover{background:var(--primary-color);color:#fff}[data-theme=dark] .stat-card.warning{background:#44351e;border-color:#ed8936}[data-theme=dark] .stat-card.info{background:#1a365d;border-color:#4299e1}[data-theme=dark] .generator-card input[type=range]{background:#4a5568}[data-theme=dark] .btn-copy:hover{background:var(--primary-color);color:#1a202c}@media(max-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}.actions-grid{grid-template-columns:1fr}.action-card{display:flex;align-items:center;gap:1rem;padding:1rem}.action-icon{font-size:1.5rem;margin-bottom:0}.action-card>div{flex:1}}.sites-page{width:100%;max-width:1000px;margin:0 auto;animation:fadeIn .3s ease}.sites-header{text-align:center;color:var(--heading-on-light);margin-bottom:2rem}.sites-header h1{font-size:2rem;margin-bottom:.5rem;color:var(--heading-on-light)}.sites-header p{color:var(--body-on-light);opacity:1}.stats-banner{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem}.stat{background:var(--card-bg);padding:1.25rem;border-radius:1rem;text-align:center;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease;position:relative;overflow:hidden}.stat:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%)}.stat:hover{transform:translateY(-4px);box-shadow:0 12px 20px -8px #0003}.stat-icon{font-size:1.5rem;margin-bottom:.5rem}.stat-value{display:block;font-size:2rem;font-weight:700;color:var(--heading-on-light);line-height:1;margin-bottom:.25rem}.stat-label{font-size:.75rem;color:var(--muted-on-light);text-transform:uppercase;letter-spacing:.05em}.stat.warning:before{background:linear-gradient(135deg,#fc8181,#e53e3e)}.stat.warning .stat-value{color:#e53e3e}.stat.success:before{background:linear-gradient(135deg,#68d391,#38a169)}.stat.success .stat-value{color:#38a169}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:#ffffff1a;backdrop-filter:blur(10px);padding:1rem 1.5rem;border-radius:1rem;margin-bottom:1.5rem}.toolbar h2{color:var(--heading-on-light);font-size:1.25rem;margin:0}.toolbar-actions{display:flex;gap:.75rem;align-items:center}.search-box{display:flex;align-items:center;background:var(--card-bg);border-radius:.5rem;padding:0 .75rem}.search-box input{border:none;padding:.5rem;font-size:.875rem;width:200px;outline:none}.search-box span{color:var(--muted-on-light)}.collection-filter{padding:.5rem .75rem;border:1px solid var(--border-color, #e2e8f0);border-radius:6px;background:var(--card-bg);font-size:.875rem;min-width:140px}.attachments-section .attachments-list{margin-bottom:.5rem}.attachment-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem;background:var(--card-bg);border-radius:6px;margin-bottom:.25rem}.att-filename{cursor:pointer;font-size:.875rem}.att-filename:hover{text-decoration:underline;color:var(--primary-color)}.btn-upload{display:inline-block;padding:.5rem 1rem;cursor:pointer}.btn-sm{padding:.25rem .5rem;font-size:.75rem}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:1rem;color:#718096;box-shadow:0 4px 6px -1px #0000001a}.empty-state-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{color:#4a5568;margin-bottom:.5rem}.empty-state p{margin-bottom:1.5rem}.loading{text-align:center;padding:3rem;color:#fff;font-size:1.25rem}.sites-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.site-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease;position:relative;overflow:hidden}.site-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px -8px #0003}.site-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);opacity:0;transition:opacity .3s ease}.site-card:hover:before{opacity:1}.site-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.site-icon{width:56px;height:56px;border-radius:.75rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700;flex-shrink:0;box-shadow:0 4px 8px #667eea4d}.site-icon img{width:100%;height:100%;object-fit:cover;border-radius:.75rem}.site-info{flex:1;min-width:0}.site-info h3{margin:0 0 .25rem;font-size:1.125rem;color:#2d3748;font-weight:600}.site-info a{display:block;color:var(--primary-color);font-size:.875rem;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.site-info a:hover{color:var(--secondary-color);text-decoration:underline}.email-used{display:flex;align-items:center;gap:.25rem;color:#718096;font-size:.75rem;margin-top:.25rem}.site-badges{display:flex;gap:.5rem;flex-wrap:wrap}.badge{padding:.25rem .625rem;border-radius:1rem;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-2fa{background:linear-gradient(135deg,#c6f6d5,#9ae6b4);color:#22543d}.badge-2fa-available{background:linear-gradient(135deg,#feebc8,#fbd38d);color:#744210}.password-info{display:flex;align-items:center;gap:.75rem;padding:.875rem;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:.75rem;margin-bottom:1rem;font-size:.75rem}.strength-bar-mini{width:100px;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.strength-fill{height:100%;border-radius:4px;transition:all .3s ease}.strength-label{font-weight:600}.last-change{color:#718096;margin-left:auto;font-size:.7rem}.site-actions{display:flex;gap:.5rem;flex-wrap:wrap;padding-top:.75rem;border-top:1px solid #e2e8f0}.btn-action{flex:1;min-width:fit-content;padding:.625rem 1rem;font-size:.75rem;font-weight:600;color:var(--primary-color);background:linear-gradient(135deg,#ebf4ff,#e9e4f0);border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;text-decoration:none;text-align:center}.btn-action:hover{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;transform:translateY(-2px)}.btn-action.btn-danger{color:#e53e3e;background:linear-gradient(135deg,#fff5f5,#fed7d7)}.btn-action.btn-danger:hover{background:linear-gradient(135deg,#fc8181,#e53e3e);color:#fff}.modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000;animation:fadeIn .2s ease}.modal{background:#fff;border-radius:1rem;padding:2rem;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease;box-shadow:0 25px 50px -12px #00000040}.modal h2{margin:0 0 1.5rem;font-size:1.5rem;color:#2d3748;text-align:center}.modal .form-group{margin-bottom:1.25rem}.modal .form-group label{display:block;font-size:.875rem;font-weight:600;color:#4a5568;margin-bottom:.5rem}.modal .form-group input,.modal .form-group textarea{width:100%;padding:.75rem 1rem;font-size:.875rem;border:2px solid #e2e8f0;border-radius:.5rem;transition:all .2s ease;background:#f7fafc}.modal .form-group input:focus,.modal .form-group textarea:focus{outline:none;border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 3px #667eea1a}.input-with-button .btn-secondary{white-space:nowrap}.checkbox-group label{display:flex!important;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem;background:#f7fafc;border-radius:.5rem;transition:background .2s ease}.checkbox-group label:hover{background:#edf2f7}.checkbox-group input[type=checkbox]{width:1.25rem!important;height:1.25rem;accent-color:var(--primary-color)}.modal-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn-primary{padding:.875rem 2rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:.875rem 2rem;font-size:1rem;font-weight:600;color:var(--primary-color);background:#fff;border:2px solid var(--primary-color);border-radius:.5rem;cursor:pointer;transition:all .2s ease}@media(max-width:768px){.sites-list{grid-template-columns:1fr}.stats-banner{grid-template-columns:repeat(2,1fr)}.toolbar{flex-direction:column;align-items:stretch;text-align:center}.toolbar-actions{flex-direction:column}.search-box input{width:100%}}@media(max-width:480px){.site-card{padding:1rem}.site-header{flex-wrap:wrap}.site-actions{flex-direction:column}.btn-action{width:100%}.modal{padding:1.5rem}.modal-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}[data-theme=dark] .password-info{background:linear-gradient(135deg,#2d3748,#1a202c)}[data-theme=dark] .strength-bar-mini{background:#4a5568}[data-theme=dark] .last-change{color:#a0aec0}[data-theme=dark] .site-actions{border-top-color:#4a5568}[data-theme=dark] .checkbox-group label{background:#1a202c;color:#f7fafc}[data-theme=dark] .checkbox-group label:hover{background:#2d3748}[data-theme=dark] .checkbox-group input[type=checkbox]{accent-color:#c4b5fd}[data-theme=dark] .site-card{background:#2d3748}[data-theme=dark] .site-info h3{color:#f7fafc}[data-theme=dark] .email-used{color:#a0aec0}[data-theme=dark] .modal-body label{color:#f7fafc}[data-theme=dark] .modal-body .form-group input,[data-theme=dark] .modal-body .form-group select{background:#1a202c;color:#f7fafc;border-color:#4a5568}[data-theme=dark] .input-with-button input{background:#1a202c!important;color:#f7fafc!important}.delete-modal{max-width:500px}.delete-modal-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.delete-icon{font-size:2.5rem}.delete-modal-header h2{font-size:1.25rem;color:#2d3748;margin:0}.delete-description{color:#4a5568;margin-bottom:1.5rem;line-height:1.6}.delete-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.delete-option-btn{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border:2px solid #e2e8f0;background:#fff;border-radius:.75rem;cursor:pointer;text-align:left;transition:all .2s ease}.delete-option-btn:hover{border-color:var(--primary-color);background:#f7fafc}.delete-option-btn.primary{border-color:var(--primary-color);background:#ebf4ff}.option-icon{font-size:1.5rem;flex-shrink:0}.option-text{display:flex;flex-direction:column;gap:.25rem}.option-text strong{color:#2d3748;font-size:.9375rem}.option-text span{color:#718096;font-size:.8125rem}.btn-cancel-delete{width:100%;padding:.75rem;border:none;background:transparent;color:#718096;cursor:pointer;font-size:.875rem}.btn-cancel-delete:hover{color:#2d3748}.external-instructions{background:#f7fafc;border-radius:.75rem;padding:1.25rem;margin-bottom:1.5rem;max-height:350px;overflow-y:auto}.instructions-intro{color:#4a5568;margin-bottom:1rem;font-size:.9375rem}.steps-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.step-item{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem;background:#fff;border-radius:.5rem;border:1px solid #e2e8f0}.step-number{width:24px;height:24px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.step-text{color:#4a5568;font-size:.875rem;line-height:1.5}.tips-box{background:#ebf8ff;border:1px solid #90cdf4;border-radius:.5rem;padding:.75rem;margin-bottom:1rem}.tips-box strong{color:#2b6cb0;font-size:.8125rem;display:block;margin-bottom:.5rem}.tips-box ul{margin:0;padding-left:1.25rem;color:#2c5282;font-size:.8125rem}.tips-box li{margin-bottom:.25rem}.generic-help{background:#fffbeb;border:1px solid #fcd34d;border-radius:.5rem;padding:.75rem}.generic-help p{color:#92400e;font-size:.8125rem;margin-bottom:.5rem}.search-terms{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0}.search-terms li{background:#fef3c7;color:#92400e;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.external-instructions ol{margin:0;padding-left:1.25rem;color:#4a5568}.external-instructions li{margin-bottom:.5rem}.external-confirm{margin-bottom:1.5rem}.checkbox-confirm{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:1rem;background:#f0fff4;border:1px solid #9ae6b4;border-radius:.5rem}.checkbox-confirm input{width:20px;height:20px;cursor:pointer}.checkbox-confirm span{color:#22543d;font-weight:500}.delete-modal-actions{display:flex;gap:1rem;justify-content:flex-end}.delete-warning{color:#4a5568;line-height:1.6;margin-bottom:1.5rem}.delete-warning em{color:#718096;font-size:.875rem}.btn-danger-full{padding:.75rem 1.5rem;border:none;background:linear-gradient(135deg,#fc8181,#e53e3e);color:#fff;border-radius:.5rem;cursor:pointer;font-weight:600;transition:all .2s ease}.btn-danger-full:hover{transform:translateY(-1px);box-shadow:0 4px 12px #e53e3e66}[data-theme=dark] .delete-modal-header h2{color:#f7fafc}[data-theme=dark] .delete-description{color:#e2e8f0}[data-theme=dark] .delete-option-btn{background:#2d3748;border-color:#4a5568}[data-theme=dark] .delete-option-btn:hover,[data-theme=dark] .delete-option-btn.primary{border-color:#a78bfa;background:#3d3748}[data-theme=dark] .option-text strong{color:#f7fafc}[data-theme=dark] .option-text span,[data-theme=dark] .btn-cancel-delete{color:#a0aec0}[data-theme=dark] .btn-cancel-delete:hover{color:#f7fafc}[data-theme=dark] .external-instructions{background:#1a202c}[data-theme=dark] .external-instructions p,[data-theme=dark] .external-instructions ol{color:#e2e8f0}[data-theme=dark] .checkbox-confirm{background:#1c4532;border-color:#38a169}[data-theme=dark] .checkbox-confirm span{color:#68d391}[data-theme=dark] .delete-warning{color:#e2e8f0}[data-theme=dark] .delete-warning em{color:#a0aec0}[data-theme=dark] .instructions-intro{color:#e2e8f0}[data-theme=dark] .step-item{background:#1a202c;border-color:#4a5568}[data-theme=dark] .step-text{color:#e2e8f0}[data-theme=dark] .tips-box{background:#1a365d;border-color:#2c5282}[data-theme=dark] .tips-box strong{color:#90cdf4}[data-theme=dark] .tips-box ul{color:#bee3f8}[data-theme=dark] .generic-help{background:#3d2828;border-color:#92400e}[data-theme=dark] .generic-help p{color:#fcd34d}[data-theme=dark] .search-terms li{background:#44403c;color:#fcd34d}.field-hint{font-size:.75rem;color:#718096;margin-top:.375rem;font-style:italic}[data-theme=dark] .field-hint{color:#a0aec0}.scanner-page{width:100%;max-width:800px;margin:0 auto}.scanner-header{text-align:center;color:#fff;margin-bottom:2rem}.scanner-header h1{font-size:1.75rem;margin-bottom:.5rem}.scanner-header p{opacity:.9}.connections-section,.scan-section,.instructions-section{background:var(--card-bg);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.connections-section h2,.scan-section h2,.instructions-section h2{font-size:1.125rem;margin-bottom:1rem;color:#2d3748}.provider-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.provider-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border:2px solid #e2e8f0;border-radius:.5rem;transition:all .2s ease}.provider-card.connected{border-color:#48bb78;background:#f0fff4}.provider-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f7fafc;border-radius:.5rem;flex-shrink:0}.provider-icon img{width:32px;height:32px}.provider-info{flex:1}.provider-info h3{font-size:1rem;margin-bottom:.25rem;color:var(--heading-on-light)}.provider-info p{font-size:.875rem;color:var(--muted-on-light);margin-bottom:.5rem}.connected-email{color:#2d3748!important;font-weight:500}.status-badge{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:600;border-radius:.25rem;text-transform:uppercase}.status-badge.connected{background:#c6f6d5;color:#276749}.provider-actions{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.btn-disconnect{padding:.25rem .5rem;font-size:.75rem;font-weight:500;color:#e53e3e;background:transparent;border:1px solid #e53e3e;border-radius:.25rem;cursor:pointer;transition:all .2s ease}.btn-disconnect:hover{background:#fff5f5}.btn-connect{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#fff;background:var(--primary-color);border:none;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.btn-connect:hover:not(:disabled){background:var(--primary-dark)}.btn-connect:disabled{background:#a0aec0;cursor:not-allowed}.scan-section p{color:#718096;font-size:.875rem;margin-bottom:1rem}.btn-scan{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.btn-scan:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-scan:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.scan-results{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.scan-results h3{font-size:1rem;margin-bottom:1rem;color:#2d3748}.results-stats{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.results-stats .stat{flex:1;min-width:100px;text-align:center;padding:.75rem;background:#f7fafc;border-radius:.5rem}.results-stats .stat.success{background:#f0fff4}.results-stats .stat-value{display:block;font-size:1.5rem;font-weight:700;color:#2d3748}.results-stats .stat.success .stat-value{color:#38a169}.results-stats .stat-label{font-size:.75rem;color:#718096}.found-sites{background:#f7fafc;border-radius:.5rem;padding:1rem}.found-sites h4{font-size:.875rem;margin-bottom:.5rem;color:#4a5568}.found-sites ul{list-style:none;padding:0;margin:0}.found-sites li{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e2e8f0}.found-sites li:last-child{border-bottom:none}.found-sites .site-url{font-size:.75rem;color:#718096}.no-new,.no-found{text-align:center;color:#718096;font-style:italic;margin-top:1rem}.instructions-section ol{padding-left:1.25rem;color:#4a5568}.instructions-section li{margin-bottom:.75rem}.privacy-note{margin-top:1rem;padding:.75rem;background:#ebf8ff;border-radius:.375rem;font-size:.875rem;color:#2b6cb0}@media(max-width:640px){.provider-cards{grid-template-columns:1fr}.results-stats{flex-direction:column}.results-stats .stat{min-width:auto}}[data-theme=dark] .connections-section,[data-theme=dark] .scan-section,[data-theme=dark] .instructions-section{background:#2d3748}[data-theme=dark] .connections-section h2,[data-theme=dark] .scan-section h2,[data-theme=dark] .instructions-section h2{color:#f7fafc}[data-theme=dark] .provider-card{border-color:#4a5568;background:#1a202c}[data-theme=dark] .provider-card.connected{background:#1c4532;border-color:#48bb78}[data-theme=dark] .provider-icon{background:#2d3748}[data-theme=dark] .provider-info h3{color:#f7fafc}[data-theme=dark] .provider-info p,[data-theme=dark] .scan-section p{color:#a0aec0}[data-theme=dark] .scan-results{border-top-color:#4a5568}[data-theme=dark] .scan-results h3{color:#f7fafc}[data-theme=dark] .results-stats .stat{background:#1a202c}[data-theme=dark] .results-stats .stat.success{background:#1c4532}[data-theme=dark] .results-stats .stat-value{color:#f7fafc}[data-theme=dark] .results-stats .stat-label{color:#a0aec0}[data-theme=dark] .found-sites{background:#1a202c}[data-theme=dark] .found-sites h4{color:#e2e8f0}[data-theme=dark] .found-sites li{border-bottom-color:#4a5568;color:#f7fafc}[data-theme=dark] .found-sites .site-url,[data-theme=dark] .no-new,[data-theme=dark] .no-found{color:#a0aec0}[data-theme=dark] .instructions-section ol{color:#cbd5e0}[data-theme=dark] .privacy-note{background:#1a365d;color:#90cdf4}.aliases-page{max-width:700px;margin:0 auto;padding:1.5rem}.aliases-loading{text-align:center;padding:3rem;color:var(--muted-on-light)}.aliases-header{text-align:center;margin-bottom:2rem}.aliases-header h1{font-size:1.75rem;color:var(--heading-on-light);margin-bottom:.5rem}.aliases-header p{color:var(--body-on-light);font-size:.95rem}.aliases-disclaimer{display:flex;align-items:flex-start;gap:.75rem;background:var(--bg-tertiary, #edf2f7);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.5rem}.aliases-disclaimer-icon{font-size:1.25rem;flex-shrink:0}.aliases-disclaimer p{margin:0;font-size:.9rem;color:var(--body-on-light);line-height:1.5}.aliases-explanation{background:var(--card-bg);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border-color, #e2e8f0)}.aliases-explanation h3{font-size:1rem;margin-bottom:.5rem;color:var(--heading-on-light)}.aliases-explanation p{color:var(--body-on-light);font-size:.9rem;line-height:1.5;margin-bottom:1rem}.aliases-why{font-size:.9rem}.aliases-why strong{display:block;margin-bottom:.5rem}.aliases-why ul{margin:0;padding-left:1.25rem;color:var(--body-on-light)}.aliases-why li{margin-bottom:.25rem}.aliases-connect-card{background:var(--card-bg);border-radius:1rem;padding:2rem;text-align:center;box-shadow:0 4px 6px -1px #0000001a}.aliases-connect-card h2{font-size:1.25rem;margin-bottom:1rem}.connect-steps{background:#e2e8f0;border:1px solid #cbd5e1;border-radius:8px;padding:1rem 1.25rem;margin-bottom:1rem}.connect-steps .steps-intro{font-weight:600;margin-bottom:.5rem;color:#0f172a}.connect-steps ol{margin:0;padding-left:1.25rem;color:#1e293b;font-size:.9rem}[data-theme=dark] .connect-steps{background:#334155;border-color:#4a5568}[data-theme=dark] .connect-steps .steps-intro{color:#f7fafc}[data-theme=dark] .connect-steps ol{color:#e2e8f0}[data-theme=dark] .connect-steps a{color:#a78bfa}[data-theme=dark] .aliases-disclaimer{background:#334155;border-color:#4a5568}[data-theme=dark] .aliases-disclaimer p{color:#e2e8f0!important}[data-theme=dark] .aliases-header h1,[data-theme=dark] .aliases-header p{color:#f7fafc}[data-theme=dark] .aliases-explanation h3,[data-theme=dark] .aliases-explanation p,[data-theme=dark] .aliases-why strong,[data-theme=dark] .aliases-why ul,[data-theme=dark] .aliases-why li{color:#e2e8f0}[data-theme=dark] .aliases-connect-card h2{color:#f7fafc}[data-theme=dark] .connect-desc{color:#e2e8f0}[data-theme=dark] .aliases-loading,[data-theme=dark] .aliases-empty{color:#cbd5e1}[data-theme=dark] .alias-email code{background:#1a202c;color:#e2e8f0}[data-theme=dark] .alias-site,[data-theme=dark] .alias-note{color:#cbd5e1}.connect-steps li{margin-bottom:.35rem}.connect-steps a{color:var(--primary-color)}.connect-desc{color:var(--body-on-light);margin-bottom:1rem;font-size:.9rem}.link-button{display:inline-block;color:var(--primary-color);margin-bottom:1rem;font-size:.9rem}.connect-form{margin-top:1rem}.api-key-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;font-size:.9rem;margin-bottom:1rem}.connect-actions{display:flex;gap:.5rem;justify-content:center}.aliases-toolbar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:1.5rem}.alias-create{display:flex;gap:.5rem;flex:1;min-width:200px}.alias-create input{flex:1;padding:.5rem .75rem;border:1px solid var(--border-color, #e2e8f0);border-radius:6px}.aliases-list{display:flex;flex-direction:column;gap:.75rem}.alias-card{background:var(--card-bg);border-radius:8px;padding:1rem 1.25rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;border:1px solid var(--border-color, #e2e8f0)}.alias-card.disabled{opacity:.6}.alias-email{flex:1;min-width:180px;display:flex;align-items:center;gap:.5rem}.alias-email code{font-size:.85rem;background:var(--bg-muted, #f7fafc);padding:.25rem .5rem;border-radius:4px;word-break:break-all}.btn-copy{background:none;border:none;cursor:pointer;padding:.25rem;font-size:1rem}.alias-site,.alias-note{font-size:.8rem;color:var(--muted-on-light)}.alias-actions{display:flex;gap:.25rem}.aliases-empty{text-align:center;padding:3rem;color:var(--muted-on-light)}.import-page{width:100%;max-width:800px;margin:0 auto}.import-header{text-align:center;color:#fff;margin-bottom:2rem}.import-header h1{font-size:1.75rem;margin-bottom:.5rem}.import-header p{opacity:.9}.import-section{background:#fff;border-radius:.75rem;padding:2rem;margin-bottom:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.import-section h2{font-size:1.25rem;margin-bottom:1.5rem;color:#2d3748;text-align:center}.import-section h3{font-size:1rem;margin-bottom:1rem;color:#4a5568}.upload-area{border:2px dashed #cbd5e0;border-radius:.75rem;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .2s ease;background:#f7fafc}.upload-area:hover{border-color:var(--primary-color);background:#ebf4ff}.upload-icon{font-size:3rem;margin-bottom:1rem}.upload-area p{color:#4a5568;margin:.25rem 0}.upload-hint{font-size:.875rem;color:#a0aec0!important}.formats-section{margin-top:2rem}.formats-hint{text-align:center;color:#718096;font-size:.875rem;margin-bottom:1rem}.format-card{padding:1rem;border:2px solid #e2e8f0;border-radius:.75rem;transition:all .2s ease;cursor:pointer;background:#fff}.format-card:hover{border-color:var(--primary-color);background:#f7fafc;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.format-card.selected{border-color:var(--primary-color);background:linear-gradient(135deg,#ebf4ff,#f0e6f6)}.format-header{display:flex;align-items:center;gap:.75rem}.format-icon{font-size:1.5rem}.format-card strong{color:#2d3748;font-size:1rem}.format-card p{font-size:.75rem;color:#718096;margin:0}.format-instructions{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0;animation:fadeIn .2s ease}.instructions-title{font-weight:600;color:#4a5568;font-size:.875rem;margin-bottom:.5rem}.format-instructions ol{margin:0;padding-left:1.25rem;font-size:.8125rem;color:#4a5568;line-height:1.8}.format-instructions li{margin-bottom:.25rem}.btn-select-file{width:100%;margin-top:1rem;padding:.75rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-select-file:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.security-note{margin-top:1.5rem;padding:1rem;background:#fffaf0;border:1px solid #f6ad55;border-radius:.5rem}.security-note strong{color:#c05621;display:block;margin-bottom:.5rem}.security-note p{color:#744210;font-size:.875rem;margin:0}.preview-info{display:flex;justify-content:center;gap:3rem;margin-bottom:2rem}.preview-stat{text-align:center}.preview-stat .stat-value{display:block;font-size:2rem;font-weight:700;color:var(--primary-color)}.preview-stat .stat-label{font-size:.875rem;color:#718096}.preview-table-container{overflow-x:auto;margin-bottom:1.5rem}.preview-table{width:100%;border-collapse:collapse;font-size:.875rem}.preview-table th,.preview-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e2e8f0}.preview-table th{background:#f7fafc;font-weight:600;color:#4a5568}.preview-table td{color:#2d3748;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-options{margin-bottom:1.5rem;padding:1rem;background:#f7fafc;border-radius:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#4a5568}.checkbox-label input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer}.preview-actions,.done-actions{display:flex;justify-content:center;gap:1rem}.btn-secondary{padding:.75rem 1.5rem;font-size:1rem;font-weight:500;color:#4a5568;background:#e2e8f0;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.btn-primary{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.import-section.importing{text-align:center;padding:4rem 2rem}.spinner-large{width:60px;height:60px;border:4px solid rgba(102,126,234,.2);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;font-size:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:0 auto 1.5rem}.result-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.result-stat{text-align:center;padding:1rem;background:#f7fafc;border-radius:.5rem;min-width:100px}.result-stat.success{background:#f0fff4}.result-stat.success .stat-value{color:#38a169}.result-stat.error{background:#fff5f5}.result-stat.error .stat-value{color:#e53e3e}.result-stat .stat-value{display:block;font-size:1.5rem;font-weight:700;color:#2d3748}.result-stat .stat-label{font-size:.75rem;color:#718096}.imported-sites{background:#f7fafc;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.imported-sites ul{list-style:none;padding:0;margin:0}.imported-sites li{padding:.5rem 0;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.imported-sites li:last-child{border-bottom:none}.imported-sites li.more{color:#718096;font-style:italic;justify-content:center}.imported-sites .site-url{font-size:.75rem;color:#a0aec0}.security-reminder{margin-top:1.5rem;padding:1rem;background:#fff5f5;border:1px solid #fc8181;border-radius:.5rem;text-align:center;color:#c53030;font-size:.875rem}@media(max-width:640px){.import-section{padding:1.5rem}.preview-info{flex-direction:column;gap:1rem}.result-stats{flex-direction:column;align-items:center}.formats-grid{grid-template-columns:1fr}.preview-actions,.done-actions{flex-direction:column}.btn-secondary,.btn-primary{width:100%}}[data-theme=dark] .import-section{background:#2d3748}[data-theme=dark] .import-section h2{color:#f7fafc}[data-theme=dark] .import-section h3{color:#e2e8f0}[data-theme=dark] .upload-area{background:#1a202c;border-color:#4a5568}[data-theme=dark] .upload-area:hover{background:#2d3748;border-color:var(--primary-color)}[data-theme=dark] .upload-area p{color:#e2e8f0}[data-theme=dark] .formats-hint{color:#a0aec0}[data-theme=dark] .format-card{background:#1a202c;border-color:#4a5568}[data-theme=dark] .format-card:hover{background:#2d3748;border-color:var(--primary-color)}[data-theme=dark] .format-card.selected{background:linear-gradient(135deg,#2d3748,#1a202c);border-color:var(--primary-color)}[data-theme=dark] .format-card strong{color:#f7fafc}[data-theme=dark] .format-card p{color:#a0aec0}[data-theme=dark] .format-instructions{border-top-color:#4a5568}[data-theme=dark] .instructions-title{color:#e2e8f0}[data-theme=dark] .format-instructions ol{color:#cbd5e0}[data-theme=dark] .security-note{background:#44351e;border-color:#ed8936}[data-theme=dark] .security-note strong{color:#fbd38d}[data-theme=dark] .security-note p{color:#faf089}[data-theme=dark] .preview-stat .stat-label{color:#a0aec0}[data-theme=dark] .preview-table th{background:#1a202c;color:#e2e8f0}[data-theme=dark] .preview-table td{color:#f7fafc;border-bottom-color:#4a5568}[data-theme=dark] .import-options{background:#1a202c}[data-theme=dark] .result-stat{background:#1a202c}[data-theme=dark] .result-stat .stat-value{color:#f7fafc}[data-theme=dark] .result-stat .stat-label{color:#a0aec0}[data-theme=dark] .result-stat.success{background:#1c4532}[data-theme=dark] .result-stat.error{background:#742a2a}[data-theme=dark] .imported-sites{background:#1a202c}[data-theme=dark] .imported-sites li{border-bottom-color:#4a5568;color:#f7fafc}[data-theme=dark] .imported-sites li.more{color:#a0aec0}[data-theme=dark] .security-reminder{background:#742a2a;border-color:#fc8181;color:#feb2b2}.legal-page{min-height:100vh;padding:2rem 1rem}.legal-container{max-width:800px;margin:0 auto;background:#fff;border-radius:1rem;padding:3rem;box-shadow:0 4px 6px -1px #0000001a}.back-button{background:none;border:none;color:var(--primary-color);font-size:.875rem;cursor:pointer;padding:.5rem 0;margin-bottom:1rem;transition:color .2s ease}.back-button:hover{color:var(--secondary-color)}.legal-container h1{font-size:2rem;color:#2d3748;margin-bottom:.5rem}.last-update{color:#a0aec0;font-size:.875rem;margin-bottom:2rem}.legal-container section{margin-bottom:2rem}.legal-container h2{font-size:1.25rem;color:#2d3748;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}.legal-container h3{font-size:1rem;color:#4a5568;margin:1rem 0 .5rem}.legal-container p{color:#4a5568;line-height:1.7;margin-bottom:1rem}.legal-container ul{color:#4a5568;line-height:1.7;margin-bottom:1rem;padding-left:1.5rem}.legal-container li{margin-bottom:.5rem}.legal-container strong{color:#2d3748}@media(max-width:640px){.legal-container{padding:1.5rem}.legal-container h1{font-size:1.5rem}.legal-container h2{font-size:1.125rem}}[data-theme=dark] .legal-container{background:#2d3748}[data-theme=dark] .legal-container h1{color:#f7fafc}[data-theme=dark] .legal-container h2{color:#f7fafc;border-bottom-color:#4a5568}[data-theme=dark] .legal-container h3{color:#e2e8f0}[data-theme=dark] .legal-container p,[data-theme=dark] .legal-container ul{color:#cbd5e0}[data-theme=dark] .legal-container strong{color:#f7fafc}[data-theme=dark] .last-update{color:#718096}.about-page{min-height:100vh;padding:2rem 1rem}.about-container{max-width:800px;margin:0 auto}.back-button{background:none;border:none;color:#fff;font-size:.875rem;cursor:pointer;padding:.5rem 0;margin-bottom:1rem;transition:opacity .2s ease}.back-button:hover{opacity:.8}.about-hero{text-align:center;color:#fff;margin-bottom:3rem}.about-hero h1{font-size:2.5rem;margin-bottom:.5rem}.hero-subtitle{font-size:1.125rem;opacity:.9}.story-section{margin-bottom:3rem}.story-card{background:#fff;border-radius:1rem;padding:2rem;margin-bottom:1.5rem;box-shadow:0 4px 6px -1px #0000001a;position:relative;overflow:hidden}.story-card.highlight{background:linear-gradient(135deg,#fff5f5,#fed7d7);border-left:4px solid #e53e3e}.story-card h2{font-size:1.5rem;color:#2d3748;margin-bottom:1rem;text-align:center}.story-card p{color:#4a5568;line-height:1.8;margin-bottom:1rem}.story-card p:last-child{margin-bottom:0}.story-card strong{color:#2d3748}.values-section{margin-bottom:3rem}.values-section h2{color:#fff;text-align:center;font-size:1.75rem;margin-bottom:1.5rem}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.value-card{background:#fff;border-radius:.75rem;padding:1.5rem;text-align:center;box-shadow:0 4px 6px -1px #0000001a;transition:transform .2s ease}.value-card:hover{transform:translateY(-4px)}.value-card h3{font-size:1rem;color:#2d3748;margin-bottom:.5rem;text-align:center}.value-card p{font-size:.875rem;color:#4a5568;line-height:1.5;text-align:center}.quote-section{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-radius:1rem;padding:3rem 2rem;text-align:center;margin-bottom:3rem;position:relative}.quote-section:before{content:'"';position:absolute;top:1rem;left:2rem;font-size:5rem;color:#fff3;font-family:Georgia,serif;line-height:1}.quote-section blockquote{font-size:1.25rem;color:#fff;font-style:italic;line-height:1.8;margin:0 0 1rem;position:relative;z-index:1}.quote-section cite{color:#ffffffe6;font-size:.875rem}.contact-section{background:#fff;border-radius:1rem;padding:2rem;text-align:center;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000001a}.contact-section h2{font-size:1.5rem;color:#2d3748;margin-bottom:.5rem}.contact-section>p{color:#4a5568;margin-bottom:1.5rem}.contact-links{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.contact-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#f7fafc;border-radius:.5rem;color:var(--primary-color);text-decoration:none;font-weight:500;transition:all .2s ease}.contact-link:hover{background:var(--primary-color);color:#fff}.contact-link span{font-size:1.25rem}.about-footer{text-align:center;color:#fff;opacity:.9;padding:1rem}.about-footer p{font-size:1rem}@media(max-width:640px){.about-hero h1{font-size:1.75rem}.hero-avatar{width:100px;height:100px;font-size:3rem}.story-card{padding:1.5rem}.story-card h2{font-size:1.25rem}.quote-section{padding:2rem 1.5rem}.quote-section blockquote{font-size:1rem}.values-grid{grid-template-columns:1fr}}[data-theme=dark] .story-card{background:#2d3748}[data-theme=dark] .story-card.highlight{background:linear-gradient(135deg,#2d2424,#3d2828)}[data-theme=dark] .story-card h2{color:#f7fafc}[data-theme=dark] .story-card p{color:#cbd5e0}[data-theme=dark] .story-card strong{color:#f7fafc}[data-theme=dark] .value-card{background:#2d3748}[data-theme=dark] .value-card h3{color:#f7fafc}[data-theme=dark] .value-card p{color:#a0aec0}[data-theme=dark] .contact-section{background:#2d3748}[data-theme=dark] .contact-section h2{color:#f7fafc}[data-theme=dark] .contact-section>p{color:#a0aec0}[data-theme=dark] .contact-link{background:#1a202c;color:#a78bfa}[data-theme=dark] .contact-link:hover{background:var(--primary-color);color:#fff}.passkey-manager{background:var(--card-bg, white);border-radius:1rem;padding:1.5rem;max-width:500px;width:100%}.passkey-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.passkey-header h2{margin:0;font-size:1.25rem;color:var(--text-color, #2d3748)}.close-btn{width:2rem;height:2rem;border:none;background:none;font-size:1.5rem;color:#4a5568;cursor:pointer;border-radius:.5rem;transition:all .2s ease}[data-theme=dark] .close-btn{color:#94a3b8}[data-theme=dark] .close-btn:hover{color:#f1f5f9}.close-btn:hover{background:var(--border-color, #e2e8f0);color:var(--text-color, #2d3748)}.passkey-info{background:linear-gradient(135deg,#ebf4ff,#e9e4f0);padding:1rem;border-radius:.5rem;margin-bottom:1.5rem}.passkey-info p{margin:0;color:#2d3748;font-size:.875rem;line-height:1.5}[data-theme=dark] .passkey-info{background:linear-gradient(135deg,#1e3a5f,#2d1b4e)}[data-theme=dark] .passkey-info p{color:#e2e8f0}.passkey-list{margin-bottom:1.5rem}.passkey-list h3{font-size:.875rem;color:#4a5568;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}[data-theme=dark] .passkey-list h3{color:#cbd5e1}.passkey-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-color, #f7fafc);border-radius:.5rem;margin-bottom:.5rem}.passkey-icon{font-size:1.5rem}.passkey-details{flex:1}.passkey-details strong{display:block;color:var(--text-color, #2d3748);font-size:.9375rem}.passkey-meta{display:block;color:#4a5568;font-size:.75rem;margin-top:.25rem}[data-theme=dark] .passkey-meta{color:#94a3b8}.passkey-badge{display:inline-block;background:#c6f6d5;color:#22543d;font-size:.625rem;padding:.125rem .5rem;border-radius:1rem;margin-top:.25rem}.delete-btn{padding:.5rem .75rem;background:none;border:1px solid #fc8181;color:#e53e3e;border-radius:.375rem;font-size:.75rem;cursor:pointer;transition:all .2s ease}.delete-btn:hover{background:#e53e3e;color:#fff}.passkey-actions{text-align:center}.btn-register-passkey{width:100%;padding:1rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-register-passkey:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-register-passkey:disabled{opacity:.7;cursor:not-allowed}.btn-icon{font-size:1.25rem}.passkey-hint{margin-top:.75rem;color:#4a5568;font-size:.75rem}[data-theme=dark] .passkey-hint{color:#94a3b8}.spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.passkey-unsupported{text-align:center;padding:2rem}.unsupported-icon{font-size:3rem;display:block;margin-bottom:1rem}.passkey-unsupported p{color:#4a5568;margin:.25rem 0}[data-theme=dark] .passkey-unsupported p{color:#94a3b8}.loading{text-align:center;padding:2rem;color:#4a5568}[data-theme=dark] .loading{color:#94a3b8}.message{padding:.75rem;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem}.message.error{background:#fed7d7;color:#c53030}.message.success{background:#c6f6d5;color:#22543d}.email-manager{background:var(--card-bg, white);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.email-manager h3{font-size:1.1rem;font-weight:600;color:var(--text-color, #2d3748);margin:0 0 .5rem}.email-manager-desc{font-size:.875rem;color:var(--text-muted, #718096);margin:0 0 1rem}.email-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.email-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-color, #f7fafc);border-radius:8px;border:1px solid var(--border-color, #e2e8f0);flex-wrap:wrap;gap:.75rem}.email-item.primary{border-color:var(--primary-color);background:#667eea0d}.email-item.pending{border-color:#fcd34d;background:#fcd34d1a}.email-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.email-address{font-weight:500;color:var(--text-color, #2d3748);word-break:break-all}.email-badge{font-size:.7rem;font-weight:600;padding:.25rem .5rem;border-radius:12px;text-transform:uppercase}.email-badge.primary{background:var(--primary-color);color:#fff}.email-badge.verified{background:#48bb78;color:#fff}.email-badge.pending{background:#fcd34d;color:#744210}.email-actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn-small{padding:.375rem .75rem;font-size:.8rem;border-radius:6px;border:1px solid var(--border-color, #e2e8f0);background:#fff;color:var(--text-color, #2d3748);cursor:pointer;transition:all .2s ease}.btn-small:hover{background:var(--bg-color, #f7fafc)}.btn-small.danger{color:#e53e3e;border-color:#fc8181}.btn-small.danger:hover{background:#fff5f5}.add-email-form,.verify-form{background:var(--bg-color, #f7fafc);border-radius:8px;padding:1rem;margin-top:1rem}.verify-form h4{font-size:1rem;font-weight:600;color:var(--text-color, #2d3748);margin:0 0 .5rem}.verify-form p{font-size:.875rem;color:var(--text-muted, #718096);margin:0 0 1rem}.form-group input{width:100%;padding:.75rem;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;font-size:1rem}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--bg-color, #f7fafc)}.btn-add-email{width:100%;padding:1rem;border:2px dashed var(--border-color, #e2e8f0);border-radius:8px;background:transparent;color:var(--primary-color);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-add-email:hover{border-color:var(--primary-color);background:#667eea0d}[data-theme=dark] .email-manager{background:var(--card-bg, #2d3748)}[data-theme=dark] .email-manager h3{color:#f7fafc}[data-theme=dark] .email-item{background:#1a202c;border-color:#4a5568}[data-theme=dark] .email-item.primary{background:#667eea1a;border-color:#818cf8}[data-theme=dark] .email-item.pending{background:#fcd34d1a;border-color:#fcd34d}[data-theme=dark] .email-address{color:#f7fafc}[data-theme=dark] .btn-small{background:#374151;border-color:#4a5568;color:#e2e8f0}[data-theme=dark] .btn-small:hover{background:#4a5568}[data-theme=dark] .btn-small.danger{color:#f87171;border-color:#f87171}[data-theme=dark] .add-email-form,[data-theme=dark] .verify-form{background:#1a202c}[data-theme=dark] .form-group label{color:#e2e8f0}[data-theme=dark] .btn-add-email{border-color:#4a5568;color:#818cf8}[data-theme=dark] .btn-add-email:hover{border-color:#818cf8;background:#818cf81a}[data-theme=dark] .btn-secondary{background:#374151;border-color:#4a5568;color:#e2e8f0}[data-theme=dark] .message.error{background:#c5303033;border-color:#f87171;color:#f87171}[data-theme=dark] .message.success{background:#48bb7833;border-color:#68d391;color:#68d391}@media(max-width:600px){.email-item{flex-direction:column;align-items:flex-start}.email-actions{width:100%}.btn-small{flex:1;text-align:center}.form-row{grid-template-columns:1fr}}.trusted-devices-section{margin-top:.5rem}.devices-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.5rem}.devices-header h3{margin:0 0 .25rem}.devices-header p{margin:0;font-size:.875rem;color:#718096}.devices-loading,.devices-empty{color:#718096;font-size:.875rem;margin:.5rem 0}.devices-list{list-style:none;padding:0;margin:.5rem 0 0}.device-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f7fafc;border-radius:.5rem;margin-bottom:.5rem}.device-info{display:flex;flex-direction:column;gap:.25rem}.device-label{font-weight:500;color:#2d3748}.device-date{font-size:.75rem;color:#718096}.btn-remove-device{background:none;border:1px solid #e2e8f0;color:#e53e3e;padding:.35rem .75rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-remove-device:hover:not(:disabled){background:#fff5f5;border-color:#e53e3e}.btn-remove-device:disabled{opacity:.6;cursor:not-allowed}.btn-danger-outline.btn-sm{padding:.35rem .75rem;font-size:.875rem}[data-theme=dark] .device-item{background:#1a202c}[data-theme=dark] .device-label{color:#f7fafc}[data-theme=dark] .device-date{color:#a0aec0}.recovery-email-section{margin-top:.5rem}.recovery-header h3{margin:0 0 .25rem}.recovery-header p{margin:0;font-size:.875rem;color:#718096}.recovery-warning{display:flex;gap:.75rem;padding:1rem;background:#fffaf0;border:1px solid #ed8936;border-radius:.5rem;margin:1rem 0}.recovery-warning .warning-icon{font-size:1.5rem;flex-shrink:0}.recovery-warning strong{color:#c05621}.recovery-form{margin-top:1rem}.recovery-form .form-group{margin-bottom:1rem}.recovery-skip-section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0}.recovery-skip-section p{margin:0 0 .5rem;font-size:.875rem}.checkbox-label{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer;font-size:.875rem;margin-bottom:.5rem}.checkbox-label input{margin-top:.2rem}.recovery-configured{margin-top:1rem}.recovery-configured p{margin-bottom:1rem}.recovery-remove-form{margin-top:.5rem}[data-theme=dark] .recovery-warning{background:#3d2a1a;border-color:#dd6b20}[data-theme=dark] .recovery-warning strong{color:#f6ad55}[data-theme=dark] .recovery-skip-section{border-color:#4a5568}.digital-legacy{background:var(--card-bg, white);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color, #e2e8f0)}.legacy-header{margin-bottom:1.5rem}.legacy-header h3{font-size:1.25rem;font-weight:600;color:var(--text-color, #2d3748);margin:0 0 .5rem}.legacy-header p{font-size:.9rem;color:var(--text-muted, #718096);margin:0}.contact-card{background:var(--bg-color, #f7fafc);border-radius:10px;padding:1.5rem;margin-bottom:1rem}.contact-info{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.contact-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;flex-shrink:0}.contact-details{display:flex;flex-direction:column;flex:1;min-width:0}.contact-name{font-weight:600;color:var(--text-color, #2d3748);font-size:1.1rem}.contact-email{color:var(--text-muted, #718096);font-size:.9rem}.contact-relationship{font-size:.8rem;color:var(--primary-color)}.contact-status .status{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.status.verified{background:#c6f6d5;color:#276749}.status.pending{background:#fefcbf;color:#744210}.contact-settings{display:flex;flex-direction:column;gap:.5rem;padding:1rem 0;border-top:1px solid var(--border-color, #e2e8f0);border-bottom:1px solid var(--border-color, #e2e8f0);margin-bottom:1rem}.contact-settings .setting{font-size:.9rem;color:var(--text-color, #2d3748)}.contact-settings .setting-hint{font-weight:400;color:var(--text-muted, #718096);font-size:.85rem}.message-preview{font-style:italic}.emergency-alert{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#fff5f5;border:1px solid #fc8181;border-radius:8px;margin-bottom:1rem}.alert-icon{font-size:1.5rem}.alert-content{flex:1}.alert-content strong{color:#c53030;display:block;margin-bottom:.25rem}.alert-content p{margin:0;font-size:.9rem;color:#742a2a}.contact-actions{display:flex;gap:.75rem;flex-wrap:wrap}.legacy-form,.verify-form{background:var(--bg-color, #f7fafc);border-radius:10px;padding:1.5rem}.legacy-form h4,.verify-form h4{margin:0 0 .5rem;color:var(--text-color, #2d3748)}.verify-form p{color:var(--text-muted, #718096);font-size:.9rem;margin:0 0 1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-color, #2d3748);margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;font-size:1rem;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.btn-primary,.btn-secondary,.btn-danger,.btn-danger-outline{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-danger{background:#e53e3e;color:#fff;border:none}.btn-danger-outline{background:transparent;color:#e53e3e;border:1px solid #e53e3e}.btn-danger-outline:hover{background:#fff5f5}.info-box{background:#ebf8ff;border:1px solid #90cdf4;border-radius:10px;padding:1.5rem;margin-top:1.5rem}.info-box h4{color:#2b6cb0;margin:0 0 1rem;font-size:1rem}.info-box ol{margin:0;padding-left:1.25rem;color:#2c5282;font-size:.9rem}.info-box li{margin-bottom:.5rem}[data-theme=dark] .digital-legacy{background:var(--card-bg, #2d3748);border-color:#4a5568}[data-theme=dark] .legacy-header h3,[data-theme=dark] .legacy-form h4,[data-theme=dark] .verify-form h4,[data-theme=dark] .contact-name,[data-theme=dark] .form-group label{color:#f7fafc}[data-theme=dark] .contact-card,[data-theme=dark] .legacy-form,[data-theme=dark] .verify-form{background:#1a202c}[data-theme=dark] .contact-settings{border-color:#4a5568}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:#2d3748;border-color:#4a5568;color:#f7fafc}[data-theme=dark] .info-box{background:#4299e11a;border-color:#4299e1}[data-theme=dark] .info-box h4{color:#63b3ed}[data-theme=dark] .info-box ol{color:#90cdf4}@media(max-width:600px){.form-row{grid-template-columns:1fr}.contact-info{flex-direction:column;text-align:center}.contact-actions{justify-content:center}.emergency-alert{flex-direction:column;text-align:center}}.login-history{margin-top:1rem}.login-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.login-history-header h3{margin:0;font-size:1.1rem;color:var(--text-color, #1a202c)}.login-stats{display:flex;gap:1rem;font-size:.85rem}.login-stats .stat{color:var(--text-muted, #4a5568)}.login-stats .stat strong{color:var(--primary-color)}.login-stats .stat.warning strong{color:#dc2626}.login-history-loading,.login-history-empty{text-align:center;padding:2rem;color:var(--text-muted, #4a5568)}.login-history-error{background:#fef2f2;color:#dc2626;padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.login-history-list{display:flex;flex-direction:column;gap:.5rem}.login-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-secondary, #f7fafc);border-radius:8px;border-left:3px solid transparent}.login-item.success{border-left-color:#22c55e}.login-item.suspicious{border-left-color:#ef4444;background:#fef2f2}.login-item.failed{border-left-color:#f97316}.login-icon{font-size:1.2rem;flex-shrink:0}.login-details{flex:1;min-width:0}.login-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem;flex-wrap:wrap;gap:.5rem}.login-location{font-weight:500;color:var(--text-color, #1a202c);font-size:.9rem}.login-time{font-size:.8rem;color:var(--text-muted, #4a5568)}.login-secondary{display:flex;gap:1rem;font-size:.8rem;color:var(--text-muted, #4a5568);flex-wrap:wrap}.login-device,.login-ip{white-space:nowrap}.login-warning-badge{background:#ef4444;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;flex-shrink:0}.show-more-btn{width:100%;padding:.75rem;margin-top:.5rem;background:transparent;border:1px dashed var(--border-color, #e2e8f0);border-radius:8px;color:var(--primary-color);cursor:pointer;font-size:.9rem;transition:all .2s}.show-more-btn:hover{background:var(--bg-secondary, #f7fafc);border-style:solid}.login-countries{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color, #e2e8f0)}.countries-label{font-size:.85rem;color:var(--text-color, #1a202c);font-weight:500;margin-right:.5rem}.countries-list{display:inline-flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.country-badge{background:var(--bg-secondary, #f7fafc);padding:.25rem .5rem;border-radius:4px;font-size:.8rem;color:var(--text-color, #1a202c);border:1px solid var(--border-color, #e2e8f0)}[data-theme=dark] .login-history-header h3,[data-theme=dark] .login-location,[data-theme=dark] .countries-label{color:#f7fafc}[data-theme=dark] .login-stats .stat,[data-theme=dark] .login-time,[data-theme=dark] .login-secondary{color:#e2e8f0}[data-theme=dark] .login-item{background:#2d3748}[data-theme=dark] .login-item.suspicious{background:#ef444433}[data-theme=dark] .login-history-error{background:#ef444433;color:#fca5a5}[data-theme=dark] .login-history-loading,[data-theme=dark] .login-history-empty{color:#e2e8f0}[data-theme=dark] .country-badge{background:#374151;color:#f7fafc;border-color:#4a5568}[data-theme=dark] .show-more-btn{border-color:#4a5568;color:#a78bfa}[data-theme=dark] .show-more-btn:hover{background:#2d3748}@media(max-width:600px){.login-history-header{flex-direction:column;align-items:flex-start}.login-stats{width:100%;justify-content:space-between}.login-item{flex-wrap:wrap}.login-secondary{width:100%}}.notification-preferences{background:var(--card-bg, white);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color, #e2e8f0)}.notification-preferences h3{font-size:1.25rem;font-weight:600;color:var(--text-color, #2d3748);margin:0 0 .5rem}.section-desc{font-size:.9rem;color:var(--text-muted, #718096);margin:0 0 1.5rem}.pref-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.pref-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.pref-section h4{font-size:1rem;font-weight:600;color:var(--text-color, #2d3748);margin:0 0 .75rem}.section-hint{font-size:.85rem;color:var(--text-muted, #718096);margin:0 0 1rem}.pref-list{display:flex;flex-direction:column;gap:.5rem}.pref-toggle{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-color, #f7fafc);border-radius:8px;cursor:pointer;transition:background .2s ease}.pref-toggle-control{flex-shrink:0;display:flex;align-items:center}.pref-toggle:hover{background:var(--hover-bg, #edf2f7)}.pref-label{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.pref-label-row{display:flex;align-items:center;gap:.5rem}.pref-icon{font-size:1.125rem;line-height:1;flex-shrink:0}.pref-desc{font-size:.8rem;color:var(--text-muted, #4a5568);font-weight:400;margin-left:1.75rem}[data-theme=dark] .pref-desc{color:var(--text-muted, #94a3b8)}.pref-toggle input{display:none}.toggle-slider{position:relative;width:48px;height:26px;background:#cbd5e0;border-radius:13px;transition:background .3s ease;flex-shrink:0}.toggle-slider:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.pref-toggle input:checked+.toggle-slider{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%)}.pref-toggle input:checked+.toggle-slider:after{transform:translate(22px)}.quiet-hours{display:flex;gap:1rem;align-items:center}.time-input{display:flex;flex-direction:column;gap:.5rem}.time-input label{font-size:.85rem;color:var(--text-muted, #718096)}.time-input input{padding:.5rem .75rem;border:1px solid var(--border-color, #e2e8f0);border-radius:6px;font-size:1rem}.time-input input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}[data-theme=dark] .notification-preferences{background:var(--card-bg, #2d3748);border-color:#4a5568}[data-theme=dark] .notification-preferences h3,[data-theme=dark] .pref-section h4{color:#f7fafc}[data-theme=dark] .pref-toggle{background:#1a202c}[data-theme=dark] .pref-toggle:hover{background:#2d3748}[data-theme=dark] .pref-section{border-color:#4a5568}[data-theme=dark] .time-input input{background:#1a202c;border-color:#4a5568;color:#f7fafc}@media(max-width:500px){.quiet-hours{flex-direction:column;align-items:stretch}.time-input,.time-input input{width:100%}}.premium-support{background:var(--card-bg, white);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color, #e2e8f0)}.premium-support.locked{text-align:center;padding:2rem}.locked-icon{font-size:3rem;margin-bottom:1rem}.premium-support.locked h3{color:var(--text-color, #2d3748);margin:0 0 .5rem}.premium-support.locked p{color:var(--text-muted, #718096);margin:.5rem 0}.premium-support.success{text-align:center;padding:2rem}.success-icon{font-size:4rem;margin-bottom:1rem}.premium-support.success h3{color:#48bb78;margin:0 0 .5rem}.premium-support.success p{color:var(--text-muted, #718096);margin:.5rem 0}.premium-support.success .btn-primary{margin-top:1.5rem}.support-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.premium-badge{display:inline-block;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;margin-bottom:.75rem}.support-header h3{margin:0 0 .5rem;color:var(--text-color, #2d3748);font-size:1.25rem}.support-header p{margin:0;color:var(--text-muted, #718096);font-size:.9rem}.support-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.support-form .form-group{margin-bottom:1rem}.support-form label{display:block;font-size:.875rem;font-weight:500;color:var(--text-color, #2d3748);margin-bottom:.5rem}.required{color:#e53e3e}.support-form input,.support-form textarea{width:100%;padding:.75rem;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;font-size:1rem;font-family:inherit}.support-form input:focus,.support-form textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.support-form textarea{resize:vertical;min-height:100px}.support-form .btn-primary{width:100%;padding:1rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.support-form .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.support-form .btn-primary:disabled{opacity:.6;cursor:not-allowed}.support-note{text-align:center;font-size:.8rem;color:var(--text-muted, #718096);margin:1rem 0 0}.message.error{background:#fff5f5;color:#c53030;padding:.75rem;border-radius:8px;margin-bottom:1rem;border:1px solid #fc8181}[data-theme=dark] .premium-support{background:var(--card-bg, #2d3748);border-color:#4a5568}[data-theme=dark] .premium-support h3,[data-theme=dark] .support-form label{color:#f7fafc}[data-theme=dark] .support-form input,[data-theme=dark] .support-form textarea{background:#1a202c;border-color:#4a5568;color:#f7fafc}@media(max-width:600px){.support-form .form-row{grid-template-columns:1fr}}.phone-manager{background:var(--bg-color, #f7fafc);border-radius:10px;padding:1.25rem;margin-bottom:1rem}.phone-manager h4{font-size:1rem;font-weight:600;color:var(--text-color, #2d3748);margin:0 0 1rem}.phone-view{display:flex;align-items:center;justify-content:space-between;gap:1rem}.phone-current{display:flex;align-items:center;gap:.75rem}.phone-icon{font-size:1.5rem}.phone-info{display:flex;flex-direction:column}.phone-number{font-weight:500;color:var(--text-color, #2d3748);font-family:monospace;font-size:1.1rem}.phone-status{font-size:.75rem;font-weight:600;padding:.15rem .5rem;border-radius:10px;display:inline-block;margin-top:.25rem}.phone-status.verified{background:#c6f6d5;color:#276749}.phone-status.pending{background:#fefcbf;color:#744210}.phone-edit,.phone-verify{display:flex;flex-direction:column;gap:1rem}.phone-verify p{margin:0;color:var(--text-color, #2d3748)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-color, #2d3748)}.form-group input{padding:.75rem;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;font-size:1rem}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.form-hint{font-size:.8rem;color:var(--text-muted, #718096)}.form-actions{display:flex;gap:.75rem}.btn-primary,.btn-secondary{padding:.625rem 1.25rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-secondary:hover:not(:disabled){background:var(--bg-color, #f7fafc)}.btn-link{background:none;border:none;color:var(--primary-color);font-size:.875rem;cursor:pointer;padding:0;text-decoration:underline}.btn-link:hover{text-decoration:none}[data-theme=dark] .phone-manager{background:#1a202c}[data-theme=dark] .phone-manager h4,[data-theme=dark] .phone-number,[data-theme=dark] .form-group label,[data-theme=dark] .phone-verify p{color:#f7fafc}[data-theme=dark] .form-group input{background:#2d3748;border-color:#4a5568;color:#f7fafc}[data-theme=dark] .btn-secondary{background:#2d3748;border-color:#4a5568;color:#e2e8f0}@media(max-width:500px){.phone-view{flex-direction:column;align-items:flex-start}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.profile-page{max-width:700px;margin:0 auto}.profile-header{text-align:center;color:var(--text-color, #1a202c);margin-bottom:2rem}.profile-header h1{font-size:1.75rem;margin-bottom:.5rem;color:inherit}.profile-header p{color:var(--text-muted, #4a5568)}.profile-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:var(--bg-secondary, #edf2f7);padding:.5rem;border-radius:.75rem}.profile-tabs .tab{flex:1;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-muted, #4a5568);font-size:.875rem;font-weight:500;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.profile-tabs .tab:hover{background:var(--hover-bg, rgba(0, 0, 0, .05));color:var(--text-color, #2d3748)}.profile-tabs .tab.active{background:var(--card-bg, white);color:var(--primary-color);font-weight:600}.profile-card{background:#fff;border-radius:.75rem;padding:2rem;box-shadow:0 4px 6px -1px #0000001a}.profile-card h2{font-size:1.25rem;color:#2d3748;margin-bottom:.5rem}.card-description{color:var(--text-muted, #4a5568);font-size:.875rem;margin-bottom:1.5rem}.info-group{padding:1rem 0;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:1rem}.info-group:last-child{border-bottom:none}.info-group label{font-size:.875rem;color:#718096;min-width:120px}.info-value{font-weight:500;color:#2d3748;flex:1}.info-badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.info-badge.verified{background:#c6f6d5;color:#276749}.profile-card .form-group{margin-bottom:1.25rem}.profile-card label{display:block;font-size:.875rem;font-weight:500;color:#4a5568;margin-bottom:.5rem}.profile-card input{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:1rem;transition:border-color .2s ease}.profile-card input:focus{outline:none;border-color:var(--primary-color)}.security-section{padding:1.25rem 0;border-bottom:1px solid #e2e8f0}.security-section:last-child{border-bottom:none;padding-bottom:0}.security-section.danger{margin-top:1rem;padding-top:1.5rem;border-top:2px solid #fed7d7;border-bottom:none}.security-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.security-header h3{font-size:1rem;color:#2d3748;margin-bottom:.25rem}.security-header p{font-size:.875rem;color:#718096;margin:0}.security-badge{padding:.25rem .75rem;background:#ebf8ff;color:#2b6cb0;border-radius:1rem;font-size:.75rem;font-weight:600}.session-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#f7fafc;border-radius:.5rem;margin-top:1rem}.session-info strong{display:block;font-size:.875rem;color:#2d3748}.session-info span{font-size:.75rem;color:#718096}.session-badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.session-badge.current{background:#c6f6d5;color:#276749}.passkey-container{margin-top:1rem;padding:1rem;background:#f7fafc;border-radius:.5rem}.btn-secondary{padding:.5rem 1rem;background:#e2e8f0;color:#4a5568;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#cbd5e0}.btn-danger{padding:.5rem 1rem;background:#fff5f5;color:#c53030;border:1px solid #fc8181;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.message{padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem}.message.success{background:#f0fff4;color:#276749;border:1px solid #68d391}@media(max-width:640px){.profile-tabs{flex-direction:column}.profile-card{padding:1.5rem}.info-group{flex-direction:column;align-items:flex-start;gap:.25rem}.security-header{flex-direction:column;align-items:flex-start}.security-header button,.security-header .security-badge{margin-top:.75rem}}[data-theme=dark] .profile-tabs{background:#1a202c}[data-theme=dark] .profile-tabs .tab{color:#a0aec0}[data-theme=dark] .profile-tabs .tab:hover{background:#2d3748;color:#f7fafc}[data-theme=dark] .profile-tabs .tab.active{background:#2d3748;color:#a78bfa}[data-theme=dark] .profile-card{background:#2d3748}[data-theme=dark] .profile-card h2{color:#f7fafc}[data-theme=dark] .card-description{color:#a0aec0}[data-theme=dark] .info-group{border-bottom-color:#4a5568}[data-theme=dark] .info-group label{color:#a0aec0}[data-theme=dark] .info-value{color:#f7fafc}[data-theme=dark] .profile-card label{color:#e2e8f0}[data-theme=dark] .profile-card input{background:#1a202c;border-color:#4a5568;color:#f7fafc}[data-theme=dark] .security-section{border-bottom-color:#4a5568}[data-theme=dark] .security-header h3{color:#f7fafc}[data-theme=dark] .security-header p{color:#a0aec0}[data-theme=dark] .session-item{background:#1a202c}[data-theme=dark] .session-info strong{color:#f7fafc}[data-theme=dark] .passkey-container{background:#1a202c}[data-theme=dark] .btn-secondary{background:#4a5568;color:#e2e8f0}[data-theme=dark] .btn-secondary:hover{background:#718096}.delete-modal{max-width:480px}.modal-header.danger{background:linear-gradient(135deg,#c53030,#9b2c2c);color:#fff;border-radius:.75rem .75rem 0 0;padding:1.25rem 1.5rem}.modal-header.danger h2{color:#fff}.modal-header.danger .modal-close{background:#fff3;color:#fff}.modal-header.danger .modal-close:hover{background:#ffffff4d}.delete-warning{display:flex;gap:1rem;padding:1rem;background:#fff5f5;border:1px solid #fc8181;border-radius:.5rem;margin-bottom:1.5rem}.warning-icon{font-size:1.5rem;flex-shrink:0}.delete-warning strong{color:#c53030;display:block;margin-bottom:.5rem}.delete-warning p{font-size:.875rem;color:#718096;margin-bottom:.5rem}.delete-warning ul{margin:0;padding-left:1.25rem;font-size:.875rem;color:#4a5568}.delete-warning li{margin-bottom:.25rem}.btn-danger-confirm{padding:.75rem 1.25rem;background:#c53030;color:#fff;border:none;border-radius:.375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-danger-confirm:hover:not(:disabled){background:#9b2c2c}.btn-danger-confirm:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .delete-warning{background:#3d2828;border-color:#c53030}[data-theme=dark] .delete-warning p{color:#a0aec0}[data-theme=dark] .delete-warning ul{color:#e2e8f0}.report-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.report-modal{background:#fff;border-radius:1rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003}.report-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0}.report-header h2{font-size:1.125rem;color:#2d3748}.report-close{width:28px;height:28px;background:#f7fafc;border:none;border-radius:50%;cursor:pointer;font-size:1rem;color:#718096}.report-close:hover{background:#e2e8f0}.report-loading{padding:3rem;text-align:center;color:#718096}.report-content{padding:1.5rem}.report-title{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.report-icon{font-size:2.5rem}.report-title h3{font-size:1.25rem;color:#2d3748;margin-bottom:.25rem}.report-title p{font-size:.875rem;color:#718096}.report-score-section{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#f7fafc;border-radius:.75rem;margin-bottom:1.5rem}.report-score-circle{width:80px;height:80px;border:6px solid;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;flex-shrink:0}.report-score-label strong{display:block;font-size:1.125rem;margin-bottom:.25rem}.report-score-label span{font-size:.875rem;color:#718096}.report-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.5rem}.stat-item{text-align:center;padding:.75rem .5rem;background:#f7fafc;border-radius:.5rem}.stat-item.success{background:#f0fff4}.stat-item.warning{background:#fffaf0}.stat-item.info{background:#ebf8ff}.stat-value{display:block;font-size:1.25rem;font-weight:700;color:#2d3748}.stat-item.success .stat-value{color:#38a169}.stat-item.warning .stat-value{color:#dd6b20}.stat-item.info .stat-value{color:#3182ce}.stat-label{font-size:.625rem;color:#718096;text-transform:uppercase}.report-summary{margin-bottom:1.5rem}.report-summary h4,.report-badges h4{font-size:.875rem;color:#4a5568;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.summary-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.5rem;margin-bottom:.5rem;font-size:.875rem}.summary-item.success{background:#f0fff4;color:#276749}.summary-item.warning{background:#fffaf0;color:#c05621}.summary-item.danger{background:#fff5f5;color:#c53030}.summary-item.info{background:#ebf8ff;color:#2b6cb0}.summary-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-weight:700}.report-badges{margin-bottom:1.5rem}.badges-list{display:flex;flex-wrap:wrap;gap:.5rem}.badge-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:linear-gradient(135deg,#faf5ff,#ebf4ff);border-radius:1rem;font-size:.875rem}.badge-icon{font-size:1rem}.badge-name{color:#553c9a;font-weight:500}.report-actions{padding-top:1rem;border-top:1px solid #e2e8f0}.btn-download{width:100%;padding:.875rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-download:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}@media(max-width:480px){.report-stats{grid-template-columns:repeat(2,1fr)}}[data-theme=dark] .report-modal{background:#2d3748}[data-theme=dark] .report-header{border-bottom-color:#4a5568}[data-theme=dark] .report-header h2{color:#f7fafc}[data-theme=dark] .report-close{background:#4a5568;color:#e2e8f0}[data-theme=dark] .report-title h3{color:#f7fafc}[data-theme=dark] .report-score-section,[data-theme=dark] .stat-item{background:#1a202c}[data-theme=dark] .report-summary h4,[data-theme=dark] .report-badges h4{color:#a0aec0}[data-theme=dark] .report-actions{border-top-color:#4a5568}.travel-mode{background:var(--card-bg, white);border-radius:12px;padding:1.25rem;border:1px solid var(--border-color, #e2e8f0)}.travel-mode-loading{padding:1rem;text-align:center;color:var(--text-muted, #718096)}.travel-mode-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.travel-mode-info h3{font-size:1rem;font-weight:600;color:var(--text-color, #2d3748);margin:0 0 .25rem;display:flex;align-items:center;gap:.5rem}.travel-mode-info p{font-size:.85rem;color:var(--text-muted, #718096);margin:0}.btn-activate,.btn-deactivate{padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;white-space:nowrap}.btn-activate{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff}.btn-activate:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-deactivate{background:#f7fafc;color:var(--primary-color);border:1px solid var(--primary-color)}.btn-deactivate:hover{background:var(--primary-color);color:#fff}.travel-mode-status{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color, #e2e8f0)}.hidden-count{display:inline-flex;align-items:center;gap:.5rem;background:#fef3c7;color:#92400e;padding:.375rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.hidden-count:before{content:"🔒"}.travel-mode-info-text{margin-top:.75rem;font-size:.8rem;color:var(--text-muted, #718096)}.travel-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.travel-modal{background:var(--card-bg, white);border-radius:16px;padding:1.5rem;max-width:400px;width:100%;box-shadow:0 20px 25px -5px #0000001a}.travel-modal h2{font-size:1.25rem;font-weight:600;color:var(--text-color, #2d3748);margin:0 0 1rem;text-align:center}.modal-description{font-size:.9rem;color:var(--text-muted, #718096);margin:0 0 1.5rem;text-align:center}.travel-modal .form-group{margin-bottom:1rem}.travel-modal label{display:block;font-size:.875rem;font-weight:500;color:var(--text-color, #2d3748);margin-bottom:.5rem}.travel-modal input{width:100%;padding:.75rem;border:2px solid var(--border-color, #e2e8f0);border-radius:8px;font-size:1.25rem;text-align:center;letter-spacing:.5rem;font-family:monospace}.travel-modal input:focus{outline:none;border-color:var(--primary-color)}.modal-error{background:#fef2f2;color:#dc2626;padding:.75rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem;text-align:center}.modal-actions{display:flex;gap:.75rem;margin-top:1.5rem}.btn-cancel,.btn-confirm{flex:1;padding:.75rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel{background:#f7fafc;border:1px solid var(--border-color, #e2e8f0);color:var(--text-color, #2d3748)}.btn-cancel:hover:not(:disabled){background:#edf2f7}.btn-confirm{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border:none;color:#fff}.btn-confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-cancel:disabled,.btn-confirm:disabled{opacity:.6;cursor:not-allowed}[data-theme=dark] .travel-mode{background:var(--card-bg, #2d3748);border-color:#4a5568}[data-theme=dark] .travel-mode-info h3{color:#f7fafc}[data-theme=dark] .btn-deactivate{background:#2d3748;border-color:#818cf8;color:#818cf8}[data-theme=dark] .btn-deactivate:hover{background:#818cf8;color:#1a202c}[data-theme=dark] .hidden-count{background:#fef3c733;color:#fcd34d}[data-theme=dark] .travel-modal{background:#2d3748}[data-theme=dark] .travel-modal h2{color:#f7fafc}[data-theme=dark] .travel-modal label{color:#e2e8f0}[data-theme=dark] .travel-modal input{background:#1a202c;border-color:#4a5568;color:#f7fafc}[data-theme=dark] .modal-error{background:#dc262633;color:#f87171}[data-theme=dark] .btn-cancel{background:#374151;border-color:#4a5568;color:#e2e8f0}[data-theme=dark] .btn-cancel:hover:not(:disabled){background:#4a5568}@media(max-width:480px){.travel-mode-header{flex-direction:column;align-items:flex-start}.btn-activate,.btn-deactivate{width:100%}}.otp-generator{background:var(--card-bg, white);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color, #e2e8f0)}.otp-header{margin-bottom:1.5rem}.otp-header h3{font-size:1.25rem;font-weight:600;color:var(--text-color, #2d3748);margin:0 0 .5rem}.otp-header p{font-size:.9rem;color:var(--text-muted, #718096);margin:0}.otp-empty{text-align:center;padding:2rem;color:var(--text-muted, #718096)}.empty-icon{font-size:3rem;display:block;margin-bottom:1rem}.otp-empty p{margin:.25rem 0}.otp-empty .hint{font-size:.85rem;opacity:.8}.otp-accounts{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.otp-account{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-color, #f7fafc);border-radius:10px;border:1px solid var(--border-color, #e2e8f0)}.account-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.account-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;flex-shrink:0}.account-details{display:flex;flex-direction:column;min-width:0}.account-name{font-weight:600;color:var(--text-color, #2d3748);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-issuer{font-size:.8rem;color:var(--text-muted, #718096)}.code-section{display:flex;flex-direction:column;align-items:center;gap:.5rem}.otp-code{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:1.5rem;font-weight:700;letter-spacing:3px;color:var(--primary-color);background:#fff;border:2px solid var(--primary-color);border-radius:8px;padding:.5rem 1rem;cursor:pointer;transition:all .2s ease}.otp-code:hover{background:var(--primary-color);color:#fff}.time-indicator{width:100%;display:flex;align-items:center;gap:.5rem}.time-bar{height:4px;background:linear-gradient(90deg,#48bb78,#68d391);border-radius:2px;transition:width 1s linear}.time-text{font-size:.75rem;color:var(--text-muted, #718096);min-width:25px}.btn-delete{background:none;border:none;font-size:1.25rem;cursor:pointer;opacity:.5;transition:opacity .2s;padding:.5rem}.btn-delete:hover{opacity:1}.add-otp-form{background:var(--bg-color, #f7fafc);border-radius:10px;padding:1.5rem;margin-top:1rem}.add-otp-form h4{margin:0 0 1rem;color:var(--text-color, #2d3748)}.add-otp-form .form-group{margin-bottom:1rem}.add-otp-form label{display:block;font-size:.875rem;font-weight:500;color:var(--text-color, #2d3748);margin-bottom:.5rem}.add-otp-form input{width:100%;padding:.75rem;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;font-size:1rem}.add-otp-form input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.form-hint{display:block;font-size:.8rem;color:var(--text-muted, #718096);margin-top:.25rem}.form-actions{display:flex;gap:.75rem;margin-top:1rem}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background:#fff;color:var(--text-color, #2d3748);border:1px solid var(--border-color, #e2e8f0)}.btn-add-otp{width:100%;padding:1rem;border:2px dashed var(--border-color, #e2e8f0);border-radius:10px;background:transparent;color:var(--primary-color);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-add-otp:hover{border-color:var(--primary-color);background:#667eea0d}.message{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}[data-theme=dark] .otp-generator{background:var(--card-bg, #2d3748);border-color:#4a5568}[data-theme=dark] .otp-header h3,[data-theme=dark] .account-name,[data-theme=dark] .add-otp-form h4,[data-theme=dark] .add-otp-form label{color:#f7fafc}[data-theme=dark] .otp-account{background:#1a202c;border-color:#4a5568}[data-theme=dark] .otp-code{background:#2d3748;color:#818cf8;border-color:#818cf8}[data-theme=dark] .otp-code:hover{background:#818cf8;color:#fff}[data-theme=dark] .add-otp-form{background:#1a202c}[data-theme=dark] .add-otp-form input{background:#2d3748;border-color:#4a5568;color:#f7fafc}[data-theme=dark] .btn-add-otp{border-color:#4a5568;color:#818cf8}@media(max-width:600px){.otp-account{flex-wrap:wrap}.code-section{width:100%;order:3;margin-top:.5rem}.otp-code{width:100%}}.security-page{max-width:800px;margin:0 auto}.security-header{display:flex;justify-content:space-between;align-items:center;color:var(--text-color, #1a202c);margin-bottom:2rem}.security-header h1{font-size:1.75rem;margin-bottom:.5rem;color:inherit}.security-header p{color:var(--text-muted, #4a5568)}.btn-report{padding:.75rem 1.5rem;background:#fff;color:var(--primary-color);border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-report:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.score-hero{display:flex;align-items:center;justify-content:center;gap:2rem;background:#fff;border-radius:1rem;padding:2rem;margin-bottom:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.score-circle{width:140px;height:140px;border:8px solid;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff}.score-value{font-size:3rem;font-weight:700;line-height:1}.score-max{font-size:1rem;color:#4a5568}.score-info h2{font-size:1.5rem;margin-bottom:.25rem}.score-info p{color:#4a5568}.achievements-section,.issues-section,.duplicates-section,.breach-section,.tips-section{background:#fff;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.achievements-section h3,.issues-section h3,.duplicates-section h3,.breach-section h3,.tips-section h3{font-size:1.125rem;color:#1a202c;margin-bottom:1rem}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.badge-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#faf5ff,#ebf4ff);border-radius:.5rem;border:1px solid #e9d8fd}.badge-icon{font-size:2rem}.badge-info strong{display:block;font-size:.875rem;color:#553c9a}.badge-info p{font-size:.75rem;color:#805ad5;margin:0}.issues-list{display:flex;flex-direction:column;gap:.75rem}.issue-card{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.5rem;background:#fff5f5;border-left:4px solid #e53e3e}.issue-card.weak_passwords{border-left-color:#e53e3e}.issue-card.no_2fa{border-left-color:#ed8936}.issue-card.old_passwords{border-left-color:#ecc94b}.issue-card.duplicate_passwords{border-left-color:#9f7aea}.issue-icon{font-size:1.5rem}.issue-info{flex:1;display:flex;align-items:center;justify-content:space-between;gap:1rem}.issue-info strong{color:#2d3748;font-size:.875rem}.btn-fix{padding:.375rem .75rem;background:var(--primary-color);color:#fff;border:none;border-radius:.25rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:background .2s ease}.btn-fix:hover{background:var(--primary-dark)}.warning-text{color:#c53030;font-size:.875rem;margin-bottom:1rem;padding:.75rem;background:#fff5f5;border-radius:.5rem}.duplicates-list{display:flex;flex-direction:column;gap:1rem}.duplicate-group{padding:1rem;background:#faf5ff;border-radius:.5rem;border:1px solid #e9d8fd}.group-header{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#553c9a;margin-bottom:.75rem}.group-icon{font-size:1.25rem}.group-sites{display:flex;flex-wrap:wrap;gap:.5rem}.site-tag{padding:.25rem .75rem;background:#fff;border:1px solid #d6bcfa;border-radius:1rem;font-size:.75rem;color:#6b46c1}.breach-section-new{background:#fff;border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.breach-header{margin-bottom:1.5rem}.breach-title{display:flex;align-items:flex-start;gap:1rem}.breach-title-icon{font-size:2rem}.breach-title h3{font-size:1.25rem;color:#2d3748;margin-bottom:.25rem}.breach-title p{font-size:.875rem;color:#4a5568}.breach-form{margin-bottom:1.5rem}.breach-input-group{display:flex;gap:.5rem;margin-bottom:.75rem}.breach-input{flex:1;padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:1rem;transition:border-color .2s ease}.breach-input:focus{outline:none;border-color:var(--primary-color)}.breach-btn-add{padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease}.breach-btn-add:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.breach-btn-add:disabled{opacity:.5;cursor:not-allowed}.breach-btn-quick{width:100%;padding:.75rem;background:#f7fafc;color:#4a5568;border:2px dashed #cbd5e0;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.breach-btn-quick:hover:not(:disabled){background:#edf2f7;border-color:var(--primary-color);color:var(--primary-color)}.breach-btn-quick:disabled{opacity:.5;cursor:not-allowed}.breach-results h4{font-size:.875rem;color:#2d3748;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.breach-result-card{padding:1rem;border-radius:.75rem;margin-bottom:.75rem;border:1px solid}.breach-result-card.safe{background:linear-gradient(135deg,#f0fff4,#c6f6d5);border-color:#68d391}.breach-result-card.warning{background:linear-gradient(135deg,#fffaf0,#feebc8);border-color:#ed8936}.breach-result-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.breach-result-icon{font-size:1.5rem}.breach-result-email{flex:1}.breach-result-email strong{display:block;color:#2d3748;font-size:.9375rem;margin-bottom:.125rem}.breach-status{font-size:.75rem;font-weight:600}.breach-status.ok{color:#276749}.breach-status.danger{color:#c05621}.breach-result-message{font-size:.875rem;color:#2d3748;margin:0}.breach-actions{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.1)}.breach-action-tip{font-size:.75rem;color:#c05621;font-style:italic}.breach-empty{text-align:center;padding:2rem;color:#4a5568}.breach-empty-icon{font-size:2.5rem;display:block;margin-bottom:.75rem}.breach-empty p{font-size:.875rem}.btn-check-breach{width:100%;padding:1rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-check-breach:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-check-breach:disabled{opacity:.7;cursor:not-allowed}.breach-result{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.5rem}.breach-result.safe{background:#f0fff4;border:1px solid #68d391}.breach-result.warning{background:#fffaf0;border:1px solid #ed8936}.breach-icon{font-size:2rem}.breach-info strong{display:block;margin-bottom:.25rem}.breach-result.safe .breach-info strong{color:#276749}.breach-result.warning .breach-info strong{color:#c05621}.breach-info p{font-size:.875rem;color:#718096;margin:0}.tips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.tip-card{text-align:center;padding:1.25rem 1rem;background:#f7fafc;border-radius:.5rem;transition:transform .2s ease}.tip-card:hover{transform:translateY(-2px)}.tip-icon{font-size:2rem;display:block;margin-bottom:.5rem}.tip-card h4{font-size:.875rem;color:#2d3748;margin-bottom:.25rem}.tip-card p{font-size:.75rem;color:#4a5568;margin:0}.travel-mode-section,.otp-section,.legacy-section{margin-bottom:1.5rem}.loading{text-align:center;color:var(--text-color, #1a202c);padding:3rem;font-size:1.25rem}@media(max-width:640px){.score-hero{flex-direction:column;text-align:center}.issue-info{flex-direction:column;align-items:flex-start}.achievements-grid,.tips-grid{grid-template-columns:1fr}}[data-theme=dark] .score-hero,[data-theme=dark] .achievements-section,[data-theme=dark] .issues-section,[data-theme=dark] .duplicates-section,[data-theme=dark] .breach-section,[data-theme=dark] .tips-section,[data-theme=dark] .score-circle{background:#2d3748}[data-theme=dark] .score-info p{color:#a0aec0}[data-theme=dark] .achievements-section h3,[data-theme=dark] .issues-section h3,[data-theme=dark] .duplicates-section h3,[data-theme=dark] .breach-section h3,[data-theme=dark] .tips-section h3{color:#f7fafc}[data-theme=dark] .badge-card{background:linear-gradient(135deg,#2d2848,#1a365d);border-color:#553c9a}[data-theme=dark] .badge-info strong{color:#d6bcfa}[data-theme=dark] .badge-info p{color:#b794f4}[data-theme=dark] .issue-card{background:#3d2828}[data-theme=dark] .issue-info strong{color:#f7fafc}[data-theme=dark] .warning-text{background:#3d2828;color:#fc8181}[data-theme=dark] .duplicate-group{background:#2d2848;border-color:#553c9a}[data-theme=dark] .group-header{color:#d6bcfa}[data-theme=dark] .site-tag{background:#1a202c;border-color:#553c9a;color:#b794f4}[data-theme=dark] .breach-result.safe{background:#1c4532;border-color:#48bb78}[data-theme=dark] .breach-result.warning{background:#44351e;border-color:#ed8936}[data-theme=dark] .tip-card{background:#1a202c}[data-theme=dark] .tip-card h4{color:#f7fafc}[data-theme=dark] .tip-card p{color:#a0aec0}[data-theme=dark] .breach-section-new{background:#2d3748}[data-theme=dark] .breach-title h3{color:#f7fafc}[data-theme=dark] .breach-title p{color:#a0aec0}[data-theme=dark] .breach-input{background:#1a202c;border-color:#4a5568;color:#f7fafc}[data-theme=dark] .breach-input::placeholder{color:#718096}[data-theme=dark] .breach-btn-quick{background:#1a202c;border-color:#4a5568;color:#a0aec0}[data-theme=dark] .breach-btn-quick:hover:not(:disabled){background:#2d3748;border-color:var(--primary-color);color:#a78bfa}[data-theme=dark] .breach-results h4{color:#a0aec0}[data-theme=dark] .breach-result-card.safe{background:linear-gradient(135deg,#1c4532,#22543d);border-color:#48bb78}[data-theme=dark] .breach-result-card.warning{background:linear-gradient(135deg,#44351e,#5d4a1f);border-color:#ed8936}[data-theme=dark] .breach-result-email strong{color:#f7fafc}[data-theme=dark] .breach-result-message{color:#e2e8f0}[data-theme=dark] .breach-empty{color:#a0aec0}.notes-page{max-width:900px;margin:0 auto}.notes-header{display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:2rem}.notes-header h1{font-size:1.75rem;margin-bottom:.25rem}.notes-header p{opacity:.9}.btn-new-note{padding:.75rem 1.5rem;background:#fff;color:var(--primary-color);border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-new-note:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.empty-notes{background:#fff;border-radius:1rem;padding:4rem 2rem;text-align:center;box-shadow:0 4px 6px -1px #0000001a}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-notes h3{font-size:1.25rem;color:#2d3748;margin-bottom:.5rem}.empty-notes p{color:#718096;margin-bottom:1.5rem}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.note-card{background:#fff;border-radius:.75rem;padding:1.25rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000d;border:2px solid transparent}.note-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a;border-color:var(--primary-color)}.note-card.favorite{background:linear-gradient(135deg,#fffaf0,#fff5f5);border-color:#ed8936}.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.note-category{font-size:1.5rem}.btn-favorite{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#cbd5e0;transition:color .2s ease}.btn-favorite:hover,.btn-favorite.active{color:#ed8936}.note-card h3{font-size:1rem;color:#2d3748;margin-bottom:.75rem;line-height:1.4}.note-footer{display:flex;justify-content:space-between;font-size:.75rem;color:#a0aec0}.note-cat-name{color:var(--primary-color);font-weight:500}.note-modal{max-width:600px;width:90%}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h2{font-size:1.25rem;color:#2d3748}.modal-close{width:32px;height:32px;background:#f7fafc;border:none;border-radius:50%;font-size:1.25rem;cursor:pointer;color:#718096;transition:all .2s ease}.modal-close:hover{background:#e2e8f0}.category-selector{display:flex;flex-wrap:wrap;gap:.5rem}.cat-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f7fafc;border:2px solid #e2e8f0;border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-size:.875rem}.cat-btn:hover{border-color:var(--primary-color)}.cat-btn.active{background:#ebf4ff;border-color:var(--primary-color);color:var(--primary-color)}.note-view-category{display:inline-block;padding:.5rem 1rem;background:#f7fafc;border-radius:.5rem;font-size:.875rem;margin-bottom:1rem}.note-view-content{padding:1.5rem;background:#f7fafc;border-radius:.5rem;font-family:Fira Code,monospace;font-size:.9375rem;line-height:1.8;white-space:pre-wrap;word-break:break-word;color:#2d3748;margin-bottom:1rem;min-height:150px}.note-view-date{font-size:.75rem;color:#a0aec0;text-align:right}.form-group textarea{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:.9375rem;font-family:Fira Code,monospace;resize:vertical;transition:border-color .2s ease}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.btn-danger{padding:.75rem 1rem;background:#fff5f5;color:#c53030;border:1px solid #fc8181;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-right:auto}.btn-danger:hover{background:#fed7d7}.loading{text-align:center;color:#fff;padding:3rem;font-size:1.25rem}@media(max-width:640px){.notes-header{flex-direction:column;gap:1rem;text-align:center}.btn-new-note{width:100%}.notes-grid{grid-template-columns:1fr}.category-selector{justify-content:center}.modal-actions{flex-direction:column}.btn-danger{margin-right:0;order:3}}[data-theme=dark] .empty-notes,[data-theme=dark] .note-card{background:#2d3748}[data-theme=dark] .note-card.favorite{background:linear-gradient(135deg,#44351e,#3d2828)}[data-theme=dark] .empty-notes h3,[data-theme=dark] .note-card h3{color:#f7fafc}[data-theme=dark] .empty-notes p{color:#a0aec0}[data-theme=dark] .modal-header h2{color:#f7fafc}[data-theme=dark] .modal-close{background:#4a5568;color:#e2e8f0}[data-theme=dark] .modal-close:hover{background:#718096}[data-theme=dark] .cat-btn{background:#1a202c;border-color:#4a5568;color:#e2e8f0}[data-theme=dark] .cat-btn.active{background:#2d3748;border-color:var(--primary-color);color:#a78bfa}[data-theme=dark] .note-view-category{background:#1a202c;color:#e2e8f0}[data-theme=dark] .note-view-content{background:#1a202c;color:#f7fafc}[data-theme=dark] .form-group textarea{background:#1a202c;border-color:#4a5568;color:#f7fafc}.share-page{max-width:800px;margin:0 auto}.share-header{display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:2rem}.share-header h1{font-size:1.75rem;margin-bottom:.25rem}.share-header p{opacity:.9}.btn-new-share{padding:.75rem 1.5rem;background:#fff;color:var(--primary-color);border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-new-share:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.create-card,.new-link-card,.how-it-works,.links-section{background:#fff;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.create-card h2{font-size:1.125rem;color:#2d3748;margin-bottom:1.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group select{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:.375rem;font-size:1rem;transition:border-color .2s ease;background:#fff}.form-group select:focus{outline:none;border-color:var(--primary-color)}.form-group textarea{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:.375rem;font-size:1rem;font-family:Fira Code,monospace;resize:vertical;transition:border-color .2s ease}.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.new-link-card{border:2px solid #48bb78;background:#f0fff4}.success-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.success-icon{width:32px;height:32px;background:#48bb78;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.success-header h3{color:#276749;font-size:1.125rem}.link-display{display:flex;gap:.5rem;margin-bottom:1rem}.link-display input{flex:1;padding:.75rem;border:2px solid #c6f6d5;border-radius:.375rem;font-family:Fira Code,monospace;font-size:.875rem;background:#fff}.btn-copy{padding:.75rem 1.25rem;background:#48bb78;color:#fff;border:none;border-radius:.375rem;font-weight:600;cursor:pointer;transition:background .2s ease}.btn-copy:hover{background:#38a169}.link-info{display:flex;gap:1.5rem;font-size:.875rem;color:#718096;margin-bottom:1rem}.how-it-works{text-align:center}.how-it-works h3{font-size:1rem;color:#4a5568;margin-bottom:1.5rem}.steps{display:flex;justify-content:space-around;align-items:flex-start;flex-wrap:wrap;gap:1rem}.step{flex:1;min-width:120px;max-width:160px;text-align:center;padding:1rem .5rem}.step-number{width:32px;height:32px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;font-weight:700}.step p{font-size:.75rem;color:#718096}.links-section h3{font-size:1rem;color:#4a5568;margin-bottom:1rem}.empty-links{text-align:center;padding:2rem;color:#718096}.links-list{display:flex;flex-direction:column;gap:.75rem}.link-item{padding:1rem;border-radius:.5rem;border:1px solid #e2e8f0;background:#f7fafc}.link-item.revoked,.link-item.expired,.link-item.maxed{opacity:.6}.link-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.link-main strong{color:#2d3748;font-size:.9375rem}.status-badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.status-badge.active{background:#c6f6d5;color:#276749}.status-badge.expired,.status-badge.maxed{background:#feebc8;color:#c05621}.status-badge.revoked{background:#fed7d7;color:#c53030}.link-meta{display:flex;gap:1.5rem;font-size:.75rem;color:#718096;margin-bottom:.75rem}.link-actions{display:flex;gap:.5rem}.btn-copy-small{padding:.375rem .75rem;background:var(--primary-color);color:#fff;border:none;border-radius:.25rem;font-size:.75rem;cursor:pointer}.btn-copy-small:hover{background:var(--primary-dark)}.btn-revoke{padding:.375rem .75rem;background:#fff5f5;color:#c53030;border:1px solid #fc8181;border-radius:.25rem;font-size:.75rem;cursor:pointer}.btn-revoke:hover{background:#fed7d7}.loading{text-align:center;color:#718096;padding:2rem}@media(max-width:640px){.share-header{flex-direction:column;gap:1rem;text-align:center}.btn-new-share{width:100%}.form-row{grid-template-columns:1fr}.steps{justify-content:center}.step{min-width:100px;max-width:140px}.link-info{flex-direction:column;gap:.5rem}}[data-theme=dark] .create-card,[data-theme=dark] .how-it-works,[data-theme=dark] .links-section{background:#2d3748}[data-theme=dark] .create-card h2,[data-theme=dark] .how-it-works h3,[data-theme=dark] .links-section h3{color:#f7fafc}[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:#1a202c;border-color:#4a5568;color:#f7fafc}[data-theme=dark] .new-link-card{background:#1c4532;border-color:#48bb78}[data-theme=dark] .link-display input{background:#2d3748;border-color:#48bb78;color:#f7fafc}[data-theme=dark] .step p,[data-theme=dark] .link-info,[data-theme=dark] .link-meta{color:#a0aec0}[data-theme=dark] .link-item{background:#1a202c;border-color:#4a5568}[data-theme=dark] .link-main strong,[data-theme=dark] .form-group label{color:#f7fafc}[data-theme=dark] .form-group input{background:#1a202c;border-color:#4a5568;color:#f7fafc}[data-theme=dark] .form-group input::placeholder,[data-theme=dark] .form-group textarea::placeholder{color:#718096}[data-theme=dark] .empty-links,[data-theme=dark] .loading{color:#a0aec0}[data-theme=dark] .success-header h3{color:#68d391}[data-theme=dark] .btn-revoke{background:#3d2828;border-color:#fc8181}[data-theme=dark] .btn-revoke:hover{background:#4a2828}.share-view-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%)}.share-view-card{background:#fff;border-radius:1rem;padding:2rem;max-width:500px;width:100%;text-align:center;box-shadow:0 20px 40px #0003}.share-view-card.loading{padding:3rem 2rem}.share-view-card.loading p{color:#718096;margin-top:1rem}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:var(--primary-color);border-radius:50%;margin:0 auto;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.share-view-card.error{border:2px solid #fc8181}.error-icon{font-size:3rem;margin-bottom:1rem}.share-view-card.error h2{color:#c53030;font-size:1.5rem;margin-bottom:.5rem}.share-view-card.error p{color:#718096}.share-view-header{margin-bottom:1.5rem}.lock-icon{font-size:2.5rem;display:block;margin-bottom:.75rem}.share-view-header h2{font-size:1.25rem;color:#2d3748}.content-box{position:relative;background:#1a202c;border-radius:.5rem;padding:1.5rem;margin-bottom:1rem}.content-box pre{color:#68d391;font-family:Fira Code,monospace;font-size:1.125rem;text-align:left;white-space:pre-wrap;word-break:break-all;margin:0}.btn-copy-content{position:absolute;top:.75rem;right:.75rem;padding:.375rem .75rem;background:#4a5568;color:#fff;border:none;border-radius:.25rem;font-size:.75rem;cursor:pointer;transition:all .2s ease}.btn-copy-content:hover{background:#718096}.btn-copy-content.copied{background:#48bb78}.share-view-footer{margin-bottom:1rem}.views-warning{font-size:.875rem;color:#718096;padding:.5rem;background:#f7fafc;border-radius:.25rem}.views-warning.last{color:#c53030;background:#fff5f5}.security-notice{padding-top:1rem;border-top:1px solid #e2e8f0}.security-notice p{font-size:.75rem;color:#a0aec0}@media(max-width:480px){.share-view-card{padding:1.5rem}.content-box pre{font-size:1rem}}.export-page{max-width:1000px;margin:0 auto}.export-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.header-content h1{font-size:1.75rem;color:#2d3748;margin-bottom:.5rem}.header-content p{color:#718096}.export-stats .stat{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);padding:1rem 2rem;border-radius:1rem;color:#fff}.stat-number{font-size:2rem;font-weight:700}.stat-label{font-size:.75rem;opacity:.9}.security-warning{display:flex;gap:1rem;background:#fffbeb;border:1px solid #fcd34d;border-radius:.75rem;padding:1rem;margin-bottom:1.5rem}.warning-icon{font-size:1.5rem}.warning-content strong{display:block;color:#92400e;margin-bottom:.25rem}.warning-content p{color:#a16207;font-size:.875rem;margin:0}.export-options{margin-bottom:2rem}.checkbox-option{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem}.checkbox-option input[type=checkbox]{width:20px;height:20px;cursor:pointer}.checkbox-label{color:#4a5568}.formats-section{margin-bottom:2rem}.formats-section h2{font-size:1.25rem;color:#2d3748;margin-bottom:1rem}.formats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.format-card{display:flex;gap:1rem;padding:1.25rem;background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;cursor:pointer;transition:all .2s ease}.format-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.format-card.selected{border-color:var(--primary-color);background:#ebf4ff}.format-icon{font-size:2rem;flex-shrink:0}.format-info h3{font-size:1rem;color:#2d3748;margin-bottom:.25rem}.format-info p{font-size:.8125rem;color:#718096;margin-bottom:.5rem}.format-ext{display:inline-block;background:#f7fafc;color:var(--primary-color);font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:.25rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:1rem;padding:2rem;max-width:450px;width:90%}.modal h2{font-size:1.25rem;color:#2d3748;margin-bottom:1rem}.modal p{color:#4a5568;margin-bottom:1rem}.modal-warning{display:flex;gap:.5rem;background:#fffbeb;border:1px solid #fcd34d;border-radius:.5rem;padding:.75rem;font-size:.875rem;color:#92400e;margin-bottom:1.5rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-cancel{padding:.75rem 1.5rem;border:1px solid #e2e8f0;background:#fff;color:#4a5568;border-radius:.5rem;cursor:pointer;font-weight:500;transition:all .2s ease}.btn-cancel:hover{background:#f7fafc}.btn-export{padding:.75rem 1.5rem;border:none;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border-radius:.5rem;cursor:pointer;font-weight:600;transition:all .2s ease}.btn-export:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-export:disabled{opacity:.7;cursor:not-allowed;transform:none}.formats-info{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem}.formats-info h3{font-size:1rem;color:#2d3748;margin-bottom:1rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.info-item strong{display:block;color:var(--primary-color);margin-bottom:.25rem}.info-item p{font-size:.8125rem;color:#718096;margin:0}.message{padding:1rem;border-radius:.5rem;margin-bottom:1.5rem}.message.success{background:#f0fdf4;color:#166534;border:1px solid #86efac}.message.error{background:#fef2f2;color:#991b1b;border:1px solid #fca5a5}.loading{text-align:center;padding:3rem;color:#718096}[data-theme=dark] .header-content h1{color:#f7fafc}[data-theme=dark] .header-content p{color:#a0aec0}[data-theme=dark] .security-warning{background:#3d2828;border-color:#92400e}[data-theme=dark] .warning-content strong{color:#fbbf24}[data-theme=dark] .warning-content p{color:#fcd34d}[data-theme=dark] .checkbox-option{background:#2d3748;border-color:#4a5568}[data-theme=dark] .checkbox-label{color:#e2e8f0}[data-theme=dark] .formats-section h2{color:#f7fafc}[data-theme=dark] .format-card{background:#2d3748;border-color:#4a5568}[data-theme=dark] .format-card:hover{border-color:#a78bfa}[data-theme=dark] .format-card.selected{background:#3d3748;border-color:#a78bfa}[data-theme=dark] .format-info h3{color:#f7fafc}[data-theme=dark] .format-info p{color:#a0aec0}[data-theme=dark] .format-ext{background:#4a5568;color:#c4b5fd}[data-theme=dark] .modal{background:#2d3748}[data-theme=dark] .modal h2{color:#f7fafc}[data-theme=dark] .modal p{color:#e2e8f0}[data-theme=dark] .modal-warning{background:#3d2828;border-color:#92400e;color:#fcd34d}[data-theme=dark] .btn-cancel{background:#4a5568;border-color:#4a5568;color:#e2e8f0}[data-theme=dark] .btn-cancel:hover{background:#718096}[data-theme=dark] .formats-info{background:#2d3748;border-color:#4a5568}[data-theme=dark] .formats-info h3{color:#f7fafc}[data-theme=dark] .info-item strong{color:#a78bfa}[data-theme=dark] .info-item p{color:#a0aec0}[data-theme=dark] .message.success{background:#1c4532;color:#68d391;border-color:#38a169}[data-theme=dark] .message.error{background:#3d2828;color:#fc8181;border-color:#e53e3e}[data-theme=dark] .loading{color:#a0aec0}.otp-section{margin:1.5rem 0;padding:1rem;background:#f7fafc;border-radius:.5rem}.otp-section label{display:block;font-weight:600;color:#2d3748;margin-bottom:.25rem}.otp-hint{font-size:.875rem;color:#718096;margin-bottom:.75rem}.otp-input{width:100%;padding:.75rem;font-size:1.25rem;text-align:center;letter-spacing:.5em;border:2px solid #e2e8f0;border-radius:.5rem}.otp-input:focus{border-color:var(--primary-color);outline:none}.sending-otp{display:flex;align-items:center;gap:.5rem;color:var(--primary-color);padding:.75rem 0}[data-theme=dark] .otp-section{background:#1a202c}[data-theme=dark] .otp-section label{color:#f7fafc}[data-theme=dark] .otp-hint{color:#a0aec0}[data-theme=dark] .otp-input{background:#2d3748;border-color:#4a5568;color:#f7fafc}[data-theme=dark] .otp-input:focus{border-color:#a78bfa}.admin-page{min-height:100vh}.admin-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.admin-login-card{background:#fff;border-radius:1rem;padding:2.5rem;max-width:400px;width:100%;box-shadow:0 20px 40px #0003}.admin-login-header{text-align:center;margin-bottom:2rem}.admin-icon{font-size:3rem;display:block;margin-bottom:1rem}.admin-login-header h1{font-size:1.5rem;color:#2d3748;margin-bottom:.5rem}.admin-login-header p{color:#718096}.btn-admin-login{width:100%;padding:1rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-admin-login:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.admin-hint{margin-top:1.5rem;text-align:center;font-size:.75rem;color:#a0aec0}.admin-hint code{background:#f7fafc;padding:.125rem .375rem;border-radius:.25rem;font-family:monospace}.audit-logs-section h2{margin-bottom:.5rem}.audit-desc{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem}.no-logs{color:var(--text-muted);font-style:italic}.audit-logs-list{display:flex;flex-direction:column;gap:.5rem}.audit-log-item{display:grid;grid-template-columns:120px 1fr auto;gap:1rem;align-items:center;padding:.75rem;background:var(--card-bg, #f8fafc);border-radius:8px;font-size:.875rem}.audit-action{font-weight:600}.audit-user{color:var(--text-muted)}.audit-time{color:var(--text-muted);font-size:.8rem}.audit-details{grid-column:1 / -1;font-size:.8rem;color:var(--text-muted)}.admin-header{display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:2rem;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 1rem}.admin-header h1{font-size:1.75rem;margin-bottom:.25rem}.admin-header p{opacity:.9}.admin-tabs{display:flex;gap:.5rem;max-width:1200px;margin:0 auto 1.5rem;padding:0 1rem}.admin-tabs .tab{padding:.75rem 1.5rem;background:#fff3;color:#fff;border:none;border-radius:.5rem .5rem 0 0;cursor:pointer;font-weight:500;transition:all .2s ease}.admin-tabs .tab:hover{background:#ffffff4d}.admin-tabs .tab.active{background:#fff;color:var(--primary-color)}.admin-message{max-width:1200px;margin:0 auto 1rem;padding:.75rem 1rem;border-radius:.5rem;text-align:center;font-weight:500}.admin-message.success{background:#c6f6d5;color:#276749}.admin-message.error{background:#fed7d7;color:#c53030}.admin-content{max-width:1200px;margin:0 auto;padding:0 1rem}.admin-loading{text-align:center;color:#fff;padding:3rem;font-size:1.25rem}.admin-content .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:100%}.stat-card{background:#fff;border-radius:.75rem;padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 4px #0000000d;border-left:4px solid #e2e8f0}.stat-card.primary{border-left-color:var(--primary-color);background:linear-gradient(135deg,#fff,#eef2ff)}.stat-card.success{border-left-color:#48bb78;background:linear-gradient(135deg,#fff,#f0fff4)}.stat-card.warning{border-left-color:#ed8936;background:linear-gradient(135deg,#fff,#fffaf0)}.stat-card.info{border-left-color:#4299e1;background:linear-gradient(135deg,#fff,#ebf8ff)}.stat-card.error{border-left-color:#e53e3e;background:linear-gradient(135deg,#fff,#fff5f5)}.stat-icon{font-size:1.5rem}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:#2d3748}.stat-label{font-size:.75rem;color:#718096}.stat-card-system .stat-info-system{min-width:0}.stat-errors{font-size:.7rem;color:#c53030;margin-top:.25rem}.stat-recent-errors{font-size:.7rem;color:#718096;margin-top:.5rem;display:block}.stat-recent-errors ul{margin:.25rem 0 0;padding-left:1rem;font-size:.65rem;color:#4a5568;max-height:4em;overflow-y:auto}.stat-recent-errors li{margin-bottom:.125rem}.users-section{background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.empty-users{padding:3rem;text-align:center;color:#718096}.users-table-container{overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table th{background:#f7fafc;padding:1rem;text-align:left;font-size:.75rem;color:#4a5568;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.users-table td{padding:1rem;border-bottom:1px solid #e2e8f0;font-size:.875rem}.users-table tr:hover{background:#f7fafc}.users-table tr.admin-row{background:#ebf4ff}.user-cell{display:flex;flex-direction:column}.user-cell strong{color:#2d3748}.user-email{font-size:.75rem;color:#718096}.role-badge{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.role-badge.admin{background:#ebf4ff;color:#4c51bf}.role-badge.user{background:#f7fafc;color:#718096}.verify-badge{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.verify-badge.yes{background:#c6f6d5;color:#276749}.verify-badge.no{background:#fed7d7;color:#c53030}.actions-cell{display:flex;gap:.5rem}.btn-action{width:32px;height:32px;border:none;border-radius:.25rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-action.role{background:#ebf4ff}.btn-action.role:hover{background:#c3dafe}.btn-action.delete{background:#fff5f5}.btn-action.delete:hover{background:#fed7d7}.btn-action.export{background:#e6fffa}.btn-action.export:hover{background:#b2f5ea}.btn-action.edit{background:#fefcbf}.btn-action.edit:hover{background:#faf089}.admin-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.admin-modal{background:#fff;border-radius:1rem;padding:2rem;max-width:420px;width:100%;box-shadow:0 25px 50px -12px #00000040}.admin-modal h3{margin:0 0 .5rem;color:#2d3748}.modal-user-email{font-size:.875rem;color:#718096;margin-bottom:1.5rem}.admin-modal .form-group{margin-bottom:1rem}.admin-modal .form-group label{display:block;font-size:.875rem;font-weight:500;color:#4a5568;margin-bottom:.375rem}.admin-modal .form-group input{width:100%;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:.375rem;font-size:1rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.btn-cancel{padding:.5rem 1rem;background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0;border-radius:.375rem;cursor:pointer}.btn-save{padding:.5rem 1rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;border-radius:.375rem;cursor:pointer}@media(max-width:768px){.admin-header{flex-direction:column;gap:1rem;text-align:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.users-table th,.users-table td{padding:.75rem .5rem}}[data-theme=dark] .admin-login-card{background:#2d3748}[data-theme=dark] .admin-login-header h1{color:#f7fafc}[data-theme=dark] .admin-login-header p{color:#a0aec0}[data-theme=dark] .admin-hint{color:#718096}[data-theme=dark] .admin-hint code{background:#1a202c;color:#e2e8f0}[data-theme=dark] .admin-tabs .tab.active,[data-theme=dark] .stat-card{background:#2d3748}[data-theme=dark] .stat-value{color:#f7fafc}[data-theme=dark] .users-section{background:#2d3748}[data-theme=dark] .users-table th{background:#1a202c;color:#a0aec0;border-bottom-color:#4a5568}[data-theme=dark] .users-table td{border-bottom-color:#4a5568}[data-theme=dark] .users-table tr:hover{background:#1a202c}[data-theme=dark] .users-table tr.admin-row{background:#2d3748}[data-theme=dark] .user-cell strong{color:#f7fafc}[data-theme=dark] .role-badge.user{background:#4a5568;color:#e2e8f0}[data-theme=dark] .admin-modal{background:#2d3748}[data-theme=dark] .admin-modal h3{color:#f7fafc}[data-theme=dark] .admin-modal .form-group input{background:#1a202c;border-color:#4a5568;color:#e2e8f0}[data-theme=dark] .btn-cancel{background:#4a5568;color:#e2e8f0;border-color:#4a5568}.developer-page{max-width:1200px;margin:0 auto}.dev-login-card{max-width:400px;margin:4rem auto;padding:2rem;background:#fff;border-radius:1rem;text-align:center}.dev-login-card h1{font-size:1.5rem;color:#2d3748;margin-bottom:.5rem}.dev-login-card p{color:#718096;margin-bottom:1.5rem}.dev-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dev-header h1{font-size:1.75rem;color:#2d3748}.btn-logout{padding:.5rem 1rem;background:#e53e3e;color:#fff;border:none;border-radius:.375rem;cursor:pointer}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;border-left:4px solid var(--primary-color)}.stat-card.primary{border-left-color:var(--primary-color)}.stat-card.success{border-left-color:#48bb78}.stat-card.info{border-left-color:#4299e1}.stat-card.warning{border-left-color:#ed8936}.stat-icon{font-size:2rem}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:2rem;font-weight:700;color:#2d3748}.stat-label{color:#718096;font-size:.875rem}.stat-details{display:flex;gap:.75rem;font-size:.75rem;color:#a0aec0}.revenue-section{margin-bottom:2rem}.revenue-section h2{font-size:1.25rem;color:#2d3748;margin-bottom:1rem}.revenue-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.revenue-card{background:#fff;border-radius:.75rem;padding:1.25rem;border:1px solid #e2e8f0}.revenue-card h3{font-size:.875rem;color:#718096;margin-bottom:.5rem}.revenue-value{font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:.5rem}.revenue-value.big{font-size:2rem;color:#38a169}.revenue-details{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:#a0aec0}.revenue-card.premium{background:linear-gradient(135deg,#ebf4ff,#e9d8fd);border:none}.revenue-card.total{background:linear-gradient(135deg,#f0fff4,#c6f6d5);border:none}.section{background:#fff;border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem}.section h2{font-size:1.125rem;color:#2d3748;margin-bottom:1rem}.warning-section{border:1px solid #fbd38d;background:#fffbeb}.growth-chart{display:flex;justify-content:space-between;align-items:flex-end;height:150px;gap:.5rem;margin-bottom:1rem}.growth-bar{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.bar-fill{width:100%;background:linear-gradient(180deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-radius:.25rem .25rem 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:.25rem;min-height:20px}.bar-value{font-size:.625rem;color:#fff;font-weight:600}.bar-label{font-size:.625rem;color:#718096;margin-top:.25rem}.cumulative{text-align:center;color:#718096;font-size:.875rem}.signups-list{display:flex;flex-direction:column;gap:.5rem}.signup-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f7fafc;border-radius:.5rem}.signup-info{display:flex;flex-direction:column}.signup-name{font-weight:600;color:#2d3748}.signup-email{font-size:.75rem;color:#718096}.signup-meta{display:flex;align-items:center;gap:1rem}.signup-status{padding:.25rem .5rem;border-radius:.25rem;font-size:.625rem;font-weight:600}.signup-status.verified{background:#c6f6d5;color:#22543d}.signup-status.pending{background:#feebc8;color:#744210}.signup-date{font-size:.75rem;color:#a0aec0}.suspicious-list{display:flex;flex-direction:column;gap:.5rem}.suspicious-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff5f5;border-radius:.5rem;border:1px solid #feb2b2}.suspicious-user{font-weight:500;color:#c53030}.suspicious-location,.suspicious-date{font-size:.75rem;color:#9b2c2c}.keys-section h2{margin-bottom:1.5rem}.keys-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:1.5rem}.keys-card{background:#f7fafc;border-radius:.75rem;padding:1.5rem;border:1px solid #e2e8f0}.keys-card h3{font-size:1rem;color:#2d3748;margin:0 0 .5rem}.keys-desc{font-size:.875rem;color:#718096;margin:0 0 1rem}.keys-form{display:flex;flex-direction:column;gap:.75rem}.keys-form .form-row{display:flex;flex-direction:column;gap:.25rem}.keys-form .form-row label{font-size:.75rem;font-weight:600;color:#4a5568}.keys-form .form-row select,.keys-form .form-row input{padding:.5rem;border:1px solid #e2e8f0;border-radius:.375rem;font-size:.9rem}.generated-result{margin-top:1rem;padding:1rem;background:#f0fff4;border-radius:.5rem;border:1px solid #9ae6b4}.generated-result strong{display:block;font-size:.75rem;color:#276749;margin-bottom:.5rem}.code-display{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.code-display code{font-size:1.1rem;font-weight:600;color:#22543d;background:#fff;padding:.25rem .5rem;border-radius:.25rem}.btn-copy{padding:.25rem .5rem;background:transparent;border:none;cursor:pointer;font-size:1rem}.code-meta{font-size:.75rem;color:#276749}.invite-codes-list{margin-top:1.5rem}.invite-codes-list h4{font-size:.9rem;color:#4a5568;margin-bottom:.75rem}.codes-table{display:flex;flex-direction:column;gap:.5rem}.code-row{display:grid;grid-template-columns:1fr auto auto auto;gap:1rem;align-items:center;padding:.5rem .75rem;background:#edf2f7;border-radius:.375rem;font-size:.875rem}.code-row code{font-weight:600;color:#2d3748}.code-row .used{color:#e53e3e;font-size:.75rem}.code-row .available{color:#38a169;font-size:.75rem}[data-theme=dark] .dev-login-card{background:#2d3748}[data-theme=dark] .dev-login-card h1,[data-theme=dark] .dev-header h1{color:#f7fafc}[data-theme=dark] .dev-login-card p{color:#a0aec0}[data-theme=dark] .stat-card,[data-theme=dark] .revenue-card,[data-theme=dark] .section{background:#2d3748}[data-theme=dark] .stat-value,[data-theme=dark] .revenue-value,[data-theme=dark] .section h2{color:#f7fafc}[data-theme=dark] .signup-item{background:#1a202c}[data-theme=dark] .signup-name{color:#f7fafc}[data-theme=dark] .keys-card{background:#1a202c;border-color:#4a5568}[data-theme=dark] .keys-card h3{color:#f7fafc}[data-theme=dark] .keys-desc{color:#a0aec0}[data-theme=dark] .keys-form .form-row select,[data-theme=dark] .keys-form .form-row input{background:#2d3748;border-color:#4a5568;color:#f7fafc}[data-theme=dark] .code-row{background:#2d3748}[data-theme=dark] .code-row code{color:#f7fafc}.pricing-page{max-width:1200px;margin:0 auto;padding:2rem}.pricing-header{text-align:center;margin-bottom:2rem}.pricing-header h1{font-size:2.5rem;font-weight:700;color:var(--text-color, #2d3748);margin:0 0 .5rem}.pricing-header p{font-size:1.1rem;color:var(--text-muted, #4a5568);margin:0 0 2rem}.billing-selector{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;background:var(--bg-color, #f7fafc);padding:.5rem;border-radius:12px;display:inline-flex}.billing-option{padding:.75rem 1.5rem;border:none;background:transparent;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;color:var(--text-muted, #4a5568);transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.billing-option:hover{color:var(--text-color, #2d3748)}.billing-option.active{background:#fff;color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.best-value{background:#2f855a;color:#fff;font-size:.7rem;padding:.2rem .5rem;border-radius:10px;font-weight:600}.message{max-width:600px;margin:0 auto 1.5rem;padding:1rem;border-radius:8px;text-align:center}.message.success{background:#f0fff4;color:#276749;border:1px solid #9ae6b4}.message.error{background:#fff5f5;color:#c53030;border:1px solid #fc8181}.message.info{background:#ebf8ff;color:#2b6cb0;border:1px solid #90cdf4}.current-plan-banner{text-align:center;padding:1rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border-radius:8px;margin-bottom:2rem}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.plan-card{background:var(--card-bg, white);border-radius:16px;padding:2rem;border:2px solid var(--border-color, #e2e8f0);position:relative;transition:all .3s ease}.plan-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.plan-card.featured{border-color:var(--primary-color);transform:scale(1.02)}.plan-card.featured:hover{transform:scale(1.02) translateY(-4px)}.plan-card.current{border-color:#48bb78}.plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600}.plan-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.plan-header h2{font-size:1.5rem;font-weight:700;color:var(--text-color, #2d3748);margin:0 0 1rem}.plan-price{display:flex;flex-direction:column;align-items:center}.plan-price .price{font-size:3rem;font-weight:700;color:var(--text-color, #2d3748);line-height:1}.plan-price .period{font-size:.9rem;color:var(--text-muted, #4a5568);margin-top:.25rem}.plan-price .savings{background:#c6f6d5;color:#276749;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;margin-top:.5rem}.plan-features{list-style:none;padding:0;margin:0 0 1.5rem}.plan-features li{padding:.75rem 0;border-bottom:1px solid var(--border-color, #e2e8f0);color:var(--text-color, #2d3748);font-size:.95rem;display:flex;align-items:center;gap:.5rem}.plan-features li:before{content:"✓";color:#2f855a;font-weight:700}.plan-features li.disabled{color:var(--text-muted, #4a5568)}.plan-features li.disabled:before{content:"✕";color:#e53e3e}.plan-features li.highlight{color:#2f855a;font-weight:600}.plan-features li:last-child{border-bottom:none}.plan-button{width:100%;padding:1rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.plan-button.primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none}.plan-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.plan-button.secondary{background:var(--bg-color, #f7fafc);color:var(--text-color, #2d3748);border:1px solid var(--border-color, #e2e8f0)}.plan-button.trial{background:#2f855a;color:#fff;border:none}.plan-button.trial:hover:not(:disabled){background:#38a169}.plan-button:disabled{opacity:.6;cursor:not-allowed}.business-section{background:linear-gradient(135deg,#1a202c,#2d3748);border-radius:16px;padding:2.5rem;color:#fff;text-align:center;margin-bottom:3rem}.business-section h2{font-size:1.75rem;margin:0 0 .5rem;color:#fff}.business-section>p{color:#e2e8f0;margin:0 0 2rem}.business-tier,.business-tier .tier-range,.business-tier .tier-price{color:#fff}.business-pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.business-tier{background:#ffffff1a;border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.25rem}.business-tier.highlight{background:#667eea4d;border:1px solid var(--primary-color)}.tier-range{font-weight:600}.tier-price{font-size:1.25rem;font-weight:700}.tier-discount{background:#48bb78;color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.8rem;font-weight:600;align-self:flex-start}.business-section .plan-button{max-width:300px;margin:0 auto}.discount-section{text-align:center;padding:2rem;background:var(--bg-color, #f7fafc);border-radius:12px;margin-bottom:3rem}.discount-section h3{margin:0 0 1rem;color:var(--text-color, #2d3748)}.discount-form{display:flex;gap:.5rem;justify-content:center;max-width:400px;margin:0 auto}.discount-form input{flex:1;padding:.75rem 1rem;border:2px solid var(--border-color, #e2e8f0);border-radius:8px;font-size:1rem;text-transform:uppercase}.discount-form button{padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.discount-applied{margin-top:1rem;color:#276749;font-weight:500}.faq-section{margin-bottom:2rem}.faq-section h2{text-align:center;margin-bottom:2rem;color:var(--text-color, #2d3748)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.faq-item{background:var(--card-bg, white);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color, #e2e8f0)}.faq-item h4{margin:0 0 .75rem;color:var(--text-color, #2d3748);font-size:1rem}.faq-item p{margin:0;color:var(--text-muted, #4a5568);font-size:.9rem;line-height:1.6}[data-theme=dark] .pricing-header h1,[data-theme=dark] .plan-header h2,[data-theme=dark] .plan-price .price,[data-theme=dark] .faq-section h2,[data-theme=dark] .faq-item h4{color:#f7fafc}[data-theme=dark] .billing-selector{background:#1a202c}[data-theme=dark] .billing-option{color:#a0aec0}[data-theme=dark] .billing-option.active{background:#2d3748;color:#818cf8}[data-theme=dark] .plan-card{background:#2d3748;border-color:#4a5568}[data-theme=dark] .plan-card.featured{border-color:#818cf8}[data-theme=dark] .plan-features li{color:#e2e8f0;border-color:#4a5568}[data-theme=dark] .discount-section{background:#1a202c}[data-theme=dark] .discount-form input{background:#2d3748;border-color:#4a5568;color:#f7fafc}[data-theme=dark] .faq-item{background:#2d3748;border-color:#4a5568}@media(max-width:768px){.pricing-header h1{font-size:2rem}.billing-selector{flex-direction:column;width:100%}.billing-option{width:100%;justify-content:center}.plan-card.featured{transform:none}.plan-card.featured:hover{transform:translateY(-4px)}}.activation-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.activation-modal{background:var(--card-bg, white);border-radius:16px;padding:2rem;max-width:420px;width:100%;box-shadow:0 20px 60px #0003}.activation-modal h3{margin:0 0 .5rem;font-size:1.5rem;color:var(--text-color, #2d3748)}.activation-modal p{margin:0 0 1.5rem;color:var(--text-muted, #4a5568);font-size:.95rem}.activation-modal input{width:100%;padding:.75rem 1rem;font-size:1rem;border:2px solid var(--border-color, #e2e8f0);border-radius:8px;margin-bottom:1.5rem;box-sizing:border-box}.activation-modal input:focus{outline:none;border-color:var(--primary-color)}.activation-modal-actions{display:flex;gap:1rem;justify-content:flex-end}.subscribe-modal .modal-section{margin-bottom:1.5rem}.subscribe-modal .modal-section-label{margin:0 0 .5rem;font-size:.9rem;color:var(--text-muted, #4a5568)}.subscribe-modal .discount-form{display:flex;gap:.5rem;margin-top:.5rem}.subscribe-modal .discount-form input{flex:1;padding:.5rem .75rem;border:2px solid var(--border-color, #e2e8f0);border-radius:8px;font-size:.95rem}.link-key-trigger{background:none;border:none;color:var(--primary-color);font-size:.95rem;text-decoration:underline;cursor:pointer;padding:0}.link-key-trigger:hover{text-decoration:none}.key-input-section{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.key-input-section input{padding:.75rem 1rem;font-size:1rem;border:2px solid var(--border-color, #e2e8f0);border-radius:8px}.contact-quote-page{max-width:640px;margin:0 auto;padding:2rem;width:100%}.contact-back-btn{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 0;background:none;border:none;color:#1a202c;font-size:.95rem;font-weight:500;cursor:pointer}.contact-back-btn:hover{color:#4f46e5;text-decoration:underline}.contact-quote-hero{text-align:center;margin-bottom:2rem}.contact-quote-hero h1{font-size:2rem;font-weight:700;color:#1a202c;margin:0 0 .75rem;line-height:1.2}.contact-quote-subtitle{font-size:1.1rem;color:#2d3748;margin:0;line-height:1.5}.contact-quote-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 10px 40px #0000001f;border:2px solid #e2e8f0}.contact-quote-steps{display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e2e8f0}.contact-step{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#2d3748;font-weight:500}.contact-step-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#4f46e5;color:#fff;border-radius:50%;font-size:.85rem;font-weight:700}.contact-quote-form .form-group{margin-bottom:1.25rem}.contact-quote-form .form-group label{display:block;font-weight:600;font-size:.95rem;color:#1a202c;margin-bottom:.5rem}.contact-quote-form .form-group input,.contact-quote-form .form-group textarea{width:100%;padding:.75rem 1rem;font-size:1rem;border:2px solid #cbd5e0;border-radius:.5rem;background:#fff;color:#1a202c;box-sizing:border-box}.contact-quote-form .form-group input::placeholder,.contact-quote-form .form-group textarea::placeholder{color:#718096}.contact-quote-form .form-group input:focus,.contact-quote-form .form-group textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e533}.contact-quote-form .form-group textarea{resize:vertical;min-height:100px}.contact-quote-form .message.error{margin-bottom:1rem;padding:1rem;background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:.5rem}.contact-submit-btn{width:100%;padding:1rem 1.5rem;font-size:1.1rem;font-weight:600;margin-top:.5rem}.contact-success-card{text-align:center;padding:3rem 2rem}.contact-success-icon{width:64px;height:64px;margin:0 auto 1.5rem;background:#059669;color:#fff;font-size:2rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}.contact-success-card h1{font-size:1.5rem;color:#059669;margin:0 0 .75rem}.contact-success-card p{color:#2d3748;font-size:1rem;margin:0 0 1.5rem;line-height:1.6}.contact-btn{padding:.75rem 2rem}[data-theme=dark] .contact-back-btn{color:#f7fafc}[data-theme=dark] .contact-back-btn:hover{color:#a78bfa}[data-theme=dark] .contact-quote-hero h1{color:#f7fafc}[data-theme=dark] .contact-quote-subtitle{color:#cbd5e1}[data-theme=dark] .contact-quote-card{background:#2d3748;border-color:#4a5568}[data-theme=dark] .contact-step{color:#cbd5e1}[data-theme=dark] .contact-quote-form .form-group label{color:#f7fafc}[data-theme=dark] .contact-quote-form .form-group input,[data-theme=dark] .contact-quote-form .form-group textarea{background:#1a202c;border-color:#4a5568;color:#f7fafc}[data-theme=dark] .contact-success-card h1{color:#34d399}[data-theme=dark] .contact-success-card p{color:#cbd5e1}.help-page{min-height:100vh;padding:2rem 1rem}.help-container{max-width:900px;margin:0 auto}.help-page h1{color:#fff;font-size:2rem;text-align:center;margin-bottom:.5rem}.help-intro{color:#ffffffe6;text-align:center;margin-bottom:2.5rem;font-size:1.1rem}.help-toc{background:#fffffff2;border-radius:1rem;padding:1.5rem 2rem;margin-bottom:2.5rem;box-shadow:0 4px 6px -1px #0000001a}.help-toc h2{font-size:1.125rem;color:#2d3748;margin-bottom:1rem}.help-toc ul{list-style:none;padding:0;margin:0}.help-toc li{margin-bottom:.5rem}.help-toc a{color:var(--primary-color);text-decoration:none;font-weight:500}.help-toc a:hover{text-decoration:underline}.help-section{margin-bottom:2.5rem}.help-section h2{color:#fff;font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid rgba(255,255,255,.3)}.help-card{background:#fff;border-radius:.75rem;padding:1.25rem 1.5rem;margin-bottom:1rem;box-shadow:0 2px 4px #00000014}.help-card h3{font-size:1.125rem;color:#2d3748;margin-bottom:.5rem}.help-card p{color:#4a5568;line-height:1.6;margin:0;font-size:.95rem}.comparison-table-wrapper{overflow-x:auto;margin-bottom:1.5rem;border-radius:.75rem;box-shadow:0 2px 4px #00000014}.help-comparison{width:100%;border-collapse:collapse;background:#fff}.help-comparison th,.help-comparison td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e2e8f0}.help-comparison th{background:#f7fafc;font-weight:600;color:#2d3748}.help-comparison td:nth-child(2),.help-comparison td:nth-child(3){text-align:center}.help-comparison tbody tr:hover{background:#f7fafc}.help-note{background:linear-gradient(135deg,#ebf8ff,#e6fffa);border-radius:.75rem;padding:1.25rem 1.5rem;border-left:4px solid #3182ce}.help-note h3{font-size:1rem;color:#2c5282;margin-bottom:.5rem}.help-note p{color:#2d3748;line-height:1.6;margin:0;font-size:.95rem}.help-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.help-plan-card{background:#fff;border-radius:.75rem;padding:1.25rem;box-shadow:0 2px 4px #00000014}.help-plan-card.highlight{border:2px solid var(--primary-color);background:linear-gradient(135deg,#faf5ff,#f5f3ff)}.help-plan-card h3{font-size:1.125rem;color:#2d3748;margin-bottom:.5rem}.help-plan-card p{font-size:.875rem;color:#4a5568;line-height:1.5;margin-bottom:1rem}.help-plan-card .btn-primary,.help-plan-card .btn-secondary{width:100%;padding:.5rem 1rem;font-size:.875rem}.help-cta{background:#fff;border-radius:1rem;padding:2rem;text-align:center;margin-top:2rem;box-shadow:0 4px 6px -1px #0000001a}.help-cta p{color:#4a5568;margin-bottom:1rem}.help-cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.help-cta-buttons .btn-primary,.help-cta-buttons .btn-secondary{padding:.75rem 1.5rem}@media(max-width:640px){.help-page h1{font-size:1.5rem}.help-toc,.help-card{padding:1rem 1.25rem}.help-comparison th,.help-comparison td{padding:.5rem .75rem;font-size:.875rem}.help-cards-grid{grid-template-columns:1fr}}[data-theme=dark] .help-toc,[data-theme=dark] .help-card,[data-theme=dark] .help-comparison,[data-theme=dark] .help-plan-card,[data-theme=dark] .help-cta{background:#2d3748}[data-theme=dark] .help-toc h2,[data-theme=dark] .help-card h3,[data-theme=dark] .help-plan-card h3{color:#f7fafc}[data-theme=dark] .help-toc a{color:#a78bfa}[data-theme=dark] .help-card p,[data-theme=dark] .help-plan-card p,[data-theme=dark] .help-cta p{color:#cbd5e0}[data-theme=dark] .help-comparison th{background:#1a202c;color:#f7fafc}[data-theme=dark] .help-comparison td{color:#cbd5e0}[data-theme=dark] .help-comparison th,[data-theme=dark] .help-comparison td{border-color:#4a5568}[data-theme=dark] .help-comparison tbody tr:hover{background:#1a202c}[data-theme=dark] .help-note{background:linear-gradient(135deg,#1a365d,#234e52);border-color:#63b3ed}[data-theme=dark] .help-note h3{color:#90cdf4}[data-theme=dark] .help-note p{color:#e2e8f0}[data-theme=dark] .help-plan-card.highlight{background:linear-gradient(135deg,#2d1f4e,#2c2640);border-color:#a78bfa}.cookie-banner-overlay{position:fixed;bottom:0;left:0;right:0;z-index:9999;padding:1rem;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.cookie-banner{max-width:800px;margin:0 auto;background:#fff;border-radius:1rem;box-shadow:0 -4px 20px #00000026;padding:1.5rem}.cookie-text h3{margin:0 0 .5rem;font-size:1.125rem;color:#1a202c}.cookie-text p{margin:0;font-size:.875rem;color:#4a5568;line-height:1.5}.cookie-details{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.cookie-category strong{display:block;color:#1a202c;font-size:.875rem}.cookie-category span{display:block;color:#4a5568;font-size:.75rem}.btn-cookie-necessary{background:#fff;border:2px solid #4a5568;color:#1a202c}.btn-cookie-necessary:hover{border-color:var(--primary-color);color:var(--primary-color)}.cookie-links{border-top:1px solid #e2e8f0}.cookie-links span{color:#4a5568}[data-theme=dark] .cookie-banner{background:#2d3748;box-shadow:0 -4px 20px #0006}[data-theme=dark] .cookie-text h3{color:#f7fafc}[data-theme=dark] .cookie-text p{color:#cbd5e1}[data-theme=dark] .cookie-details{border-top-color:#4a5568}[data-theme=dark] .cookie-category strong{color:#f7fafc}[data-theme=dark] .cookie-category span{color:#a0aec0}[data-theme=dark] .btn-cookie-details{color:#a78bfa}[data-theme=dark] .btn-cookie-details:hover{color:#c4b5fd}[data-theme=dark] .btn-cookie-necessary{background:#1a202c;border-color:#718096;color:#f7fafc}[data-theme=dark] .btn-cookie-necessary:hover{border-color:#a78bfa;color:#c4b5fd}[data-theme=dark] .btn-cookie-accept{background:linear-gradient(135deg,#6366f1,#7c3aed);color:#fff}[data-theme=dark] .cookie-links{border-top-color:#4a5568}[data-theme=dark] .cookie-links a,[data-theme=dark] .cookie-links button{color:#a78bfa}[data-theme=dark] .cookie-links a:hover,[data-theme=dark] .cookie-links button:hover{color:#c4b5fd}[data-theme=dark] .cookie-links span{color:#718096}.cookie-banner-content{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1rem}.cookie-icon{font-size:2.5rem;flex-shrink:0}.cookie-category{margin-bottom:.75rem}.cookie-category label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer}.cookie-category input[type=checkbox]{width:1.25rem;height:1.25rem;margin-top:.125rem;accent-color:var(--primary-color)}.cookie-actions{display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap}.btn-cookie-details,.btn-cookie-necessary,.btn-cookie-accept{padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.btn-cookie-details{background:transparent;border:none;color:var(--primary-color)}.btn-cookie-details:hover{text-decoration:underline}.btn-cookie-accept{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border:none;color:#fff}.btn-cookie-accept:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.cookie-links{margin-top:1rem;padding-top:1rem;text-align:center;font-size:.75rem}.cookie-links a,.cookie-links button{color:var(--primary-color);text-decoration:none;background:none;border:none;cursor:pointer;font-size:.75rem}.cookie-links a:hover,.cookie-links button:hover{text-decoration:underline}.cookie-links span{margin:0 .5rem}@media(max-width:640px){.cookie-banner-content{flex-direction:column;text-align:center}.cookie-actions{flex-direction:column}.btn-cookie-details,.btn-cookie-necessary,.btn-cookie-accept{width:100%}}.settings-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.settings-panel{background:var(--card-bg, white);border-radius:1rem;width:90%;max-width:400px;box-shadow:0 20px 40px #0003;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.settings-header h2{margin:0;font-size:1.25rem;color:var(--text-color, #2d3748)}.settings-close{width:2rem;height:2rem;border:none;background:none;font-size:1.5rem;color:var(--text-muted, #718096);cursor:pointer;border-radius:.5rem;transition:all .2s ease}.settings-close:hover{background:var(--border-color, #e2e8f0);color:var(--text-color, #2d3748)}.settings-content{padding:1.5rem}.settings-section{margin-bottom:1.5rem}.settings-section:last-child{margin-bottom:0}.settings-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-muted, #718096);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.settings-options{display:flex;gap:.5rem}.settings-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.75rem;background:var(--bg-color, #f7fafc);border:2px solid var(--border-color, #e2e8f0);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.settings-option:hover{border-color:var(--primary-color);background:var(--card-bg, white)}.settings-option.active{border-color:var(--primary-color);background:linear-gradient(135deg,#ebf4ff,#f0e6f6)}.option-flag,.option-icon{font-size:1.5rem}.option-flag.lang-code{font-size:.75rem;font-weight:700;letter-spacing:.05em;min-width:2rem;display:inline-flex;align-items:center;justify-content:center}.option-name{font-size:.75rem;font-weight:500;color:var(--text-color, #2d3748)}.theme-options{display:grid;grid-template-columns:repeat(3,1fr)}[data-theme=dark] .settings-panel{background:#1a202c}[data-theme=dark] .settings-header{border-color:#2d3748}[data-theme=dark] .settings-header h2{color:#f7fafc}[data-theme=dark] .settings-close{color:#a0aec0}[data-theme=dark] .settings-close:hover{background:#2d3748;color:#f7fafc}[data-theme=dark] .settings-option{background:#2d3748;border-color:#4a5568}[data-theme=dark] .settings-option:hover{border-color:var(--primary-color);background:#2d3748}[data-theme=dark] .settings-option.active{background:linear-gradient(135deg,#2d3748,#3d4a5c)}[data-theme=dark] .option-name{color:#f7fafc}.settings-passkey-btn{width:100%;display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-color, #f7fafc);border:2px solid var(--border-color, #e2e8f0);border-radius:.5rem;cursor:pointer;transition:all .2s ease;text-align:left}.settings-passkey-btn:hover{border-color:var(--primary-color);background:var(--card-bg, white)}.passkey-btn-icon{font-size:1.5rem}.passkey-btn-text{flex:1}.passkey-btn-text strong{display:block;color:var(--text-color, #2d3748);font-size:.9375rem}.passkey-btn-text span{display:block;color:var(--text-muted, #718096);font-size:.75rem;margin-top:.125rem}.passkey-btn-arrow{color:var(--text-muted, #718096);font-size:1.25rem}.passkey-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1001;padding:1rem}.chat-fab{position:fixed;bottom:24px;right:24px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border:none;cursor:grab;box-shadow:0 4px 20px #667eea66;z-index:999;transition:transform .3s ease,opacity .3s ease,box-shadow .3s ease;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;touch-action:none}.chat-fab:active{cursor:grabbing}.chat-fab.dragging{cursor:grabbing;transition:none}.chat-fab.dragging:hover{transform:none}.chat-fab:hover:not(.dragging){transform:scale(1.1);box-shadow:0 6px 30px #667eea80}.chat-fab.hidden{transform:scale(0);opacity:0}.fab-icon{font-size:28px}.fab-badge{position:absolute;top:-4px;right:-4px;background:#48bb78;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;box-shadow:0 2px 4px #0003}.chat-window{position:fixed;bottom:24px;right:24px;width:380px;height:550px;background:var(--card-bg, white);border-radius:16px;box-shadow:0 10px 40px #0003;z-index:1000;display:flex;flex-direction:column;overflow:hidden;transform:scale(.8);opacity:0;pointer-events:none;transition:all .3s ease;transform-origin:bottom right}.chat-window.open{transform:scale(1);opacity:1;pointer-events:auto}.chat-header{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff}.chat-avatar{width:44px;height:44px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px}.chat-info{flex:1}.chat-info h3{margin:0;font-size:16px;font-weight:600}.chat-status{display:flex;align-items:center;gap:6px;font-size:12px;opacity:.9}.status-dot{width:8px;height:8px;background:#48bb78;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-close{width:32px;height:32px;background:#fff3;border:none;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;transition:background .2s ease}.chat-close:hover{background:#ffffff4d}.chat-messages{flex:1;overflow-y:auto;padding:16px;background:var(--bg-color, #f7fafc)}.message{display:flex;gap:8px;margin-bottom:16px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse}.message-avatar{width:32px;height:32px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.message-content{max-width:75%;padding:12px 16px;border-radius:16px;position:relative}.message.kira .message-content{background:var(--card-bg, white);border-bottom-left-radius:4px;box-shadow:0 2px 8px #0000000d}.message.user .message-content{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border-bottom-right-radius:4px}.message-content p{margin:0;font-size:14px;line-height:1.5;color:var(--text-color, #2d3748)}.message.user .message-content p{color:#fff}.message-time{display:block;font-size:10px;color:var(--text-muted, #a0aec0);margin-top:4px}.message.user .message-time{color:#ffffffb3}.message-content.typing{display:flex;gap:4px;padding:16px 20px}.typing-dot{width:8px;height:8px;background:var(--primary-color);border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.chat-input-container{display:flex;gap:8px;padding:12px 16px;background:var(--card-bg, white);border-top:1px solid var(--border-color, #e2e8f0)}.chat-input{flex:1;padding:10px 16px;border:2px solid var(--border-color, #e2e8f0);border-radius:24px;font-size:14px;outline:none;transition:border-color .2s ease;background:var(--bg-color, #f7fafc);color:var(--text-color, #2d3748)}.chat-input:focus{border-color:var(--primary-color)}.chat-input::placeholder{color:var(--text-muted, #a0aec0)}.chat-send{width:44px;height:44px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border:none;border-radius:50%;color:#fff;font-size:18px;cursor:pointer;transition:all .2s ease}.chat-send:hover:not(:disabled){transform:scale(1.05)}.chat-send:disabled{opacity:.5;cursor:not-allowed}.chat-suggestions{padding:12px 16px;background:var(--bg-color, #f7fafc);border-top:1px solid var(--border-color, #e2e8f0)}.chat-suggestions p{font-size:11px;color:var(--text-muted, #718096);margin:0 0 8px;text-transform:uppercase;letter-spacing:.05em}.suggestions-list{display:flex;flex-wrap:wrap;gap:6px}.suggestions-list button{padding:6px 12px;background:var(--card-bg, white);border:1px solid var(--border-color, #e2e8f0);border-radius:16px;font-size:12px;color:var(--primary-color);cursor:pointer;transition:all .2s ease}.suggestions-list button:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}@media(max-width:480px){.chat-window{width:calc(100% - 16px);height:calc(100% - 100px);bottom:8px;right:8px;border-radius:12px}.chat-fab{bottom:16px;right:16px}}[data-theme=dark] .chat-messages{background:#1a202c}[data-theme=dark] .message.kira .message-content{background:#2d3748}[data-theme=dark] .chat-input-container{background:#2d3748;border-color:#4a5568}[data-theme=dark] .chat-input,[data-theme=dark] .chat-suggestions{background:#1a202c;border-color:#4a5568}[data-theme=dark] .chat-suggestions p{color:#f7fafc}[data-theme=dark] .suggestions-list button{background:#2d3748;border-color:#4a5568;color:#f7fafc}[data-theme=dark] .suggestions-list button:hover{background:#4f46e5;color:#fff;border-color:#4f46e5}[data-theme=dark] .message.kira .message-content p,[data-theme=dark] .message-content p{color:#f7fafc}[data-theme=dark] .message-time{color:#cbd5e1}[data-theme=dark] .chat-input,[data-theme=dark] .chat-messages{color:#f7fafc}.sidebar{width:260px;min-height:100vh;background:var(--card-bg);border-right:1px solid #e2e8f0;display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100;transition:width .5s cubic-bezier(.32,.72,0,1),opacity .4s ease}.sidebar.collapsed{width:70px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e2e8f0}.sidebar-logo{display:flex;align-items:center;gap:.75rem;cursor:pointer;overflow:hidden}.sidebar-logo .logo-icon{font-size:1.5rem;flex-shrink:0}.sidebar-logo .logo-text{font-size:1rem;font-weight:700;color:#2d3748;white-space:nowrap;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:opacity .2s ease}.sidebar-toggle{width:28px;height:28px;border:none;background:#f7fafc;border-radius:.375rem;cursor:pointer;font-size:.875rem;color:#718096;transition:background .2s ease,color .2s ease,transform .2s ease;flex-shrink:0}.sidebar-toggle:hover{background:#edf2f7;color:#2d3748}.sidebar-toggle:disabled{opacity:.5;cursor:not-allowed}.sidebar.collapsed .sidebar-toggle{margin:0 auto}.sidebar-user{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f7fafc;margin:.75rem;border-radius:.5rem}.user-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem;flex-shrink:0}.user-info{display:flex;flex-direction:column;overflow:hidden}.user-name{font-weight:600;color:#2d3748;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav{flex:1;padding:.5rem;overflow-y:auto}.nav-section{margin-bottom:1rem}.nav-section-title{display:block;padding:.5rem .75rem;font-size:.625rem;font-weight:600;color:#a0aec0;text-transform:uppercase;letter-spacing:.1em}.nav-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;border:none;background:transparent;border-radius:.5rem;cursor:pointer;transition:all .2s ease;text-align:left}.nav-item:hover{background:#f7fafc}.nav-item.active{background:linear-gradient(135deg,#ebf4ff,#e9d8fd);color:var(--primary-color)}.nav-item.active .nav-icon{transform:scale(1.1)}.nav-icon{font-size:1.25rem;flex-shrink:0;transition:transform .2s ease}.nav-label{font-size:.9375rem;color:#4a5568;font-weight:500;white-space:nowrap}.nav-item.active .nav-label{color:var(--primary-color);font-weight:600}.nav-item.logout,.nav-item.logout .nav-label{color:#e53e3e}.nav-item.logout:hover{background:#fff5f5}.sidebar-bottom{padding:.5rem;border-top:1px solid #e2e8f0}.sidebar.collapsed .sidebar-user,.sidebar.collapsed .nav-section-title,.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:.75rem}.sidebar.collapsed .sidebar-header{flex-direction:column;gap:.5rem;padding:.75rem .5rem;align-items:center}.sidebar.collapsed .sidebar-logo{justify-content:center}.sidebar.collapsed .sidebar-logo .logo-icon{font-size:1.75rem}.sidebar.collapsed .sidebar-logo .logo-text{display:none}.sidebar.collapsed .sidebar-toggle{width:100%;max-width:50px}@media(max-width:768px){.sidebar{width:70px}.sidebar .sidebar-user,.sidebar .nav-section-title,.sidebar .nav-label{display:none}.sidebar .nav-item,.sidebar .sidebar-header{justify-content:center}.sidebar .sidebar-logo .logo-text,.sidebar .sidebar-toggle{display:none}}[data-theme=dark] .sidebar{background:#1a202c;border-right-color:#2d3748}[data-theme=dark] .sidebar-header{border-bottom-color:#2d3748}[data-theme=dark] .sidebar-logo .logo-text{color:#f7fafc}[data-theme=dark] .sidebar-toggle{background:#2d3748;color:#a0aec0}[data-theme=dark] .sidebar-toggle:hover{background:#4a5568;color:#f7fafc}[data-theme=dark] .sidebar-user{background:#2d3748}[data-theme=dark] .user-name{color:#f7fafc}[data-theme=dark] .user-email{color:#a0aec0}[data-theme=dark] .nav-item:hover{background:#2d3748}[data-theme=dark] .nav-item.active{background:linear-gradient(135deg,#2d3748,#1a202c)}[data-theme=dark] .nav-label{color:#e2e8f0}[data-theme=dark] .sidebar-bottom{border-top-color:#2d3748}.hamburger-btn{position:fixed;top:1rem;left:1rem;z-index:200;width:44px;height:44px;padding:10px;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.hamburger-btn:hover{background:#f7fafc}.hamburger-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.hamburger-line{width:20px;height:2px;background:#2d3748;border-radius:2px;transition:all .3s ease}.hamburger-btn.open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-btn.open .hamburger-line:nth-child(2){opacity:0}.hamburger-btn.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}[data-theme=dark] .hamburger-btn{background:#1a202c;border-color:#2d3748}[data-theme=dark] .hamburger-btn:hover{background:#2d3748}[data-theme=dark] .hamburger-line{background:#e2e8f0}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:99;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar.mobile{transform:translate(-100%);width:280px;z-index:150}.sidebar.mobile.mobile-open{transform:translate(0)}.sidebar.mobile .sidebar-header{padding-top:1.5rem}.sidebar.mobile .sidebar-toggle{display:none}.sidebar.mobile .nav-label{display:block!important}@media(max-width:768px){.sidebar:not(.mobile){display:none}.main-content{padding-top:70px!important}}@media(min-width:769px){.hamburger-btn,.sidebar-overlay{display:none}}@media(max-width:768px){.nav-item{min-height:48px;padding:.875rem 1rem}.nav-icon{font-size:1.25rem}.nav-label{font-size:1rem}}.notification-bell{position:relative}.bell-button{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:background .2s;position:relative}.bell-button:hover{background:#667eea1a}.bell-icon{font-size:1.25rem}.bell-button.has-unread .bell-icon{animation:ring .5s ease-in-out}@keyframes ring{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}50%{transform:rotate(-15deg)}75%{transform:rotate(10deg)}}.badge{position:absolute;top:0;right:0;background:#e53e3e;color:#fff;font-size:.625rem;font-weight:700;padding:.125rem .375rem;border-radius:1rem;min-width:1rem;text-align:center}.notification-dropdown{position:absolute;top:100%;right:0;width:360px;max-height:480px;background:#fff;border-radius:.75rem;box-shadow:0 10px 40px #00000026;z-index:1000;overflow:hidden;margin-top:.5rem}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e2e8f0}.dropdown-header h3{font-size:1rem;font-weight:600;color:#2d3748;margin:0}.mark-all-read{background:none;border:none;color:var(--primary-color);font-size:.75rem;cursor:pointer}.mark-all-read:hover{text-decoration:underline}.notification-list{max-height:360px;overflow-y:auto}.no-notifications{padding:2rem;text-align:center;color:#718096}.empty-icon{font-size:2rem;display:block;margin-bottom:.5rem}.notification-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-bottom:1px solid #f7fafc;cursor:pointer;transition:background .2s;position:relative}.notification-item:hover{background:#f7fafc}.notification-item.unread{background:#ebf4ff}.notification-item.unread:hover{background:#dbeafe}.notification-icon{font-size:1.25rem;flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;font-size:.875rem;color:#2d3748;margin-bottom:.25rem}.notification-message{font-size:.75rem;color:#718096;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.notification-time{font-size:.625rem;color:#a0aec0;margin-top:.25rem}.unread-dot{width:8px;height:8px;background:var(--primary-color);border-radius:50%;flex-shrink:0}.dropdown-footer{padding:.75rem;border-top:1px solid #e2e8f0;text-align:center}.dropdown-footer-actions{display:flex;flex-direction:column;gap:.5rem;align-items:stretch}.manage-preferences,.view-all{background:none;border:none;color:var(--primary-color);font-size:.875rem;cursor:pointer;padding:.25rem 0}.manage-preferences:hover,.view-all:hover{text-decoration:underline}[data-theme=dark] .notification-dropdown{background:#2d3748;box-shadow:0 10px 40px #0006}[data-theme=dark] .dropdown-header{border-color:#4a5568}[data-theme=dark] .dropdown-header h3{color:#f7fafc}[data-theme=dark] .no-notifications{color:#a0aec0}[data-theme=dark] .notification-item{border-color:#4a5568}[data-theme=dark] .notification-item:hover{background:#3d4852}[data-theme=dark] .notification-item.unread{background:#3d4252}[data-theme=dark] .notification-title{color:#f7fafc}[data-theme=dark] .notification-message{color:#a0aec0}[data-theme=dark] .dropdown-footer{border-color:#4a5568}@media(max-width:480px){.notification-dropdown{width:calc(100vw - 2rem);right:-1rem}}.inactivity-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.inactivity-modal{background:#fff;border-radius:1rem;padding:2rem;max-width:400px;box-shadow:0 25px 50px -12px #00000040}.inactivity-modal h2{margin:0 0 1rem;font-size:1.5rem;color:#2d3748}.inactivity-modal p{margin:0 0 .75rem;color:#4a5568;line-height:1.5}.inactivity-countdown{color:#e53e3e!important;font-weight:500}.inactivity-actions{margin-top:1.5rem}.inactivity-actions .btn-primary{width:100%;padding:.75rem 1.5rem}[data-theme=dark] .inactivity-modal{background:#2d3748}[data-theme=dark] .inactivity-modal h2{color:#f7fafc}[data-theme=dark] .inactivity-modal p{color:#cbd5e0}.maintenance-overlay{position:fixed;inset:0;z-index:99999;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;padding:2rem}.maintenance-content{text-align:center;max-width:400px}.maintenance-icon{font-size:4rem;display:block;margin-bottom:1rem}.maintenance-content h1{color:#fff;font-size:1.75rem;margin:0 0 1rem}.maintenance-content p{color:#ffffffd9;font-size:1rem;line-height:1.6;margin:0}:root{--primary-color: #4f46e5;--primary-dark: #4338ca;--secondary-color: #5b21b6;--success-color: #059669;--error-color: #dc2626;--warning-color: #c2410c;--bg-color: #f7fafc;--card-bg: #ffffff;--text-color: #1a202c;--text-muted: #2d3748;--border-color: #e2e8f0;--input-bg: #ffffff;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem}[data-theme=dark]{--bg-color: #1a202c;--card-bg: #2d3748;--text-color: #f7fafc;--text-muted: #cbd5e1;--border-color: #4a5568;--input-bg: #1a202c;--text-primary: #f7fafc;--text-secondary: #cbd5e1;--bg-secondary: #2d3748;--bg-tertiary: #374151;--primary: #a78bfa;--heading-on-light: #f7fafc;--body-on-light: #e2e8f0;--muted-on-light: #cbd5e1;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4)}:root{--text-primary: #1a202c;--text-secondary: #2d3748;--bg-secondary: #f7fafc;--bg-tertiary: #edf2f7;--primary: #4f46e5;--heading-on-light: #1a202c;--body-on-light: #2d3748;--muted-on-light: #4a5568}[data-theme=dark] body{background:linear-gradient(135deg,#1a1a2e,#16213e)}[data-theme=dark] .app-main-public{background:#1a202ce6;color:#f7fafc}[data-theme=dark] .app-main-public h1,[data-theme=dark] .app-main-public h2,[data-theme=dark] .app-main-public h3,[data-theme=dark] .app-main-public p,[data-theme=dark] .app-main-public label,[data-theme=dark] .app-main-public .contact-back-btn{color:#f7fafc}[data-theme=dark] .card{background:var(--card-bg);color:var(--text-color)}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:#1a202c!important;color:#f7fafc!important;border-color:#4a5568!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#94a3b8!important}[data-theme=dark] .form-group label,[data-theme=dark] .card h1,[data-theme=dark] .card .subtitle{color:#f7fafc}[data-theme=dark] .card .subtitle{color:#a0aec0}[data-theme=dark] .page-container .card{background:#2d3748}[data-theme=dark] .link,[data-theme=dark] .text-link,[data-theme=dark] a{color:#a78bfa}[data-theme=dark] .message.error{background:#3d2828;color:#fc8181}[data-theme=dark] .message.success{background:#1c4532;color:#68d391}[data-theme=dark] .stats-banner .stat,[data-theme=dark] .site-card,[data-theme=dark] .import-section,[data-theme=dark] .format-card{background:var(--card-bg);color:var(--text-color)}[data-theme=dark] .modal{background:var(--card-bg)}[data-theme=dark] .modal h2,[data-theme=dark] .modal label{color:var(--text-color)}[data-theme=dark] .empty-state{background:var(--card-bg);color:var(--text-muted)}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:#f7fafc}[data-theme=dark] p{color:#e2e8f0}[data-theme=dark] strong{color:#f7fafc}[data-theme=dark] .page-card,[data-theme=dark] .page-card p,[data-theme=dark] .page-card .description{color:#e2e8f0}[data-theme=dark] .page-card h2,[data-theme=dark] .page-card h3,[data-theme=dark] .page-section h2,[data-theme=dark] .page-section h3{color:#f7fafc}[data-theme=dark] .generated-password{background:#1a202c;border-color:#4a5568}[data-theme=dark] .generated-password code,[data-theme=dark] .password-length-label,[data-theme=dark] .password-length-value{color:#f7fafc}.checkbox-group .checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;font-size:.9rem;color:var(--text-color, #2d3748)}.checkbox-group .checkbox-label input[type=checkbox]{width:1.25rem;height:1.25rem;margin-top:.15rem;flex-shrink:0;accent-color:var(--primary-color);cursor:pointer}[data-theme=dark] .checkbox-group label,[data-theme=dark] .checkbox-label,[data-theme=dark] .option-label{color:#e2e8f0}[data-theme=dark] .badge,[data-theme=dark] .security-badge{background:#374151;color:#e2e8f0}[data-theme=dark] .section-description,[data-theme=dark] .card-description,[data-theme=dark] .form-hint,[data-theme=dark] .field-hint{color:#cbd5e1}[data-theme=dark] input[type=range]{background:#4a5568}[data-theme=dark] table{color:var(--text-color)}[data-theme=dark] th{color:#f7fafc;background:#374151}[data-theme=dark] td{color:#e2e8f0;border-color:#4a5568}[data-theme=dark] .sidebar-header .logo-text{color:#f7fafc}[data-theme=dark] .btn-secondary{background:#2d3748;border-color:var(--primary);color:var(--primary)}[data-theme=dark] .btn-secondary:hover{background:var(--primary);color:#1a202c}[data-theme=dark] .share-card,[data-theme=dark] .share-option,[data-theme=dark] .about-section,[data-theme=dark] .about-card{background:#2d3748;color:#f7fafc}[data-theme=dark] .profile-card,[data-theme=dark] .security-section{background:#2d3748}[data-theme=dark] .info-group label,[data-theme=dark] .info-value{color:#e2e8f0}[data-theme=dark] ::-webkit-scrollbar-track{background:#1a202c}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#4a5568}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#5a6577}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);min-height:100vh;color:var(--text-color);line-height:1.6}.app,.app-public{display:flex;flex-direction:column;min-height:100vh}.app-header-simple{background:#ffffff1a;backdrop-filter:blur(10px);padding:1rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;gap:1rem}.app-header-actions{display:flex;align-items:center;gap:.75rem;margin-left:auto}.btn-admin-logout{padding:.5rem 1rem;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:.5rem;color:#fff;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s}.btn-admin-logout:hover{background:#ffffff4d;border-color:#ffffff80}.btn-back-home{padding:.5rem 1rem;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:.5rem;color:#fff;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s}.btn-back-home:hover{background:#ffffff4d;border-color:#ffffff80}.app-main-public{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:2rem;background:#fffffff2;color:#1a202c}.app-main-public h1,.app-main-public h2,.app-main-public h3,.app-main-public p,.app-main-public label,.app-main-public .card,.app-main-public [class*=-card]{color:#1a202c}.app-with-sidebar{display:flex;min-height:100vh;background:#f7fafc}.app-main-internal{color:#1a202c}.app-main-internal h1,.app-main-internal h2,.app-main-internal h3,.app-main-internal h4,.app-main-internal p,.app-main-internal label,.app-main-internal span{color:inherit}.app-content{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .3s ease}.app-header-internal{background:#fff;padding:1rem 2rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:50}.header-title,.header-title .header-title-text{font-size:1.5rem;color:#2d3748;font-weight:600}.header-actions{display:flex;gap:.5rem}.header-btn{width:40px;height:40px;border:none;background:#f7fafc;border-radius:.5rem;cursor:pointer;font-size:1.25rem;transition:background .2s ease}.header-btn:hover{background:#edf2f7}.app-main-internal{flex:1;padding:2rem;overflow-y:auto;color:#1a202c}.app-main-internal h1,.app-main-internal h2,.app-main-internal h3,.app-main-internal h4,.app-main-internal p,.app-main-internal label{color:#1a202c}.app-footer-internal{padding:1rem 2rem;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-muted);background:#fff}.app-footer-internal p{margin:0}.app-footer-internal .footer-links{display:flex;gap:.5rem}.app-footer-internal .footer-links button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.75rem}.app-footer-internal .footer-links button:hover{color:var(--primary-color)}.sidebar.collapsed+.app-content{margin-left:70px}[data-theme=dark] .app-with-sidebar{background:#0f1419}[data-theme=dark] .app-header-internal{background:#1a202c;border-bottom-color:#2d3748}[data-theme=dark] .header-title,[data-theme=dark] .header-title .header-title-text{color:#f7fafc}[data-theme=dark] .header-btn{background:#2d3748;color:#e2e8f0}[data-theme=dark] .header-btn:hover{background:#4a5568}[data-theme=dark] .app-main-internal{background:#0f1419}[data-theme=dark] .app-footer-internal{background:#1a202c;border-top-color:#2d3748;color:#a0aec0}[data-theme=dark] .app-footer-internal .footer-links button{color:#cbd5e0}@media(max-width:768px){.app-content{margin-left:0;padding-top:0}.app-main-internal{padding:4rem 1rem 1rem}}.app-header{background:#ffffff1a;backdrop-filter:blur(10px);padding:1rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.app-nav{display:flex;gap:.5rem;align-items:center}.nav-link{padding:.5rem 1rem;background:transparent;border:none;color:#fffc;font-size:.875rem;font-weight:500;cursor:pointer;border-radius:.375rem;transition:all .2s ease}.nav-link:hover{background:#ffffff1a;color:#fff}.nav-link.active{background:#fff3;color:#fff}.nav-link.settings-btn{font-size:1.25rem;padding:.5rem}.nav-link.logout{color:#fed7d7;margin-left:.5rem}.nav-link.logout:hover{background:#feb2b233;color:#fc8181}.logo{display:flex;align-items:center;gap:.5rem;cursor:pointer;width:fit-content}.logo-icon{font-size:1.5rem}.logo-text{font-size:1.25rem;font-weight:700;color:#fff}.app-main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.app-footer{background:#0000001a;padding:1rem 2rem;text-align:center;color:#ffffffb3;font-size:.875rem}.footer-links{margin-top:.5rem}.footer-links button{background:none;border:none;color:#ffffffb3;font-size:.75rem;cursor:pointer;transition:color .2s ease}.footer-links button:hover{color:#fff;text-decoration:underline}.footer-links span{margin:0 .5rem;color:#fff6}.page-container{width:100%;max-width:420px}.card{background:var(--card-bg);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-xl)}.card h1{font-size:1.75rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem}.verification-step{text-align:center;margin-bottom:1rem}.step-badge{display:inline-block;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600}.form-hint{display:block;margin-top:.375rem;font-size:.75rem;color:var(--text-muted)}.card .subtitle{color:var(--text-muted);margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-color);margin-bottom:.5rem}.form-group input{width:100%;padding:.75rem 1rem;font-size:1rem;border:2px solid var(--border-color);border-radius:var(--radius-md);transition:all .2s ease;background:#fff}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a}.form-group input:disabled{background:var(--bg-color);cursor:not-allowed}.form-group input::placeholder{color:var(--text-muted)}.input-with-button{display:flex;gap:.5rem}.input-with-button input{flex:1}.otp-input{text-align:center;font-size:1.5rem!important;font-weight:700;letter-spacing:.5rem;font-family:monospace}input[type=range]{width:100%;height:8px;border-radius:4px;background:var(--border-color);cursor:pointer;-webkit-appearance:none;appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary-color);cursor:pointer;box-shadow:var(--shadow-md)}.btn-primary{width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;color:var(--primary-color);background:#fff;border:2px solid var(--primary-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--primary-color);color:#fff}.btn-logout{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--error-color);background:transparent;border:1px solid var(--error-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.btn-logout:hover{background:var(--error-color);color:#fff}.btn-copy{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--success-color);background:transparent;border:1px solid var(--success-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-copy:hover{background:var(--success-color);color:#fff}.dev-test-banner{padding:.75rem 1rem;margin-bottom:1rem;background:#fef3c7;border:1px solid #f59e0b;border-radius:var(--radius-md);color:#92400e;font-size:.875rem;line-height:1.5}[data-theme=dark] .dev-test-banner{background:#451a03;border-color:#d97706;color:#fcd34d}.links{margin-top:1.5rem;display:flex;flex-direction:column;gap:.5rem;align-items:center}.link-button{background:none;border:none;color:var(--primary-color);font-size:.9375rem;font-weight:600;cursor:pointer;padding:.35rem .5rem;transition:all .2s ease;text-decoration:underline;text-underline-offset:2px}.link-button:hover{color:var(--primary-dark);text-decoration-thickness:2px}.oauth-divider{margin:1rem 0;text-align:center;color:var(--text-muted);font-size:.875rem}.btn-oauth{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;margin-top:.5rem;font-size:.9375rem;font-weight:500;border:2px solid var(--border-color);border-radius:var(--radius-md);background:#fff;color:var(--text-color);text-decoration:none;cursor:pointer;transition:all .2s ease}.btn-oauth:hover{background:var(--bg-color);border-color:var(--primary-color)}.btn-oauth-google{background:#fff;border-color:#dadce0}.btn-oauth-google:hover{background:#f8f9fa;border-color:#4285f4}.btn-oauth-microsoft{background:#fff;border-color:#e5e5e5}.btn-oauth-microsoft:hover{background:#f3f3f3;border-color:#00a4ef}.btn-oauth-yahoo{background:#fff;border-color:#e5e5e5}.btn-oauth-yahoo:hover{background:#fef7fa;border-color:#6001d2}.message{padding:.875rem 1rem;border-radius:var(--radius-md);margin-bottom:1rem;font-size:.875rem;font-weight:500}.message.error{background:#fff5f5;color:var(--error-color);border:1px solid #fed7d7}.message.success{background:#f0fff4;color:var(--success-color);border:1px solid #c6f6d5}.step-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.step{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;background:var(--border-color);color:var(--text-muted);transition:all .2s ease}.step.active{background:var(--primary-color);color:#fff}.step.completed{background:var(--success-color);color:#fff}.step-line{width:40px;height:3px;background:var(--border-color);border-radius:2px}.step-line.active{background:var(--success-color)}.step-description{color:var(--text-muted);font-size:.875rem;margin-bottom:1.5rem}.dashboard{max-width:500px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.user-email{color:var(--text-muted);font-size:.875rem}.section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.section h2{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.section-description{color:var(--text-muted);font-size:.875rem;margin-bottom:1rem}.generated-password{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:1rem;background:var(--bg-color);border-radius:var(--radius-md);border:1px solid var(--border-color)}.generated-password code{flex:1;font-family:Fira Code,monospace;font-size:1rem;color:var(--text-color);word-break:break-all}@media(max-width:480px){.app-header,.app-main{padding:1rem}.card{padding:1.5rem}.card h1{font-size:1.5rem}.dashboard-header{flex-direction:column;gap:1rem;align-items:flex-start}}