:root{--ink:#142d46;--muted:#64758a;--blue:#1759bb;--teal:#00877f;--line:#dfe7ef;--bg:#f4f7fb}*{box-sizing:border-box}body{margin:0;font:15px/1.55 'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:var(--blue)}header{height:79px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:20px}.brand{font-size:29px;letter-spacing:-1.5px;font-weight:800;color:#09345b}.brand span{color:var(--teal)}.top-right{display:flex;align-items:center;gap:18px}.account{display:flex;align-items:center;gap:10px}.avatar{width:35px;height:35px;display:grid;place-items:center;background:#e2efee;color:#007c75;border-radius:50%;font-weight:700;font-size:12px}.tiny{font-size:12px;color:var(--muted)}.demo{background:#fff7df;border-bottom:1px solid #eedfb6;padding:9px 38px;color:#685520;font-size:12px;display:flex;justify-content:space-between;gap:15px}.layout{display:grid;grid-template-columns:220px 1fr;max-width:1536px;margin:auto;min-height:calc(100vh - 120px)}aside{padding:28px 16px;border-right:1px solid var(--line);background:white}.nav-label{padding:0 15px;margin:0 0 10px;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:#8391a2;font-weight:700}.nav{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:0;background:none;border-radius:8px;padding:12px 15px;color:#52677c;margin:3px 0;font-weight:600;font-size:14px}.nav.active{background:#eaf1fd;color:var(--blue)}.nav:hover{background:#f1f5f9}.nav i{font-style:normal;width:19px;font-size:18px}.nav-count{margin-left:auto;font-size:11px;background:#e0eaf8;padding:1px 6px;border-radius:5px}.nav-bottom{margin-top:35px;border-top:1px solid var(--line);padding-top:20px}.nav-foot{font-size:11px;color:#8291a2;margin:34px 15px 0}main{padding:33px 42px 55px;min-width:0}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.eyebrow{color:var(--teal);font-size:10px;letter-spacing:1.7px;text-transform:uppercase;font-weight:700;margin-bottom:7px}h1{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:0 0 8px}h2{font-size:17px;margin:0 0 5px;letter-spacing:-.3px}h3{font-size:14px;margin:0 0 6px}.sub{color:var(--muted);margin:0;font-size:13px}.btn{border:1px solid transparent;border-radius:6px;padding:10px 17px;background:var(--blue);color:white;font-weight:600;font-size:13px;display:inline-flex;align-items:center;gap:8px;text-decoration:none;white-space:nowrap}.btn.secondary{background:white;border-color:var(--line);color:var(--ink)}.btn.ghost{padding:5px 0;color:var(--blue);background:none;border:0}.btn.danger{color:#a33e47;background:#fff4f3;border-color:#efd7d5}.small{font-size:12px;padding:6px 11px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:24px}.card,.panel{border:1px solid var(--line);border-radius:10px;background:white}.card{padding:21px 23px}.card-label{color:var(--muted);font-size:12px;display:flex;justify-content:space-between}.card-label span{color:#7291a3}.metric{font-size:32px;letter-spacing:-1px;line-height:1.3;font-weight:700;margin:13px 0 4px}.metric small{font-size:14px;font-weight:500;letter-spacing:0;color:var(--muted)}.card-note{font-size:11px;color:var(--muted)}.teal{color:var(--teal)}.grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,1fr);gap:22px}.panel-head{padding:21px 23px 16px;display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-body{padding:0 23px 22px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{background:#f8fafc;color:#6e7f90;font-size:10px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;padding:12px 19px;white-space:nowrap}td{padding:17px 19px;border-bottom:1px solid #edf1f5;vertical-align:middle}tr:last-child td{border-bottom:0}.badge{display:inline-block;padding:4px 9px;border-radius:5px;font-size:10px;font-weight:600;white-space:nowrap}.pending{color:#966f14;background:#fff5d9}.approved{color:#087b67;background:#e8f5ef}.rejected,.cancelled{color:#8c5360;background:#f7eaf0}.info-box{background:#eef6f6;border:1px solid #d9eae8;border-radius:7px;padding:16px;margin-bottom:18px}.info-box p{font-size:12px;margin:7px 0 0;color:#58707a}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #edf1f5;font-size:12px}.row:last-child{border:0}.row .muted{color:var(--muted)}.progress{height:5px;background:#eaf0f6;border-radius:9px;margin:15px 0 10px;overflow:hidden}.progress span{display:block;background:var(--teal);width:34%;height:100%}.note{font-size:11px;color:var(--muted);margin:10px 0 0}.page[hidden]{display:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:block;color:#52657a;font-size:12px;font-weight:600}.field input,.field select,.field textarea{display:block;width:100%;border:1px solid #d7e1eb;background:#fbfcfe;border-radius:6px;padding:10px 12px;margin-top:7px;color:var(--ink)}.field textarea{min-height:95px;resize:vertical}.full{grid-column:1/-1}.section-space{margin-top:20px}.preview-status{padding:12px 14px;border-radius:6px;background:#fff6e1;color:#806018;font-size:12px;margin:15px 0}.split-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:17px 0}.mini-metric{border:1px solid var(--line);border-radius:7px;padding:14px}.mini-metric strong{font-size:25px;display:block;line-height:1.2;margin:5px 0}.mini-metric span{font-size:11px;color:var(--muted)}.definition{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:21px 0}.definition p{margin:0;font-size:13px}.definition .tiny{display:block;margin-bottom:5px}.profile-title{display:flex;gap:16px;align-items:center}.profile-title .avatar{width:54px;height:54px;font-size:17px}.year-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.payslip-month{padding:23px}.payslip-month h2{margin:16px 0 3px}.muted{color:var(--muted)}.toolbar{display:flex;gap:10px;align-items:center;margin:0 0 19px;flex-wrap:wrap}.toolbar select{border:1px solid var(--line);padding:8px 12px;border-radius:5px;background:white;color:var(--ink)}dialog{width:min(580px,calc(100% - 30px));border:1px solid var(--line);border-radius:12px;padding:26px;color:var(--ink)}dialog::backdrop{background:#0d213466}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.dialog-content{font-size:13px;white-space:pre-line;color:#54687b}.banner{padding:12px 16px;border-radius:7px;margin-bottom:18px;background:#eaf5ef;color:#286955;font-size:13px}.admin-subnav{display:flex;gap:10px;margin-bottom:20px}.admin-subnav button{border:1px solid var(--line);background:white;padding:8px 14px;border-radius:5px;color:#52677c}.admin-subnav button.active{background:#eaf1fd;color:var(--blue);border-color:#ccdcf3}footer{font-size:10px;color:#8391a2;margin-top:28px;display:flex;justify-content:space-between;gap:15px}.admin-only{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--teal)}
@media(max-width:1050px){main{padding:28px 25px}.layout{grid-template-columns:190px 1fr}.grid{grid-template-columns:1fr}.cards{gap:10px}.card{padding:18px}.year-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){header{padding:0 19px;height:68px}.top-right .account div:not(.avatar){display:none}.demo{padding:9px 19px}.demo span:last-child{display:none}.layout{display:block}aside{padding:10px 12px;border-right:0;border-bottom:1px solid var(--line);display:flex;overflow:auto;gap:5px}.nav-label,.nav-bottom,.nav-foot{display:none}.nav{width:auto;white-space:nowrap;padding:9px 11px;font-size:12px}.nav i,.nav-count{display:none}main{padding:24px 17px}.cards{grid-template-columns:1fr}.metric{font-size:28px;margin-top:6px}.card-label{font-size:12px}.card{padding:15px 19px}.page-head{flex-direction:column}h1{font-size:27px}.form-grid{grid-template-columns:1fr}.year-grid{grid-template-columns:1fr}.definition{gap:16px}.panel-head{padding:18px}.panel-body{padding:0 18px 19px}td,th{padding-left:15px;padding-right:15px}.top-right{gap:10px}footer{display:block}}

[hidden]{display:none!important}.brand{text-decoration:none}fieldset{border:0;padding:0;margin:0;min-width:0}.button{border:1px solid transparent;border-radius:6px;padding:10px 17px;background:var(--blue);color:white;font-weight:600;font-size:13px}input,select,textarea{max-width:100%}.portal-notice{background:#eaf5f5;border-left:3px solid var(--teal);padding:14px 18px;font-size:13px;overflow-wrap:anywhere}#review-summary{white-space:pre-wrap;overflow-wrap:anywhere}.history-card{padding:16px 0;border-bottom:1px solid var(--line)}.balance-amount{font-size:32px;color:var(--teal);font-weight:700;margin:12px 0}.fine{font-size:12px;color:var(--muted)}.toolbar{align-items:flex-end}.definition,td{overflow-wrap:anywhere}.nav-bottom a{display:block}.balance-panel h2{font-size:17px}.balance-panel summary{font-size:12px;cursor:pointer;color:var(--blue)}#balance-status{font-size:11px;color:var(--muted)}@media(max-width:700px){aside #desktop-nav{display:flex;width:max-content!important;gap:5px}aside{display:block;overflow:auto}.layout{min-height:80vh}}

.holiday-row{display:flex;align-items:center;gap:16px;padding:18px 23px;border-top:1px solid var(--line);flex-wrap:wrap}.holiday-date{background:var(--bg);border:1px solid var(--line);border-radius:8px;text-align:center;padding:7px 12px;min-width:58px}.holiday-date span{display:block;font-size:11px;color:var(--muted)}.holiday-date strong{font-size:23px}.holiday-name{flex:1;min-width:170px}.holiday-name p{margin:4px 0}

.clock-times{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:18px}.clock-times strong{display:block;font-size:24px;margin:6px 0}.clock-times .tiny{display:block}#attendance-correction-form textarea{margin-top:8px;margin-bottom:16px}@media(max-width:500px){.clock-times strong{font-size:18px}}

.overview-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,1fr);gap:22px;margin:22px 0}.overview-top #webclock-overview{margin:0!important}.team-month{display:flex;align-items:center;gap:6px}.team-month strong{flex:1;text-align:center}.team-week,.team-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.team-week{text-align:center;font-size:11px;margin-top:16px;color:var(--muted)}.team-days button{border:1px solid transparent;background:transparent;border-radius:6px;min-height:42px;color:inherit;cursor:pointer}.team-days button[aria-pressed="true"]{border-color:var(--blue);background:#edf3ff}.team-days small{display:block;line-height:10px;font-size:15px}.team-legend{display:flex;gap:14px;font-size:11px}.team-legend span:first-child,.team-mark-leave{color:#2363bf}.team-legend span:nth-child(2),.team-mark-wfh{color:#00898b}.team-legend span:last-child,.team-mark-holiday{color:#67788d}.team-person{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid var(--line)}@media(max-width:1000px){.overview-top{grid-template-columns:1fr}}
.fusion-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start}.fusion-info{display:block;width:auto;overflow:visible;padding:0}.fusion-chat{max-height:600px;overflow:auto;overflow-wrap:anywhere}.fusion-message{border-bottom:1px solid var(--line);padding:18px 0}.fusion-message h3{font-size:14px}.fusion-message p{white-space:pre-wrap;line-height:1.7}.fusion-message .fusion-author{font-weight:700;color:var(--teal);font-size:12px}.fusion-message details{background:var(--bg);border-radius:6px;padding:12px;margin:10px 0}.fusion-message pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 monospace}.fusion-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 22px}#fusion-question{display:block;width:100%;margin:8px 0 14px;resize:vertical}#fusion-chat:empty:before{content:'What would you like to work on today?';display:block;padding:30px 0;color:var(--muted)}@media(max-width:1000px){.fusion-layout{grid-template-columns:1fr}.fusion-info{margin:0}.fusion-chat{max-height:480px}}
.askpaxis-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}#askpaxis-full-slot{min-width:0}.askpaxis-launcher{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));z-index:1100;display:flex;align-items:center;gap:10px;border:0;border-radius:28px;background:var(--teal);color:white;padding:12px 18px;box-shadow:0 5px 18px #123e5833;font-weight:600}.askpaxis-orb{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:white;color:var(--teal);font-size:12px;font-weight:700}.askpaxis-dock{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:calc(86px + env(safe-area-inset-bottom));width:390px;max-width:calc(100vw - 32px);max-height:calc(100vh - 112px);max-height:calc(100dvh - 112px);display:flex;flex-direction:column;z-index:1099;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 38px #183b5e33;overflow:hidden}.askpaxis-dock-head{display:flex;align-items:center;gap:10px;flex:none;padding:14px 16px;background:var(--teal);color:white}.askpaxis-title{flex:1;min-width:0}.askpaxis-title strong{display:block;font-size:17px}.askpaxis-title span{display:block;font-size:11px}.askpaxis-icon{border:0;background:transparent;color:white;min-width:34px;min-height:34px;font-size:22px;border-radius:4px}.askpaxis-dock-body{overflow:auto;overscroll-behavior:contain;min-height:0}.askpaxis-dock #askpaxis-surface{border:0;border-radius:0}.askpaxis-dock #askpaxis-surface>.panel-head>div:first-child{display:none}.askpaxis-dock #askpaxis-surface>.panel-head{padding:10px 16px;justify-content:flex-end}.askpaxis-dock .panel-body{padding:16px}.askpaxis-dock .fusion-chat{max-height:none;overflow:visible}.askpaxis-dock .fusion-message{padding:10px 0}.askpaxis-dock .fusion-message p{font-size:13px;margin:6px 0}.askpaxis-dock .fusion-message h3{font-size:16px}.askpaxis-dock .fusion-suggestions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.askpaxis-dock .fusion-suggestions .btn{white-space:normal;justify-content:center;font-size:12px;padding:9px 5px}.askpaxis-dock .form-grid{grid-template-columns:1fr}.askpaxis-dock .toolbar{gap:8px;flex-wrap:wrap}.askpaxis-dock .toolbar .btn{font-size:12px;padding:7px 9px}.askpaxis-dock .note{font-size:11px}.askpaxis-dock #fusion-question{font-size:14px;min-height:70px}.askpaxis-dock #assistant-leave-form{padding:12px;background:var(--bg);border-radius:7px}.askpaxis-dock .btn:not(.secondary):not(.ghost){background:var(--teal)}.askpaxis-dock .btn.ghost{color:var(--teal)}#fusion-assistant .btn:not(.secondary):not(.ghost){background:var(--teal)}#fusion-assistant .btn.ghost{color:var(--teal)}body{padding-bottom:80px}@media(max-width:600px){.askpaxis-launcher{right:12px}.askpaxis-dock{right:12px;width:calc(100vw - 24px);max-width:calc(100vw - 24px)}.askpaxis-icon{min-width:40px;min-height:40px}.askpaxis-dock #fusion-question,.askpaxis-dock input,.askpaxis-dock select,.askpaxis-dock textarea{font-size:16px}}