@charset "UTF-8";@font-face{font-family:IBM Plex Sans;font-style:normal;src:url(/assets/IBMPlexSans-VariableFont_wdth_wght-BTDN9bpA.ttf) format("truetype")}@font-face{font-family:Red Hat Display;font-style:normal;src:url(/assets/RedHatDisplay-VariableFont_wght-DlCfthL_.ttf) format("truetype")}:root{font-family:IBM Plex Sans,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#445ef2}body{margin:0;min-width:320px;min-height:100vh}h1{font-family:Red Hat Display,system-ui,sans-serif;font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}code{font-family:IBM Plex Mono,JetBrains Mono,Courier New,monospace}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-main,.create-vault-container{min-height:100vh!important;width:100%!important;max-width:450px!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;padding:2rem 1.5rem!important;gap:.75rem!important;box-sizing:border-box!important;overflow-x:hidden!important}.login-title,.create-vault-title{font-size:clamp(2.5rem,10vw,4rem)!important;font-weight:900!important;margin:0!important;line-height:1!important;letter-spacing:-.025em}.login-logo-container{width:140px;height:140px;display:flex!important;align-items:center!important;justify-content:center!important}.login-logo{width:100%!important;height:100%!important;object-fit:contain}.login-btn,.create-vault-secondary-btn,.create-vault-primary-btn{width:100%!important;max-width:450px!important;padding:1.25rem 2rem!important;border:none!important;border-radius:.75rem!important;font-size:1.1rem!important;font-weight:600!important;cursor:pointer;transition:all .2s ease!important;box-shadow:0 10px 20px #00000026!important}.login-btn:hover:not(:disabled),.create-vault-secondary-btn:hover:not(:disabled),.create-vault-primary-btn:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 15px 30px #00000040!important}.login-btn:disabled,.create-vault-secondary-btn:disabled,.create-vault-primary-btn:disabled{opacity:.5!important;cursor:not-allowed!important;transform:none!important}.login-create-vault{width:100%!important;max-width:450px!important;background:#009682!important;color:#fff!important}.login-unlock-btn{width:100%!important;max-width:450px!important;background:#445ef2!important;color:#fff!important;padding:1.25rem 2rem!important}.login-import-btn{width:100%!important;max-width:450px!important;padding:1.25rem 2rem!important;background:#445ef2!important;color:#fff!important}.login-btn.login-import-btn,.login-import-btn.create-vault-secondary-btn,.login-import-btn.create-vault-primary-btn,.login-btn.login-import-btn.login-accordion-header{width:100%!important;max-width:450px!important;padding:1.25rem 2rem!important;background:#445ef2!important;color:#fff!important;border:none!important;border-radius:.75rem!important;font-size:1.1rem!important;font-weight:600!important;box-shadow:0 10px 20px #00000026!important}.login-btn.login-import-btn:hover:not(:disabled),.login-import-btn.create-vault-secondary-btn:hover:not(:disabled),.login-import-btn.create-vault-primary-btn:hover:not(:disabled),.login-btn.login-import-btn.login-accordion-header:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 15px 30px #00000040!important;background:#3b4ed0!important}.login-btn.login-import-btn:disabled,.login-import-btn.create-vault-secondary-btn:disabled,.login-import-btn.create-vault-primary-btn:disabled,.login-btn.login-import-btn.login-accordion-header:disabled{opacity:.5!important;cursor:not-allowed!important}.login-primary,.create-vault-primary-btn{background:#445ef2!important;color:#fff!important}.login-secondary,.create-vault-secondary-btn{background:linear-gradient(135deg,#6b7280,#4b5563)!important;color:#fff!important}.login-or{font-size:1.1rem;font-weight:500;color:inherit;opacity:.7;text-align:center}.login-unlock-section,.login-import-section{width:100%!important;max-width:450px!important;box-sizing:border-box!important;padding:0!important}.login-form{margin-top:1.5rem!important;padding:1rem!important;background:#ffffff14!important;border:2px solid rgba(255,255,255,.2)!important;border-radius:.75rem!important}.create-vault-form{width:100%;max-width:500px!important;padding:2.5rem!important;background:#ffffff1f!important;border:2px solid rgba(255,255,255,.25)!important;border-radius:1rem!important;margin-bottom:1rem!important}.login-accordion-header{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;max-width:450px!important;box-sizing:border-box!important}.login-accordion-icon{font-size:1.2rem;margin-left:1rem}.login-form-group{margin-bottom:1rem}@media(max-width:768px){.login-form-group{margin-bottom:.5rem}}.login-label{display:block;margin-bottom:.5rem;font-weight:600;color:inherit;font-size:.95rem}@media(max-width:768px){.login-label{margin-bottom:.3rem;font-size:.85rem}}.login-input,.password-input,.create-vault-input{width:100%!important;padding:1rem 1.25rem!important;border:2px solid #374151!important;border-radius:.75rem!important;background:#ffffff1a!important;color:inherit!important;font-size:1rem!important;box-sizing:border-box}@media(max-width:768px){.login-input,.password-input,.create-vault-input{padding:.65rem 1rem!important;font-size:.95rem!important}}.login-input::placeholder,.password-input::placeholder,.create-vault-input::placeholder{color:#6b7280!important}.login-input:focus,.password-input:focus,.create-vault-input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f64d!important;outline:none!important}.login-file-input{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-file-label{display:block;margin-top:.75rem;padding:.75rem 1rem;border:2px dashed rgba(255,255,255,.4);border-radius:.75rem;text-align:center;cursor:pointer;transition:all .2s;word-break:break-word!important}.vault-list{background:#ffffff14!important;border-radius:.75rem!important;padding:.75rem!important;margin-bottom:1rem!important;max-height:240px!important;overflow-y:auto!important;border:2px solid rgba(255,255,255,.1)!important}.vault-item{display:flex!important;align-items:center!important;padding:1rem!important;border-radius:.5rem!important;cursor:pointer!important;transition:all .2s ease!important;border:2px solid #374151!important;margin-bottom:.25rem!important}.vault-item:hover{background:#ffffff26!important;border-color:#445ef2!important;transform:translate(4px)!important}.vault-item.selected{background:#445ef240!important;border-color:#445ef2!important}.vault-icon{font-size:1.8rem!important;margin-right:1rem!important;flex-shrink:0!important}.vault-info{flex:1!important}.vault-name{font-weight:600!important;color:inherit!important;margin-bottom:.25rem!important;font-size:1.05rem!important}.vault-meta{font-size:.85rem!important;color:#ffffffb3!important}.create-vault-container{gap:1rem!important}.create-vault-title{background-clip:text;margin-bottom:1rem!important}.create-vault-input{padding:1.25rem 1.5rem!important;font-size:1.1rem!important;height:60px!important}.create-vault-buttons{width:100%;max-width:450px;display:flex;flex-direction:row;gap:.5rem!important;align-items:center!important;justify-content:center!important;box-shadow:none!important}.create-vault-primary-btn{flex:1.2!important;max-width:none!important;margin-bottom:0rem!important;box-shadow:none!important;background:#009682!important}.create-vault-secondary-btn{flex:.8!important;max-width:none!important;margin-bottom:0rem!important;box-shadow:none!important}.password-input-container{position:relative!important;display:flex!important;align-items:stretch!important;width:100%!important}.password-input{padding-right:3.5rem!important}.password-toggle-btn{position:absolute!important;right:1rem!important;top:50%!important;transform:translateY(-50%)!important;background:#ffffff1a!important;border:none!important;outline:none!important;border-radius:.5rem!important;color:#fffc!important;font-size:1.1rem!important;cursor:pointer!important;padding:.5rem!important;transition:all .2s ease!important;width:42px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 8px #0003!important}.password-toggle-btn:hover{background:#fff3!important;transform:translateY(-50%) scale(1.05)!important;box-shadow:0 4px 12px #0000004d!important}.password-toggle-btn:active{transform:translateY(-50%) scale(.98)!important}.password-toggle-btn:focus{outline:none!important;border:none!important;transform:translateY(-50%) scale(.98)!important}.password-input-container:has(.login-input.error,.error.create-vault-input,.error.password-input) .password-toggle-btn{color:#ff6b6b!important}.password-input-container:has(.login-input.error,.error.create-vault-input,.error.password-input) .password-toggle-btn:hover{color:#fff!important}.password-icon{width:18px!important;height:18px!important;object-fit:contain!important;display:block!important}@media(max-width:480px){.login-main,.create-vault-container{padding:1.5rem 1rem!important;gap:2rem!important}.login-or{font-size:1rem!important;padding:0 1rem!important}}.vault-delete-btn{position:absolute!important;right:1rem!important;top:50%!important;transform:translateY(-50%)!important;background:#f443361a!important;border:1px solid rgba(244,67,54,.3)!important;border-radius:.5rem!important;padding:.4rem .8rem!important;cursor:pointer!important;transition:all .2s ease!important;font-size:.85rem!important;font-weight:500!important;color:#f44336!important;opacity:.7!important}.vault-delete-btn:hover{background:#f4433633!important;border-color:#f4433680!important;opacity:1!important;transform:translateY(-50%) scale(1.05)!important}.vault-delete-btn:active{transform:translateY(-50%) scale(.95)!important}.vault-item{position:relative!important;padding-right:6rem!important}.modal-overlay{position:fixed!important;inset:0!important;background:#000000b3!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:1000!important;padding:1rem!important}.modal-content{background:#2a2a2a!important;border:2px solid rgba(255,255,255,.2)!important;border-radius:1rem!important;padding:2rem!important;max-width:500px!important;width:100%!important;box-shadow:0 20px 60px #00000080!important}.modal-title{font-size:1.75rem!important;margin:0 0 1rem!important;color:#f44336!important;font-family:Red Hat Display,system-ui,sans-serif!important}.modal-text{margin:0 0 1.5rem!important;color:#fffc!important;line-height:1.6!important}.modal-text strong{color:#fff!important;font-weight:600!important}.modal-form{margin-bottom:1.5rem!important}.modal-buttons{display:flex!important;gap:1rem!important;justify-content:flex-end!important}.modal-btn-danger{background:#f44336!important;color:#fff!important}.modal-btn-danger:hover:not(:disabled){background:#d32f2f!important;transform:translateY(-2px)!important;box-shadow:0 8px 16px #f4433666!important}.modal-btn-danger:disabled{opacity:.5!important;cursor:not-allowed!important}.modal-btn-cancel{background:#6b7280!important;color:#fff!important}.modal-btn-cancel:hover:not(:disabled){background:#4b5563!important;transform:translateY(-2px)!important}.modal-btn-cancel:disabled{opacity:.5!important;cursor:not-allowed!important}.vault-content-wrapper{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-top:0rem}@media(max-width:968px){.vault-content-wrapper{grid-template-columns:1fr;margin-top:0rem}}.vault-entries-column{display:flex;flex-direction:column;gap:1rem}.vault-entries-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}@media(max-width:768px){.vault-entries-header{flex-direction:column;align-items:stretch}}.vault-create-entry-btn{max-width:200px!important;padding:.75rem 1.5rem!important;background:#009682!important;color:#fff!important;font-size:1rem!important;margin-left:auto!important;margin-right:.5rem!important}@media(max-width:768px){.vault-create-entry-btn{max-width:100%!important;margin-left:0!important;margin-right:0!important}}.vault-create-entry-btn:hover:not(:disabled){background:#00796b!important}.vault-entries-list{display:flex;flex-direction:column;gap:.5rem;max-height:600px;overflow-y:auto;padding-right:.5rem}@media(max-width:768px){.vault-entries-list{gap:.4rem}}.vault-entries-list::-webkit-scrollbar{width:8px}.vault-entries-list::-webkit-scrollbar-track{background:#445ef20d;border-radius:4px}.vault-entries-list::-webkit-scrollbar-thumb{background:#445ef24d;border-radius:4px}.vault-entries-list::-webkit-scrollbar-thumb:hover{background:#445ef280}.vault-entry-item{background:#445ef20d;border:2px solid rgba(68,94,242,.1);border-radius:.75rem;padding:1rem 1.25rem;cursor:pointer;transition:all .2s ease}.vault-entry-item:hover{background:#445ef21a;border-color:#445ef24d;transform:translate(4px)}.vault-entry-item.selected{background:#445ef233;border-color:#445ef2;box-shadow:0 4px 12px #445ef240}.vault-entry-service{font-weight:600;font-size:1.05rem;color:#445ef2}.vault-details-column{background:#ffffff14;border:2px solid rgba(255,255,255,.2);border-radius:1rem;padding:1.5rem;height:fit-content}@media(max-width:768px){.vault-details-column{padding:1rem}}.vault-details-column .vault-section-title{margin-top:0;margin-bottom:.5rem;font-size:1.5rem}@media(max-width:768px){.vault-details-column .vault-section-title{margin-bottom:.5rem;font-size:1.3rem}}.vault-entry-form{margin-top:.5rem}@media(max-width:768px){.vault-entry-form{margin-top:.5rem}}.vault-textarea{resize:vertical;min-height:auto;font-family:inherit}.vault-form-buttons{display:flex;gap:.75rem;margin-top:1rem}@media(max-width:768px){.vault-form-buttons{gap:.5rem;margin-top:1rem;flex-wrap:wrap}}.vault-form-buttons .login-btn,.vault-form-buttons .create-vault-primary-btn,.vault-form-buttons .create-vault-secondary-btn{flex:1 1 auto;min-width:100px}@media(max-width:768px){.vault-form-buttons .login-btn,.vault-form-buttons .create-vault-primary-btn,.vault-form-buttons .create-vault-secondary-btn{flex:1 1 100%}}.vault-form-buttons .modal-btn-danger{flex:0 1 auto}@media(max-width:768px){.vault-form-buttons .modal-btn-danger{flex:1 1 100%}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:12em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em rgba(68,94,242,.6666666667))}.card{padding:2em}.vault-container{max-width:1200px;margin:0 auto;padding:1.5rem}@media(max-width:768px){.vault-container{padding:1rem}}.vault-header{display:grid;grid-template-columns:1fr auto auto 1fr;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #445EF2}@media(max-width:768px){.vault-header{margin-bottom:1rem;padding-bottom:.5rem;grid-template-columns:1fr;gap:.5rem}}.vault-header .vault-title{justify-self:start}@media(max-width:768px){.vault-header .vault-title{justify-self:center}}.vault-header .vault-header-center-buttons{display:flex;gap:1rem;grid-column:2/4}@media(max-width:768px){.vault-header .vault-header-center-buttons{grid-column:1;justify-content:center}}.vault-header .vault-lock-btn{justify-self:end}@media(max-width:768px){.vault-header .vault-lock-btn{justify-self:center}}.vault-title{font-size:2rem;margin:0;color:#445ef2}.vault-btn{padding:.75rem 1.5rem;border-radius:8px;border:1px solid transparent;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s;background-color:#445ef2;color:#fff}@media(max-width:768px){.vault-btn{padding:.5rem 1rem;font-size:.9rem}}.vault-btn:hover{background-color:#3549d1}.vault-btn:disabled{opacity:.5;cursor:not-allowed}.vault-lock-btn{background-color:#f44336}.vault-lock-btn:hover{background-color:#d32f2f}.vault-info-section{background-color:#445ef20d;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.vault-info-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid rgba(68,94,242,.1)}.vault-info-item:last-child{border-bottom:none}.vault-info-label{font-weight:600;color:#445ef2}.vault-info-value{color:#666;font-family:IBM Plex Mono,monospace}.vault-url{font-size:.85rem;word-break:break-all;max-width:600px;text-align:right}.vault-entries-section{margin-top:2rem}.vault-section-title{font-size:1.5rem;margin-bottom:1rem;color:#445ef2}.vault-entries-list{display:grid;gap:1rem}.vault-entry-item{background-color:#445ef20d;border-radius:8px;padding:1rem;border:1px solid rgba(68,94,242,.1);transition:all .2s}.vault-entry-item:hover{background-color:#445ef21a;border-color:#445ef24d}.vault-entry-id{font-family:IBM Plex Mono,monospace;font-size:.9rem;color:#666}.vault-empty-state{text-align:center;padding:3rem;background-color:#445ef20d;border-radius:12px;color:#666}.vault-empty-state p{margin:0;font-size:1.1rem}