body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #ffffff2e;box-shadow:0 8px 32px #1f26875e;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem}.nav-logo{color:#667eea;font-size:1.5rem;font-weight:700;text-decoration:none;transition:color .3s ease}.nav-logo:hover{color:#764ba2}.nav-menu{align-items:center;display:flex;gap:2rem}.nav-link{border-radius:6px;color:#495057;font-weight:500;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#667eea1a;color:#667eea}.nav-link.active{background:#667eea26;color:#667eea}.nav-link.active:after{background:#667eea;border-radius:1px;bottom:-2px;content:"";height:2px;left:1rem;position:absolute;right:1rem}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2c3e50f2;border-top:1px solid #ffffff1a;color:#ecf0f1;margin-top:auto}.footer-container{margin:0 auto;max-width:1200px;padding:2rem 1rem;text-align:center}.footer-container p{font-size:.9rem;margin-bottom:1rem}.footer-links span{color:#bdc3c7;font-size:.8rem;font-weight:300}.note-form{width:100%}.form-group{margin-bottom:1.5rem}.form-group label{color:#2c3e50;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{font-family:inherit;min-height:120px;resize:vertical}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.checkbox-label{align-items:center;cursor:pointer;display:flex!important;font-weight:500!important;gap:.5rem}.checkbox-label input[type=checkbox]{cursor:pointer;margin:0;width:auto!important}.form-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start;margin-top:2rem}.form-actions button{min-width:140px}.form-group textarea+.char-count{color:#6c757d;font-size:.8rem;margin-top:.25rem;text-align:right}.form-group label:after{color:#dc3545;content:" *";font-weight:400}.form-group:has(input:not([required])) label:after,.form-group:has(select:not([required])) label:after,.form-group:has(textarea:not([required])) label:after{content:""}.form-group input:invalid:not(:focus),.form-group textarea:invalid:not(:focus){border-color:#dc3545}.form-group input:invalid:not(:focus)+.error-message,.form-group textarea:invalid:not(:focus)+.error-message{color:#dc3545;display:block;font-size:.8rem;margin-top:.25rem}.error-message{display:none}.note-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;border:1px solid #ffffff2e;border-radius:16px;box-shadow:0 8px 32px #1f26875e;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.note-card:hover{box-shadow:0 12px 40px #1f268780;transform:translateY(-4px)}.note-card.completed{background:#edf7edf2;opacity:.8}.note-card.completed .note-content,.note-card.completed .note-title{color:#6c757d;text-decoration:line-through}.note-card.editing{background:#fff8dcf2;border:2px solid #667eea}.note-header{align-items:flex-start;gap:1rem;justify-content:space-between;margin-bottom:1rem}.note-header,.note-meta{display:flex;flex-wrap:wrap}.note-meta{align-items:center;gap:.75rem}.category{align-items:center;background:#667eea1a;color:#667eea;display:inline-flex;font-weight:500;gap:.25rem;text-transform:capitalize}.category,.priority{border-radius:20px;font-size:.8rem;padding:.25rem .75rem}.priority{color:#fff;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.note-actions{align-items:center;display:flex;gap:.5rem}.note-actions button{background:none;border:none;border-radius:6px;cursor:pointer;font-size:1.1rem;opacity:.7;padding:.5rem;transition:all .3s ease}.note-actions button:hover{background:#0000000d;opacity:1}.btn-complete.completed{color:#28a745;opacity:1}.btn-edit{color:#667eea}.btn-delete{color:#dc3545}.btn-delete:disabled{cursor:not-allowed;opacity:.5}.note-title{word-wrap:break-word;color:#2c3e50;font-size:1.25rem;font-weight:600;line-height:1.3;margin-bottom:.75rem}.note-content{word-wrap:break-word;color:#495057;line-height:1.6;margin-bottom:1rem}.note-footer{align-items:center;border-top:1px solid #0000001a;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;padding-top:1rem}.note-date{color:#6c757d;font-size:.8rem;font-weight:400}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,body{min-height:100vh}.App{display:flex;flex-direction:column}.main-content{flex:1 1;padding:2rem 0}.container{margin:0 auto;max-width:1200px;padding:0 1rem}h1,h2,h3,h4,h5,h6{color:#fff;margin-bottom:1rem}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem}h2,h3{font-weight:600}h3{font-size:1.5rem}p{line-height:1.6;margin-bottom:1rem}.btn-primary{align-items:center;background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-primary:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{align-items:center;background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-secondary:hover{background:#e9ecef;border-color:#adb5bd}.home-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.home-header,.page-header{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;border:1px solid #ffffff2e;border-radius:16px;box-shadow:0 8px 32px #1f26875e;padding:2rem}.page-header{margin-bottom:3rem;text-align:center}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem}.stat-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;border:1px solid #ffffff2e;border-radius:16px;box-shadow:0 8px 32px #1f26875e;padding:2rem;text-align:center;transition:transform .3s ease}.stat-card:hover{transform:translateY(-4px)}.stat-number{color:#667eea;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#6c757d;font-size:1rem;font-weight:500}.loading{align-items:center;background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #1f26875e;display:flex;flex-direction:column;justify-content:center;padding:3rem}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-state{background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #1f26875e;padding:3rem;text-align:center}.empty-state h3{color:#6c757d;margin-bottom:.5rem}.empty-state p{color:#6c757d;margin-bottom:0}.error{background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;color:#e53e3e;padding:2rem;text-align:center}.note-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.form-container{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;border:1px solid #ffffff2e;border-radius:16px;box-shadow:0 8px 32px #1f26875e;margin:0 auto;max-width:600px;padding:2rem}.about-page{margin:0 auto;max-width:800px}.about-content{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;border:1px solid #ffffff2e;border-radius:16px;box-shadow:0 8px 32px #1f26875e;padding:3rem}.about-section{margin-bottom:3rem}.about-section:last-child{margin-bottom:0}.tech-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.tech-item{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:1.5rem}.tech-item h3{color:#667eea;margin-bottom:1rem}.tech-item ul{list-style:none}.tech-item li{color:#495057;padding:.25rem 0 .25rem 1rem;position:relative}.tech-item li:before{color:#667eea;content:"▸";left:0;position:absolute}.features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.feature-item{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #667eea1a;border-radius:12px;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.feature-item:hover{box-shadow:0 8px 25px #667eea26;transform:translateY(-2px)}.feature-item h4{color:#667eea;font-size:1.1rem;margin-bottom:.5rem}.feature-item p{color:#6c757d;font-size:.9rem;line-height:1.5;margin-bottom:0}@media (max-width:768px){.container{padding:0 .75rem}.main-content{padding:1.5rem 0}.home-header{flex-direction:column;gap:1rem;text-align:center}.home-header h1{font-size:2rem;margin-bottom:.5rem}.stats-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.stat-card{padding:1.5rem}.stat-number{font-size:2rem}.note-list{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.note-card{padding:1.25rem}.note-header{align-items:flex-start;flex-direction:column;gap:.75rem}.note-actions{align-self:flex-end}.form-row{gap:0;grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}.nav-menu{gap:1rem}.nav-link{font-size:.9rem;padding:.4rem .8rem}.about-content{padding:2rem}.features-grid,.tech-grid{gap:1rem;grid-template-columns:1fr}}@media (max-width:480px){.container{padding:0 .5rem}.main-content{padding:1rem 0}.about-content,.form-container,.home-header,.page-header{margin-bottom:1.5rem;padding:1.5rem}.home-header h1,.page-header h1{font-size:1.75rem}.stats-grid{grid-template-columns:1fr}.stat-card{padding:1rem}.note-list{grid-template-columns:1fr}.note-card{padding:1rem}.note-title{font-size:1.1rem}.note-footer{align-items:flex-start;flex-direction:column;gap:.25rem}.nav-container{padding:.75rem .5rem}.nav-logo{font-size:1.25rem}.nav-menu{gap:.5rem}.nav-link{font-size:.85rem;padding:.3rem .6rem}.footer-container{padding:1.5rem .5rem}.form-actions button{min-width:auto}.note-actions{flex-direction:column;gap:.25rem}.note-actions button{font-size:1rem;padding:.4rem}}@media (max-width:360px){.home-header h1{font-size:1.5rem}.btn-primary{font-size:.9rem;padding:.6rem 1rem}.note-card,.stat-card{padding:.75rem}.stat-number{font-size:1.75rem}.about-content,.form-container{padding:1rem}}@media (max-height:500px) and (orientation:landscape){.main-content{padding:1rem 0}.home-header,.page-header{margin-bottom:1rem;padding:1rem}.stats-grid{grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.note-card,.stat-card{padding:1rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.home-header,.note-card,.page-header,.stat-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@media print{.btn-primary,.btn-secondary,.footer,.navbar,.note-actions{display:none}.main-content{padding:0}.note-card{background:#fff!important;border:1px solid #ddd!important;box-shadow:none!important;margin-bottom:1rem;page-break-inside:avoid}.stats-grid{display:none}.note-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.spinner{animation:none;border:4px solid #667eea}}@media (prefers-color-scheme:dark){body{background:linear-gradient(135deg,#2c3e50,#3498db)}.about-content,.form-container,.home-header,.note-card,.page-header,.stat-card{background:#2c3e50f2!important;border-color:#ffffff1a!important;color:#ecf0f1!important}.about-section h2,.about-section h3,.form-group label,.note-title{color:#ecf0f1!important}.note-content,.note-date{color:#bdc3c7!important}.form-group input,.form-group select,.form-group textarea{background:#34495ecc!important;border-color:#fff3!important;color:#ecf0f1!important}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db!important;box-shadow:0 0 0 3px #3498db33!important}.navbar{background:#2c3e50f2!important}.nav-logo{color:#3498db!important}.nav-link{color:#bdc3c7!important}.nav-link.active,.nav-link:hover{background:#3498db1a!important;color:#3498db!important}}
/*# sourceMappingURL=main.012bcab3.css.map*/