:root{--text:#20334b;--muted:#738095;--border:#e5eaf0;--surface:#f7f8fa;--blue:#2459b8}body{background:var(--surface);-webkit-font-smoothing:antialiased;font-size:14px}.app-shell[data-mode]{background:var(--surface);min-width:0}.app-shell[data-mode] .workspace{min-width:0}.app-shell[data-mode] .page-header h1{letter-spacing:-.025em;font-size:24px;line-height:1.45}.app-shell[data-mode] .page-header p{margin-top:6px;font-size:12px}.app-shell[data-mode] .page-header .eyebrow{color:#8691a0;font-size:11px}.app-shell[data-mode] .team-card{border:1px solid var(--border);box-shadow:none;border-radius:16px;margin-bottom:20px;padding:22px}.app-shell[data-mode] h2,.modal h2{letter-spacing:-.015em;font-size:18px}.app-shell[data-mode] h3,.modal h3{font-size:14px}.app-shell[data-mode] .section-heading{gap:12px;margin-bottom:16px}.app-shell[data-mode] :is(.primary,.secondary),.modal :is(.primary,.secondary){box-shadow:none;border-radius:9px;min-height:40px;padding:9px 14px;font-size:13px}.app-shell[data-mode] .primary,.modal .primary{background:#2459b8}.app-shell[data-mode] .secondary,.modal .secondary{color:#40536c;background:#fff;border-color:#dfe5ed}.app-shell[data-mode] .secondary:hover,.modal .secondary:hover{background:#f4f7fb}.app-shell[data-mode] :is(input,select),.modal :is(input,select){border-color:#dfe5ed;border-radius:9px;font-size:14px}.app-shell[data-mode] label,.modal label{color:#627186;font-size:12px}.app-shell[data-mode] :is(input,select):focus-visible,.modal :is(input,select):focus-visible{outline-offset:2px;outline:2px solid #7ba4eb}.app-shell[data-mode] .count-badge{color:#718096;background:#f0f3f7;padding:4px 9px;font-size:11px}.app-shell[data-mode] .position-badge{border-radius:5px;font-size:11px}.app-shell[data-mode] .avatar{border-radius:50%}.app-shell[data-mode] .branch-dot.branch-1{background:#2459b8}.app-shell[data-mode] .branch-dot.branch-2{background:#a63368}.app-shell[data-mode] .hours-total{background:#f1f5fc;border-radius:12px;gap:12px;padding:18px 20px}.app-shell[data-mode] .hours-total strong{color:#2459b8;letter-spacing:-.035em;font-size:30px}.app-shell[data-mode] .hours-chart{border-color:var(--border);box-shadow:none;border-radius:12px;padding:18px}.app-shell[data-mode] .hours-charts{gap:16px}.app-shell[data-mode] .hours-filters{gap:14px;padding-bottom:20px}.app-shell[data-mode] th{color:#7a8799;background:#f8f9fb;font-size:11px;font-weight:500}.app-shell[data-mode] td{font-size:13px}.app-shell[data-mode] :is(td,th){border-color:#edf0f4}.app-shell[data-mode] .system-settings-grid{gap:16px}.app-shell[data-mode] .system-settings-grid>div{background:#fafbfd;border:1px solid #edf0f4;border-radius:12px;padding:18px}.app-shell[data-mode] .system-settings-grid p{font-size:12px;line-height:1.8}.app-shell[data-mode] .employee-compact-row{border-color:#edf0f4;padding:12px 4px}.app-shell[data-mode] .employee-compact-row>.avatar{width:34px;height:34px}.app-shell[data-mode] .employee-compact-name strong{font-size:13px}.app-shell[data-mode] .employee-compact-name small{color:#8691a0;font-size:11px}.app-shell[data-mode] .employee-settings-grid{align-items:start;gap:20px}.app-shell[data-mode] .employee-settings-grid .team-card{padding:22px}.app-shell[data-mode] .account-settings form{margin-top:20px}.app-shell[data-mode] .footnote{color:#8691a0;font-size:11px;line-height:1.8}.app-shell[data-mode] .workspace-footer{color:#929bab;border-color:#e9edf2;margin-top:24px;padding-top:18px;font-size:10px}.modal{border:1px solid #e5eaf0;border-radius:18px;box-shadow:0 24px 80px #142c4526}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1d304d66}.modal .icon-button{color:#758399;background:#f4f6f9;border-radius:10px}.app-shell[data-mode] .daily-expand-control{background:#f4f7fb;border-color:#e2e8f0;border-radius:9px;font-size:12px}.holiday-filter-control{white-space:nowrap;flex:none;align-items:center;gap:7px;display:inline-flex}.holiday-toggle{color:#a45318;cursor:pointer;background:#fff9f3;border:1px solid #f2d8c0;border-radius:9px;min-height:36px;padding:7px 11px;font-size:12px;font-weight:600}.holiday-toggle:hover,.holiday-toggle.active{color:#90420c;background:#fff0e1;border-color:#eabd93}.holiday-toggle svg{stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.holiday-marker{color:#a45318;background:#fff2e7;border-radius:999px;align-items:center;gap:4px;width:max-content;max-width:100%;min-height:22px;padding:3px 7px;font-size:10px;font-weight:600;line-height:1.2;display:flex}.holiday-marker svg{stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;flex:none}.day-cell.own-holiday:not(.selected){background:#fffdfa}.day-cell.own-holiday.selected{background:var(--calendar-soft)}.touch-holiday{display:none}.auth-form input{border-color:#dfe5ed;border-radius:10px}.auth-form .primary{box-shadow:none;background:#2459b8;border-radius:10px}@media (min-width:1101px){.app-shell[data-mode]{grid-template-columns:210px minmax(0,1fr)}.app-shell[data-mode] .workspace{width:100%;max-width:1440px;margin:0 auto;padding:30px clamp(24px,3vw,44px)}.app-shell[data-mode] .sidebar{color:#20334b;background:#fff;border-right:1px solid #e5eaf0;padding:26px 16px}.app-shell[data-mode] .sidebar .brand{color:#20334b;letter-spacing:-.025em;font-size:16px}.app-shell[data-mode] .sidebar .brand-mark{background:#2459b8;border-radius:10px;width:32px;height:32px}.app-shell[data-mode] .sidebar .brand small{color:#8a95a4}.app-shell[data-mode] .sidebar nav{gap:5px;margin-top:30px}.app-shell[data-mode] .sidebar :is(nav button,.nav-link){color:#6c7a8d;border-radius:9px;min-height:42px;padding:10px 12px;font-size:13px}.app-shell[data-mode] .sidebar :is(nav button.active,nav button:hover,.nav-link:hover){color:#2459b8;background:#edf3fc}.app-shell[data-mode] .sidebar :is(.sidebar-settings,.sidebar-bottom){border-color:#edf0f4}.app-shell[data-mode] .sidebar .sidebar-settings button{color:#6c7a8d;border-radius:9px}.app-shell[data-mode] .sidebar .sidebar-settings button:is(.active,:hover){color:#2459b8;background:#edf3fc}.app-shell[data-mode] .sidebar .mailbox-controls>button{color:#6c7a8d;background:#fafbfd;border-color:#e5eaf0;border-radius:9px;font-size:12px}.app-shell[data-mode] .sidebar :is(.user-info,.user-info strong){color:#20334b}.app-shell[data-mode] .sidebar :is(.user-info small,.logout){color:#8290a2}.app-shell[data-mode] .page-header{min-height:60px;margin-bottom:22px}.app-shell[data-mode] .employee-status h1{font-size:23px}.app-shell[data-mode] .employee-status .greeting-word{color:#8691a0;font-size:13px}.app-shell[data-mode] .employee-status>.avatar{width:42px;height:42px}.app-shell[data-mode] .header-branch-tabs{background:#e9edf3;border-radius:12px;gap:4px;padding:4px}.app-shell[data-mode] .header-branch-tabs button{color:#758399;min-height:38px;box-shadow:none;background:0 0;border:0;border-radius:9px;padding:8px 22px;font-size:13px}.app-shell[data-mode] .header-branch-tabs button.active{color:var(--calendar-accent);background:#fff;box-shadow:0 1px 5px #152a4310}.app-shell[data-mode] .schedule-card{box-shadow:none;border:1px solid #e3e8ef;border-radius:16px}.app-shell[data-mode] .calendar-toolbar{background:#fff;gap:12px;padding:18px 22px}.app-shell[data-mode] .month-control h2{font-size:22px}.app-shell[data-mode] .month-control .icon-button{color:#708096;background:#f5f7fa;border-radius:9px;width:36px;height:36px}.app-shell[data-mode] .refresh-note{color:#8a95a4;font-size:11px}.app-shell[data-mode] .filters{background:#fff;border-top:1px solid #f0f2f6;gap:14px;padding:14px 22px}.app-shell[data-mode] .filters select{height:40px}.app-shell[data-mode] .legend{gap:10px;font-size:11px}.app-shell[data-mode] .weekday-row{background:#fafbfd;border-color:#edf0f4}.app-shell[data-mode] .weekday-row span{color:#8a95a4;padding:9px 12px;font-size:11px}.app-shell[data-mode] .day-cell{border-color:#edf0f4;min-height:108px;padding:8px}.app-shell[data-mode] .day-cell.selected{background:var(--calendar-soft);box-shadow:inset 0 0 0 1px var(--calendar-border)}.app-shell[data-mode] .day-number{border-radius:50%;width:28px;height:28px;font-size:13px;line-height:28px}.app-shell[data-mode] .day-cell.selected .day-number{background:var(--calendar-accent);color:#fff}.app-shell[data-mode] .calendar-footer{color:#8a95a4;padding:12px 20px;font-size:11px}.app-shell[data-mode] .shift-list{border-color:#e5eaf0;border-radius:14px}.app-shell[data-mode] .shift-row{gap:14px;padding:16px 20px}.app-shell[data-mode] .shift-row>.avatar{width:38px;height:38px}.app-shell[data-mode] .shift-person strong,.app-shell[data-mode] .shift-time strong{font-size:14px}}@media (max-width:1100px){.app-shell[data-mode] .sidebar .sidebar-menu-zone nav{scrollbar-width:none;overflow-x:auto}.app-shell[data-mode] .sidebar .sidebar-menu-zone nav>*{white-space:nowrap;flex-shrink:0}.app-shell[data-mode] .sidebar .sidebar-menu-zone{align-items:center;display:flex}.app-shell[data-mode] .sidebar .sidebar-menu-zone nav{flex:1}.app-shell[data-mode] .sidebar .sidebar-menu-zone :is(.mailbox-controls,.sidebar-settings){flex-shrink:0}.app-shell[data-mode] .page-header h1{font-size:22px}}@media (max-width:700px){.app-shell[data-mode] .team-card,.app-shell[data-mode] .employee-settings-grid .team-card{border-radius:14px;margin-bottom:16px;padding:18px 14px}.app-shell[data-mode] .page-header{gap:12px;min-height:0;margin-bottom:18px}.app-shell[data-mode] .page-header h1{font-size:21px}.app-shell[data-mode] .page-header>.primary{padding:9px 12px;font-size:12px}.app-shell[data-mode] .hours-chart{padding:16px 12px}.app-shell[data-mode] .system-settings-grid>div{padding:14px}.app-shell[data-mode] .employee-settings-grid{gap:0}.app-shell[data-mode] .sidebar .sidebar-menu-zone{gap:4px}.app-shell[data-mode] .sidebar .sidebar-menu-zone nav{max-width:100%}.app-shell[data-mode] .sidebar .sidebar-menu-zone nav :is(button,.nav-link){padding:8px;font-size:11px}.app-shell[data-mode] .time-presets-settings td:nth-child(4){grid-area:auto/1/auto/-1}.holiday-filter-control{display:none}.app-shell[data-mode] .holiday-marker{justify-content:center;gap:2px;min-height:14px;padding:1px 4px;font-size:8px}.app-shell[data-mode] .holiday-marker svg{width:10px;height:10px}.app-shell[data-mode] .holiday-coverage-trigger{gap:2px;padding:1px 4px}.app-shell[data-mode] .holiday-label-desktop{display:none}.app-shell[data-mode] .holiday-label-mobile{display:inline}.app-shell[data-mode] .day-cell.own-holiday:not(.selected){background:#fffbf6}}.app-shell[data-mode] .admin-mode-status{border:0;padding-left:0}.app-shell[data-mode] .sidebar .user-info span{color:#8290a2}.app-shell[data-mode] .filters .highlight-me,.app-shell[data-mode] .filters .holiday-toggle,.app-shell[data-mode] .touch-calendar-actions .touch-chip,.app-shell[data-mode] .touch-calendar-actions .touch-holiday{color:#596a7f;white-space:nowrap;background:#fff;border:1px solid #e3e8ef;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:8px 12px;font-size:12px;font-weight:550;line-height:1.2;transition:background .16s,border-color .16s,color .16s;display:inline-flex;box-shadow:0 1px 2px #1c35500a}.app-shell[data-mode] .filters .highlight-me svg,.app-shell[data-mode] .filters .holiday-toggle svg,.app-shell[data-mode] .touch-calendar-actions .touch-chip svg,.app-shell[data-mode] .touch-calendar-actions .touch-holiday svg{flex:none;width:15px;height:15px}.app-shell[data-mode] .filters .highlight-me:is(:hover,.active),.app-shell[data-mode] .touch-calendar-actions .touch-chip:is(:hover,.active){color:#2459b8;background:#edf3fc;border-color:#cbdaf1}.app-shell[data-mode] .filters .highlight-me,.app-shell[data-mode] .touch-calendar-actions .touch-chip{color:#315f9f;background:#f3f7ff;border-color:#dce8fb}.app-shell[data-mode] .filters .highlight-me.active,.app-shell[data-mode] .touch-calendar-actions .touch-chip.active{color:#2459b8;background:#e7f0ff;border-color:#bcd2f5}.app-shell[data-mode] .filters .holiday-toggle,.app-shell[data-mode] .touch-calendar-actions .touch-holiday{color:#9a6338;background:#fffaf5;border-color:#f1e3d5}.app-shell[data-mode] .filters .holiday-toggle:is(:hover,.active),.app-shell[data-mode] .touch-calendar-actions .touch-holiday:is(:hover,.active){color:#9a4f17;background:#fff0e1;border-color:#edc9a6}.app-shell[data-mode] .filters .holiday-toggle.active,.app-shell[data-mode] .touch-calendar-actions .touch-holiday.active{color:#80420f;background:#ffe8d0;border-color:#d99b5e;box-shadow:inset 0 0 0 1px #edc9a6}.app-shell[data-mode] .filters :is(.highlight-me,.holiday-toggle):focus-visible,.app-shell[data-mode] .touch-calendar-actions :is(.touch-chip,.touch-holiday):focus-visible{outline-offset:2px;outline:2px solid #8fb3ec}.app-shell[data-mode] .touch-calendar-actions .touch-chip{flex:none}.app-shell[data-mode] .day-cell.own-holiday{background:#fffaf5;justify-content:center;align-items:center;gap:8px}.app-shell[data-mode] .day-cell.own-holiday:not(.selected):hover{background:#fff4e9}.app-shell[data-mode] .day-cell.own-holiday .day-number{align-self:center}.app-shell[data-mode] .day-cell.own-holiday .holiday-marker{justify-content:center;min-height:24px;padding:4px 9px;font-size:11px}.app-shell[data-mode] .day-cell.selected{background:var(--calendar-soft);box-shadow:inset 0 0 0 2px var(--calendar-accent)}.app-shell[data-mode] .day-cell.today:not(.selected){box-shadow:inset 0 3px 0 var(--calendar-accent)}.app-shell[data-mode] .day-cell.today:not(.selected) .day-number{background:var(--calendar-soft);color:var(--calendar-accent);box-shadow:inset 0 0 0 1.5px var(--calendar-accent)}.app-shell[data-mode] .day-cell.selected:focus-visible{outline:none}.app-shell[data-mode] .schedule-card .day-cell.selected:not(.today) .day-number{color:inherit;box-shadow:none;font-weight:inherit;background:0 0}.app-shell[data-mode] .schedule-card .day-cell.today .day-number{background:var(--calendar-soft);color:var(--calendar-accent);box-shadow:inset 0 0 0 1.5px var(--calendar-accent)}.app-shell[data-mode][data-branch] .schedule-card .calendar-toolbar{background:color-mix(in srgb,var(--calendar-soft) 58%,#fff)}.app-shell[data-mode=admin] .shift-chip.admin-draggable{cursor:grab}.app-shell[data-mode=admin] .shift-chip.admin-draggable:active{cursor:grabbing}.app-shell[data-mode=admin] .shift-chip.admin-draggable.touch-dragging{opacity:.58;z-index:3;transform:scale(.97);box-shadow:0 4px 14px #142c4530}.app-shell[data-mode=admin] .day-cell.touch-drop-target{background:var(--calendar-soft);box-shadow:inset 0 0 0 2px var(--calendar-accent)}.app-shell[data-mode=admin] .calendar-drag-ghost{z-index:10000;pointer-events:none;border:1px solid var(--drag-accent);border-left:4px solid var(--drag-accent);color:#20334b;opacity:.98;background:#fff;border-radius:11px;align-items:center;gap:9px;min-width:150px;max-width:230px;padding:9px 12px;display:flex;position:fixed;transform:translate(-50%,-125%);box-shadow:0 10px 28px #12253c35}.app-shell[data-mode=admin] .calendar-drag-ghost .avatar-tiny{flex:none;width:25px;height:25px}.app-shell[data-mode=admin] .calendar-drag-ghost>span{min-width:0;line-height:1.35;display:grid}.app-shell[data-mode=admin] .calendar-drag-ghost strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.app-shell[data-mode=admin] .calendar-drag-ghost small{color:#66788d;font-size:11px}.app-shell[data-mode=admin][data-branch="1"] .calendar-drag-ghost{--drag-accent:#2459b8}.app-shell[data-mode=admin][data-branch="2"] .calendar-drag-ghost{--drag-accent:#a63368}@media (max-width:1100px){.app-shell[data-mode=admin] .shift-chip.admin-draggable{touch-action:none}}.app-shell[data-mode] .mobile-count-label.is-me{border:1px solid var(--calendar-border);background:var(--calendar-soft);min-height:17px;color:var(--calendar-accent);border-radius:999px;justify-content:center;align-items:center;padding:2px 7px;font-size:9px;font-weight:700;line-height:1.2;display:inline-flex}.existing-day-shifts{background:#fafbfd;border:1px solid #e8edf3;border-radius:11px;gap:8px;padding:12px 14px;display:grid}.existing-day-shifts>div:first-child{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.existing-day-shifts>div:first-child strong{color:#40536c;font-size:13px}.existing-day-shifts small{color:#8793a2;font-size:11px}.existing-day-shift{background:#fff;border:1px solid #edf0f4;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.existing-day-shift>span{align-items:center;gap:10px;min-width:0;display:flex}.existing-day-shift>span strong{white-space:nowrap;font-size:13px}.existing-day-shift .text-button{min-height:34px;padding:4px 8px}.app-shell[data-mode] .review-banner{align-items:center;gap:16px}.app-shell[data-mode] .review-banner>span{gap:2px;display:grid}.app-shell[data-mode] .review-banner>span small{color:#956844;font-size:12px}.review-banner-actions{flex:none;align-items:center;gap:8px;display:flex}.app-shell[data-mode] .review-banner .review-summary-action,.app-shell[data-mode] .review-banner .review-close-action{white-space:nowrap;border-radius:9px;min-height:40px;padding:8px 13px;font-size:12px;font-weight:600}.app-shell[data-mode] .review-banner .review-summary-action{color:#fff;background:#ad5b20;border:1px solid #ad5b20;box-shadow:0 2px 5px #8e471b20}.app-shell[data-mode] .review-banner .review-summary-action:hover{background:#934914;border-color:#934914}.app-shell[data-mode] .review-banner .review-close-action{color:#805832;background:#fff;border:1px solid #e8c9a6}.app-shell[data-mode] .review-banner .review-close-action:hover{background:#fff8f0}.app-shell[data-mode] .touch-calendar-actions .touch-chip[aria-expanded]{color:#58677a;background:#f3f5f8;border-color:#e2e7ee}.app-shell[data-mode] .touch-calendar-actions .touch-chip[aria-expanded]:hover,.app-shell[data-mode] .touch-calendar-actions .touch-chip[aria-expanded=true]{color:#3f5065;background:#e9edf2;border-color:#cfd7e2}.app-shell[data-mode] .touch-calendar-actions .touch-chip[aria-expanded] svg{color:currentColor}@media (max-width:360px){.app-shell:is([data-mode=employee],[data-mode=admin]) .touch-calendar-actions .touch-chip{padding:8px 9px;font-size:10px}.app-shell:is([data-mode=employee],[data-mode=admin]) .touch-calendar-actions .touch-chip svg{width:14px;height:14px;display:block}}@media (max-width:700px){.app-shell:is([data-mode=employee],[data-mode=admin]) .review-banner{align-items:stretch}.app-shell:is([data-mode=employee],[data-mode=admin]) .review-banner-actions{flex-wrap:wrap;justify-content:flex-end;width:100%}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-cell.own-holiday{gap:3px}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-cell.own-holiday .holiday-marker{min-height:18px;padding:2px 5px;font-size:9px}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-cell.own-holiday .holiday-marker svg{width:11px;height:11px}}.app-shell[data-mode=employee]{--mode-accent:#2459b8;--mode-soft:#edf3fc;--mode-line:#dbe7f8}.app-shell[data-mode=admin]{--mode-accent:#ad5b20;--mode-soft:#fff2e7;--mode-line:#f2dfce;background:#fcf8f4}.app-shell[data-mode] .sidebar .brand-mark{background:var(--mode-accent)}.app-shell[data-mode] .sidebar .brand small{color:var(--mode-accent)}.app-shell[data-mode] .sidebar nav button:is(.active,:hover),.app-shell[data-mode] .sidebar .sidebar-menu-zone nav button:is(.active,:hover),.app-shell[data-mode] .sidebar .sidebar-settings>button:is(.active,:hover),.app-shell[data-mode] .sidebar .sidebar-menu-zone .sidebar-settings>button:is(.active,:hover){background:var(--mode-soft);color:var(--mode-accent)}.app-shell[data-mode] .primary{background:var(--mode-accent)}.app-shell[data-mode] .hours-total{background:var(--mode-soft)}.app-shell[data-mode] .hours-total strong,.app-shell[data-mode=admin] .admin-mode-status .eyebrow{color:var(--mode-accent)}.app-shell[data-mode] .sidebar .mode-switch{background:#f1f3f6;border:1px solid #e7ebf0;border-radius:10px;flex-shrink:0;order:-1;gap:3px;padding:3px;display:flex}.app-shell[data-mode] .sidebar .mode-link{color:#788599;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.4;text-decoration:none;display:flex}.app-shell[data-mode] .sidebar .mode-link:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.app-shell[data-mode] .sidebar .mode-employee.current{color:#2459b8;background:#fff;box-shadow:0 1px 4px #20334b0c}.app-shell[data-mode] .sidebar .mode-admin.current{color:#ad5b20;background:#fff;box-shadow:0 1px 4px #20334b0c}.app-shell[data-mode] .sidebar .mode-link:hover{background:#fff}.app-shell[data-mode] .sidebar .mode-link:focus-visible{outline:2px solid var(--mode-accent);outline-offset:2px}@media (min-width:1101px){.app-shell[data-mode] .sidebar .mode-switch{width:100%;margin-bottom:12px}.app-shell[data-mode] .sidebar .mode-link{flex:1}.app-shell[data-mode=admin] .sidebar{border-right-color:var(--mode-line);background:#fffcf8}}@media (max-width:1100px){.app-shell[data-mode=admin] .workspace{background:#fcf8f4}.app-shell[data-mode=admin] .sidebar{border-bottom-color:var(--mode-line);background:#fffcf8}.app-shell[data-mode] .sidebar .mode-switch{align-self:center;gap:2px;margin-right:5px;padding:2px}.app-shell[data-mode] .sidebar .mode-link{min-height:30px;padding:6px 8px;font-size:11px}}@media (min-width:1101px){.app-shell[data-mode] .workspace{padding:20px 32px 14px}.app-shell[data-mode] .page-header{margin-bottom:16px}.app-shell[data-mode] .schedule-card[data-details-open=true] .calendar-toolbar{padding:12px 20px 10px}.app-shell[data-mode] .schedule-card[data-details-open=true] .filters{gap:10px;padding:0 20px 10px}.app-shell[data-mode] .schedule-card[data-details-open=true] .filters label{gap:3px;font-size:12px}.app-shell[data-mode] .schedule-card[data-details-open=true] .filters select{height:34px;font-size:13px}.app-shell[data-mode] .schedule-card[data-details-open=true] .weekday-row span{padding-top:7px;padding-bottom:7px}.app-shell[data-mode] .schedule-card[data-details-open=true] .day-cell{gap:2px;min-height:112px;padding:5px 7px}.app-shell[data-mode] .schedule-card[data-details-open=true] .day-number{width:23px;height:23px;margin-bottom:0;font-size:12px;line-height:23px}.app-shell[data-mode] .schedule-card[data-details-open=true] .day-shifts{gap:2px}.app-shell[data-mode] .schedule-card[data-details-open=true] .shift-chip{padding:1px 5px;font-size:12px;line-height:1.2}.app-shell[data-mode] .schedule-card[data-details-open=true] .more-shifts{font-size:10px;line-height:1}.app-shell[data-mode] .day-details{margin-top:12px}.app-shell[data-mode] .day-details .section-heading{margin-bottom:6px}.app-shell[data-mode] .day-details .shift-row{gap:8px;min-height:48px;padding:4px 10px}.app-shell[data-mode] .day-details .shift-row>.avatar{width:32px;height:32px}.app-shell[data-mode] .day-details .shift-person{white-space:nowrap;align-items:center;gap:6px;min-width:0;display:flex}.app-shell[data-mode] .day-details .shift-person strong{font-size:13px}.app-shell[data-mode] .day-details .position-badge{padding:1px 5px;font-size:10px}.app-shell[data-mode] .day-details .branch-label{min-width:0;font-size:12px}.app-shell[data-mode] .day-details .shift-time{min-width:0}.app-shell[data-mode] .day-details .shift-time small{display:none}.app-shell[data-mode] .day-details .row-actions{gap:4px;margin-left:0}.app-shell[data-mode] .day-details .row-actions .text-button{min-height:28px;padding:3px;font-size:12px}}.app-shell[data-mode] .day-details .row-actions .text-button{color:#2459b8;background:#f3f7ff;border:1px solid #d5e2f3;border-radius:8px;min-height:32px;padding:5px 11px;font-size:12px;font-weight:600;line-height:1.2;transition:background .15s,border-color .15s}.app-shell[data-mode] .day-details .row-actions .text-button:hover{background:#e8f0ff;border-color:#aac5ed}.app-shell[data-mode] .day-details .row-actions .text-button.danger{color:#ad3d49;background:#fff5f5;border-color:#efd5d8}.app-shell[data-mode] .day-details .row-actions .text-button.danger:hover{color:#992d39;background:#ffebed;border-color:#e7b8be}.app-shell[data-mode] .calendar-footer-hint-only{justify-content:flex-end}.app-shell .employee-status-copy{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 10px;min-width:0;display:grid}.app-shell .employee-status-copy h1{flex-wrap:wrap;grid-column:1/-1;align-items:baseline;gap:8px;margin:0;font-size:23px;line-height:1.25;display:flex}.app-shell .employee-status-copy .greeting-word{color:#758399;font-weight:400;line-height:inherit;font-size:14px!important;display:inline!important}.app-shell .employee-status-copy .employee-name{font-size:inherit;letter-spacing:-.02em;color:#172f4d;font-weight:650}.app-shell .employee-status-copy .welcome-message{color:#758399;grid-column:1;margin:0;font-size:13px;line-height:1.5}.app-shell .employee-status-copy .position-badge{border-radius:7px;grid-area:2/2;justify-self:end;margin:0;padding:3px 8px;font-size:11px;line-height:1.4}@media (max-width:700px){.app-shell .employee-status-copy{gap:3px 8px}.app-shell .employee-status-copy h1{gap:7px;font-size:20px}.app-shell .employee-status-copy .greeting-word{font-size:12px!important}.app-shell .employee-status-copy .welcome-message{font-size:12px}.app-shell .employee-status-copy .position-badge{padding:2px 7px;font-size:10px}}.app-shell[data-mode] .employee-status{align-items:center}.app-shell[data-mode] .employee-status>.avatar{border-radius:50%;flex:0 0 52px;width:52px;height:52px}.app-shell[data-mode] .employee-status-copy{min-height:52px}@media (max-width:700px){.app-shell[data-mode] .employee-status>.avatar{flex-basis:48px;width:48px;height:48px}.app-shell[data-mode] .employee-status-copy{min-height:48px}}@media (min-width:1101px){.app-shell[data-mode] .day-cell.own-holiday{justify-content:flex-start;align-items:stretch}.app-shell[data-mode] .day-cell.own-holiday .day-number{align-self:flex-end}.app-shell[data-mode] .day-cell.own-holiday .holiday-marker{align-self:center;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.app-shell[data-mode] .holiday-person-preview{color:#687a8f;align-items:center;gap:8px;margin-top:3px;font-size:12px;line-height:1.4;display:flex}.app-shell[data-mode] .holiday-person-preview .avatar{border-radius:50%;flex:0 0 26px;width:26px;height:26px}.app-shell[data-mode] .holiday-person-preview strong{color:#283d55;font-weight:650}.app-shell[data-mode] .day-cell.own-holiday.unscheduled-day{background:#f3f5f7}.app-shell[data-mode] .day-cell.own-holiday.unscheduled-day:not(.selected):hover{background:#e9edf1}.app-shell[data-mode] .holiday-marker.unassigned-day{color:#778391;background:#eef1f4}.app-shell[data-mode] .shift-preset-note{color:#7d8996;white-space:nowrap;text-overflow:ellipsis;background:#f2f5f8;border-radius:999px;width:max-content;max-width:100%;margin-top:3px;padding:1px 6px;font-weight:500;line-height:1.4;overflow:hidden;font-size:10px!important;display:block!important}.app-shell[data-mode] .day-details .shift-time small.shift-preset-note{max-width:150px;padding:1px 5px;display:block;font-size:9px!important}@media (min-width:701px){.app-shell[data-mode] .day-details .shift-row{grid-template-rows:auto;grid-template-columns:36px minmax(160px,1fr) minmax(260px,290px) 112px;gap:0 12px;min-height:48px;padding:4px 12px}.app-shell[data-mode] .day-details .shift-row>.avatar{grid-area:1/1;width:32px;height:32px}.app-shell[data-mode] .day-details .shift-row>.shift-person{white-space:normal;grid-area:1/2;align-items:center;gap:6px;min-width:0;display:flex}.app-shell[data-mode] .day-details .shift-row>.branch-label{display:none}.app-shell[data-mode] .day-details .shift-row>.shift-time{grid-area:1/3;align-self:center}.app-shell[data-mode] .day-details .shift-time{grid-template-columns:minmax(0,1fr) max-content;justify-content:end;align-items:center;gap:3px 6px;min-width:0;line-height:1.2;display:grid}.app-shell[data-mode] .day-details .shift-time strong{white-space:nowrap;color:#183b66;grid-column:1/-1;justify-self:end;font-size:14px;line-height:1.25;display:block}.app-shell[data-mode] .day-details .shift-time small{white-space:nowrap;vertical-align:middle;text-align:center;max-width:100%;font-size:10px;line-height:1.2;display:inline-block}.app-shell[data-mode] .day-details .shift-time small.shift-preset-note{text-overflow:ellipsis;color:#28589f;vertical-align:middle;background:#edf4ff;border:1px solid #d8e6fb;border-radius:999px;justify-self:end;max-width:130px;margin:0;padding:2px 7px;font-weight:600;overflow:hidden;font-size:10px!important}.app-shell[data-mode] .day-details .shift-time small:not(.shift-preset-note){color:#536579;background:#f5f7fa;border:1px solid #e3e8ef;border-radius:999px;justify-self:end;padding:2px 7px;font-weight:600}.app-shell[data-mode] .day-details .shift-row>.row-actions{grid-area:1/4;justify-content:flex-end;align-self:center;gap:6px}}@media (min-width:701px) and (max-width:900px){.app-shell[data-mode] .day-details .shift-row{grid-template-rows:auto;grid-template-columns:36px minmax(90px,1fr) minmax(220px,240px) 104px;gap:0 8px;min-height:48px;padding:4px 10px}.app-shell[data-mode] .day-details .shift-time strong{font-size:12px}.app-shell[data-mode] .day-details .shift-time small{font-size:9px}.app-shell[data-mode] .day-details .shift-time small.shift-preset-note{max-width:96px;padding:2px 5px;font-size:9px!important}.app-shell[data-mode] .day-details .shift-row>.avatar{grid-area:1/1;width:32px;height:32px}.app-shell[data-mode] .day-details .shift-row>.shift-person{grid-area:1/2}.app-shell[data-mode] .day-details .shift-row>.branch-label{display:none}.app-shell[data-mode] .day-details .shift-row>.shift-time{grid-area:1/3}.app-shell[data-mode] .day-details .shift-row>.row-actions{grid-area:1/4;gap:4px}.app-shell[data-mode] .day-details .row-actions .text-button{padding:4px 7px;font-size:11px}}@media (max-width:700px){.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-row{grid-template-rows:auto;grid-template-columns:32px minmax(76px,1fr) minmax(126px,1fr) auto;align-items:center;gap:0 8px;min-height:48px;padding:5px 9px}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-row>.avatar{grid-area:1/1;width:32px;height:32px}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-row>.shift-person{white-space:normal;flex-flow:wrap;grid-area:1/2;justify-content:flex-start;align-items:center;gap:4px;min-width:0;line-height:1.2;display:flex}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-person strong{overflow-wrap:anywhere;font-size:11px}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-person .position-badge{padding:0 4px;font-size:8px;line-height:1.4}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-row>.branch-label{display:none}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-row>.shift-time{text-align:right;grid-area:1/3;grid-template-columns:minmax(0,1fr) max-content;place-content:center end;align-items:center;gap:3px 4px;min-width:0;max-width:none;line-height:1.15;display:grid}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-time strong{white-space:nowrap;color:#183b66;grid-column:1/-1;justify-self:end;font-size:12px;line-height:1.2;display:block}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-time small{white-space:nowrap;vertical-align:middle;text-align:center;max-width:100%;font-size:9px;line-height:1.15;display:inline-block}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-time small.shift-preset-note{text-overflow:ellipsis;color:#28589f;background:#edf4ff;border:1px solid #d8e6fb;border-radius:999px;justify-self:end;max-width:92px;margin:0;padding:2px 5px;font-weight:600;overflow:hidden;font-size:9px!important}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-time small:not(.shift-preset-note){color:#536579;background:#f5f7fa;border:1px solid #e3e8ef;border-radius:999px;justify-self:end;padding:2px 5px;font-weight:600}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-row>.row-actions{border:0;flex-direction:row;grid-area:1/4;justify-content:flex-end;align-self:center;gap:3px;width:auto;margin:0;padding:0}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-row .text-button{white-space:nowrap;min-height:24px;padding:2px 5px;font-size:10px}}@media (max-width:370px){.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-row{grid-template-columns:28px minmax(62px,1fr) minmax(106px,1fr) auto;gap:0 5px;padding:4px 6px}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-row>.avatar{width:28px;height:28px}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-time strong{font-size:9px}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-row .text-button{min-height:21px;padding:2px 3px;font-size:8px}}.app-shell[data-mode] .day-details .shift-time{white-space:nowrap;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.app-shell[data-mode] .day-details .shift-time strong{white-space:nowrap;color:#183b66;flex:none;font-size:14px;line-height:1.25;display:block}.app-shell[data-mode] .day-details .shift-time small.shift-preset-note{text-overflow:ellipsis;white-space:nowrap;color:#28589f;background:#edf4ff;border:1px solid #d8e6fb;border-radius:999px;flex:0 auto;max-width:112px;margin:0;padding:2px 7px;font-weight:600;line-height:1.2;overflow:hidden;font-size:10px!important;display:inline-block!important}.app-shell[data-mode] .day-details .shift-time small:not(.shift-preset-note){display:none!important}@media (max-width:700px){.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-row{grid-template-rows:auto auto;grid-template-columns:32px minmax(0,1fr) auto;gap:2px 8px;min-height:52px;padding:5px 9px}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-row>.avatar{grid-area:1/1;width:32px;height:32px}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-row>.shift-person{flex-wrap:wrap;grid-area:1/2;align-items:center;gap:4px;min-width:0;display:flex}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-row>.branch-label{display:none}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-row>.row-actions{border:0;flex-direction:row;grid-area:1/3;align-self:center;gap:3px;width:auto;margin:0;padding:0}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-row>.shift-time{grid-area:2/2/auto/4;justify-content:flex-end;gap:6px;min-width:0}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-time strong{font-size:11px}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-time small.shift-preset-note{max-width:clamp(64px,28vw,112px);padding:2px 5px;font-size:9px!important}}@media (max-width:370px){.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-row{grid-template-columns:28px minmax(0,1fr) auto;gap:2px 5px;padding:4px 6px}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-row>.avatar{width:28px;height:28px}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-time small.shift-preset-note{max-width:clamp(54px,24vw,84px);padding:1px 4px;font-size:8px!important}}.app-shell[data-mode] .day-details .shift-time small.shift-preset-note{text-overflow:clip;white-space:normal;flex:0 auto;width:auto;min-width:0;max-width:none;overflow:visible}@media (min-width:701px){.app-shell[data-mode] .day-details .shift-row{grid-template-columns:36px minmax(160px,1fr) minmax(260px,1fr) 112px}.app-shell[data-mode] .day-details .shift-time{white-space:normal}}@media (min-width:481px) and (max-width:700px){.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-row{grid-template-rows:auto;grid-template-columns:32px minmax(88px,1fr) minmax(130px,1.2fr) auto;gap:0 8px;min-height:54px;padding:6px 10px}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-row>.avatar{grid-area:1/1;width:32px;height:32px}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-row>.shift-person{flex-wrap:wrap;grid-area:1/2;align-items:center;gap:4px;min-width:0;display:flex}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-row>.branch-label{display:none}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-row>.shift-time{text-align:left;white-space:normal;grid-area:1/3;justify-content:flex-start;gap:6px;min-width:0}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-time strong{font-size:11px}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-time small.shift-preset-note{max-width:100%;padding:2px 5px;font-size:8px!important}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-row>.row-actions{border:0;flex-direction:row;grid-area:1/4;align-self:center;gap:3px;width:auto;margin:0;padding:0}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-row .text-button{white-space:nowrap;min-height:24px;padding:2px 5px;font-size:9px}}@media (max-width:700px){.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-time{white-space:nowrap;flex-flow:row;justify-content:flex-end;align-items:center;gap:5px;display:flex}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-time strong{white-space:nowrap;flex:none;grid-column:auto;justify-self:auto;font-size:11px}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-time small.shift-preset-note{white-space:nowrap;text-overflow:clip;flex:0 auto;max-width:none;overflow:visible;font-size:9px!important}}@media (max-width:370px){.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-time{gap:3px}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-time strong{font-size:10px}.app-shell:is([data-mode=employee],[data-mode=admin]) .day-details .shift-time small.shift-preset-note{padding:1px 4px;font-size:8px!important}}@media (max-width:700px){.app-shell[data-mode] .day-details .empty-state{gap:6px;padding:12px 10px}.app-shell[data-mode] .day-details .empty-icon{border-radius:9px;width:34px;height:34px}.app-shell[data-mode] .day-details .empty-icon svg{width:18px;height:18px}.app-shell[data-mode] .day-details .empty-state h3{margin:0;font-size:14px;line-height:1.4}.app-shell[data-mode] .day-details .empty-state p{margin:0;font-size:12px;line-height:1.5}.app-shell[data-mode] .day-details .empty-state button{min-height:34px;margin-top:0;padding:7px 10px;font-size:12px}}.app-shell[data-mode] .day-details .row-actions .row-icon-button{color:#285bb3;background:#f4f8ff;border:1px solid #d7e3f3;border-radius:9px;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.app-shell[data-mode] .day-details .row-actions .row-icon-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.app-shell[data-mode] .day-details .row-actions .row-icon-button:hover{background:#e8f0ff;border-color:#b8ccef}.app-shell[data-mode] .day-details .row-actions .row-icon-button.delete{color:#b04450;background:#fff7f7;border-color:#efdadd}.app-shell[data-mode] .day-details .row-actions .row-icon-button.delete:hover{background:#ffeded;border-color:#e9c0c5}.app-shell[data-mode] .day-details .row-actions .row-icon-button:active{transform:scale(.96)}@media (max-width:700px){.app-shell[data-mode] .day-details .row-actions .row-icon-button{border-radius:8px;width:30px;min-width:30px;height:30px;min-height:30px}}.app-shell~.app-loading,.app-loading{color:#183550;background:radial-gradient(at 50% 42%,#eaf1fb 0,#0000 42%),#f6f8fb;gap:0;min-height:100svh;padding:24px}.app-loading-brand{flex-direction:column;align-items:center;gap:16px;display:flex}.app-loading-mark{color:#fff;background:#245bb8;border-radius:17px;place-items:center;width:56px;height:56px;animation:2.2s ease-in-out infinite app-loading-breathe;display:grid;box-shadow:0 9px 22px #245bb826}.app-loading-mark svg{width:23px;height:23px}.app-loading-brand h1{letter-spacing:.015em;color:#1b344f;font-size:30px;font-weight:750;line-height:1.2}.app-loading-copy{text-align:center;flex-direction:column;align-items:center;gap:5px;min-height:96px;margin-top:22px;display:flex}.app-loading-copy>p{color:#3d5876;font-size:14px;font-weight:600}.app-loading-copy>span{color:#8795a8;font-size:12px}.app-loading-track{background:#dfe7f1;border-radius:99px;width:168px;height:3px;margin-top:14px;position:relative;overflow:hidden}.app-loading-track span{border-radius:inherit;background:#2763c7;width:42%;animation:1.35s ease-in-out infinite app-loading-sweep;position:absolute;inset:0 auto 0 0}.app-loading-copy .app-loading-error{color:#aa3542;max-width:min(420px,100vw - 40px);font-weight:500}.app-loading-copy .secondary{min-height:38px;margin-top:8px}@keyframes app-loading-sweep{0%{transform:translate(-110%)}to{transform:translate(410%)}}@keyframes app-loading-breathe{0%,to{transform:translateY(0);box-shadow:0 9px 22px #245bb826}50%{transform:translateY(-2px);box-shadow:0 12px 26px #245bb833}}@media (prefers-reduced-motion:reduce){.app-loading-mark,.app-loading-track span{animation:none}.app-loading-track span{opacity:.65;width:100%}}
.login-page{color:#20334b;background:radial-gradient(at 50% 0,#edf3fc 0,#0000 65%),#f8fafc;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:40px 24px;display:flex}.login-brand{letter-spacing:-.025em;align-items:center;gap:10px;margin-bottom:30px;font-size:18px;display:flex}.login-brand-icon{color:#fff;background:#2459b8;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.login-card{background:#fff;border:1px solid #e5eaf1;border-radius:22px;width:100%;max-width:420px;padding:34px;box-shadow:0 12px 40px #20334b06}.login-heading{margin-bottom:26px}.login-eyebrow{color:#8390a2;font-size:12px}.login-heading h1{letter-spacing:-.03em;margin:7px 0;font-size:26px;line-height:1.4}.login-heading p{color:#8390a2;margin:7px 0 0;font-size:13px}.login-form,.login-form fieldset{border:0;gap:18px;min-width:0;margin:0;padding:0;display:grid}.login-form label{color:#627186;flex-direction:column;gap:8px;font-size:12px;font-weight:500;display:flex}.login-form :is(input:not([type=checkbox]):not([type=hidden]),select){color:#20334b;background:#fff;border:1px solid #dfe5ed;border-radius:10px;width:100%;min-width:0;height:46px;padding:10px 12px;font-size:16px}.login-form :is(input,button,select):focus-visible{outline-offset:3px;outline:2px solid #7ba4eb}.login-password{position:relative}.login-form .login-password input{padding-right:46px}.login-password-toggle{color:#8592a4;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:absolute;top:4px;right:4px}.login-password-toggle:hover{background:#f4f7fb}.login-form .login-remember{cursor:pointer;flex-direction:row;align-items:center;gap:8px;font-size:12px;font-weight:400;display:flex}.login-remember input{accent-color:#2459b8;width:16px;height:16px;margin:0}.login-remember small{color:#97a1af;margin-left:auto;font-size:11px}.login-submit{color:#fff;background:#2459b8;border:0;border-radius:10px;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.login-submit:hover{background:#204fa4}.login-submit:disabled{opacity:.6}.login-account{background:#f5f8fc;border:1px solid #e8edf4;border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.login-account .avatar{border-radius:50%;width:36px;min-width:36px;height:36px;font-size:16px}.login-account>div{min-width:0}.login-account strong{overflow-wrap:anywhere;font-size:15px;display:block}.login-account small{color:#8a96a6;margin-top:3px;font-size:10px;display:block}.login-account-actions{justify-content:space-between;gap:12px;padding-top:4px;display:flex}.login-account-actions button,.login-back-account{color:#718096;background:0 0;border:0;min-height:34px;padding:5px 0;font-size:12px}.login-account-actions button:hover,.login-back-account:hover{color:#2459b8}.login-back-account{overflow-wrap:anywhere}.login-error{color:#b3403a;background:#fff1f0;border-radius:8px;margin:0;padding:10px 12px;font-size:12px;line-height:1.7}.login-footer{letter-spacing:.035em;color:#9ba6b5;flex-direction:column;align-items:center;gap:5px;margin-top:26px;font-size:10px;display:flex}.login-footer span{letter-spacing:0;font-size:10px}.login-footer-powered strong{color:#334155;font-weight:700}.login-footer-brand{align-items:center;gap:6px;font-weight:600;display:flex;color:#51647b!important;letter-spacing:.06em!important;font-size:12px!important}.login-footer-brand i{color:#91a0b2;font-size:11px;font-style:normal;font-weight:400}.login-footer-tagline{color:#9ba6b5}@media (max-width:600px){.login-page{padding:28px 20px}.login-brand{margin-bottom:26px;font-size:16px}.login-card{border-radius:18px;padding:26px 22px}.login-heading h1{font-size:24px}.login-heading{margin-bottom:22px}}