@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--pink: #FFB5C2;--pink-light: #FFE0E6;--lavender: #C5B3E6;--lavender-light: #EDE4FF;--mint: #A8E6CF;--mint-light: #D4F5E4;--sky: #A8D8EA;--sky-light: #D6EFFA;--peach: #FFD3B6;--peach-light: #FFEDE0;--lemon: #FFFACD;--lemon-light: #FFF8E1;--rose: #FF8FAB;--bg: #FFF9FB;--card: #FFFFFF;--text: #4A3F55;--text-light: #8E829B;--border: #F0E6F3;--shadow: rgba(180, 150, 200, .12)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}body{background:radial-gradient(ellipse at 10% 20%,var(--pink-light) 0%,transparent 50%),radial-gradient(ellipse at 80% 10%,var(--lavender-light) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,var(--sky-light) 0%,transparent 50%),radial-gradient(ellipse at 90% 70%,var(--mint-light) 0%,transparent 40%),var(--bg)}.app{max-width:720px;margin:0 auto;padding:2rem 1.5rem 4rem}.header{text-align:center;margin-bottom:2.5rem}.header h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--rose),var(--lavender),var(--sky));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.header p{color:var(--text-light);font-size:.95rem}.stats{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.stat-card{flex:1;min-width:100px;background:var(--card);border-radius:1rem;padding:1rem;text-align:center;box-shadow:0 2px 12px var(--shadow);border:1px solid var(--border)}.stat-card .number{font-size:1.6rem;font-weight:700}.stat-card .label{font-size:.75rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em}.stat-card.total .number{color:var(--lavender)}.stat-card.pending .number{color:var(--rose)}.stat-card.done .number{color:var(--mint)}.add-form{background:var(--card);border-radius:1.25rem;padding:1.5rem;box-shadow:0 4px 20px var(--shadow);border:1px solid var(--border);margin-bottom:1.5rem}.form-row{display:flex;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.form-row:last-child{margin-bottom:0}.form-input{flex:1;min-width:120px;padding:.7rem 1rem;border:2px solid var(--border);border-radius:.75rem;font-family:inherit;font-size:.9rem;color:var(--text);background:var(--bg);outline:none;transition:border-color .2s}.form-input:focus{border-color:var(--lavender)}.form-input::placeholder{color:var(--text-light)}select.form-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%238E829B' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}.btn-add{padding:.7rem 1.5rem;border:none;border-radius:.75rem;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--rose),var(--lavender));transition:transform .15s,box-shadow .15s;white-space:nowrap}.btn-add:hover{transform:translateY(-1px);box-shadow:0 4px 15px #ff8fab59}.btn-add:active{transform:translateY(0)}.filters{display:flex;gap:.5rem;margin-bottom:1.25rem;flex-wrap:wrap}.filter-btn{padding:.45rem 1rem;border:2px solid var(--border);border-radius:2rem;background:var(--card);font-family:inherit;font-size:.8rem;font-weight:500;color:var(--text-light);cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:var(--lavender);color:var(--text)}.filter-btn.active{background:var(--lavender-light);border-color:var(--lavender);color:var(--text)}.subject-tag{display:inline-block;padding:.2rem .65rem;border-radius:1rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.subject-math{background:var(--pink-light);color:#c4546a}.subject-science{background:var(--mint-light);color:#3a8a5c}.subject-english{background:var(--lavender-light);color:#7a5cbf}.subject-history{background:var(--peach-light);color:#c47a3a}.subject-art{background:var(--lemon);color:#a08520}.subject-music{background:var(--sky-light);color:#3a7ca5}.subject-other{background:#f0e6f3;color:#8e829b}.homework-list{display:flex;flex-direction:column;gap:.75rem}.homework-card{background:var(--card);border-radius:1rem;padding:1rem 1.25rem;box-shadow:0 2px 12px var(--shadow);border:1px solid var(--border);display:flex;align-items:flex-start;gap:.75rem;transition:transform .15s,box-shadow .15s;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.homework-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px var(--shadow)}.homework-card.completed{opacity:.6}.homework-card.completed .hw-title{text-decoration:line-through;color:var(--text-light)}.hw-check{width:24px;height:24px;border-radius:50%;border:2px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;transition:all .2s;background:transparent;padding:0}.hw-check:hover{border-color:var(--mint);background:var(--mint-light)}.hw-check.checked{background:var(--mint);border-color:var(--mint)}.hw-check.checked:after{content:"";width:8px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-1px)}.hw-content{flex:1;min-width:0}.hw-top{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;flex-wrap:wrap}.hw-title{font-weight:600;font-size:.95rem}.hw-bottom{display:flex;align-items:center;gap:.75rem;margin-top:.35rem;flex-wrap:wrap}.hw-due{font-size:.78rem;color:var(--text-light);display:flex;align-items:center;gap:.3rem}.hw-due.overdue{color:var(--rose);font-weight:600}.hw-due.today{color:#e09030;font-weight:600}.hw-priority{font-size:.65rem;font-weight:700;padding:.15rem .5rem;border-radius:1rem;text-transform:uppercase;letter-spacing:.05em}.priority-high{background:#ffe0e6;color:#c4546a}.priority-medium{background:var(--lemon);color:#a08520}.priority-low{background:var(--mint-light);color:#3a8a5c}.btn-delete{background:none;border:none;color:var(--text-light);cursor:pointer;padding:.35rem;border-radius:.5rem;font-size:1.1rem;line-height:1;transition:all .15s;flex-shrink:0;opacity:0}.homework-card:hover .btn-delete{opacity:1}.btn-delete:hover{background:var(--pink-light);color:var(--rose)}.empty{text-align:center;padding:3rem 1rem;color:var(--text-light)}.empty .emoji{font-size:2.5rem;margin-bottom:.75rem}.empty p{font-size:.95rem}@media(max-width:520px){.app{padding:1.25rem 1rem 3rem}.header h1{font-size:1.6rem}.form-row{flex-direction:column}.stats{gap:.5rem}.stat-card{padding:.75rem}}