body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.app{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#e0e0e0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.container{background:#2d2d44;border:1px solid #3a3a5c;border-radius:15px;box-shadow:0 20px 40px #0000004d;margin:0 auto;max-width:800px;overflow:hidden}body,html{height:100%!important;overflow:visible!important}header{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;padding:30px;text-align:center}header h1{font-size:2.5em;margin:0;text-shadow:0 2px 4px #0000004d}.auth-section,.main-app{background:#2d2d44;padding:40px}.auth-section{text-align:center}.auth-section h2{color:#e0e0e0;margin-bottom:20px}.auth-section input{background:#3a3a5c;border:2px solid #4a4a6a;border-radius:8px;color:#e0e0e0;font-size:16px;margin:10px 0;max-width:300px;padding:15px;transition:border-color .3s;width:100%}.auth-section input:focus{border-color:#5dade2;outline:none}.auth-section button{background:linear-gradient(135deg,#5dade2,#3498db);border:none;border-radius:8px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:15px 30px;transition:transform .2s}.auth-section button:hover{box-shadow:0 6px 12px #0000004d;transform:translateY(-2px)}.add-password-section{background:#3a3a5c;border:1px solid #4a4a6a;border-radius:10px;margin-bottom:30px;padding:30px}.add-password-section h2{color:#e0e0e0;margin-bottom:20px}.add-password-section form{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.add-password-section input{background:#2d2d44;border:2px solid #4a4a6a;border-radius:6px;color:#e0e0e0;font-size:14px;padding:12px;transition:border-color .3s}.add-password-section input:focus{border-color:#58d68d;outline:none}.add-password-section button{background:linear-gradient(135deg,#58d68d,#27ae60);border:none;border-radius:6px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:16px;grid-column:span 2;padding:15px;transition:transform .2s}.add-password-section button:hover{box-shadow:0 6px 12px #0000004d;transform:translateY(-2px)}.search-bar{margin-bottom:20px}.search-bar input{background:#3a3a5c;border:2px solid #4a4a6a;border-radius:6px;color:#e0e0e0;font-size:16px;padding:12px;transition:border-color .3s;width:100%}.search-bar input:focus{border-color:#5dade2;outline:none}.password-item{background:#3a3a5c;border:1px solid #4a4a6a;border-radius:8px;box-shadow:0 2px 5px #0003;margin-bottom:15px;padding:20px;transition:transform .2s}.password-item:hover{border-color:#5dade2;box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.password-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.site-name{color:#e0e0e0;font-size:18px;font-weight:700}.password-details{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:15px}.detail-item{align-items:center;display:flex;gap:10px}.detail-label{color:#aab7c4;font-weight:700;min-width:100px}.detail-value{color:#e0e0e0;word-break:break-all}.detail-value a{color:#5dade2;text-decoration:none}.detail-value a:hover{text-decoration:underline}.password-actions{display:flex;flex-wrap:wrap;gap:10px}.btn{border:none;border-radius:4px;box-shadow:0 2px 4px #0003;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.btn-copy{background:#5dade2;color:#fff}.btn-show{background:#f39c12;color:#fff}.btn-delete{background:#e74c3c;color:#fff}.btn:hover{box-shadow:0 4px 8px #0000004d;opacity:.9;transform:translateY(-1px)}.actions{border-top:1px solid #4a4a6a;display:flex;gap:15px;justify-content:center;margin-top:30px;padding-top:30px}.actions button{border:none;border-radius:6px;box-shadow:0 2px 4px #0003;cursor:pointer;font-size:14px;padding:12px 24px;transition:transform .2s}.actions button:not(.logout-btn){background:#6c7b7f;color:#fff}.logout-btn{background:#e74c3c;color:#fff}.actions button:hover{box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.change-password-section{background:#3a3a5c;border:1px solid #f39c12;border-radius:10px;margin:30px 0;padding:30px}.change-password-section h2{color:#f39c12;margin-bottom:20px;text-align:center}.change-password-section form{grid-gap:15px;display:grid;gap:15px;margin:0 auto;max-width:400px}.change-password-section input{background:#2d2d44;border:2px solid #f39c12;border-radius:6px;color:#e0e0e0;font-size:14px;padding:12px;transition:border-color .3s}.change-password-section input:focus{border-color:#e67e22;outline:none}.change-password-section button{background:linear-gradient(135deg,#f39c12,#e67e22);border:none;border-radius:6px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:16px;padding:15px;transition:transform .2s}.change-password-section button:hover{box-shadow:0 6px 12px #0000004d;transform:translateY(-2px)}.notification{animation:slideIn .3s ease;border-radius:6px;box-shadow:0 4px 8px #0000004d;color:#fff;font-weight:700;padding:15px 20px;position:fixed;right:20px;top:20px;z-index:1000}.notification.success{background:#27ae60}.notification.error{background:#e74c3c}@media (max-width:768px){.add-password-section form{grid-template-columns:1fr}.add-password-section button{grid-column:span 1}.password-details{grid-template-columns:1fr}.actions{align-items:center;flex-direction:column}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#2d2d44}::-webkit-scrollbar-thumb{background:#4a4a6a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#5a5a7a}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:400px;width:90%}.modal-header{border-bottom:1px solid #e1e8ed;padding:20px 20px 10px}.modal-header h3{color:#e74c3c;font-size:18px;margin:0}.modal-body{padding:20px;text-align:center}.modal-body p{color:#2c3e50;margin:10px 0}.site-name-highlight{background-color:#f8f9fa;border-left:4px solid #3498db;border-radius:6px;margin:15px 0!important;padding:8px 12px}.warning-text{color:#e74c3c!important;font-size:14px;font-style:italic}.modal-actions{display:flex;gap:10px;justify-content:flex-end;padding:15px 20px 20px}.btn-cancel{background-color:#95a5a6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .2s}.btn-cancel:hover{background-color:#7f8c8d}.btn-delete-confirm{background-color:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .2s}.btn-delete-confirm:hover{background-color:#c0392b}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
/*# sourceMappingURL=main.c2a6a512.css.map*/