body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(to bottom right,#eff6ff,#e0e7ff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.app{margin:0 auto;max-width:1400px;padding:2rem}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.header-left h1{color:#1f2937;font-size:2.5rem;margin-bottom:.5rem}.connection-status{align-items:center;color:#10b981;display:flex;font-size:.875rem;gap:.5rem}.status-dot{animation:pulse 2s infinite;background-color:#10b981;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.header-right{display:flex;gap:.5rem}.btn-refresh{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s}.btn-refresh:hover{background-color:#2563eb}.loading{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading p{color:#6b7280;font-size:1.125rem}.error-screen{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.error-icon{font-size:5rem;margin-bottom:1rem}.error-screen h2{color:#dc2626;font-size:2rem;margin-bottom:1rem}.error-screen p{color:#4b5563;font-size:1.125rem;margin-bottom:2rem}.error-help{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto 2rem;max-width:500px;padding:1.5rem;text-align:left}.error-help h3{color:#1f2937;margin-bottom:1rem}.error-help ul{color:#4b5563;list-style:none}.error-help li{margin-bottom:.5rem;padding-left:1.5rem}.error-help code{background:#f3f4f6;border-radius:4px;font-family:Courier New,monospace;font-size:.875rem;padding:.25rem .5rem}.btn-retry{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:background-color .3s}.btn-retry:hover{background-color:#2563eb}.container{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:350px 1fr}@media (max-width:768px){.container{grid-template-columns:1fr}}.sidebar{display:flex;flex-direction:column;gap:1rem}.form-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:1.5rem}.form-card h2{color:#9fb1ce;font-size:1.25rem;margin-bottom:1rem}.input-title,.textarea-content{border:1px solid #dbd1d2;border-radius:22px;font-family:inherit;font-size:1rem;margin-bottom:1rem;outline:none;padding:.75rem 1rem;transition:border-color .3s;width:100%}.input-title:focus,.textarea-content:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.textarea-content{min-height:200px;resize:none}.btn-save{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem;transition:background-color .3s;width:100%}.btn-save:hover{background-color:#25eb43}.btn-cancel{background-color:#e5e7eb;border:none;border-radius:8px;color:#374151;cursor:pointer;margin-top:.5rem;padding:.625rem;transition:background-color .3s;width:100%}.btn-cancel:hover{background-color:#d1d5db}.info-box,.tech-info{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:1rem}.info-box h3,.tech-info h3{color:#1e40af;font-size:1rem;margin-bottom:.5rem}.info-box ul,.tech-info ul{color:#1e3a8a;font-size:.875rem;list-style:none}.info-box li,.tech-info li{margin-bottom:.25rem}.main-content{min-height:400px}.empty-state{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:3rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state p{color:#6b7280;font-size:1.125rem;margin-bottom:.5rem}.empty-hint{color:#9ca3af;font-size:1rem}.notes-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.note-card{background:hsla(0,0%,100%,.747);border:1px solid #f3f4f6;border-radius:12px;box-shadow:0 4px 6px #c908081a;cursor:pointer;padding:1.25rem;transition:all .3s}.note-card:hover{border-color:#93c5fd;box-shadow:0 10px 15px #00000026}.note-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.note-header h3{color:#1f2937;flex:1 1;font-size:1.125rem;margin-right:.5rem}.note-header:before{content:"📝 "}.btn-delete{background:none;border:none;cursor:pointer;font-size:1.125rem;padding:.25rem;transition:transform .2s}.btn-delete:hover{transform:scale(1.2)}.note-content{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#4b5563;display:-webkit-box;line-height:1.5;margin-bottom:.75rem;overflow:hidden}.note-footer{flex-direction:column;font-size:.75rem;gap:0,25rem;justify-content:space-between}.note-date,.note-footer{align-items:center;display:flex}.note-date{color:#9ca3af}.note-date:before{content:"🕐 "}.note-hint{color:#3b82f6}.stats{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-top:2rem;padding:1.5rem}.stats h3{color:#374151;margin-bottom:1rem}.stats-content{display:flex;flex-wrap:wrap;gap:2rem}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{color:#6b7280;font-size:.875rem}.stat-value{color:#3b82f6;font-size:1.25rem}
/*# sourceMappingURL=main.ef7cb731.css.map*/