:root{--navy:#10233f;--ink:#122038;--muted:#607086;--line:#dce2ea;--paper:#fff;--wash:#f2f5f8;--blue:#214b79;--green:#246448;--amber:#845c17;--red:#a52739;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--wash);font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--wash);color:var(--ink)}button,input,select{font:inherit}button,.button{cursor:pointer}.site-header{height:96px;background:var(--navy);color:#fff;padding:0 5%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:18px;align-items:center;color:#fff;text-decoration:none}.brand b{font-size:38px;letter-spacing:-3px;border-right:1px solid #516077;padding-right:20px}.brand span{font-size:13px;letter-spacing:1.3px;font-weight:700}.brand small{display:block;font-size:11px;color:#a7b6c9;letter-spacing:2.5px;margin-top:8px}.secure{display:flex;gap:8px;align-items:center;font-size:14px;color:#c6d1e1}.workspace{max-width:1320px;margin:auto;padding:54px 40px}.workspace.wide{max-width:1550px}.sign-workspace{max-width:1100px}.eyebrow{font-size:12px;letter-spacing:2px;color:#58708e;font-weight:700;margin-bottom:12px}h1{font-size:40px;letter-spacing:-1.5px;margin:0 0 12px}h2{font-size:20px;margin:0 0 12px}h3{margin:0 0 7px;font-size:16px}p{color:var(--muted);line-height:1.6;margin:0 0 22px}.paper{background:var(--paper);border:1px solid var(--line);border-radius:9px}.auth-card,.success{max-width:620px;padding:52px 34px;margin:35px auto}.auth-card{text-align:left}.auth-card h1{text-align:center}.auth-card>p{text-align:center}.auth-card .file-icon{margin-bottom:22px}.form-grid{display:grid;gap:15px}.form-grid.two{grid-template-columns:1fr 1fr}label{font-size:14px;font-weight:600;display:block;margin-bottom:6px}input,select{border:1px solid #cbd5e1;border-radius:5px;padding:11px;background:#fff;width:100%;color:var(--ink)}input:focus,select:focus,button:focus-visible,.button:focus-visible{outline:3px solid #90b7e7;outline-offset:2px}.button,button.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:5px;padding:10px 16px;font-weight:700;text-decoration:none;line-height:1.2}.button.primary{background:var(--navy);color:#fff}.button.outline{background:#fff;color:var(--ink);border:1px solid #cbd5e1}.button.ghost{background:transparent;color:var(--blue)}.button.danger{background:#fff;color:var(--red);border:1px solid #e1bac1}.button.large{padding:13px 20px}.button.small{font-size:13px;padding:8px 10px}.button:disabled{opacity:.5;cursor:not-allowed}.title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.doc-title{font-size:30px;margin:14px 0;overflow-wrap:anywhere}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:34px}.stats article{border:1px solid var(--line);background:#fff;padding:24px;border-radius:8px}.stats span{font-size:14px;color:var(--muted)}.stats strong{display:block;font-size:36px;margin-top:14px;letter-spacing:-1px}.section-title{padding:23px 28px;border-bottom:1px solid #e4e8ee;display:flex;justify-content:space-between;align-items:center;gap:16px}.section-title span{font-size:11px;letter-spacing:1.2px;color:#76859a}.empty{text-align:center;padding:56px 24px 30px}.file-icon{width:78px;height:86px;background:#edf2f8;color:#274565;display:grid;place-items:center;border-radius:12px;margin:auto;font-size:34px}.steps{display:flex;justify-content:center;gap:36px;margin-top:48px;border-top:1px solid #e6eaf0;padding-top:26px;color:#63758b;font-size:13px}.tabs{display:flex;gap:6px;padding:18px 24px;border-bottom:1px solid #e5eaf0;overflow:auto}.tabs button{border:0;background:#eef2f7;color:#52667f;padding:8px 13px;border-radius:4px;white-space:nowrap}.tabs button.active{background:var(--navy);color:#fff}.document-row{padding:22px 28px;border-bottom:1px solid #e5eaf0;display:flex;align-items:center;gap:18px}.document-row .grow{flex:1}.muted{color:#61748a;font-size:14px}.badge{font-size:12px;padding:6px 10px;border-radius:4px;background:#edf2f8;color:#45617e;text-transform:capitalize}.badge.completed{background:#e3f3eb;color:var(--green)}.badge.pending{background:#fff2d8;color:var(--amber)}.badge.draft{background:#e9eef5}.error,.notice{padding:16px;border-radius:6px;margin:16px 0}.error{background:#fff1f2;color:#9f2336}.notice{background:#eef4fb;color:#263f5e}.toast{position:fixed;right:24px;bottom:24px;background:var(--navy);color:#fff;padding:14px 18px;border-radius:6px;box-shadow:0 10px 30px #10233f33;z-index:100}.editor-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:start}.editor-panel{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto}.panel-body{padding:20px}.panel-body label{margin-top:14px}.panel-body hr{border:0;border-top:1px solid #e0e6ee;margin:26px 0}.signer-card{border:1px solid #dbe3ec;border-radius:6px;padding:15px;margin-bottom:16px}.signer-card.active{border-color:#244d7b;box-shadow:0 0 0 1px #244d7b}.signer-card .row{display:flex;justify-content:space-between;align-items:center;gap:8px}.signer-number{background:#e8eff7;border-radius:50%;border:0;color:#173a65;width:30px;height:30px}.field-settings{padding:12px;background:#f0f4f9;margin:15px 0}.pdf-view{min-width:0;background:#e0e6ed;border:1px solid #cbd5e1;border-radius:7px;overflow:hidden}.pdf-toolbar{background:#fff;border-bottom:1px solid #d3dce6;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;font-size:14px}.pdf-stage{padding:28px;overflow:auto}.pdf-page{position:relative;margin:auto;max-width:850px;box-shadow:0 6px 28px #152c4a24;min-height:200px;background:#fff}.pdf-page canvas{display:block;width:100%;height:auto}.pdf-page.placing{cursor:crosshair}.pdf-loading{position:absolute;inset:0;display:grid;place-items:center;background:#ffffffdd;color:#53657e}.field-box{position:absolute;border:1.5px dashed #4274aa;background:#e9f2ffbd;color:#1d4c7f;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;padding:1px;min-width:0;font-size:clamp(10px,1.1vw,14px);touch-action:none}.field-box.selected{border:2px solid #19497e;background:#dcecffda;box-shadow:0 0 0 3px #73a4d640}.field-box small{display:block;font-size:10px;white-space:nowrap;overflow:hidden}.field-box img{max-height:100%;max-width:100%;object-fit:contain}.field-box.filled{border:1px solid #67937b;background:#ecf7f085}.link-input{font-size:12px;margin-top:12px}.signing-footer{padding:26px;margin-top:24px}.consent{display:flex;align-items:flex-start;gap:12px;line-height:1.6;margin:24px 0;font-size:16px}.consent input{width:auto;margin-top:5px}.signature-dialog{border:0;background:transparent;padding:0;width:min(580px,calc(100% - 24px))}.signature-dialog::backdrop{background:#061224aa}.dialog-card{background:#fff;padding:28px;border-radius:9px;position:relative}.dialog-close{position:absolute;right:15px;top:10px;border:0;background:transparent;font-size:30px}.segmented{display:flex;gap:4px;margin:14px 0}.segmented button{border:1px solid var(--line);padding:9px 12px;background:#fff}.segmented button.active{background:var(--navy);color:#fff}.signature-dialog canvas{width:100%;height:auto;background:#f4f7fa;border:1px dashed #91a5bc;border-radius:6px;touch-action:none}.typed-preview{font-family:Georgia,serif;font-style:italic;font-size:42px;padding:28px 15px;min-height:130px;overflow-wrap:anywhere;color:var(--navy)}.success{text-align:center}.success .check{font-size:55px;color:var(--green)}.small-space{margin-top:14px}.hide{display:none!important}@media(max-width:900px){.editor-grid{grid-template-columns:250px minmax(0,1fr)}.pdf-stage{padding:15px}}@media(max-width:700px){.site-header{height:80px;padding:0 18px}.secure{display:none}.brand b{font-size:32px}.workspace{padding:30px 18px}h1{font-size:32px}.title-row{align-items:flex-start;flex-direction:column}.stats{gap:8px}.stats article{padding:16px 12px}.stats span{font-size:12px}.stats strong{font-size:28px}.section-title{padding:20px}.section-title>span{display:none}.steps{gap:16px;flex-direction:column}.document-row{padding:18px;flex-wrap:wrap}.form-grid.two{grid-template-columns:1fr}.editor-grid{display:flex;flex-direction:column}.editor-panel{position:static;max-height:none;width:100%}.pdf-view{width:100%}.pdf-stage{padding:10px}.pdf-toolbar>span:first-child{display:none}.pdf-toolbar .actions{width:100%;justify-content:space-between}.field-box{font-size:10px}.field-box small{font-size:8px}.signing-footer{padding:18px}}
.qr-code{display:block;width:260px;max-width:100%;margin:20px auto;border:10px solid #fff}.recovery-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;background:#f2f5f8;padding:16px;border-radius:6px;margin:16px 0 22px}.recovery-codes code{background:#fff;border:1px solid #dce2ea;border-radius:4px;padding:10px;text-align:center;overflow-wrap:anywhere}
.portal-nav{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:38px}.portal-nav>div{display:flex;align-items:center;gap:20px}.portal-nav a{color:var(--muted);font-weight:700;text-decoration:none}.portal-nav a:hover{color:var(--navy)}.portal-home{font-size:18px!important;color:var(--navy)!important}.ops-overview{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;margin-bottom:22px}.ops-hero{padding:30px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;background:linear-gradient(135deg,#fff 0%,#edf3fa 100%)}.ops-hero h2{font-size:30px}.ops-hero p{margin:0}.ops-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ops-metrics article{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px}.ops-metrics span{display:block;color:var(--muted);font-size:13px}.ops-metrics strong{display:block;font-size:29px;margin-top:10px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.module-card{padding:25px;min-height:240px;display:flex;flex-direction:column}.module-card.disabled{opacity:.68}.module-card h2{margin:15px 0 7px}.module-card p{font-size:14px;flex:1}.module-card>a{font-weight:700;color:var(--blue);text-decoration:none}.module-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;background:#e9f0f8;color:#173f6b;font-size:24px}.module-icon.sign{background:#e8f4ee;color:#246448}.module-icon.timesheets{background:#fff2d8;color:#845c17}.module-icon.leave{background:#f5ecff;color:#684080}.module-status{float:right;color:#718096;font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:700}.planner-loading,.connection-card{padding:50px;text-align:center}.connection-card{margin-bottom:24px}.connection-card code{background:#eef2f7;padding:5px 8px;border-radius:4px}.planner-tools{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 18px;margin-bottom:16px}.planner-filters{display:grid;grid-template-columns:minmax(230px,1fr) 180px 160px;gap:10px;flex:1}.view-switch{display:flex;gap:4px;align-items:center}.view-switch>button:not(.button){border:1px solid var(--line);background:#fff;padding:10px 12px;color:var(--muted)}.view-switch>button.active{background:var(--navy);color:#fff}.planner-stats{display:flex;gap:22px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:13px;margin:0 4px 16px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;background:#456b96}.dot.tuc{background:#c18125}.dot.leave{background:#7b4c9d}.dot.vip{background:#b82d49}.calendar-shell{overflow:hidden}.calendar-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}.calendar-header h2{text-align:center;margin:0}.calendar-header>.actions{justify-content:flex-end}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays{background:#f5f7fa;border-bottom:1px solid var(--line)}.calendar-weekdays span{padding:9px;text-align:center;font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase}.calendar-day{min-height:132px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:7px;background:#fff;cursor:pointer;min-width:0}.calendar-day:nth-child(7n){border-right:0}.calendar-day.outside{background:#f7f8fa;color:#9aa6b5}.calendar-day.today{box-shadow:inset 0 0 0 2px #315d8d}.calendar-day>time{display:block;text-align:right;font-size:12px;font-weight:700;margin:0 3px 5px}.day-jobs{display:grid;gap:4px}.job-chip{width:100%;border:0;border-left:3px solid #456b96;background:#eaf1f8;border-radius:3px;padding:5px 6px;text-align:left;color:#183c65;overflow:hidden}.job-chip.tuc{border-left-color:#c18125;background:#fff3df;color:#6f4a13}.job-chip.leave{border-left-color:#7b4c9d;background:#f3eafa;color:#57326f}.job-chip.vip{box-shadow:inset 0 0 0 1px #b82d49}.job-chip b,.job-chip span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-chip b{font-size:11px}.job-chip span{font-size:9px;opacity:.8;margin-top:2px}.job-list{overflow:hidden}.job-row{display:flex;align-items:center;gap:20px;padding:18px 24px;border-bottom:1px solid var(--line);cursor:pointer}.job-row:hover{background:#f7f9fb}.job-row p{margin:4px 0 0;font-size:13px}.job-date{width:105px}.job-date b,.job-date span,.job-assignment b,.job-assignment span{display:block}.job-date span,.job-assignment span{font-size:12px;color:var(--muted);margin-top:3px}.job-assignment{min-width:140px;text-align:right}.badge.team{background:#eaf1f8;color:#315d8d}.badge.tuc{background:#fff3df;color:#845c17}.vip-badge{background:#fae8ec;color:#a52739}.job-dialog{border:0;background:transparent;padding:0;width:min(720px,calc(100% - 24px));max-height:calc(100vh - 30px)}.job-dialog::backdrop{background:#07172caa}.job-dialog .dialog-card{max-height:calc(100vh - 30px);overflow:auto}.job-form label{margin-top:14px}.job-form textarea,.job-dialog textarea{width:100%;border:1px solid #cbd5e1;border-radius:5px;padding:11px;font:inherit;resize:vertical}.checkbox-label{display:flex!important;gap:10px;align-items:center;margin-top:30px!important}.checkbox-label input{width:auto}.job-form>.actions{margin-top:22px}
@media(max-width:1000px){.module-grid{grid-template-columns:repeat(2,1fr)}.ops-overview{grid-template-columns:1fr}.planner-tools{align-items:stretch;flex-direction:column}.planner-filters{width:100%}.view-switch{width:100%;justify-content:flex-end}.calendar-day{min-height:105px}}
@media(max-width:700px){.portal-nav{align-items:flex-start;gap:12px}.portal-nav>div{gap:11px;flex-wrap:wrap;justify-content:flex-end}.portal-nav a{font-size:13px}.ops-hero{align-items:flex-start;flex-direction:column}.module-grid{grid-template-columns:1fr}.planner-filters{grid-template-columns:1fr}.planner-stats{gap:12px}.calendar-header{grid-template-columns:auto 1fr auto}.calendar-header h2{font-size:17px}.calendar-header #today{display:none}.calendar-weekdays span{padding:7px 2px}.calendar-day{min-height:85px;padding:3px}.job-chip{padding:4px 3px}.job-chip span{display:none}.job-chip b{font-size:9px}.job-row{align-items:flex-start;flex-wrap:wrap}.job-assignment{text-align:left;min-width:0}.job-date{width:auto}.ops-metrics{gap:8px}.ops-metrics article{padding:14px}.ops-metrics strong{font-size:24px}}
.availability-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.blocked-list>div{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid var(--line)}.request-inbox{overflow:hidden}.request-row{display:grid;grid-template-columns:150px minmax(0,1fr) 145px;gap:22px;padding:22px 26px;border-top:1px solid var(--line);align-items:start}.request-row:first-of-type{border-top:0}.request-row p{margin:4px 0 8px}.request-dates{display:grid;gap:4px}.request-dates b{font-size:12px;background:#eef3f8;padding:6px 8px;border-radius:4px}.request-row a{color:var(--blue)}@media(max-width:850px){.availability-admin-grid{grid-template-columns:1fr}.request-row{grid-template-columns:1fr}.request-dates{display:flex;flex-wrap:wrap}}
.timesheet-inbox{overflow:hidden}.timesheet-admin-row{display:grid;grid-template-columns:100px minmax(0,1fr) 120px 65px 125px;gap:18px;align-items:center;padding:19px 24px;border-top:1px solid var(--line)}.timesheet-admin-row:first-of-type{border-top:0}.timesheet-admin-row>div:first-child span{display:block;font-size:11px;color:var(--muted);margin-top:4px}.timesheet-admin-row p{margin:4px 0;font-size:13px}.timesheet-admin-row .amount{font-size:18px;color:var(--green)}@media(max-width:850px){.timesheet-admin-row{grid-template-columns:1fr 1fr}.timesheet-admin-row .grow{grid-column:1/-1}.timesheet-admin-row .amount{grid-column:2;text-align:right;grid-row:1}}
.employee-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:24px}.employee-card{padding:22px}.employee-card p{margin:3px 0}.employee-balance{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:18px 0}.employee-balance span{background:#f3f6f9;border-radius:5px;padding:10px;font-size:11px;color:var(--muted)}.employee-balance b{display:block;font-size:20px;color:var(--navy);margin-bottom:3px}.leave-admin-requests{overflow:hidden}.leave-admin-row{display:grid;grid-template-columns:185px minmax(0,1fr) 125px;gap:20px;align-items:start;padding:20px 24px;border-top:1px solid var(--line)}.leave-admin-row:first-of-type{border-top:0}.leave-admin-row>div:first-child span{display:block;font-size:12px;color:var(--muted);margin-top:5px}.leave-admin-row p{margin:4px 0}@media(max-width:800px){.employee-grid{grid-template-columns:1fr}.leave-admin-row{grid-template-columns:1fr}.portal-nav{overflow:auto}.portal-nav>div{min-width:max-content}}

/* v0.5 navigation and administration */
.portal-nav{position:sticky;top:0;z-index:30;margin:-20px -20px 38px;padding:12px 20px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 8px 25px #10233f0d}
.portal-home{display:flex!important;align-items:center;gap:9px}.portal-home b{background:var(--navy);color:#fff;padding:8px;border-radius:5px;letter-spacing:-1px}.portal-home span{font-size:15px}.nav-links{display:flex;align-items:center;gap:8px}.nav-links>a{padding:9px 8px;border-radius:5px;font-size:13px}.nav-links>a.active{background:#e8eff7;color:var(--navy)}.profile-link{border-left:1px solid var(--line);margin-left:5px;padding-left:14px!important}.nav-toggle{display:none;border:0;background:var(--navy);color:#fff;border-radius:5px;padding:8px 11px;font-size:20px}
.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.admin-stats article{padding:20px}.admin-stats span{display:block;color:var(--muted);font-size:13px}.admin-stats b{display:block;font-size:26px;margin-top:9px}.admin-section{margin-bottom:22px;overflow:hidden}.admin-section .section-title p{margin:5px 0 0}.admin-columns,.profile-columns{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.user-table{display:grid}.user-row{display:flex;align-items:center;gap:15px;padding:18px 24px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}.user-row:hover{background:#f7f9fb}.user-row small{display:block;color:var(--muted);margin-top:4px}.user-row>strong{min-width:110px;font-size:13px}.user-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#e6eef8;color:var(--navy);font-weight:800}.user-avatar.large{width:68px;height:68px;font-size:27px}.switch-row{display:flex!important;align-items:center;justify-content:space-between;gap:25px;border:1px solid var(--line);border-radius:7px;padding:14px;margin:0!important}.switch-row small{display:block;color:var(--muted);font-weight:400;margin-top:4px}.switch-row input{width:22px;height:22px}.role-list{padding:8px 22px}.role-list article{padding:16px 0;border-bottom:1px solid var(--line)}.role-list article:last-child{border:0}.role-list p{font-size:13px;margin:5px 0}.role-list small{color:#6c7d91;line-height:1.5}.audit-list article{display:grid;grid-template-columns:170px 180px 1fr 1fr;gap:15px;padding:13px 24px;border-bottom:1px solid var(--line);font-size:12px}.audit-list time,.audit-list span,.audit-list small{color:var(--muted)}.profile-card{padding:28px}.profile-heading{display:flex;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:5px}.profile-heading p{margin:4px 0}.account-facts{display:flex;gap:20px;padding:15px;background:#f4f7fa;border-radius:6px;color:var(--muted);font-size:13px}
@media(max-width:1100px){.nav-links{gap:2px}.nav-links>a{padding:8px 5px;font-size:12px}.nav-links .button{font-size:11px;padding:8px}.admin-columns{grid-template-columns:1fr}.audit-list article{grid-template-columns:150px 150px 1fr}}
@media(max-width:800px){.portal-nav{align-items:center}.nav-toggle{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:62px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 15px 35px #10233f26;padding:12px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links>a,.nav-links .button{text-align:left;justify-content:flex-start;padding:12px}.profile-link{border-left:0;border-top:1px solid var(--line);margin:5px 0 0;padding:14px 12px 8px!important}.admin-stats{grid-template-columns:1fr 1fr}.profile-columns{grid-template-columns:1fr}.audit-list article{grid-template-columns:1fr 1fr}.audit-list small{grid-column:1/-1}.user-row{flex-wrap:wrap}.user-row>strong{margin-left:55px}.account-facts{flex-direction:column}.site-header{display:none}}