@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Quicksand:wght@300..700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap);*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}*,body{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;color:#1e293b;font-family:Poppins,sans-serif;line-height:1.6;overflow-x:hidden;scroll-padding-top:1rem;scroll-snap-type:y mandatory;text-rendering:optimizeLegibility;transition:background-color .3s ease,color .3s ease;will-change:background-color,color}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:#f4f4f4}body::-webkit-scrollbar-thumb{background-color:#888;border:3px solid #f4f4f4;border-radius:10px}body::-webkit-scrollbar-thumb:hover{background-color:#555}.auth-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin:2rem auto;max-width:400px;padding:2rem}.auth-title{color:#1e293b;font-size:1.75rem;margin-bottom:1.5rem;text-align:center}.auth-form{gap:1.5rem}.auth-form,.input-container{display:flex;flex-direction:column}.input-container{gap:.5rem}.input-field{border:1px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.input-field:focus{outline:none}.input-field.error{border-color:#ef4444}.error-message{margin-top:.25rem}.error-message,.submit-error{color:#ef4444;font-size:.875rem}.submit-error{background-color:#fee2e2;border-radius:8px;margin-bottom:1rem;padding:.75rem;text-align:center}.button{background-color:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1rem;transition:all .2s ease;width:100%}.button:hover{background-color:#4338ca}.button.disabled{background-color:#cbd5e1;cursor:not-allowed}.auth-footer{color:#64748b;font-size:.875rem;margin-top:1.5rem;text-align:center}.auth-link{color:#4f46e5;font-weight:500;margin-left:.25rem;text-decoration:none}.dashboard-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin:2rem auto;max-width:800px;padding:2rem}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.dashboard-content{margin:2rem 0}.sign-out-button{background-color:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;height:fit-content;margin:auto;padding:.75rem 1.5rem;transition:all .2s ease}.sign-out-button:hover{background-color:#dc2626}.fade-in{animation:fadeIn .5s ease-in}.files-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem}.files-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.file-type-selector{gap:.5rem}.file-type-selector button{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.5rem 1rem}.file-type-selector button.active{border-color:#4f46e5}.upload-area{border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;margin-bottom:2rem;padding:2rem;text-align:center;transition:all .3s}.upload-area.dragging{background:#4f46e50d;border-color:#4f46e5}.upload-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.upload-content svg{color:#4f46e5}.files-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.file-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.file-preview{align-items:center;background:#f8fafc;display:flex;height:150px;justify-content:center}.file-preview img{max-height:100%;max-width:100%;object-fit:contain}.file-info{padding:1rem}.file-info h4{margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-info p{color:#64748b;font-size:.875rem;margin:.25rem 0}.notes-manager,.password-manager,.user-metadata{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.add-button{cursor:pointer;padding:.5rem 1rem}.note-form,.password-form{margin-bottom:2rem;overflow:hidden}.form-group{margin-bottom:1rem}.form-group input,.form-group textarea{border:1px solid #e5e7eb;padding:.75rem}.form-group textarea{min-height:100px;resize:vertical}.save-button{cursor:pointer;font-size:1rem}.notes-grid,.passwords-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:2rem}.note-card,.password-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.note-card h3,.password-card h3{color:#1e293b;margin-top:0}.note-meta,.password-meta{border-top:1px solid #e5e7eb;color:#64748b;font-size:.875rem;margin-top:1rem;padding-top:.5rem}.empty-state{color:#64748b;padding:2rem}.user-metadata{grid-gap:1.5rem;display:grid;gap:1.5rem}.info-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.info-card h3{color:#1e293b;margin-bottom:1rem;margin-top:0}.info-row{display:flex;margin-bottom:.75rem}.info-label{color:#475569;font-weight:500;width:150px}.info-value{color:#1e293b;flex:1 1}.file-preview-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-backdrop{background:#000000b3;height:100%;left:0;position:absolute;top:0;width:100%}.modal-content{border-radius:12px;position:relative;z-index:1001}.close-btn{background:none;background:#00000080;cursor:pointer;font-size:2rem;right:15px;top:15px;z-index:1002}.preview-container{background:#1e293b}.file-actions{padding:1rem}.file-actions button{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.5rem 1rem}.file-meta{text-align:right}.file-meta h3{font-size:1rem;margin:0}.file-meta p{margin:.25rem 0 0}.download-btn{border-radius:4px;cursor:pointer;font-size:.75rem;margin-top:.5rem;padding:.25rem .5rem}.upload-hint{color:#64748b;font-size:.875rem;margin-top:.5rem}.file-preview video{height:100%;object-fit:cover;width:100%}button{cursor:pointer;transition:all .3s ease}.file-type-selector{display:flex;gap:.75rem}.file-type-selector button{background:#4f46e51a;border:none;border-radius:20px;color:#4f46e5;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1.25rem;transition:all .3s ease}.file-type-selector button.active{background:#4f46e5;box-shadow:0 4px 12px #4f46e54d;color:#fff}.add-button{align-items:center;background:#4f46e5;border:none;border-radius:8px;box-shadow:0 2px 6px #4f46e54d;color:#fff;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.25rem}.add-button svg{stroke-width:2}.password-form{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:2rem;padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{color:#334155;display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea{border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.password-input-wrapper{position:relative}.toggle-password{background:none;border:none;color:#64748b;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.toggle-password:hover{color:#4f46e5}.form-actions{display:flex;justify-content:flex-end;margin-top:1.5rem}.save-button{background:#4f46e5;border:none;border-radius:8px;color:#fff;font-weight:500;padding:.75rem 1.5rem}.passwords-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.password-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem;transition:all .3s ease}.password-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.password-header h3{color:#1e293b;margin:0}.password-actions button{background:none;border:none;color:#64748b;padding:.25rem}.password-actions button:hover{color:#4f46e5}.detail-row{display:flex;margin-bottom:.75rem}.detail-row>span:first-child{color:#475569;font-weight:500;min-width:100px}.detail-row.notes{flex-direction:column}.detail-row.notes>span{margin-bottom:.5rem}.password-value{align-items:center;display:flex;gap:.5rem}.password-mask{letter-spacing:2px}.password-footer{border-top:1px solid #f1f5f9;color:#64748b;font-size:.875rem;margin-top:1rem;padding-top:.75rem}.empty-state{grid-column:1/-1;padding:3rem 1rem;text-align:center}.empty-state svg{color:#cbd5e1;margin-bottom:1rem}.empty-state p{color:#64748b;margin-bottom:1.5rem}.add-first-btn{background:#4f46e5;border:none;border-radius:8px;color:#fff;font-weight:500;padding:.75rem 1.5rem}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:900px;overflow:hidden;width:90%}.close-btn{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;width:40px;z-index:10}.close-btn svg{stroke-width:2}.preview-container{align-items:center;background:#0f172a;display:flex;height:70vh;justify-content:center;width:100%}.preview-container img,.preview-container video{max-height:100%;max-width:100%;object-fit:contain}.document-preview{background:#fff;height:100%;width:100%}.file-actions{background:#fff;justify-content:space-between;padding:1.5rem}.download-btn,.file-actions{align-items:center;display:flex}.download-btn{background:#4f46e5;border:none;border-radius:8px;color:#fff;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none}.file-meta h3{font-size:1.125rem;margin:0 0 .25rem}.file-meta p{color:#64748b;font-size:.875rem;margin:0}.sidebar-nav{justify-content:center;margin-top:50px;max-width:280px}.nav-item{align-items:center;display:flex;justify-content:flex-start}.nav-item:hover{box-shadow:0 4px 10px #6366f126;transform:translateX(6px)}.sidebar-nav{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start;max-width:100%;padding:1rem;width:100%}.nav-item{background-color:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 5px #0000000a;color:#333;cursor:pointer;flex:0 0 auto;font-size:1rem;font-weight:500;min-width:140px;overflow:hidden;padding:.85rem 1.25rem;position:relative;text-align:center;transition:all .3s ease}.nav-item:hover{background-color:#f5f7ff;border-color:#6366f1;box-shadow:0 6px 14px #6366f126;color:#1e3a8a;transform:translateY(-3px)}.nav-item.active{background-color:#eef2ff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126;color:#4338ca;font-weight:600}.nav-item.active:before{border-radius:12px;box-shadow:0 0 10px #6366f133;content:"";inset:0;position:absolute;z-index:-1}.user-avatar{align-items:center;background-color:#6366f1;border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:600;height:60px;justify-content:center;position:relative;text-transform:uppercase;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;width:60px}.user-avatar:hover{background-color:#4f46e5;box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}.sidebar-header{align-items:center;display:flex;gap:10px;max-width:100%;width:100%}@keyframes pulse{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
/*# sourceMappingURL=main.730fdbbc.css.map*/