*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#a8e6cf,#dcedc1 50%,#ffd3a5);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-loading{align-items:center;display:flex;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#4caf50;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 10px 40px #0000001a;max-width:400px;padding:40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-logo{display:block;height:auto;margin:0 auto 15px;max-width:200px}.login-header p{color:#666;font-size:14px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{position:relative}.password-input{background:#fff;border:2px solid #c8e6c9;border-radius:10px;font-size:16px;padding:15px;transition:all .3s;width:100%}.password-input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.login-button{background:linear-gradient(135deg,#66bb6a,#4caf50);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px;transition:all .3s}.login-button:hover:not(:disabled){box-shadow:0 5px 15px #4caf504d;transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#f443361a;border-radius:8px;color:#f44336;font-size:14px;padding:10px;text-align:center}@media (max-width:480px){.login-card{padding:30px 20px}.login-logo{max-width:150px}}.password-manager{margin:0 auto;max-width:100%;min-height:100vh;padding:20px}@media (min-width:1600px){.password-manager{max-width:1800px}}@media (min-width:1200px) and (max-width:1599px){.password-manager{max-width:1400px}}@media (max-width:1199px){.password-manager{max-width:1200px}}.manager-loading{align-items:center;display:flex;justify-content:center;min-height:100vh}.manager-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f8fff8f2);border-bottom:2px solid #c8e6c94d;box-shadow:0 2px 10px #0000000d;margin:-20px -20px 30px;padding:20px 0}.nav-content{align-items:center;display:flex;gap:16px;margin:0 auto;max-width:100%;padding:0 20px}@media (min-width:1600px){.nav-content{max-width:1800px}}@media (min-width:1200px) and (max-width:1599px){.nav-content{max-width:1400px}}@media (max-width:1199px){.nav-content{max-width:1200px}}.nav-logo{height:40px;width:auto}.nav-title{color:#2e7d32;font-size:24px;font-weight:700;letter-spacing:.5px;margin:0}.manager-header{align-items:center;display:flex;justify-content:flex-end;margin-bottom:30px}.add-button{background:linear-gradient(135deg,#66bb6a,#4caf50);border:none;border-radius:10px;box-shadow:0 4px 10px #4caf504d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s}.add-button:hover{box-shadow:0 6px 15px #4caf5066;transform:translateY(-2px)}@media (max-width:768px){.password-manager{padding:15px}.nav-logo{height:32px}.nav-title{font-size:20px}.add-button{font-size:14px;padding:10px 20px}}.password-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(5,1fr);margin-bottom:30px}@media (min-width:1600px){.password-list{grid-template-columns:repeat(5,1fr)}}@media (max-width:1599px){.password-list{grid-template-columns:repeat(4,1fr)}}@media (max-width:1199px){.password-list{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.password-list{gap:12px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.password-list{gap:10px;grid-template-columns:repeat(2,1fr)}}.password-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffffa,#f8fff8f2);border:1px solid #c8e6c94d;border-radius:20px;box-shadow:0 6px 20px #00000014,0 2px 8px #4caf501a;display:flex;flex-direction:column;overflow:hidden;padding:18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.password-card:before{background:linear-gradient(90deg,#66bb6a,#4caf50 50%,#66bb6a);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s}.password-card:hover{border-color:#4caf5080;box-shadow:0 12px 30px #0000001f,0 4px 12px #4caf5026;transform:translateY(-8px) scale(1.02)}.password-card:hover:before{transform:scaleX(1)}.card-header{align-items:flex-start;border-bottom:2px solid #e8f5e999;display:flex;gap:12px;margin-bottom:12px;padding-bottom:12px}.card-logo-wrapper{align-items:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:14px;box-shadow:0 2px 8px #4caf5026;display:flex;flex-shrink:0;height:50px;justify-content:center;padding:8px;transition:all .3s;width:50px}.password-card:hover .card-logo-wrapper{box-shadow:0 4px 12px #4caf5040;transform:scale(1.1) rotate(5deg)}.card-logo{border-radius:8px;height:100%;object-fit:contain;width:100%}.card-title-section{display:flex;flex:1 1;flex-direction:column;gap:0;min-width:0}.card-title-row{justify-content:space-between}.card-title,.card-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.card-title{flex:1 1;min-width:0}.card-type{color:#1b5e20;font-size:16px;font-weight:700;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-account-type{background:linear-gradient(135deg,#66bb6a26,#4caf501a);border:1px solid #4caf5033;border-radius:12px;color:#4caf50;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.website-link{align-items:center;color:#4caf50;display:inline-flex;font-size:13px;gap:6px;margin-top:4px;text-decoration:none;transition:all .2s;word-break:break-all}.website-link svg{display:block;flex-shrink:0}.website-text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.website-link:hover{color:#2e7d32;text-decoration:underline}.website-link:hover svg{transform:translateX(2px)}.card-actions{display:flex;gap:10px}.delete-button,.edit-button{align-items:center;background:#fffc;border:1px solid #4caf5033;border-radius:8px;color:#4caf50;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px;transition:all .2s}.edit-button:hover{background:#4caf5026;border-color:#4caf50;color:#2e7d32;transform:scale(1.1)}.delete-button{border-color:#f4433633;color:#f44336}.delete-button:hover{background:#f443361a;border-color:#f44336;color:#d32f2f;transform:scale(1.1)}.card-content{display:flex;flex:1 1;flex-direction:column;gap:8px;padding-top:0}.info-row{align-items:center;background:#f8fff880;border:1px solid #0000;border-radius:8px;display:flex;font-size:13px;gap:8px;line-height:1.4;min-height:32px;overflow:hidden;padding:6px 10px;position:relative;transition:all .2s}.info-row:hover{background:#e8f5e9b3;border-color:#c8e6c980;transform:translateX(4px)}.info-row:hover .copy-button{opacity:1}.copy-button{align-items:center;background:#4caf501a;border:1px solid #4caf5033;border-radius:6px;color:#4caf50;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;min-width:32px;opacity:.7;padding:6px 8px;transition:all .2s}.copy-button:hover{background:#4caf5033;border-color:#4caf50;opacity:1;transform:scale(1.1)}.copy-button:active{transform:scale(.95)}.copy-button svg{display:block}.info-label{color:#555;flex-shrink:0;font-size:12px;font-weight:600;min-width:52px}.info-value{color:#333;flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.password-value{color:#2e7d32;font-family:Courier New,monospace;font-weight:600}.info-link{color:#4caf50;flex:1 1;min-width:0;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.info-link:hover{text-decoration:underline}.tags{background:linear-gradient(135deg,#c8e6c9,#a5d6a7);border-radius:12px;display:inline-block;font-size:12px;padding:4px 10px}.card-tags{align-items:center;background:linear-gradient(135deg,#c8e6c94d,#a5d6a733);border-radius:8px;border-top:1px solid #e8f5e999;color:#4caf50;display:flex;flex-wrap:wrap;font-size:11px;font-weight:600;gap:6px;margin-top:10px;overflow:hidden;padding:6px 10px;text-overflow:ellipsis;white-space:nowrap}.empty-state{background:linear-gradient(135deg,#fffffffa,#f8fff8f2);border-radius:20px;box-shadow:0 4px 15px #0000001a;grid-column:1/-1;padding:80px 20px;text-align:center}.empty-icon{align-items:center;color:#4caf50;display:flex;justify-content:center;margin:0 auto 20px;opacity:.6}.empty-icon svg{display:block}.empty-state p{color:#666;font-size:18px;font-weight:600;margin-bottom:10px}.empty-hint{color:#999;font-size:14px}@media (max-width:768px){.password-card{border-radius:16px;padding:14px}.card-header{gap:10px;margin-bottom:10px;padding-bottom:10px}.card-logo-wrapper{height:44px;width:44px}.card-type{font-size:14px}.card-account-type{font-size:10px;padding:3px 8px}.card-content{gap:6px}.info-row{font-size:12px;gap:6px;min-height:28px;padding:5px 8px}.info-label{font-size:11px;min-width:48px}.copy-button{height:26px;min-width:28px;padding:5px 7px}.copy-button svg{height:14px;width:14px}.delete-button,.edit-button{padding:6px}.delete-button svg,.edit-button svg{height:16px;width:16px}.card-actions{gap:6px}.card-tags{font-size:10px;margin-top:8px;padding:5px 8px}}@media (max-width:480px){.password-card{border-radius:14px;padding:12px}.card-header{gap:8px;margin-bottom:8px;padding-bottom:8px}.card-logo-wrapper{height:40px;width:40px}.card-type{font-size:13px}.card-account-type{font-size:9px;padding:2px 6px}.card-content{gap:5px}.info-row{font-size:11px;gap:5px;min-height:26px;padding:4px 6px}.info-label{font-size:10px;min-width:44px}.empty-state{padding:60px 15px}.empty-icon svg{height:48px;width:48px}.empty-state p{font-size:16px}.empty-hint{font-size:13px}.card-tags{font-size:9px;margin-top:6px;padding:4px 6px}}.form-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.form-modal{animation:slideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.form-header{align-items:center;border-bottom:2px solid #e8f5e9;display:flex;justify-content:space-between;padding:25px 30px}.form-header h2{color:#2e7d32;font-size:24px;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:5px;transition:all .2s;width:32px}.close-button:hover{background:#0000000d;color:#666}.password-form{padding:30px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#666;font-size:14px;font-weight:500}.form-group input{background:#fff;border:2px solid #c8e6c9;border-radius:10px;font-size:14px;padding:12px;transition:all .3s}.form-group input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.form-group input::placeholder{color:#bbb}.form-group select{background:#fff;border:2px solid #c8e6c9;border-radius:10px;color:#333;cursor:pointer;font-size:14px;padding:12px;transition:all .3s}.form-group select:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.form-select{background:#fff;border:2px solid #c8e6c9;border-radius:10px;color:#333;cursor:pointer;font-size:14px;padding:12px;transition:all .3s}.form-select:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.password-input-group{align-items:center;display:flex;gap:8px}.password-input-group input{flex:1 1}.generate-password-btn,.password-options-btn{background:linear-gradient(135deg,#66bb6a,#4caf50);border:none;border-radius:8px;box-shadow:0 2px 5px #4caf504d;color:#fff;cursor:pointer;flex-shrink:0;font-size:18px;padding:10px 12px;transition:all .2s}.generate-password-btn:hover,.password-options-btn:hover{box-shadow:0 4px 10px #4caf5066;transform:translateY(-2px)}.generate-password-btn:active,.password-options-btn:active{transform:translateY(0)}.password-generator-options{background:#c8e6c933;border:2px solid #c8e6c9;border-radius:10px;margin-top:12px;padding:15px}.option-row{align-items:center;display:flex;gap:10px;margin-bottom:15px}.option-label{color:#666;font-size:14px;font-weight:500;min-width:60px}.length-input{background:#fff;border:2px solid #c8e6c9;border-radius:8px;font-size:14px;padding:8px 12px;width:80px}.length-input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.option-checkboxes{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:15px}.checkbox-label{align-items:center;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px;transition:background .2s}.checkbox-label:hover{background:#ffffff80}.checkbox-label input[type=checkbox]{accent-color:#4caf50;cursor:pointer;height:18px;width:18px}.quick-generate-btn{background:linear-gradient(135deg,#66bb6a,#4caf50);border:none;border-radius:8px;box-shadow:0 2px 5px #4caf504d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px;transition:all .2s;width:100%}.quick-generate-btn:hover{box-shadow:0 4px 10px #4caf5066;transform:translateY(-2px)}.quick-generate-btn:active{transform:translateY(0)}@media (max-width:768px){.option-checkboxes{grid-template-columns:1fr}.password-input-group{flex-wrap:wrap}.generate-password-btn,.password-options-btn{flex:1 1;min-width:45px}}.form-actions{border-top:2px solid #e8f5e9;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.cancel-button,.save-button{border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s}.cancel-button{background:#f5f5f5;color:#666}.cancel-button:hover{background:#e0e0e0}.save-button{background:linear-gradient(135deg,#66bb6a,#4caf50);box-shadow:0 4px 10px #4caf504d;color:#fff}.save-button:hover{box-shadow:0 6px 15px #4caf5066;transform:translateY(-2px)}@media (max-width:768px){.form-overlay{padding:10px}.form-modal{max-height:95vh}.form-header{padding:20px}.form-header h2{font-size:20px}.password-form{padding:20px}.form-row{gap:15px;grid-template-columns:1fr;margin-bottom:15px}.form-actions{flex-direction:column-reverse}.cancel-button,.save-button{width:100%}}.search-bar-container{margin-bottom:25px}.search-bar{background:#fffffff2;border-radius:15px;box-shadow:0 4px 15px #0000001a;gap:12px;padding:12px 20px}.search-bar,.search-icon{align-items:center;display:flex}.search-icon{color:#4caf50;justify-content:center}.search-icon svg{display:block}.search-input{background:#0000;border:none;color:#333;flex:1 1;font-size:16px;outline:none}.search-input::placeholder{color:#999}.clear-button{align-items:center;background:#f443361a;border:1px solid #f4433633;border-radius:50%;color:#f44336;cursor:pointer;display:flex;height:28px;justify-content:center;padding:4px;transition:all .2s;width:28px}.clear-button svg{display:block}.clear-button:hover{background:#f4433633;border-color:#f44336;transform:scale(1.1)}@media (max-width:768px){.search-bar{padding:10px 15px}.search-input,.search-input::placeholder{font-size:14px}}
/*# sourceMappingURL=main.257c6887.css.map*/