*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1117;--bg2: #1a1d27;--bg3: #22263a;--bg4: #2a2f45;--border: rgba(255,255,255,.08);--border2: rgba(255,255,255,.14);--text: #e8eaf0;--text2: #9095a8;--text3: #5a5f72;--accent: #6c63ff;--accent2: #5a52e0;--p1: #e24b4a;--p1bg: rgba(226,75,74,.12);--p2: #ef9f27;--p2bg: rgba(239,159,39,.12);--p3: #378add;--p3bg: rgba(55,138,221,.12);--p4: #888780;--p4bg: rgba(136,135,128,.1);--radius: 8px;--radius-lg: 12px;font-family:Inter,system-ui,sans-serif;font-size:14px}body{background:var(--bg);color:var(--text);min-height:100vh}#root{height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:4px}button{cursor:pointer;font-family:inherit;font-size:13px;border:none;background:none;color:var(--text)}input,select{font-family:inherit;font-size:13px;background:var(--bg3);border:1px solid var(--border2);color:var(--text);border-radius:var(--radius);padding:0 10px;height:34px;outline:none;width:100%}input:focus,select:focus{border-color:var(--accent)}input[type=time]{width:auto;padding:0 8px;height:30px;font-size:12px}input[type=date]{padding:0 8px}input::placeholder{color:var(--text3)}select option{background:var(--bg3)}.task-card:hover .task-actions,.task-card:hover .time-add{opacity:1!important}.task-card:hover{border-color:var(--border2)!important}