: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}body{margin:0;display:flex;min-width:320px;min-height:100vh}:root{--primary: #4f46e5;--primary-hover: #4338ca;--bg: #f8fafc;--card-bg: #ffffff;--text: #0f172a;--text-muted: #64748b;--danger: #ef4444;--success: #10b981;--border: #e2e8f0}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg);color:var(--text);min-height:100vh;display:flex;align-items:center;justify-content:center}#root{width:100%}.container{max-width:1200px;width:95%;margin:2rem auto;padding:3rem;background:var(--card-bg);border-radius:2rem;box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005}header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-end}.title-container{display:flex;align-items:center;gap:1rem}h1{margin:0;font-size:3rem;font-weight:900;color:var(--primary);letter-spacing:-.04em}.global-stats{text-align:right}.stat{display:flex;flex-direction:column;margin-bottom:1.5rem}.label{font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;font-weight:800}.value{font-size:2.5rem;font-weight:900;font-variant-numeric:tabular-nums;color:var(--text)}.controls{display:flex;gap:1rem;justify-content:flex-end}button{cursor:pointer;border:none;border-radius:1rem;font-weight:800;padding:.875rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.9375rem}button:active{transform:scale(.96)}.btn-pause{background-color:var(--primary);color:#fff;min-width:120px}.btn-pause:hover{background-color:var(--primary-hover);box-shadow:0 10px 15px -3px #4f46e54d}.btn-pause.paused{background-color:var(--success)}.btn-pause:disabled{opacity:.4;cursor:not-allowed}.btn-reset{background-color:transparent;color:var(--danger);border:2px solid #fee2e2}.btn-reset:hover{background-color:#fee2e2;border-color:#fecaca}.main-content{display:grid;grid-template-columns:1fr 400px;gap:4rem;align-items:start}.add-task-form{display:flex;gap:1rem;margin-bottom:2.5rem}input[type=text]{flex:1;padding:1.25rem 1.5rem;border:2px solid var(--border);border-radius:1.25rem;font-size:1.125rem;transition:all .2s;background:#f8fafc;color:var(--text)}input[type=text]:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 5px #4f46e514}.add-task-form button{background-color:var(--primary);color:#fff;padding:0 2.5rem}.task-list{display:flex;flex-direction:column;gap:.25rem}.task-item{background:#f8fafc;padding:.5rem 1rem;border-radius:.75rem;border:2px solid transparent;display:flex;justify-content:space-between;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.task-item:hover{background:#fff;border-color:var(--border);transform:translate(4px)}.task-item.active{background:#fff;border-color:var(--primary);box-shadow:0 4px 15px -5px #4f46e51a;transform:scale(1.01) translate(4px)}.task-info{display:flex;flex-direction:column}.task-actions{display:flex;align-items:center;gap:.5rem}.task-name{font-weight:700;font-size:1rem;color:var(--text);margin-bottom:0rem;cursor:pointer;padding:1px 4px;border-radius:4px;margin-left:-4px;transition:background-color .2s}.task-name:hover{background-color:#e2e8f0}.edit-task-input{font-weight:700;font-size:1rem;color:var(--text);margin-bottom:0rem;border:1px solid var(--primary);border-radius:4px;padding:0 3px;width:100%;max-width:250px;background:#fff;outline:none;font-family:inherit}.task-time{color:var(--text-muted);font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:600}.btn-toggle{background-color:#fff;color:var(--text);border:2px solid var(--border);padding:.35rem .75rem}.btn-toggle:hover{border-color:var(--primary);color:var(--primary)}.btn-toggle.active{background-color:var(--danger);color:#fff;border-color:var(--danger)}.btn-remove{background-color:transparent;color:var(--text-muted);font-size:1.5rem;line-height:1;padding:.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-remove:hover{background-color:#fee2e2;color:var(--danger)}.dashboard{height:400px;background:#f8fafc;border-radius:2rem;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:sticky;top:2rem}.no-data{text-align:center}.no-data-msg{color:var(--text-muted);font-style:italic;font-size:1rem;max-width:200px;line-height:1.5}@media (max-width: 1024px){.main-content{grid-template-columns:1fr;gap:3rem}.dashboard{position:static;height:350px}.container{padding:2rem}}.empty-state{text-align:center;color:var(--text-muted);padding:4rem 0;font-style:italic;border:3px dashed var(--border);border-radius:2rem}