@import url(https://fonts.googleapis.com/css2?family=SN+Pro:ital,wght@0,200..900;1,200..900&display=swap);:root{--text-color:#0d0d0d;--body-padding:3rem;--bg-color:#f3f3f3;--text-disabled:#a4a4a4;--border-radius:0.5em;--border-color:#e0e0e0;--sidebar-width:200px;--blue-color:#0466c8;--blue-color-darken:#0353a4}*{box-sizing:border-box;margin:0;padding:0}html{color:var(--text-color);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;font-family:SN Pro,sans-serif;font-optical-sizing:auto;text-rendering:optimizeLegibility}body{padding:var(--body-padding)}.sidebar{bottom:var(--body-padding);gap:2rem;left:var(--body-padding);max-width:var(--sidebar-width);position:fixed;top:var(--body-padding);width:100%}.sidebar,.sidebar nav{display:flex;flex-direction:column}.sidebar nav{gap:.5em}.sidebar nav a{align-items:center;border-radius:var(--border-radius);color:var(--text-color);display:flex;gap:.6em;padding:.5em 1em;text-decoration:none}.sidebar nav a i{color:var(--text-disabled)}.sidebar nav a.active,.sidebar nav a:hover{background:var(--bg-color);color:var(--text-color)}.sidebar nav a.active i,.sidebar nav a:hover i{color:var(--text-color)}.sidebar .sidebar-footer{margin-top:auto}.table-actions{display:flex;gap:2em}.table-actions a{position:relative}.table-actions a:not(:first-child):before{color:var(--border-color);content:"|";left:-1em;position:absolute}a{color:var(--blue-color);text-decoration:none}a:hover{color:var(--blue-color-darken);text-decoration:underline}.link-muted,.text-muted{color:var(--text-disabled)}.link-muted{text-decoration:none}.link-muted:hover{color:var(--text-color);text-decoration:underline}.btn{align-items:center;background:var(--text-color);border:.5px solid var(--border-color);border-radius:var(--border-radius);color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;gap:.5rem;line-height:1.5;padding:.5em 1em;text-decoration:none;transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease,color .15s ease}.btn i{color:var(--text-disabled)}.btn:hover{background:#111;border-color:#cfcfcf;box-shadow:0 6px 14px hsla(0,0%,5%,.14);color:#fff;text-decoration:none;transform:translateY(-3px)}.btn:hover i{color:#fff}.btn-light{background:var(--bg-color);color:var(--text-color)}.btn-light:hover{background:#fff;border-color:#cfcfcf;box-shadow:0 6px 14px hsla(0,0%,5%,.08);color:var(--text-color);transform:translateY(-1px)}.btn-light i{color:var(--text-disabled)}.btn-light:hover i{color:var(--text-color)}.content{margin-left:calc(var(--body-padding) + var(--sidebar-width) + var(--body-padding))}main>header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}main>header h1{font-size:1.8rem;font-weight:600}main>header nav{display:flex;gap:.5em}main>header nav a{border-radius:var(--border-radius);color:var(--text-color);padding:.5em 1em;text-decoration:none}main>header nav a:hover{background:var(--bg-color)}.task-search{margin-bottom:1.5rem;max-width:420px}.task-search input{width:100%}.breadcrumbs{align-items:center;color:var(--text-disabled);display:flex;font-size:.95rem;gap:2rem;margin-bottom:1.2rem}.breadcrumbs a{color:var(--text-disabled);position:relative}.breadcrumbs a:hover{color:var(--text-color)}.breadcrumbs a:after{color:var(--border-color);content:"/";position:absolute;right:-1rem}.breadcrumbs span{color:var(--text-color)}table{background:#fff;border:1px solid var(--border-color);border-collapse:collapse;border-radius:var(--border-radius);overflow:hidden;width:100%}table td,table th{border-bottom:1px solid var(--border-color);padding:1em;text-align:left}table thead th{background:var(--bg-color);font-weight:600}table tbody tr:last-child td{border-bottom:none}.filters-form{max-width:none}.filters-grid{align-items:end;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.filters-actions{display:flex;flex-wrap:wrap;gap:.75rem}table tfoot th{background:var(--bg-color);border-top:1px solid var(--border-color);font-weight:600}form{display:block;max-width:620px}.form-row{margin-bottom:1rem}label{display:block;font-weight:600;margin-bottom:.2rem}input,select,textarea{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);font:inherit;height:3rem;padding:.55em .75em;width:100%}input:focus,select:focus,textarea:focus{border-color:#9cc2ea;box-shadow:0 0 0 3px rgba(4,102,200,.15);outline:none}.form-errors{color:#b00020;font-size:.9rem;margin-top:.35rem}.form-row-checkbox{align-items:center;display:flex;gap:.6rem}.form-row-checkbox label{font-weight:500;margin:0}.form-row-checkbox input{margin:0;width:auto}section{margin-bottom:3rem}section header{border-bottom:1px solid var(--border-color);margin-bottom:1rem;padding-bottom:.5rem}.dashboard-project{margin-bottom:2.5rem}.dashboard-project__header{align-items:flex-start;display:flex;gap:1.5rem;justify-content:space-between}.dashboard-project__header h2{font-size:1.3rem;font-weight:600}.dashboard-project__header p{margin-top:.35rem}.task-tiles{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.task-tile{appearance:none;background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;font:inherit;overflow:hidden;padding:1rem;position:relative;text-align:left;width:100%}.task-tile.active{background:#fafafa;border-color:var(--blue-color)}.task-tile.active .task-tile__timer{background-color:var(--blue-color);color:#fff;font-weight:700}.task-tile__title{font-weight:600;margin-bottom:.5rem;padding-left:.5rem}.task-tile__timer{background-color:var(--bg-color);border-radius:var(--border-radius);color:var(--text-color);font-size:.95rem;font-variant-numeric:tabular-nums;margin-bottom:.5rem;padding:.3rem .5rem;text-align:center}.task-tile__timer.is-hidden{display:none}.task-tile__meta{color:var(--text-disabled);display:flex;flex-direction:column;font-size:.95rem;padding-left:.5rem}