:root{--primary-900:#0a0a1b;--primary-800:#0f0f23;--primary-700:#12122a;--primary-600:#15152f;--primary-500:#1a1a3a;--primary-400:#252550;--primary-300:#353566;--accent-600:#d48c00;--accent-500:#f6a200;--accent-400:#ffb833;--accent-300:#fc6;--accent-glow:#f6a20099;--secondary-500:#6366f1;--secondary-400:#818cf8;--secondary-glow:#6366f180;--tertiary-500:#06b6d4;--tertiary-400:#22d3ee;--white:#fff;--gray-100:#f8f9fa;--gray-400:#ced4da;--gray-500:#a0a0b0;--gray-600:#6c757d;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--info:#3b82f6;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--radius-sm:0.375rem;--radius-md:0.625rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.75rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:300ms cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.icon-spin{animation:spin 1s linear infinite}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0a0a1b,#12122a 50%,#1a1a3a);background:linear-gradient(135deg,var(--primary-900) 0,var(--primary-700) 50%,var(--primary-500) 100%);color:#a0a0b0;color:var(--gray-500);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:1rem;line-height:1.7;min-height:100vh}::selection{background:#f6a200;background:var(--accent-500);color:#0a0a1b;color:var(--primary-900)}:focus-visible{outline:2px solid #f6a200;outline:2px solid var(--accent-500);outline-offset:3px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f0f23;background:var(--primary-800)}::-webkit-scrollbar-thumb{background:#252550;background:var(--primary-400);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#f6a200;background:var(--accent-500)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.6}}.session-timer{background:#252550;background:var(--primary-400);border-radius:9999px;border-radius:var(--radius-full);color:#ffb833;color:var(--accent-400);display:inline-block;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.9rem;letter-spacing:.05em;line-height:1;margin-left:.75rem;padding:.25rem .7rem;white-space:nowrap}.session-timer.warning{animation:pulse-warning 1s ease-in-out infinite;background:#ef444426;color:#ef4444;color:var(--error)}.app{min-height:100vh;position:relative}.app-loading{align-items:center;color:var(--gray-500);display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;min-height:100vh}.loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--primary-400);border-radius:50%;border-top-color:var(--accent-500);height:40px;width:40px}.login-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:var(--space-4)}.login-card{animation:scaleIn .5s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:var(--radius-2xl);box-shadow:0 8px 32px #0006;max-width:420px;padding:var(--space-8);width:100%}.login-header{margin-bottom:var(--space-8);text-align:center}.login-icon{align-items:center;color:var(--accent-400);display:flex;justify-content:center;margin:0 auto var(--space-4)}.login-header h1{color:var(--white);font-size:1.5rem;font-weight:600;letter-spacing:.02em;margin-bottom:var(--space-1)}.login-header p{color:var(--gray-600);font-size:.875rem}.form-group{margin-bottom:var(--space-4)}.form-group label{color:var(--gray-500);display:block;font-size:.75rem;letter-spacing:.15em;margin-bottom:var(--space-2);text-transform:uppercase}.form-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-lg);color:var(--white);font-family:inherit;font-size:1rem;padding:var(--space-3) var(--space-4);transition:var(--transition-base);width:100%}.form-input:focus{border-color:var(--accent-500);box-shadow:0 0 0 3px #f6a2001a;outline:none}.form-input::placeholder{color:var(--gray-600)}.form-input-with-toggle{position:relative}.form-input-with-toggle .form-input{padding-right:3rem}.toggle-visibility{background:none;border:none;color:var(--gray-500);cursor:pointer;font-size:1.1rem;padding:var(--space-1);position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);transition:var(--transition-fast)}.toggle-visibility:hover{color:var(--accent-500)}textarea.form-input{min-height:80px;resize:vertical}.btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:var(--space-2);justify-content:center;letter-spacing:.08em;overflow:hidden;padding:12px 24px;position:relative;text-transform:uppercase;transition:var(--transition-base)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,var(--accent-500),var(--accent-400));box-shadow:0 4px 15px #f6a2004d;color:var(--primary-900)}.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #f6a20066,0 0 40px #f6a20033;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid var(--accent-500);color:var(--accent-500)}.btn-secondary:hover:not(:disabled){background:var(--accent-500);color:var(--primary-900)}.btn-ghost{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;color:var(--gray-500)}.btn-ghost:hover:not(:disabled){background:#ffffff1a;color:var(--white);transform:translateY(-1px)}.btn-danger{background:#ef444426;border:1px solid #ef44444d;color:var(--error)}.btn-danger:hover:not(:disabled){background:var(--error);color:var(--white)}.btn-sm{font-size:.75rem;padding:8px 16px}.btn-block{width:100%}.btn-success{background:#10b98126;border:1px solid #10b9814d;color:var(--success)}.btn-success:hover:not(:disabled){background:var(--success);color:var(--white)}.login-divider{align-items:center;color:var(--gray-600);display:flex;font-size:.75rem;letter-spacing:.1em;margin:var(--space-6) 0;text-align:center;text-transform:uppercase}.login-divider:after,.login-divider:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";flex:1 1;height:1px}.login-divider span{padding:0 var(--space-4)}.dashboard{animation:fadeIn .4s ease-out;min-height:100vh}.dashboard-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff05;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:var(--space-4) var(--space-6);position:-webkit-sticky;position:sticky;top:0;z-index:200}.dashboard-brand{align-items:center;display:flex;gap:var(--space-3)}.dashboard-brand-icon{align-items:center;background:linear-gradient(135deg,var(--accent-500),var(--accent-400));border-radius:var(--radius-md);display:flex;font-size:1.1rem;height:36px;justify-content:center;width:36px}.dashboard-brand h2{color:var(--white);font-size:1.125rem;font-weight:600;letter-spacing:.02em}.dashboard-nav{gap:var(--space-3)}.dashboard-nav,.dashboard-user{align-items:center;display:flex}.dashboard-user{color:var(--gray-500);font-size:.875rem;gap:var(--space-2);margin-right:var(--space-2)}.admin-badge{background:linear-gradient(135deg,var(--accent-500),var(--accent-400));border-radius:var(--radius-full);color:var(--primary-900);font-size:.625rem;font-weight:700;letter-spacing:.08em;padding:2px 8px;text-transform:uppercase}.dashboard-content{margin:0 auto;max-width:1280px;padding:var(--space-6)}.toolbar{flex-wrap:wrap;justify-content:space-between;margin-bottom:var(--space-6)}.toolbar,.toolbar-left{align-items:center;display:flex;gap:var(--space-4)}.toolbar-left{flex:1 1}.search-box{flex:1 1;max-width:400px;position:relative}.search-box .search-icon{color:var(--gray-600);font-size:1rem;left:var(--space-4);position:absolute;top:50%;transform:translateY(-50%)}.search-box .form-input{padding-left:2.75rem}.credential-count{color:var(--gray-600);font-size:.875rem}.credential-list{display:flex;flex-direction:column;gap:var(--space-3)}.credential-card{align-items:center;animation:fadeInUp .4s ease-out backwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;border-radius:var(--radius-xl);cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-4) var(--space-6);transition:var(--transition-base)}.credential-card:hover{background:#ffffff0f;border-color:#ffffff26;box-shadow:0 8px 24px #0003;transform:translateY(-2px)}.credential-card:nth-child(n){animation-delay:0s;animation-delay:calc(var(--index, 0)*.05s)}.credential-info{align-items:center;display:flex;flex:1 1;gap:var(--space-4);min-width:0}.credential-icon{align-items:center;background:linear-gradient(135deg,var(--secondary-500),var(--secondary-400));border-radius:var(--radius-lg);color:var(--white);display:flex;flex-shrink:0;font-size:1.2rem;height:44px;justify-content:center;width:44px}.credential-details{min-width:0}.credential-title{color:var(--white);font-size:1rem;font-weight:500}.credential-subtitle,.credential-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.credential-subtitle{color:var(--gray-600);font-size:.8125rem}.credential-meta{align-items:center;display:flex;flex-shrink:0;gap:var(--space-3)}.credential-tags{display:flex;gap:var(--space-1)}.tag{background:#6366f126;border:1px solid #6366f140;border-radius:var(--radius-full);color:var(--secondary-400);font-size:.6875rem;letter-spacing:.08em;padding:2px 10px;text-transform:uppercase}.credential-actions{display:flex;gap:var(--space-2)}.icon-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:var(--radius-md);color:var(--gray-500);cursor:pointer;display:flex;font-size:.9rem;height:36px;justify-content:center;transition:var(--transition-fast);width:36px}.icon-btn:hover{background:#ffffff1a;border-color:#fff3;color:var(--white)}.icon-btn.danger:hover{background:#ef444426;border-color:#ef44444d;color:var(--error)}.empty-state{color:var(--gray-600);padding:var(--space-8) var(--space-4);text-align:center}.empty-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}.empty-state h3{color:var(--gray-500);font-size:1.125rem;margin-bottom:var(--space-2)}.modal-backdrop{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:400}.modal{animation:scaleIn .3s ease-out;background:var(--primary-800);border:1px solid #ffffff1a;border-radius:var(--radius-xl);box-shadow:0 20px 50px #00000080;max-height:90vh;max-width:560px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:var(--space-6)}.modal-header h3{color:var(--white);font-size:1.25rem;font-weight:600}.modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--gray-500);cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;transition:var(--transition-fast);width:32px}.modal-close:hover{background:#ffffff1a;color:var(--white)}.modal-body{padding:var(--space-6)}.modal-footer{border-top:1px solid #ffffff0f;display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-6)}.detail-field{margin-bottom:var(--space-4)}.detail-label{color:var(--gray-600);font-size:.6875rem;letter-spacing:.15em;margin-bottom:var(--space-1);text-transform:uppercase}.detail-value{color:var(--white);font-size:.9375rem;word-break:break-all}.detail-value.muted{color:var(--gray-600);font-style:italic}.password-field{align-items:center;display:flex;gap:var(--space-2)}.password-dots{color:var(--gray-500);letter-spacing:2px}.copy-btn{background:none;border:none;color:var(--gray-500);cursor:pointer;font-size:.9rem;padding:var(--space-1);transition:var(--transition-fast)}.copy-btn:hover{color:var(--accent-500)}.toast{align-items:center;animation:slideInRight .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-lg);bottom:var(--space-6);color:var(--white);display:flex;font-size:.875rem;gap:var(--space-3);max-width:400px;padding:var(--space-4) var(--space-6);position:fixed;right:var(--space-6);z-index:600}.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--error)}.toast.warning{border-left:3px solid var(--warning)}.toast.info{border-left:3px solid var(--info)}.toast-close{background:none;border:none;color:var(--gray-500);cursor:pointer;font-size:1rem;margin-left:var(--space-2);padding:0}.totp-setup{text-align:center}.totp-qr{background:var(--white);border-radius:var(--radius-lg);display:inline-block;margin:var(--space-4) 0;padding:var(--space-4)}.totp-qr img{display:block;height:200px;width:200px}.totp-secret{background:#ffffff0d;border-radius:var(--radius-sm);color:var(--accent-400);font-family:monospace;font-size:.875rem;margin:var(--space-3) 0;padding:var(--space-2) var(--space-4);word-break:break-all}.export-warning{background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:var(--radius-md);color:var(--warning);font-size:.8125rem;line-height:1.5;margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.settings-section{margin-bottom:var(--space-6)}.settings-section h4{border-bottom:1px solid #ffffff0f;color:var(--white);font-size:1rem;margin-bottom:var(--space-4);padding-bottom:var(--space-2)}.settings-row{align-items:center;display:flex;justify-content:space-between;padding:var(--space-3) 0}.settings-row-label{color:var(--gray-500);font-size:.875rem}.settings-row-value{color:var(--white);font-size:.875rem}.status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;gap:var(--space-1);letter-spacing:.08em;padding:2px 10px;text-transform:uppercase}.status-badge.enabled{background:#10b98126;border:1px solid #10b9814d;color:var(--success)}.status-badge.disabled{background:#ef444426;border:1px solid #ef44444d;color:var(--error)}.form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}@media (max-width:768px){.login-card{max-width:400px;padding:var(--space-6)}.login-header{margin-bottom:var(--space-6)}.login-header h1{font-size:1.375rem}.dashboard-header{padding:var(--space-3) var(--space-4)}.dashboard-header,.dashboard-nav{flex-wrap:wrap;gap:var(--space-2)}.dashboard-nav .btn-sm{font-size:.6875rem;padding:6px 12px}.dashboard-content{padding:var(--space-4)}.toolbar{align-items:stretch}.toolbar,.toolbar-left{flex-direction:column;gap:var(--space-3)}.search-box{max-width:none}.credential-card{align-items:flex-start;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.credential-meta{justify-content:space-between;width:100%}.modal{margin:var(--space-2);max-height:95vh;max-width:none}.modal-body,.modal-header{padding:var(--space-4)}.modal-footer{flex-wrap:wrap;padding:var(--space-3) var(--space-4)}.toast{bottom:var(--space-4);left:var(--space-4);max-width:none;right:var(--space-4)}.form-row{grid-template-columns:1fr}}@media (max-width:480px){.login-page{align-items:flex-start;padding:var(--space-3);padding-top:10vh}.login-card{border-radius:var(--radius-xl);max-width:100%;padding:var(--space-4) var(--space-4) var(--space-6)}.login-header{margin-bottom:var(--space-4)}.login-header h1{font-size:1.25rem}.login-header p{font-size:.8125rem}.login-divider{margin:var(--space-4) 0}.form-input{font-size:1rem;min-height:48px;padding:var(--space-4)}.form-group{margin-bottom:var(--space-3)}.form-group label{font-size:.6875rem;margin-bottom:var(--space-1)}.btn{font-size:.8125rem;min-height:48px;padding:14px 20px}.btn-sm{font-size:.6875rem;min-height:40px;padding:10px 14px}.dashboard-header{align-items:stretch;flex-direction:column;gap:var(--space-3);padding:var(--space-2) var(--space-3)}.dashboard-brand{justify-content:center}.dashboard-brand h2{font-size:1rem}.dashboard-brand-icon{font-size:1rem;height:32px;width:32px}.dashboard-nav{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(70px,1fr));width:100%}.dashboard-user{font-size:.75rem;grid-column:1/-1;justify-content:center;margin-bottom:var(--space-1);margin-right:0}.dashboard-nav .btn-sm{justify-content:center;width:100%}.admin-badge{font-size:.5625rem;padding:2px 6px}.dashboard-content{padding:var(--space-3)}.toolbar{gap:var(--space-3);margin-bottom:var(--space-4)}.toolbar .btn-primary{width:100%}.credential-count{font-size:.75rem;text-align:center}.credential-card{border-radius:var(--radius-lg);padding:var(--space-3)}.credential-info{gap:var(--space-3);width:100%}.credential-icon{font-size:1rem;height:40px;width:40px}.credential-title{font-size:.9375rem}.credential-subtitle{font-size:.75rem}.credential-meta{border-top:1px solid #ffffff0f;padding-top:var(--space-2)}.credential-tags{flex-wrap:wrap}.tag{font-size:.625rem;padding:2px 8px}.credential-actions{gap:var(--space-1)}.icon-btn{height:40px;width:40px}.modal-backdrop{align-items:flex-end;padding:0}.modal{animation:slideUp .3s ease-out;border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin:0;max-height:90vh}.modal-header{padding:var(--space-4) var(--space-4) var(--space-3)}.modal-header h3{font-size:1.125rem}.modal-body{padding:var(--space-3) var(--space-4)}.modal-footer{flex-direction:column-reverse;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4)}.modal-footer .btn{width:100%}.detail-field{margin-bottom:var(--space-3)}.detail-label{font-size:.625rem}.detail-value{font-size:.875rem}.password-field{flex-wrap:wrap}.empty-state{padding:var(--space-6) var(--space-3)}.empty-icon{font-size:2.5rem}.empty-state h3{font-size:1rem}.toast{bottom:var(--space-3);font-size:.8125rem;left:var(--space-3);padding:var(--space-3) var(--space-4);right:var(--space-3)}.generator-options{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.generator-options input[type=range]{width:100%}.settings-row{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.totp-qr img{height:160px;width:160px}.export-warning,.totp-secret{font-size:.75rem;padding:var(--space-2) var(--space-3)}}@media (max-width:360px){.login-page{padding:var(--space-2);padding-top:5vh}.login-card{padding:var(--space-3)}.login-header h1{font-size:1.125rem}.dashboard-nav{grid-template-columns:repeat(2,1fr)}.dashboard-user{font-size:.6875rem}.credential-icon{font-size:.9rem;height:36px;width:36px}.modal-header h3{font-size:1rem}}.user-list{display:flex;flex-direction:column;gap:var(--space-2)}.user-item{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:var(--radius-sm);display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-3)}.user-info{flex:1 1;min-width:0}.user-email-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.user-email{color:var(--gray-100);font-weight:500;word-break:break-all}.user-you-badge{background:#f6a20026;border-radius:var(--radius-sm);color:var(--accent-400);flex-shrink:0;font-size:.7rem;padding:1px 6px}.user-joined{color:var(--gray-500);font-size:.75rem;margin-top:2px}.invite-code-display{background:#ffffff08;border:2px solid var(--accent-400);border-radius:var(--radius-md);margin-bottom:var(--space-4);padding:var(--space-4)}.invite-code{color:var(--accent-300);font-family:monospace;font-size:2rem;font-weight:700;letter-spacing:.3em;text-align:center;word-break:break-all}.invite-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-4)}.invite-success-banner{background:#10b9811a;border:1px solid #10b9814d;border-radius:var(--radius-md);color:var(--success);margin-bottom:var(--space-4)}.invite-reminder,.invite-success-banner{padding:var(--space-3);text-align:center}.invite-reminder{background:#f6a2001a;border:1px solid #f6a2004d;border-radius:var(--radius-sm);color:var(--accent-400);font-size:.8125rem}.invite-code-input{font-family:monospace;font-size:1.5rem;letter-spacing:.5em;text-align:center;text-transform:uppercase}.email-display{background:#ffffff08;border:1px solid #ffffff14;border-radius:var(--radius-sm);color:var(--accent-400);font-size:.9rem;padding:var(--space-2) var(--space-3);word-break:break-all}.password-match,.password-strength{font-size:.75rem;margin-top:var(--space-1)}.password-match.success{color:var(--success)}.password-match.error{color:var(--error)}.help-text{margin-top:var(--space-2)}.help-text,.help-text-center{color:var(--gray-600);font-size:.75rem}.help-text-center{margin-top:var(--space-4);text-align:center}@media (max-width:480px){.user-item{align-items:stretch;flex-direction:column;gap:var(--space-2)}.user-item .btn{width:100%}.user-email-row{justify-content:center}.user-joined{text-align:center}.invite-code{font-size:1.5rem;letter-spacing:.2em}.invite-actions{flex-direction:column}.invite-actions .btn{width:100%}.modal-footer.detail-footer{flex-direction:column;gap:var(--space-2)}.modal-footer.detail-footer .btn{order:0;width:100%}.modal-footer.detail-footer .btn-primary{order:-2}.modal-footer.detail-footer .btn-ghost{order:-1}.modal-footer.detail-footer .btn-danger{background:#0000;border-radius:0;border-top:1px solid #ffffff0f;margin-top:var(--space-2);order:1;padding-top:var(--space-4)}.invite-code-input{font-size:1.25rem;letter-spacing:.3em;padding:var(--space-4)}}.confirm-message{color:var(--gray-500);font-size:.9375rem;line-height:1.6;margin-bottom:var(--space-4)}.password-generator{margin-top:var(--space-2)}.generator-options{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-3)}.generator-options label{align-items:center;color:var(--gray-500);cursor:pointer;display:flex;font-size:.8125rem;gap:var(--space-1);letter-spacing:normal;text-transform:none}.generator-options input[type=checkbox]{accent-color:var(--accent-500)}.generator-options input[type=range]{accent-color:var(--accent-500);width:100px}.generator-length{color:var(--accent-400);font-size:.8125rem;font-weight:600;min-width:20px}.mobile-page{background:var(--primary-900);display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding:16px 16px env(safe-area-inset-bottom,16px)}.mobile-header-spacer{flex-shrink:0;height:40px}.mobile-logo{margin-bottom:32px;text-align:center}.mobile-logo-icon{align-items:center;color:var(--accent-400);display:flex;justify-content:center;margin:0 auto 16px}.mobile-logo-title{color:var(--white);font-size:24px;font-weight:600;margin:0 0 4px}.mobile-logo-subtitle{color:var(--gray-500);font-size:14px;margin:0}.mobile-form{gap:16px}.mobile-form,.mobile-input-group{display:flex;flex-direction:column}.mobile-input-group{gap:8px}.mobile-label{color:var(--gray-400);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.mobile-input{-webkit-appearance:none;appearance:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:var(--white);font-family:inherit;font-size:16px;padding:16px;transition:border-color .2s,box-shadow .2s;width:100%}.mobile-input:focus{border-color:var(--accent-500);box-shadow:0 0 0 3px #f6a20026;outline:none}.mobile-input::placeholder{color:var(--gray-600)}.mobile-input-wrapper{position:relative}.mobile-input-wrapper .mobile-input{padding-right:50px}.mobile-input-toggle{align-items:center;background:none;border:none;color:var(--gray-500);cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:4px;top:50%;transform:translateY(-50%);width:44px}.mobile-input-toggle:active{color:var(--accent-500)}.mobile-input-toggle svg{height:22px;width:22px}.mobile-btn{-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;padding:16px 24px;transition:transform .1s,opacity .2s;width:100%}.mobile-btn:active{transform:scale(.98)}.mobile-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.mobile-btn-primary{background:linear-gradient(135deg,var(--accent-500),var(--accent-400));box-shadow:0 4px 15px #f6a2004d;color:var(--primary-900)}.mobile-btn-secondary{background:#0000;border:2px solid var(--accent-500);color:var(--accent-500)}.mobile-btn-ghost{background:#ffffff0d;border:1px solid #ffffff1a;color:var(--gray-400)}.mobile-btn-danger{background:#ef444426;border:1px solid #ef44444d;color:var(--error)}.mobile-btn-success{background:#10b98126;border:1px solid #10b9814d;color:var(--success)}.mobile-btn-sm{font-size:14px;padding:12px 20px}.mobile-btn-icon{align-items:center;border-radius:12px;display:flex;font-size:20px;height:48px;justify-content:center;padding:0;width:48px}.mobile-divider{align-items:center;color:var(--gray-600);display:flex;font-size:12px;letter-spacing:.1em;margin:24px 0;text-transform:uppercase}.mobile-divider:after,.mobile-divider:before{background:#ffffff1a;content:"";flex:1 1;height:1px}.mobile-divider span{padding:0 16px}.mobile-footer-text{color:var(--gray-600);font-size:13px;margin-top:24px;text-align:center}.mobile-dashboard{background:var(--primary-900);display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding-bottom:80px}.mobile-dashboard-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0a1bf2;border-bottom:1px solid #ffffff0f;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.mobile-dashboard-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.mobile-dashboard-brand{align-items:center;display:flex;gap:10px}.mobile-dashboard-brand-icon{align-items:center;background:linear-gradient(135deg,var(--accent-500),var(--accent-400));border-radius:8px;display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.mobile-dashboard-brand-text{color:var(--white);font-size:18px;font-weight:600}.mobile-dashboard-user{align-items:center;display:flex;gap:8px}.mobile-dashboard-user-email{color:var(--gray-500);font-size:12px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-search{position:relative}.mobile-search-icon{color:var(--gray-600);font-size:16px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.mobile-search .mobile-input{padding-bottom:14px;padding-left:44px;padding-top:14px}.mobile-dashboard-content{flex:1 1;padding:16px}.mobile-credential-count{color:var(--gray-600);font-size:12px;margin-bottom:12px;text-align:center}.mobile-credential-list{display:flex;flex-direction:column;gap:12px}.mobile-credential-card{-webkit-tap-highlight-color:transparent;align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;cursor:pointer;display:flex;gap:14px;padding:16px;transition:background .2s,transform .1s}.mobile-credential-card:active{background:#ffffff0f;transform:scale(.99)}.mobile-credential-card.error{border-color:#ef44444d}.mobile-credential-icon{align-items:center;background:linear-gradient(135deg,var(--secondary-500),var(--secondary-400));border-radius:12px;color:var(--white);display:flex;flex-shrink:0;font-size:18px;height:48px;justify-content:center;width:48px}.mobile-credential-icon.error{background:var(--error)}.mobile-credential-info{flex:1 1;min-width:0}.mobile-credential-title{color:var(--white);font-size:16px;font-weight:500}.mobile-credential-subtitle,.mobile-credential-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-credential-subtitle{color:var(--gray-600);font-size:13px;margin-top:2px}.mobile-credential-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.mobile-credential-arrow{color:var(--gray-600);flex-shrink:0;font-size:18px}.mobile-empty-state{padding:48px 24px;text-align:center}.mobile-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.mobile-empty-title{color:var(--gray-400);font-size:18px;font-weight:500;margin:0 0 8px}.mobile-empty-text{color:var(--gray-600);font-size:14px;margin:0}.mobile-bottom-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0a1bfa;border-top:1px solid #ffffff14;bottom:0;display:flex;justify-content:space-around;left:0;padding:8px 16px max(8px,env(safe-area-inset-bottom));position:fixed;right:0;z-index:200}.mobile-nav-item{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;color:var(--gray-500);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:10px;gap:4px;padding:8px 16px;transition:color .2s}.mobile-nav-item.active,.mobile-nav-item:active{color:var(--accent-500)}.mobile-nav-item-icon{font-size:22px}.mobile-nav-item-label{font-weight:500}.mobile-fab{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,var(--accent-500),var(--accent-400));border:none;border-radius:16px;bottom:90px;box-shadow:0 4px 20px #f6a20066;color:var(--primary-900);cursor:pointer;display:flex;font-size:28px;font-weight:300;height:56px;justify-content:center;position:fixed;right:20px;transition:transform .2s;width:56px;z-index:150}.mobile-fab:active{transform:scale(.95)}.mobile-sheet-backdrop{animation:fadeIn .2s ease-out;background:#0009;inset:0;position:fixed;z-index:300}.mobile-sheet{animation:slideUp .3s ease-out;background:var(--primary-800);border-radius:24px 24px 0 0;bottom:0;display:flex;flex-direction:column;left:0;max-height:90vh;max-height:90dvh;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:301}.mobile-sheet-handle{background:#fff3;border-radius:2px;flex-shrink:0;height:4px;margin:12px auto;width:36px}.mobile-sheet-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:0 20px 16px}.mobile-sheet-title{color:var(--white);font-size:18px;font-weight:600;margin:0}.mobile-sheet-close{align-items:center;background:#ffffff0d;border:none;border-radius:50%;color:var(--gray-400);cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;width:36px}.mobile-sheet-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:20px}.mobile-sheet-footer{border-top:1px solid #ffffff0f;display:flex;flex-direction:column;gap:10px;padding:16px 20px}.mobile-detail-field{margin-bottom:20px}.mobile-detail-label{color:var(--gray-600);font-size:11px;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.mobile-detail-value{color:var(--white);font-size:15px;word-break:break-all}.mobile-detail-value.muted{color:var(--gray-600);font-style:italic}.mobile-detail-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.mobile-detail-row .mobile-detail-value{flex:1 1;min-width:0}.mobile-detail-actions{display:flex;flex-shrink:0;gap:8px}.mobile-detail-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:var(--gray-400);cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;width:40px}.mobile-detail-btn:active{background:#ffffff1a;color:var(--accent-500)}.mobile-detail-btn svg{height:18px;width:18px}.mobile-menu-list{display:flex;flex-direction:column}.mobile-menu-item{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-bottom:1px solid #ffffff0f;color:var(--white);cursor:pointer;display:flex;font-family:inherit;font-size:16px;gap:16px;padding:16px 4px;text-align:left}.mobile-menu-item:last-child{border-bottom:none}.mobile-menu-item:active{background:#ffffff0d}.mobile-menu-item.danger{color:var(--error)}.mobile-menu-icon{font-size:18px;text-align:center;width:24px}.mobile-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:48px}.mobile-loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--primary-400);border-radius:50%;border-top-color:var(--accent-500);height:32px;width:32px}.mobile-info-box{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin-bottom:16px;padding:16px}.mobile-info-box.warning{background:#f59e0b1a;border-color:#f59e0b40}.mobile-info-box p{color:var(--gray-400);font-size:14px;line-height:1.5;margin:0}.mobile-info-box.warning p{color:var(--warning)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}.mobile-simple-list{display:flex;flex-direction:column}.mobile-simple-list-item{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;gap:16px;justify-content:space-between;padding:16px 0}.mobile-simple-list-item:last-child{border-bottom:none}.mobile-simple-list-content{flex:1 1;min-width:0}.mobile-simple-list-title{align-items:center;color:var(--white);display:flex;flex-wrap:wrap;font-size:15px;word-break:break-all}.mobile-simple-list-subtitle{color:var(--gray-500);font-size:13px;margin-top:2px}.mobile-simple-list-action{background:none;border:none;color:var(--error);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:14px;padding:8px 12px}.mobile-simple-list-action:active{opacity:.7}.mobile-invite-code-box{background:#ffffff08;border:2px solid var(--accent-400);border-radius:16px;margin-bottom:16px;padding:24px 16px}.mobile-invite-code{color:var(--accent-300);font-family:monospace;font-size:32px;font-weight:700;letter-spacing:.25em;text-align:center}.mobile-invite-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}@media (max-width:768px){.toast{border-radius:12px;bottom:100px;font-size:14px;left:16px;max-width:none;padding:14px 18px;right:16px}}
/*# sourceMappingURL=main.416740ed.css.map*/