@font-face{font-family:Crew;src:url("DejaVuSans.be189a7e2711.ttf") format('truetype');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f4f7fa;color:#142c3f;font-family:Crew,Arial,sans-serif;font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,summary{touch-action:manipulation}button,summary{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:30px;line-height:1.2;letter-spacing:-1.1px;margin-bottom:12px}h2{font-size:19px;letter-spacing:-.4px}h3{font-size:14px;margin-bottom:5px}small{display:block;font-size:11px;color:#728291}.shell{display:grid;grid-template-columns:226px 1fr;min-height:100vh}.sidebar{background:#102c40;color:#d1dee6;padding:35px 21px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:24px;font-weight:bold;letter-spacing:-.9px}.brand small{color:#8fa7b7;font-size:9px;letter-spacing:1.8px;margin-top:4px}.brand-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#20b6bc;color:#0a3541;font-weight:bold;font-size:30px}.brand-icon.large{width:64px;height:64px;font-size:46px}.nav-label{font-size:9px;letter-spacing:1.5px;color:#829aab;margin:50px 10px 15px}.nav-item{padding:13px 10px;border-radius:9px;display:flex;gap:12px;font-size:12px;margin-bottom:5px}.nav-item:hover{background:#244255;color:#fff}.sidebar-bottom{margin-top:auto;padding:50px 8px 0;font-size:10px;color:#89a3b5}.sidebar-bottom p{margin-top:14px;line-height:1.8}.online-dot{display:inline-block;background:#4bd7ba;width:7px;height:7px;border-radius:50%;margin-right:5px}.workspace{min-width:0}.topbar{min-height:87px;border-bottom:1px solid #e2e9ee;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:15px 40px;font-size:12px}.user-menu{display:flex;gap:12px;align-items:center}.user-menu small{margin-top:2px}.separator{margin:0 10px;color:#b2bdc7}main{padding:32px 40px 60px;max-width:1540px;margin:auto}.avatar{display:inline-grid;place-items:center;background:#e7eef3;color:#254c65;border-radius:50%;width:37px;height:37px;font-size:12px;flex-shrink:0}.avatar.blue{background:#e6f2f8;color:#1c7eaa}.avatar.xl{width:76px;height:76px;font-size:25px;background:#dff1f0;color:#167c82}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:16px 0 28px}.eyebrow{font-size:10px;color:#408494;letter-spacing:1.7px;font-weight:bold;margin-bottom:12px}.muted{color:#748493;font-size:13px}.fine{font-size:11px;color:#718393;margin-top:12px}.wrap{overflow-wrap:anywhere}.button{border:1px solid #dae3ea;background:#fff;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 15px;font-size:12px;font-weight:bold;color:#24445a;min-height:40px}.button:hover{background:#edf4f8}.button.primary{background:#127f9e;border-color:#127f9e;color:#fff;box-shadow:0 4px 10px #127f9e14}.button.primary:hover{background:#0c6f8c}.button.full{width:100%}.text-button{background:transparent;border:0;color:#7a8c99;font-size:10px}.text-link,.row-link{color:#087f9c;font-size:12px}.text-link{display:inline-block;margin-top:15px}.stat-grid{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:20px;margin-bottom:25px}.stat{border:1px solid #e1e9ee;padding:24px;border-radius:14px;background:#fff}.stat span{display:block;font-size:11px;color:#6c8190}.stat strong{display:block;font-size:32px;margin-top:9px;font-weight:normal;letter-spacing:-1px}.stat.accent{background:#e9f4f4;border-color:#d5ebea}.stat.accent strong{font-size:23px}.panel{background:#fff;border:1px solid #e0e8ef;border-radius:13px;padding:26px;margin-bottom:24px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.panel-heading h2{margin-bottom:0}.search{display:flex;gap:7px}.search input{width:220px}input:not([type=checkbox]):not([type=radio]),select,textarea{background:#fff;border:1px solid #d8e1e8;border-radius:7px;min-height:42px;padding:9px 11px;color:#1d3c51;max-width:100%;font-size:13px}input:focus,select:focus,textarea:focus{outline:2px solid #36a0b8;outline-offset:2px}input[type=checkbox]{accent-color:#12829a;width:16px;height:16px;vertical-align:middle;margin-right:9px}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;font-weight:normal;color:#8a9aa6;padding:12px 10px;border-bottom:1px solid #e8edf1}td{padding:18px 10px;font-size:12px;border-bottom:1px solid #edf1f5}tr:last-child td{border-bottom:0}.table-wrap{overflow-x:auto}.person{display:flex;align-items:center;gap:12px}.badge{display:inline-flex;align-items:center;white-space:nowrap;font-size:10px;border-radius:7px;background:#eef2f5;color:#657987;padding:5px 9px}.badge.onboarding,.badge.uploaded,.badge.pending{background:#fff2df;color:#9c6b21}.badge.active,.badge.done,.badge.reviewed{background:#e4f5ee;color:#25735c}.badge.offboarding,.badge.failed,.badge.rejected{background:#fcebea;color:#a4534a}.task-line{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0;border-bottom:1px solid #edf1f5;font-size:12px}.task-line:last-child{border:0}.task-line>span:nth-child(2){flex:1}.task-dot{width:9px;height:9px;border-radius:3px;border:1px solid #b2c6d3}.empty{text-align:center;padding:40px 20px;color:#80919f}.empty h3{font-size:16px;color:#385a70}.back{display:inline-block;font-size:11px;color:#718b9c;margin-bottom:20px}.employee-heading{display:flex;gap:22px;align-items:center;margin:5px 0 28px}.employee-title{flex:1}.employee-title p{margin-bottom:0;color:#668093;font-size:12px}.employee-title .eyebrow{margin-bottom:9px;font-size:9px}.employee-title h1{margin-bottom:7px}.employee-meta{text-align:right}.employee-meta small{margin-top:9px}.tabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:27px;border-bottom:1px solid #dce5eb}.tabs a{padding:12px 14px;font-size:12px;color:#6e8391;border-bottom:3px solid transparent}.tabs a.selected{border-color:#16869e;color:#086d86;font-weight:bold}.split{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:start}.details{display:grid;grid-template-columns:170px 1fr;font-size:12px;gap:15px 20px;margin-top:25px}.details dt{color:#7b909d}.details dd{margin:0;overflow-wrap:anywhere}progress{appearance:none;width:100%;height:6px;border:0;border-radius:8px;background:#e8eff3;margin:10px 0}progress::-webkit-progress-bar{background:#e8eff3;border-radius:8px}progress::-webkit-progress-value{background:#37afab;border-radius:8px}.actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:22px}.actions form{margin:0}hr{height:1px;border:0;background:#e7edf1;margin:24px 0}.notice{padding:18px 22px;border-radius:10px;background:#eaf4f8;color:#3d6c7e;font-size:12px;margin-bottom:22px}.message{padding:14px 18px;border-radius:8px;background:#e9f3ed;margin-bottom:18px}.message.error,.errorlist{background:#fff0ef;color:#ad514d}.errorlist{list-style:none;padding:12px;border-radius:7px;font-size:12px}.form-panel{max-width:850px}.form-stack .field,.form-stack p{margin:0 0 22px}.field>label,.form-stack p>label,.form-stack>label{display:block;font-size:12px;font-weight:bold;margin-bottom:7px}.field>input:not([type=checkbox]),.field>select,.field>textarea,.form-stack p>input{width:100%}.field small,.helptext{font-size:11px;color:#7a8d9b;display:block;margin-top:7px}.field div[id]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.field div[id] label{font-size:12px;font-weight:normal;display:flex;align-items:center;padding:8px;background:#f6f9fb;border-radius:6px}.required{color:#2593aa}.form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e6edf2;padding-top:23px}.task-card{padding:22px 0;border-top:1px solid #e5edf2}.task-card-head{display:flex;justify-content:space-between;align-items:start;gap:20px}.task-card h3{font-size:15px;margin-top:5px}.task-card p{font-size:12px}.task-form{display:flex;gap:10px;margin-top:15px}.task-form input{flex:1;min-width:80px}.audit-stamp{font-size:11px;color:#438774;background:#edf8f3;border-radius:7px;padding:9px 12px}.document{padding:20px 0;border-top:1px solid #e8edf2}.document:first-child{border:0}.document-main{display:flex;align-items:center;gap:13px}.document-main>div{flex:1;min-width:0}.file-icon{display:grid;place-items:center;border:1px solid #dce9ed;background:#f1f7f9;color:#3f8ba2;border-radius:9px;width:42px;height:49px;font-size:10px;flex-shrink:0}.document h3{overflow-wrap:anywhere}.document .actions{margin-top:12px;margin-left:55px}.document details{margin-top:15px;background:#f5f8fa;padding:16px;border-radius:8px}.document summary{font-size:12px;color:#43798c}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.template-grid article{border:1px solid #e2eaf0;border-radius:10px;padding:20px;display:flex;flex-direction:column;align-items:flex-start}.template-grid h3{font-size:13px;line-height:1.5;margin-bottom:15px}.template-grid .button{margin-top:auto}.template-grid .eyebrow{font-size:8px;margin-bottom:9px}.timeline{border-left:1px solid #dbe6ed;margin:25px 0 0 10px}.timeline article{padding:0 0 25px 25px;position:relative}.timeline-point{position:absolute;left:-5px;top:3px;width:9px;height:9px;border-radius:50%;background:#54a8b6}.timeline h3{margin-top:7px}.timeline p{margin:3px 0}.business-card{background:#102f43;border-radius:15px;padding:30px;color:#fff;min-height:330px;border-bottom:9px solid #1fa1c1;position:relative}.card-logo{font-size:10px;letter-spacing:2px;color:#60d3da;margin-bottom:35px}.business-card h2{font-size:24px;padding-right:60px}.business-card p{font-size:12px;color:#c6dae5}.business-card small{color:#84c4d3}.business-card hr{background:#416172}.portrait{float:right;width:85px;height:105px;object-fit:cover;border-radius:8px;margin-left:15px}.demo-strip{font-size:10px;color:#8a763e;border:1px solid #eee3c9;background:#faf6eb;padding:7px 12px;border-radius:6px;margin-bottom:24px}.public-main{max-width:1220px;padding:30px}.login-layout{display:grid;grid-template-columns:1.05fr 1fr;background:#fff;min-height:650px;border-radius:22px;overflow:hidden;border:1px solid #dce6ec}.login-story{background:#103247;padding:65px 50px;color:#fff}.login-story .eyebrow{color:#71bfc8;margin-top:50px}.login-story h1{font-size:42px;letter-spacing:-1.5px}.login-story p{color:#a0c1d1}.login-box{padding:65px 45px}.login-box h2{font-size:25px}.login-box .eyebrow{margin-top:15px}.orbit{display:flex;gap:8px;margin-top:45px;flex-wrap:wrap}.orbit span{border:1px solid #36586b;border-radius:30px;padding:7px 13px;font-size:11px;color:#8bbbc9}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.demo-grid form{margin:0}.portal-card{max-width:570px;margin:70px auto;background:#fff;padding:45px;border-radius:16px}.portal-card .eyebrow{margin-top:30px}.portal-wrap{max-width:950px;margin:auto}
@media(max-width:1100px){.shell{grid-template-columns:185px 1fr}.sidebar{padding:28px 14px}.brand{font-size:21px}.topbar{padding:15px 25px}main{padding:25px}.template-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.stat.accent{display:none}.page-heading h1{font-size:26px}}
@media(max-width:760px){.shell{display:block}.sidebar{padding:16px 20px}.sidebar nav{display:flex;flex-wrap:wrap;margin-top:16px;gap:6px}.sidebar .nav-item{padding:6px;font-size:10px}.nav-label,.sidebar-bottom{display:none}.brand small{display:none}.brand-icon{width:31px;height:31px;font-size:22px;border-radius:9px}.topbar{padding:12px 20px}.topbar>span{display:none}.user-menu{width:100%;justify-content:space-between}.user-menu small{font-size:9px}main{padding:20px 15px}.page-heading{align-items:flex-start;flex-direction:column;gap:8px}.page-heading h1{font-size:25px}.panel{padding:20px 17px}.panel-heading{flex-wrap:wrap}.search{width:100%}.search input{flex:1;width:100px}.stat{padding:17px}.stat strong{font-size:25px}.stat span{font-size:10px}.employee-heading{gap:12px;flex-wrap:wrap}.employee-title h1{font-size:25px}.avatar.xl{width:56px;height:56px;font-size:19px}.employee-meta{display:flex;align-items:center;gap:10px}.tabs a{font-size:11px;padding:10px}.details{grid-template-columns:1fr;gap:5px}.details dd{margin-bottom:14px}.template-grid{grid-template-columns:1fr}.task-form{flex-wrap:wrap}.task-form input{min-width:180px}.field div[id]{grid-template-columns:1fr}.login-layout{grid-template-columns:1fr}.login-story{padding:30px}.login-story h1{font-size:33px}.login-story .eyebrow{margin-top:25px}.orbit{margin-top:20px}.login-box{padding:30px}.public-main{padding:15px}.document-main{flex-wrap:wrap}.document-main>div{min-width:140px}.document .actions{margin-left:0}.portal-card{padding:28px;margin:25px auto}.button{min-height:44px}}
.template-grid article[hidden]{display:none}.template-search{display:block;width:100%;margin:0 0 22px}@media(max-width:760px){.employee-meta{flex-basis:100%;justify-content:flex-end}.employee-title{min-width:200px}}

.org-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.org-grid .panel{margin:0}.org-head{display:flex;align-items:center;gap:18px}.org-head .badge{margin-left:auto}.org-head h2,.org-head .eyebrow{margin-bottom:4px}.org-teams{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}.org-teams li{padding:5px 10px;border-radius:7px;background:#eaf4f8;color:#367486;font-size:11px}.org-grid+.notice{margin-top:24px}.request-submit{margin-top:24px}.request-submit .button{white-space:normal;text-align:center}.request-details{grid-template-columns:minmax(120px,0.85fr) minmax(0,1.3fr)}@media(max-width:760px){.org-grid{grid-template-columns:1fr}.org-head{flex-wrap:wrap}.org-head .badge{margin-left:0}.request-details{grid-template-columns:1fr}}

/* CrewPort 1.2 — GT Air&Ocean: blue, graphite and white. */
:root{--gt-blue:#1e83bd;--gt-dark:#222629;--gt-light:#eaf4fb}body{background:#f4f6f8;color:#252c31}.sidebar{background:var(--gt-dark);color:#d3dadd;padding:26px 20px}.brand{display:block}.company-logo{display:block;width:100%;height:auto;background:#fff;padding:12px 8px;border-radius:8px}.app-brand{display:block;margin:23px 9px 0;font-size:27px;font-weight:600;letter-spacing:-1px}.brand small{color:#aebbc4;font-size:8px;letter-spacing:1.5px}.nav-label{color:#899ba6;margin-top:37px}.nav-item:hover{background:#35414a}.sidebar-bottom{color:#a1b1bc}.online-dot{background:#1e83bd}.button.primary{background:var(--gt-blue);border-color:var(--gt-blue);box-shadow:0 4px 14px #1e83bd1a}.button.primary:hover{background:#176b9b}.eyebrow,.text-link,.row-link{color:#1b75a9}.avatar.xl{background:#e4eff8;color:#1974ab}.stat.accent{background:#e9f3fa;border-color:#d9e8f2}.tabs a.selected{border-color:var(--gt-blue);color:#176b9b}input[type=checkbox]{accent-color:var(--gt-blue)}progress::-webkit-progress-value{background:var(--gt-blue)}.business-card,.login-story{background:#24282b}.card-logo{color:#7ac5ef}.login-story .eyebrow{color:#75bbe4}.login-logo{padding:22px;background:#fff;border-radius:9px;max-width:320px}.login-logo img{display:block;width:100%;height:auto}.login-story h1{font-size:41px}.login-story p{color:#b6c4ce}.form-nav{display:flex;gap:12px;margin-bottom:25px;flex-wrap:wrap}.form-nav a{color:#506773;background:#fff;border:1px solid #e0e7ed;border-radius:8px;padding:10px 15px;font-size:12px}.form-nav a:hover{border-color:var(--gt-blue);color:var(--gt-blue)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.field-grid .wide-field{grid-column:1/-1}.field-grid .field{min-width:0}.hiring-form section{scroll-margin-top:20px}.hiring-form .panel{padding:30px}.hiring-form .notice{margin-bottom:0}.catalog-links{display:flex;gap:22px;border-top:1px solid #e6edf2;padding-top:15px;color:#1b75a9;font-size:12px}.submit-bar{background:#fff;padding:22px 26px;border:1px solid #dde6ed;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:20px}.submit-bar p{margin:0;font-size:12px;color:#657b89}.compact{margin-top:0}.danger{color:#aa3d3d;font-size:12px}.form-stack .errorlist{margin-bottom:20px}.field:has(select[multiple]){grid-column:1/-1}a:focus-visible,button:focus-visible{outline:3px solid #68b4e1;outline-offset:3px}.form-stack .field[hidden]{display:none}input[readonly]{background:#f4f7fa}button:disabled{opacity:.65}
@media(max-width:760px){.sidebar .brand{display:flex;gap:22px;align-items:center}.company-logo{width:150px;flex-shrink:0}.app-brand{margin:0;font-size:25px}.field-grid{grid-template-columns:1fr}.field-grid .wide-field{grid-column:auto}.hiring-form .panel{padding:23px 17px}.submit-bar{align-items:stretch;flex-direction:column;padding:20px}.form-nav{gap:6px}.form-nav a{font-size:11px;padding:9px}.login-story h1{font-size:33px}}
