:root{color:#20293b;background:#f4f5f9;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--ink:#20293b;--muted:#788399;--accent:#6258d9;--line:#e7eaf1}body{background:radial-gradient(ellipse at 90% 0,#eeedff70,transparent 48%),#f5f6fa}button,input,select{transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}button:focus-visible{outline:3px solid #b2aaff;outline-offset:3px}button:hover{filter:brightness(.98)}.layout{grid-template-columns:248px minmax(0,1fr)}aside{position:sticky;top:0;height:100vh;background:#181d32;border:0;color:#fff;padding:36px 22px;gap:44px;overflow-y:auto}.logo{font-size:28px;font-weight:720;letter-spacing:-1.2px;gap:12px}.mark{background:linear-gradient(140deg,#9a8bff,#6b5cea);box-shadow:0 5px 18px #0c0f2340;border:1px solid #ffffff25;border-radius:13px;padding:4px 11px;font-size:31px}.nav{gap:10px}.nav button{color:#a4adc6;border:1px solid transparent;padding:15px 14px;font-size:13px}.nav button:hover{background:#ffffff08;color:#fff}.nav button.active{background:#ffffff0d;color:#e7e3ff;border-color:#ffffff10;box-shadow:inset 3px 0 #a99aff;border-radius:9px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.6px;color:#8d84b1}aside .eyebrow{color:#626e90}.profile{border-color:#ffffff0e}.profile .avatar{background:#353450;color:#d9d0ff}.profile strong{font-size:12px}.profile .subtle{color:#7984a2;line-height:1.7}.profile .plain{color:#a6aec6;font-size:12px;padding-left:0}.avatar{border-radius:12px;width:40px;height:40px;font-size:12px}main{padding:42px 42px 32px;margin:0 auto;max-width:1600px}header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e6e8f0}h1{font-size:32px;font-weight:680;letter-spacing:-1.1px;margin:12px 0 9px;line-height:1.2}h2{font-weight:650;font-size:18px;letter-spacing:-.4px}header p{font-size:13px;color:#8490a4}.month{box-shadow:0 3px 9px #18254403;border-radius:12px;padding:10px 8px;border-color:#e1e5ef}.month button{font-size:20px;line-height:1}.month input{font-size:13px;font-weight:600;max-width:170px}.cards{gap:20px;margin:28px 0}.card{padding:27px;border-radius:18px;border:1px solid #e4e7f0;box-shadow:0 4px 15px #18254403;overflow:hidden;min-height:180px}.card.primary{background:linear-gradient(120deg,#6258d8,#7d6de9);box-shadow:0 12px 25px #6e5bdc20}.card.primary:after{content:'';position:absolute;width:175px;height:175px;border:1px solid #ffffff15;border-radius:50%;right:-55px;bottom:-85px;box-shadow:0 0 0 27px #ffffff05,0 0 0 55px #ffffff04;pointer-events:none}.card .label{font-size:12px;font-weight:550;margin-bottom:24px;color:#7c879b}.card.primary .label{color:#e2deff}.money{font-size:36px;font-weight:670;letter-spacing:-1.3px;line-height:1.2;margin-bottom:13px}.card small{font-size:10px;color:#8f99ac;line-height:1.7;display:block;max-width:93%}.icon{font-size:16px;top:23px;right:24px;width:30px;height:30px;display:grid;place-items:center;background:#f4f3fb;color:#8173c5;border-radius:9px;opacity:1}.primary .icon{color:#fff;background:#ffffff18}.panel{border-radius:17px;border-color:#e5e8f0;box-shadow:0 5px 20px #23304e03}.panel-head{padding:25px 27px;min-height:92px;border-color:#edf0f5}.panel-head p{color:#8c96a8;font-size:11px;line-height:1.6}.section-kicker{color:#9993b3;font-size:9px;font-weight:650;letter-spacing:1.8px;margin-bottom:10px}.btn{padding:12px 18px;border-radius:9px;background:#6358d6;box-shadow:0 4px 8px #6358d615;font-size:12px;transition:all .18s}.btn:hover{background:#5549c9;transform:translateY(-1px);box-shadow:0 6px 12px #6358d625}.btn.secondary{background:#efecfc;color:#6957c7;box-shadow:none}.btn.secondary:hover{background:#e6e0fc}.badge{color:#7761b8;background:#f1edfb;border:1px solid #ece6fb;font-size:10px;padding:7px 10px;border-radius:7px;font-weight:550}th{padding:16px 27px;background:#f9fafc;font-size:10px;color:#8c96a9;letter-spacing:.3px;font-weight:550}td{padding:11px 27px;border-color:#f0f2f7;font-size:12px;height:55px}tbody tr:hover{background:#fafaff}tr.today{background:#f4f2ff}tr.today td:first-child{box-shadow:inset 3px 0 #8573e4}.net{color:#6e5bbd;font-weight:650}.day-name{font-size:10px;color:#a0a9b8}.amount{font-size:12px;background:#f9fafc;border:1px solid #edf0f5;border-radius:7px;width:150px;padding:8px 11px}.amount:hover,.amount:focus{border-color:#b9ace9;box-shadow:0 0 0 3px #f4f0ff}tfoot td{background:#f7f7fc;padding:20px 27px}.hint{background:#fff;color:#969fb0;padding:18px 27px;font-size:10px}.filters select{border-radius:9px;font-size:12px;min-height:39px;max-width:240px}.overview-name{color:#42465d;font-size:12px}.overview-name:hover{color:#6858c9}.empty{padding:54px 22px;grid-column:1/-1;font-size:12px}.empty-symbol{display:inline-grid;place-items:center;background:#f1edfc;border:1px solid #e8e1fa;border-radius:18px;width:60px;height:60px;color:#8a77ca;font-size:29px;margin-bottom:8px}.empty h2{font-size:19px;letter-spacing:-.5px;color:#4b5266}.empty p{font-size:12px}.workspace-summary{display:flex;gap:24px;margin:0 0 25px;align-items:center;flex-wrap:wrap}.summary-item{font-size:11px;color:#8994a8;display:flex;align-items:center;gap:7px}.summary-item b{font-size:14px;color:#4e566e}.summary-item:last-child{margin-left:auto;font-size:10px}.live-dot{width:6px;height:6px;background:#76baa1;border-radius:50%;display:inline-block;box-shadow:0 0 0 3px #76baa115}.models-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;padding:23px 27px}.model-card{border:1px solid #e8ebf3;padding:20px;border-radius:13px;background:linear-gradient(150deg,#fff,#fafbfe)}.model-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.model-avatar{height:40px;width:40px;display:grid;place-items:center;border-radius:12px;background:#ebe5fa;color:#8167bb;font-size:12px;font-weight:700}.color-1{background:#e4efec;color:#648d81}.color-2{background:#fcf0e6;color:#bc946a}.color-3{background:#e8edfa;color:#7a8db9}.model-count{color:#9da5b6;font-size:10px}.model-card h3{font-size:14px;color:#485169;margin:17px 0 22px;overflow-wrap:anywhere}.model-rate-label{font-size:10px;color:#8d97aa;display:grid;gap:8px}.rate-wrap{display:flex;align-items:center;border:1px solid #e4e6f0;background:#fff;border-radius:9px;padding:0 13px;gap:8px}.rate-wrap input{border:0;width:100%;min-width:0;padding:11px 0;background:transparent;font-weight:650;color:#7061b9;font-size:18px}.rate-wrap span{color:#afa8c6;font-size:14px}.member{padding:25px 27px;border-top:1px solid #eef0f5}.member:first-of-type{border-top:0}.member-head{display:flex;align-items:center;gap:11px;margin-bottom:20px}.member-head .avatar{margin:0;background:#ece9f8;color:#8a78bf}.member-head strong{display:block;font-size:13px;margin-bottom:5px}.member-head .subtle{font-size:10px}.member-head>.badge{margin-left:auto}.assignments{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:12px;margin:0}.assignment{border:1px solid #e8eaf2;border-radius:10px;padding:15px;background:#fcfcfe}.assignment.is-assigned{border-color:#ddd7f1;background:#f9f7ff}.assignments label.assign-toggle{font-size:12px;font-weight:550;align-items:center;gap:8px;color:#686f82}.assign-toggle input{accent-color:#7664ce;width:15px;height:15px;margin:0}.assignment-rate{margin:16px 0 0 23px}.assignment-rate label{font-size:10px;display:flex;align-items:center;justify-content:space-between;gap:2px;color:#8d96a7}.assignment-rate .rate{padding:7px 5px;width:62px;border-color:#e3deef;background:#fff;font-size:12px;color:#7060ae;margin-left:auto;margin-right:4px}.assignment-rate small{display:block;font-size:9px;color:#aaa3bb;margin-top:8px;min-height:16px}.reset-rate{border:0;background:none;color:#8b78bb;font-size:9px;margin-left:7px;padding:0;text-decoration:underline;text-underline-offset:2px}.footnote{font-size:10px;color:#9ba3b4;margin-top:22px;line-height:1.8}#mobileLogout{display:none}dialog{border-radius:18px;border-color:#e4e0ef;padding:32px;box-shadow:0 30px 100px #161c3240}dialog::backdrop{background:#171e3666;backdrop-filter:blur(5px)}.form label{font-size:11px;color:#828ca0}.form input{background:#fafbfe;border-color:#e3e7f0;padding:13px;border-radius:9px}.form input:focus{background:white;border-color:#aca0e3;box-shadow:0 0 0 3px #f2eefd}.toast{font-size:12px;border:1px solid #ffffff20;background:#292941;box-shadow:0 12px 35px #1a203025;border-radius:12px;padding:16px 22px}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:#fff}.auth-story{background:radial-gradient(ellipse at 80% 90%,#7163b635,transparent 55%),#1b2037;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:55px 65px 35px}.auth-story .eyebrow{color:#9b98bc;font-size:10px}.auth-story h2{font-size:43px;line-height:1.2;letter-spacing:-1.6px;margin:55px 0 20px;font-weight:630;position:relative;z-index:1}.auth-story em{font-style:normal;color:#b1a1f1}.auth-story>p{font-size:12px;color:#9ca5be;max-width:310px;line-height:1.9}.auth-art{position:relative;height:270px;margin:25px 0 35px;max-width:430px;flex-shrink:0}.art-orbit{position:absolute;width:330px;height:330px;border-radius:50%;border:1px solid #aca2e31a;top:-10px;left:12px;box-shadow:0 0 0 32px #ada3ee04,0 0 0 65px #ada3ee03}.art-card{position:absolute;border:1px solid #ffffff20;box-shadow:0 20px 45px #060b2225;border-radius:16px;padding:21px;display:grid;gap:16px;backdrop-filter:blur(15px)}.art-card>span{font-size:10px;color:#bab6d2;display:flex;align-items:center;gap:8px}.art-card b{font-size:45px;font-weight:550;letter-spacing:-2px;color:#f4f0ff}.art-card b span{font-size:12px;letter-spacing:0;margin-left:10px;color:#c4bce7;font-weight:400}.art-card small{font-size:9px;color:#a19abf}.art-back{width:235px;top:5px;right:10px;transform:rotate(8deg);background:#38314f95}.art-front{width:260px;bottom:4px;left:10px;transform:rotate(-6deg);background:linear-gradient(140deg,#7365bdc0,#4f487bce)}.mini-bars{display:flex;gap:8px;align-items:end;height:40px}.mini-bars i{display:block;height:20px;flex:1;background:#ffffff20;border-radius:3px}.mini-bars i:nth-child(2){height:35px}.mini-bars i:nth-child(3){height:27px}.mini-bars i:nth-child(4){height:40px;background:#d1c3ff80}.mini-bars i:nth-child(5){height:25px}.mini-bars i:nth-child(6){height:32px}.mini-bars i:nth-child(7){height:39px;background:#d1c3ff80}.auth-bottom{margin-top:auto;font-size:10px;color:#747d9a}.login{margin:auto;max-width:420px;width:100%;padding:45px 35px;border:0;border-radius:0;box-shadow:none;background:#fff}.login .logo{font-size:25px;margin-bottom:50px;color:#34374c}.login .logo .subtle{font-size:10px;letter-spacing:1px;color:#a9a2be}.login h1{font-size:29px;letter-spacing:-.9px}.login>p{font-size:12px;margin-bottom:28px;color:#9aa3b4}.login .btn{margin-top:4px;padding:14px}.login .footnote{margin:22px 0 0;font-size:10px}.auth-lock{font-size:9px;color:#adb4c2;display:block;margin-top:48px;text-align:center}
@media(min-width:1500px){main{padding:48px 58px}.auth-story{padding-left:90px}.auth-story h2{font-size:50px}}@media(max-width:1150px){.layout{grid-template-columns:215px minmax(0,1fr)}main{padding:30px 25px}.card{padding:22px}.money{font-size:30px}.card small{font-size:9px}.auth-story{padding:42px}.auth-story h2{font-size:36px}.auth-art{transform:scale(.9);transform-origin:left top}}@media(max-width:800px){.layout{display:block}aside{height:auto;position:static;padding:18px 20px;gap:17px;overflow:visible}aside>.logo{font-size:22px}aside .mark{font-size:23px;padding:2px 9px;border-radius:10px}aside .eyebrow{display:none}.nav{display:flex;flex-wrap:wrap;gap:5px}.nav button{padding:10px 12px;font-size:11px}.nav button.active{box-shadow:inset 0 -2px #af9fff}.profile{display:none}main{padding:26px 20px}.cards{gap:12px}.money{font-size:28px}.card{min-height:164px;padding:20px}.card .label{margin-bottom:21px;font-size:11px}.card small{max-width:100%;font-size:9px}.icon{width:24px;height:24px;font-size:12px;right:15px;top:16px}.panel-head{padding:22px}#mobileLogout{display:block;margin-top:15px}.auth-story{display:none}.auth-layout{display:flex;background:radial-gradient(ellipse at top,#eeebff,transparent),#f8f9fc}.login{margin:7vh auto;background:white;border-radius:20px;border:1px solid #e9e6f3;box-shadow:0 16px 50px #615c9820;padding:35px}}@media(max-width:600px){h1{font-size:27px}.cards{grid-template-columns:1fr;gap:12px}.card{min-height:140px;padding:23px}.card .label{margin-bottom:16px}.money{font-size:33px}.card small{font-size:10px}.icon{right:22px;top:22px}.panel-head{padding:21px;gap:18px}.panel-head .filters{width:100%}.filters select{min-width:0;max-width:100%;flex:1}.filters .badge{font-size:9px}.month{padding:8px}.month input{font-size:12px}header{gap:18px;align-items:start}header p{max-width:290px;line-height:1.8;font-size:12px}.workspace-summary{gap:12px}.summary-item:last-child{margin-left:0;width:100%;margin-top:3px}.models-grid{padding:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.model-card{padding:15px}.model-avatar{width:33px;height:33px;font-size:10px}.model-count{font-size:8px}.model-card h3{font-size:12px}.member{padding:22px 18px}.assignments{grid-template-columns:1fr}.model-rate-label{font-size:9px}.rate-wrap input{font-size:16px}.panel-head h2{font-size:17px}th,td{padding:14px 18px}.amount{width:115px}.login{max-width:calc(100% - 30px);padding:30px}.login .logo{margin-bottom:40px}.auth-lock{margin-top:35px}}

.model-card{display:flex;flex-direction:column}.model-rate-label{margin-top:auto}.model-card h3{margin-bottom:22px}.assign-toggle span{overflow-wrap:anywhere;min-width:0}
/* Compact payroll workspace: daily table and a separate payout rail. */
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}
.payroll-layout{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:22px;align-items:start}.payroll-layout>.panel{grid-column:1;grid-row:1;min-width:0}.payroll-layout>.cards{grid-column:2;grid-row:1;display:grid;grid-template-columns:1fr;gap:14px;margin:0;position:sticky;top:24px}.payroll-layout .card{padding:23px;min-height:158px}.payroll-layout .money{font-size:30px;white-space:nowrap;letter-spacing:-1px}.payroll-layout .card .label{margin-bottom:20px}.payroll-layout .card small{font-size:10px;line-height:1.7}.payroll-layout .icon{right:19px;top:18px}.payroll-detail .panel-head{padding:20px 24px}.payroll-detail .panel-head>div:first-child{flex:1 0 100%}.payroll-detail .filters{width:100%}.payroll-detail .filters select{flex:1;max-width:none;min-width:0}.payroll-detail .filters .badge{margin-left:auto}.payroll-detail td{height:43px;padding:7px 23px}.payroll-detail th{padding:14px 23px}.payroll-detail .amount{width:130px;padding:8px 10px 8px 25px}.payroll-detail .amount-field{position:relative;display:inline-flex;align-items:center}.amount-currency{position:absolute;left:11px;z-index:1;color:#a4aabb;font-size:11px;pointer-events:none}.payroll-detail tfoot td{padding:19px 23px}.payroll-detail .hint{padding:16px 24px}.payroll-overview table{min-width:650px}.payroll-overview th,.payroll-overview td{padding-left:18px;padding-right:18px}
@media(min-width:1500px){.payroll-layout{grid-template-columns:minmax(0,1fr) 285px;gap:26px}.payroll-layout .money{font-size:34px}.payroll-detail .panel-head>div:first-child{flex:1 1 auto}.payroll-detail .filters{width:auto}.payroll-detail .filters select{flex:0 1 auto;min-width:130px;max-width:230px}}
@media(min-width:801px) and (max-width:1050px){.payroll-layout{grid-template-columns:minmax(0,1fr) 215px;gap:16px}.payroll-layout .card{padding:19px}.payroll-layout .money{font-size:25px}.payroll-layout .icon{width:22px;height:22px;right:14px;top:15px}.payroll-layout .card .label{font-size:11px}.payroll-detail td,.payroll-detail th{padding-left:14px;padding-right:14px}.payroll-detail .amount{width:110px}}
@media(max-width:800px){.payroll-layout{display:flex;flex-direction:column;gap:20px}.payroll-layout>.panel{width:100%;order:1}.payroll-layout>.cards{width:100%;order:2;position:static;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.payroll-layout .card{padding:18px;min-height:155px}.payroll-layout .money{font-size:25px}.payroll-layout .card .label{font-size:10px}.payroll-layout .card small{font-size:9px}.payroll-layout .icon{display:none}.payroll-detail .panel-head>div:first-child{flex:1 0 100%}}
@media(max-width:600px){.payroll-layout>.cards{grid-template-columns:1fr}.payroll-layout .card{min-height:135px;padding:22px}.payroll-layout .money{font-size:31px}.payroll-layout .card .label{font-size:12px;margin-bottom:16px}.payroll-layout .card small{font-size:10px}.payroll-layout .icon{display:grid;top:22px;right:22px}.payroll-detail .panel-head{padding:20px}.payroll-detail td,.payroll-detail th{padding-left:14px;padding-right:14px}.payroll-detail .amount{width:105px}.payroll-detail td{font-size:11px}.payroll-detail .day-name{font-size:9px;margin-left:5px}.payroll-detail .filters select{font-size:11px}.payroll-detail .hint{padding:16px 20px}}