.home-page{background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.home-container{margin:0 auto;max-width:1200px;padding:0 20px}.home-header{color:#fff;padding:60px 0 40px;text-align:center}.home-title{font-size:3.5rem;font-weight:700;margin:0 0 10px;text-shadow:0 2px 4px #0000004d}.home-subtitle{font-size:1.5rem;font-weight:300;margin:0;opacity:.9}.home-content{background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -10px 30px #0000001a;padding:60px 40px}.hero-section{margin-bottom:80px;text-align:center}.hero-section h2{color:#2d3748;font-size:1.3rem;font-weight:600;line-height:normal;margin:0 0 20px}.hero-section p{color:#4a5568;font-size:1.2rem;line-height:1.6;margin:0 auto 40px;max-width:600px}.cta-buttons{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;justify-content:center}.cta-buttons .btn{margin:0;max-width:100%;width:250px}.btn{border-radius:50px;min-width:160px;padding:15px 30px}.btn-primary{box-shadow:0 4px 15px #667eea66}.btn-primary:hover{box-shadow:0 6px 20px #667eea99}.btn-secondary{background:#fff;border:2px solid #667eea;color:#667eea}.btn-secondary:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.features-section{margin-bottom:80px}.features-section h3{color:#2d3748;font-size:2rem;font-weight:600;margin:0 0 50px;text-align:center}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background:#f7fafc;border:1px solid #e2e8f0;border-radius:15px;padding:30px;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:#667eea;box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-card h4{color:#2d3748;font-size:1.3rem;font-weight:600;margin:0 0 15px}.feature-card p{color:#4a5568;line-height:1.6;margin:0}.tech-section{margin-bottom:80px}.tech-section h3{color:#2d3748;font-size:2rem;font-weight:600;margin:0 0 40px;text-align:center}.tech-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tech-item{background:#f7fafc;border-left:4px solid #667eea;border-radius:10px;color:#4a5568;line-height:1.5;padding:20px}.tech-item strong{color:#2d3748}.home-footer{border-top:1px solid #e2e8f0;color:#4a5568;margin-top:60px;padding:40px 0;text-align:center}.home-footer p{color:#fff;font-size:.9rem;margin:0}.home-footer p a{color:#fff;text-decoration:underline}.home-footer p a:hover{text-decoration:none}@media(max-width:768px){.home-title{font-size:2.5rem}.home-subtitle{font-size:1.2rem}.home-content{padding:40px 20px}.hero-section p{font-size:1rem}.btn{max-width:280px;width:100%}.features-grid,.tech-list{grid-template-columns:1fr}}.auth-message-page{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;min-height:100vh}.auth-message-container{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}.auth-message-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:3rem;text-align:center;width:100%}.auth-message-header{margin-bottom:2rem}.auth-message-header h1{color:#667eea;font-size:2.5rem;font-weight:700;margin:0}.auth-message-icon{color:#667eea;margin-bottom:2rem}.auth-message-card h2{color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:1rem}.auth-message-card p{color:#718096;font-size:1.1rem;line-height:1.6;margin-bottom:2.5rem}.auth-message-buttons{display:flex;flex-direction:column;gap:1rem}.auth-message-buttons .btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;padding:1rem 2rem;text-align:center;text-decoration:none;transition:all .3s ease}.auth-message-buttons .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.auth-message-buttons .btn-primary:hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.auth-message-buttons .btn-secondary{background:#0000;border:2px solid #667eea;color:#667eea}.auth-message-buttons .btn-secondary:hover{background:#667eea;box-shadow:0 10px 20px #667eea4d;color:#fff;transform:translateY(-2px)}@media(max-width:768px){.auth-message-container{padding:1rem}.auth-message-card{padding:2rem}.auth-message-header h1{font-size:2rem}.auth-message-card h2{font-size:1.5rem}.auth-message-card p{font-size:1rem}}.login-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-card{background:#fff;border-radius:15px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:3rem;text-align:center;width:100%}.login-header{margin-bottom:2rem}.login-header h1{color:#667eea;font-size:2.5rem;font-weight:700;margin:0}.login-card h2{color:#333;font-size:2rem;font-weight:600;margin-bottom:1rem}.login-card p{color:#666;font-size:1.1rem;margin-bottom:2rem}.login-form{text-align:left}.login-form .form-group{margin-bottom:1.5rem}.login-form label{color:#333;display:block;font-size:1rem;font-weight:600;margin-bottom:.5rem}.login-links{border-top:1px solid #e1e5e9;margin-top:2rem;padding-top:1.5rem}.forgot-password{margin-bottom:1rem}.forgot-link{color:#667eea;font-size:.9rem;font-weight:600;text-decoration:none}.forgot-link:hover{text-decoration:underline}.register-link{margin-top:1rem}.register-link p{color:#666;font-size:.9rem;margin:0}.register-link a{color:#667eea;font-weight:600;text-decoration:none}.register-link a:hover{text-decoration:underline}.passwordless-section{border-top:1px solid #e1e5e9;margin-top:1.5rem;padding-top:1.5rem}@media(max-width:768px){.login-container{padding:1rem}.login-card{padding:2rem}.login-header h1{font-size:2rem}.login-card h2{font-size:1.5rem}.login-card p{font-size:1rem}}.register-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.register-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem}.register-card{background:#fff;border-radius:15px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:3rem;text-align:center;width:100%}.register-header{margin-bottom:2rem}.register-header h1{color:#667eea;font-size:2.5rem;font-weight:700;margin:0}.register-card h2{color:#333;font-size:2rem;font-weight:600;margin-bottom:1rem}.register-card p{color:#666;font-size:1.1rem;margin-bottom:2rem}.register-form{text-align:left}.register-form .form-group{margin-bottom:1.5rem}.register-form label{color:#333;display:block;font-size:1rem;font-weight:600;margin-bottom:.5rem}.login-link{border-top:1px solid #e1e5e9;margin-top:2rem;padding-top:1.5rem}.login-link p{color:#666;margin:0}.login-link a{color:#667eea;font-weight:600;text-decoration:none}.login-link a:hover{text-decoration:underline}.loading{align-items:center;color:#667eea;display:flex;font-size:1.1rem;font-weight:600;height:100px;justify-content:center}@media(max-width:768px){.register-container{padding:1rem}.register-card{padding:2rem}.register-header h1{font-size:2rem}.register-card h2{font-size:1.5rem}.register-card p{font-size:1rem}}.reset-password-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.reset-password-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem}.reset-password-card{background:#fff;border-radius:15px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:3rem;text-align:center;width:100%}.reset-password-header{margin-bottom:2rem}.reset-password-header h1{color:#667eea;font-size:2.5rem;font-weight:700;margin:0}.reset-password-card h2{color:#333;font-size:2rem;font-weight:600;margin-bottom:1rem}.reset-password-card p{color:#666;font-size:1.1rem;margin-bottom:2rem}.reset-password-form{text-align:left}.reset-password-form .form-group{margin-bottom:1.5rem}.reset-password-form label{color:#333;display:block;font-size:1rem;font-weight:600;margin-bottom:.5rem}.reset-password-form .form-input{border:2px solid #e1e5e9;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.reset-password-form .form-input:focus{border-color:#667eea;outline:none}.reset-password-form .form-input:disabled{background:#f8f9fa;cursor:not-allowed}.btn{margin-bottom:1rem;padding:.75rem;width:100%}.btn-primary{background:#667eea}.btn-primary:hover:not(:disabled){background:#5a6fd8}.btn-primary:disabled{background:#a0aec0;cursor:not-allowed}.message{border-radius:6px;font-size:.9rem;padding:.75rem}.message.error{background:#fee;border:1px solid #fed7d7;color:#c53030}.message.success{background:#f0fff4;border:1px solid #c6f6d5;color:#2f855a}.back-to-login{border-top:1px solid #e1e5e9;margin-top:2rem;padding-top:1.5rem}.back-link{color:#667eea;font-size:.9rem;font-weight:600;text-decoration:none}.back-link:hover{text-decoration:underline}@media(max-width:768px){.reset-password-container{padding:1rem}.reset-password-card{padding:2rem}.reset-password-header h1{font-size:2rem}.reset-password-card h2{font-size:1.5rem}.reset-password-card p{font-size:1rem}}.dashboard-sidebar{background:#fff;border-right:1px solid #e1e5e9;box-shadow:2px 0 10px #0000001a;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:transform .3s ease;width:280px;z-index:100}.sidebar-header{align-items:center;background:#fff;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.sidebar-brand{color:#667eea;font-size:1.5rem;font-weight:700}.mobile-close{background:none;border:none;color:#666;cursor:pointer;display:none;font-size:1.5rem;padding:.5rem}.sidebar-user{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;gap:.5rem;justify-content:space-between;padding:1rem 1.5rem}.sidebar-user .btn{font-size:14px;font-weight:400;margin:0;padding:6px;width:90px}.user-name{color:#333;font-size:1rem;font-weight:500;max-width:130px;overflow:hidden;text-overflow:ellipsis}.btn{font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.btn-danger{background:#dc3545}.btn-danger:hover{background:#c82333}.sidebar-nav{padding:1rem 0}.nav-section{margin-bottom:2rem}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-item{margin:0}.sidebar-link{background:none;border:none;border-left:3px solid #0000;color:#666;cursor:pointer;display:block;font-size:1rem;padding:1rem 1.5rem;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.sidebar-link:hover{background:#f8f9fa;color:#333}.sidebar-link.active{background:#667eea;border-left-color:#5a6fd8;color:#fff}.sidebar-link.active:hover{background:#5a6fd8}.mobile-menu-toggle{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:25px;justify-content:space-around;padding:0;position:fixed;right:1rem;top:26px;width:30px;z-index:99}.mobile-menu-toggle span{background:#333;border-radius:3px;height:3px;transition:all .3s ease;width:100%}.mobile-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:99}@media(max-width:768px){.dashboard-sidebar{transform:translateX(-100%);width:280px}.dashboard-sidebar.mobile-open{transform:translateX(0)}.mobile-menu-toggle{display:flex}.mobile-close,.mobile-overlay{display:block}.sidebar-header,.sidebar-user{padding:1rem}.nav-section h4{margin-left:1rem}.sidebar-link{padding:1rem}}@media(max-width:480px){.sidebar-user{align-items:center;flex-direction:row;justify-content:space-between}}.events-container{background:#0000;border-radius:0;box-shadow:none;height:100%;margin-bottom:0;overflow:visible}.events-header{align-items:center;background:#0000;border-bottom:2px solid #e9ecef;color:#333;display:flex;justify-content:space-between;margin-bottom:24px;padding:0 0 24px}.events-header h3{color:#2c3e50;font-size:20px;font-weight:700;margin:0}.events-actions{display:flex;gap:12px}.events-actions .btn{border-radius:8px;font-size:13px;padding:8px 16px;transition:all .2s ease}.events-actions .btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.events-content{padding:0}.events-empty,.events-error,.events-loading{background:#f7fafc;border-radius:12px;color:#718096;font-size:16px;font-style:italic;margin:20px 0;padding:40px 20px;text-align:center}.events-error{background:#fed7d7;border:1px solid #feb2b2;color:#e53e3e}.events-empty{background:#f0fff4;border:1px solid #9ae6b4;color:#38a169}.events-year-group{margin-bottom:40px}.events-year-group:last-child{margin-bottom:0}.events-year-header{background:#2d3748;color:#fff;font-size:24px;font-weight:700;margin-bottom:16px;padding:8px 16px}.events-months-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:32px}@media(max-width:1600px){.events-months-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1200px){.events-months-grid{grid-template-columns:minmax(0,1fr)}}.events-group{background:#f8f9fa;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:20px;transition:all .2s ease}.events-group:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.events-group-header{background:#0000;border-bottom:1px solid #e2e8f0;color:#4a5568;font-size:18px;font-weight:600;margin-bottom:16px;padding:0 0 16px}.events-list{padding:0}.event-date-group{display:grid;grid-template-columns:80px minmax(0,1fr)}.event-date-group:not(:last-child){border-bottom:1px solid #e2e8f0;margin-bottom:16px;padding-bottom:16px}.event-date-group.current .event-date-title{color:#2563eb}.event-date-group.current .event-day-of-week{color:rgba(37,99,235,.588)}.event-date-header{padding:8px 0}.event-date-title{color:#64748b;font-size:13px;font-weight:600}.event-day-of-week{color:rgba(100,116,139,.651);font-size:11px;font-weight:400;text-transform:capitalize}.event-item{border-bottom:1px solid #f1f5f9;display:flex;grid-column:2/3;padding:8px 0;transition:all .2s ease}.event-item:hover{background:#f8fafc;border-radius:6px;margin:0 -8px;padding:8px}.event-item:last-child{border-bottom:none}.event-content{flex:1 1;min-width:0}.event-title{color:#1e293b;font-size:14px;font-weight:600;line-height:1.4;margin-bottom:4px}.event-description{word-wrap:break-word;color:#64748b;font-size:13px;line-height:1.4}.event-btn{background:#dbeafe;border:none;border-radius:4px;color:#1d4ed8;cursor:pointer;font-size:12px;padding:2px 6px;transition:all .2s ease}.event-btn:hover{background:#c1dcff}@media(max-width:768px){.events-container{margin-bottom:15px}.events-header{flex-direction:column;gap:12px;margin-bottom:20px;padding:16px 0 20px}.events-header h3{font-size:18px}.events-actions{flex-wrap:wrap;justify-content:center}.events-actions .btn{font-size:12px;padding:6px 12px}.events-content{max-height:calc(100vh - 250px)}.events-year-header{font-size:20px;margin-bottom:12px}.events-group{padding:16px}.events-group-header{font-size:16px;margin-bottom:12px}.event-date-group{margin-bottom:12px}.event-date-header{margin-bottom:6px;padding:6px 0}.event-date-title{font-size:12px}.event-item{padding:8px 0}.event-item:hover{margin:0 -6px;padding:8px 6px}.event-title{font-size:13px}.event-description{font-size:12px}.event-description .btn-link{font-size:11px;margin-left:6px}}@media(max-width:480px){.events-year-header{font-size:18px}.events-group{padding:12px}.events-group-header{font-size:15px;margin-bottom:10px}.event-date-group{margin-bottom:10px}.event-date-header{margin-bottom:4px;padding:4px 0}.event-date-title{font-size:11px}.event-item{padding:6px 0}.event-item:hover{margin:0 -4px;padding:6px 4px}.event-title{font-size:12px}.event-description{font-size:11px}}.contact-form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.contact-form{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;padding:20px;width:100%}.contact-form h2{color:#333;font-size:24px;font-weight:600;margin-bottom:24px}.contact-form .error-message{align-items:center;background:#f8d7da;border-radius:6px;color:#721c24;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.contact-form .error-message p{flex:1 1;margin:0}.contact-form .error-message .btn{margin-left:12px}.contact-form .form-group{margin-bottom:20px}.contact-form .form-group label{color:#555;display:block;font-weight:500;margin-bottom:8px}.contact-form .form-group input,.contact-form .form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px;transition:border-color .3s ease;width:100%}.contact-form .form-group input:focus,.contact-form .form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.contact-form .form-group textarea{min-height:100px;resize:vertical}.contact-form .form-group .attached-groups{border:1px solid #ddd;border-radius:6px;max-height:150px;overflow-y:auto;padding:12px}.contact-form .form-group .attached-groups .group-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:8px 0}.contact-form .form-group .attached-groups .group-item:last-child{border-bottom:none}.contact-form .form-group .attached-groups .group-item .group-name{color:#333;font-weight:500}.contact-form .form-group .attached-groups .group-item .btn-danger{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .3s ease}.contact-form .form-group .attached-groups .group-item .btn-danger:hover{background:#c82333}.contact-form .form-group .attached-groups .group-item .btn-danger:disabled{background:#6c757d;cursor:not-allowed}.contact-form .form-group .attached-groups .no-groups{color:#6c757d;font-style:italic;margin:0;padding:20px;text-align:center}.contact-form .form-group .groups-selection{border:1px solid #ddd;border-radius:6px;max-height:150px;overflow-y:auto;padding:12px}.contact-form .form-group .groups-selection .group-checkbox{margin-bottom:8px}.contact-form .form-group .groups-selection .group-checkbox:last-child{margin-bottom:0}.contact-form .form-group .groups-selection .group-checkbox label{align-items:center;cursor:pointer;display:flex;font-weight:400;margin:0}.contact-form .form-group .groups-selection .group-checkbox label input[type=checkbox]{height:16px;margin-right:8px;width:16px}.contact-form .form-group .groups-selection .group-checkbox label span{color:#333}.contact-form .form-group .groups-selection .no-groups{color:#6c757d;font-style:italic;margin:0;padding:20px;text-align:center}.contact-form .form-actions{border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.contact-form .form-actions .btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.contact-form .form-actions .btn.btn-primary{background:#007bff;color:#fff}.contact-form .form-actions .btn.btn-primary:hover{background:#0056b3}.contact-form .form-actions .btn.btn-primary:disabled{background:#6c757d;cursor:not-allowed}.contact-form .form-actions .btn.btn-secondary{background:#6c757d;color:#fff}.contact-form .form-actions .btn.btn-secondary:hover{background:#545b62}.contact-form .form-actions .btn.btn-secondary:disabled{background:#adb5bd;cursor:not-allowed}.contact-form.contact-view .contact-view-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.contact-form.contact-view .contact-view-header h2{color:#333;font-size:24px;font-weight:600;margin:0}.contact-form.contact-view .contact-view-header .btn-primary{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .3s ease}.contact-form.contact-view .contact-view-header .btn-primary:hover{background:#0056b3}.contact-form.contact-view .contact-view-header .btn-primary:disabled{background:#6c757d;cursor:not-allowed}.contact-form.contact-view .contact-view-content .contact-field{background:#f8f9fa;border-left:4px solid #007bff;border-radius:6px;margin-bottom:20px;padding:16px}.contact-form.contact-view .contact-view-content .contact-field label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.contact-form.contact-view .contact-view-content .contact-field .field-value{color:#555;font-size:16px;line-height:1.5}.contact-form.contact-view .contact-view-content .contact-field .groups-list{display:flex;flex-wrap:wrap;gap:8px}.contact-form.contact-view .contact-view-content .contact-field .groups-list .group-tag{background:#007bff;border-radius:20px;color:#fff;font-size:12px;font-weight:500;padding:4px 12px}.note-form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.note-form{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:24px;width:90%}.note-form .note-form-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.note-form .note-form-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.note-form .note-form-header .close-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:24px;padding:4px;transition:all .2s}.note-form .note-form-header .close-btn:hover{background:#f5f5f5;color:#333}.note-form .form-group{margin-bottom:20px}.note-form .form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.note-form .form-group input[type=text],.note-form .form-group select,.note-form .form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.note-form .form-group input[type=text]:focus,.note-form .form-group select:focus,.note-form .form-group textarea:focus{border-color:#007bff;outline:none}.note-form .form-group textarea{min-height:120px;resize:vertical}.note-form .form-group.checkbox-group label{align-items:center;cursor:pointer;display:flex}.note-form .form-group.checkbox-group label input[type=checkbox]{margin-right:8px;width:auto}.note-form .tags-input{display:flex;gap:8px;margin-bottom:12px}.note-form .tags-input input{flex:1 1}.note-form .tags-input button{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 16px;transition:background .2s}.note-form .tags-input button:hover{background:#0056b3}.note-form .tags-list{display:flex;flex-wrap:wrap;gap:8px}.note-form .tags-list .tag{align-items:center;background:#e3f2fd;border-radius:16px;color:#1976d2;display:inline-flex;font-size:12px;font-weight:500;padding:4px 12px}.note-form .tags-list .tag button{align-items:center;background:none;border:none;border-radius:50%;color:#1976d2;cursor:pointer;display:flex;font-size:14px;height:16px;justify-content:center;margin-left:6px;padding:0;width:16px}.note-form .tags-list .tag button:hover{background:#1976d2;color:#fff}.note-form .form-actions{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.note-form .form-actions button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.note-form .form-actions button.btn-secondary{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.note-form .form-actions button.btn-secondary:hover{background:#e9ecef;color:#495057}.note-form .form-actions button.btn-primary{background:#007bff;color:#fff}.note-form .form-actions button.btn-primary:hover:not(:disabled){background:#0056b3}.note-form .form-actions button.btn-primary:disabled{background:#6c757d;cursor:not-allowed}.note-viewer-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.note-viewer{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:100%}.note-viewer .note-viewer-header{align-items:flex-start;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:24px 24px 16px}.note-viewer .note-viewer-header .note-viewer-title{flex:1 1;margin-right:16px}.note-viewer .note-viewer-header .note-viewer-title h2{color:#333;font-size:24px;font-weight:600;line-height:1.3;margin:0 0 8px}.note-viewer .note-viewer-header .note-viewer-title .pin-badge{background:#fff3cd;border-radius:12px;color:#856404;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.note-viewer .note-viewer-header .note-viewer-actions{display:flex;flex-shrink:0;gap:8px}.note-viewer .note-viewer-header .note-viewer-actions button{background:none;border:none;border-radius:6px;cursor:pointer;font-size:18px;padding:8px;transition:all .2s}.note-viewer .note-viewer-header .note-viewer-actions button.btn-edit{color:#007bff}.note-viewer .note-viewer-header .note-viewer-actions button.btn-edit:hover{background:#e3f2fd}.note-viewer .note-viewer-header .note-viewer-actions button.btn-delete{color:#dc3545}.note-viewer .note-viewer-header .note-viewer-actions button.btn-delete:hover{background:#f8d7da}.note-viewer .note-viewer-header .note-viewer-actions button.btn-close{color:#6c757d;font-size:24px}.note-viewer .note-viewer-header .note-viewer-actions button.btn-close:hover{background:#f8f9fa}.note-viewer .note-viewer-content{flex:1 1;overflow-y:auto;padding:24px}.note-viewer .note-viewer-content .note-meta{border-bottom:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding-bottom:16px}.note-viewer .note-viewer-content .note-meta .note-category{border-radius:16px;color:#fff;font-size:12px;font-weight:500;padding:6px 12px}.note-viewer .note-viewer-content .note-meta .note-date{color:#666;font-size:14px}.note-viewer .note-viewer-content .note-text{margin-bottom:24px}.note-viewer .note-viewer-content .note-text p{color:#333;font-size:16px;line-height:1.6;margin:0 0 16px}.note-viewer .note-viewer-content .note-text p:last-child{margin-bottom:0}.note-viewer .note-viewer-content .note-tags h4{color:#333;font-size:16px;font-weight:600;margin:0 0 12px}.note-viewer .note-viewer-content .note-tags .tags-list{display:flex;flex-wrap:wrap;gap:8px}.note-viewer .note-viewer-content .note-tags .tags-list .tag{background:#e3f2fd;border-radius:16px;color:#1976d2;font-size:14px;font-weight:500;padding:6px 12px}@media(max-width:768px){.note-viewer-overlay{padding:10px}.note-viewer .note-viewer-header{padding:16px 16px 12px}.note-viewer .note-viewer-header .note-viewer-title h2{font-size:20px}.note-viewer .note-viewer-header .note-viewer-actions{gap:4px}.note-viewer .note-viewer-header .note-viewer-actions button{font-size:16px;padding:6px}.note-viewer .note-viewer-header .note-viewer-actions button.btn-close{font-size:20px}.note-viewer .note-viewer-content{padding:16px}.note-viewer .note-viewer-content .note-meta{gap:8px;margin-bottom:16px}.note-viewer .note-viewer-content .note-meta .note-date{font-size:12px}.note-viewer .note-viewer-content .note-text p{font-size:14px}}.dashboard{background:linear-gradient(135deg,#f7fafc,#edf2f7);display:flex;min-height:100vh}.content-area{background:#0000;flex:1 1;margin-left:280px;min-height:100vh;padding:2rem;transition:margin-left .3s ease}.content-header{margin-bottom:2rem}.content-header h1{color:#2d3748;font-size:2.2rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.content-body{background:#0000;border-radius:0;box-shadow:none;min-height:calc(100vh - 200px);padding:0}@media(max-width:768px){.content-area{margin-left:0;padding:14px 1rem 1rem}.content-header h1{font-size:1.8rem;padding-right:40px}.content-body{padding:0}}@media(max-width:480px){.content-area{padding-left:.5rem;padding-right:.5rem}.content-header h1{font-size:1.6rem}.content-body{padding:0}}.event-log{height:auto;overflow-y:visible;padding:0}.event-log .event-log-header{border-bottom:1px solid #e9ecef;margin-bottom:30px;padding-bottom:20px}.event-log .event-log-header h2{color:#333;font-size:20px;font-weight:600;margin:0 0 8px}.event-log .event-log-header p{color:#666;font-size:14px;margin:0}.event-log .loading{color:#666}.event-log .loading,.event-log .no-events{align-items:center;display:flex;font-size:16px;height:200px;justify-content:center}.event-log .no-events{color:#999;text-align:center}.event-log .event-list .event-item{align-items:flex-start;background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;margin-bottom:12px;padding:16px;transition:all .2s ease}.event-log .event-list .event-item:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.event-log .event-list .event-item .event-date{background:#f8f9fa;border-radius:4px;color:#495057;font-size:12px;font-weight:500;margin-right:16px;min-width:80px;padding:4px 8px;text-align:center}.event-log .event-list .event-item .event-content{flex:1 1}.event-log .event-list .event-item .event-content .event-title{color:#333;font-size:16px;font-weight:600;margin-bottom:4px}.event-log .event-list .event-item .event-content .event-description{color:#666;font-size:14px;line-height:1.4}.contacts{padding:0}.contacts .contacts-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.contacts .contacts-header .header-actions{align-items:center;display:flex;gap:12px}.contacts .contacts-header h2{color:#333;font-size:20px;font-weight:600;margin:0}.contacts .contacts-header h2 .group-filter{color:#007bff;font-size:20px;font-weight:500}.contacts .contacts-header .btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;margin:0;padding:10px 20px;transition:all .3s ease;width:auto}.contacts .contacts-header .btn.btn-primary{background:#007bff;color:#fff}.contacts .contacts-header .btn.btn-primary:hover{background:#0056b3}.contacts .contacts-header .btn.btn-secondary{background:#6c757d;color:#fff}.contacts .contacts-header .btn.btn-secondary:hover{background:#545b62}.contacts .groups-section{margin-bottom:24px;padding:16px 0}.contacts .groups-section h3{color:#333;font-size:18px;font-weight:600;margin:0 0 12px}.contacts .groups-section .groups-buttons{display:flex;flex-wrap:wrap;gap:8px}.contacts .groups-section .groups-buttons .group-btn{background:#fff;border:1px solid #ddd;border-radius:20px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.contacts .groups-section .groups-buttons .group-btn:hover{border-color:#007bff;color:#007bff}.contacts .groups-section .groups-buttons .group-btn.active{background:#007bff;border-color:#007bff;color:#fff}.contacts .groups-section .groups-buttons .group-btn.active:hover{background:#0056b3;border-color:#0056b3}.contacts .error-message{align-items:center;background:#f8d7da;border-radius:6px;color:#721c24;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.contacts .error-message p{flex:1 1;margin:0}.contacts .error-message .btn{margin-left:12px}.contacts .contacts-list .empty-state,.contacts .contacts-list .loading-state{color:#666;padding:60px 20px;text-align:center}.contacts .contacts-list .empty-state p,.contacts .contacts-list .loading-state p{font-size:18px;margin-bottom:20px}.contacts .contacts-list .contacts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1600px){.contacts .contacts-list .contacts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1200px){.contacts .contacts-list .contacts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1050px){.contacts .contacts-list .contacts-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}.contacts .contacts-list .contacts-grid .contact-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.contacts .contacts-list .contacts-grid .contact-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.contacts .contacts-list .contacts-grid .contact-card .contact-actions{display:flex;gap:8px}.contacts .contacts-list .contacts-grid .contact-card .contact-actions .btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;margin:0;padding:6px 12px;transition:all .3s ease;width:auto}.contacts .contacts-list .contacts-grid .contact-card .contact-actions .btn.btn-sm{font-size:11px;padding:4px 8px}.contacts .contacts-list .contacts-grid .contact-card .contact-actions .btn.btn-secondary{background:#6c757d;color:#fff}.contacts .contacts-list .contacts-grid .contact-card .contact-actions .btn.btn-secondary:hover{background:#545b62}.contacts .contacts-list .contacts-grid .contact-card .contact-actions .btn.btn-danger{background:#dc3545;color:#fff}.contacts .contacts-list .contacts-grid .contact-card .contact-actions .btn.btn-danger:hover{background:#c82333}.contacts .contacts-list .contacts-grid .contact-card .contact-header{margin:16px 0}.contacts .contacts-list .contacts-grid .contact-card .contact-header h3{color:#333;flex:1 1;font-size:18px;font-weight:600;margin:0}.contacts .contacts-list .contacts-grid .contact-card .contact-details .contact-field{display:flex;flex-direction:column;margin-bottom:12px}.contacts .contacts-list .contacts-grid .contact-card .contact-details .contact-field .field-label{color:#666;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.contacts .contacts-list .contacts-grid .contact-card .contact-details .contact-field .field-value{color:#333;font-size:14px;line-height:1.4}.group-form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.group-form{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;padding:24px;width:100%}.group-form .group-form-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.group-form .group-form-header h2{color:#333;font-size:1.5rem;margin:0}.group-form .group-form-content .form-group{margin-bottom:20px}.group-form .group-form-content .form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.group-form .group-form-content .form-group .form-control{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.group-form .group-form-content .form-group .form-control:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.group-form .group-form-content .form-group textarea.form-control{min-height:80px;resize:vertical}.group-form .group-form-content .contacts-selection{border:1px solid #ddd;border-radius:4px;max-height:200px;overflow-y:auto;padding:12px}.group-form .group-form-content .contacts-selection .contact-checkbox{margin-bottom:8px}.group-form .group-form-content .contacts-selection .contact-checkbox:last-child{margin-bottom:0}.group-form .group-form-content .contacts-selection .contact-checkbox label{align-items:center;cursor:pointer;display:flex;font-weight:400;margin:0}.group-form .group-form-content .contacts-selection .contact-checkbox label input[type=checkbox]{height:16px;margin-right:8px;width:16px}.group-form .group-form-content .contacts-selection .contact-checkbox label span{color:#333}.group-form .group-form-content .form-actions{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px}.group-manager{padding:0}.group-manager .group-manager-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.group-manager .group-manager-header h2{color:#333;font-size:20px;font-weight:600;margin:0}.group-manager .group-manager-header .btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;margin:0;padding:10px 20px;transition:all .3s ease;width:auto}.group-manager .group-manager-header .btn.btn-primary{background:#007bff;color:#fff}.group-manager .group-manager-header .btn.btn-primary:hover{background:#0056b3}.group-manager .error-message{align-items:center;background:#f8d7da;border-radius:6px;color:#721c24;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.group-manager .error-message p{flex:1 1;margin:0}.group-manager .error-message .btn{margin-left:12px}.group-manager .groups-list .empty-state,.group-manager .groups-list .loading-state{color:#666;padding:60px 20px;text-align:center}.group-manager .groups-list .empty-state p,.group-manager .groups-list .loading-state p{font-size:18px;margin-bottom:20px}.group-manager .groups-list .groups-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1600px){.group-manager .groups-list .groups-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1200px){.group-manager .groups-list .groups-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1050px){.group-manager .groups-list .groups-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}.group-manager .groups-list .groups-grid .group-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.group-manager .groups-list .groups-grid .group-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.group-manager .groups-list .groups-grid .group-card .group-actions{display:flex;gap:8px}.group-manager .groups-list .groups-grid .group-card .group-actions .btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;margin:0;padding:6px 12px;transition:all .3s ease;width:auto}.group-manager .groups-list .groups-grid .group-card .group-actions .btn.btn-sm{font-size:11px;padding:4px 8px}.group-manager .groups-list .groups-grid .group-card .group-actions .btn.btn-secondary{background:#6c757d;color:#fff}.group-manager .groups-list .groups-grid .group-card .group-actions .btn.btn-secondary:hover{background:#545b62}.group-manager .groups-list .groups-grid .group-card .group-actions .btn.btn-danger{background:#dc3545;color:#fff}.group-manager .groups-list .groups-grid .group-card .group-actions .btn.btn-danger:hover{background:#c82333}.group-manager .groups-list .groups-grid .group-card .group-header{margin:16px 0}.group-manager .groups-list .groups-grid .group-card .group-header h3{color:#333;flex:1 1;font-size:18px;font-weight:600;margin:0}.group-manager .groups-list .groups-grid .group-card .group-details .group-field{display:flex;flex-direction:column;margin-bottom:12px}.group-manager .groups-list .groups-grid .group-card .group-details .group-field .field-label{color:#666;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.group-manager .groups-list .groups-grid .group-card .group-details .group-field .field-value{color:#333;font-size:14px;line-height:1.4}.category-form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.category-form{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:400px;padding:24px;width:90%}.category-form .category-form-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.category-form .category-form-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.category-form .category-form-header .close-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:24px;padding:4px;transition:all .2s}.category-form .category-form-header .close-btn:hover{background:#f5f5f5;color:#333}.category-form .form-group{margin-bottom:20px}.category-form .form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.category-form .form-group input[type=text]{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.category-form .form-group input[type=text]:focus{border-color:#007bff;outline:none}.category-form .color-picker{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr);margin-bottom:12px}.category-form .color-picker .color-option{border:2px solid #0000;border-radius:8px;cursor:pointer;height:40px;position:relative;transition:all .2s;width:40px}.category-form .color-picker .color-option:hover{transform:scale(1.1)}.category-form .color-picker .color-option.selected{border-color:#333;transform:scale(1.1)}.category-form .color-picker .color-option.selected:after{color:#fff;content:"✓";font-weight:700;left:50%;position:absolute;text-shadow:0 0 2px #00000080;top:50%;transform:translate(-50%,-50%)}.category-form .custom-color-input{border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;height:40px;width:100%}.category-form .custom-color-input::-webkit-color-swatch-wrapper{padding:0}.category-form .custom-color-input::-webkit-color-swatch{border:none;border-radius:6px}.category-form .form-actions{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.category-form .form-actions button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.category-form .form-actions button.btn-secondary{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.category-form .form-actions button.btn-secondary:hover{background:#e9ecef;color:#495057}.category-form .form-actions button.btn-primary{background:#007bff;color:#fff}.category-form .form-actions button.btn-primary:hover:not(:disabled){background:#0056b3}.category-form .form-actions button.btn-primary:disabled{background:#6c757d;cursor:not-allowed}.notes-container{background:#f8f9fa;display:flex;flex-direction:column;height:100%;padding:24px}.notes-container .loading{align-items:center;color:#666;display:flex;font-size:16px;height:200px;justify-content:center}.notes-container .error-message{align-items:center;background:#f8d7da;border-radius:8px;color:#721c24;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.notes-container .error-message button{background:none;border:none;color:#721c24;cursor:pointer;font-size:18px}.notes-container .notes-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.notes-container .notes-header .notes-actions{display:flex;gap:12px}.notes-container .notes-header .notes-actions button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s}.notes-container .notes-header .notes-actions button.btn-primary{background:#007bff;color:#fff}.notes-container .notes-header .notes-actions button.btn-primary:hover{background:#0056b3}.notes-container .notes-header .notes-actions button.btn-secondary{background:#6c757d;color:#fff}.notes-container .notes-header .notes-actions button.btn-secondary:hover{background:#545b62}.notes-container .notes-header .search-bar input{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .2s;width:100%}.notes-container .notes-header .search-bar input:focus{border-color:#007bff;outline:none}.notes-container .notes-header .search-bar input::placeholder{color:#999}.notes-container .notes-content{display:flex;flex:1 1;gap:24px;min-height:0}.notes-container .notes-content .categories-sidebar{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;width:280px}.notes-container .notes-content .categories-sidebar h3{color:#333;font-size:18px;font-weight:600;margin:0 0 16px}.notes-container .notes-content .categories-sidebar .category-list .category-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;margin-bottom:4px;padding:12px;position:relative;transition:all .2s}.notes-container .notes-content .categories-sidebar .category-list .category-item:hover{background:#f8f9fa}.notes-container .notes-content .categories-sidebar .category-list .category-item.active{background:#e3f2fd;color:#1976d2}.notes-container .notes-content .categories-sidebar .category-list .category-item .category-color{border-radius:50%;flex-shrink:0;height:12px;margin-right:12px;width:12px}.notes-container .notes-content .categories-sidebar .category-list .category-item .category-name{flex:1 1;font-weight:500}.notes-container .notes-content .categories-sidebar .category-list .category-item .category-count{background:#e9ecef;border-radius:12px;color:#6c757d;font-size:12px;font-weight:500;margin-right:8px;padding:2px 8px}.notes-container .notes-content .categories-sidebar .category-list .category-item .category-actions{display:none;gap:4px}.notes-container .notes-content .categories-sidebar .category-list .category-item .category-actions button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:4px}.notes-container .notes-content .categories-sidebar .category-list .category-item .category-actions button:hover{background:#f8f9fa}.notes-container .notes-content .categories-sidebar .category-list .category-item:hover .category-actions{display:flex}.notes-container .notes-content .notes-list{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;flex:1 1;overflow-y:auto;padding:20px}.notes-container .notes-content .notes-list .empty-state{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:center;text-align:center}.notes-container .notes-content .notes-list .empty-state p{color:#666;font-size:16px;margin:0 0 16px}.notes-container .notes-content .notes-list .empty-state button{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background .2s}.notes-container .notes-content .notes-list .empty-state button:hover{background:#0056b3}.notes-container .notes-content .notes-list .notes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.notes-container .notes-content .notes-list .notes-grid .note-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;cursor:pointer;padding:20px;position:relative;transition:all .2s}.notes-container .notes-content .notes-list .notes-grid .note-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.notes-container .notes-content .notes-list .notes-grid .note-card.pinned{background:#fffbf0;border-color:#ffc107}.notes-container .notes-content .notes-list .notes-grid .note-card.pinned .pin-indicator{font-size:16px;position:absolute;right:8px;top:8px}.notes-container .notes-content .notes-list .notes-grid .note-card .note-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.notes-container .notes-content .notes-list .notes-grid .note-card .note-header .note-title{color:#333;flex:1 1;font-size:16px;font-weight:600;margin:0 8px 0 0}.notes-container .notes-content .notes-list .notes-grid .note-card .note-header .note-category{border-radius:12px;color:#fff;flex-shrink:0;font-size:11px;font-weight:500;padding:4px 8px}.notes-container .notes-content .notes-list .notes-grid .note-card .note-content{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:14px;line-height:1.5;margin-bottom:12px;overflow:hidden}.notes-container .notes-content .notes-list .notes-grid .note-card .note-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.notes-container .notes-content .notes-list .notes-grid .note-card .note-tags .tag{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:11px;font-weight:500;padding:2px 8px}.notes-container .notes-content .notes-list .notes-grid .note-card .note-tags .tag-more{background:#f8f9fa;border-radius:12px;color:#6c757d;font-size:11px;font-weight:500;padding:2px 8px}.notes-container .notes-content .notes-list .notes-grid .note-card .note-footer{align-items:center;display:flex;justify-content:space-between}.notes-container .notes-content .notes-list .notes-grid .note-card .note-footer .note-date{color:#999;font-size:12px}.notes-container .notes-content .notes-list .notes-grid .note-card .note-footer .note-actions{display:none;gap:4px}.notes-container .notes-content .notes-list .notes-grid .note-card .note-footer .note-actions button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:4px}.notes-container .notes-content .notes-list .notes-grid .note-card .note-footer .note-actions button:hover{background:#f8f9fa}.notes-container .notes-content .notes-list .notes-grid .note-card:hover .note-actions{display:flex}@media(max-width:1170px){.notes-container{padding:16px}.notes-container .notes-header{align-items:flex-start;flex-direction:column;gap:12px}.notes-container .notes-header .notes-actions{justify-content:space-between;width:100%}.notes-container .notes-content{flex-direction:column-reverse}.notes-container .notes-content .categories-sidebar{order:2;width:100%}.notes-container .notes-content .notes-list{order:1}.notes-container .notes-content .notes-list .notes-grid{grid-template-columns:minmax(0,1fr)}}.settings-component{margin:0;max-width:none;padding:0}.settings-section{margin-bottom:3rem}.settings-section h2{color:#333;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.settings-card,.user-info-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:2rem}.user-info p{color:#333;font-size:1rem;margin-bottom:.75rem}.user-info p strong{color:#667eea;font-weight:600}.password-change-info{background:#f8f9fa;border-left:4px solid #ffc107;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.password-change-info .info-text{color:#856404;font-size:.9rem;line-height:1.4;margin:0}.password-change-info .info-text strong{color:#856404}.form-group .form-input{border:2px solid #e1e5e9;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-group .form-input:focus{border-color:#667eea;outline:none}.form-group .form-input:disabled{background:#f8f9fa;cursor:not-allowed}.btn{border-radius:6px;transition:background-color .3s ease}.btn.btn-primary{background:#667eea;color:#fff}.btn.btn-primary:hover:not(:disabled){background:#5a6fd8}.btn.btn-primary:disabled{background:#a0aec0;cursor:not-allowed}@media(max-width:768px){.settings-component{padding:1rem}.settings-card,.user-info-card{padding:1.5rem}.settings-section h2{font-size:1.25rem}}.email-link-handler{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh}.email-link-handler .error-container,.email-link-handler .loading-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;max-width:400px;padding:2rem;text-align:center;width:90%}.email-link-handler .loading{color:#333;font-size:1.2rem;margin-bottom:1rem}.email-link-handler .error-container h2{color:#e74c3c;font-size:1.5rem;margin-bottom:1rem}.email-link-handler .error-container p{color:#666;line-height:1.5;margin-bottom:1.5rem}.email-link-handler .error-container .btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.email-link-handler .error-container .btn:hover{background:#5a6fd8}.notifications-container{display:flex;flex-direction:column;gap:10px;max-width:400px;position:fixed;right:20px;top:20px;z-index:1000}.notification{animation:slideIn .3s ease-out;border-left:4px solid;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:12px 16px}.notification.notification-success{background-color:#d4edda;border-color:#28a745;color:#155724}.notification.notification-error{background-color:#f8d7da;border-color:#dc3545;color:#721c24}.notification.notification-info{background-color:#d1ecf1;border-color:#17a2b8;color:#0c5460}.notification.notification-warning{background-color:#fff3cd;border-color:#ffc107;color:#856404}.notification-content{align-items:center;display:flex;gap:12px;justify-content:space-between}.notification-message{flex:1 1;font-size:14px;line-height:1.4}.notification-close{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;padding:0;transition:background-color .2s;width:20px}.notification-close:hover{background-color:#0000001a}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}*{box-sizing:border-box;margin:0;padding:0}body{background:#f8f9fa;color:#333;line-height:1.6}.App,body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.App{min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.btn-danger{background:#e74c3c;color:#fff}.btn-danger:hover{background:#c0392b}.form-input{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:1rem;transition:border-color .3s ease;width:100%}.form-input:focus{border-color:#667eea;outline:none}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-size:1rem;font-weight:600;margin-bottom:.5rem}.message{border-radius:8px;font-weight:500;margin-bottom:1rem;padding:1rem}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.card{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;padding:2rem}
/*# sourceMappingURL=main.e3324142.css.map*/