*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font:var(--font--size-md)/var(--font--line-height-md) var(--font--primary);color:var(--color--text-primary);background-color:var(--color--background-primary);overflow-x:hidden}main{flex-shrink:1;width:100%;overflow:hidden}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:600}h1{font:var(--font--size-xxxl)/var(--font--line-height-xxxl) var(--font--headlines);text-align:center;color:var(--color--text-primary);margin-bottom:2rem}h2{font:var(--font--size-xxl)/var(--font--line-height-xxl) var(--font--headlines);color:var(--color--text-secondary);margin-bottom:1.5rem}h3{font:var(--font--size-xl)/var(--font--line-height-xl) var(--font--headlines);color:var(--color--text-secondary);margin-bottom:1rem}p{margin-bottom:1rem}#dashboard-app{flex-direction:column;height:100vh;display:flex;overflow:hidden}#time-entries-table{height:100%;padding-bottom:4rem;overflow:auto}label{width:100%;color:var(--color--text-primary);font-size:var(--input-label-size,var(--mantine-font-size-sm));line-height:var(--mantine-line-height);display:block}.dropdown{text-align:left;width:100%;position:relative}.dropdown .dropdown-item{padding-left:16px}.timer-controls{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.task-input-container{background-color:var(--color--background-primary);border-radius:var(--border-radius--small);border:1px solid var(--color--border-ui);margin-top:2rem;padding:1.5rem}.task-input-container .task-input-dropdowns{flex-direction:column;gap:1rem;display:flex}.task-input{margin-bottom:1.5rem}.task-input label{color:var(--color--text-primary);margin-bottom:.5rem;font-weight:500;display:block}.task-input input{border:1px solid var(--color--border-ui);border-radius:var(--border-radius--small);width:100%;transition:var(--transition);padding:.75rem;font-size:1rem}.task-input input:focus{border-color:var(--color--primary);box-shadow:0 0 0 2px rgba(var(--color--primary), .25);outline:none}.task-actions{justify-content:flex-end;gap:1rem;display:flex}.time-entries-container{background:var(--color--background-primary);border-radius:var(--border-radius--small);box-shadow:var(--box-shadow--small);padding:2rem}.no-entries{text-align:center;color:var(--color--text-secondary);padding:2rem;font-style:italic}.entries-table-container{overflow-x:auto}.entries-table{border-collapse:collapse;width:100%;font-size:.9rem}.entries-table th,.entries-table td{text-align:left;border-bottom:1px solid var(--color--border-ui);padding:1rem}.entries-table th{background-color:var(--color--background-secondary);color:var(--color--text-primary);font-weight:600;position:sticky;top:0}.entries-table .entry-row{transition:var(--transition)}.entries-table .entry-row:hover{background-color:var(--color--secondary-extra-light)}.entries-table .task-name{text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-weight:700;overflow:hidden}.entries-table .timestamp{color:var(--color--text-secondary);white-space:nowrap}.entries-table .duration{color:var(--color--primary);font-weight:700}@media (max-width:768px){main{padding:1rem}h1{font-size:2rem}h2{font-size:1.5rem}.timer-time{font-size:2.5rem}.timer-controls{flex-direction:column;align-items:center}.timer-controls .btn{width:100%;max-width:200px}.task-actions{flex-direction:column}.task-actions .btn{width:100%}.entries-table{font-size:.8rem}.entries-table th,.entries-table td{padding:.75rem .5rem}.timer-container,.time-entries-container{padding:1.5rem}}@media (max-width:480px){.timer-time{font-size:2rem}.entries-table{white-space:nowrap;display:block;overflow-x:auto}.entries-table th,.entries-table td{padding:.5rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.btn:focus,input:focus{outline:2px solid var(--color--primary);outline-offset:2px}