@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Roboto:wght@300;400;500;700&display=swap";:root{--bg-primary: #ffffff;--bg-secondary: #f7f9fb;--text-primary: #0f1720;--text-secondary: #6b7280;--border-color: #e6e9ee;--accent-color: #06b6d4;--shadow: 0 6px 18px rgba(10, 20, 30, .06)}[data-theme=dark]{--bg-primary: #0f1720;--bg-secondary: #0b1220;--text-primary: #e6eef6;--text-secondary: #9aa6b2;--border-color: #1f2937;--accent-color: #06b6d4;--shadow: 0 6px 18px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Roboto,system-ui,-apple-system,Segoe UI,Helvetica Neue,Arial;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .25s ease,color .25s ease}.app-container{max-width:720px;margin:2.5rem auto;background:transparent;padding:0 1rem}header{padding:1.25rem 0;text-align:center}header h1{margin:0;font-weight:600;font-size:1.6rem;font-family:Poppins,Roboto,system-ui;letter-spacing:-.02em}header h2{margin:.35rem 0 0;color:var(--text-secondary);font-weight:500;font-family:Roboto,system-ui}.tab-container{display:flex;justify-content:center;gap:.75rem;padding:1rem 0}.tab-button{background:transparent;border:none;color:var(--text-secondary);padding:.5rem .9rem;border-radius:8px;cursor:pointer;font-weight:600;font-family:Poppins,Roboto,system-ui}.tab-button.tab-selected{color:var(--accent-color);background:#06b6d40f}.input-container{display:flex;gap:.5rem;margin:.75rem 0 1.25rem}.input-container input{flex:1;padding:.85rem 1rem;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:1rem;font-family:Roboto,system-ui,-apple-system,Segoe UI,Helvetica Neue,Arial}.input-container button{padding:.85rem 1rem;border-radius:10px;background:var(--accent-color);color:#fff;border:none;cursor:pointer}.todo-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;margin:.5rem 0;border-radius:10px;background:var(--bg-secondary);border:1px solid var(--border-color);transition:transform .18s ease,box-shadow .18s ease}.todo-item:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.todo-item p{margin:0;font-size:1rem;color:var(--text-primary);font-family:Roboto,system-ui,-apple-system,Segoe UI,Helvetica Neue,Arial}.todo-item.completed p{text-decoration:line-through;color:var(--text-secondary)}.todo-buttons{display:flex;gap:.6rem}.todo-buttons button{border-radius:10px;padding:.7rem 1.1rem;min-width:72px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);cursor:pointer;font-weight:700;font-size:1.1rem;transition:background .12s ease,color .12s ease,transform .12s ease}.todo-buttons button:first-child{border-color:#06b6d42e}.todo-buttons button:first-child:hover:not(:disabled){background:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:translateY(-1px)}.todo-buttons button:last-child{border-color:#dc26261f}.todo-buttons button:last-child:hover:not(:disabled){background:#dc26261a;color:#fee;border-color:#dc262647;transform:translateY(-1px)}.todo-buttons button:disabled{opacity:.5;cursor:not-allowed}.theme-toggle{position:fixed;right:1rem;top:1rem;background:transparent;border:none;color:var(--accent-color);padding:.2rem .5rem;border-radius:6px;cursor:pointer;font-weight:600;box-shadow:none;transition:background .15s ease,color .15s ease;font-family:Poppins,Roboto,system-ui}.theme-toggle:hover{background:#06b6d40f}.theme-toggle:focus{outline:2px solid rgba(6,182,212,.12);outline-offset:2px;border-radius:6px}@media(max-width:600px){.app-container{margin:1.25rem}.theme-toggle{right:.5rem;top:.5rem}}