/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("/manrope-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("/manrope-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("/manrope-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Corta Office / visual system 2026-10-30. Component behavior stays in style.css. */
:root{--blue:#1263ee;--blue-dark:#0b50ce;--ink:#17243b;--muted:#65738a;--line:#e2e8f1;--canvas:#f2f5fa;--radius:18px;--motion:180ms;--navy:#15243d;--surface:#fff;--ease-out:cubic-bezier(.2,.75,.25,1)}
body{font-family:Manrope,'Segoe UI',sans-serif;font-size:14px;line-height:1.5;font-feature-settings:'ss01' on;background:var(--canvas)}
h1{font-size:32px;font-weight:800;letter-spacing:-1.1px;line-height:1.25}h2{font-size:17px;font-weight:750;letter-spacing:-.45px}h3{font-weight:750}strong{font-weight:700}small{font-size:12px;color:var(--muted)}
button,input,textarea,select{font-family:inherit}button,a{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}:focus-visible{outline:3px solid #1263ee;outline-offset:4px}input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px #1263ee13}
.skip-link{position:fixed;left:20px;top:-80px;background:var(--navy);color:#fff;padding:12px 18px;border-radius:12px;z-index:1001}.skip-link:focus{top:12px}
.layout{grid-template-columns:248px minmax(0,1fr);transition:none}.sidebar{padding:34px 18px 22px;background:#fff;border-right:1px solid var(--line)}.sidebar .brand{padding:0 17px;justify-content:flex-start;gap:10px}.sidebar .brand-logo{width:146px;display:block}.sidebar .brand::before{display:none}.brand-office{display:inline-block;text-transform:lowercase;font-size:12px;letter-spacing:-.3px;color:#65738a;padding-top:13px}.nav-caption{margin:44px 16px 14px;font-size:10px;letter-spacing:1.1px;text-transform:uppercase;font-weight:750;color:#778398}.sidebar nav{margin-top:0;gap:7px}.nav-item{font-size:13px;font-weight:650;color:#65738a;min-height:48px;border-radius:12px;padding:13px 16px;gap:12px;transition:background 180ms,color 180ms,transform 180ms}.nav-item .icon{width:20px;height:20px;stroke-width:1.7}.nav-item:hover{background:#f1f5fb;color:#203957;transform:translateX(2px)}.nav-item.active{background:var(--navy);color:#fff;box-shadow:0 6px 15px #17243b16}.nav-item.active .icon{color:#75adff}.nav-item.active::before{display:none}.nav-item small{color:#647a96;background:#eaf0f9;font-size:11px;min-width:22px;text-align:center;padding:3px 6px;border-radius:6px}.nav-item.active small{background:#ffffff1c;color:white}
.sidebar-bottom>.control-wrap{margin-bottom:14px}.sidebar-bottom>.control-wrap .control-trigger{font-size:11px;background:#f5f7fb;border:0}.profile{padding:20px 5px 0;gap:11px}.profile strong{font-size:13px;color:var(--ink)}.profile small{font-size:11px;color:var(--muted);line-height:1.5}.avatar{width:38px;height:38px;border-radius:12px;font-size:12px;font-weight:750;color:#3c63a0;background:#edf3ff;border:1px solid #e0e9fa}.profile .avatar{background:#eaf2ff;color:#155dc7}.profile .icon-btn{min-width:32px}
.topbar{height:80px;background:#ffffffb8;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:0 34px;color:var(--muted);font-size:12px}.topbar .topbar-left{gap:16px}.topbar>div{gap:18px}.workspace-crumb{display:flex;align-items:center;gap:12px;color:#748198}.workspace-crumb>span{color:#bbc6d6}.workspace-crumb strong{font-size:12px;color:#2c3c55;font-weight:650}.today-date{display:flex;align-items:center;gap:7px;font-size:12px;color:#65738a}.today-date .icon{width:15px;height:15px}.topbar .avatar{width:34px;height:34px;border-radius:10px;font-size:11px}.sidebar-toggle{background:#fff;border:1px solid var(--line);width:34px;height:34px;color:#5f708b}
.content{width:100%;max-width:1630px;padding:32px 34px 48px;margin:0 auto;animation:none;outline:none}.pagehead{margin-bottom:25px;gap:20px}.page-intro p{color:var(--muted);font-size:13px;margin-top:7px;line-height:1.6}.pagehead .actions{gap:10px}.actions>.control-wrap{width:185px}.actions>.control-wrap .control-trigger{min-height:44px;background:#fff}
.btn{font-size:12px;font-weight:750;min-height:44px;border-radius:11px;padding:11px 16px;color:#42536d;border:1px solid #dbe3ee;background:#fff;gap:8px;box-shadow:0 2px 3px #17243b03;transition:background 160ms,border-color 160ms,box-shadow 180ms,transform 120ms}.btn:hover{background:#fff;border-color:#a6bddb;box-shadow:0 5px 12px #17243b09;transform:translateY(-1px)}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 5px 12px #1263ee22}.btn.primary:hover{background:var(--blue-dark);border-color:var(--blue-dark);box-shadow:0 7px 18px #1263ee30}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:none}.btn .icon{width:17px;height:17px}.btn.danger{background:#cf3549;border-color:#cf3549;color:#fff}.btn.selected{background:#eaf1ff;color:#1156ca;border-color:#c6d8fa}.icon-btn{width:34px;min-width:34px;height:34px;min-height:34px;border-radius:9px;color:#65758d}.icon-btn:hover{background:#eaf1ff;color:#1263ee}.text-btn,.linkbtn{font-size:12px;font-weight:750}.text-btn .icon{transition:transform 180ms}.text-btn:hover .icon{transform:translateX(3px)}
.overview-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;isolation:isolate;overflow:hidden;padding:27px 32px;margin-bottom:24px;border:1px solid #dbe6f9;border-radius:20px;background:linear-gradient(105deg,#e8f1ff 0%,#f3f7ff 64%,#e1eeff 100%)}.overview-hero::before{content:'';position:absolute;z-index:-1;width:450px;height:450px;right:-100px;top:-210px;border:1px solid #b9d3fa77;border-radius:50%;box-shadow:0 0 0 45px #bfd6fa1a,0 0 0 90px #bfd6fa13}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#406797;display:inline-flex;align-items:center;gap:8px}.eyebrow>i{width:6px;height:6px;border-radius:50%;background:#1263ee}.hero-copy{max-width:490px}.hero-copy h2{font-size:28px;line-height:1.3;font-weight:800;letter-spacing:-.9px;margin-top:10px;color:#172d4d}.hero-copy p{font-size:12px;color:#5b718f;line-height:1.8;max-width:390px;margin-top:7px}.hero-month{display:flex;gap:7px;align-items:center;font-size:11px;font-weight:650;color:#3d628f;margin-top:15px}.hero-month .icon{width:14px;height:14px}.hero-progress{display:flex;gap:20px;align-items:center;flex-shrink:0;margin-right:8px}.progress-orbit{position:relative;width:106px;height:106px;display:grid;place-items:center}.progress-orbit svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.progress-orbit circle{fill:none;stroke-width:7}.orbit-track{stroke:#d6e5fa}.orbit-value{stroke:var(--blue);stroke-linecap:round;animation:orbit-draw 900ms var(--ease-out) both}.progress-orbit>strong{font-size:24px;font-weight:800;color:#183c6a;letter-spacing:-1px}.hero-progress-copy{display:grid;gap:5px;min-width:145px}.hero-progress-copy small{color:#587394;font-size:11px}.hero-progress-copy strong{font-size:19px;letter-spacing:-.6px;color:#183653}.hero-progress-copy>span{color:#536e8d;font-size:10px}.hero-support-mark{position:relative;display:grid;place-items:center;width:120px;height:120px;margin-right:30px;background:#d4e6ff80;border-radius:50%;flex-shrink:0}.hero-support-mark>.icon{width:46px;height:46px;color:#1263ee}.support-orbit{position:absolute;inset:-15px;border:1px solid #1263ee20;border-radius:50%}
.stats{gap:17px;margin-bottom:24px}.stat{border:1px solid #e0e7f0;border-radius:17px;padding:21px 22px;min-height:149px;box-shadow:0 4px 9px #1b2a4403;transition:border-color 180ms,box-shadow 180ms,transform 180ms}.stat:hover{transform:translateY(-3px);border-color:#bfd0e9;box-shadow:0 9px 24px #17243b09}.stat-label{font-size:12px;font-weight:600;color:#5a6c85;gap:8px}.stat-label .icon{box-sizing:content-box;padding:9px;width:17px;height:17px;border-radius:10px;color:#3974db;background:#edf3ff}.stat[data-tone="percent"] .stat-label .icon{color:#8970c3;background:#f2eefc}.stat[data-tone="users"] .stat-label .icon{color:#087b70;background:#e8f6f3}.stat[data-tone="calendar"] .stat-label .icon,.stat[data-tone="clock"] .stat-label .icon{color:#bc7418;background:#fff3df}.stat>strong{font-size:29px;font-weight:800;line-height:1.25;letter-spacing:-1.05px;color:#1b2e4b;margin-top:12px;overflow-wrap:normal;font-variant-numeric:tabular-nums}.stat>small{font-size:11px;color:#6f8098;line-height:1.5;margin-top:7px}.stats>.stat:first-child{background:var(--navy);border-color:var(--navy);box-shadow:0 7px 16px #17243b15}.stats>.stat:first-child .stat-label{color:#c2d1e6}.stats>.stat:first-child .stat-label .icon{background:#ffffff12;color:#9ac2ff}.stats>.stat:first-child>strong{color:white}.stats>.stat:first-child>small{color:#b2c4dd}.stats-animated .stat{animation:none}
.panel{border:1px solid #dfe6ef;border-radius:18px;background:#fff;box-shadow:0 3px 5px #17243b02}.panelhead{padding:22px 24px 18px;min-height:68px}.panelhead h2{font-size:15px;font-weight:800}.panelbody{padding:0 24px 23px}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:22px;margin-bottom:24px}.legend{font-size:11px;color:#697b94;font-weight:500}.legend i{width:7px;height:7px}.chart{height:240px}.chart text{fill:#74849c;font-family:inherit;font-size:10px}.chart .gridline{stroke:#e4ebf5;stroke-dasharray:3 5}.chart .curve{stroke-width:3;stroke-linecap:round;stroke:var(--blue);stroke-dasharray:2000;stroke-dashoffset:0;animation:chart-reveal 950ms var(--ease-out) both}.chart .curve.draw{animation:chart-reveal 950ms var(--ease-out) both}.chart .bar-fact{fill:var(--blue)}.chart .plan-line{stroke:#cb861f}.chart .bar-plan{fill:#e7edf7}.leader[data-action]{padding:16px 9px;margin:0 -9px;border-radius:10px}.leader-name{font-size:12px;color:#354965}.leader-name strong{font-size:12px;color:#1e3351;font-weight:800}.leader .avatar{width:33px;height:33px;border-radius:10px}.leader small{font-size:10px;color:#76879e}.leader progress{height:5px}.leader progress::-webkit-progress-value{background:#4386f5}.leader:nth-child(2) .avatar{background:#f0edfc;color:#7c61b0}.leader:nth-child(3) .avatar{background:#eaf7f2;color:#39806a}
.tablewrap{scrollbar-width:thin;scrollbar-color:#c5d3e5 transparent;overscroll-behavior-x:contain}table{font-size:12px}th{background:#f8fafd;border-top:1px solid #edf1f7;color:#6d7d94;font-size:10px;letter-spacing:.25px;font-weight:750;padding:14px 21px}td{padding:18px 21px;color:#566982;border-bottom:1px solid #edf1f7;line-height:1.5}tbody tr:not(.payment-expanded){transition:background 150ms}tbody tr:not(.payment-expanded):hover{background:#f7faff}.table-main,.table-link,.payment-title>span{color:#233d60;font-weight:750}.table-link{font-size:12px}.table-sub,.payment-title small{color:#74839b;font-size:10px;line-height:1.6}.payment-title{position:relative;padding-left:46px;min-height:36px;display:flex;flex-direction:column;justify-content:center;max-width:380px}.payment-title::before{content:attr(data-initial);display:grid;place-items:center;position:absolute;left:0;top:0;width:34px;height:36px;border-radius:10px;font-size:10px;font-weight:800;color:#4775b9;background:#ebf2ff}.payment-row:nth-of-type(3n+2) .payment-title::before{background:#f1edfc;color:#8d6fc0}.payment-row:nth-of-type(3n+3) .payment-title::before{background:#e9f5f1;color:#458b73}.payment-title>span{font-size:12px}.payment-title small{margin-top:4px}.money{font-weight:800;color:#223857}.method-tag{padding:5px 8px;border:1px solid #e4eaf3;background:#fff;border-radius:6px;font-size:10px;font-weight:600;color:#697d99}.payment-expanded>td{background:#f3f7fe}.expanded-content{padding:9px 5px}.item-detail{border-color:#dce7f7}.meta-split,.source-note summary,.source-note p{color:#5b7393}.badge{border-radius:6px;font-size:10px;font-weight:650;padding:6px 9px;line-height:1.4}.badge.green{background:#e9f7f0;color:#237956}.badge.blue{background:#eaf2ff;color:#2465b4}.badge.amber{background:#fff3dc;color:#916013}.badge.red{background:#feecf0;color:#b54054}.badge.neutral{background:#eef2f7;color:#65748a}.empty{color:#71819a;font-size:13px}.empty .icon{color:#9ab1cf}.edited-mark{color:#3c79cd}.payment-history{font-size:12px}.history-meta{color:#75849b}
.view-tabs{gap:6px;border-bottom:0;background:#e8edf5;padding:5px;border-radius:12px;width:fit-content;margin-bottom:22px}.view-tabs>button{padding:9px 18px;font-size:12px;min-height:37px;border-radius:9px;color:#687b95;font-weight:650;transition:background 160ms,color 160ms,box-shadow 160ms}.view-tabs>button.active{background:#fff;color:#184c94;box-shadow:0 2px 5px #12233c0b}.view-tabs>button.active::after{display:none}.view-tabs>button:hover:not(.active){color:#253f63;background:#ffffff55}.payment-toolbar{gap:12px;margin-bottom:18px}.payment-toolbar>.search{min-width:220px}.search input[type="search"]{height:44px;min-height:44px;padding:11px 15px 11px 41px;font-size:12px;border-radius:11px;color:#344e70;border-color:#dce5f0}.search>.icon{left:14px;top:14px;width:16px;height:16px;color:#899bb4}.search input::placeholder{color:#798ba3}.date-range>.control-wrap{width:158px}.list-summary{font-size:12px;padding:4px 2px 16px;color:#71829c}.list-summary strong{font-size:14px;color:#264269;font-weight:800}.filter-panel{border-radius:16px;padding:22px;box-shadow:0 5px 20px #17243b04}.filter-panel label{font-size:11px;color:#697e9a}
label{font-size:12px;color:#516984;font-weight:600;gap:8px}input:not([type="hidden"]):not([type="checkbox"]),textarea,.control-trigger{min-height:44px;border-radius:10px;font-size:12px;color:#344e70;border-color:#dce5f0;padding:11px 13px;background:#fff}.control-trigger{font-weight:600;gap:10px}.control-trigger:hover{border-color:#a8c0e1;background:#fbfdff}.control-trigger[aria-expanded="true"]{border-color:#1263ee;box-shadow:0 0 0 4px #1263ee12}.control-value.placeholder,input::placeholder,textarea::placeholder{color:#8091a9}.control-trigger>svg{stroke:#7890ad}.control-popover{border-radius:15px;border-color:#d9e4f2;box-shadow:0 12px 45px #10264322}.control-option{font-size:12px;font-weight:550;color:#4b6482;border-radius:9px;padding:12px}.control-option.selected{background:#eaf2ff;color:#145dc5}.calendar-days button{color:#4e6788;font-weight:600}.calendar-week span{color:#70849e}.calendar-head .calendar-title{color:#35567e}.calendar-months button{color:#5d7696}.calendar-footer{border-color:#e4ebf6}.calendar-days button.selected{color:#fff}.segmented{padding:5px;border-radius:12px;background:#e9eef6;border:0}.segmented button{font-size:12px;font-weight:650;border-radius:9px;padding:10px 15px;color:#667d9b}.segmented button.active{background:#fff;color:#174c98;box-shadow:0 2px 4px #17243b08}
.schedule-person strong,.person-cell strong{font-size:12px;color:#354f71;font-weight:750}.schedule-person small,.person-cell small{font-size:10px;color:#72869f}.schedule th small{font-size:10px;color:#7187a4}.schedule th{font-size:12px;color:#42648f}.schedule td{border-color:#edf1f7}.schedule td:first-child,.schedule th:first-child{box-shadow:3px 0 6px #17243b03}.shift{font-size:10px;min-height:31px;min-width:51px;border-radius:7px;color:#2c67b3;background:#e7f0ff}.shift.off{color:#879bb7}.shift.sick{background:#fff0df;color:#986017}.shift.vacation{background:#e8f7ee;color:#30784e}.shift.unpaid{background:#f0eafa;color:#7d5ca5}.shift.fired{background:#ffedf0;color:#ae5062}.shift.transferred{color:#8097b2}.hours{color:#315b8b!important}.schedule-legend{font-size:11px;color:#607b9b}.switch-label{color:#5a718e;font-size:11px}.switch{width:34px;height:20px}.switch::after{width:16px;height:16px;top:2px;left:2px}.switch-label input:checked+.switch{background:#1263ee}.switch-label input:checked+.switch::after{transform:translateX(14px)}
.product-grid{gap:22px}.product{padding:28px;position:relative;transition:border-color 200ms,transform 200ms,box-shadow 200ms}.product:hover{border-color:#a7c7fa;transform:translateY(-4px);box-shadow:0 12px 30px #17243b0a}.product-icon{width:46px;height:46px;background:#edf3ff;border-radius:14px;color:#3378e5;margin-bottom:24px}.product h2{font-size:18px;font-weight:800}.product:nth-child(3n+2) .product-icon{color:#8b67bf;background:#f2edfb}.product:nth-child(3n) .product-icon{color:#1c8e7d;background:#eaf7f2}.prices{margin-top:24px;gap:0}.prices>div{padding:13px 0;border-top:1px solid #edf1f8}.prices span{font-size:12px;color:#72859e}.prices strong{font-size:13px;font-weight:800;color:#35557e}.partner-grid{gap:20px}.partner-card{padding:25px;border-radius:18px;box-shadow:0 3px 6px #17243b02;animation:none}.partner-card:hover{border-color:#8db9f7;transform:translateY(-4px);box-shadow:0 10px 25px #17243b09}.partner-card h2{font-size:18px;font-weight:800}.partner-card-head{margin-bottom:22px}.partner-card .avatar{width:44px;height:44px;border-radius:13px}.partner-card-totals{padding-top:20px;margin-top:23px;border-color:#e6edf7}.partner-card-totals strong{font-size:16px;color:#1d3656;font-weight:800}.partner-card-totals span{font-size:11px;color:#7186a1}.ovr-stats .stat{padding:19px 18px;min-height:148px}.ovr-stats .stat>strong{font-size:23px}.ovr-stats .stat-label{font-size:11px}.ovr-stats .stat-label .icon{padding:7px;width:16px;height:16px}.ovr-stats{gap:14px}.partner-payout{border:1px solid #d9e8ff;background:#f0f6ff;padding:22px;border-radius:15px}.partner-payout strong{font-weight:800;letter-spacing:-.7px}.ovr-money-preview{border-radius:13px;background:#edf5ff;border-color:#d4e5fe}.ovr-money-preview strong{font-weight:800;color:#234c7b}
dialog{border:1px solid #dce5f1;border-radius:22px;box-shadow:0 30px 100px #0c244040}dialog::backdrop{background:#12243d60;backdrop-filter:blur(5px)}dialog[open]{animation:office-dialog 260ms var(--ease-out)}.dialoghead{padding:25px 28px 22px;background:#fbfcff;border-bottom-color:#e5edf7;border-radius:22px 22px 0 0}.dialoghead h2{font-size:22px;font-weight:800;letter-spacing:-.7px}.dialoghead p{color:#7185a0;font-size:12px}.dialogbody{padding:25px 28px}.dialogfoot{padding:19px 28px;background:#fcfdff;border-color:#e6edf7;border-radius:0 0 22px 22px}.dialogbody h3{color:#3b5a80}.fields{gap:19px}.details strong{color:#345576;font-size:13px}.details small{color:#7389a3;font-size:11px}.details p{font-size:13px;color:#5e7897}.section-head h3,.history h3{color:#486688;font-size:13px;font-weight:750}.mini-tabs{gap:4px;background:#edf1f7;padding:3px;border-radius:8px}.mini-tabs button{padding:7px 10px;font-size:11px;color:#6c819c;border-radius:6px;font-weight:650}.mini-tabs button.active{background:#fff;color:#155cc2;box-shadow:0 1px 3px #17243b0c}.client-picker-head>label{font-size:12px}.line{border-radius:14px;padding:16px 18px;background:#f8faff;border-color:#e0e9f6}.linehead>span{background:#e6eefb;color:#557daf;font-size:11px;font-weight:750;border-radius:7px}.line label{font-size:11px;color:#647e9c}.line .control-trigger,.line input{font-size:12px;min-height:41px}.payment-basics{gap:15px}.payment-sum>span:first-child{font-size:12px;color:#667e9c}.payment-sum strong{font-weight:800;color:#28517e}.balance-ok{color:#237d61;font-size:12px}.balance-error{color:#a7701c;font-size:12px}.meta-result span{font-size:11px;color:#637f9f}.meta-result strong{color:#3e689b;font-size:13px}.period-details summary{font-size:11px;color:#5d7c9f}.floating-panel{border-radius:16px;box-shadow:0 15px 50px #102c5124}.floating-head strong{color:#35577e;font-size:13px}.action-menu>button{font-size:12px;color:#526f91;border-radius:9px;padding:12px}.floating-panel label{font-size:11px;color:#657d9b}.floating-panel .btn{font-size:12px}.form-error{color:#b52f47}.delete-summary{color:#657d9b}.export-format{color:#627b9a}.history-text{color:#48688b}#toast{background:var(--navy);border:1px solid #ffffff15;border-radius:13px;padding:14px 21px;font-size:12px;font-weight:600;box-shadow:0 10px 30px #11243d28;transition:transform 250ms var(--ease-out),opacity 180ms}
.login-page{min-height:100svh;display:grid;grid-template-columns:1.05fr 1fr;background:#f4f7fc;padding:0;gap:0}.login-story{min-height:100svh;position:relative;overflow:hidden;background:#142541;padding:48px 64px;display:flex;flex-direction:column;justify-content:space-between;color:#fff}.login-story::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 10% 100%,#2368ba55,transparent 60%);pointer-events:none}.login-story>.brand{position:relative;width:fit-content;background:#fff;border-radius:12px;padding:10px 15px}.login-story .brand-logo{width:144px}.login-story .brand-office{display:none}.login-story>div{position:relative;z-index:1;margin-top:35px}.login-story .eyebrow{color:#8eb6ed}.login-story h2{font-size:clamp(30px,3.6vw,54px);font-weight:800;letter-spacing:-1.8px;line-height:1.25;margin-top:20px}.login-story p{color:#b6c9e3;font-size:14px;line-height:1.9;max-width:340px;margin-top:20px}.login-story>small{color:#a4bcd9;font-size:11px;position:relative}.login-orbit{position:relative;width:220px;height:175px;margin-top:45px}.login-orbit span{position:absolute;left:10px;top:15px;width:135px;height:135px;border:1px solid #8abaf344;border-radius:50%;transform:rotate(-25deg) scaleX(1.5)}.login-orbit span:nth-child(2){transform:rotate(35deg) scaleX(1.5)}.login-orbit span:nth-child(3){transform:rotate(95deg) scaleX(1.5)}.login-orbit i{position:absolute;left:50px;top:38px;display:grid;place-items:center;width:85px;height:85px;border:1px solid #74aafa6b;border-radius:25px;background:linear-gradient(140deg,#176eec,#124694);box-shadow:0 12px 50px #00000020;transform:rotate(-8deg);animation:login-mark 650ms var(--ease-out) both}.login-orbit .icon{width:40px;height:40px;stroke:#e5f1ff}.login-form-side{display:grid;place-items:center;padding:45px}.login-card{width:min(400px,100%);border:0;border-radius:0;padding:0;background:transparent;box-shadow:none;animation:office-dialog 380ms var(--ease-out)}.login-card h1{text-align:left;font-size:32px;font-weight:800;letter-spacing:-1px;margin:14px 0 8px;color:#1a3150}.login-card .login-subtitle{font-size:13px;color:#697f9c;margin-bottom:30px;line-height:1.7}.login-card label{font-size:12px;color:#57718f;margin-top:21px}.login-card input{background:#fff;min-height:49px;border-radius:12px;font-size:14px}.login-card>.btn{min-height:49px;border-radius:12px;margin-top:27px;font-size:13px}.login-mobile-brand{display:none}.login-footnote{display:block;text-align:center;font-size:11px;line-height:1.6;color:#6e84a0;margin-top:21px}
@keyframes office-dialog{from{opacity:0;transform:translateY(15px) scale(.985)}to{opacity:1;transform:none}}@keyframes chart-reveal{from{stroke-dashoffset:2000}to{stroke-dashoffset:0}}@keyframes orbit-draw{from{stroke-dasharray:0 100}}@keyframes login-mark{from{opacity:0;transform:translateY(12px) rotate(-15deg)}to{opacity:1;transform:rotate(-8deg)}}
@media(min-width:1600px){.content{padding:36px 44px 55px}.topbar{padding:0 44px}.stat>strong{font-size:33px}.stat{padding:23px 25px}.overview-hero{padding:30px 36px}}
@media(max-width:1270px){.layout{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding-left:13px;padding-right:13px}.sidebar .brand{padding:0 12px}.sidebar .brand-logo{width:134px}.brand-office{font-size:10px}.content{padding:27px 26px 40px}.topbar{padding:0 26px}.overview-hero{padding:25px}.hero-progress{gap:14px;margin-right:0}.hero-progress-copy{min-width:130px}.hero-progress-copy strong{font-size:17px}.hero-copy h2{font-size:25px}.hero-copy p{max-width:315px}.progress-orbit{width:90px;height:90px}.stat{padding:18px}.stat>strong{font-size:25px}.stat-label{font-size:11px}.stat-label .icon{padding:7px}.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr);gap:18px}.ovr-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.ovr-stats .stat>strong{font-size:25px}.login-story{padding:42px}}
@media(max-width:1100px){.layout{grid-template-columns:80px minmax(0,1fr)}.sidebar{padding:28px 12px 18px}.sidebar .brand{padding:0;justify-content:center}.sidebar .brand-logo,.sidebar .brand-office{display:none}.sidebar .brand::before{content:'';display:block;width:36px;height:36px;background:url('/favicon.svg') center/contain no-repeat}.nav-caption{display:none}.sidebar nav{margin-top:35px;gap:9px}.nav-item{justify-content:center;padding:13px}.nav-item span,.nav-item small,.profile>div,.profile>.icon-btn{display:none}.sidebar-bottom>.control-wrap{display:none}.profile{justify-content:center}.nav-item:hover{transform:none}.content{padding:26px}.workspace-crumb{font-size:11px}.stats{gap:13px}.stat>strong{font-size:25px}.stat{min-height:141px}.hero-progress-copy>span{font-size:10px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-story{padding:36px}.login-story h2{font-size:36px}.login-form-side{padding:35px}}
@media(max-width:880px){.dashboard-grid{grid-template-columns:1fr}.hero-progress-copy{display:none}.hero-copy{max-width:calc(100% - 115px)}.hero-copy h2{font-size:25px}.hero-copy p{font-size:11px}.hero-progress{margin-right:0}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat>strong{font-size:29px}.ovr-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pagehead{flex-wrap:wrap;align-items:flex-start}.pagehead>.actions{flex-wrap:wrap}.workspace-crumb{font-size:0;gap:0}.workspace-crumb>span{display:none}.workspace-crumb strong{font-size:12px}.filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.login-page{grid-template-columns:.85fr 1fr}.login-story{padding:28px}.login-story h2{font-size:30px}.login-story p{font-size:12px}.login-form-side{padding:28px}.login-orbit{transform:scale(.8);transform-origin:left top;margin-top:40px}.login-card h1{font-size:28px}}
@media(max-width:760px){.layout{display:block}.sidebar{position:static;height:auto;padding:20px 19px 12px;border-bottom:1px solid var(--line);border-right:0}.sidebar .brand{justify-content:flex-start;padding:0 3px;min-height:auto}.sidebar .brand::before{display:none}.sidebar .brand-logo{display:block;width:127px}.sidebar .brand-office{display:block;padding-top:10px;font-size:11px}.sidebar nav{display:flex;overflow-x:auto;gap:7px;margin-top:20px;padding-bottom:3px;scrollbar-width:none}.nav-item{flex-shrink:0;gap:8px;padding:11px 14px;min-height:43px;border-radius:11px;font-size:12px}.nav-item span{display:block;font-size:12px}.nav-item .icon{width:17px;height:17px}.sidebar-bottom{display:none}.topbar{height:59px;padding:0 21px;background:transparent;border-bottom:0;backdrop-filter:none}.topbar .topbar-left{gap:10px}.topbar>div{gap:11px}.sidebar-toggle{background:#fff}.content{padding:12px 20px 36px}.pagehead{gap:16px;margin-bottom:23px}.page-intro h1{font-size:29px}.page-intro p{font-size:12px;margin-top:6px}.pagehead>.actions{width:100%;gap:8px}.actions>.control-wrap{width:175px}.btn{min-height:44px}.overview-hero{padding:24px;margin-bottom:20px;gap:20px;border-radius:17px}.hero-copy h2{font-size:24px}.hero-copy p{font-size:11px}.eyebrow{font-size:9px;letter-spacing:1.1px}.progress-orbit{width:83px;height:83px}.progress-orbit>strong{font-size:21px}.hero-month{font-size:10px;margin-top:12px}.stats{gap:13px;margin-bottom:20px}.stat{min-height:144px;padding:18px}.stat>strong{font-size:28px;margin-top:16px}.stat-label{font-size:11px}.stat-label .icon{width:15px;height:15px;padding:7px}.stat>small{font-size:10px}.panelhead{padding:20px 20px 17px}.panelbody{padding:0 20px 20px}.dashboard-grid{gap:20px}.payment-toolbar .search{flex-basis:100%;min-width:0}.payment-toolbar .date-range{flex:1;width:100%}.date-range>.control-wrap{flex:1;min-width:130px}.payment-toolbar>.btn{order:3}.payment-toolbar>.control-wrap{width:100%}.view-tabs{margin-bottom:21px}.view-tabs>button{font-size:11px;padding:9px 15px}.product-grid,.partner-grid{grid-template-columns:1fr}.partner-card{padding:24px}.ovr-stats .stat{padding:18px}.ovr-stats .stat>strong{font-size:24px}.ovr-stats .stat-label{font-size:10px}.hero-support-mark{width:85px;height:85px;margin-right:0}.hero-support-mark>.icon{width:35px;height:35px}.support-orbit{inset:-9px}.login-page{display:block;background:#f4f7fc}.login-story{display:none}.login-form-side{min-height:100svh;padding:34px 27px}.login-card{max-width:400px}.login-mobile-brand{display:flex;gap:8px;align-items:center;margin-bottom:55px}.login-mobile-brand .brand-logo{width:145px}.login-mobile-brand .brand-office{padding-top:12px}.login-card .eyebrow{font-size:9px}.login-card h1{font-size:32px}.login-card .login-subtitle{font-size:13px}.login-card input{font-size:16px}.dialoghead,.dialogbody{padding:22px}.dialogfoot{padding:18px 22px}.icon-btn{min-height:36px;min-width:36px}.line-grid{grid-template-columns:minmax(135px,1.5fr) 1fr}.filter-panel{padding:18px}.today-date{font-size:11px}.layout.sidebar-hidden .sidebar{display:none}}
@media(max-width:420px){.content{padding-left:16px;padding-right:16px}.sidebar{padding-left:15px;padding-right:15px}.topbar{padding:0 17px}.overview-hero{padding:21px;gap:14px}.hero-copy{max-width:calc(100% - 80px)}.hero-copy h2{font-size:22px}.hero-copy p{display:none}.hero-month{margin-top:14px}.progress-orbit{width:73px;height:73px}.progress-orbit>strong{font-size:19px}.hero-progress{gap:0}.hero-copy .eyebrow{font-size:8px;letter-spacing:1px}.stat{padding:16px 15px;min-height:145px}.stat>strong{font-size:24px;letter-spacing:-.9px}.stat-label{font-size:10px;gap:4px}.stat-label .icon{padding:6px;width:14px;height:14px}.stats{gap:11px}.stat>small{font-size:10px}.page-intro h1{font-size:28px}.actions>.control-wrap{width:163px}.btn{padding-left:13px;padding-right:13px;font-size:11px}.ovr-stats .stat>strong{font-size:23px}.ovr-stats .stat-label .icon{padding:5px;width:13px;height:13px}.hero-support-mark{width:65px;height:65px}.view-tabs>button{padding:9px 13px}.dialoghead,.dialogbody{padding:19px}.dialogfoot{padding:16px 19px}.dialoghead h2{font-size:20px}.fields{gap:16px 12px}.line{padding:13px}.payment-basics{grid-template-columns:1fr 1fr}.hero-copy h2{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.chart .curve,.chart .curve.draw{stroke-dashoffset:0}.partner-card:hover,.product:hover,.stat:hover,.nav-item:hover,.btn:hover,.btn:active:not(:disabled){transform:none}.login-orbit i{transform:rotate(-8deg)}}

.payment-toolbar .search input[type="search"]{padding-left:41px}

.ovr-table{min-width:980px}.ovr-table th:first-child{min-width:240px}.clients-table{min-width:730px}
@media(max-width:760px){.chart{height:auto;aspect-ratio:660/230}.chart text{font-size:20px}.stat>strong[data-long="true"]{font-size:18px;letter-spacing:-.6px}}

.login-page{place-items:stretch}

/* Schedule: selection and unsaved edits. */
.schedule-bulkbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px 17px;margin-bottom:10px}.schedule-bulk-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.schedule-bulk-actions .btn{min-height:38px;padding:8px 12px;font-size:11px}.schedule-draft-count{font-size:11px;color:#647a96;font-weight:650}.schedule-draft-count.has-changes{color:#9b6419;background:#fff4df;border-radius:7px;padding:7px 10px}.schedule-help{font-size:11px;color:#6b819d;line-height:1.6;margin:10px 0 17px}.shift-editor-fields #shift-work{margin-top:16px}.shift-editor-fields .schedule-help{margin:16px 0 0}.schedule-save-error{background:#fff0f2;border:1px solid #f2cbd2;border-radius:12px;padding:14px 17px;color:#9f354a;font-size:12px;line-height:1.6;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:15px}.schedule-select-all{display:inline-flex;vertical-align:middle;color:#5379ad;padding:6px;margin-right:7px;border-radius:6px}.schedule-select-all .icon{width:15px;height:15px}.schedule-select-all:hover,.schedule-day-select:hover{background:#eaf2ff}.schedule-row-select{padding:0;border-radius:10px;flex-shrink:0}.schedule-row-select:hover .avatar{border-color:#1263ee;box-shadow:0 0 0 2px #1263ee15}.schedule-day-select{display:block;margin:auto;min-width:43px;padding:7px 4px;border-radius:7px;font-size:12px;font-weight:750;color:#42648f}.schedule-day-select small{font-weight:500}.schedule .shift{position:relative;user-select:none}.schedule .shift.is-selected{outline:2px solid #1263ee;outline-offset:1px;box-shadow:0 0 0 4px #1263ee12;background:#dceaff;color:#1754a8}.schedule .shift.is-draft::after{content:'';position:absolute;right:2px;top:2px;width:5px;height:5px;background:#dd941d;border-radius:50%;box-shadow:0 0 0 1px #fff}.schedule-legend .draft-key{background:#dd941d}.schedule .shift:disabled{cursor:default}.schedule-bulkbar .text-btn{font-size:11px}.schedule-saving{opacity:.7}
@media(max-width:760px){.schedule-bulkbar{padding:13px;align-items:flex-start}.schedule-bulk-actions{gap:8px;width:100%}.schedule-bulk-actions .btn{min-height:42px;flex:1;font-size:10px;padding:9px}.schedule-bulkbar .schedule-draft-count{font-size:11px}.schedule-help{font-size:10px}.schedule-save-error{align-items:flex-start;flex-direction:column}.pagehead .actions:has([data-action="schedule-save"]){display:flex;flex-wrap:wrap}.pagehead [data-action="schedule-save"]{margin-left:auto}.schedule-day-select{min-width:45px}}

.schedule-row-select.schedule-person{width:100%;text-align:left}.schedule-person>span:not(.avatar){display:block}

/* Charts keep their own height when the adjacent team list is longer. */
.dashboard-grid{align-items:start}
.interactive-chart{position:relative;min-width:0;outline-offset:5px;border-radius:10px}.interactive-chart .chart{display:block}.chart-hit-area{fill:transparent;pointer-events:all;cursor:crosshair}.chart-guide{stroke:#8aa9d3;stroke-width:1;stroke-dasharray:4 4;pointer-events:none}.chart-focus-point{fill:#1263ee;stroke:#fff;stroke-width:3;pointer-events:none}.chart-tooltip{position:absolute;z-index:5;pointer-events:none;min-width:150px;max-width:calc(100% - 16px);padding:13px 15px;border-radius:12px;background:#15243d;color:#fff;box-shadow:0 8px 25px #14243d28;line-height:1.5}.chart-tooltip small{display:block;color:#b9cce7;font-size:11px;margin-bottom:8px}.chart-tooltip>span{display:block;color:#c3d4ed;font-size:10px}.chart-tooltip strong{display:block;font-size:17px;letter-spacing:-.3px;font-weight:800;white-space:nowrap}.chart-cumulative-value{margin-top:9px;padding-top:8px;border-top:1px solid #ffffff20;color:#b9cce7;font-size:10px}.chart-cumulative-value b{display:block;color:#fff;font-size:12px;margin-top:3px}@media(max-width:760px){.chart-tooltip{padding:9px 11px;min-width:135px}.chart-tooltip small{margin-bottom:4px;font-size:10px}.chart-tooltip strong{font-size:15px}}

@media(min-width:881px){.leaders-scroll{max-height:240px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b8cce6 transparent;padding-right:6px}.leaders-scroll .leader[data-action]{margin-left:0;margin-right:0}}