:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;min-width:320px;min-height:100vh}#root{width:100%}.container{max-width:1200px;margin:0 auto;padding:2rem}.header{background:#f8f9fa;padding:1rem 2rem;border-bottom:1px solid #e0e0e0}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header h1{font-size:1.5rem;color:#646cff}.nav{display:flex;gap:1rem;align-items:center}.nav span{color:#666}.btn{padding:.6rem 1.2rem;border-radius:8px;border:1px solid transparent;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s}.btn-primary{background-color:#646cff;color:#fff}.btn-primary:hover{background-color:#535bf2}.btn-secondary{background-color:transparent;border-color:#646cff;color:#646cff}.btn-secondary:hover{background-color:#646cff1a}.btn-danger{background-color:#f44336;color:#fff}.btn-danger:hover{background-color:#da190b}.btn-sm{padding:.4rem .8rem;font-size:.875rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-control{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;background-color:#fff;color:#213547;font-size:1rem}.form-control:focus{outline:none;border-color:#646cff}select.form-control{cursor:pointer}textarea.form-control{resize:vertical;min-height:100px}.card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a}.task-card{cursor:pointer;transition:all .2s}.task-card:hover{border-color:#646cff;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.task-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.task-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500}.badge-todo{background-color:#2196f3;color:#fff}.badge-in-progress{background-color:#ff9800;color:#fff}.badge-done{background-color:#4caf50;color:#fff}.badge-low{background-color:#9e9e9e;color:#fff}.badge-medium{background-color:#ff9800;color:#fff}.badge-high{background-color:#f44336;color:#fff}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-title{font-size:1.5rem;font-weight:600}.close-btn{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:0;width:2rem;height:2rem}.close-btn:hover{color:#213547}.filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.filter-group{flex:1;min-width:200px}.alert{padding:1rem;border-radius:4px;margin-bottom:1rem}.alert-error{background-color:#f443361a;border:1px solid #f44336;color:#f44336}.alert-success{background-color:#4caf501a;border:1px solid #4caf50;color:#4caf50}.loading{text-align:center;padding:2rem;color:#666}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.auth-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:2rem;max-width:400px;width:100%;box-shadow:0 4px 12px #0000001a}.auth-card h2{text-align:center;margin-bottom:1.5rem;color:#646cff}.auth-footer{text-align:center;margin-top:1rem;color:#666}.auth-footer a{color:#646cff;text-decoration:none}.auth-footer a:hover{text-decoration:underline}@media(max-width:768px){.filters{flex-direction:column}.task-header{flex-direction:column;gap:.5rem}}