@import"https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/icon?family=Material+Icons";*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Source Sans 3",sans-serif;background-color:#eef6f6;color:#212121;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--primary-color: #1976d2;--primary-dark: #1565c0;--secondary-color: #388e3c;--error-color: #d32f2f;--surface-color: #ffffff;--background-color: #eef6f6;--on-surface: #212121;--on-background: #424242;--divider-color: #e0e0e0;--shadow-1: 0px 2px 4px rgba(0, 0, 0, .12);--shadow-2: 0px 4px 8px rgba(0, 0, 0, .16);--shadow-3: 0px 8px 16px rgba(0, 0, 0, .2)}.app-container{max-width:800px!important;margin:0 auto!important;padding:24px!important;min-height:100vh}.app-header{text-align:center;margin-bottom:32px}.app-title{font-size:2.5rem!important;font-weight:300!important;color:var(--primary-color)!important;margin-bottom:8px!important}.app-subtitle{font-size:1rem!important;color:var(--on-background)!important;font-weight:400!important}.add-todo-card{background:var(--surface-color)!important;border-radius:8px!important;box-shadow:var(--shadow-1)!important;padding:24px!important;margin-bottom:24px!important}.add-todo-form{display:flex!important;gap:12px!important;align-items:flex-end!important}.input-field{flex:1!important}.btn-primary{background-color:var(--primary-color)!important;color:#fff!important;border:none!important;border-radius:24px!important;padding:12px 24px!important;font-size:.875rem!important;font-weight:500!important;text-transform:uppercase!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:var(--shadow-1)!important}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark)!important;box-shadow:var(--shadow-2)!important}.btn-primary:active{transform:translateY(1px)!important}.btn-primary:disabled{background-color:#bdbdbd!important;cursor:not-allowed!important}.filter-section{background:var(--surface-color)!important;border-radius:8px!important;box-shadow:var(--shadow-1)!important;padding:16px 24px!important;margin-bottom:24px!important;display:flex!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap!important}.filter-chip{padding:8px 16px!important;border-radius:16px!important;border:1px solid var(--divider-color)!important;background:transparent!important;cursor:pointer!important;transition:all .2s ease!important;font-size:.875rem!important;font-weight:500!important;text-transform:none!important;color:var(--on-surface)!important;min-width:auto!important}.filter-chip.active{background-color:var(--primary-color)!important;color:#fff!important;border-color:var(--primary-color)!important}.filter-chip:not(.active):hover{background-color:#1976d214!important}.todo-list-card{background:var(--surface-color)!important;border-radius:8px!important;box-shadow:var(--shadow-1)!important;overflow:hidden!important}.todo-list-header{padding:20px 24px!important;border-bottom:1px solid var(--divider-color)!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.todo-count{font-size:.875rem!important;color:var(--on-background)!important}.todo-item{padding:16px 24px!important;border-bottom:1px solid var(--divider-color)!important;display:flex!important;align-items:center!important;gap:16px!important;transition:background-color .2s ease!important}.todo-item:last-child{border-bottom:none!important}.todo-item:hover{background-color:#0000000a!important}.todo-checkbox{display:flex!important;align-items:center!important}.todo-text{flex:1!important;font-size:1rem!important;transition:all .2s ease!important}.todo-item.completed .todo-text{text-decoration:line-through!important;color:#9e9e9e!important}.todo-actions{display:flex!important;gap:8px!important;opacity:0!important;transition:opacity .2s ease!important}.todo-item:hover .todo-actions{opacity:1!important}.delete:hover{background-color:#d32f2f14!important;color:var(--error-color)!important}.empty-state{text-align:center!important;padding:48px 24px!important;color:#9e9e9e!important}.empty-state svg{font-size:48px!important;margin-bottom:16px!important}.stats-section{margin-top:24px!important;background:var(--surface-color)!important;border-radius:8px!important;box-shadow:var(--shadow-1)!important;padding:20px 24px!important}.stats-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:24px!important}.stat-item{text-align:center!important}.stat-number{font-size:2rem!important;font-weight:300!important;color:var(--primary-color)!important;margin-bottom:4px!important;display:block!important}.stat-label{font-size:.875rem!important;color:var(--on-background)!important;text-transform:uppercase!important;letter-spacing:.5px!important}.error-message{background-color:var(--error-color)!important;color:#fff!important;padding:16px!important;border-radius:8px!important;margin-top:16px!important;text-align:center!important}@media (max-width: 600px){.app-container{padding:16px!important}.app-title{font-size:2rem!important}.add-todo-form{flex-direction:column!important;align-items:stretch!important}.btn-primary{justify-content:center!important;margin-top:16px!important}.filter-section{padding:12px 16px!important;gap:6px!important}.filter-chip{padding:6px 12px!important;font-size:.8rem!important}.stats-grid{grid-template-columns:repeat(3,1fr)!important;gap:16px!important}.stat-number{font-size:1.5rem!important}.todo-actions{opacity:1!important}.todo-item{padding:12px 16px!important}}