:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#f5f8fb;color:#142b3d;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{text-decoration:none;color:inherit}.layout{display:flex;min-height:100vh}.sidebar{background:#fff;border-right:1px solid #e5edf3;width:250px;min-width:250px;padding:28px 15px;display:flex;flex-direction:column;gap:22px}.brand{display:flex;align-items:center;gap:11px;padding:0 13px}.brandmark{width:37px;height:37px;border-radius:12px;background:#e1f7f1;color:#068a77;display:grid;place-items:center;font-size:19px;font-weight:800}.brand h1{font-size:18px;margin:0;letter-spacing:-.65px}.brand span{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#7b8d9f;font-weight:600}.sublabel{font-size:10px;color:#9aa7b5;font-weight:750;text-transform:uppercase;letter-spacing:1.15px;padding:0 12px;margin:11px 0 5px}.nav{display:flex;flex-direction:column;gap:5px}.nav button{padding:12px 14px;display:flex;align-items:center;gap:11px;border:0;border-radius:10px;background:none;text-align:left;color:#526579;font-size:13.5px;font-weight:600;width:100%}.nav button .ico{font-size:18px;width:22px;text-align:center}.nav button:hover{background:#f1f7f8}.nav button.active{color:#007c71;background:#eaf8f4}.nav .count{margin-left:auto;background:#e8f4f1;color:#118779;padding:3px 7px;border-radius:8px;font-size:11px}.sidebottom{margin-top:auto;padding:14px 10px;border-top:1px solid #edf1f4}.personpick{width:100%;border:1px solid #dce7ee;border-radius:10px;background:#fff;padding:11px;color:#183d4f;font-size:13px}.identity{font-size:12px;color:#8091a0;margin-bottom:10px}.safebox{font-size:11px;color:#7d8d99;line-height:1.55;padding:12px;background:#f6f9fa;border-radius:9px;margin-top:12px}.work{flex:1;min-width:0;max-width:1500px;margin:0 auto;padding:31px clamp(20px,4vw,62px) 60px}.topline{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#088c7d;font-weight:800;margin:0 0 9px}.topline h2{font-size:29px;letter-spacing:-1.05px;margin:0 0 7px}.subtitle{color:#8494a2;margin:0;font-size:13.5px}.topactions{display:flex;gap:10px;align-items:center}.btn{border-radius:10px;border:1px solid #d9e4eb;padding:11px 17px;font-size:13px;font-weight:700;background:#fff;color:#334e60;display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:42px}.btn.primary{background:#068e7f;color:#fff;border-color:#068e7f;box-shadow:0 4px 12px #007f7121}.btn.primary:hover{background:#087f72}.btn.ghost:hover{background:#f0f8f6}.btn.small{padding:7px 10px;min-height:32px;font-size:12px}.btn.danger{border-color:#f3cfcd;color:#b44345}.dashboard{padding-top:25px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat{background:#fff;border:1px solid #e4ecf1;border-radius:14px;padding:18px 19px;box-shadow:0 3px 12px #142b3d04}.stat .label{color:#74899c;font-size:12px;font-weight:600}.stat .num{font-size:31px;font-weight:800;letter-spacing:-1px;margin-top:6px}.stat .dot{float:right;width:31px;height:31px;background:#e6f8f4;color:#138b7d;border-radius:9px;display:grid;place-items:center}.stat.amber .dot{background:#fff3db;color:#bf8216}.stat.blue .dot{background:#e7f0ff;color:#3265b0}.stat.red .dot{background:#fff0ee;color:#cd6b56}.sectionbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:31px;margin-bottom:14px}.sectionbar h3{font-size:17px;letter-spacing:-.3px;margin:0}.sectionbar small{font-size:12px;color:#8ba0aa}.cardgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.taskcard{border:1px solid #e0e9ef;background:#fff;border-radius:14px;padding:19px 20px;box-shadow:0 4px 15px #10344705;display:flex;flex-direction:column;gap:12px}.taskcard:hover{border-color:#99cfc5}.tasktop{display:flex;align-items:center;gap:6px;justify-content:space-between}.pill{display:inline-flex;border-radius:25px;padding:5px 10px;background:#ecf6f5;color:#228e7e;font-size:11px;font-weight:750;white-space:nowrap}.pill.amber{background:#fff3df;color:#a87309}.pill.blue{background:#ebf2ff;color:#5477aa}.pill.gray{background:#f1f4f6;color:#697a88}.pill.red{background:#fff0eb;color:#bd6551}.taskcard h4{margin:0;font-size:15px;line-height:1.45;letter-spacing:-.1px}.desc{font-size:12px;color:#8293a0;line-height:1.6;margin:0;max-width:100%}.taskmeta{display:flex;gap:12px;flex-wrap:wrap;color:#708391;font-size:11.5px;margin-top:auto;align-items:center}.taskfooter{border-top:1px solid #f0f3f6;padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:8px}.avatar{width:26px;height:26px;border-radius:50%;background:#dff4ee;display:grid;place-items:center;color:#05796c;font-size:12px;font-weight:800}.owner{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:600;color:#476070}.filterbar{display:flex;gap:8px;flex-wrap:wrap;margin:19px 0}.filter{border:1px solid #dfe8ed;border-radius:20px;padding:8px 13px;background:#fff;color:#738695;font-weight:700;font-size:12px}.filter.active{background:#e7f7f2;color:#007c6e;border-color:#b5ded4}.empty{border:1px dashed #d0dfe6;border-radius:14px;padding:32px;text-align:center;color:#91a0aa;background:#fff;grid-column:1/-1}.feed{background:#fff;border:1px solid #e0e9ef;border-radius:14px;padding:5px 18px}.event{display:flex;align-items:flex-start;gap:12px;padding:15px 2px;border-bottom:1px solid #f0f3f6}.event:last-child{border:0}.evicon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#e9f6f2;color:#1d9380;font-size:15px;flex-shrink:0}.event b{font-size:12.5px;font-weight:650}.event small{display:block;color:#94a3ae;margin-top:5px;font-size:11px}.people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.personcard{background:#fff;border:1px solid #e0e9ef;border-radius:14px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.personcard .bigavatar{width:47px;height:47px;font-size:19px;background:#e6f6f0;border-radius:14px;display:grid;place-items:center;color:#07897a}.personcard h4{font-size:15px;margin:7px 0 0}.personcard span{font-size:12px;color:#82919f}.personcard .btn{margin-top:9px}.modalback{position:fixed;top:0;right:0;bottom:0;left:0;background:#0823349b;z-index:99;display:flex;align-items:center;justify-content:center;padding:16px}.modal{width:min(580px,100%);max-height:95vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 23px 80px #071b2660;padding:26px}.modalhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.modal h3{margin:0;font-size:22px;letter-spacing:-.6px}.close{border:0;background:#f0f4f5;border-radius:9px;font-size:20px;width:34px;height:34px;color:#637786}.modal .hint{color:#8293a0;font-size:13px;line-height:1.55;margin:4px 0 24px}.field{display:flex;flex-direction:column;gap:7px;margin:17px 0;font-size:12px;color:#536b7a;font-weight:750}.field input,.field select,.field textarea{border:1px solid #dbe5eb;border-radius:10px;padding:13px 12px;background:#fff;color:#254153;outline:none;width:100%;font-size:13px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#069584;box-shadow:0 0 0 3px #e1f5ef}.field textarea{resize:vertical;min-height:96px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:13px}.modalactions{display:flex;gap:9px;justify-content:flex-end;margin-top:22px}.toast{position:fixed;right:24px;bottom:24px;background:#183d48;color:#fff;padding:13px 18px;border-radius:12px;font-size:13px;z-index:120;max-width:420px;box-shadow:0 12px 40px #16334643}.toast.error{background:#9c3034}.notice{background:#fffbea;border:1px solid #f5e8b7;color:#746429;padding:11px 14px;font-size:12px;border-radius:10px;margin-top:20px;line-height:1.55}.hidden{display:none!important}@media (max-width:1000px){.sidebar{width:205px;min-width:205px}.work{padding:24px}.cardgrid{grid-template-columns:1fr}.people,.stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.layout{display:block}.sidebar{width:100%;min-width:0;padding:14px;gap:11px;border-right:0;border-bottom:1px solid #e1e9ef}.brand,.sublabel{display:none}.nav{flex-direction:row;overflow:auto;white-space:nowrap}.nav button{width:auto;padding:9px 10px;flex-shrink:0}.nav button .ico{font-size:15px;width:auto}.sidebottom{display:flex;align-items:center;gap:12px;padding:5px;border:0}.sidebottom .identity,.sidebottom .safebox{display:none}.personpick{max-width:240px}.work{padding:22px 15px}.topline{align-items:flex-start;flex-direction:column}.topline h2{font-size:24px}.stats{gap:9px}.stat{padding:15px}.stat .num{font-size:26px}.people,.twocol{grid-template-columns:1fr}.modal{padding:19px}.cardgrid{grid-template-columns:1fr}}.attachment-link{display:flex;margin-top:2px}.attachment-input small{color:#8094a2;font-weight:400;line-height:1.5}.attachment-input input[type=file]{padding:10px;background:#f9fbfc}.selected-files{font-size:12px;color:#506a7b;line-height:1.5;overflow-wrap:anywhere}.attachment-list{margin:8px 0 19px}.attachment-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 0;border-bottom:1px solid #e9eff2}.attachment-row strong{display:block;font-size:12px;overflow-wrap:anywhere}.attachment-row small{display:block;font-size:11px;margin-top:5px;color:#8496a4}.attachment-row>div:last-child{display:flex;flex-wrap:wrap;gap:6px;flex-shrink:0}@media (max-width:620px){.attachment-row{flex-direction:column;align-items:flex-start}}:root{background:#f1f3f6;color:#122436;color-scheme:light}body{background:#f1f3f6;font-size:15px;line-height:1.55}.sidebar{background:#fff;border-right:2px solid #d1d9e1}.brand span,.identity,.sublabel,.safebox,.subtitle,.desc,.taskmeta,.field,.event small,.personcard span,.stat .label{color:#35485a!important}.brand span,.sublabel,.identity,.safebox,.event small{font-size:13px;letter-spacing:0}.nav button{font-size:15px;color:#1a3043;min-height:46px}.nav button:hover{background:#e7ecef}.nav button.active{background:#e2f0ed;color:#064d44;border-left:4px solid #087a67}.topline h2{font-size:30px;color:#122436}.eyebrow{color:#00695c;font-size:13px}.subtitle{font-size:15px}.stat{border:1px solid #aab8c3;box-shadow:none;padding:17px}.stat .dot{display:none}.stat .label{font-size:14px;font-weight:700}.stat .num{color:#111f30}.dashboard{display:flex;flex-direction:column;gap:22px}.stats{margin-bottom:0}.section-panel{background:#fff;border:1px solid #b1bfca;border-top:5px solid #263e50;padding:20px 20px 22px;border-radius:12px;box-shadow:0 2px 8px #172b3c0d}.section-panel:nth-of-type(2){border-top-color:#087865}.section-panel:nth-of-type(3){border-top-color:#455b6e}.section-panel .sectionbar{margin:0 0 16px!important;padding:0 0 11px;border-bottom:2px solid #c9d3da}.section-panel .sectionbar h3{font-size:20px;color:#132638;letter-spacing:-.25px}.taskcard{border:1px solid #b3c1cb;box-shadow:0 2px 5px #1b31420a;padding:20px;background:#fff}.taskcard-clickable{cursor:pointer;transition:border-color .15s,box-shadow .15s}.taskcard-clickable:hover{border-color:#087b69;box-shadow:0 3px 12px #123d3829}.taskcard-clickable:focus-visible,.btn:focus-visible,.nav button:focus-visible{outline:3px solid #126cbb;outline-offset:3px}.taskcard h4{font-size:17px;color:#102438;line-height:1.4}.taskcard .desc{font-size:14px;line-height:1.65}.taskmeta{font-size:13px!important}.taskmeta span{color:#344b5d!important}.taskfooter{border-top:1px solid #c7d2da}.taskbuttons{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.pill{font-size:12px!important;font-weight:700!important}.pill.gray{background:#e5e9ed!important;color:#203448!important}.pill.blue{background:#e1edf8!important;color:#174778!important}.pill.amber{background:#f3e7ca!important;color:#6a4409!important}.btn{font-size:14px;color:#163047;border-color:#9eafbb}.btn.small{font-size:13px;min-height:35px}.btn.primary{background:#086f61;border-color:#086f61;color:#fff;box-shadow:none}.btn.primary:hover{background:#064f46}.field{font-size:14px!important}.field input,.field select,.field textarea{font-size:15px;border:1px solid #99acb9;color:#142a3b;line-height:1.55}.field input[readonly],.field textarea[readonly]{background:#f6f8f9;border-color:#c5d0d7;color:#233748}.modal{width:min(720px,100%);padding:27px}.modal h3{font-size:23px;color:#122436}.detail-intro{font-size:15px;font-weight:700;color:#28505c;margin:13px 0}.detail-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:13px;background:#eff3f6;border:1px solid #bfcbd4;border-radius:9px;font-size:14px;color:#1b3448}.reportbox{background:#f3f5f7;border:1px solid #b7c5d0;border-radius:10px;padding:15px;margin:16px 0;overflow-wrap:anywhere}.reportbox strong{font-size:15px}.reportbox p{font-size:15px;line-height:1.65}.detail-actions{flex-wrap:wrap;justify-content:flex-start}.notice{font-size:14px!important;color:#59460e;border-color:#b9a963;background:#fdf8ea}.feed{background:#fff}.event{border-bottom:1px solid #d0dae0}.event b{font-size:14px;color:#142b3e}.event small{font-size:13px!important}.personcard{border-color:#b7c3ce}.personcard h4{font-size:17px}.personcard span{font-size:14px}@media (max-width:680px){.section-panel{padding:15px}.detail-summary{grid-template-columns:1fr}.taskcard{padding:16px}.taskfooter{flex-wrap:wrap}.taskbuttons{justify-content:flex-start}}.office-panel{background:#fff;border:1px solid #9aafbc;border-top:5px solid #253f52;border-radius:12px;padding:23px;margin-top:22px;color:#132c3e;box-shadow:0 2px 9px #172a3c10}.office-panel h3{font-size:21px;line-height:1.3;margin:0 0 7px;color:#102a3b}.office-panel h4{font-size:17px;margin:21px 0 12px;color:#152e40}.office-panel p{font-size:15px;color:#30485a;line-height:1.6}.office-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:18px;padding-bottom:15px;border-bottom:2px solid #ced8df}.office-toolbar .field{margin:0;min-width:120px}.office-help{font-size:14px!important;color:#3e5261!important;line-height:1.5!important}.office-section-stack{display:flex;flex-direction:column;gap:14px}.office-inline-form{background:#f5f7f9;border:1px solid #a9bcc7;border-radius:12px;padding:18px;margin:18px 0}.office-inline-form .field{color:#182d40}.search-results{display:flex;flex-direction:column;gap:9px;margin-top:16px}.search-results button{background:#f9fafb;border:1px solid #a9bdc9;border-radius:10px;min-height:53px;padding:10px 15px;color:#172d40;display:flex;align-items:center;gap:14px;text-align:left;flex-wrap:wrap}.search-results button strong{font-size:15px}.search-results button>span:last-child{margin-left:auto;font-size:13px;color:#344a5d}.search-results button:hover,.search-results button:focus-visible{outline:2px solid #056c62;background:#ecf5f2}.calendar-nav{display:flex;align-items:center;gap:12px;color:#1c3245}.calendar-nav strong{min-width:148px;text-align:center;text-transform:capitalize}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid #9fb1be;border-left:1px solid #9fb1be;background:#fff}.cal-heading{font-weight:800;color:#263e52;background:#e5eaee;text-align:center;padding:12px 2px;border-right:1px solid #9fb1be;border-bottom:1px solid #9fb1be}.cal-blank,.cal-day{min-height:110px;border-right:1px solid #a8bbc6;border-bottom:1px solid #a8bbc6;padding:8px;overflow-wrap:anywhere}.cal-blank{background:#f2f4f6}.cal-day.is-today{background:#e8f1ee}.cal-number{font-weight:800;color:#152d40;margin-bottom:5px;font-size:14px}.cal-item{display:block;width:100%;text-align:left;line-height:1.35;border:1px solid #9fb9c4;border-radius:6px;padding:5px 6px;margin:4px 0;background:#e8eff5;color:#17364b;font-size:12px;font-weight:700;overflow-wrap:anywhere}.cal-item:hover{outline:2px solid #056c62}.cal-recurrence{background:#e4efe9;border-color:#77aa95}.cal-exchange{background:#fff0d3;border-color:#a98029;color:#58390d}.cal-reading{background:#edf1f6;border-color:#91a7bb}.meter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.meter-card{display:flex;flex-direction:column;gap:5px;text-align:left;background:#fff;color:#193246;border:1px solid #a6b8c6;border-radius:10px;padding:15px;font-size:13px}.meter-card strong{font-size:16px;color:#142c3d}.meter-card.selected{border:2px solid #086d60;background:#eaf4f0}.office-log{display:flex;flex-direction:column;gap:8px}.office-log>div{border:1px solid #bfccd4;border-radius:9px;padding:12px;display:flex;flex-direction:column;gap:5px;background:#f9fafb;color:#223b4d;font-size:14px}.office-log strong{font-size:15px}.office-files{display:flex;gap:8px;flex-wrap:wrap}.archive-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.archive-stats div{background:#eff3f6;border:1px solid #aebec8;border-radius:10px;padding:15px;display:flex;flex-direction:column;gap:5px}.archive-stats strong{font-size:27px;color:#102739}.archive-stats span{font-size:14px;color:#2a4254}.recurrence-note{font-size:13px;color:#234c44;font-weight:750;background:#e4eee9;border:1px solid #9fbdaf;border-radius:9px;padding:4px 9px;width:max-content}@media (max-width:840px){.meter-grid{grid-template-columns:1fr}.cal-blank,.cal-day{min-height:90px;padding:4px}.cal-item{font-size:11px;padding:4px}.office-panel{padding:15px}}@media (max-width:520px){.archive-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-grid{overflow-x:auto}.cal-heading,.cal-day,.cal-blank{min-width:0}.cal-item{font-size:10px;padding:2px}.cal-number{font-size:12px}.office-toolbar{flex-direction:column;align-items:stretch}}.pill.priority{border:2px solid transparent;font-size:13px!important;font-weight:850!important;padding:6px 12px;letter-spacing:.05px}.pill.priority-normal{background:#e4edf8;color:#163d6a;border-color:#6d96be}.pill.priority-high{background:#ffe7b8;color:#754000;border-color:#ca8000}.pill.priority-urgent{background:#ffe0df;color:#941e20;border-color:#d13339}.taskcard:has(.priority-urgent){border-left:5px solid #ba2228}.taskcard:has(.priority-high){border-left:5px solid #c77c00}.taskcard:has(.priority-normal){border-left:5px solid #366fa6}.leave-selects{display:flex;gap:12px;flex-wrap:wrap}.leave-selects .field{min-width:160px;margin:0}.leave-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.leave-summary>div{display:flex;flex-direction:column;gap:8px;border:1px solid #aebec8;border-radius:10px;padding:17px;background:#f5f7f9}.leave-summary span{font-size:14px;color:#263d4f;font-weight:650}.leave-summary strong{font-size:27px;color:#102739}.leave-summary .leave-remaining{border:2px solid #006c5f;background:#ebf5f0}.leave-origin{border:1px solid #b3c4d0;border-left:5px solid #245f88;background:#f6f9fb;border-radius:9px;margin:16px 0;padding:14px}.leave-origin h4{margin-top:0}.leave-origin p{margin:5px 0}.leave-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.leave-requests{display:flex;flex-direction:column;gap:10px}.leave-request{border:1px solid #a7b9c6;background:#fafbfc;border-radius:10px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.leave-request>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:#1e394e;font-size:14px}.leave-request strong{font-size:16px}.leave-request p{margin:0}.leave-request-actions{display:flex;gap:7px;flex-wrap:wrap}.pill.leave-approved-pill{background:#d4efdf;color:#105b33;border:1px solid #438b62}.pill.leave-planned-pill{background:#fff1cb;color:#76520a;border:1px solid #b18d2b}.cal-leave-approved{background:#d9efdf;border:2px solid #2e8456;color:#104728}.cal-leave-planned{background:#fff3d4;border:2px dashed #ad8731;color:#5f450e}@media (max-width:920px){.leave-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:570px){.leave-summary{grid-template-columns:1fr}.leave-request{align-items:flex-start;flex-direction:column}}.leave-request.leave-focused{outline:3px solid #096d66;background:#eaf5ef}