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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:Inter,Segoe UI,Roboto,sans-serif;margin:0;min-height:100vh;padding:0}.app-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.loading-container{align-items:center;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin-bottom:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:15px;box-shadow:0 8px 25px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px 30px}header h1{color:#4a5568;font-size:1.8rem;font-weight:600;margin:0}.user-info{align-items:center;display:flex;gap:15px}.user-info span{color:#718096;font-size:.9rem}.logout-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .3s ease}.logout-btn:hover{box-shadow:0 4px 12px #ee5a524d;transform:translateY(-2px)}.login-form{align-items:center;display:flex;gap:10px}.login-form input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;padding:10px 15px;transition:all .3s ease}.login-form input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.login-form button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.login-form button:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.login-form button:disabled{cursor:not-allowed;opacity:.6;transform:none}.message{align-items:center;animation:slideIn .3s ease;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.message.error{background:#fed7e2;border:1px solid #fbb6ce;color:#c53030}.message.success{background:#c6f6d5;border:1px solid #9ae6b4;color:#2f855a}.close-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2rem;margin-left:15px;padding:0}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.input-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:15px;box-shadow:0 8px 25px #0000001a;margin-bottom:30px;padding:25px}.input-container textarea{background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:1rem;min-height:120px;padding:15px;resize:vertical;transition:all .3s ease;width:100%}.input-container textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.file-input-container{align-items:center;display:flex;gap:15px;margin:15px 0}.file-input-container input[type=file]{display:none}.file-label{background:#f7fafc;border:2px dashed #cbd5e0;border-radius:8px;color:#718096;cursor:pointer;font-size:.9rem;padding:10px 20px;transition:all .3s ease}.file-label:hover{background:#edf2f7;border-color:#a0aec0}.file-selected{color:#38a169;font-size:.9rem;font-weight:500}.progress-container{align-items:center;display:flex;gap:10px;margin:15px 0}.progress-bar{background:#e2e8f0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .3s ease}.progress-text{color:#718096;font-size:.8rem;font-weight:500}.button-group{display:flex;gap:15px;margin-top:15px}.primary-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .3s ease}.primary-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea4d;transform:translateY(-2px)}.primary-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.secondary-btn{background:#f7fafc;border:2px solid #e2e8f0;border-radius:10px;color:#718096;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .3s ease}.secondary-btn:hover{background:#edf2f7;border-color:#cbd5e0}.notes-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.empty-state{color:#fffc;font-size:1.1rem;grid-column:1/-1;padding:60px 20px;text-align:center}.note-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:15px;box-shadow:0 8px 25px #0000001a;padding:20px;transition:all .3s ease}.note-card:hover{box-shadow:0 12px 35px #00000026;transform:translateY(-5px)}.note-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.note-date{color:#718096;font-size:.8rem}.editing-badge{background:#667eea;border-radius:6px;color:#fff;font-size:.7rem;font-weight:500;padding:4px 8px}.note-content{margin-bottom:15px}.note-content p{color:#4a5568;line-height:1.6;margin:0}.note-attachment{border-top:1px solid #e2e8f0;margin-top:10px;padding-top:10px}.attachment-link{align-items:center;color:#667eea;display:inline-flex;font-size:.9rem;font-weight:500;gap:5px;text-decoration:none}.attachment-link:hover{text-decoration:underline}.note-actions{display:flex;gap:8px;justify-content:flex-end}.action-btn{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;padding:8px;transition:all .3s ease;width:32px}.copy-btn:hover{background:#e6fffa;transform:scale(1.1)}.edit-btn:hover{background:#fef5e7;transform:scale(1.1)}.delete-btn:hover{background:#fed7e2;transform:scale(1.1)}@media (max-width:768px){.app-container{padding:15px}header{gap:15px;padding:20px}.login-form,header{flex-direction:column}.login-form,.login-form input{width:100%}.notes-container{grid-template-columns:1fr}.button-group{flex-direction:column}.file-input-container{align-items:flex-start;flex-direction:column}.progress-container{flex-direction:column;gap:5px}}@media (max-width:480px){.app-container{padding:10px}header{padding:15px}header h1{font-size:1.5rem}.input-container{padding:20px}.note-card{padding:15px}}
/*# sourceMappingURL=main.a83e8de6.css.map*/