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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-header{background:#007bff;box-shadow:0 2px 4px #0003;color:#fff;font-size:26px;font-weight:700;letter-spacing:1px;padding:15px 0;text-align:center;width:100%}.sidebar-title{color:#333;font-size:22px;margin-bottom:15px;text-align:center}.app-container{display:flex;font-family:Arial,sans-serif;height:100vh}.sidebar{background:#f1f1f1;border-right:1px solid #ccc;overflow-y:auto;padding:15px;width:250px}.sidebar h2{margin-top:0}.sidebar ul{list-style:none;padding:0}.sidebar li{align-items:center;display:flex;gap:5px;margin-bottom:8px}.sidebar li.active{background:#ddd;border-radius:5px;padding:2px}.sidebar input{border:1px solid #ccc;border-radius:3px;flex:1 1;padding:4px}.sidebar button{border:none;border-radius:3px;cursor:pointer;padding:2px 6px}.add-list{align-items:center;margin:10px 0}.add-list,.add-list-input{display:flex;justify-content:center}.add-list-input{gap:5px;margin-left:-216px;margin-top:50px}.add-btn{align-items:center;background:#007bff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;margin:0 auto;width:40px}.view{background-color:#007bff}.close{background-color:red}.main-content{flex:1 1;overflow-y:auto;padding:20px}.listss{display:flex;gap:10rem}.add-note{display:flex;gap:5px;margin-bottom:15px}.add-note input{border:1px solid #ccc;border-radius:5px;flex:1 1;padding:6px}.add-note button{background:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:6px 10px}.add-note button:hover{background:#218838}.notes-list{list-style:none;padding:0}.note-item{align-items:center;display:flex;gap:3px;margin-bottom:8px}.note-item input[type=text]{border:1px solid #ccc;border-radius:5px;flex:1 1;padding:4px 6px}.note-item input[type=checkbox]{height:18px;margin:0;padding:0;width:18px}.note-item chechbox{margin:0;padding:0}.note-item button{background:red;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:4px 8px}.note-item button:hover{background:darkred}.completed{opacity:.6;text-decoration:line-through}
/*# sourceMappingURL=main.bcfbeb31.css.map*/