:root{scroll-behavior:smooth}.ico{width:19px;height:19px;display:inline-block;vertical-align:middle;flex:0 0 auto}.anchor{scroll-margin-top:88px}.topbar button,.section-head button,.project-cards footer button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.topbar label .ico{width:17px}.stats .ico{width:20px;height:20px}.reports{margin-top:31px}.report-table{margin-top:13px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff}.report-head,.report-row{display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(3,1fr);align-items:center;gap:12px;padding:13px 18px}.report-head{color:#90928b;background:#f5f5f2;font-size:8px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.report-row{min-height:55px;border-top:1px solid #edede9;font-size:10px}.report-row>span:first-child{display:flex;align-items:center;gap:9px}.report-row i{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;color:#fff;font-size:7px;font-style:normal}.report-row span:not(:first-child){color:#74766f}@media(max-width:600px){.report-head,.report-row{grid-template-columns:1.5fr .7fr .8fr}.report-head span:last-child,.report-row span:last-child{display:none}}
.deadline-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:12px}.drawer-bg{justify-content:flex-end;align-items:stretch;padding:0;background:rgba(13,15,14,.48);backdrop-filter:blur(5px)}.drawer-bg .drawer{width:min(560px,100%);height:100vh;max-height:none;border-radius:0;padding:44px 38px;overflow:auto;transform:translateX(30px);transition:transform .2s ease}.drawer-bg.open .drawer{transform:translateX(0)}.drawer h2{font-size:29px;line-height:1.14;margin:20px 0 10px}.task-description{color:#777a73;font-size:13px;line-height:1.55;margin:0 0 25px}.secondary-save{width:100%;padding:13px;margin:7px 0 9px;border:1px solid #d9dad5;border-radius:10px;background:#fff;font-weight:700}.side-projects a.active{background:rgba(255,255,255,.1);color:#fff}@media(max-width:600px){.deadline-grid{grid-template-columns:1fr}.drawer-bg .drawer{padding:34px 22px}}
.client-task-open{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.client-task-open:hover{transform:translateY(-2px);box-shadow:0 15px 35px rgba(20,24,21,.08);border-color:var(--project)}.client-task-open:focus-visible{outline:3px solid color-mix(in srgb,var(--project) 30%,transparent);outline-offset:3px}.client-task-open footer strong{margin-left:auto;color:var(--project);font-size:10px}.client-drawer{border-top:5px solid var(--project)}.client-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.client-detail-grid div{min-height:82px;padding:16px;border:1px solid #e6e7e2;border-radius:14px;background:#f7f7f4;display:flex;flex-direction:column;gap:8px}.client-detail-grid small,.client-feedback small{font-size:8px;font-weight:800;letter-spacing:.8px;color:#969990}.client-detail-grid b{font-size:13px}.client-feedback{padding:18px;border-radius:15px;background:#f1f1ee;margin-top:15px}.client-feedback.has-feedback{background:color-mix(in srgb,var(--project) 10%,white);border:1px solid color-mix(in srgb,var(--project) 25%,white)}.client-feedback p{font-size:13px;line-height:1.55;margin:9px 0 0}.client-readonly-note{margin-top:22px;padding-top:18px;border-top:1px solid #e8e9e4;color:#9a9c95;font-size:10px;line-height:1.5}@media(max-width:600px){.client-detail-grid{grid-template-columns:1fr}.client-task-open footer strong{width:100%;margin-top:7px}}
.delete-task{width:100%;margin-top:14px;padding:12px;border:1px solid #f1c6c6;border-radius:10px;background:#fff6f6;color:#c23b3b;font-weight:800}.delete-task:hover{background:#ffecec;border-color:#eaa5a5}