/* Version B / Agency Space: new layout and mobile-first screens */
:root{--navy:#163f38;--navy2:#163f38;--ink:#20312d;--muted:#71817b;--line:#e5e9e2;--surface:#fff;--bg:#f7f8f4;--blue:#176d5a;--cyan:#32b59d;--forest:#174b40;--green:#16705e;--mint:#e5f5ed;--cream:#fff5e6;--orange:#e49a4e;color:var(--ink);background:var(--bg)}
*{-webkit-tap-highlight-color:transparent}
body{background:var(--bg)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #e0a354;outline-offset:3px}
.next-shell{display:block;min-height:100vh}
.app-header{position:sticky;top:0;z-index:25;background:#fffefaeb;backdrop-filter:blur(18px);border-bottom:1px solid #e7ebe5}
.header-inner{max-width:1380px;height:78px;margin:auto;padding:0 36px;display:flex;align-items:center;gap:44px}
.next-brand{flex:none;gap:10px}.next-brand .brand-icon{width:43px;height:43px;border-radius:14px;background:#193e38;box-shadow:none}.next-brand strong{font-size:11px;letter-spacing:.045em;color:#213931}.next-brand strong em{font-style:normal;color:#208368}.next-brand small{color:#839189;font-size:9px;letter-spacing:.18em}
.primary-nav{display:flex;gap:5px;align-items:center;margin:auto}.primary-nav a{padding:11px 16px;border-radius:13px;color:#66776f;font-size:13px;font-weight:700;white-space:nowrap}.primary-nav a:hover,.primary-nav a.active{background:#e8f3ec;color:#185d4e}.primary-nav a.active{box-shadow:inset 0 -2px #229376}
.header-actions{display:flex;align-items:center;gap:18px;flex:none}.portal-status{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:#608576;white-space:nowrap}.portal-status i,.online-dot{display:inline-block;width:7px;height:7px;background:#2ab58a;border-radius:50%;box-shadow:0 0 0 4px #dff5e9}.account-link{display:flex;align-items:center;gap:8px;color:#2c453d;font-size:12px;font-weight:800;max-width:155px}.account-link>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.initials,.profile-avatar{background:#dff2e8;color:#1b7763}.initials{width:35px;height:35px;flex:none;border:2px solid white;box-shadow:0 0 0 1px #dce8df}
.more-menu{position:relative}.more-menu summary{list-style:none;width:37px;height:37px;display:grid;place-items:center;border:1px solid #dfe8df;border-radius:12px;background:#fff;color:#235c4d;font-size:18px;cursor:pointer}.more-menu summary::-webkit-details-marker{display:none}.more-menu[open] summary{background:#eaf4ed}.more-menu nav{position:absolute;right:0;top:48px;width:205px;max-height:70vh;overflow:auto;display:grid;gap:2px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 20px 46px #1c423522}.more-menu nav a{padding:9px 10px;border-radius:8px;font-size:12px;color:#3d594f}.more-menu nav a:hover{background:#eff6ee}.more-menu nav span{padding:12px 10px 3px;color:#85948a;font-size:9px;font-weight:800;letter-spacing:.12em}
.next-content{max-width:1308px;margin:auto;padding:38px 36px 76px;min-width:0}.footer{margin-top:48px;color:#97a29a;font-size:11px}.footer span{margin:0 7px;color:#c5cdc5}.next-bottom{display:none}
.dashboard-intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.dashboard-intro h1{font-size:clamp(28px,3vw,39px);line-height:1.12;letter-spacing:-.045em;color:#183a30;margin:7px 0}.dashboard-intro p{color:#78877e;font-size:14px;margin:0}.eyebrow{font-size:10px;letter-spacing:.15em;color:#23866c;font-weight:800}.eyebrow.light{color:#a5e5cd}.wave{color:#e7ac62}.week-chip,.date-chip,.soft-count{background:#edf2e9;color:#496656;border:1px solid #e1e9de;border-radius:99px;font-size:11px;font-weight:800;padding:9px 13px;white-space:nowrap}
.overview-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px}.progress-feature{background:#194e42;color:#fff;border-radius:28px;min-height:290px;position:relative;overflow:hidden;padding:30px 33px;display:grid;grid-template-columns:minmax(0,1fr) 156px;gap:15px;align-items:center}.progress-feature::before{content:'';position:absolute;width:290px;height:290px;border:1px solid #ffffff17;border-radius:50%;right:-128px;top:-160px;box-shadow:0 0 0 44px #ffffff07,0 0 0 90px #ffffff04}.progress-copy,.progress-ring,.progress-foot{position:relative;z-index:1}.progress-copy h2{font-size:clamp(25px,2.5vw,33px);line-height:1.12;max-width:270px;margin:11px 0}.progress-copy p{color:#c9e2d5;max-width:290px;font-size:13px;line-height:1.55}.progress-copy a{color:#fff;display:inline-flex;align-items:center;gap:14px;border-bottom:1px solid #a1d8bf;padding-bottom:5px;font-size:12px;font-weight:800}.progress-copy a span{font-size:16px}.progress-ring{width:148px;height:148px;border-radius:50%;background:conic-gradient(#ffbd78 var(--progress),#ffffff2c 0);display:grid;place-items:center;margin:auto}.progress-ring::before{content:'';position:absolute;inset:14px;background:#194e42;border-radius:50%}.progress-ring div{z-index:1;text-align:center}.progress-ring strong{display:block;font-size:34px;line-height:1;letter-spacing:-.05em}.progress-ring small{display:block;color:#b7d8c7;margin-top:5px}.progress-foot{grid-column:1/-1;border-top:1px solid #ffffff29;padding-top:15px;display:flex;align-items:center;gap:8px;font-size:11px;color:#b7d5c6}.progress-foot strong{color:#fff;font-size:13px}
.next-action{background:#fff;border:1px solid #e9eee6;border-radius:28px;padding:27px 29px;min-height:290px;display:flex;flex-direction:column;box-shadow:0 12px 32px #244b3310}.next-top{display:flex;align-items:center;gap:9px}.next-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;color:#a66b35;background:#fff0dc;font-size:16px}.next-action h2{font-size:24px;color:#233e33;line-height:1.2;margin:22px 0 8px}.next-action p{color:#78887f;font-size:12px;line-height:1.5}.mini-progress,.assignment-progress{height:7px;border-radius:20px;background:#e7eee6;overflow:hidden}.mini-progress span,.assignment-progress span{display:block;height:100%;border-radius:20px;background:#2ca683}.next-action .mini-progress{margin:12px 0 18px}.button{background:#1c765f;color:#fff;border-radius:12px;box-shadow:none;min-height:43px}.button:hover{background:#145d4b;color:#fff}.next-action .button{align-self:flex-start;margin-top:auto}.button-light{background:#fff;color:#1a634e}.button-light:hover{background:#e8f6ec;color:#155c49}.button-secondary{background:#e9f3ec;color:#1d6b57}.button-secondary:hover{background:#d9eee1;color:#185744}
.quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 27px}.quick-links a{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e7ece5;border-radius:19px;padding:17px 20px;min-width:0}.quick-links a:hover{border-color:#a8d6b6;transform:translateY(-1px)}.quick-links a>span:nth-child(2){min-width:0}.quick-links strong{display:block;color:#263e32;font-size:13px}.quick-links small{display:block;color:#89978b;margin-top:3px;font-size:11px}.quick-links b{margin-left:auto;color:#244e3c;font-size:18px}.quick-symbol{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:19px}.quick-symbol.lilac{background:#eee9f6;color:#775eaf}.quick-symbol.peach{background:#fff0e0;color:#b87a3d}.quick-symbol.mint{background:#dff4e8;color:#278967}
.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:18px}.aside-stack{display:grid;gap:18px;align-content:start}.feed-card{background:#fff;border:1px solid #e8ede6;border-radius:24px;padding:24px 26px;min-width:0;box-shadow:0 7px 22px #19422c08}.section-title{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:15px}.section-title h2{font-size:20px;color:#213e32;margin:5px 0 0}.section-title a,.feed-card>a,.admin-queue a{color:#237a60;font-size:12px;font-weight:800;white-space:nowrap}.activity-item{display:flex;align-items:center;gap:13px;border-top:1px solid #edf0eb;padding:13px 0}.activity-item:hover .activity-copy strong{color:#1e8b69}.activity-date{flex:none;width:43px;height:45px;border-radius:11px;background:#eff5ec;display:grid;place-content:center;text-align:center;color:#2c6e54}.activity-date strong{font-size:16px;line-height:1}.activity-date small{font-size:9px;text-transform:uppercase;margin-top:2px}.activity-copy{flex:1;min-width:0}.activity-copy strong{display:block;font-size:13px;color:#2e4538;overflow-wrap:anywhere}.activity-copy small{display:block;font-size:11px;color:#8b988b;margin-top:4px}.activity-arrow{color:#3b8b69;font-size:17px}.compact-notice{display:flex;gap:10px;border-top:1px solid #edf0eb;padding:13px 0}.compact-notice strong{color:#314b3b;font-size:12px}.compact-notice p{color:#718275;font-size:11px;line-height:1.45;margin:4px 0}.compact-notice small{color:#9ba79c;font-size:10px}.notice-dot{width:8px;height:8px;border-radius:50%;background:#e9aa63;margin-top:6px;flex:none}.reward-note{background:#fff1dd;border:1px solid #fae3c3;border-radius:23px;padding:24px;color:#634934}.reward-note>span{font-size:10px;letter-spacing:.11em;font-weight:800;color:#9e6a32}.reward-note h2{margin:12px 0 6px;font-size:20px;color:#67472d}.reward-note p{font-size:12px;line-height:1.6;color:#85684d}.reward-note small{font-size:10px;color:#a3825d}
.admin-spotlight{background:#203f36;color:#fff;border-radius:27px;padding:29px 32px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:26px;align-items:center}.admin-spotlight-copy h2{font-size:29px;margin:9px 0}.admin-spotlight-copy p{color:#c1d9c6;font-size:13px;line-height:1.5}.admin-spotlight-copy .button{margin-top:8px}.admin-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.admin-metrics>div{background:#ffffff14;border:1px solid #ffffff22;border-radius:16px;padding:20px 12px;text-align:center}.admin-metrics strong{display:block;font-size:28px;line-height:1}.admin-metrics strong small{font-size:15px;color:#b6d6c1}.admin-metrics span{display:block;color:#c3d9ca;font-size:10px;margin-top:9px}.admin-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 26px}.admin-action-grid a{display:grid;grid-template-columns:36px 1fr auto;column-gap:10px;background:#fff;border:1px solid var(--line);padding:18px;border-radius:17px}.admin-action-grid a>span{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;background:#e8f3eb;color:#2b7f64;border-radius:11px;font-size:17px}.admin-action-grid strong{font-size:13px;color:#264536}.admin-action-grid small{font-size:10px;color:#8b9a8d;grid-column:2}.admin-action-grid b{grid-column:3;grid-row:1/3;align-self:center;color:#378264}.admin-queue h2{font-size:26px;margin:8px 0}.admin-queue p{font-size:12px;color:#829185}
.task-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.assignment-card{display:block;background:#fff;border:1px solid var(--line);border-radius:22px;padding:23px;min-width:0;transition:transform .15s,border-color .15s}.assignment-card:hover{transform:translateY(-3px);border-color:#8ccbab}.assignment-top,.assignment-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.assignment-date{display:inline-flex;background:#edf5eb;color:#337d60;border-radius:9px;padding:7px 9px;font-size:11px;font-weight:800}.assignment-card h2{color:#254334;font-size:19px;margin:21px 0 7px}.assignment-card p{color:#87978a;font-size:12px}.assignment-progress{margin:20px 0 13px}.assignment-foot{font-size:11px;color:#859589}.assignment-foot strong{color:#27785b;font-size:12px}
.detail-intro{align-items:center}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.detail-main{display:grid;gap:18px}.description{line-height:1.7;color:#526a59}.checklist-item{display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid #edf0eb}.checkmark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f1f2ed;color:#8c9b8f;font-size:12px;font-weight:800;flex:none}.checkmark.done{background:#d9f2e4;color:#178661}.checklist-item>div{flex:1}.checklist-item strong{display:block;font-size:13px;color:#304c3a}.checklist-item small{display:block;margin-top:3px;color:#929f93;font-size:11px}.checklist-item a{font-size:11px;color:#238269;font-weight:800}.upload-card h2{font-size:22px;margin:11px 0 6px}.upload-card>p{font-size:12px;color:#8b9a8b}.upload-card .quiet-box{margin-top:16px}
.updates-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:20px;align-items:start}.updates-feed .section-title{margin-bottom:17px}.message-card{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:19px;padding:19px 20px;margin-bottom:12px}.message-card.unread{border-color:#b8dec3;background:#fbfefa}.message-mark{flex:none;width:32px;height:32px;border-radius:10px;background:#e7f4e9;color:#41896c;display:grid;place-items:center}.message-card>div:last-child{flex:1;min-width:0}.message-head{display:flex;justify-content:space-between;gap:15px}.message-head h3{font-size:14px;color:#294537;margin:2px 0}.message-head time{font-size:10px;color:#9aa59a;white-space:nowrap}.message-card p{font-size:12px;color:#62796a;line-height:1.6;margin:7px 0 0}.updates-aside{position:sticky;top:105px}
/* Consistent forms and secondary pages from the PHP portal */
.page-heading h1{color:#193c31}.panel,.stat{border-radius:21px;box-shadow:0 6px 25px #16432908;border-color:var(--line)}.panel-title h2,.profile-head h2{color:#254333}.task-row:hover{background:#f6faf5}.task-day,.notice-icon,.mini-icon.cyan{background:#eaf4eb;color:#338667}.mini-icon.violet{background:#eee9f4;color:#8564a8}.mini-icon.amber{background:#fff0df;color:#b9854c}.badge.success{background:#e0f4e8;color:#167758}.badge.warn{background:#fff0dd;color:#a26a30}.badge.neutral{background:#edf2ea;color:#66816c}.stat strong{color:#214636}.stat a,.panel-title>a,.back-link,.proof-item a,.link-list span,.record-row a{color:#237b5d}.bar span{background:#2caa85}.flash.info{background:#e9f4eb;color:#285d4b}.flash.success{background:#dbf3e6;color:#207455}.stack-form input:focus,.stack-form textarea:focus,.stack-form select:focus,.auth-card input:focus{border-color:#53a884;box-shadow:0 0 0 3px #53a88422}.quiet-box,.proof-item{background:#f6f8f4;border-color:#e9eee6}.text-button{color:#287b60}
/* Public landing and sign-in */
.next-public{max-width:1360px;padding:30px 36px 70px}.public-actions{display:flex;align-items:center;gap:20px;font-size:12px;font-weight:800;color:#285846}.landing-hero{min-height:550px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;background:#e8f1e7;border-radius:32px;overflow:hidden;padding:60px clamp(38px,5vw,75px)}.landing-copy{position:relative;z-index:1}.landing-copy h1{font-size:clamp(41px,4.4vw,65px);color:#173e31;letter-spacing:-.06em;max-width:660px;margin:16px 0}.landing-copy p{font-size:16px;line-height:1.6;color:#617767;max-width:500px}.landing-actions{display:flex;flex-wrap:wrap;gap:10px;margin:27px 0}.landing-footnote{display:flex;align-items:center;gap:12px;color:#637969;font-size:11px;font-weight:700}.landing-showcase{min-height:410px;display:grid;place-items:center;position:relative}.landing-showcase::before{content:'';position:absolute;width:390px;height:390px;border-radius:50%;background:#b6dac0;box-shadow:0 0 0 60px #cae4cf88}.showcase-card{position:relative;z-index:1;width:270px;background:white;border:1px solid #e6eee5;border-radius:28px;padding:20px;box-shadow:0 30px 55px #2752392a;transform:rotate(-5deg)}.showcase-head{display:flex;justify-content:space-between;color:#6b8b71;font-size:10px;font-weight:800;letter-spacing:.1em}.showcase-ring{width:136px;height:136px;border-radius:50%;background:conic-gradient(#2ba47e 75%,#e7f0e7 0);margin:24px auto;display:grid;place-content:center;text-align:center;position:relative}.showcase-ring::before{content:'';position:absolute;inset:12px;background:white;border-radius:50%}.showcase-ring strong,.showcase-ring small{position:relative;z-index:1;color:#235640}.showcase-ring strong{font-size:33px}.showcase-ring small{font-size:10px}.showcase-card p{text-align:center;color:#607967;font-size:12px}.showcase-list{display:grid;gap:8px;color:#2f7657;font-size:11px}.showcase-list span{background:#f1f7ef;border-radius:8px;padding:8px}.showcase-float{z-index:2;position:absolute;right:-8px;bottom:17px;background:#fff9eb;border:1px solid #f2e1b5;box-shadow:0 10px 20px #3853391c;padding:13px;border-radius:12px;color:#805f2d;font-size:11px;font-weight:800;transform:rotate(4deg)}.landing-steps{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:14px;margin-top:18px}.landing-steps>div,.landing-steps article{background:#fff;border:1px solid var(--line);border-radius:19px;padding:23px}.landing-steps h2{font-size:23px;color:#214b35;margin:7px 0}.landing-steps article b{color:#b8945f;font-size:12px}.landing-steps article strong{display:block;margin-top:16px;font-size:13px;color:#244934}.landing-steps article p{font-size:11px;color:#809284;line-height:1.5;margin:6px 0 0}.auth-layout{border-radius:28px;overflow:hidden;box-shadow:0 18px 50px #264e3315}.auth-aside{background:#1b4c3e}.auth-art{color:#b8d9be}.auth-card{background:#fff}.auth-card h1{color:#224735}
@media(max-width:1100px){.header-inner{gap:14px;padding:0 22px}.primary-nav a{padding:10px;font-size:12px}.portal-status{display:none}.overview-grid,.dashboard-columns{grid-template-columns:1fr 1fr}.admin-spotlight{grid-template-columns:1fr}.updates-layout{grid-template-columns:1fr}.updates-aside{position:static}.landing-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.header-inner{height:65px;padding:0 17px}.next-brand .brand-icon{width:38px;height:38px}.next-brand strong{font-size:10px}.next-brand small{font-size:8px}.primary-nav,.account-link>span:last-child{display:none}.header-actions{margin-left:auto;gap:11px}.account-link .initials{width:34px;height:34px}.more-menu nav{right:-1px}.next-content{padding:24px 16px calc(109px + env(safe-area-inset-bottom))}.dashboard-intro{align-items:start;margin-bottom:18px}.dashboard-intro h1{font-size:28px}.dashboard-intro p{font-size:12px}.week-chip{font-size:10px;padding:7px 9px}.overview-grid,.dashboard-columns,.admin-spotlight,.updates-layout,.detail-grid{grid-template-columns:1fr;gap:12px}.progress-feature{min-height:245px;padding:22px;grid-template-columns:1fr 110px;gap:7px;border-radius:23px}.progress-copy h2{font-size:24px}.progress-copy p{font-size:11px}.progress-ring{width:108px;height:108px}.progress-ring::before{inset:11px}.progress-ring strong{font-size:25px}.progress-foot{padding-top:11px}.next-action{min-height:0;padding:22px;border-radius:22px}.next-action h2{font-size:20px;margin:16px 0 7px}.next-action .button{margin-top:15px}.quick-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:13px 0 19px}.quick-links a{padding:11px;border-radius:15px;gap:8px}.quick-links a:last-child{grid-column:1/-1}.quick-symbol{width:32px;height:32px;font-size:16px}.quick-links strong{font-size:11px}.quick-links small{font-size:9px}.quick-links b{font-size:15px}.feed-card{padding:19px;border-radius:20px}.section-title h2{font-size:18px}.admin-spotlight{padding:22px;border-radius:23px}.admin-spotlight-copy h2{font-size:24px}.admin-metrics{gap:7px}.admin-metrics>div{padding:12px 7px}.admin-metrics strong{font-size:22px}.admin-metrics span{font-size:9px}.admin-action-grid{grid-template-columns:1fr;gap:9px}.task-collection{grid-template-columns:1fr;gap:10px}.assignment-card{padding:20px}.message-head{display:block}.message-head time{display:block;margin-top:3px}.next-bottom{display:flex;position:fixed;z-index:20;bottom:0;left:0;right:0;justify-content:space-around;padding:8px 7px calc(8px + env(safe-area-inset-bottom));background:#fffffff2;backdrop-filter:blur(14px);border-top:1px solid #e3e8df;box-shadow:0 -5px 20px #174b3212}.next-bottom a{min-width:65px;color:#899c8c;font-size:20px;padding:4px 10px;border-radius:13px;line-height:1;text-align:center}.next-bottom a span{display:block}.next-bottom a small{display:block;font-size:10px;margin-top:5px;font-weight:800}.next-bottom a.active{color:#176c51;background:#e4f3e8}.next-public{padding:13px 15px 38px}.public-actions{gap:10px;font-size:11px}.public-actions .button{padding:8px 11px;font-size:11px;min-height:36px}.landing-hero{grid-template-columns:1fr;padding:30px 24px;gap:0;min-height:0;border-radius:22px}.landing-copy h1{font-size:38px}.landing-copy p{font-size:13px}.landing-showcase{min-height:330px}.landing-showcase::before{width:255px;height:255px;box-shadow:0 0 0 35px #cae4cf88}.showcase-card{width:220px;padding:16px;transform:rotate(-3deg)}.showcase-ring{width:105px;height:105px;margin:16px auto}.showcase-float{right:-6px;bottom:5px;font-size:9px}.landing-steps{grid-template-columns:1fr;gap:9px}.landing-steps>div,.landing-steps article{padding:17px}.landing-steps article strong{margin-top:6px}.auth-layout{border-radius:21px}.footer span{margin:0 3px}}
@media(max-width:390px){.week-chip{display:none}.quick-links{grid-template-columns:1fr}.quick-links a:last-child{grid-column:auto}.progress-feature{grid-template-columns:1fr 96px}.progress-ring{width:93px;height:93px}.progress-ring strong{font-size:21px}.next-brand strong{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}
/* Access screens */
.access-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(370px,480px);gap:clamp(35px,7vw,110px);align-items:center;max-width:1130px;margin:30px auto;min-height:610px}.access-intro{padding:35px 10px}.access-intro h1{font-size:clamp(43px,5vw,66px);color:#1b4836;line-height:1.04;letter-spacing:-.055em;margin:14px 0 20px}.access-intro p{font-size:15px;color:#718675;line-height:1.65;max-width:460px}.access-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:27px}.access-points span{background:#e7f2e6;color:#326d50;border:1px solid #d6e8d5;border-radius:99px;padding:9px 12px;font-size:11px;font-weight:700}.access-card{background:#fff;border:1px solid #e5ebe3;border-radius:28px;padding:36px;box-shadow:0 22px 58px #204b3320}.access-mark{display:grid;place-items:center;width:46px;height:46px;background:#e6f4e8;border-radius:14px;color:#278963;font-size:23px}.access-card h2{font-size:27px;color:#264838;margin:22px 0 6px}.access-card>p{color:#839288;font-size:13px;margin-bottom:25px}.access-card .stack-form{gap:17px}.access-card .stack-form label{font-size:12px;color:#4a6553}.access-card .button{margin-top:5px}.access-footer{border-top:1px solid #edf0e9;margin-top:24px;padding-top:20px;color:#839487;font-size:12px}.access-footer a{color:#20775a;font-weight:800}.access-card>small{display:block;color:#9ba99e;font-size:11px;margin-top:13px}.register-page{align-items:start}.register-page .access-intro{position:sticky;top:115px;padding-top:75px}
@media(max-width:760px){.access-page{display:block;min-height:0;margin:10px auto}.access-intro{padding:18px 7px 13px}.access-intro h1{font-size:36px;margin:9px 0}.access-intro p{font-size:12px}.access-points{margin-top:15px;gap:6px}.access-points span{font-size:9px;padding:7px 8px}.access-card{border-radius:21px;padding:23px;box-shadow:0 12px 35px #204b3313}.access-card h2{font-size:24px;margin:15px 0 5px}.register-page .access-intro{position:static;padding-top:18px}}
/* Profile workspace */
.profile-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:17px;align-items:stretch}.identity-card{background:#1b5041;color:#fff;border-radius:24px;padding:27px;min-height:280px}.identity-avatar{margin:24px 0 13px}.identity-avatar .profile-avatar{width:68px;height:68px;background:#d6f1dc;color:#216b4d;font-size:24px}.identity-card h2{font-size:22px;margin:0 0 5px}.identity-card p{color:#b8d5c1;font-size:12px}.identity-id{border-top:1px solid #ffffff30;margin-top:30px;padding-top:17px;color:#b7d8c4;font-size:11px}.identity-id strong{display:block;color:white;font-size:18px;margin-top:4px}.profile-details .profile-list{margin-top:16px}.profile-details .subtle{margin:18px 0 0}.security-card{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(320px,1fr);gap:30px;margin-top:18px}.security-card h2{font-size:21px;color:#274d36;margin:8px 0}.security-card p{color:#88988b;font-size:12px}.signout-form{margin-top:18px}
@media(max-width:760px){.profile-layout,.security-card{grid-template-columns:1fr;gap:12px}.identity-card{min-height:0;padding:22px}.identity-avatar{margin:16px 0 8px}.identity-id{margin-top:18px}.security-card{margin-top:12px}}
/* Four real task workflows */
.workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.workflow-card{display:block;position:relative;background:#fff;border:1px solid #e5ebe3;border-radius:24px;min-height:255px;padding:24px;transition:border-color .16s,transform .16s}.workflow-card:hover{border-color:#9acbab;transform:translateY(-2px)}.workflow-icon{display:inline-grid;place-items:center;width:45px;height:45px;border-radius:14px;font-size:21px}.workflow-icon.green{background:#e1f2e7;color:#218464}.workflow-icon.peach{background:#fff0dc;color:#b87d43}.workflow-icon.lilac{background:#eeeaf6;color:#785ba8}.workflow-icon.gold{background:#fff1c8;color:#a77a25}.workflow-card>.eyebrow{display:block;margin-top:18px}.workflow-card h2{font-size:23px;color:#234334;margin:8px 0}.workflow-card p{font-size:12px;color:#778b7b;line-height:1.6;max-width:410px;min-height:57px}.workflow-card>div{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #edf0e9;padding-top:14px;font-size:11px;color:#718979}.workflow-card>div strong{color:#2e7357}.workflow-card>div span{color:#217d60;font-weight:800}.hub-note{display:flex;gap:12px;align-items:start;background:#e8f3ec;border:1px solid #d7eadc;border-radius:17px;padding:16px 20px;margin:20px 0;color:#375e49}.hub-note>span{font-size:17px;font-weight:800}.hub-note strong{display:block;font-size:12px}.hub-note p{margin:4px 0 0;font-size:11px;line-height:1.55;color:#64816b}
.birthday-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:18px;align-items:start}.birthday-submit{margin-top:22px}.claim-state{display:flex;gap:12px;align-items:center;background:#e8f6e9;border:1px solid #cae9d3;border-radius:13px;padding:14px;margin-top:20px}.claim-state>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:white;background:#32a676}.claim-state strong{display:block;color:#28634a;font-size:12px}.claim-state small{display:block;color:#789582;margin-top:3px;font-size:10px}
.create-entry{background:#fff;border:1px solid #dfe9df;border-radius:18px;margin:0 0 20px;max-width:710px}.create-entry summary{cursor:pointer;list-style:none;font-weight:800;color:#27785a;padding:18px 22px;font-size:13px}.create-entry summary::-webkit-details-marker{display:none}.create-entry[open] summary{border-bottom:1px solid #e9eee6}.create-entry form{padding:22px}.create-entry .button{justify-self:start}.tracking-list{display:grid;gap:15px}.tracking-card{background:#fff;border:1px solid #e5eae3;border-radius:22px;padding:22px}.tracking-heading{display:flex;align-items:center;gap:13px}.tracking-heading>div{flex:1;min-width:0}.tracking-heading h2{font-size:19px;margin:5px 0;color:#294636}.tracking-heading small{font-size:10px;color:#89998b}.tracking-progress{height:7px;border-radius:20px;overflow:hidden;background:#edf1ea;margin:18px 0 7px}.tracking-progress span{display:block;height:100%;border-radius:20px;background:#34ad81}.tracking-count{font-size:11px;color:#7a8e7c;margin-bottom:18px}.tracking-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tracking-slot{background:#f7f9f5;border:1px solid #e9eee7;border-radius:13px;padding:14px;min-width:0}.tracking-slot>strong,.tracking-slot>small,.tracking-slot>a{display:block}.tracking-slot>strong{font-size:12px;color:#355a3f}.tracking-slot>small{font-size:10px;color:#8c9a8d;margin:4px 0 9px}.tracking-slot>a{font-size:11px;font-weight:800;color:#277e5f;margin-bottom:9px}.proof-upload{display:grid;gap:7px}.file-label{display:grid;gap:5px;font-size:10px;color:#55715d;font-weight:700}.file-label input{width:100%;font-size:10px;color:#506851}.proof-upload button{border:0;background:#247d5d;color:#fff;border-radius:8px;padding:8px;font-size:10px;font-weight:800}.slot-closed{font-size:10px;color:#929c90}.admin-action-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.admin-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.workflow-grid,.birthday-layout{grid-template-columns:1fr;gap:11px}.workflow-card{min-height:0;padding:20px}.workflow-card p{min-height:0}.tracking-card{padding:17px}.tracking-heading{flex-wrap:wrap}.tracking-heading .badge{margin-left:auto}.tracking-slots{grid-template-columns:1fr}.tracking-slot{padding:13px}.admin-action-grid{grid-template-columns:1fr}}
.workflow-samples{display:grid;gap:15px;margin-top:25px}
.admin-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.review-section{margin:24px 0}.review-section>.section-title{margin-bottom:12px}.review-proof-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.review-proof-links a{font-size:11px;font-weight:800;color:#257c5c;background:#e9f5ed;border-radius:8px;padding:7px 10px}.review-proof-links span{font-size:11px;color:#98a49b}
@media(max-width:1100px){.admin-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.admin-action-grid{grid-template-columns:1fr}}
.proof-thumbnail{display:block;width:88px;height:66px;object-fit:contain;background:#edf2ed;border-radius:8px;margin:4px 10px 4px 0}.tracking-slot .proof-thumbnail{width:100%;max-width:160px;height:90px;margin:9px 0}.review-proof-link{display:grid;gap:5px}.review-proof-link img{display:block;width:92px;height:65px;object-fit:contain;border-radius:6px;background:#dfe9e1}.review-proof-link span{font-size:10px}