@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;600;700&display=swap";:root{font-family:Lato,Arial,sans-serif;color:#242b33;background:#f7f8fa;font-synthesis:none;--purple:#5546a5;--muted:#808896;--border:#e7e9ee;--sidebar:96px;--header:52px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #a69be4;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #b8acec;outline-offset:1px}h1,h2,h3,p{margin-top:0}h1{font-size:24px;font-weight:600;margin-bottom:8px}h2{font-size:20px;font-weight:600}h3{font-size:16px;font-weight:600}p{color:var(--muted);line-height:1.6;font-size:14px}button svg{flex-shrink:0}.topbar{height:var(--header);display:flex;align-items:center;position:fixed;inset:0 0 auto;z-index:20;background:var(--purple);color:#fff}.brand{height:100%;width:var(--sidebar);border:0;background:#40327d;color:#fff;flex-shrink:0;font-size:27px;font-weight:700;font-style:italic}.brand span{font-size:17px;vertical-align:top}.company{margin:0 27px 0 17px;font-size:17px;white-space:nowrap}.global-search{height:36px;max-width:490px;width:38vw;background:#fff;color:#9297a2;border-radius:24px;display:flex;align-items:center;padding:0 15px;gap:10px}.global-search input{border:0;background:none;min-width:0;flex:1;font-size:13px;color:#4c5260;outline:none}.global-search kbd{white-space:nowrap;font-size:11px;background:#f2f3f6;color:#666f7a;border-radius:8px;padding:3px 7px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:19px;padding:0 19px}.icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:6px;border:0;background:transparent;color:inherit;border-radius:5px}.icon-button:hover{background:#8c86b01f}.icon-button sup{position:absolute;right:-3px;top:-4px;border-radius:15px;font-size:10px;background:#f07877;color:#fff;min-width:16px;padding:2px}.divider{height:25px;width:1px;background:#fff4}.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:37px;height:37px;border-radius:50%;background:#eae6fb;color:#6651b4;font-size:12px}.topbar .avatar{background:#649bdf;color:#fff;font-size:14px}.sidebar{position:fixed;top:var(--header);bottom:0;left:0;width:var(--sidebar);overflow-y:auto;background:#0f1d2a;color:#85909c;z-index:15}.sidebar button{width:100%;padding:19px 5px;border:0;display:flex;flex-direction:column;align-items:center;gap:10px;color:inherit;background:none;font-size:12px;min-height:85px}.sidebar button:hover,.sidebar button.active{background:#1b3044;color:#fff}.workspace{margin:var(--header) 0 0 var(--sidebar);min-height:calc(100vh - var(--header))}.tabs{display:flex;align-items:stretch;gap:24px;min-height:45px}.tabs button{position:relative;border:0;background:transparent;padding:13px 3px;color:#7a8190;white-space:nowrap;font-size:14px}.tabs button.active{color:#232b35}.tabs button.active:after{content:"";position:absolute;height:2px;background:var(--purple);bottom:0;left:0;right:0}.module-tabs{background:#fff;box-shadow:0 2px 4px #0000000c;padding:0 18px;gap:31px;overflow-x:auto}.module-tabs button{text-transform:uppercase;font-size:12px;letter-spacing:.04px;min-height:48px}.module-tabs button.active:after{height:0;width:0;left:calc(50% - 6px);right:auto;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--purple);background:none}.secondary-tabs{background:#fff;border-bottom:1px solid var(--border);padding:0 20px;gap:38px;overflow-x:auto}.secondary-tabs button{min-height:45px;font-size:14px}.notification{position:absolute;right:-16px;top:2px;background:#ed7171;color:#fff;padding:1px 5px;border-radius:10px;font-size:10px}.content{padding:22px 20px 40px}.page-title{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin:18px 0 24px}.page-title p{margin-bottom:0;max-width:1100px}.page-title>.btn{flex-shrink:0}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:9px 17px;border:1px solid var(--purple);background:var(--purple);color:#fff;border-radius:4px;font-size:13px;white-space:nowrap}.btn:hover{background:#483a92}.btn.secondary{border-color:#d9dce4;background:#fff;color:#4e5664}.btn.secondary:hover{background:#f5f3fc}.boxed-tabs{background:#fff;border:1px solid var(--border);border-radius:3px;gap:0;margin-bottom:16px;min-height:45px}.boxed-tabs button{padding:13px 20px}.boxed-tabs button.active{background:#f3effc}.boxed-tabs button.active:after{display:none}.policy-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;align-items:start}.policy-list{background:#fff;border:1px solid var(--border);border-radius:3px;overflow:hidden}.list-search{display:flex;align-items:center;gap:9px;height:44px;border-bottom:1px solid var(--border);padding:0 13px;color:#9ca4b2}.list-search input{width:100%;border:0;outline:none;font-size:13px}.policy-list>button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--border);background:#fff;padding:15px;color:#303641}.policy-list>button:last-child{border-bottom:0}.policy-list>button:hover{background:#faf9ff}.policy-list>button.selected{background:#f3f0fc}.policy-list strong{display:block;font-size:15px;font-weight:400;margin-bottom:8px}.policy-list small{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;gap:8px}.policy-list small>span{font-size:11px}.card{background:#fff;border:1px solid var(--border);border-radius:3px;padding:18px;margin-bottom:20px;min-width:0}.policy-header{padding:0}.policy-header>div:first-child{padding:16px;display:flex;justify-content:space-between;align-items:center}.policy-header h2{font-size:22px;margin:0;font-weight:400}.policy-header .tabs{padding:0 16px;gap:34px;min-height:43px}.policy-header .tabs button{font-size:13px}.policy-detail .card:has(.notice){padding:16px}.notice{padding:12px 13px;background:#e8f7fb;border:1px solid #b2dfef;border-radius:4px;color:#53727c;font-size:13px;line-height:1.6;margin-bottom:18px}.notice:last-child{margin-bottom:0}.notice.danger{background:#fff0ef;border-color:#f0b7b1;color:#a4433a;margin:15px}.text-link{display:inline;border:0;padding:0;color:#7462bb;background:transparent;font-size:inherit}.text-link:hover{text-decoration:underline}.table-wrap{overflow:auto;width:100%;background:#fff;border:1px solid var(--border);border-radius:3px}.card .table-wrap{border-radius:0}.table-wrap table{width:100%;border-collapse:collapse;font-size:13px}.table-wrap th{text-align:left;background:#f3f4f6;font-size:11px;font-weight:400;color:#525b69;padding:12px 16px;white-space:nowrap;border-bottom:1px solid #d3d7df}.table-wrap td{padding:15px 16px;border-bottom:1px solid var(--border);line-height:1.5}.table-wrap tr:last-child td{border-bottom:0}.policy-detail .table-wrap{max-width:850px}.count{display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:#78669f;border-radius:12px;background:#efebf7;padding:3px 8px;vertical-align:middle;margin-left:7px}.toolbar{background:#fff;border:1px solid var(--border);border-radius:4px;padding:11px 15px;display:flex;align-items:center;gap:10px;color:#939aaa;margin-bottom:17px}.toolbar input{border:0;outline:none;flex:1;min-width:0;font-size:13px}.toolbar>span{font-size:12px}.person{display:flex;align-items:center;gap:12px}.person strong{display:block;font-weight:600;font-size:13px}.person small{display:block;font-size:11px;color:#9198a2;margin-top:3px}.badge{display:inline-flex;padding:4px 9px;border-radius:4px;background:#f0eef6;color:#75628e;font-size:11px;white-space:nowrap}.badge.active,.badge.approved,.badge.completed,.badge.published{background:#e6f5ed;color:#33815c}.badge.pending,.badge.draft{background:#fff3df;color:#b28538}.badge.rejected,.badge.inactive{background:#fbe8e8;color:#bd5e5e}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:22px 0}.stat{background:#fff;border:1px solid var(--border);border-radius:4px;padding:20px}.stat span{display:block;font-size:13px;color:var(--muted);margin-bottom:13px}.stat strong{font-size:28px;font-weight:400;color:#4d455f}.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.compact .stat{padding:13px}.compact .stat strong{font-size:20px}.compact .stat span{font-size:11px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}.cards-grid .card{margin:0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.section-title h2,.section-title h3{margin:0}.link-row{display:flex;align-items:center;justify-content:space-between;border:0;background:none;color:#6651ac;width:100%;padding:13px 0;text-align:left;border-bottom:1px solid var(--border)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--border);gap:14px;font-size:13px}.info-row span{color:#828997}.info-row b{font-weight:400}.shift-time{font-size:22px;color:#4b4269}.empty{padding:35px 20px;color:#b0b5c0;text-align:center}.empty h3{margin:12px 0 6px;color:#6f7784;font-size:15px}.empty p{font-size:12px;margin:0}.demo-note{font-size:11px;margin-top:18px;color:#969daa}.inline-actions{display:flex;gap:12px;align-items:center}.inline-actions .btn{padding:5px 9px;min-height:29px;font-size:11px}.danger-text{color:#bf6262}.clock-display{font-size:42px;margin:30px 0;color:#393147;font-weight:400}.punch-times{display:flex;gap:45px;margin-bottom:25px}.punch-times span{color:#8e95a0;font-size:12px}.punch-times b{display:block;color:#333c49;margin-top:8px;font-size:17px;font-weight:400}.clock-card>.btn{min-width:150px}.section-heading{margin:20px 0;font-size:18px}.net-pay{font-size:31px;color:#4f426b;margin:10px 0 25px}.profile>.avatar{width:65px;height:65px;font-size:21px;margin-bottom:15px}.profile .table-wrap{margin-top:25px;max-width:700px}.payroll-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:20px;margin-top:22px}.payroll-layout .card{min-height:350px}.footer-actions{display:flex;justify-content:flex-end;padding-top:20px}.org-tree{overflow:auto;padding:20px;background:#fff;border:1px solid var(--border)}.org-branch{display:flex;flex-direction:column;align-items:center;min-width:180px}.org-node{border:1px solid #dcd6ef;background:#fff;border-top:3px solid var(--purple);border-radius:6px;padding:17px;display:flex;flex-direction:column;align-items:center;gap:7px;width:180px}.org-node strong{font-size:12px}.org-node small,.org-node span:not(.avatar){font-size:11px;color:#88909e}.org-children{display:flex;align-items:start;gap:20px;padding-top:35px;margin-top:15px;border-top:1px solid #dcd6ef}.org-node .avatar{margin-bottom:4px}.overlay{position:fixed;inset:0;background:#1920306b;z-index:50;display:flex;justify-content:flex-end}.drawer{width:min(560px,100vw);background:#fff;box-shadow:-8px 0 30px #00000015;height:100%;display:flex;flex-direction:column}.drawer>header{display:flex;align-items:center;justify-content:space-between;padding:21px 25px;border-bottom:1px solid var(--border);flex-shrink:0}.drawer>header h2{margin:0;font-size:19px}.drawer form{display:flex;flex-direction:column;overflow:hidden;flex:1}.form-body{padding:25px;overflow-y:auto;flex:1}.form-body p{font-size:13px}.field{display:block;margin-bottom:20px}.field>span{display:block;font-size:13px;margin-bottom:8px;color:#555d69}.field input,.field select,.field textarea,.standalone-input{border:1px solid #d9dce4;border-radius:4px;padding:10px 11px;background:#fff;width:100%;font-size:13px;color:#343b48;min-height:40px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.day-picker{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);margin:20px 0;border-radius:4px}.day-picker label{padding:13px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);font-size:13px}.day-picker label:last-child{border:0}.day-picker .chosen{background:#f6f3fd}.day-picker input,.check-label input,.assignment-person input{accent-color:var(--purple);width:16px;height:16px}.check-label{display:flex;align-items:center;gap:10px;font-size:13px;margin:22px 0}.form-footer{padding:17px 25px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px;background:#fafbfc}.assignment-list{margin-top:16px;border:1px solid var(--border);border-radius:4px;max-height:55vh;overflow:auto}.assignment-person{padding:12px;display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--border)}.assignment-person:last-child{border-bottom:0}.assignment-person strong{display:block;font-size:13px;font-weight:400}.assignment-person small{display:block;color:#8b939e;font-size:11px;margin-top:4px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;max-width:calc(100vw - 30px);background:#233c32;color:#fff;padding:14px 17px;box-shadow:0 5px 25px #0003;border-radius:6px;z-index:100;font-size:13px}.toast.error{background:#853e3e}.loading{height:100vh;display:grid;place-items:center;color:#6c5ba9}.mobile-menu{display:none}.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:#fff}.login-intro{background:#f0ecf8;padding:65px 12%;display:flex;flex-direction:column;justify-content:center;color:#41316f}.login-brand{font-weight:700;font-size:40px;font-style:italic;margin-bottom:75px}.login-intro h1{font-size:44px;line-height:1.25;font-weight:400}.login-intro p{max-width:370px;color:#837396;font-size:16px;margin:20px 0 40px}.login-feature{display:flex;gap:10px;align-items:center;color:#7d6b98;font-size:12px}.login-panel{display:flex;align-items:center;justify-content:center;padding:40px}.login-panel form{width:100%;max-width:340px}.login-panel h2{font-size:29px;margin:18px 0 8px}.login-panel p{margin-bottom:33px}.eyebrow{font-size:11px;letter-spacing:2px;color:#8c77b5}.login-panel .btn{width:100%;margin-top:10px}.login-footnote{display:block;text-align:center;font-size:11px;color:#9d96a8;margin-top:24px}.form-error{color:#a74444!important;background:#fff0ef;padding:10px;border-radius:4px;font-size:13px!important}.spacer{height:20px}@media(min-width:1800px){.policy-layout{grid-template-columns:270px minmax(0,1fr)}.content{padding:24px}.topbar{--header:56px}.page-title p{max-width:1200px}}@media(max-width:1100px){.global-search{max-width:400px}.global-search kbd{display:none}.module-tabs{gap:22px}.policy-layout{grid-template-columns:210px minmax(0,1fr)}.company{margin-right:15px}.stats{gap:10px}.stat{padding:15px}.stat strong{font-size:23px}.policy-header .tabs{gap:18px}.payroll-layout{grid-template-columns:170px minmax(0,1fr)}}@media(max-width:760px){:root{--sidebar:72px}.company{font-size:14px;margin:0 14px}.global-search{display:none}.top-actions{gap:11px;padding-right:12px}.brand{font-size:23px}.sidebar button{font-size:10px;min-height:76px;padding:16px 3px}.content{padding:16px 12px}.page-title{gap:12px;margin-top:10px;flex-wrap:wrap}.page-title h1{font-size:21px}.page-title p,.page-title .btn{font-size:12px}.policy-layout{grid-template-columns:1fr;gap:16px}.policy-list{display:flex;overflow-x:auto;align-items:stretch}.policy-list>button{min-width:150px;width:auto;border-right:1px solid var(--border);border-bottom:0;padding:13px}.policy-list strong{font-size:12px;white-space:nowrap}.policy-list small{font-size:10px;gap:10px}.list-search{display:none}.policy-header h2{font-size:20px}.policy-header .tabs{overflow-x:auto;gap:20px}.policy-header .tabs button{font-size:11px}.table-wrap th,.table-wrap td{padding:11px 12px}.two-columns{grid-template-columns:1fr;gap:0}.stats{grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0}.stat strong{font-size:24px}.cards-grid,.payroll-layout{grid-template-columns:1fr}.payroll-layout>.policy-list>button{min-width:120px}.compact{grid-template-columns:1fr}.compact .stat{padding:10px;display:flex;justify-content:space-between;align-items:center}.compact .stat span{margin:0}.compact .stat strong{font-size:17px}.toolbar>span{display:none}.login-page{grid-template-columns:1fr}.login-intro{padding:30px}.login-brand{margin:0}.login-intro h1,.login-intro p,.login-feature{display:none}.login-panel{padding:40px 25px;align-items:flex-start}.login-panel form{max-width:400px}.form-grid{grid-template-columns:1fr;gap:0}.drawer{width:100vw}.toast{width:max-content;max-width:calc(100vw - 20px);bottom:14px}.notice{font-size:12px}.module-tabs{padding:0 12px;gap:24px}.module-tabs button{font-size:10px}.secondary-tabs{gap:24px;padding:0 12px}.secondary-tabs button{font-size:12px}}@media print{.topbar,.sidebar,.tabs,.btn,.toast{display:none}.workspace{margin:0}.card{break-inside:avoid}}.directory-filters{display:flex;align-items:center;background:#fff;border:1px solid var(--border);margin-bottom:20px;min-height:65px}.directory-filters label{padding:10px 16px;border-right:1px solid var(--border);font-size:10px;text-transform:uppercase;color:#9096a0;min-width:170px}.directory-filters select{display:block;border:0;background:#fff;color:#555d69;width:100%;font-size:12px;margin-top:5px;padding:2px 0}.directory-filters>span{margin-left:auto;padding:15px;font-size:11px;color:#8b929e}.directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.employee-card{background:#fff;border:1px solid var(--border);border-radius:3px;padding:18px 15px;display:flex;align-items:flex-start;gap:16px;min-height:160px}.employee-card>.avatar{height:68px;width:68px;font-size:25px;background:#78c4b1;color:#fff;font-weight:400}.employee-card:nth-child(3n)>.avatar{background:#74b4c4}.employee-card:nth-child(5n)>.avatar{background:#eeb26c}.employee-card>div{min-width:0;flex:1}.employee-card-name{display:flex;align-items:center;gap:5px}.employee-card h3{font-size:13px;line-height:1.4;margin:0;font-weight:600}.employee-card p{font-size:11px;color:#444b57;margin:6px 0 13px}.employee-card dl{margin:0;font-size:11px}.employee-card dl>div{display:flex;gap:3px;margin-top:8px}.employee-card dt{color:#969ba5;white-space:nowrap}.employee-card dd{margin:0;overflow-wrap:anywhere}.employee-card .icon-button{padding:1px;color:#9ba1ac}@media(max-width:1500px){.directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1100px){.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-filters label{min-width:140px}.directory-filters>span{font-size:10px}}@media(max-width:760px){.directory-grid{grid-template-columns:1fr;gap:12px}.directory-filters{flex-wrap:wrap}.directory-filters label{min-width:0;width:33%;padding:10px 8px}.directory-filters>span{padding:9px;margin-left:0;width:100%;border-top:1px solid var(--border)}.employee-card{min-height:150px}.employee-card>.avatar{width:62px;height:62px}}.expense-module>.content{padding:24px 0}.expense-module>.secondary-tabs{margin:0 -28px;padding-left:28px}.expense-line{border:1px solid #e3e5ea;border-radius:6px;padding:18px;margin:18px 0;background:#fff}.expense-line h3{margin:0}.expense-policy-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:20px}.expense-module .cards-grid{align-items:start}.badge.settlement-pending{background:#fff2d7;color:#936416}.badge.settled,.badge.paid{background:#e7f5ef;color:#27805c}.badge.rejected{background:#fde8e9;color:#b94248}.badge.draft{background:#edf0f5;color:#5a6576}.expense-module h1{font-size:24px}.expense-module .stat strong{font-size:25px}.expense-module .assignment-list .check-label{padding:10px;border-bottom:1px solid #eee}.expense-module .table-wrap td{max-width:260px;overflow-wrap:anywhere}.expense-module .page-title .inline-actions{flex-wrap:wrap}.expense-module .cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media(max-width:700px){.expense-module>.secondary-tabs{margin:0 -16px;padding-left:16px}.expense-module .page-title{align-items:flex-start;gap:16px;flex-direction:column}}