:root{--green:#137f70;--green-dark:#09685b;--ink:#25343b;--muted:#8a959f;--line:#e9edf0;--bg:#f5f7f9;--mint:#edf7f3;--blue:#edf3fc;--orange:#fff4e7;--purple:#f2effb}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{transition:background .16s,color .16s,border-color .16s}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #85c8ba}a{color:var(--green);text-decoration:none}input,select,textarea{min-width:0;color:var(--ink);background:#fff;border:1px solid #dfe5e8;border-radius:6px;outline:none;padding:9px 11px}input:focus,select:focus,textarea:focus{border-color:#5eaa9b;box-shadow:0 0 0 3px #1387770d}input::placeholder,textarea::placeholder{color:#a4acb4}textarea{resize:vertical}input[type=checkbox]{accent-color:var(--green);cursor:pointer;width:16px;height:16px}h1,h2,h3,p{margin:0}h1{letter-spacing:.2px;font-size:25px;font-weight:650}h2{font-size:19px}h3{font-size:15px;font-weight:600}small{font-size:13px}.muted{color:var(--muted)!important}.green-text{color:var(--green)!important}.right{text-align:right!important}.push{margin-left:auto}.full{width:100%}.spinning{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:30;background:#fff;flex-direction:column;width:228px;display:flex;position:fixed;inset:0 auto 0 0}.brand{text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:27px 23px 23px;display:flex}.brand-icon{color:#fff;background:var(--green);border-radius:11px 11px 11px 3px;place-items:center;width:41px;height:44px;display:grid}.brand b{letter-spacing:2px;font-size:24px;font-weight:650;line-height:1.3}.brand b span{letter-spacing:0;font-size:19px;font-weight:500}.brand small{color:#8c979f;letter-spacing:1px;margin-top:3px;font-size:12px;display:block}.workspace-name{background:#f7f9f9;border:1px solid #edf0ef;border-radius:7px;align-items:center;gap:8px;margin:0 17px 21px;padding:11px;font-size:14px;font-weight:500;display:flex}.company-dot{background:var(--green);border-radius:2px;width:7px;height:7px}.edition{color:#8c969c;background:#fff;border:1px solid #e7ebec;border-radius:3px;margin-left:auto;padding:0 5px;font-size:11px;font-weight:400}.sidebar nav{scrollbar-width:thin;padding:0 13px 10px;overflow-y:auto}.nav-group{margin-bottom:19px}.nav-label{letter-spacing:1.3px;color:#9ca6ac;margin:0 15px 8px;font-size:12px;display:block}.nav-item{color:#6f7c85;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:12px;width:100%;margin:4px 0;padding:11px 15px;font-size:14px;display:flex}.nav-item:hover{color:var(--green);background:#f6f9f8}.nav-item.active{color:var(--green-dark);background:#eaf4f0;font-weight:600}.nav-item b{text-align:center;background:var(--green);color:#fff;border-radius:4px;min-width:20px;margin-left:auto;padding:0 5px;font-size:12px;font-weight:500;line-height:17px}.sidebar-bottom{background:#fff;margin-top:auto}.security{color:#5d8576;background:#f7faf8;border:1px solid #e5efea;border-radius:7px;align-items:center;gap:9px;margin:15px 17px;padding:13px 10px;display:flex}.security b{font-size:12px;font-weight:500;display:block}.security small{color:#91a298;margin-top:2px;font-size:11px;display:block}.user-mini{border-top:1px solid var(--line);align-items:center;gap:10px;padding:17px;display:flex}.user-mini b{font-size:14px;font-weight:500}.user-mini small{color:var(--muted);font-size:11px;display:block}.user-mini a{color:#9ba5aa;margin-left:auto}.avatar{color:#5c8171;background:#e9f0ed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;font-size:12px;font-weight:500;display:inline-flex}.avatar.c1{color:#6883a1;background:#eaf0f7}.avatar.c2{color:#a48c65;background:#f3eee6}.avatar.c3{color:#9273a5;background:#f0eaf5}.avatar.c4{color:#7e9494;background:#eef1f1}.main-shell{width:calc(100% - 228px);min-width:0;margin-left:228px}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:20px;height:72px;padding:0 31px;display:flex}.breadcrumb{color:#9aa4ab;align-items:center;gap:14px;font-size:14px;display:flex}.breadcrumb b{color:#4b5a64;font-weight:500}.top-actions{align-items:center;gap:20px;display:flex;position:relative}.top-date{color:#949ea7;letter-spacing:.3px;margin-right:9px;font-size:13px}.top-divider{background:#e9edef;width:1px;height:24px}.top-name{min-width:45px;margin-left:-10px;font-size:14px;line-height:1.2}.top-name small{color:#99a4aa;margin-top:6px;font-size:11px;display:block}.icon-btn{color:#929ea6;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;padding:5px;display:inline-flex}.icon-btn:hover{color:var(--green);background:#eef4f1}.bell-button{position:relative}.bell-button i{background:#d99471;border:1px solid #fff;border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:4px}.environment-bar{color:#8b9c93;background:#f0f5f3;border-bottom:1px solid #e4ece7;justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding:7px 31px;font-size:12px;display:flex}.environment-bar>div:first-child{align-items:center;gap:9px;display:flex}.environment-bar b{color:#688775;font-size:12px;font-weight:500}.live-dot{background:#91af9a;border-radius:50%;width:5px;height:5px}.live-dot.real{background:#137f70}.demo-actions{align-items:center;gap:20px;display:flex}.demo-actions label{align-items:center;gap:8px;display:flex}.demo-actions select{color:#688775;background:#fff;border-color:#dce6df;border-radius:4px;padding:3px 7px;font-size:12px}.environment-bar button{color:#678574;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12px;display:inline-flex}.environment-bar button:hover{color:var(--green)}main{max-width:1660px;margin:auto;padding:28px 31px 0}.greeting{justify-content:space-between;align-items:center;padding:1px 0 25px;display:flex}.eyebrow{letter-spacing:2px;color:#8ba396;font-size:12px}.greeting h1{margin-top:8px;font-size:24px}.greeting h1>span{letter-spacing:1px;color:#8c989f;margin-left:17px;font-size:15px;font-weight:400}.greeting p{color:#8d99a1;margin-top:9px;font-size:13px}.greeting p b{color:var(--green);font-weight:500}.greeting-mark{color:#b7cec2;align-items:center;gap:13px;padding:0 20px;display:flex}.greeting-mark span{writing-mode:vertical-rl;letter-spacing:1.5px;color:#9cb5a7;font-size:7px}.card{background:#fff;border:1px solid #e5eaed;border-radius:9px;overflow:hidden;box-shadow:0 2px 3px #2a445302}.stats{grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:22px;display:grid}.stat{text-align:left;padding:18px 21px 15px;transition:transform .2s,box-shadow .2s}.stat:hover{transform:translateY(-2px);box-shadow:0 5px 16px #253e3610}.stat>div{color:#7e8b94;justify-content:space-between;align-items:center;font-size:13px;display:flex}.stat-icon{border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.mint{background:var(--mint);color:#258c76}.blue{background:var(--blue);color:#6c8eb7}.orange{background:var(--orange);color:#c79a61}.purple{background:var(--purple);color:#9985b6}.stat>b{letter-spacing:.3px;margin:6px 0 16px;font-family:Arial,Noto Sans SC,sans-serif;font-size:30px;font-weight:500;line-height:1.3;display:block}.stat>b small{color:#9ca6ac;margin-left:8px;font-family:Noto Sans SC,sans-serif;font-size:12px;font-weight:400}.stat>p{color:#a0a9af;border-top:1px solid #f1f3f4;align-items:center;gap:6px;padding-top:11px;font-size:11px;display:flex}.stat>p svg{color:#a5b7ac;margin-left:auto}.tiny-dot{background:currentColor;border-radius:50%;width:4px;height:4px;display:inline-block}.dash-grid{grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);gap:21px;display:grid}.section-head{justify-content:space-between;align-items:center;gap:15px;padding:21px 23px 17px;display:flex}.section-head h3{letter-spacing:.3px;font-size:15px}.section-head p{color:#a1aab0;letter-spacing:.3px;margin-top:6px;font-size:11px}.link{color:var(--green);white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:13px;display:inline-flex}.link:hover{color:var(--green-dark)}.quick-grid{grid-template-columns:repeat(3,1fr);gap:15px 22px;padding:0 20px 22px;display:grid}.quick-grid>button{text-align:left;background:#fff;border:1px solid #edf0f1;border-radius:6px;align-items:center;gap:10px;padding:15px 10px;display:flex}.quick-grid>button:hover{background:#fcfefc;border-color:#bbd9cc}.quick-grid b{white-space:nowrap;font-size:13px;font-weight:500}.quick-grid>button>svg{color:#b3bdc3;margin-left:auto}.quick-icon{border-radius:8px;flex-shrink:0;place-items:center;width:39px;height:39px;display:grid}.checkin .section-head{padding-bottom:8px}.soft-icon{color:#81a68e;background:#f1f6f3;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.clock-display{letter-spacing:.5px;padding:0 23px;font-family:Arial,sans-serif;font-size:27px;font-weight:500}.clock-display span{color:#bdc9c2;margin:0 8px;font-size:21px}.checkin>p{color:#a0a9b0;padding:3px 23px 12px;font-size:11px}.punch-line{border-top:1px solid #f0f3f3;gap:20px;margin:0 23px 15px;padding:11px 0 0;display:flex}.punch-line>div{color:#9ba6ad;flex-wrap:wrap;flex:1;align-items:center;gap:5px;font-size:11px;display:flex}.punch-line i{background:#c3cbd0;border-radius:50%;width:4px;height:4px}.punch-line i.green{background:#79a28b}.punch-line b{color:#61736b;margin-left:auto;font-size:13px;font-weight:500}.btn{white-space:nowrap;color:#6e7c83;background:#fff;border:1px solid #dfe5e8;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:35px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.btn:hover{color:var(--green);border-color:#a8cabc}.btn.primary{color:#fff;background:var(--green);border-color:var(--green)}.btn.primary:hover{background:var(--green-dark);border-color:var(--green-dark)}.btn.danger{color:#bb6d66;background:#fffbfa;border-color:#e9d3d0}.checkin .btn{width:calc(100% - 46px);margin:0 23px 19px;padding:7px;font-size:13px}.todo-tabs{color:#929da5;border-bottom:1px solid #edf1f2;gap:26px;margin:0 23px;font-size:13px;display:flex}.todo-tabs>span,.todo-tabs>button{color:inherit;background:0 0;border:0;align-items:center;gap:7px;padding:0 0 12px;display:inline-flex}.todo-tabs .active{color:var(--green);border-bottom:2px solid var(--green)}.todo-tabs b{color:#638d77;background:#eef4f0;border-radius:3px;padding:0 5px;font-size:11px;font-weight:400}.todo-row{text-align:left;background:#fff;border:0;border-bottom:1px solid #eff2f4;align-items:center;gap:12px;width:calc(100% - 46px);margin:0 23px;padding:17px 0;display:flex}.todo-row:last-child{border-bottom:0;margin-bottom:6px}.todo-row:hover{background:#fcfefd}.todo-icon{border-radius:8px;flex-shrink:0;place-items:center;width:39px;height:41px;display:grid}.todo-row>div{min-width:0}.todo-row b{text-overflow:ellipsis;white-space:nowrap;max-width:270px;font-size:13px;font-weight:500;display:block;overflow:hidden}.todo-row p{color:#a2abb2;align-items:center;gap:7px;margin-top:6px;font-size:11px;display:flex}.todo-row p i{background:#dce2e5;width:1px;height:8px}.todo-end{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:5px;margin-left:auto;font-size:14px;display:flex}.todo-row>svg{color:#b3c0c6;margin-left:4px}.badge{color:#8a98a3;white-space:nowrap;background:#f1f3f5;border-radius:4px;align-items:center;gap:4px;padding:3px 7px;font-size:11px;line-height:1.5;display:inline-flex}.badge i{background:currentColor;border-radius:50%;width:4px;height:4px;display:block}.badge.pending{color:#ba945c;background:#fbf3e7}.badge.approved,.badge.paid{color:#528f78;background:#edf6ef}.badge.rejected{color:#ba7b72;background:#fbefed}.badge.withdrawn{color:#99a3ab;background:#f1f3f5}.announcements{flex-direction:column;display:flex}.announcements .section-head{padding-bottom:6px}.notice-row{text-align:left;background:0 0;border:0;border-bottom:1px solid #eef2f3;margin:0 23px;padding:15px 0;display:block}.notice-row:last-child{border-bottom:0}.notice-row:hover b{color:var(--green)}.notice-cat{color:#7a9d6d;background:#f0f5ee;border-radius:3px;padding:2px 6px;font-size:11px}.notice-cat.n1{color:#829bbc;background:#edf3fb}.notice-cat.n2{color:#b59970;background:#f7f1e8}.notice-row>b{margin-top:7px;font-size:13px;font-weight:500;display:block}.notice-row>p{color:#a6afb6;margin-top:6px;font-size:11px;display:flex}.notice-row>p>span{color:#a2b7ab;align-items:center;gap:4px;margin-left:auto;display:flex}.chart{padding:0 23px 12px}.chart-legend{color:#85958b;justify-content:space-between;margin-bottom:3px;font-size:11px;display:flex}.chart-legend>span:first-child{align-items:center;gap:6px;display:flex}.chart-legend i{background:var(--green);border-radius:50%;width:6px;height:6px}.chart svg{width:100%;display:block}.vertical-steps{flex-direction:column;gap:0;margin:0 23px 14px;display:flex}.vertical-steps>div{align-items:center;gap:12px;padding:6px 0;display:flex;position:relative}.vertical-steps>div:before{content:"";background:#e0ece5;width:1px;height:25px;position:absolute;top:22px;left:10px}.vertical-steps>div:last-child:before{display:none}.vertical-steps>div>span{color:#7e9e89;z-index:1;background:#f1f6f2;border:1px solid #dfeae2;border-radius:50%;place-items:center;width:21px;height:21px;font-size:11px;display:grid}.vertical-steps b{min-width:55px;font-size:12px;font-weight:500}.vertical-steps small{color:#9fa9af;margin-left:auto;font-size:11px}.process-note{color:#92a99a;border-top:1px solid #edf2ef;align-items:center;gap:7px;margin:0 23px 18px;padding-top:13px;font-size:11px;display:flex}footer{color:#b0b8be;justify-content:space-between;gap:10px;padding:26px 0 18px;font-size:11px;display:flex}footer>span:last-child{align-items:center;gap:9px;display:flex}footer i{background:#d8dfe2;width:1px;height:8px}.page-head{justify-content:space-between;align-items:center;gap:15px;min-height:65px;margin-bottom:25px;display:flex}.page-head p{color:#929ea6;margin-top:8px;font-size:13px}.head-actions{gap:10px;display:flex}.tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:30px;padding:0 23px;display:flex;overflow-x:auto}.tabs button{white-space:nowrap;color:#8d99a2;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:19px 0 15px;font-size:14px;display:flex}.tabs button.active{border-bottom-color:var(--green);color:var(--green);font-weight:500}.tabs span{color:#8da495;background:#f1f5f3;border-radius:3px;padding:0 5px;font-size:11px}.toolbar{align-items:center;gap:12px;padding:19px 23px;display:flex}.toolbar select,.toolbar input{min-height:34px;padding:8px 10px;font-size:12px}.input-icon{color:#b0bac0;border:1px solid #dfe5e8;border-radius:5px;flex:1;align-items:center;gap:7px;max-width:265px;padding-left:10px;display:flex}.input-icon input{box-shadow:none;background:0 0;border:0;width:100%;padding-left:0;font-size:12px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{color:#909ca6;background:#f8fafb;border-top:1px solid #f0f3f4;border-bottom:1px solid #edf1f3;padding:12px 20px;font-size:12px;font-weight:500}td{color:#75828c;border-bottom:1px solid #edf1f3;height:68px;padding:16px 20px;font-size:13px}th:first-child,td:first-child{padding-left:23px}th:last-child,td:last-child{padding-right:23px}tbody tr:hover{background:#fbfdfc}td>b{color:#43535d;font-weight:500}td small{color:#a6afb6;margin-top:4px;font-size:11px;display:block}td .row-title{text-align:left;color:#52636a;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;max-width:250px;padding:0;font-size:13px;font-weight:500;overflow:hidden}.row-title:hover{color:var(--green)}.person{align-items:center;gap:9px;display:flex}.person b{color:#52636a;font-weight:500}.person small{margin:1px 0 0}.person .avatar{width:29px;height:29px;font-size:11px}.table-foot{color:#a4aeb5;justify-content:space-between;padding:15px 23px;font-size:11px;display:flex}.table-foot span{color:#b6bfc4}.empty{color:#b4c1c0;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:200px;padding:35px;display:flex}.empty b{color:#8e9f9a;font-size:14px;font-weight:500}.empty span{color:#aab5af;font-size:12px}.mini-stats{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px;display:grid}.mini-stats>div{background:#fff;border:1px solid #e6ecee;border-radius:8px;padding:19px 22px}.mini-stats>div>span{color:#929da5;font-size:13px}.mini-stats b{margin:6px 0 0;font-family:Arial,Noto Sans SC,sans-serif;font-size:27px;font-weight:500;line-height:1.5;display:block}.mini-stats b small{color:#a4adb2;font-family:Noto Sans SC,sans-serif;font-size:12px;font-weight:400}.mini-stats>div>small{color:#a6afb5;font-size:11px}.flow-banner{color:#7eaa8e;background:#f1f7f3;border:1px solid #e3ece5;border-radius:8px;align-items:center;gap:15px;margin-bottom:22px;padding:24px;display:flex}.flow-banner b{color:#59866b;font-size:14px;font-weight:500}.flow-banner p{color:#95a59a;margin-top:5px;font-size:11px}.flow-inline{color:#81a58e;white-space:nowrap;align-items:center;gap:10px;margin-left:auto;font-size:12px;display:flex}.flow-inline svg{width:12px}.attendance-top{grid-template-columns:1.4fr 1fr;gap:20px;margin-bottom:23px;display:grid}.att-stats{justify-content:space-around;gap:20px;padding:8px 23px 23px;display:flex}.att-stats>div{flex-direction:column;align-items:center;gap:7px;display:flex;position:relative}.att-stats b{font-family:Arial,sans-serif;font-size:26px;font-weight:500}.att-stats>div>span:last-child{color:#9ba5ac;font-size:12px}.att-dot{background:currentColor;border-radius:50%;width:6px;height:6px;position:absolute;top:10px;left:-12px}.att-rules{color:#81a48e;align-items:center;gap:20px;padding:22px;display:flex}.att-rules b{color:#526c5c;font-size:14px;font-weight:500}.att-rules p{color:#91a596;margin:8px 0 3px;font-size:14px}.att-rules span{color:#a3afa6;font-size:11px}.att-rules>button{margin-left:auto;font-size:11px}.security-note{color:#9a8aac;background:#f4f2f9;border:1px solid #e8e3f0;border-radius:6px;align-items:center;gap:10px;margin-bottom:21px;padding:14px 20px;font-size:12px;display:flex}.security-note b{font-weight:500}.security-note span{color:#a69bb4;margin-left:6px}.report-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.bars{padding:10px 25px 28px}.bars>div{align-items:center;gap:14px;margin:16px 0;font-size:13px;display:flex}.bars>div>span{color:#8c989f;width:80px}.bars>div>div{background:#f5f8f7;border-radius:3px;flex:1;height:10px;overflow:hidden}.bars i{background:#65a893;border-radius:3px;height:10px;display:block}.bars b{text-align:right;color:#8d999f;min-width:20px;font-size:13px;font-weight:400}.report-total{color:#a1acae;border-top:1px solid #edf0f2;justify-content:space-between;align-items:center;margin:0 25px;padding:17px 0;font-size:13px;display:flex}.report-total b{color:#628271;font-size:24px;font-weight:400}.big-report{text-align:center;color:#9fbcae;padding:25px}.big-report>b{color:#557b68;justify-content:center;align-items:baseline;gap:10px;margin:15px 0 5px;font-family:Arial,sans-serif;font-size:50px;font-weight:400;display:flex}.big-report>b>span{color:#91a699;font-family:Noto Sans SC,sans-serif;font-size:14px}.big-report p{color:#9cab9f;font-size:13px}.settings-intro{justify-content:space-between;align-items:center;gap:20px;padding:25px;display:flex}.settings-intro h3{font-size:15px}.settings-intro p{color:#9aa5ac;margin-top:7px;font-size:12px}.permission-table{text-align:center}.permission-table th:first-child,.permission-table td:first-child{text-align:left;width:185px}.permission-table th,.permission-table td{height:51px;padding:12px 16px}.permission-table td:first-child{font-size:13px}.permission-table td:first-child svg{vertical-align:middle;margin-right:5px}.permission-table td>svg{margin:auto;display:block}.permission-table small{color:#acb7b9;margin-top:4px;font-size:11px;font-weight:400;display:block}.settings-note{color:#95a89b;background:#f7faf8;border-top:1px solid #eaf0ec;align-items:center;gap:9px;padding:17px 24px;font-size:12px;display:flex}.settings-note svg{color:#8fad98;flex-shrink:0}.workflow-settings{padding:5px 25px 25px}.workflow-settings section{border-bottom:1px solid var(--line);padding:24px 0}.workflow-settings h3{align-items:center;gap:13px;font-size:14px;display:flex}.workflow-settings p{color:#9caaa1;margin-top:17px;font-size:12px}.workflow-line{color:#a4bbae;align-items:center;gap:16px;margin-top:25px;display:flex;overflow-x:auto}.workflow-line span{white-space:nowrap;color:#75977f;background:#f3f8f4;border:1px solid #e3eee6;border-radius:5px;padding:9px 16px;font-size:13px}.workflow-settings .settings-note{border:1px solid #e9f0eb;border-radius:6px;margin-top:25px}.company-form{flex-direction:column;align-items:flex-start;gap:22px;max-width:600px;padding:30px;display:flex}.company-form .field{width:100%}.company-form p{font-size:12px}.notification-popover{border:1px solid var(--line);z-index:45;background:#fff;border-radius:8px;width:340px;padding:20px;position:absolute;top:45px;right:70px;box-shadow:0 10px 40px #203b3620}.notification-popover h3{justify-content:space-between;margin-bottom:12px;font-size:14px;display:flex}.notification-popover h3 span{color:#93a699;font-size:12px;font-weight:400}.notification-popover>button:not(.link){text-align:left;color:#8fa999;background:0 0;border:0;border-bottom:1px solid #edf1ef;gap:12px;width:100%;padding:14px 0;display:flex}.notification-popover b{color:#668072;font-size:13px;font-weight:500;display:block}.notification-popover small{color:#a4afa8;margin-top:5px;font-size:11px;display:block}.notification-popover>.link{margin-top:15px}.error-banner{color:#ac8f5a;background:#fff9ed;border:1px solid #ecddbe;border-radius:6px;align-items:center;gap:10px;margin:16px 31px 0;padding:10px 15px;font-size:13px;display:flex}.error-banner a{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.error-banner .icon-btn{margin-left:auto}.toast{color:#fff;z-index:110;background:#285a4d;border-radius:7px;align-items:center;gap:10px;max-width:90vw;padding:12px 22px;font-size:14px;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 6px 28px #234e482b}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#152c354b;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:10px;width:620px;max-width:100%;max-height:calc(100dvh - 60px);overflow-y:auto;box-shadow:0 20px 80px #182d382b}.modal>header{z-index:3;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:20px 27px;display:flex;position:sticky;top:0}.modal h2{font-size:17px;font-weight:600}.form-body,.detail-body{padding:25px 28px}.form-context{background:#f8faf9;border:1px solid #e9efec;border-radius:7px;align-items:center;gap:10px;margin-bottom:22px;padding:13px 15px;display:flex}.form-context b{font-size:14px;font-weight:500;display:block}.form-context span:not(.avatar):not(.badge){color:#9ba9a0;font-size:12px}.form-context>.badge{margin-left:auto}.form-section{align-items:center;gap:8px;margin:23px 0 14px;font-size:14px;font-weight:500;display:flex}.form-section:before{content:"";background:#4c9a80;border-radius:2px;width:3px;height:12px}.form-grid{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;min-width:0;margin:0;padding:0;display:grid}.field{flex-direction:column;gap:7px;min-width:0;display:flex}.field>span{color:#7b8b92;align-items:center;gap:5px;font-size:13px;display:flex}.field em{color:#cf9682;font-size:14px;font-style:normal}.field input,.field select,.field textarea{width:100%;padding:10px 11px;font-size:14px}.full-field{grid-column:1/-1}.amount-field{color:var(--green);background:#f7faf8;border:1px solid #e1eae5;border-radius:6px;padding:8px 12px;font-family:Arial,sans-serif;font-size:16px}.form-section-line{justify-content:space-between;align-items:center;display:flex}.expense-items{background:#fbfcfc;border:1px solid #e5ebed;border-radius:6px;padding:14px 16px}.expense-labels,.expense-item{grid-template-columns:1.6fr 1fr 1fr 24px;align-items:center;gap:10px;margin-bottom:10px;display:grid}.expense-labels{color:#a1acae;font-size:12px}.expense-item input{width:100%;padding:8px;font-size:13px}.expense-total{color:#8fa297;border-top:1px solid #e8eeea;justify-content:flex-end;align-items:center;gap:18px;margin-top:15px;padding-top:13px;font-size:13px;display:flex}.expense-total b{color:var(--green);font-family:Arial,sans-serif;font-size:21px;font-weight:500}.upload{text-align:center;cursor:pointer;color:#9eb7a9;background:#fcfefd;border:1px dashed #cbded3;border-radius:6px;flex-direction:column;align-items:center;gap:7px;padding:23px;display:flex;position:relative}.upload b{color:#6d9981;font-size:13px;font-weight:400}.upload span{color:#acb9b0;font-size:11px}.upload input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.file-chip{color:#7c9a8b;background:#f9fcfa;border:1px solid #e3ebe6;border-radius:5px;align-items:center;gap:9px;margin-top:10px;padding:9px 12px;font-size:13px;display:flex}.file-chip>span{text-overflow:ellipsis;flex:1;overflow:hidden}.file-chip>button{color:#9fb2a6;background:0 0;border:0;align-items:center;margin-left:auto;display:flex}.file-chip>svg:last-child{margin-left:auto}.form-flow{color:#abc0b2;background:#f8fbf9;border:1px solid #e6eee9;border-radius:6px;flex-wrap:wrap;align-items:center;gap:10px;padding:14px;display:flex}.form-flow>span{color:#7e9f8b;font-size:12px}.form-tip{margin-top:10px;font-size:12px}.modal-footer{z-index:2;background:#fcfdfc;border-top:1px solid #e9eeeb;align-items:center;gap:10px;padding:17px 27px;display:flex;position:sticky;bottom:0}.modal-footer>span:first-child:not(.badge){color:#a3b1a7;margin-right:auto;font-size:11px}.choose-grid{grid-template-columns:repeat(2,1fr);gap:13px;padding:28px;display:grid}.choose-grid>button{color:#86a793;background:#fcfefd;border:1px solid #e1ebe5;border-radius:6px;align-items:center;gap:13px;padding:20px;display:flex}.choose-grid b{color:#5e7e6c;font-size:14px;font-weight:500}.choose-grid>button>svg:last-child{margin-left:auto}.choose-grid>button:hover{background:#edf6f0}.detail-heading{align-items:center;gap:13px;margin-bottom:23px;display:flex}.detail-type{color:#78a58c;background:#edf5f0;border-radius:8px;padding:12px}.detail-heading h2{font-size:17px;font-weight:500}.detail-heading p{color:#9ba8a0;margin-top:6px;font-size:12px}.detail-heading>.badge{margin-left:auto}.detail-grid{background:#fbfdfb;border:1px solid #e8eeea;border-radius:7px;grid-template-columns:repeat(2,1fr);gap:19px 25px;padding:18px 21px;display:grid}.detail-grid small{color:#a3afa7;font-size:12px;display:block}.detail-grid b{color:#6b8173;white-space:pre-wrap;margin-top:5px;font-size:14px;font-weight:400;display:block}.reason-block{white-space:pre-wrap;color:#8b9c91;background:#f8faf9;border-radius:5px;padding:15px 18px;font-size:14px;line-height:1.9}.detail-table th,.detail-table td{height:45px;padding:11px 15px;font-size:13px}.approval-track{border:1px solid #e6eee8;border-radius:6px;justify-content:space-between;gap:5px;padding:19px 10px;display:flex;overflow-x:auto}.approval-track>div{flex-direction:column;flex:1;align-items:center;gap:7px;min-width:62px;display:flex;position:relative}.approval-track>div:before{content:"";background:#e3eae6;height:1px;position:absolute;top:13px;left:calc(50% + 20px);right:calc(20px - 50%)}.approval-track>div:last-child:before{display:none}.approval-track>div>span{color:#b0beb4;background:#f6faf7;border:1px solid #dfe7e2;border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;display:grid}.approval-track>div.done>span{color:#75a387;background:#ebf5ee;border-color:#b4d2bf}.approval-track>div.current>span{background:var(--green);border-color:var(--green);color:#fff}.approval-track b{color:#8d9d92;font-size:12px;font-weight:400}.approval-track small{color:#bac6bd;font-size:11px}.approval-track .current b{color:var(--green)}.history{padding:0 5px}.history>div{align-items:flex-start;gap:15px;padding:13px 0;display:flex;position:relative}.history>div>i{background:#b3cdbd;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:9px}.history>div:not(:last-child):before{content:"";background:#e4eee7;width:1px;position:absolute;top:22px;bottom:-13px;left:3px}.history b{color:#7a9283;align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}.history p{color:#a4b1a8;margin-top:5px;font-size:12px}.history time{color:#b2bdb5;margin-top:3px;margin-left:auto;font-size:11px}.detail-body>.field{margin-top:20px}.detail-body>.settings-note{border:1px solid #e5eee8;border-radius:5px;margin-top:20px;padding:12px 15px}.salary-total{color:#7d9d89;background:#f8fcf9;border:1px solid #e2ece5;border-radius:6px;padding:15px;font-size:15px}.salary-total small{color:#a6b5aa;margin-top:6px;font-size:11px;display:block}.notice-detail{padding:30px}.notice-detail h2{margin-top:14px;font-size:21px}.notice-detail p{margin-top:10px;font-size:12px}.notice-detail article{color:#83958a;white-space:pre-wrap;margin:30px 0 10px;font-size:14px;line-height:2.1}.mobile-toggle,.shade{display:none}@media (width>=1600px){main{padding:35px 45px 0}.dash-grid{grid-template-columns:minmax(0,2fr) minmax(320px,1fr)}.quick-grid{gap:22px;padding-bottom:25px}.quick-grid>button{padding:20px 12px}.greeting{padding-bottom:30px}.stats{gap:23px;margin-bottom:25px}.stat{padding:22px 25px 19px}.todo-row{padding:21px 0}}@media (width<=1250px){.sidebar{width:205px}.main-shell{width:calc(100% - 205px);margin-left:205px}main{padding:23px 23px 0}.topbar,.environment-bar{padding-left:23px;padding-right:23px}.brand{padding-left:20px}.stats{gap:12px}.stat{padding:16px}.stat>b{font-size:27px}.stat>p{font-size:11px}.quick-grid{gap:13px 10px;padding-left:17px;padding-right:17px}.quick-grid>button{gap:7px;padding:13px 8px}.quick-icon{width:32px;height:35px}.quick-grid b{font-size:12px}.quick-grid>button>svg{display:none}.dash-grid{grid-template-columns:minmax(0,1.7fr) minmax(265px,1fr);gap:16px}.section-head{padding-left:19px;padding-right:19px}.todo-row{width:calc(100% - 38px);margin-left:19px;margin-right:19px}.todo-row b{max-width:180px}.greeting h1>span{font-size:14px}.flow-inline{display:none}.top-date{margin:0;font-size:12px}.top-actions{gap:15px}.toolbar{padding:16px}.toolbar .btn{font-size:12px}.input-icon{max-width:230px}.mini-stats{gap:13px}.mini-stats>div{padding:18px}.mini-stats b{font-size:23px}}@media (width<=1050px){.dash-grid{grid-template-columns:minmax(0,1fr)}.quick-grid{grid-template-columns:repeat(3,1fr)}.quick-grid>button{padding:16px}.checkin{display:none}.todo-row b{max-width:350px}.announcements,.greeting-mark{display:none}.greeting h1>span{margin:5px 0 0;font-size:14px;display:block}.stats{grid-template-columns:repeat(2,1fr)}.stat>b{font-size:31px}.stat>p{font-size:11px}.trend{grid-column:1}.process-card,.top-date{display:none}.report-grid,.attendance-top{grid-template-columns:1fr}.att-rules{display:none}.mini-stats{grid-template-columns:repeat(2,1fr)}.toolbar{flex-wrap:wrap}.toolbar .push{margin-left:0}.settings-intro{padding:20px}.settings-intro p{max-width:300px}.environment-bar>div:first-child>span:last-child{display:none}.flow-banner p{font-size:12px}}@media (width<=760px){.sidebar{z-index:70;width:228px;transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.shade{z-index:65;background:#172e324d;border:0;display:block;position:fixed;inset:0}.main-shell{width:100%;margin-left:0}.mobile-toggle{display:flex}.topbar{gap:12px;height:62px;padding:0 17px}.top-actions{gap:11px;margin-left:auto}.top-actions>.icon-btn:first-of-type,.top-name,.top-divider{display:none}.breadcrumb{gap:9px;font-size:13px}.top-actions .avatar{width:29px;height:29px}.environment-bar{padding:7px 17px}.demo-actions{gap:10px}.demo-actions label{gap:0;font-size:0}.demo-actions select{max-width:95px;font-size:11px}.environment-bar button{font-size:11px}.environment-bar>div:first-child{gap:5px}main{padding:20px 17px 0}.greeting h1{font-size:22px}.greeting h1>span{margin-top:6px;font-size:13px}.greeting{padding-bottom:22px}.greeting p{font-size:12px}.stats{gap:11px;margin-bottom:17px}.stat{padding:13px 15px 12px}.stat>b{margin:7px 0 12px;font-size:26px}.stat>div{font-size:12px}.stat-icon{width:28px;height:28px}.stat-icon svg{width:17px}.stat>p{gap:4px;font-size:11px}.stat>p>svg{display:none}.dash-grid{gap:17px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:11px;padding:0 16px 18px}.quick-grid>button{flex-direction:column;gap:8px;padding:13px 7px}.quick-icon{width:36px;height:35px}.quick-grid b{font-size:12px}.section-head{padding:18px 17px 15px}.section-head h3{font-size:14px}.todo-row{gap:9px;width:calc(100% - 34px);margin:0 17px;padding:15px 0}.todo-row b{max-width:155px;font-size:12px}.todo-row p{gap:5px;font-size:11px}.todo-row p i:last-of-type,.todo-row p i:last-of-type+span{display:none}.todo-row p{white-space:nowrap;max-width:170px;overflow:hidden}.todo-end{font-size:12px}.todo-end .badge{padding:2px 5px;font-size:11px}.todo-icon{width:32px;height:33px}.todo-icon svg{width:17px}.todo-row>svg{display:none}.todo-tabs{margin:0 17px}.chart{padding:0 17px 10px}.page-head{flex-direction:column;align-items:flex-start;gap:17px;margin-bottom:21px}.page-head h1{font-size:23px}.page-head p{font-size:12px}.head-actions{width:100%}.head-actions .btn{flex:1}.tabs{gap:24px;padding:0 17px}.tabs button{font-size:13px}.toolbar{gap:9px;padding:16px}.input-icon{flex-basis:100%;width:100%;max-width:none}.toolbar select{flex:1}.toolbar .push{margin-left:auto}.toolbar .btn{padding:7px 9px}td,th{padding:13px 16px}td{font-size:12px}.table-foot{padding:13px 16px;font-size:11px}.table-foot span{display:none}.mini-stats{gap:11px}.mini-stats>div{padding:16px 17px}.mini-stats b{font-size:23px}.flow-banner{gap:12px;padding:20px}.flow-banner>svg{flex-shrink:0;width:24px}.flow-banner p{font-size:11px}.security-note{align-items:flex-start;gap:8px;padding:13px;font-size:12px}.security-note svg{flex-shrink:0}.security-note b{white-space:nowrap}.security-note span{margin:0;font-size:11px}.att-stats{gap:13px}.att-stats b{font-size:23px}.attendance-top{margin-bottom:18px}.settings-intro{flex-direction:column;align-items:flex-start;gap:15px}.settings-note{align-items:flex-start;padding:15px 17px;font-size:11px}.workflow-settings{padding:0 17px 17px}.workflow-line{gap:10px}.workflow-line span{padding:7px 12px;font-size:12px}.workflow-line svg{flex-shrink:0;width:15px}.notification-popover{width:auto;position:fixed;top:62px;left:17px;right:17px}.error-banner{align-items:flex-start;margin:12px 17px 0}.modal-backdrop{padding:10px}.modal{border-radius:8px;max-height:calc(100dvh - 20px)}.modal>header{padding:17px 20px}.modal h2{font-size:15px}.form-body,.detail-body{padding:20px}.form-grid{grid-template-columns:1fr;gap:16px}.full-field{grid-column:auto}.field input,.field select,.field textarea{font-size:14px}.modal-footer{padding:15px 20px}.modal-footer>span:first-child:not(.badge){max-width:140px;font-size:11px}.expense-labels,.expense-item{grid-template-columns:1fr 1fr 25px;gap:7px}.expense-labels span:first-child{grid-column:1/-1}.expense-labels{display:none}.expense-item{border-bottom:1px solid #e4ece7;padding-bottom:12px}.expense-item>input:first-child{grid-column:1/-1}.expense-item input{padding:8px 6px;font-size:12px}.expense-items{padding:13px}.form-flow{gap:7px}.form-flow>span{font-size:11px}.detail-heading{flex-wrap:wrap;align-items:flex-start;gap:10px}.detail-heading>div{flex:1;min-width:180px}.detail-heading>.badge{margin:0 0 0 50px}.detail-heading h2{font-size:15px}.detail-type{padding:9px}.detail-type svg{width:20px;height:20px}.detail-grid{gap:17px;padding:16px}.detail-grid b{font-size:13px}.history time{white-space:nowrap;font-size:11px}.choose-grid{gap:10px;padding:20px}.choose-grid>button{gap:8px;padding:16px 11px}.choose-grid b{font-size:13px}.choose-grid svg:first-child{width:18px}.choose-grid svg:last-child{width:13px}.company-form{padding:22px}.notice-detail{padding:24px}.notice-detail h2{font-size:18px}footer{padding-top:23px;font-size:7px}footer>span:last-child{text-align:right;max-width:160px;display:block}footer i{display:none}.toast{width:max-content;max-width:90vw;padding:12px 17px;font-size:13px}}.registration-heading{background:#f4f8f5;border:1px solid #e2ece5;border-radius:7px;align-items:flex-start;gap:15px;margin-bottom:24px;padding:22px;display:flex}.registration-heading>span{color:#6c9780;background:#e7f1ea;border-radius:8px;flex-shrink:0;padding:12px;display:flex}.registration-heading h2{color:#3e6551;margin-bottom:8px;font-size:19px}.registration-heading p{color:#8d9f94;max-width:600px;font-size:14px;line-height:1.9}.personnel-registration .field>span{font-size:14px}.personnel-registration .form-section{margin-top:27px;font-size:14px}.personnel-registration .upload{min-height:137px;padding:23px 10px}.personnel-registration .upload b{font-size:13px}.personnel-registration .upload span{max-width:240px;font-size:11px}.privacy-inline{color:#94a79b;align-items:flex-start;gap:8px;padding:13px 3px 0;font-size:12px;line-height:1.8;display:flex}.privacy-inline svg{flex-shrink:0;margin-top:2px}.declaration-panel{background:#fcfdfc;border:1px solid #e4ece7;border-radius:7px;margin-top:24px;padding:20px 22px}.declaration-panel h3{color:#607d6b;margin-bottom:12px;font-size:14px}.declaration-panel p{color:#84988b;white-space:pre-wrap;font-size:14px;line-height:2}.consent-check{color:#5f826c;cursor:pointer;border-top:1px solid #e9efeb;align-items:flex-start;gap:10px;margin-top:18px;padding-top:15px;font-size:14px;display:flex}.consent-check input{flex-shrink:0;margin:2px 0 0}.submit-context{color:#9aaba0;border-top:1px solid #e4ece7;grid-template-columns:repeat(2,1fr);gap:10px 25px;margin-top:24px;padding:18px 3px 0;font-size:12px;display:grid}.submission-receipt{background:#f6faf7;border:1px solid #deebe2;border-radius:7px;margin-top:24px;padding:20px}.submission-receipt h3{color:#7b9f87;align-items:center;gap:8px;font-size:14px;display:flex}.submission-receipt dl{grid-template-columns:repeat(2,1fr);gap:18px;margin:20px 0;display:grid}.submission-receipt dt{color:#a2b0a6;font-size:12px}.submission-receipt dd{color:#718c7a;margin:5px 0 0;font-size:14px}.submission-receipt p{color:#8daa96;border-top:1px solid #e2ece5;align-items:center;gap:6px;padding-top:13px;font-size:11px;display:flex}.submission-receipt p span{color:#b0bdb3;margin-left:auto;font-size:11px}.confirmed-label{color:#82a28d;align-items:center;gap:7px;margin-top:15px;font-size:13px;font-weight:400;display:flex}.internal-panel{background:#fcfafe;border:1px solid #e5dfed;border-radius:7px;margin-top:25px;padding:20px}.internal-panel h3{color:#9c8aac;align-items:center;gap:8px;margin-bottom:20px;font-size:14px;display:flex}.internal-panel h3 span{color:#b3a7bf;margin-left:auto;font-size:11px;font-weight:400}.internal-panel .field>span{color:#9b8da7}.login-page{grid-template-columns:1.15fr 1fr;align-items:center;gap:90px;max-width:1250px;min-height:100dvh;margin:auto;padding:60px;display:grid}.login-story{background:#edf4ef;border:1px solid #e2ece4;border-radius:14px;flex-direction:column;justify-content:space-between;min-height:570px;padding:42px;display:flex}.login-brand{color:#5b8c70;align-items:center;gap:14px;display:flex}.login-brand>b{color:#3c6050;letter-spacing:2px;font-size:25px;font-weight:600}.login-brand b span{letter-spacing:0;font-size:20px}.login-story p{color:#88a08e;font-size:14px;line-height:2}.login-story>small{color:#94ad9c;align-items:center;gap:8px;font-size:12px;display:flex}.login-chips{gap:12px;margin-top:26px;display:flex}.login-chips span{color:#8daa95;background:#f5f9f5;border:1px solid #d6e5db;border-radius:4px;padding:4px 9px;font-size:12px}.login-card{width:100%;max-width:350px;padding:20px 0}.login-tag{color:#81a38e;letter-spacing:1px;background:#eaf3ed;border-radius:4px;margin-bottom:18px;padding:3px 7px;font-size:11px;display:inline-block}.login-card>h2{color:#374d40;letter-spacing:.5px;font-size:25px;font-weight:500}.login-card>p{color:#9aa99e;margin:10px 0 32px;font-size:13px}.login-card form{flex-direction:column;gap:20px;display:flex}.login-card .field>span{color:#83968a;gap:7px;font-size:14px}.login-card input{background:#fff;border-color:#dce6de;padding:12px;font-size:14px}.login-card .btn{justify-content:space-between;margin-top:8px;padding:12px;font-size:14px}.login-footnote{color:#aab7af;border-top:1px solid #e4ece7;margin-top:28px;padding-top:22px;font-size:12px;line-height:1.9}.login-error{color:#c09181;background:#fff1ed;border:1px solid #f0ded8;border-radius:5px;padding:9px 12px;font-size:13px}.user-mini>.icon-btn{margin-left:auto}.personnel-registration .modal-footer{gap:12px}@media (width<=760px){.registration-heading{gap:11px;padding:17px}.registration-heading>span{padding:8px}.registration-heading h2{font-size:17px}.registration-heading p{font-size:13px}.declaration-panel{padding:17px}.declaration-panel p{font-size:13px;line-height:2}.consent-check{font-size:13px;line-height:1.8}.submit-context{grid-template-columns:1fr;gap:7px}.submission-receipt{padding:17px}.submission-receipt dl{grid-template-columns:1fr;gap:13px}.submission-receipt p{flex-wrap:wrap}.submission-receipt p span{width:100%;margin:5px 0 0}.internal-panel{padding:17px}.internal-panel h3{flex-wrap:wrap;font-size:14px}.internal-panel h3 span{width:100%;margin-left:0;display:block}.login-page{flex-direction:column;justify-content:center;gap:34px;padding:28px;display:flex}.login-story{gap:26px;width:100%;min-height:auto;padding:24px}.login-story>div:nth-child(2){display:none}.login-story>small{font-size:11px}.login-story .login-brand{gap:10px}.login-story .login-brand>b{font-size:23px}.login-card{max-width:100%;padding:0}.login-card>h2{font-size:23px}}input:not([type=checkbox]):not([type=file]),select{min-height:44px;line-height:1.45}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23788790' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:38px}select:disabled,input:disabled,textarea:disabled{color:#77858b;background-color:#f6f8f8}.field>span{color:#62737d;font-size:14px;line-height:1.6}.field input,.field select,.field textarea{padding:11px 13px;font-size:14px}.field select{padding-right:38px}.field input,.field select{min-height:46px}.field textarea{min-height:96px;line-height:1.8}.field{gap:9px}.form-grid{gap:22px 24px}.form-body,.form-body.form-grid{padding:28px 32px}.modal-backdrop{padding:28px}.modal{border-radius:12px;width:780px;max-width:calc(100vw - 56px);max-height:calc(100dvh - 56px)}.modal.wide{width:1060px}.modal>header{min-height:76px;padding:22px 32px}.modal h2{font-size:20px;line-height:1.5}.modal>header .icon-btn{width:38px;height:38px}.modal-footer{gap:12px;min-height:78px;padding:20px 32px}.modal-footer>span:first-child:not(.badge){font-size:12px;line-height:1.7}.modal-footer .btn{min-height:42px;padding:10px 20px;font-size:14px}.btn{min-height:40px;font-size:13px}.modal .form-section{margin:26px 0 17px;font-size:15px}.modal .settings-note{border-radius:6px;align-items:flex-start;font-size:13px;line-height:1.8}.modal .full-field.settings-note{padding:15px 18px}.modal input[type=checkbox]{flex-shrink:0;width:18px;height:18px;min-height:18px}.toolbar select,.toolbar input:not([type=checkbox]){min-height:40px;font-size:13px}.input-icon input:not([type=checkbox]){min-height:38px}.demo-actions select{background-position:right 8px center;min-height:30px;padding:4px 30px 4px 9px;font-size:12px}.form-body .form-context{font-size:13px}.brand small{letter-spacing:0;white-space:nowrap;margin-top:6px;font-size:10px}.brand b{letter-spacing:.6px}.login-brand>div>b{color:#3c6050;letter-spacing:1px;font-size:30px;font-weight:600;display:block}.login-brand>div>b span{letter-spacing:0;font-size:25px}.login-motto{color:#799384;letter-spacing:1px;white-space:nowrap;margin-top:8px;font-size:13px;display:block}.login-card input{min-height:48px;font-size:15px}.login-card .btn{min-height:46px;font-size:14px}.login-card>p{font-size:14px}.login-footnote{font-size:12px}.login-card>h2{font-size:27px}.row-actions{justify-content:flex-end;align-items:center;gap:20px;display:flex}.department-role-summary{font-family:inherit!important;font-size:16px!important;line-height:1.9!important}.department-description{white-space:normal;max-width:260px;line-height:1.8}.assignment-preview{color:#728e7f;flex-wrap:wrap;align-items:center;gap:13px;padding:20px 0;display:flex}.assignment-preview b{font-size:14px;font-weight:500}.assignment-preview span{margin-right:auto}.assignment-note{border:1px solid #e3ece7;border-radius:7px;margin-top:22px}.assignment-preview+.assignment-note{margin-top:5px}.sidebar nav .nav-group{margin-bottom:16px}@media (width<=760px){.modal-backdrop{padding:12px}.modal,.modal.wide{width:100%;max-width:100%;max-height:calc(100dvh - 24px)}.modal>header{min-height:66px;padding:16px 20px}.modal h2{font-size:18px}.form-body,.form-body.form-grid{padding:22px 20px}.form-grid{gap:20px}.modal-footer{min-height:72px;padding:16px 20px}.modal-footer>span:first-child:not(.badge){max-width:150px;font-size:11px}.modal-footer .btn{padding:9px 14px;font-size:13px}.login-motto{letter-spacing:.5px;font-size:12px}.login-brand>div>b{font-size:26px}.login-brand>div>b span{font-size:22px}.row-actions{gap:16px}.toolbar .input-icon{flex-basis:100%}.login-story{padding:24px}.login-card{padding-bottom:20px}}.predision-brand{white-space:nowrap;align-items:center;gap:14px;display:inline-flex}.predision-logo{aspect-ratio:5498/936;flex-shrink:0;width:150px;display:block;position:relative;overflow:hidden}.predision-logo img{object-fit:contain;width:100%;height:100%;display:block}.oa-label{color:#2d3b42;letter-spacing:1px;border-left:1px solid #dce2e5;padding-left:12px;font-size:20px;font-weight:500;line-height:1}.brand{padding:26px 22px 24px}.brand>div{width:100%}.brand .predision-brand{gap:8px}.brand .predision-logo{width:147px}.brand .oa-label{padding-left:8px;font-size:18px}.brand small{color:#87968e;letter-spacing:.3px;margin-top:12px;font-size:11px}.login-story{background:#fff;border:1px solid #e4e8e5;justify-content:flex-start;gap:92px;min-height:570px;padding:44px;position:relative;overflow:hidden;box-shadow:0 14px 50px #273a2c05}.login-story:after{content:"";background:#e96624;height:6px;position:absolute;bottom:0;left:0;right:0}.login-brand .predision-logo{width:245px}.login-brand .oa-label{padding-left:18px;font-size:27px}.login-brand .predision-brand{gap:20px}.login-values .eyebrow{color:#98a19e;letter-spacing:2px;font-size:11px}.login-story h1{color:#28373b;letter-spacing:2px;margin:19px 0 22px;font-size:42px;font-weight:500;line-height:1.75}.login-story h1 span{white-space:nowrap;display:block}.login-story .login-tagline{color:#88968f;letter-spacing:.5px;font-size:15px;line-height:1.8}.login-card>h2{color:#2d3b42}.login-card>p{color:#929f99}.profile-trigger{text-align:left;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;min-width:0;padding:4px;display:flex}.profile-trigger:hover{background:#f1f6f3}.profile-trigger:focus-visible{outline:2px solid var(--green);outline-offset:3px}.sidebar-profile{flex:1;gap:9px;min-width:0;padding:0}.sidebar-profile>span:last-child{min-width:0}.sidebar-profile b{white-space:nowrap;text-overflow:ellipsis;max-width:123px;font-size:13px;display:block;overflow:hidden}.sidebar-profile small{color:#a4b4aa;white-space:normal;max-width:130px;margin-top:3px;font-size:10px;display:block}.profile-trigger .top-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;margin:0;overflow:hidden}.avatar{flex-shrink:0;overflow:hidden}.avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.profile-avatar{border-radius:50%;width:88px;height:88px;font-size:25px;box-shadow:0 0 0 5px #f4f7f5}.profile-body{flex-direction:column;gap:27px;display:flex}.profile-photo{border-bottom:1px solid #e8eeea;align-items:center;gap:27px;padding:6px 0 20px;display:flex}.profile-photo b{color:#465e51;font-size:16px;font-weight:500}.profile-photo p{color:#91a197;margin:8px 0 14px;font-size:12px;line-height:1.8}.profile-photo-actions{align-items:center;gap:18px;display:flex}.avatar-upload{cursor:pointer;position:relative;overflow:hidden}.avatar-upload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.avatar-upload.disabled{opacity:.5;cursor:default}.profile-body .field small{color:#9ba99f;font-size:12px;line-height:1.7}.profile-body input[readonly]{color:#84958b;background:#f7faf8}.profile-note{color:#98a69e;align-items:flex-start;gap:9px;font-size:12px;line-height:1.8;display:flex}.profile-note svg{flex-shrink:0;margin-top:2px}@media (width<=1250px) and (width>=761px){.brand{padding-left:18px;padding-right:14px}.brand .predision-logo{width:132px}.brand .predision-brand{gap:7px}.brand .oa-label{padding-left:7px;font-size:17px}.login-page{gap:55px;padding:45px}.login-story{padding:34px}.login-brand .predision-logo{width:210px}.login-brand .predision-brand{gap:12px}.login-brand .oa-label{padding-left:12px;font-size:24px}.login-story h1{font-size:37px}}@media (width<=760px){.login-page{gap:32px;padding:24px}.login-story{min-height:auto;box-shadow:none;gap:36px;padding:28px}.login-story>div.login-values{display:block}.login-story h1{letter-spacing:1px;margin:14px 0 15px;font-size:30px;line-height:1.55}.login-values .eyebrow{font-size:10px}.login-story .login-tagline{letter-spacing:0;font-size:13px}.login-brand .predision-logo{width:185px}.login-brand .predision-brand{gap:12px}.login-brand .oa-label{padding-left:12px;font-size:22px}.login-card{padding-bottom:12px}.login-card>p{margin-bottom:24px}.profile-photo{align-items:flex-start;gap:20px}.profile-avatar{width:72px;height:72px;font-size:23px}.profile-photo-actions{flex-wrap:wrap;gap:10px}.profile-photo p{max-width:190px}.profile-photo .btn{font-size:12px}.profile-body{gap:22px}}.guest-entry{color:#52796a;border-top:1px solid #e0e7e2;align-items:center;gap:12px;margin-top:30px;padding-top:23px;font-size:14px;text-decoration:none;display:flex}.guest-entry>svg:last-child{margin-left:auto}.guest-entry small{color:#94a398;margin-top:5px;font-size:12px;display:block}.public-registration{background:#f5f7f8;min-height:100dvh}.registration-top{background:#fff;border-bottom:1px solid #e4e9e7;justify-content:space-between;align-items:center;gap:20px;height:94px;padding:0 max(28px,50vw - 530px);display:flex}.registration-top .predision-logo{width:210px}.registration-top>a{color:#84958b;white-space:nowrap;align-items:center;gap:7px;font-size:13px;text-decoration:none;display:flex}.registration-main{max-width:1060px;margin:0 auto;padding:38px 0 0}.registration-page-title{padding:0 0 28px}.registration-page-title h1{color:#344e40;margin:9px 0 15px;font-size:29px;font-weight:500}.registration-page-title p{color:#83978b;font-size:14px;line-height:1.8}.registration-page-title p span{color:#b1beb6;padding:0 15px}.registration-card .form-body{padding:34px 40px}.registration-card .modal-footer{z-index:2;background:#fff;border-top:1px solid #e4eae6;border-radius:0 0 8px 8px;position:sticky;bottom:0}.registration-card .field input,.registration-card .field select,.registration-card .field textarea{min-height:48px;font-size:15px}.registration-card .form-section{margin:28px 0 19px;font-size:16px}.registration-card .declaration-panel p{color:#74887b}.registration-card .registration-heading{margin-bottom:30px}.registration-card .upload input{min-height:0}.registration-error{z-index:5;color:#b97a62;background:#fff3ee;border:1px solid #efd7ce;border-radius:7px;align-items:center;gap:15px;margin-bottom:20px;padding:15px 20px;font-size:14px;display:flex;position:sticky;top:10px}.registration-loading{text-align:center;color:#8a9e92;padding:45px}.registration-success{text-align:center;padding:50px}.registration-success>svg{color:var(--green)}.registration-success h2{color:#405f4c;margin:18px 0 12px;font-size:25px;font-weight:500}.registration-success>p{color:#8b9d92;font-size:14px;line-height:1.8}.registration-success dl{text-align:left;background:#f7faf8;border:1px solid #e7eee8;border-radius:7px;max-width:520px;margin:30px auto;padding:20px 24px}.registration-success dl>div{align-items:flex-start;gap:22px;margin:10px 0;font-size:13px;display:flex}.registration-success dt{color:#98a79d;min-width:60px}.registration-success dd{color:#6b8273;overflow-wrap:anywhere;margin:0}.registration-success>a{margin-right:22px}.public-registration footer{text-align:center;padding:30px;display:block}.arrangement-summary{border-bottom:1px solid #e4ece6;align-items:center;gap:20px;margin-bottom:25px;padding-bottom:20px;display:flex}.arrangement-summary b{color:#557361;font-size:18px;font-weight:500}.arrangement-summary span{color:#98aa9d;font-size:13px}.arrangement-note{margin-top:25px}.detail-arrangement{color:#849c8d;background:#f6faf7;border:1px solid #e1ebe3;border-radius:6px;justify-content:space-between;align-items:center;gap:15px;margin:20px 0;padding:15px 18px;font-size:13px;line-height:1.8;display:flex}.arrangement-history{border-top:1px solid #e2ebe5;margin-top:25px;padding-top:19px}.arrangement-history h3{color:#68826f;margin-bottom:15px;font-size:14px}.arrangement-history p{color:#8fa496;margin:10px 0;font-size:13px;line-height:1.8}.arrangement-history small{color:#a4b2a9;font-size:11px;display:block}.head-actions>a.btn{text-decoration:none}.row-actions{white-space:nowrap}@media (width<=1120px){.registration-main{margin:0 28px}.registration-top{padding:0 28px}}@media (width<=760px){.registration-top{height:78px;padding:0 20px}.registration-top .predision-logo{width:145px}.registration-top .predision-brand{gap:9px}.registration-top .oa-label{padding-left:9px;font-size:18px}.registration-top>a{gap:4px;font-size:12px}.registration-main{margin:0;padding:26px 16px 0}.registration-page-title{padding-bottom:22px}.registration-page-title h1{font-size:25px}.registration-page-title .eyebrow{font-size:10px}.registration-page-title p{font-size:12px}.registration-page-title p span{padding:0 5px}.registration-card .form-body{padding:22px 20px}.registration-card .registration-heading{padding:17px 14px}.registration-card .field input,.registration-card .field select,.registration-card .field textarea{font-size:15px}.registration-card .modal-footer>span{max-width:95px}.registration-card .modal-footer .btn{padding:9px 11px}.registration-success{padding:35px 20px}.registration-success dl{padding:15px}.registration-success dl>div{gap:12px;font-size:12px}.registration-success>p{font-size:13px}.detail-arrangement{flex-direction:column;align-items:flex-start}.arrangement-summary{flex-direction:column;align-items:flex-start;gap:7px}.arrangement-history p{font-size:12px}}.registration-card .registration-heading p{max-width:none}.approval-footer{flex-wrap:wrap}.approval-feedback{color:#41745a;background:#edf6f0;border:1px solid #d4e7da;border-radius:6px;flex-basis:100%;align-items:flex-start;gap:9px;padding:12px 15px;font-size:14px;line-height:1.8;display:flex}.approval-feedback svg{flex-shrink:0;margin-top:4px}.approval-feedback.error{color:#b36a50;background:#fff2ed;border-color:#f0d8ce}.modal-footer.approval-footer>span:first-of-type{flex:1;min-width:130px;max-width:none;margin-right:auto;line-height:1.8}.required-mark{color:#c9826d;margin-left:5px;font-size:14px;font-style:normal}.document-tip{color:#91a196;margin:10px 0 22px;font-size:12px;line-height:1.8}.upload input{color:#0000;height:100%;font-size:0}.upload input::file-selector-button{visibility:hidden}.upload:focus-within{outline-offset:3px;outline:2px solid #8bb7a2}@media (width<=760px){.approval-feedback{padding:10px 12px;font-size:13px}.modal-footer.approval-footer>span:first-of-type{flex-basis:100%;min-width:100%;margin-bottom:3px;font-size:11px}}.registration-success-actions{justify-content:center;align-items:center;gap:24px;margin-top:30px;display:flex}