:root{--accent:#6654e8;--soft:#f0edff}.client-splash{min-height:100vh;display:grid;place-content:center;text-align:center;color:var(--muted)}.pocket-mark{width:58px;height:68px;margin:auto;display:grid;place-items:start center;padding-top:13px;background:#6654e8;border-radius:14px 14px 25px 25px;color:#80e09a;font-size:35px;box-shadow:0 12px 28px #6654e844}.client-side{background:linear-gradient(180deg,#2b2645,#201d32)}.client-auth{background:radial-gradient(circle at 78% 22%,#9c8dff 0,transparent 34%),linear-gradient(145deg,#30255b,#6654e8)}.pulse-line{height:2px;width:min(520px,80%);background:#ffffff35;position:relative;margin-top:45px}.pulse-line:after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:#80e09a;top:-5px;left:48%;box-shadow:0 0 0 8px #80e09a22}.employee{position:relative;overflow:hidden;text-decoration:none;color:inherit;min-height:210px}.employee:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-45px;top:-52px;background:var(--soft)}.face{width:48px;height:56px;border-radius:13px 13px 21px 21px;background:#6654e8;position:relative;display:grid;place-items:center;color:#80e09a;font-size:27px;z-index:1}.employee h3{margin:14px 0 3px}.employee .status{margin-top:17px}.workline{display:flex;gap:3px;margin:18px 0}.workline i{height:4px;flex:1;border-radius:10px;background:#e9e8ee}.workline i.done{background:#80e09a}.hire-card{border:1.5px dashed #a89df1;background:linear-gradient(145deg,#fff,#f2efff);display:grid;place-content:center;text-align:center;min-height:210px;text-decoration:none;color:var(--ink)}.hire-card b{font-size:42px;color:var(--accent)}.upload-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}.upload-choice button{border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px;text-align:left}.upload-choice button.active{border-color:var(--accent);background:var(--soft)}.result-card{padding:17px;border-left:3px solid #80e09a;background:#fafafa;border-radius:4px 15px 15px 4px;margin:12px 0}.client-badge{background:#80e09a;color:#153d29;border-radius:99px;padding:5px 9px;font-size:12px;font-weight:800}
@media(max-width:720px){.upload-choice{grid-template-columns:1fr}.employee,.hire-card{min-height:180px}}

/* V3 client — order creation and file transfer stay in focus */
:root{--accent:#16c978;--soft:#e9fbf3;--ink:#08285f;--bg:#f4f8fc}
.client-side{background:#fff}.client-side>.brand,.client-auth>.brand,.auth-box>.brand{background-image:url('/client/brand.png')}
.client-auth{background:linear-gradient(145deg,#effff7,#e7f2ff);color:var(--ink)!important}.client-auth .eyebrow,.client-auth p,.client-auth>div:last-child{color:#36537a!important}.client-auth .pulse-line{background:#08285f22}.client-auth .pulse-line:after{background:#16c978}
.client-badge{background:#d9faea;color:#087347;padding:8px 12px}.client-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.client-quick a{min-height:92px;display:flex;align-items:center;gap:15px;padding:17px;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:var(--shadow)}.client-quick a:first-child{background:#e9fbf3;border-color:#b9eed5}.client-quick b{font-size:13px;color:var(--accent)}.client-quick strong,.client-quick small{display:block}.client-quick strong{font-size:17px}.client-quick small{color:var(--muted);margin-top:5px}
.btn.primary{background:#0a3474}.btn.primary:hover{background:#08285f}.tabs .tab.active{background:#0a3474}
.stats .card:first-child{background:linear-gradient(145deg,#08285f,#124a96);color:#fff}.stats .card:first-child span{color:#b8cbe8}.stats .card:last-child{background:linear-gradient(145deg,#effff7,#fff)}
.employee{min-height:250px;padding:26px;background:linear-gradient(145deg,#0b397c,#08285f);border:0;color:#fff;box-shadow:0 18px 42px #08285f25}.employee:after,.face{display:none}.employee h3{font-size:25px;margin:18px 0 4px}.employee-number{font-size:11px;letter-spacing:.15em;font-weight:850;color:#52eba4}.employee-category,.employee small{color:#c3d4eb}.employee .status{margin-top:24px;background:#ffffff18;color:#fff}.employee .status:before{background:#52eba4}.employee .workline i{background:#ffffff24}.employee .workline i.done{background:#52eba4}.hire-card{min-height:250px;border:1.5px dashed #b9c8dc;background:#fff;color:var(--ink);box-shadow:var(--shadow)}.hire-card b{color:#16c978}.hire-card .muted{color:var(--muted)}
.employee-summary{background:linear-gradient(160deg,#f7fffb,#f5f8fd)}.settings-actions{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.danger-note{margin-top:18px;padding:14px 16px;border-radius:14px;background:#fff4f5;color:#9b3444;font-size:13px;line-height:1.5}
.tabs~.row{margin:10px 0;padding:16px;border:1px solid #e2e9f2;border-radius:16px;background:#f9fbfe}.tabs~.row:last-child{border-bottom:1px solid #e2e9f2}.employee-summary .row{padding:15px 0}
#hire{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;margin-top:22px}#hire>.field:first-child,#hire>.category-picker,#hire>[name=category],#hire>#err,#hire>.btn{grid-column:1/-1}#hire>.field{margin:0;padding:18px;background:#f8fafE;border:1px solid #dfe8f3;border-radius:18px}#hire>.field:first-child textarea{min-height:132px;font-size:17px}#hire>.btn{margin-top:2px}.attach-box{min-height:92px;background:linear-gradient(135deg,#e8fbf2,#eef5ff);border-color:#62dba8}.upload-choice{gap:14px}.upload-choice button{min-height:110px;padding:19px;border-radius:18px}.upload-choice button.active{box-shadow:inset 0 0 0 2px var(--accent)}.result-card{padding:22px;border-left:5px solid #22d486;background:linear-gradient(135deg,#fbfffd,#f6f9ff)}#settings{display:grid;gap:12px}#settings .field{margin:0;padding:17px;background:#f8fafe;border:1px solid #e0e8f2;border-radius:17px}#cloud-box{margin-top:14px;padding:18px;background:#f8fafe;border:1px solid #dfe8f3;border-radius:18px}
@media(max-width:820px){#hire{display:block}#hire>.field,#hire>.actions{margin-bottom:14px}.employee,.hire-card{min-height:210px}.client-quick{grid-template-columns:1fr}.client-quick a{min-height:76px}.client-side~.main~.mobile{grid-template-columns:repeat(5,1fr)}}

/* v3.11 — the employee page is a set of clear independent modules */
.employee-layout{grid-template-columns:minmax(0,1.65fr) minmax(300px,.7fr);align-items:start}.employee-main{display:grid;gap:18px;min-width:0}.tabs-panel,.client-module,.employee-summary{background:#fff;border:1px solid #dce5f1;border-radius:21px;box-shadow:0 12px 30px rgba(8,40,95,.07);overflow:hidden}.tabs-panel{padding:0 22px;border-top:4px solid #16c978}.tabs-panel .tabs{margin:0;padding:0;border-bottom:0}.employee-main>.status-context,.employee-main>.terms-card,.employee-main>.notice-panel,.employee-main>.content-block{margin:0!important}.employee-main>.content-block{border-radius:21px!important;box-shadow:0 12px 30px rgba(8,40,95,.07);border-top:4px solid #16c978!important;padding:23px!important}.employee-main>.content-block .row{padding:15px;border:1px solid #e0e7f0;border-radius:14px;background:#f9fbfe;margin-top:11px}
.client-module{position:relative}.client-module:before,.employee-summary:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:#16c978}.module-heading{display:flex;justify-content:space-between;align-items:flex-start;padding:22px;border-bottom:1px solid #e1e8f2;background:#fbfffd}.module-heading span,.summary-heading>span{display:block;color:#0aa762;font-size:10px;font-weight:900;letter-spacing:.14em}.module-heading h2,.summary-heading h2{font-size:24px;margin:6px 0}.module-heading p,.summary-heading p{color:#647693;line-height:1.5;margin:0}.module-body{padding:20px 22px 23px}.module-body .chat{background:#f6f9fd;border:1px solid #dfe7f0;border-radius:16px;padding:14px}.module-body .file{background:#f8fbff}
.employee-summary{position:sticky;top:92px;padding:0}.summary-heading{padding:24px;border-bottom:1px solid #e1e8f2;background:linear-gradient(145deg,#f3fff9,#f8fbff)}.summary-grid{display:grid;gap:0;padding:10px 20px 20px}.summary-grid>div{padding:16px 3px;border-bottom:1px solid #e1e8f2}.summary-grid>div:last-child{border-bottom:0}.summary-grid span,.summary-grid b{display:block}.summary-grid span{color:#6d7b94;font-size:12px;font-weight:750;margin-bottom:5px}.summary-grid b{font-size:16px}
@media(max-width:1000px){.employee-layout{grid-template-columns:1fr}.employee-summary{position:static}.summary-grid{grid-template-columns:1fr 1fr;gap:0 18px}}
@media(max-width:720px){.employee-main{gap:14px}.tabs-panel,.client-module,.employee-summary{border-radius:17px}.module-heading{padding:18px}.module-body{padding:15px}.summary-grid{grid-template-columns:1fr}}

/* v3.11 client — every action is a separate visible section */
.client-side~.main{background:linear-gradient(145deg,#eaf3fa 0,#f2f7fb 55%,#eaf8f2 100%)}
.client-quick a{border-color:#bfcfe0;box-shadow:0 12px 26px rgba(8,40,95,.1)}
.client-quick a:nth-child(1){background:#e3f9ef;border-color:#8dddb9}.client-quick a:nth-child(2){background:#eef4ff;border-color:#b9cae5}.client-quick a:nth-child(3){background:#fff;border-color:#c8d5e4}
#hire{gap:20px}#hire>.field{padding:20px;background:linear-gradient(145deg,#fff,#f0f7fb);border:1px solid #b9cadd;border-left:6px solid #16c978;border-radius:9px 19px 19px 9px;box-shadow:0 10px 24px rgba(8,40,95,.08)}
#hire>.field:nth-of-type(even){background:linear-gradient(145deg,#fff,#eefaf5)}
.category-picker{min-width:0;margin:0;padding:18px;background:#eaf1f9;border:1px solid #bdcddd;border-left:6px solid #0a3474;border-radius:9px 19px 19px 9px;box-shadow:0 10px 24px rgba(8,40,95,.07)}.category-picker legend{padding:0 8px;color:#08285f;font-size:14px;font-weight:850}.category-picker .actions{display:flex;flex-wrap:wrap;gap:10px}.category-picker .cat{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:10px 14px;cursor:pointer;transition:border-color .16s,background .16s,color .16s,transform .16s}.category-picker .cat:hover{border-color:#6e88a8!important;color:#08285f!important;transform:translateY(-1px)}.category-picker .cat.active{background:#0a3474!important;border-color:#0a3474!important;color:#fff!important;box-shadow:0 8px 18px rgba(10,52,116,.2)!important}.cat-check{display:none;width:18px;height:18px;place-items:center;border-radius:50%;background:#39dc94;color:#08285f;font-size:12px;font-weight:900}.cat.active .cat-check{display:inline-grid}.category-selection{display:grid;gap:4px;margin-top:14px;padding:13px 15px;background:#fff;border:1px solid #b8c9db;border-left:4px solid #16c978;border-radius:7px 13px 13px 7px}.category-selection b{color:#08285f}.category-selection span{color:#647693;font-size:13px;line-height:1.45}
.category-group-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:4px 0 12px}.category-group-title b{font-size:15px;color:#08285f}.category-group-title span{font-size:12px;color:#647693;text-align:right}.ready-title{margin-top:24px;padding-top:20px;border-top:1px solid #bfcddd}.ready-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.category-picker .ready-cat{width:100%;min-height:92px;align-items:flex-start;padding:15px;text-align:left;background:#fff!important;border:1px solid #becdde!important;border-radius:14px!important;color:#08285f!important;box-shadow:0 5px 14px rgba(8,40,95,.05)!important}.ready-cat>span:last-child{display:grid;gap:5px}.ready-cat b{font-size:14px;line-height:1.3}.ready-cat small{display:block;color:#687b97;font-size:12px;line-height:1.4;font-weight:500}.category-picker .ready-cat.active{background:linear-gradient(145deg,#0a3474,#08285f)!important;border-color:#0a3474!important;color:#fff!important;box-shadow:0 10px 22px rgba(10,52,116,.23)!important}.ready-cat.active small{color:#d7e6f8}.ready-cat .cat-check{flex:0 0 18px;margin-top:1px}
#hire>.btn{box-shadow:0 13px 28px rgba(10,52,116,.22)}
#hire input,#hire textarea,#hire select{border-color:#adc0d4;background:#fff}
.tabs-panel,.client-module,.employee-summary,.employee-main>.content-block{border-color:#b9cadd!important;box-shadow:0 15px 34px rgba(8,40,95,.11)!important}
.client-module:nth-of-type(3n+1) .module-heading{background:#eaf8f2}.client-module:nth-of-type(3n+2) .module-heading{background:#edf4ff}.client-module:nth-of-type(3n) .module-heading{background:#f4f1ff}
.module-heading,.summary-heading{border-bottom-color:#c6d4e3}.module-body{background:#fff}.module-body .chat{background:#edf3f9;border-color:#c3d2e2}
#settings .field{background:#fff;border-color:#bdcddd;border-left:5px solid #16c978;border-radius:8px 17px 17px 8px;box-shadow:0 8px 20px rgba(8,40,95,.07)}
.result-card{background:#effaf5;border:1px solid #a9dfc6;border-left:6px solid #16c978;box-shadow:0 9px 22px rgba(8,40,95,.07)}
@media(max-width:820px){#hire>.field,.category-picker{border-left-width:4px;padding:16px}.category-picker .cat{width:100%;justify-content:flex-start}.ready-work-grid{grid-template-columns:1fr}.category-group-title{display:grid;gap:4px}.category-group-title span{text-align:left}.client-side~.main{background:#eef4f9}}
/* Template gallery and complete employee editor */
.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.template-card{display:block;background:#fff;border:1px solid #dce4ed;border-radius:22px;overflow:hidden;text-decoration:none;color:#122c4c;box-shadow:0 4px 16px #132d4809}.template-card:hover{transform:translateY(-4px);border-color:#76bea3;box-shadow:0 12px 28px #132d4818}.template-image{position:relative;aspect-ratio:1.5;background:#eaf1f7;overflow:hidden}.template-image img{width:100%;height:100%;object-fit:cover;object-position:50% 42%}.template-image>span{position:absolute;top:14px;left:14px;background:#ffffffed;border-radius:7px;padding:4px 10px;color:#25405c;font-size:11px;font-weight:750}.template-copy{padding:20px}.template-copy small{color:#507467}.template-copy h3{margin:7px 0 10px;font-size:21px}.template-copy p{font-size:14px;color:#526780;min-height:44px;margin:0 0 20px}.template-copy>b{display:flex;justify-content:space-between;font-size:13px;padding-top:14px;border-top:1px solid #e5ebf0}.template-copy>b span{color:#06955e}.custom-work{margin-top:26px;padding:28px;background:#e9f5ef;border:1px solid #bfdccd;border-radius:20px}.custom-work h2{margin:0}.custom-work p{color:#526780}.template-teaser{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#e7f3ed;border:1px solid #c1dfd0;border-radius:24px;padding:26px 32px;margin:0 0 24px;overflow:hidden}.template-teaser img{width:180px;height:160px;object-fit:cover;border-radius:20px}.template-teaser h2{margin:8px 0}.template-teaser p{margin:0 0 18px;color:#526780}.concept-card{display:none}.hire-page{max-width:1180px;margin:auto}.hire-heading{margin:24px 0}.hire-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:26px;align-items:start}.template-profile{position:sticky;top:88px;background:#fff;border:1px solid #dce4ed;border-radius:22px;overflow:hidden}.template-profile>img{width:100%;display:block;aspect-ratio:1.12;object-fit:cover}.template-profile-copy{padding:22px}.template-profile h2{margin:9px 0;font-size:23px}.template-profile p{font-size:14px;color:#526780}.hire-note{margin-top:24px;padding-top:20px;border-top:1px solid #dce4ed}.hire-note b{font-size:14px}.hire-note p{font-size:13px}.custom-portrait{display:grid;place-items:center;height:150px;background:#e7f3ed;font-size:64px;color:#087c52}#hire.hire-editor{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin:0}.editor-section{background:#fff;border:1px solid #dce4ed;border-radius:20px;padding:26px}.editor-title{display:flex;gap:14px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #e5ebf0}.editor-title>span{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;background:#e7f3ed;color:#087c52;border-radius:10px;font-size:12px;font-weight:800}.editor-title h2{margin:0;font-size:21px}.editor-title p{margin:6px 0 0;color:#526780;font-size:13px}.hire-editor .field{padding:0!important;border:0!important;background:none!important;box-shadow:none!important;margin:0 0 22px!important;display:flex;gap:8px}.hire-editor .field:last-child{margin-bottom:0!important}.hire-editor input,.hire-editor select{height:48px;min-height:48px!important}.hire-editor textarea{min-height:132px}.hire-editor label{font-weight:650;font-size:14px}.hire-editor .attach-box{border:1px dashed #75b99a!important;background:#f1faf5!important;border-radius:14px;padding:18px}.hire-submit{background:#fff;border:1px solid #dce4ed;padding:22px;border-radius:18px}.hire-submit p{font-size:13px;color:#526780;margin:0 0 14px}.hire-submit .btn{min-height:50px}
@media(max-width:1100px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hire-layout{grid-template-columns:250px minmax(0,1fr)}}
@media(max-width:760px){.hire-layout{grid-template-columns:1fr}.template-profile{position:static;display:grid;grid-template-columns:110px minmax(0,1fr)}.template-profile>img{height:140px;aspect-ratio:auto}.template-profile-copy{padding:16px}.template-profile-copy>p,.template-profile .hire-note{display:none}.template-profile h2{font-size:19px}.editor-section{padding:20px}.template-teaser{padding:20px}.template-teaser img{width:100px;height:120px}.template-teaser h2{font-size:21px}}
@media(max-width:520px){.template-grid{grid-template-columns:1fr}.template-image{aspect-ratio:1.65}.template-copy p{min-height:0}.template-teaser img{display:none}.template-teaser{padding:22px}.hire-heading h1{font-size:29px}}
/* Presentation navigation: every destination stays visible on all auth screens. */
.pw-auth-presentations{display:block;margin:0 0 24px;min-width:0}
.pw-auth-presentations-title{display:block;margin:0 0 9px;color:#51647c;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.pw-auth-presentation-list{display:grid;grid-template-columns:minmax(0,1fr);gap:7px}
.pw-auth-presentation{display:flex;align-items:center;gap:11px;min-width:0;min-height:64px;padding:11px 13px;border:1px solid #dce6ee;border-radius:14px;background:#f7fafc;color:#193b55;text-decoration:none}
.pw-auth-presentation:hover{border-color:#97c6b3;background:#edf8f2}
.pw-auth-presentation:focus-visible{outline:3px solid #16c978;outline-offset:3px}
.pw-auth-presentation-icon{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:10px;background:#e5f3ec;color:#08734c}
.pw-auth-presentation-icon svg{display:block}
.pw-auth-presentation-copy{display:grid;gap:3px;min-width:0;overflow-wrap:anywhere}
.pw-auth-presentation-copy b{font-size:14px;font-weight:750;line-height:1.3}
.pw-auth-presentation-copy small{color:#5a6f83;font-size:12px;line-height:1.35}
@media(max-width:480px){.pw-auth-presentations{margin-bottom:20px}.pw-auth-presentation{gap:9px;padding:10px 11px}.pw-auth-presentation-copy b{font-size:13px}.pw-auth-presentation-copy small{font-size:11px}}

.email-domain-suggestion{padding:11px 13px;border:1px solid #e2ca88;border-radius:12px;background:#fff9e9;color:#77571d;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.email-domain-suggestion[hidden]{display:none}.email-domain-suggestion .link{color:#77571d;text-align:left;text-decoration:underline;overflow-wrap:anywhere;min-height:32px}
.pending-email-address{overflow-wrap:anywhere}.email-change-button{border:1px solid #b6d7c7!important;background:#e9f8ef!important;color:#087b51!important}.pending-email-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.email-confirmation-window{margin-top:24px;padding-top:16px;border-top:1px solid #dce4ed;font-size:13px;color:#64748b}.email-confirmation-window p{margin:0 0 10px}.email-confirmation-window .link{text-align:left;min-height:40px}
#change-unverified-email #email-change-login[hidden]{display:none}
@media(max-width:600px){#change-unverified-email input{font-size:16px}.pending-email-actions .btn{flex:1 1 180px}.email-change-button{width:100%}}