:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#202126;background:#f6f7f9;font-size:16px;font-synthesis:none;--red:#a62227;--line:#e8e9ec;--muted:#737781}*{box-sizing:border-box}body{margin:0;line-height:1.5}button,input,textarea,select{font:inherit}button{border:1px solid #dddfe4;border-radius:9px;min-height:42px;padding:9px 16px;background:#fff;color:#303137;cursor:pointer;transition:background .15s}button:hover{background:#f2f3f5}button.primary{background:var(--red);border-color:var(--red);color:#fff;font-weight:600}button.primary:hover{background:#8d1c21}button:disabled{opacity:.45;cursor:default}button.danger{color:var(--red)}button:focus-visible,summary:focus-visible{outline:3px solid #c36569;outline-offset:3px}input,textarea{width:100%;min-width:0;border:1px solid #d9dce2;background:#fff;color:#222;border-radius:8px;padding:11px 12px;min-height:44px}textarea{resize:vertical;line-height:1.6;min-height:105px}input:focus,textarea:focus{outline:2px solid #ba5f64;outline-offset:1px}h1,h2,h3,p{margin:0}h1{font-size:32px;font-weight:650;letter-spacing:-1.2px;line-height:1.25}h2{font-size:21px;font-weight:600;letter-spacing:-.5px}h3{font-size:16px;font-weight:600}aside{position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);width:218px;padding:26px 18px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;flex-direction:column;align-items:center;margin-bottom:36px}.logo{width:160px;height:84px;object-fit:cover}.brand>span{font-size:12px;letter-spacing:1.7px;color:var(--muted);text-transform:uppercase;margin-top:10px}nav{display:grid;gap:8px}nav button{text-align:left;border:0;background:transparent;padding:13px 15px;font-size:15px;font-weight:550;color:#646873}nav button.active{background:#faedef;color:var(--red)}.navicon{font-size:19px;display:inline-block;width:30px}aside footer{margin-top:auto;border-top:1px solid var(--line);padding-top:20px}aside footer .portraitframe,aside footer .avatar{width:38px;height:38px}aside footer h3{font-size:14px}aside footer .muted{font-size:12px}aside footer #logout{width:100%;margin-top:16px;color:#686d76}#mobilelogout{display:none}main{margin-left:218px;padding:38px 35px 70px;max-width:1900px}.eyebrow{font-size:11px;letter-spacing:1.7px;color:var(--red);font-weight:700;margin-bottom:9px}.muted{color:var(--muted);font-size:14px;font-weight:400}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}header p{margin-top:8px;font-size:16px}.person{display:flex;align-items:center;gap:12px;min-width:0}.person>div{min-width:0}.portraitframe,.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:center 35%;flex-shrink:0;background:#f5e8e9}.avatar{display:inline-grid;place-items:center;font-weight:650;color:var(--red)}.person .muted{line-height:1.4;font-size:13px;margin-top:3px}.calendarbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;color:#717680;font-size:13px}.separator{margin:0 10px;color:#b9bcc3}.monthjump{display:flex;align-items:center;gap:10px;white-space:nowrap}.monthjump input{width:160px;padding:7px 9px;min-height:37px;font-size:13px}.monthblock{background:#fff;border:1px solid var(--line);border-radius:15px;margin-bottom:15px;overflow:hidden}.monthblock>summary{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none}.monthblock>summary::-webkit-details-marker,.week>summary::-webkit-details-marker{display:none}.monthblock>summary>div{display:flex;align-items:center;gap:14px}.currentlabel{font-size:12px;color:var(--red);background:#fbf0f1;border-radius:5px;padding:4px 8px}.foldhint{font-size:13px;color:#81858f;display:flex;align-items:center;gap:18px}.chevron{display:inline-block;font-size:21px;line-height:1;transition:transform .15s}.monthblock[open]>summary .chevron,.week[open]>summary .chevron{transform:rotate(180deg)}.monthbody{padding:0 18px 18px}.week{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:11px}.week>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;padding:16px 19px;background:#fcfcfd;list-style:none}.weektitle{display:flex;align-items:center;gap:16px;font-size:14px}.weektitle>strong{font-size:15px}.weektitle>span{color:#7b8089}.weektitle .thisweek{color:var(--red);font-size:12px;background:#faedef;border-radius:4px;padding:3px 7px}.weekactions{display:flex;align-items:center;gap:14px;padding:13px 18px;border-top:1px solid var(--line)}.weekactions button{min-height:35px;padding:6px 12px;color:var(--red);font-size:13px}.gridhead{display:grid;grid-template-columns:170px repeat(5,minmax(0,1fr));background:#f9fafb;border-top:1px solid var(--line);font-size:12px;font-weight:600;color:#4f5560}.gridhead>div{padding:12px;border-right:1px solid var(--line)}.gridhead span{display:block;color:#8a8f97;font-size:12px;font-weight:400;margin-top:2px}.calendarrow{display:grid;grid-template-columns:170px minmax(0,1fr);border-top:1px solid var(--line)}.rowperson{padding:17px 12px;border-right:1px solid var(--line);background:#fff}.rowperson .person{gap:8px;align-items:flex-start}.rowperson .portraitframe,.rowperson .avatar{width:34px;height:34px}.rowperson h3{font-size:14px}.rowperson .muted{font-size:12px;line-height:1.45}.managerlabel{font-size:12px;color:#8d929b;display:block;margin-top:10px}.rowdays{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.calday{padding:13px 12px;border-right:1px solid var(--line);overflow-wrap:anywhere;min-height:92px}.calday:last-child{border-right:0}.calday p{font-size:14px;line-height:1.65;margin-bottom:11px}.calday p:last-child{margin-bottom:0}.calday.today{background:#fffafb}.blank{color:#a6abb3;font-size:12px}.daylabel{display:none}.pastlabel{font-size:13px;color:#8b8f97;font-weight:600;margin:30px 4px 12px}.livebar{display:flex;justify-content:space-between;font-size:14px;margin-bottom:20px}.peoplegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.workcard{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.workcardhead{padding:23px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.workcardhead .portraitframe,.workcardhead .avatar{width:60px;height:60px}.workcardhead .person h3{font-size:18px}.availability{font-size:12px;border-radius:20px;padding:5px 11px;white-space:nowrap}.availability.busy{background:#fbf0e5;color:#956127}.availability.available{background:#edf6f0;color:#407454}.worktasks{padding:0 23px}.livetask{padding:20px 0;border-bottom:1px solid var(--line)}.livetask:last-child{border:0}.tasktitle{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.tasktitle h3{font-size:15px;line-height:1.6;overflow-wrap:anywhere}.tasktitle strong{font-size:14px;flex-shrink:0;color:#767b85}.progress{height:5px;background:#eeeef1;border-radius:5px;overflow:hidden;margin:12px 0}.progress i{height:100%;display:block;background:var(--red);border-radius:5px}.taskmeta{display:flex;align-items:center;justify-content:space-between;color:#8b9099;font-size:12px;min-height:28px}.taskmeta button{padding:3px 10px;min-height:29px;font-size:12px;border-color:#e8eaee}.notasks{color:#9b9fa7;padding:28px 0;font-size:14px}.workcardfoot{padding:12px 23px;background:#fcfcfd;border-top:1px solid var(--line);color:#969ba4;font-size:12px;display:flex;justify-content:space-between}.adminlist{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.adminperson{display:grid;grid-template-columns:minmax(220px,1fr) 150px 120px auto;gap:20px;align-items:center;padding:21px 24px;border-bottom:1px solid var(--line)}.adminperson:last-child{border:0}.adminusername{display:grid;font-size:14px}.adminusername .muted{font-size:12px}.accesslabel{font-size:12px;color:#8c929b}.auth{min-height:100dvh;display:grid;place-items:center;padding:25px;background:#f6f7f9}.authcard{width:410px;max-width:100%;border:1px solid var(--line);background:#fff;border-radius:19px;padding:35px;box-shadow:0 10px 45px #1c203006}.authcard .logo{display:block;width:185px;height:98px;margin:0 auto 30px}.authcard h1{font-size:29px;margin-top:5px}.authcard p{margin-top:10px}.authcard form{margin-top:28px}.authfooter{text-align:center;color:#aaaeb5;font-size:12px;margin-top:26px}.passwordfield{position:relative}.passwordfield input{padding-right:65px}.passwordfield button{position:absolute;right:4px;top:3px;min-height:37px;border:0;font-size:12px;padding:6px 10px;color:#777d87}form{display:grid;gap:17px}label{display:grid;gap:7px;font-size:14px;font-weight:500}dialog{border:1px solid #e5e7eb;border-radius:16px;width:520px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 40px);padding:27px;box-shadow:0 20px 100px #0003;color:#222}dialog::backdrop{background:#20253066;backdrop-filter:blur(3px)}.formhead{display:flex;justify-content:space-between;align-items:center;gap:12px}.formhead h2{font-size:20px}.formhead button{font-size:25px;line-height:1;border:0;padding:6px 9px;min-width:40px}.formintro{margin:0}.weekfields{display:grid;gap:18px}.weekfields label>.muted{font-size:12px;display:inline}.actions{display:flex;flex-wrap:wrap;gap:8px}.error{color:#a62227;font-size:14px;min-height:18px}#notice{position:fixed;right:24px;bottom:24px;z-index:10;background:#262a32;color:#fff;border-radius:10px;padding:12px 20px;display:none;font-size:14px;box-shadow:0 5px 25px #0002}
@media(min-width:1600px){main{padding-left:50px;padding-right:50px}.gridhead{grid-template-columns:190px repeat(5,minmax(0,1fr))}.calendarrow{grid-template-columns:190px minmax(0,1fr)}.rowperson h3{font-size:15px}.rowperson .portraitframe{width:40px;height:40px}}
@media(max-width:1200px){aside{width:190px;padding:22px 13px}main{margin-left:190px;padding:30px 24px 55px}.gridhead{display:none}.calendarrow{display:block;margin:14px 16px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.rowperson{border:0;border-bottom:1px solid var(--line);padding:14px;background:#fafbfc;display:flex;align-items:center;justify-content:space-between;gap:10px}.rowperson .person{align-items:center;gap:11px}.rowperson .portraitframe,.rowperson .avatar{width:44px;height:44px}.rowperson h3{font-size:15px}.managerlabel{margin:0;font-size:12px}.rowdays{grid-template-columns:repeat(2,minmax(0,1fr))}.daylabel{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:11px;color:#828793}.daylabel b{font-weight:500;color:#666c76}.calday{border-bottom:1px solid var(--line);padding:14px;min-height:80px}.calday:last-child{border-bottom:0;grid-column:1/-1}.calday:nth-child(2n){border-right:0}.workcardhead{padding:18px;align-items:flex-start;flex-wrap:wrap}.worktasks{padding:0 18px}.adminperson{grid-template-columns:1fr auto;gap:10px 15px}.adminusername{grid-column:1}.adminperson>button{grid-column:2;grid-row:1/3}.accesslabel{display:none}}
@media(max-width:850px){aside{position:sticky;inset:auto;top:0;width:100%;padding:12px 20px;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;align-items:center}.brand{margin:0;align-items:flex-start}.brand .logo{width:90px;height:47px}.brand>span{display:none}nav{grid-column:1/-1;display:flex;gap:8px;margin-top:10px}nav button{flex:1;text-align:center;font-size:14px;padding:9px 8px;min-height:42px}.navicon{width:23px;font-size:17px}aside footer{display:none}#mobilelogout{display:block;grid-column:2;grid-row:1;font-size:12px;padding:6px 10px;min-height:34px}main{margin:0;padding:25px 20px 55px}h1{font-size:28px}header p{font-size:14px}.calendarbar{flex-wrap:wrap;gap:12px}.monthjump{margin-left:auto}.peoplegrid{gap:15px}.workcardhead .portraitframe{width:50px;height:50px}.workcardhead .person h3{font-size:17px}.workcardhead .person .muted{font-size:12px}}
@media(max-width:560px){aside{padding:8px 14px 10px}.brand .logo{width:84px;height:44px}main{padding:23px 14px 45px}header{align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:20px}h1{font-size:27px}.eyebrow{font-size:10px}.calendarbar>span{font-size:12px}.separator{margin:0 5px}.monthjump{font-size:12px;margin-left:0;width:100%;justify-content:space-between}.monthjump input{width:170px}.monthblock>summary{padding:18px 16px}.monthblock>summary>div{gap:6px;align-items:flex-start;flex-direction:column}.monthblock h2{font-size:19px}.currentlabel{font-size:10px;padding:2px 6px}.foldhint{font-size:12px;gap:10px}.monthbody{padding:0 8px 9px}.week>summary{padding:14px 12px}.weektitle{gap:5px 12px;flex-wrap:wrap}.weektitle>strong{font-size:14px}.weektitle>span{font-size:12px}.weektitle .thisweek{font-size:10px}.weekactions{padding:11px;flex-wrap:wrap}.calendarrow{margin:10px 8px}.rowdays{grid-template-columns:1fr}.calday{border-right:0;padding:13px}.calday:last-child{grid-column:auto}.rowperson .portraitframe{width:40px;height:40px}.managerlabel{font-size:12px;max-width:95px;text-align:right}.daylabel{font-size:12px}.peoplegrid{grid-template-columns:1fr}.workcardhead{flex-wrap:nowrap;align-items:center;padding:18px}.availability{font-size:11px;padding:4px 8px}.workcardhead .person{gap:10px}.workcardhead .portraitframe{width:54px;height:54px}.livebar{font-size:13px}.livebar .muted{font-size:12px}.adminperson{padding:17px 16px}.adminperson .person{gap:9px}.adminperson .portraitframe{width:42px;height:42px}.adminperson .person .muted{font-size:12px}.adminperson button{font-size:13px;padding:8px 12px}dialog{padding:20px}.authcard{padding:29px}.authcard h1{font-size:27px}#notice{bottom:16px;right:14px;left:14px;text-align:center}}

.portraitframe{display:block;position:relative;overflow:hidden}.portraitframe img{position:absolute;width:var(--photo-width,200%);height:auto;max-width:none;left:var(--photo-x,-50%);top:var(--photo-y,-50%);border-radius:0}

@media(max-width:1200px){.calendarrow.manager .rowdays{display:none}.calendarrow.manager .rowperson{border-bottom:0}}
input,textarea{font-size:16px}
@media(max-width:850px){.taskmeta button,.weekactions button,nav button{min-height:44px}.monthjump input{font-size:16px}.monthjump{white-space:normal}}

select{width:100%;padding:12px;border:1px solid #dcdce0;border-radius:10px;background:white;font:inherit;color:#252528} .headeractions{display:flex;gap:10px;flex-wrap:wrap}.statuspill{display:inline-block;border-radius:7px;background:#f1f1f3;padding:5px 9px;font-size:12px;font-weight:600;white-space:nowrap}.statuspill.ongoing,.statuspill.pending{background:#fff2df;color:#805112}.statuspill.completed,.statuspill.done{background:#e6f4ec;color:#267247}.statuspill.declined{background:#fbeaea;color:#9e2828}.requestgroup{background:white;border:1px solid #e5e5e8;border-radius:16px;margin-bottom:18px;overflow:hidden}.requestgroup>summary{display:flex;align-items:center;justify-content:space-between;padding:20px;cursor:pointer;list-style:none}.requestgroup h2{margin:0;font-size:18px}.requestlist{padding:0 20px 15px}.requestcard{width:100%;text-align:left;background:#fafafa;display:flex;justify-content:space-between;gap:16px;padding:18px;margin-bottom:10px;border:1px solid #e9e9eb;border-radius:12px;white-space:normal}.requestcard h3{margin:10px 0 6px;overflow-wrap:anywhere}.requestcard p{margin:0}.requestassignment{display:flex;flex-direction:column;justify-content:center;text-align:right;font-size:14px;gap:9px}.requestassignment span{color:#a32328}.requestdetail{padding:24px}.requestdetail dl{display:grid;gap:8px}.requestdetail dt{font-size:12px;color:#777;margin-top:10px}.requestdetail dd{margin:0;overflow-wrap:anywhere}.requestdescription{white-space:pre-wrap}.emptyrequests{padding:10px 0}.assignedentry{background:#fff6f5;border-left:3px solid #a32328;padding:9px!important;border-radius:6px;overflow-wrap:anywhere}.requesttag{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#a32328;margin-bottom:7px}.photopreview{margin:12px 0}.photopreview img{width:80px;height:80px;object-fit:cover;border-radius:50%}.accesslabel{white-space:normal}.portraitframe img{object-fit:cover}nav{overflow-x:auto}@media(max-width:650px){.requestcard{flex-direction:column}.requestassignment{text-align:left}.headeractions{width:100%}.requestlist{padding:0 12px 12px}.requestgroup>summary{padding:16px}.statuspill{font-size:11px}nav button{flex-shrink:0}}

.statuspill::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;background:#d73b3e;vertical-align:middle}.statuspill.ongoing::before{background:#ed911c}.statuspill.done::before,.statuspill.completed::before{background:#2c9b5d}.statuspill.notstarted,.statuspill.rejected{background:#fceced;color:#922d30}.statuspill.pending{background:#f1f1f3;color:#65656a}.statuspill.pending::before{background:#8a8c91}.requestgroup>summary h2::before{content:"";display:none}.phasepanel{margin:20px 0;padding:16px;background:#f7f8fa;border:1px solid #e7e7eb;border-radius:12px}.phasepanel h3{margin-bottom:12px}.phaserow{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:12px 0;padding-bottom:12px;border-bottom:1px solid #e6e6eb}.phaserow>div{display:flex;flex-direction:column;overflow-wrap:anywhere}.phaserow select{max-width:190px}.agentadmin{margin-top:28px;background:#fff;border:1px solid #e5e5e8;border-radius:16px;padding:22px}.agenthead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.agentrow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #eee}.agentrow strong{overflow-wrap:anywhere}.deadline{font-size:12px!important;color:#9b3135;margin-top:6px!important}#agentpicker[hidden]{display:none}#agentfields{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.requestdetail .phasepanel{margin-top:20px}@media(max-width:600px){.phaserow{align-items:flex-start;flex-direction:column}.phaserow select{max-width:none}#agentfields{grid-template-columns:1fr}.agenthead{align-items:flex-start;flex-wrap:wrap}.agentadmin{padding:16px}}

.requestgroup h2 .statuspill{font:inherit;background:transparent;padding:0}.requestgroup h2 .statuspill::before{width:9px;height:9px;margin-right:10px}

.directorytools{display:flex;gap:10px;align-items:center;margin:15px 0}.directorytools input{flex:1}.directorytools button{white-space:nowrap}.pager{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px}.pager span{font-size:12px;color:#737781}.agentadmin>summary{cursor:pointer;list-style:none;margin:0}.agentadmin[open]>summary{margin-bottom:18px}.typelist{max-height:360px;overflow:auto;margin-top:15px}.agentpickhead{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.agentpicker{background:#f7f8fa;border:1px solid #e7e7eb;border-radius:12px;padding:16px;margin:15px 0}.agentchoices{max-height:210px;overflow:auto;background:#fff;border:1px solid #e5e5e8;border-radius:10px;padding:8px;overscroll-behavior:contain}.agentchoice{display:flex!important;align-items:center;gap:12px;padding:8px!important;margin:0!important;border-radius:6px;cursor:pointer}.agentchoice:hover{background:#f7f2f2}.agentchoice input{width:18px;min-height:18px;height:18px;flex-shrink:0;accent-color:#a32328}.agentchoice span{overflow-wrap:anywhere;font-size:14px}.selectedagents{display:flex;gap:6px;flex-wrap:wrap;max-height:110px;overflow:auto;margin-bottom:10px}.agentchip{font-size:12px;min-height:34px;padding:6px 9px;background:#faeeee;border-color:#eddbdb;max-width:100%;overflow-wrap:anywhere}.attachmentbox{margin:16px 0;padding:14px;border:1px solid #e5e5e8;border-radius:10px}.attachmentbox h3{margin-bottom:10px}.filebutton{display:block;width:100%;text-align:left;overflow-wrap:anywhere;margin:8px 0}.filerow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0}.filerow span{font-size:13px;overflow-wrap:anywhere}.filerow button{font-size:12px}.agentrow>div{display:flex;gap:6px}.phaserows{max-height:360px;overflow:auto;overscroll-behavior:contain}@media(max-width:600px){.directorytools{flex-wrap:wrap}.directorytools input{flex-basis:100%}.pager{flex-wrap:wrap}.pager button{font-size:13px}.agentchoices{max-height:190px}.agentpicker{padding:12px}.agentrow{align-items:flex-start}.agentrow>div{flex-wrap:wrap}.attachmentbox{padding:12px}.requestdetail{padding:10px}}

.profileeditor{padding:4px}.profilesektion{margin:20px 0}.profilesection{border:1px solid #e5e5e8;border-radius:12px;padding:18px;margin-top:18px}.profilesection h3{margin-bottom:14px}.profilepreviewimage{width:80px!important;height:80px!important;object-fit:cover;border-radius:50%}.profileeditor .portraitframe,.profileeditor .avatar{width:80px;height:80px}.profilesection p{margin:12px 0}.profileeditor .formhead>div{min-width:0}.profileeditor .formhead p{overflow-wrap:anywhere}@media(max-width:600px){.profilesection{padding:13px}.profileeditor{padding:0}.profileeditor .actions{flex-wrap:wrap}}