*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#172b4d;background:#f4f6f8}@media(prefers-color-scheme:dark){:root{color:#ffffffde;background:#1d2125}body{background:#1d2125}}body{margin:0;background:#f4f6f8}#root{padding-top:56px;min-height:100%}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f4f6f8;padding:20px}.login-card{width:100%;max-width:420px;background:#fff;padding:32px;border-radius:12px;box-shadow:0 10px 25px #00000014}.login-title{margin:0;font-size:24px;font-weight:600}.login-subtitle{margin-top:8px;color:#6b7280;font-size:14px}.login-field{margin-top:24px;display:flex;flex-direction:column}.login-field label{font-size:14px;margin-bottom:6px;font-weight:500}.login-field input{padding:12px;border-radius:8px;border:1px solid #d1d5db;font-size:14px;transition:border .2s ease,box-shadow .2s ease}.login-field input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.login-button{margin-top:24px;padding:12px;border:none;border-radius:8px;background:#3b82f6;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}.login-button:hover{background:#2563eb}.not-found{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f4f6f8;padding:20px;flex-direction:column}.tasks-page{padding:1rem 1.25rem 5rem;min-height:calc(100vh - 56px)}.tasks-page__fab{position:fixed;right:1.5rem;bottom:1.5rem;z-index:900;display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;padding:0;border:none;border-radius:999px;background:#0052cc;color:#fff;box-shadow:0 4px 12px #0052cc59,0 2px 4px #091e4226;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.tasks-page__fab:hover{background:#0747a6;transform:scale(1.05);box-shadow:0 6px 16px #0052cc66,0 2px 6px #091e4233}.tasks-page__fab:active{transform:scale(.98)}.tasks-page__fab-icon{width:1.75rem;height:1.75rem;fill:currentColor}.tasks-page__state{padding:2rem;text-align:center;color:#5e6c84}.task-board{display:flex;flex-direction:column;gap:1.25rem}.task-priority-row{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;border-radius:8px;background:#f4f5f7;border-left:4px solid #dfe1e6}.task-priority-row--important_urgent{border-left-color:#bf2600;background:#fff8f6}.task-priority-row--important{border-left-color:#0747a6;background:#f4f9ff}.task-priority-row--urgent{border-left-color:#ff5630;background:#fffbf8}.task-priority-row--none{border-left-color:#97a0af;background:#f4f5f7}.task-priority-row__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:0 .25rem}.task-priority-row__title{margin:0;font-size:.9375rem;font-weight:700;color:#172b4d}.task-priority-row__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .375rem;border-radius:999px;background:#dfe1e6;font-size:.75rem;font-weight:600;color:#42526e}.task-priority-row__columns{display:grid;grid-template-columns:repeat(4,minmax(200px,1fr));gap:.75rem;overflow-x:auto}.task-column{display:flex;flex-direction:column;gap:.5rem;min-height:8rem;padding:.5rem;border-radius:6px;background:#ffffffa6}.task-column--drag-over{outline:2px dashed #0052cc;background:#ebf2ff}.task-column__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.task-column__title{margin:0;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#5e6c84}.task-column__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .25rem;border-radius:999px;background:#dfe1e6;font-size:.6875rem;font-weight:600;color:#42526e}.task-column__cards{display:flex;flex-direction:column;gap:.5rem;flex:1}.task-card{padding:.75rem;border-radius:6px;background:#fff;box-shadow:0 1px 2px #091e4226;cursor:grab;transition:box-shadow .15s ease}.task-card:hover{box-shadow:0 4px 8px #091e4226}.task-card--dragging{opacity:.45;cursor:grabbing}.task-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.375rem}.task-card__title{margin:0;font-size:.875rem;font-weight:600;color:#172b4d;flex:1}.task-card__actions{display:flex;flex-shrink:0;gap:.125rem}.task-card__action{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:none;border-radius:4px;background:transparent;color:#5e6c84;cursor:pointer}.task-card__action:disabled{opacity:.5;cursor:not-allowed}.task-card__action--edit:hover:not(:disabled){background:#ebecf0;color:#0052cc}.task-card__action--delete:hover:not(:disabled){background:#ffebe6;color:#bf2600}.task-card__action-icon{width:.875rem;height:.875rem;fill:currentColor}.task-card__description{margin:0 0 .5rem;font-size:.8125rem;color:#5e6c84;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.task-card__deadline{display:inline-flex;align-items:center;gap:.375rem;margin-top:.25rem;padding:.3125rem .5rem;border-radius:6px;font-size:.6875rem;font-weight:700;letter-spacing:.02em;border:1px solid transparent}.task-card__deadline-tag{padding:.125rem .375rem;border-radius:4px;font-size:.625rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.task-card__deadline-date{white-space:nowrap}.task-card__deadline--green{background:#e3fcef;color:#064;border-color:#57d9a3;box-shadow:inset 3px 0 #00875a}.task-card__deadline--green .task-card__deadline-tag{background:#00875a;color:#fff}.task-card__deadline--yellow{background:#fff7d6;color:#7a5c00;border-color:#ffc400;box-shadow:inset 3px 0 #ffab00}.task-card__deadline--yellow .task-card__deadline-tag{background:#ffab00;color:#172b4d}.task-card__deadline--orange{background:#fff4e5;color:#974f0c;border-color:#ff991f;box-shadow:inset 3px 0 #ff8b00}.task-card__deadline--orange .task-card__deadline-tag{background:#ff8b00;color:#fff}.task-card__deadline--red{background:#ae2e24;color:#fff;border-color:#7a1c15;box-shadow:inset 3px 0 #ff2d2d,0 0 0 1px #ae2e2459}.task-card__deadline--red .task-card__deadline-tag{background:#ff2d2d;color:#fff}@media(prefers-color-scheme:dark){.tasks-page__state{color:#fff9}.task-priority-row{background:#1d2125;border-left-color:#454f59}.task-priority-row--important_urgent{background:#2a1f1f;border-left-color:#ff5630}.task-priority-row--important{background:#1a2332;border-left-color:#579dff}.task-priority-row--urgent{background:#2a221f;border-left-color:#ff7452}.task-priority-row--none{background:#1d2125;border-left-color:#738496}.task-priority-row__title{color:#ffffffe6}.task-priority-row__count{background:#282e33;color:#fffc}.task-column{background:#22272bbf}.task-column--drag-over{background:#1c2b41;outline-color:#579dff}.task-column__title{color:#fff9}.task-column__count{background:#282e33;color:#fffc}.task-card{background:#22272b;box-shadow:0 1px 2px #0006}.task-card__title{color:#ffffffe6}.task-card__action{color:#ffffff8c}.task-card__action--edit:hover:not(:disabled){background:#282e33;color:#579dff}.task-card__action--delete:hover:not(:disabled){background:#4a1f1a;color:#ff8f73}.task-card__description{color:#fff9}.task-card__deadline--green{background:#1c3329;color:#79f2c0;border-color:#00875a;box-shadow:inset 3px 0 #57d9a3}.task-card__deadline--green .task-card__deadline-tag{background:#00875a;color:#e3fcef}.task-card__deadline--yellow{background:#3d3420;color:#ffe380;border-color:#ffab00;box-shadow:inset 3px 0 #ffc400}.task-card__deadline--yellow .task-card__deadline-tag{background:#ffab00;color:#172b4d}.task-card__deadline--orange{background:#3d2a14;color:#ffc46b;border-color:#ff8b00;box-shadow:inset 3px 0 #ff991f}.task-card__deadline--orange .task-card__deadline-tag{background:#ff8b00;color:#fff}.task-card__deadline--red{background:#5c1f18;color:#fff;border-color:#ff2d2d;box-shadow:inset 3px 0 #ff2d2d,0 0 0 1px #ff2d2d59}.task-card__deadline--red .task-card__deadline-tag{background:#ff2d2d;color:#fff}.tasks-page__fab{background:#579dff;color:#1d2125;box-shadow:0 4px 12px #579dff59,0 2px 4px #00000040}.tasks-page__fab:hover{background:#85b8ff;box-shadow:0 6px 16px #579dff73,0 2px 6px #0000004d}}@media(max-width:900px){.task-priority-row__columns{grid-template-columns:repeat(4,minmax(180px,1fr))}}@media(max-width:560px){.task-priority-row__columns{grid-template-columns:repeat(4,minmax(160px,1fr))}}.create-task-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.create-task-modal__backdrop{position:absolute;inset:0;border:none;padding:0;background:#091e4273;cursor:pointer}.create-task-modal__dialog{position:relative;width:100%;max-width:520px;max-height:calc(100vh - 2rem);overflow-y:auto;padding:1.5rem;border-radius:12px;background:#fff;box-shadow:0 16px 40px #091e4240}.create-task-modal__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.create-task-modal__title{margin:0;font-size:1.25rem;font-weight:700;color:#172b4d}.create-task-modal__close{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:6px;background:transparent;color:#5e6c84;font-size:1.5rem;line-height:1;cursor:pointer}.create-task-modal__close:hover{background:#f4f5f7;color:#172b4d}.create-task-modal__form{display:flex;flex-direction:column;gap:1rem}.create-task-modal__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.create-task-modal__field{display:flex;flex-direction:column;gap:.375rem}.create-task-modal__field label{font-size:.875rem;font-weight:600;color:#42526e}.create-task-modal__field input,.create-task-modal__field textarea,.create-task-modal__field select{padding:.75rem;border:1px solid #dfe1e6;border-radius:8px;font:inherit;color:#172b4d;background:#fff}.create-task-modal__field input:focus,.create-task-modal__field textarea:focus,.create-task-modal__field select:focus{outline:none;border-color:#0052cc;box-shadow:0 0 0 3px #0052cc26}.create-task-modal__field textarea{resize:vertical;min-height:6rem}.create-task-modal__error{margin:0;font-size:.875rem;color:#bf2600}.create-task-modal__state{margin:0;font-size:.875rem;color:#5e6c84}.create-task-modal__message{margin:0 0 1.25rem;font-size:.9375rem;line-height:1.5;color:#42526e}.create-task-modal__message strong{color:#172b4d}.create-task-modal__button--danger{background:#de350b;color:#fff}.create-task-modal__button--danger:hover:not(:disabled){background:#bf2600}.create-task-modal__actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.create-task-modal__button{padding:.625rem 1rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer}.create-task-modal__button:disabled{opacity:.6;cursor:not-allowed}.create-task-modal__button--secondary{background:#f4f5f7;color:#42526e}.create-task-modal__button--secondary:hover:not(:disabled){background:#ebecf0}.create-task-modal__button--primary{background:#0052cc;color:#fff}.create-task-modal__button--primary:hover:not(:disabled){background:#0747a6}@media(prefers-color-scheme:dark){.create-task-modal__dialog{background:#22272b;box-shadow:0 16px 40px #00000080}.create-task-modal__title{color:#ffffffe6}.create-task-modal__close{color:#fff9}.create-task-modal__close:hover{background:#282e33;color:#ffffffe6}.create-task-modal__field label{color:#ffffffb3}.create-task-modal__field input,.create-task-modal__field textarea,.create-task-modal__field select{border-color:#454f59;background:#1d2125;color:#ffffffe6}.create-task-modal__button--secondary{background:#282e33;color:#fffc}.create-task-modal__button--secondary:hover:not(:disabled){background:#454f59}.create-task-modal__message{color:#ffffffbf}.create-task-modal__message strong{color:#fffffff2}}@media(max-width:560px){.create-task-modal__row{grid-template-columns:1fr}}.recurring-tasks-page{padding:1rem 1.25rem 5rem;min-height:calc(100vh - 56px)}.recurring-tasks-page__state{padding:2rem;text-align:center;color:#5e6c84}.recurring-score-panel{margin-bottom:1.25rem;padding:1rem;border-radius:10px;background:#fff;border:1px solid #dfe1e6;box-shadow:0 2px 8px #091e4214}.recurring-score-panel__header{margin-bottom:.875rem}.recurring-score-panel__title{margin:0;font-size:1.125rem;font-weight:700;color:#172b4d}.recurring-score-panel__subtitle{margin:.25rem 0 0;font-size:.8125rem;color:#5e6c84}.recurring-score-panel__table-wrap{overflow-x:auto}.recurring-score-panel__table{width:100%;border-collapse:collapse;min-width:28rem}.recurring-score-panel__table th,.recurring-score-panel__table td{padding:.75rem 1rem;text-align:center;border-bottom:1px solid #ebecf0}.recurring-score-panel__table th{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#5e6c84;background:#f4f5f7}.recurring-score-panel__table td{font-size:1.125rem;font-weight:700;color:#172b4d}.recurring-score-panel__score{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:8px;border:1px solid transparent}.recurring-score-panel__score-tag{padding:.2rem .5rem;border-radius:4px;font-size:.625rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.recurring-score-panel__score-value{font-size:1.5rem;line-height:1}.recurring-score-panel__score--none{background:#f4f5f7;color:#5e6c84;border-color:#dfe1e6;box-shadow:inset 3px 0 #97a0af}.recurring-score-panel__score--none .recurring-score-panel__score-tag{background:#97a0af;color:#fff}.recurring-score-panel__score--warm{background:#fff4e5;color:#974f0c;border-color:#ff991f;box-shadow:inset 3px 0 #ff8b00}.recurring-score-panel__score--warm .recurring-score-panel__score-tag{background:#ff8b00;color:#fff}.recurring-score-panel__score--good{background:#fff7d6;color:#7a5c00;border-color:#ffc400;box-shadow:inset 3px 0 #ffab00}.recurring-score-panel__score--good .recurring-score-panel__score-tag{background:#ffab00;color:#172b4d}.recurring-score-panel__score--great{background:#e3fcef;color:#064;border-color:#57d9a3;box-shadow:inset 3px 0 #00875a}.recurring-score-panel__score--great .recurring-score-panel__score-tag{background:#00875a;color:#fff}.recurring-score-panel__score--legend{background:#eae6ff;color:#403294;border-color:#8777d9;box-shadow:inset 3px 0 #6554c0}.recurring-score-panel__score--legend .recurring-score-panel__score-tag{background:#6554c0;color:#fff}.recurring-board{display:flex;flex-direction:column;gap:1.25rem}.recurring-frequency-row{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;border-radius:8px;background:#f4f5f7;border-left:4px solid #dfe1e6}.recurring-frequency-row--daily{border-left-color:#00875a;background:#f3fcf7}.recurring-frequency-row--weekly{border-left-color:#0052cc;background:#f4f9ff}.recurring-frequency-row--monthly{border-left-color:#6554c0;background:#f6f4ff}.recurring-frequency-row__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:0 .25rem}.recurring-frequency-row__title{margin:0;font-size:.9375rem;font-weight:700;color:#172b4d}.recurring-frequency-row__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .375rem;border-radius:999px;background:#dfe1e6;font-size:.75rem;font-weight:600;color:#42526e}.recurring-frequency-row__columns{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:.75rem;overflow-x:auto}.recurring-column{display:flex;flex-direction:column;gap:.5rem;min-height:8rem;padding:.5rem;border-radius:6px;background:#ffffffa6}.recurring-column--drag-over{outline:2px dashed #0052cc;background:#ebf2ff}.recurring-column__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.recurring-column__title{margin:0;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#5e6c84}.recurring-column__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .25rem;border-radius:999px;background:#dfe1e6;font-size:.6875rem;font-weight:600;color:#42526e}.recurring-column__cards{display:flex;flex-direction:column;gap:.5rem;flex:1}.recurring-column__empty{margin:0;padding:1rem .5rem;text-align:center;font-size:.8125rem;color:#97a0af}.recurring-card{padding:.75rem;border-radius:6px;background:#fff;box-shadow:0 1px 2px #091e4226;cursor:grab;transition:box-shadow .15s ease}.recurring-card:hover{box-shadow:0 4px 8px #091e4226}.recurring-card--dragging{opacity:.45;cursor:grabbing}.recurring-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.375rem}.recurring-card__title{margin:0;font-size:.875rem;font-weight:600;color:#172b4d;flex:1}.recurring-card__actions{display:flex;flex-shrink:0;gap:.125rem}.recurring-card__action{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:none;border-radius:4px;background:transparent;color:#5e6c84;cursor:pointer}.recurring-card__action:disabled{opacity:.5;cursor:not-allowed}.recurring-card__action--edit:hover:not(:disabled){background:#ebecf0;color:#0052cc}.recurring-card__action--delete:hover:not(:disabled){background:#ffebe6;color:#bf2600}.recurring-card__action-icon{width:.875rem;height:.875rem;fill:currentColor}.recurring-card__description{margin:0 0 .5rem;font-size:.8125rem;color:#5e6c84;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.recurring-card__streak{display:inline-flex;align-items:center;gap:.375rem;margin-top:.25rem;padding:.3125rem .5rem;border-radius:6px;font-size:.6875rem;font-weight:700;letter-spacing:.02em;border:1px solid transparent}.recurring-card__streak-tag{padding:.125rem .375rem;border-radius:4px;font-size:.625rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.recurring-card__streak-value{font-size:.875rem;white-space:nowrap}.recurring-card__streak--none{background:#f4f5f7;color:#5e6c84;border-color:#dfe1e6;box-shadow:inset 3px 0 #97a0af}.recurring-card__streak--none .recurring-card__streak-tag{background:#97a0af;color:#fff}.recurring-card__streak--warm{background:#fff4e5;color:#974f0c;border-color:#ff991f;box-shadow:inset 3px 0 #ff8b00}.recurring-card__streak--warm .recurring-card__streak-tag{background:#ff8b00;color:#fff}.recurring-card__streak--good{background:#fff7d6;color:#7a5c00;border-color:#ffc400;box-shadow:inset 3px 0 #ffab00}.recurring-card__streak--good .recurring-card__streak-tag{background:#ffab00;color:#172b4d}.recurring-card__streak--great{background:#e3fcef;color:#064;border-color:#57d9a3;box-shadow:inset 3px 0 #00875a}.recurring-card__streak--great .recurring-card__streak-tag{background:#00875a;color:#fff}.recurring-card__streak--legend{background:#eae6ff;color:#403294;border-color:#8777d9;box-shadow:inset 3px 0 #6554c0}.recurring-card__streak--legend .recurring-card__streak-tag{background:#6554c0;color:#fff}.recurring-card__reset{margin:.5rem 0 0;font-size:.6875rem;color:#97a0af}.recurring-tasks-page__fab{position:fixed;right:1.5rem;bottom:1.5rem;z-index:900;display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;padding:0;border:none;border-radius:999px;background:#6554c0;color:#fff;box-shadow:0 4px 12px #6554c059,0 2px 4px #091e4226;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.recurring-tasks-page__fab:hover{background:#5243aa;transform:scale(1.05);box-shadow:0 6px 16px #6554c066,0 2px 6px #091e4233}.recurring-tasks-page__fab:active{transform:scale(.98)}.recurring-tasks-page__fab-icon{width:1.75rem;height:1.75rem;fill:currentColor}@media(prefers-color-scheme:dark){.recurring-tasks-page__state{color:#fff9}.recurring-score-panel{background:#22272b;border-color:#454f59;box-shadow:0 2px 8px #0000004d}.recurring-score-panel__title{color:#ffffffe6}.recurring-score-panel__subtitle{color:#ffffff8c}.recurring-score-panel__table th{background:#282e33;color:#fff9;border-bottom-color:#454f59}.recurring-score-panel__table td{color:#ffffffe6;border-bottom-color:#454f59}.recurring-frequency-row{background:#1d2125;border-left-color:#454f59}.recurring-frequency-row--daily{background:#1c3329;border-left-color:#57d9a3}.recurring-frequency-row--weekly{background:#1a2332;border-left-color:#579dff}.recurring-frequency-row--monthly{background:#2a2540;border-left-color:#8777d9}.recurring-frequency-row__title{color:#ffffffe6}.recurring-frequency-row__count{background:#282e33;color:#fffc}.recurring-column{background:#22272bbf}.recurring-column--drag-over{background:#1c2b41;outline-color:#579dff}.recurring-column__title{color:#fff9}.recurring-column__count{background:#282e33;color:#fffc}.recurring-column__empty{color:#ffffff73}.recurring-card{background:#22272b;box-shadow:0 1px 2px #0006}.recurring-card__title{color:#ffffffe6}.recurring-card__action{color:#ffffff8c}.recurring-card__action--edit:hover:not(:disabled){background:#282e33;color:#579dff}.recurring-card__action--delete:hover:not(:disabled){background:#4a1f1a;color:#ff8f73}.recurring-card__description{color:#fff9}.recurring-card__reset{color:#ffffff73}.recurring-tasks-page__fab{background:#8777d9;color:#1d2125}.recurring-tasks-page__fab:hover{background:#998dd9}}@media(max-width:900px){.recurring-frequency-row__columns{grid-template-columns:repeat(3,minmax(200px,1fr))}}@media(max-width:560px){.recurring-frequency-row__columns{grid-template-columns:repeat(3,minmax(170px,1fr))}}.app-header{position:fixed;top:0;left:0;width:100%;height:56px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;padding:0 1.25rem;background:#fff;border-bottom:1px solid #dfe1e6;box-shadow:0 1px 3px #091e4214;z-index:1000}.app-header__brand{justify-self:start;font-size:1rem;font-weight:700;letter-spacing:-.01em;color:#0052cc;white-space:nowrap}.app-header__nav{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem;border-radius:10px;background:#f4f5f7;border:1px solid #ebecf0}.app-header__nav-link{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.4rem .875rem;border-radius:8px;color:#42526e;font-size:.8125rem;font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.app-header__nav-icon{width:1.125rem;height:1.125rem;fill:currentColor;flex-shrink:0}.app-header__nav-label{line-height:1}.app-header__nav-link:hover{color:#0052cc}.app-header__nav-link--active{background:#fff;color:#0052cc;box-shadow:0 1px 3px #091e421f}.app-header__logout{justify-self:end;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid #dfe1e6;border-radius:8px;background:#fff;color:#42526e;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.app-header__logout-icon{width:1.25rem;height:1.25rem;fill:currentColor}.app-header__logout:hover{background:#f4f5f7;border-color:#0052cc;color:#0052cc}@media(max-width:720px){.app-header{grid-template-columns:auto 1fr auto;gap:.5rem;padding:0 .75rem}.app-header__brand{display:none}.app-header__nav{justify-self:center;max-width:100%;overflow-x:auto;scrollbar-width:none}.app-header__nav::-webkit-scrollbar{display:none}.app-header__nav-link{gap:.3rem;padding:.35rem .625rem;font-size:.75rem}.app-header__nav-icon{width:1rem;height:1rem}}@media(prefers-color-scheme:dark){.app-header{background:#22272b;border-bottom-color:#454f59;box-shadow:0 1px 3px #00000040}.app-header__brand{color:#579dff}.app-header__nav{background:#282e33;border-color:#454f59}.app-header__nav-link{color:#ffffffbf}.app-header__nav-link:hover{color:#85b8ff}.app-header__nav-link--active{background:#1c2b41;color:#85b8ff;box-shadow:0 1px 3px #0000004d}.app-header__logout{background:#282e33;border-color:#454f59;color:#ffffffd9}.app-header__logout:hover{background:#1c2b41;border-color:#579dff;color:#579dff}}