@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{--ink:#183c38;--deep:#12322f;--green:#2e6259;--mint:#dcebe4;--paper:#f7f4ed;--soft:#eff3ee;--coral:#d87960;--gold:#b58b46;--purple:#6f719d;--line:#dfe3de;--text:#253632;--muted:#71807c;--white:#fff;--shadow:0 24px 65px rgba(20,55,51,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfaf7;color:var(--text);font-family:'DM Sans','Noto Sans SC',sans-serif;font-size:15px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.container{width:min(1180px,calc(100% - 48px));margin:auto}.hidden{display:none!important}
.public-page{background:#f6f9ff;color:#17243a}.public-nav{position:fixed;top:0;left:0;right:0;z-index:40;height:78px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(11,55,140,.68);border-bottom:1px solid rgba(255,255,255,.18);backdrop-filter:blur(18px)}.public-nav nav{display:flex;gap:24px}.public-nav nav a{color:#d9e7ff;text-decoration:none;font-size:13px;font-weight:600}.public-nav-actions{display:flex;gap:10px}.ghost-blue,.white-button,.primary-blue{border-radius:8px;border:0;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.ghost-blue{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.24);color:white;padding:10px 16px}.white-button{background:white;color:#0d4ea6;padding:10px 17px;box-shadow:0 12px 30px rgba(4,39,111,.13)}.primary-blue{background:#1265d8;color:white;padding:13px 20px;box-shadow:0 14px 30px rgba(18,101,216,.24)}.large{min-height:48px;padding:0 23px}.blue-eyebrow{display:flex;align-items:center;gap:10px;color:#bcd7ff;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.blue-eyebrow:before{content:"";width:28px;height:2px;background:currentColor}.blue-eyebrow.dark-blue{color:#1265d8}.public-hero{min-height:100vh;position:relative;overflow:hidden;background:linear-gradient(135deg,#052d7e 0%,#0b56ba 46%,#33a7ff 100%);color:white;padding-top:78px}.public-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;background:linear-gradient(0deg,#f6f9ff 0%,rgba(246,249,255,0) 100%);pointer-events:none}.blue-slider{position:absolute;inset:0;display:flex;width:180%;animation:blueSlide 18s linear infinite;opacity:.55}.blue-slider span{flex:1;min-width:25%;background:linear-gradient(120deg,rgba(255,255,255,.18),rgba(255,255,255,0) 42%),radial-gradient(circle at 40% 32%,rgba(176,218,255,.55),rgba(176,218,255,0) 32%);border-right:1px solid rgba(255,255,255,.13);transform:skewX(-9deg)}@keyframes blueSlide{from{transform:translateX(-18%)}to{transform:translateX(0)}}.public-hero-inner{position:relative;z-index:2;width:min(1180px,calc(100% - 48px));margin:auto;min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.02fr .98fr;gap:58px;align-items:center}.public-copy h1{font-size:58px;line-height:1.22;letter-spacing:0;margin:22px 0 18px;color:white}.public-copy p{font-size:18px;line-height:1.9;color:#dceaff;max-width:620px}.public-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.slider-panel{min-width:0;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.13);backdrop-filter:blur(20px);box-shadow:0 28px 90px rgba(0,33,89,.28);overflow:hidden}.slide-track{display:flex;width:300%;animation:cardSlide 14s infinite}.slide-card{width:33.333%;min-height:430px;padding:42px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(150deg,rgba(255,255,255,.2),rgba(255,255,255,.07))}.slide-card:nth-child(2){background:linear-gradient(150deg,rgba(15,119,255,.32),rgba(255,255,255,.06))}.slide-card:nth-child(3){background:linear-gradient(150deg,rgba(75,188,255,.25),rgba(255,255,255,.07))}.slide-card span{font-size:12px;color:#cbe2ff;font-weight:800}.slide-card h2{font-size:40px;color:white;margin:18px 0 12px}.slide-card p{font-size:18px;line-height:1.8;color:#e4f0ff;max-width:420px}.slide-card b{color:white;margin-top:24px}@keyframes cardSlide{0%,27%{transform:translateX(0)}34%,61%{transform:translateX(-33.333%)}68%,94%{transform:translateX(-66.666%)}100%{transform:translateX(0)}}.public-band{padding:90px 0;background:#f6f9ff}.public-section-title{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:28px}.public-section-title span{color:#1265d8;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.public-section-title h2{font-size:34px;line-height:1.35;max-width:680px;margin:0;color:#12213a}.public-paths{display:grid;grid-template-columns:1fr 1fr;gap:18px}.public-paths article{background:white;border:1px solid #d9e6f8;border-radius:8px;padding:32px;box-shadow:0 18px 45px rgba(20,80,160,.08)}.path-symbol{width:52px;height:52px;border-radius:8px;background:#e6f1ff;color:#1265d8;display:grid;place-items:center;font-size:27px}.public-paths h3{font-size:25px;color:#12213a;margin:22px 0 9px}.public-paths p{color:#627089;line-height:1.8;min-height:54px}.public-paths button{border:0;border-radius:7px;background:#1265d8;color:white;padding:11px 16px;font-weight:700}.public-preview{padding:90px 0;background:white}.preview-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.preview-grid h2{font-size:36px;line-height:1.35;color:#12213a;margin:16px 0}.preview-grid p{color:#64738c;line-height:1.85}.preview-window{background:#f5f9ff;border:1px solid #d8e6fb;border-radius:8px;padding:18px;box-shadow:0 28px 70px rgba(15,83,174,.12)}.preview-top{height:34px;display:flex;gap:7px}.preview-top i{width:10px;height:10px;border-radius:50%;background:#93bff7}.preview-row{height:26px;background:#dbeaff;border-radius:6px;margin:12px 0}.preview-row.strong{height:64px;background:linear-gradient(90deg,#1265d8,#55b7ff)}.preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px}.preview-cards span{height:120px;background:white;border:1px solid #dbe8f8;border-radius:8px}.public-start{padding:82px 0;background:#0b4fab;color:white}.start-box{display:flex;align-items:center;justify-content:space-between;gap:30px}.start-box h2{font-size:34px;color:white;margin-bottom:8px}.start-box p{color:#d6e7ff;margin:0}.start-box div:last-child{display:flex;gap:10px;flex-wrap:wrap}.auth-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center}.auth-backdrop{position:absolute;inset:0;background:rgba(3,18,48,.66);backdrop-filter:blur(8px)}.auth-card{position:relative;width:min(460px,calc(100% - 28px));max-height:92vh;overflow:auto;background:white;border-radius:8px;padding:28px;box-shadow:0 35px 100px rgba(0,20,70,.32)}.auth-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:25px;color:#71819b}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#eef5ff;border-radius:8px;padding:4px;margin-bottom:22px}.auth-tabs button{border:0;border-radius:6px;background:transparent;color:#64738c;padding:10px;font-weight:800}.auth-tabs button.active{background:white;color:#1265d8;box-shadow:0 8px 20px rgba(18,101,216,.12)}.auth-form{display:none}.auth-form.active{display:block}.auth-form h2{font-size:28px;color:#12213a;margin:12px 0 6px}.auth-form p{color:#65738b;font-size:13px;margin-bottom:22px}.auth-form label{margin-bottom:14px;color:#17243a}.demo-box.blue{background:#f0f6ff;color:#627089}.demo-box.blue b{color:#12213a}
.site-header{height:76px;background:rgba(251,250,247,.94);border-bottom:1px solid #e4e3dc;position:sticky;top:0;z-index:30;backdrop-filter:blur(14px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{border:0;background:none;color:var(--ink);display:flex;align-items:center;gap:11px;text-align:left;padding:0}.brand-mark{width:39px;height:39px;border-radius:11px;background:var(--ink);color:white;display:grid;place-items:center;font-size:18px;transform:rotate(-4deg)}.brand>span:last-child{display:flex;flex-direction:column}.brand b{font-size:18px;letter-spacing:.1em}.brand small{font-size:8px;letter-spacing:.12em;color:#75827f}.nav nav{height:100%;display:flex;align-items:center;gap:5px}.nav nav button{height:100%;border:0;background:none;padding:0 16px;color:#596763;position:relative}.nav nav button.active{color:var(--ink);font-weight:700}.nav nav button.active:after{content:"";height:2px;background:var(--coral);position:absolute;left:16px;right:16px;bottom:0}.nav-user{display:flex;align-items:center;gap:9px}.nav-user .avatar{width:33px;height:33px;border-radius:50%;background:#e7eee9;color:var(--ink);display:grid;place-items:center;font-weight:700}.nav-user>span:nth-child(2){display:flex;flex-direction:column}.nav-user b{font-size:12px}.nav-user small{font-size:9px;color:var(--muted)}.icon-button,.mobile-menu{border:0;background:none;color:var(--ink)}.mobile-menu{display:none;font-size:22px}.page{display:none}.page.active{display:block}
.hero{min-height:620px;background:var(--paper);border-bottom:1px solid #e5e0d7;position:relative;overflow:hidden}.hero:before,.ambassador-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(24,60,56,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(24,60,56,.025) 1px,transparent 1px);background-size:42px 42px}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .82fr;gap:90px;align-items:center;padding:86px 0}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--coral);font-size:10px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.eyebrow:before{content:"";width:25px;height:2px;background:currentColor}.eyebrow.dark{color:var(--coral)}h1,h2,h3,p{margin-top:0}.hero h1,.page-hero h1,.ambassador-hero h1{font-family:'Noto Sans SC',sans-serif;color:var(--ink);font-size:54px;line-height:1.28;letter-spacing:-.05em;margin:23px 0}.hero h1 em{font-style:normal;color:var(--coral)}.hero>div>div:first-child>p{font-size:17px;color:#62706d;line-height:1.9;max-width:630px}.hero-actions{display:flex;gap:11px;margin-top:30px}.primary,.outline,.cream{border-radius:9px;padding:13px 20px;border:0;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{background:var(--ink);color:white;box-shadow:0 8px 20px rgba(24,60,56,.16)}.primary:hover{background:#25544e}.outline{background:white;border:1px solid #cad2cf;color:var(--ink)}.outline.light{background:transparent;border-color:rgba(255,255,255,.35);color:white}.cream{background:#f3eee2;color:var(--ink)}.wide{width:100%}.hero-proof{display:flex;gap:22px;color:#6f7b78;font-size:11px;margin-top:33px}.hero-card{background:white;border:1px solid #dce1dd;padding:24px;box-shadow:0 28px 70px rgba(26,62,57,.13);position:relative}.hero-card:before{content:"";position:absolute;top:-8px;right:36px;width:75px;height:17px;background:rgba(221,195,147,.58);transform:rotate(2deg)}.hero-card-head{display:flex;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #e9ece8;font-weight:700}.live{font-size:10px;background:#edf5ef;color:#4a745f;border-radius:20px;padding:6px 9px;font-weight:500}.live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5fa27a}.upcoming-row{display:grid;grid-template-columns:55px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid #edf0ed}.date-box{background:#f8e8e2;color:var(--coral);height:57px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:4px}.date-box b{font-size:20px;line-height:1}.date-box small{font-size:9px;margin-top:5px}.upcoming-row>div:last-child{display:flex;flex-direction:column;gap:4px}.upcoming-row h4{font-size:13px;margin:0}.upcoming-row span{font-size:10px;color:var(--muted)}.text-link{border:0;background:none;color:var(--ink);font-weight:700;padding:16px 0 0}.hero-card>.text-link{width:100%;display:flex;justify-content:space-between}
.section{padding:82px 0}.section.compact{padding-top:42px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.section-head h2{font-size:34px;color:var(--ink);letter-spacing:-.03em;margin:12px 0 0}.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.path-card{position:relative;text-align:left;background:white;border:1px solid var(--line);min-height:300px;padding:32px;transition:.2s;color:var(--text)}.path-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.path-card.coral{border-top:4px solid var(--coral)}.path-card.green{border-top:4px solid var(--green)}.path-num{position:absolute;right:27px;top:24px;color:#aab3af;font-size:11px}.path-icon{width:50px;height:50px;border-radius:50%;background:#f4e5df;color:var(--coral);display:grid;place-items:center;font-size:24px}.path-card.green .path-icon{background:#e0ede7;color:var(--green)}.path-card h3{color:var(--ink);font-size:23px;margin:27px 0 11px}.path-card p{color:var(--muted);line-height:1.8;max-width:430px;min-height:54px}.path-card b{display:block;margin-top:25px;font-size:12px}.soft{background:var(--soft)}.card-grid{display:grid;gap:20px}.card-grid.three{grid-template-columns:repeat(3,1fr)}
.opportunity-card,.task-card{background:white;border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;min-height:330px;transition:.2s}.opportunity-card:hover,.task-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.pill{background:#f4e7e2;color:var(--coral);padding:5px 8px;border-radius:3px;font-size:10px;font-weight:700}.pill.green{background:#e2eee9;color:var(--green)}.capacity{font-size:10px;color:var(--muted)}.opportunity-card h3,.task-card h3{color:var(--ink);font-size:19px;line-height:1.45;margin:20px 0 10px}.opportunity-card>p,.task-card>p{color:#6b7774;font-size:13px;line-height:1.75;flex:1}.card-meta{display:grid;gap:8px;padding:15px 0;border-top:1px solid #edf0ed;font-size:11px;color:#65716e}.card-meta span{display:flex;gap:8px}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px}.deadline{display:flex;flex-direction:column;font-size:9px;color:var(--muted)}.deadline b{color:var(--ink);font-size:11px;margin-top:3px}.small-button{border:0;background:var(--ink);color:white;border-radius:7px;padding:9px 13px;font-size:11px;font-weight:700}.small-button.applied{background:#e4eee9;color:var(--green)}.empty{grid-column:1/-1;padding:60px;text-align:center;background:white;border:1px dashed #ccd4d0;color:var(--muted)}
.page-hero{background:var(--ink);color:white;padding:70px 0}.page-hero.small{padding:55px 0}.page-hero h1{color:white;font-size:42px;margin-bottom:13px}.page-hero p{color:#aec0bb;max-width:650px;line-height:1.8}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:28px}.search-box{display:flex;align-items:center;gap:9px;background:white;border:1px solid #d8dfdb;padding:0 14px;flex:1;max-width:360px}.search-box input{border:0;outline:0;padding:12px 0;width:100%;background:none}.filters{display:flex;gap:6px;flex:1}.filter{border:1px solid #d7ddda;background:white;color:#64716e;border-radius:20px;padding:8px 13px;font-size:11px}.filter.active{background:var(--ink);border-color:var(--ink);color:white}
.ambassador-hero{background:var(--ink);color:white;position:relative;overflow:hidden}.ambassador-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .75fr;gap:90px;align-items:center;padding:88px 0}.ambassador-hero h1{color:white}.ambassador-hero p{color:#b7c6c2;line-height:1.9;max-width:650px}.ambassador-stat-card{display:grid;grid-template-columns:1fr 1fr;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);padding:26px}.ambassador-stat-card>div{padding:23px;display:flex;flex-direction:column}.ambassador-stat-card>div:first-child{grid-column:1/-1;border-bottom:1px solid rgba(255,255,255,.12)}.ambassador-stat-card>div:nth-child(2){border-right:1px solid rgba(255,255,255,.12)}.ambassador-stat-card b{font-size:34px;color:#f0d8b1}.ambassador-stat-card span{font-size:10px;color:#aebfba;margin-top:7px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps article{padding:30px;border-right:1px solid var(--line)}.steps article:last-child{border:0}.steps span{color:var(--coral);font-size:11px;font-weight:700}.steps h3{color:var(--ink);margin:18px 0 9px}.steps p{color:var(--muted);font-size:12px;line-height:1.7;margin:0}
.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:25px}.summary-card{background:white;border:1px solid var(--line);padding:23px}.summary-card span{font-size:11px;color:var(--muted)}.summary-card b{display:block;font-size:29px;color:var(--ink);margin-top:10px}.mine-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{background:white;border:1px solid var(--line);padding:25px}.panel-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e9ece9;padding-bottom:17px}.panel-title h2{font-size:19px;color:var(--ink);margin:0}.panel-title span{font-size:10px;color:var(--muted)}.record-item{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid #edf0ed}.record-item>div{display:flex;flex-direction:column;gap:5px}.record-item b{font-size:13px}.record-item small{color:var(--muted);font-size:10px}.status{font-size:10px;padding:6px 9px;border-radius:20px;background:#f4eadf;color:#9a6f37}.status.approved,.status.accepted{background:#e4f0e9;color:#47735f}.status.rejected{background:#f5e5e3;color:#a44f48}.ambassador-profile-box{background:#edf4f0;padding:20px;margin-top:17px}.ambassador-profile-box b{display:block;color:var(--ink);margin-bottom:6px}.ambassador-profile-box p{font-size:12px;color:#66736f;margin:0}.apply-cta{border:1px dashed #bdcbc5;padding:24px;text-align:center;margin-top:17px}.apply-cta p{font-size:12px;color:var(--muted)}
.modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:rgba(7,23,21,.66);backdrop-filter:blur(4px)}.modal-card{width:min(620px,calc(100% - 28px));max-height:90vh;overflow:auto;position:relative;background:#fbfaf7;padding:34px;box-shadow:0 30px 100px rgba(0,0,0,.35)}.modal-close{position:absolute;right:16px;top:14px;border:0;background:none;font-size:26px;color:var(--muted)}.modal-card h2{color:var(--ink);font-size:25px;margin:5px 0 8px}.modal-card>div>p{color:var(--muted);line-height:1.7;font-size:13px;margin-bottom:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .full{grid-column:1/-1}label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:var(--ink)}input,textarea,select{border:1px solid #d5ddd9;background:white;padding:12px;outline:0;border-radius:5px;color:var(--text)}textarea{min-height:90px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--green)}.form-note{font-size:10px;color:var(--muted);margin:10px 0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--ink);color:white;border-radius:8px;padding:12px 18px;z-index:100;opacity:0;pointer-events:none;transition:.2s;font-size:12px}.toast.show{opacity:1;transform:translate(-50%,0)}
.login-page{min-height:100vh;display:grid;place-items:center;background:#e9eee9}.login-shell{width:min(1080px,calc(100% - 34px));min-height:650px;display:grid;grid-template-columns:1.13fr .87fr;background:white;box-shadow:0 40px 110px rgba(18,50,47,.22)}.login-story{background:var(--ink);color:white;padding:50px 58px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;width:390px;height:390px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-160px;bottom:-150px;box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 120px rgba(255,255,255,.018)}.brand-light{color:white;position:relative;z-index:2}.brand-light .brand-mark{background:#f3eee2;color:var(--ink)}.brand-light small{color:#9eb3ad}.login-story h1{font-size:46px;line-height:1.35;margin:22px 0;color:white;letter-spacing:-.04em}.login-story p{max-width:520px;line-height:1.9;color:#b6c6c1}.login-points{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;font-size:9px;color:#a8bbb5;border-top:1px solid rgba(255,255,255,.12);padding-top:22px;position:relative;z-index:2}.login-form-wrap{padding:55px;display:flex;flex-direction:column;justify-content:center}.login-form h2{font-size:29px;color:var(--ink);margin:13px 0 6px}.login-form>p{color:var(--muted);font-size:12px;margin-bottom:28px}.login-form label{margin-bottom:16px}.login-form .primary{margin-top:6px}.form-error{color:#ae514a;font-size:11px;min-height:20px;margin-top:11px}.demo-box{background:#f3f5f2;padding:14px 17px;display:grid;grid-template-columns:1fr 1fr;gap:5px 12px;font-size:10px;color:#65716e;margin-top:17px}.demo-box b,.demo-box small{grid-column:1/-1}.demo-box b{color:var(--ink);margin-bottom:3px}.demo-box small{margin-top:4px;color:#89938f}
:root{--maple-blue:#dff0ff;--maple-blue-2:#f3f9ff;--maple-sky:#7ebcff;--maple-ink:#17304a;--maple-muted:#657a92;--maple-yellow:#ffe7a6;--maple-yellow-2:#fff6d7;--maple-line:#d6e7f7;--maple-white:#fff;--maple-shadow:0 24px 70px rgba(63,133,199,.14)}
:root[data-theme="dark"]{--maple-blue:#101c2e;--maple-blue-2:#14243a;--maple-sky:#8bc7ff;--maple-ink:#eff7ff;--maple-muted:#a8bdd1;--maple-yellow:#ffd978;--maple-yellow-2:#342b18;--maple-line:#2b4360;--maple-white:#17273d;--maple-shadow:0 24px 70px rgba(0,0,0,.32)}
.public-page,.workspace-page{background:linear-gradient(180deg,var(--maple-blue-2),var(--maple-blue));color:var(--maple-ink)}.brand-mark.maple{background:var(--maple-yellow);color:#9b4f23;border-radius:9px;box-shadow:inset 0 -7px 0 rgba(255,185,65,.28);transform:rotate(-8deg);font-weight:800}.brand-mark.maple:before{content:"";width:15px;height:18px;background:#d96735;clip-path:polygon(50% 0,62% 28%,94% 16%,78% 43%,100% 54%,69% 61%,78% 92%,51% 72%,24% 92%,31% 61%,0 54%,22% 43%,6% 16%,38% 28%);position:absolute}.brand-mark.maple{font-size:0;position:relative}.public-nav{background:rgba(243,249,255,.82);border-bottom:1px solid rgba(123,176,226,.28);box-shadow:0 12px 34px rgba(69,131,191,.08)}.brand-light{color:var(--maple-ink)}.brand-light small,.brand small{color:var(--maple-muted)}.public-nav nav a{color:var(--maple-muted);padding:10px 2px;border-bottom:2px solid transparent}.public-nav nav a.active{color:var(--maple-ink);border-color:var(--maple-yellow);font-weight:800}.public-nav-actions{align-items:center}.mode-button{width:38px;height:38px;border-radius:8px;border:1px solid var(--maple-line);background:rgba(255,255,255,.68);color:var(--maple-ink);font-weight:800}.mode-button.subtle{width:34px;height:34px;background:var(--maple-blue-2)}.ghost-blue{background:rgba(126,188,255,.12);border-color:rgba(86,154,223,.3);color:var(--maple-ink)}.white-button{background:#fff;color:#1e5e9d;border:1px solid rgba(255,231,166,.9)}.primary-blue{background:#377fc7;color:white}.public-hero{background:linear-gradient(135deg,#eaf6ff 0%,#f8fbff 48%,#fff4cb 100%);color:var(--maple-ink)}.public-hero:after{background:linear-gradient(0deg,var(--maple-blue-2),rgba(246,249,255,0))}.blue-slider{opacity:.72}.blue-slider span{background:linear-gradient(120deg,rgba(255,255,255,.65),rgba(255,255,255,0) 48%),radial-gradient(circle at 42% 28%,rgba(255,231,166,.72),rgba(255,231,166,0) 32%);border-right:1px solid rgba(126,188,255,.25)}.blue-eyebrow{color:#3c85c8}.public-copy h1{color:var(--maple-ink);font-size:56px;max-width:720px}.public-copy p{color:var(--maple-muted)}.slider-panel{border-color:rgba(126,188,255,.32);background:rgba(255,255,255,.7);box-shadow:var(--maple-shadow)}.slide-card{background:linear-gradient(150deg,rgba(255,255,255,.9),rgba(223,240,255,.62))}.slide-card:nth-child(2){background:linear-gradient(150deg,rgba(235,247,255,.95),rgba(255,246,215,.72))}.slide-card:nth-child(3){background:linear-gradient(150deg,rgba(255,248,224,.95),rgba(230,244,255,.72))}.slide-card span{color:#4a8bcc}.slide-card h2{color:var(--maple-ink)}.slide-card p{color:var(--maple-muted)}.slide-card b{color:#9a6423}.public-band,.public-preview,.public-guide{background:var(--maple-blue-2)}.public-preview{background:var(--maple-white)}.public-start{background:linear-gradient(135deg,#7ebcff,#fff0bb);color:var(--maple-ink)}.start-box h2{color:var(--maple-ink)}.start-box p{color:#516f8d}.public-section-title span,.blue-eyebrow.dark-blue{color:#377fc7}.public-section-title h2,.preview-grid h2,.public-paths h3,.guide-grid h3,.auth-form h2{color:var(--maple-ink)}.public-paths article,.guide-grid article,.preview-window,.auth-card{background:var(--maple-white);border-color:var(--maple-line);box-shadow:var(--maple-shadow)}.path-symbol{background:var(--maple-yellow-2);color:#b46a28;border:1px solid rgba(255,215,125,.85);font-weight:800}.public-paths p,.guide-grid p,.preview-grid p,.auth-form p{color:var(--maple-muted)}.public-paths button{background:#377fc7}.public-guide{padding:90px 0}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide-grid article{border:1px solid var(--maple-line);border-radius:8px;padding:28px}.guide-grid b{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:var(--maple-yellow-2);color:#a86421}.guide-grid h3{font-size:21px;margin:20px 0 8px}.guide-grid p{line-height:1.75;margin:0}.auth-backdrop{background:rgba(28,69,110,.42)}.auth-tabs{background:#eaf5ff}.auth-tabs button.active{color:#2874be}.demo-box.blue{background:var(--maple-blue-2)}
.site-header{background:rgba(246,250,255,.9);border-bottom:1px solid var(--maple-line)}.brand{color:var(--maple-ink)}.nav nav button{color:var(--maple-muted)}.nav nav button.active{color:var(--maple-ink)}.nav nav button.active:after{background:var(--maple-yellow)}.workspace-page .hero{background:linear-gradient(135deg,#eef8ff,#fff8df);border-bottom:1px solid var(--maple-line)}.workspace-page .hero:before,.workspace-page .ambassador-hero:before{background-image:linear-gradient(rgba(80,150,215,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(80,150,215,.05) 1px,transparent 1px)}.workspace-page .hero h1,.workspace-page .hero h1 em,.section-head h2,.page-hero h1,.ambassador-hero h1{color:var(--maple-ink)}.workspace-page .hero>div>div:first-child>p{color:var(--maple-muted)}.primary{background:#377fc7}.primary:hover{background:#2c6daa}.outline{border-color:var(--maple-line);color:var(--maple-ink);background:var(--maple-white)}.cream{background:var(--maple-yellow);color:#603c10}.hero-card,.path-card,.opportunity-card,.task-card,.panel,.summary-card{background:var(--maple-white);border-color:var(--maple-line);box-shadow:0 14px 42px rgba(63,133,199,.08)}.hero-card:before{background:var(--maple-yellow)}.eyebrow,.eyebrow.dark{color:#377fc7}.path-card.green,.path-card.coral,.path-card.yellow{border-top-color:var(--maple-yellow)}.path-icon{background:var(--maple-yellow-2);color:#a86421}.three-paths{grid-template-columns:repeat(3,1fr)}.workspace-entry-list{display:grid;gap:10px;padding-top:14px}.workspace-entry-list button{text-align:left;border:1px solid var(--maple-line);background:var(--maple-blue-2);border-radius:8px;padding:16px;color:var(--maple-ink)}.workspace-entry-list b{display:block;margin-bottom:5px}.workspace-entry-list span{font-size:12px;color:var(--maple-muted)}.page-hero,.ambassador-hero,.guide-hero{background:linear-gradient(135deg,#eaf6ff,#fff4c7);color:var(--maple-ink)}.page-hero p,.ambassador-hero p{color:var(--maple-muted)}.ambassador-stat-card{background:rgba(255,255,255,.58);border-color:var(--maple-line)}.ambassador-stat-card b{color:#a86421}.ambassador-stat-card span{color:var(--maple-muted)}
:root[data-theme="dark"] body,:root[data-theme="dark"] .public-page,:root[data-theme="dark"] .workspace-page{background:linear-gradient(180deg,#0f1b2c,#15263d);color:var(--maple-ink)}:root[data-theme="dark"] .public-nav,:root[data-theme="dark"] .site-header{background:rgba(18,34,54,.88)}:root[data-theme="dark"] .public-hero,:root[data-theme="dark"] .workspace-page .hero,:root[data-theme="dark"] .page-hero,:root[data-theme="dark"] .ambassador-hero,:root[data-theme="dark"] .guide-hero{background:linear-gradient(135deg,#13243a,#1a385a 62%,#3a3219)}:root[data-theme="dark"] .white-button,:root[data-theme="dark"] input,:root[data-theme="dark"] textarea,:root[data-theme="dark"] select{background:#1b304b;color:var(--maple-ink);border-color:var(--maple-line)}:root[data-theme="dark"] .preview-row{background:#28425f}:root[data-theme="dark"] .preview-row.strong{background:linear-gradient(90deg,#2d6faa,#7ebcff)}
@media(max-width:900px){.public-nav{padding:0 20px}.public-nav nav{display:none}.public-hero-inner,.preview-grid{grid-template-columns:1fr;gap:36px}.public-hero-inner{padding:54px 0 86px}.public-copy h1{font-size:44px}.slider-panel{max-width:620px}.public-section-title,.start-box{align-items:flex-start;flex-direction:column}.public-paths{grid-template-columns:1fr}.nav nav{display:none;position:absolute;left:0;right:0;top:76px;background:white;height:auto;padding:12px;box-shadow:0 12px 25px rgba(0,0,0,.1)}.nav nav.open{display:grid}.nav nav button{height:46px;text-align:left}.mobile-menu{display:block}.nav-user{margin-left:auto;margin-right:10px}.hero-grid,.ambassador-hero-grid{grid-template-columns:1fr;gap:35px}.hero{min-height:auto}.hero-grid{padding:62px 0}.hero h1,.ambassador-hero h1{font-size:43px}.path-grid,.mine-grid{grid-template-columns:1fr}.card-grid.three{grid-template-columns:repeat(2,1fr)}.login-shell{grid-template-columns:1fr}.login-story{min-height:460px}.login-points{display:none}.toolbar{flex-wrap:wrap}.filters{order:3;width:100%;overflow:auto}}
@media(max-width:600px){.container,.public-hero-inner{width:min(100% - 28px,1180px)}.public-nav{height:68px}.public-nav .brand small{display:none}.public-nav-actions .ghost-blue{display:none}.public-hero{padding-top:68px}.public-hero-inner{min-height:auto;padding:44px 0 78px}.public-copy h1{font-size:34px;line-height:1.28}.public-copy p{font-size:15px}.public-actions .large{width:100%}.slide-card{min-height:310px;padding:28px}.slide-card h2{font-size:30px}.slide-card p{font-size:15px}.public-section-title h2,.preview-grid h2,.start-box h2{font-size:27px}.public-band,.public-preview,.public-start{padding:58px 0}.preview-cards{grid-template-columns:1fr}.preview-cards span{height:70px}.auth-card{padding:24px 20px}.site-header{height:66px}.nav nav{top:66px}.nav-user>span:nth-child(2){display:none}.hero h1,.page-hero h1,.ambassador-hero h1,.login-story h1{font-size:34px}.hero-grid,.ambassador-hero-grid{padding:48px 0}.hero-card{padding:18px}.hero-proof{display:grid;gap:8px}.section{padding:55px 0}.section-head{align-items:flex-start}.section-head h2{font-size:28px}.path-grid,.card-grid.three,.steps,.summary-grid{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid var(--line)}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.login-story{padding:35px;min-height:410px}.login-form-wrap{padding:35px 28px}.demo-box{grid-template-columns:1fr}.demo-box b,.demo-box small{grid-column:auto}.ambassador-stat-card{display:none}.toolbar .primary{width:100%}}
.public-copy h1,.workspace-page .hero h1,.workspace-page .hero h1 em,.section-head h2,.page-hero h1,.ambassador-hero h1{letter-spacing:0}
@media(max-width:900px){.guide-grid,.three-paths{grid-template-columns:1fr}.public-nav-actions{gap:7px}.mode-button{width:34px;height:34px}.public-nav .white-button{padding:9px 13px}}
@media(max-width:600px){.public-nav{gap:10px}.public-nav-actions{margin-left:auto}.public-nav-actions .mode-button{width:32px;height:32px}.public-nav .white-button{padding:8px 11px}.guide-grid{grid-template-columns:1fr}.public-guide{padding:58px 0}.three-paths{grid-template-columns:1fr}}
.public-page{background:radial-gradient(circle at 0 15%,#29a8ff 0 13%,rgba(41,168,255,0) 30%),radial-gradient(circle at 100% 92%,#ffae2d 0 11%,rgba(255,174,45,0) 27%),linear-gradient(135deg,#f5f8fb,#eef3f7 54%,#fff1c8);min-height:100vh}.public-nav{width:min(1180px,calc(100% - 48px));left:50%;right:auto;top:34px;transform:translateX(-50%);height:74px;padding:0 86px;background:#101112;border:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);border-radius:34px 34px 0 0;box-shadow:none}.public-nav .brand-light,.public-nav nav a,.public-nav .ghost-blue,.public-nav .mode-button{color:#f4f7fb}.public-nav .brand small{color:#9ca7b3}.public-nav nav a{border-bottom:0;position:relative}.public-nav nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:999px;background:#2fa8ff}.public-nav .white-button{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.24);box-shadow:none}.public-nav .ghost-blue{background:transparent;border:0}.public-nav .dashboard-link{border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:10px 18px;text-decoration:none}.public-nav .mode-button{background:#191b1d;border-color:rgba(255,255,255,.14)}.brand-mark.maple{background:linear-gradient(135deg,#ffd96a,#ff9f2c);box-shadow:14px 0 0 #239bff}.brand-mark.maple:before{background:#fff}
.public-hero{background:transparent;padding:34px 0 0;min-height:auto}.public-hero:after{display:none}.public-hero-inner{width:min(1180px,calc(100% - 48px));min-height:760px;margin:34px auto 72px;padding:150px 86px 70px;background:#101112;border-radius:34px;box-shadow:0 50px 120px rgba(20,33,46,.22);grid-template-columns:.9fr 1.1fr;gap:56px;position:relative;overflow:hidden}.public-hero-inner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 73% 46%,rgba(49,164,255,.18),transparent 28%),radial-gradient(circle at 93% 82%,rgba(255,178,53,.18),transparent 23%);pointer-events:none}.blue-slider{display:none}.public-copy{position:relative;z-index:2}.blue-eyebrow{color:#eef5ff}.public-copy h1{color:#f1f4f8;font-size:58px;line-height:1.18;font-weight:800;max-width:540px}.public-copy p{color:#d9e0e8;max-width:500px}.public-actions{align-items:center}.public-actions .white-button{background:#239bff;color:#fff;border:0;border-radius:999px;min-width:180px}.public-actions .ghost-blue{border:1px solid rgba(255,255,255,.24);border-radius:999px;color:#fff}.slider-panel{position:relative;z-index:2;min-height:430px;background:transparent;border:0;box-shadow:none;overflow:visible;align-self:center}.slide-track{position:absolute;inset:40px 10px auto auto;width:620px;height:330px;display:block;animation:none;transform:rotate(-15deg)}.slide-card{position:absolute;width:520px;min-height:290px;border-radius:20px;padding:34px;background:linear-gradient(110deg,#1ea4ff 0%,#86dddf 47%,#35393c 100%);box-shadow:0 30px 80px rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.18);justify-content:space-between}.slide-card:nth-child(2){transform:translate(42px,44px);background:linear-gradient(110deg,#2d3134,#6f642d);z-index:-1}.slide-card:nth-child(3){transform:translate(78px,78px);background:linear-gradient(110deg,#202224,#3b3f43);z-index:-2}.slide-card span,.slide-card p{color:rgba(255,255,255,.76)}.slide-card h2{color:#fff;font-size:34px}.slide-card b{color:#fff}.orbit-line{position:absolute;left:10px;top:34px;width:570px;height:360px;border:4px solid rgba(41,168,255,.55);border-color:rgba(41,168,255,.55) transparent rgba(255,178,53,.55) rgba(41,168,255,.55);border-radius:50%;transform:rotate(23deg)}.star{position:absolute;color:#fff;font-size:30px;z-index:4}.star-one{right:16px;top:6px}.star-two{left:20px;bottom:16px;font-size:20px}.star-three{right:72px;bottom:46px;font-size:18px}.hero-metrics{position:absolute;z-index:3;left:86px;right:86px;bottom:58px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;color:#fff}.hero-metrics div{display:flex;flex-direction:column;gap:9px}.hero-metrics b{font-size:38px;line-height:1}.hero-metrics span{font-size:13px;color:#aeb5bd}.public-band,.public-preview,.public-guide{background:transparent}.public-band,.public-preview,.public-guide,.public-start{padding:80px 0}.public-section-title h2,.preview-grid h2,.start-box h2{color:#18283a}.public-start{background:transparent}.start-box{background:#101112;color:#fff;border-radius:26px;padding:38px 42px}.start-box h2{color:#fff}.start-box p{color:#ccd5df}.start-box .ghost-blue{color:#fff;border-color:rgba(255,255,255,.22)}
:root[data-theme="dark"] .public-page{background:radial-gradient(circle at 0 15%,#126bb5 0 13%,rgba(18,107,181,0) 30%),radial-gradient(circle at 100% 92%,#9a5f13 0 11%,rgba(154,95,19,0) 27%),linear-gradient(135deg,#0c1521,#131e2d)}:root[data-theme="dark"] .public-nav,:root[data-theme="dark"] .public-hero-inner,:root[data-theme="dark"] .start-box{background:#08090a}:root[data-theme="dark"] .public-band,:root[data-theme="dark"] .public-preview,:root[data-theme="dark"] .public-guide{background:transparent}:root[data-theme="dark"] .public-section-title h2,:root[data-theme="dark"] .preview-grid h2{color:#eef7ff}
@media(max-width:900px){.public-nav{top:18px;width:min(100% - 28px,1180px);height:auto;min-height:68px;padding:14px 18px;border-radius:26px;gap:12px}.public-nav nav{display:flex;order:3;width:100%;overflow:auto}.public-hero-inner{width:min(100% - 28px,1180px);margin-top:18px;padding:126px 28px 46px;grid-template-columns:1fr;min-height:auto}.public-copy h1{font-size:42px}.slider-panel{min-height:360px}.slide-track{left:0;right:auto;width:520px;transform:rotate(-10deg) scale(.82);transform-origin:left top}.orbit-line{transform:rotate(18deg) scale(.82);transform-origin:left top}.hero-metrics{position:relative;left:auto;right:auto;bottom:auto;margin-top:20px;grid-template-columns:1fr 1fr 1fr}.public-nav-actions .ghost-blue{display:inline-flex}.guide-grid{grid-template-columns:1fr}}
@media(max-width:600px){.public-nav .brand b{font-size:15px}.public-nav-actions{gap:6px}.public-nav .dashboard-link,.public-nav .white-button,.public-nav .ghost-blue{padding:8px 10px;font-size:12px}.public-hero-inner{padding-top:142px}.public-copy h1{font-size:32px}.slider-panel{min-height:280px}.slide-track{transform:rotate(-8deg) scale(.58);width:520px}.orbit-line{transform:rotate(18deg) scale(.55)}.hero-metrics{grid-template-columns:1fr;gap:14px}.hero-metrics b{font-size:28px}.start-box{padding:28px 20px}}
/* Final visual pass: dark one-piece homepage and light dashboard workspace. */
:root[data-theme="dark"] body{background:#050505;color:#f4f6f8}:root[data-theme="dark"] .public-page{background:#050505}:root[data-theme="dark"] .public-nav,:root[data-theme="dark"] .public-hero-inner,:root[data-theme="dark"] .start-box{background:#0e0f10}:root[data-theme="light"] body{background:#dff0ff}:root[data-theme="light"] .public-page{background:#dff0ff}:root[data-theme="light"] .public-nav{background:rgba(255,255,255,.76);border-color:rgba(56,130,194,.18)}:root[data-theme="light"] .public-nav .brand-light,:root[data-theme="light"] .public-nav nav a,:root[data-theme="light"] .public-nav .ghost-blue,:root[data-theme="light"] .public-nav .mode-button{color:#17304a}:root[data-theme="light"] .public-hero-inner{background:linear-gradient(135deg,#e9f7ff,#dff0ff)}:root[data-theme="light"] .public-copy h1,:root[data-theme="light"] .public-section-title h2,:root[data-theme="light"] .preview-grid h2{color:#17304a}:root[data-theme="light"] .public-copy p{color:#526a82}:root[data-theme="light"] .blue-eyebrow{color:#327fc1}:root[data-theme="light"] .public-actions .ghost-blue,:root[data-theme="light"] .start-box .ghost-blue{color:#17304a;border-color:rgba(36,119,190,.24)}:root[data-theme="light"] .public-nav .white-button{color:#17304a;border-color:rgba(36,119,190,.24)}:root[data-theme="light"] .start-box{background:#ffffff;color:#17304a}:root[data-theme="light"] .start-box h2{color:#17304a}:root[data-theme="light"] .start-box p{color:#526a82}
.public-page .container{width:min(1180px,calc(100% - 48px))}.public-hero-inner{align-items:center;padding-bottom:96px}.public-copy h1{font-family:'DM Sans','Noto Sans SC',sans-serif;letter-spacing:-.02em}.public-copy p{font-size:16px;line-height:1.85}.slider-panel{display:flex;align-items:center;justify-content:center}.hero-dashboard-card{width:min(560px,100%);height:360px;background:#f8fafc;border:10px solid rgba(255,255,255,.92);border-radius:22px;box-shadow:0 34px 90px rgba(0,0,0,.45);display:grid;grid-template-columns:104px 1fr;padding:14px;transform:rotate(-7deg);position:relative}.hero-dashboard-card:before{content:"";position:absolute;inset:-28px;border:2px solid rgba(47,168,255,.42);border-radius:50%;transform:rotate(12deg);z-index:-1}.mini-sidebar{border-right:1px solid #e7edf3;padding:12px;display:grid;align-content:start;gap:14px}.mini-sidebar i{width:28px;height:28px;border-radius:8px;background:#0e0f10}.mini-sidebar span{height:10px;border-radius:99px;background:#d9e2eb}.mini-sidebar span:nth-child(2){background:#101112}.mini-main{padding:12px 0 12px 18px}.mini-top{height:36px;display:grid;grid-template-columns:1fr 44px 28px;gap:12px;align-items:center}.mini-top span,.mini-top b,.mini-top i{height:12px;border-radius:99px;background:#e7edf3}.mini-top b{height:24px}.mini-top i{height:28px;background:#101112}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.mini-stats em{height:62px;border:1px solid #e7edf3;border-radius:10px;background:#fff}.mini-chart{height:142px;border:1px solid #e7edf3;border-radius:12px;background:linear-gradient(180deg,#fff,#f5f9fd);display:flex;align-items:end;gap:14px;padding:18px}.mini-chart span{flex:1;border-radius:8px 8px 0 0;background:#d8e2ea}.mini-chart span:nth-child(2){height:56%;background:#9bd7eb}.mini-chart span:nth-child(3){height:78%;background:#101112}.mini-chart span:nth-child(4){height:48%}.mini-chart span:nth-child(5){height:66%;background:#ffd66d}.mini-list{display:grid;gap:8px;margin-top:14px}.mini-list p{height:12px;border-radius:999px;background:#e7edf3;margin:0}.mini-list p:nth-child(2){width:78%}.mini-list p:nth-child(3){width:58%}.slide-track,.orbit-line{display:none}.star{opacity:.7}.hero-metrics{display:none!important}.public-band,.public-preview,.public-guide,.public-start{background:#050505;color:#f4f6f8}.public-section-title h2,.preview-grid h2{color:#f4f6f8}.public-paths article,.guide-grid article,.preview-window{background:#121315;border-color:#26282b;box-shadow:none}.public-paths p,.guide-grid p,.preview-grid p{color:#aeb5bd}.public-paths h3,.guide-grid h3{color:#fff}.public-preview{padding-top:40px}.preview-window{background:#f8fafc}.preview-grid{grid-template-columns:.85fr 1.15fr}.public-start{padding-bottom:90px}
.workspace-page{background:#d8d8da;color:#111827}.workspace-page .site-header{display:none}.dashboard-shell{display:grid;grid-template-columns:190px minmax(0,1fr)260px;gap:0;background:#fff;border-radius:22px;margin:48px auto;min-height:760px;box-shadow:0 30px 90px rgba(0,0,0,.16);overflow:hidden}.dashboard-sidebar{border-right:1px solid #edf0f2;padding:24px 18px;display:flex;flex-direction:column;gap:8px}.dashboard-logo{display:flex;align-items:center;gap:11px;margin-bottom:28px}.dashboard-logo b{display:block}.dashboard-logo small{font-size:11px;color:#8a96a3}.dashboard-sidebar button{height:42px;border:0;background:transparent;border-radius:10px;text-align:left;padding:0 12px;color:#66717e;font-weight:700}.dashboard-sidebar button.active,.dashboard-sidebar button:hover{background:#f3f6f9;color:#111827}.dashboard-role{margin-top:auto;background:#f5f8fb;border-radius:14px;padding:16px}.dashboard-role span{font-size:11px;color:#8a96a3}.dashboard-role b{display:block;margin-top:6px}.dashboard-main{background:#fbfcfd;padding:24px 28px 32px}.dashboard-top{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:24px}.dashboard-search{max-width:320px;background:#fff;border-radius:10px}.dashboard-hello{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.dashboard-hello h1{font-size:30px;margin:8px 0;color:#111827;letter-spacing:-.02em}.dashboard-hello p{color:#7b8794;margin:0}.dashboard-date{font-size:12px;color:#8a96a3;background:#fff;border:1px solid #edf0f2;border-radius:10px;padding:9px 12px}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.dashboard-stats article{background:#fff;border:1px solid #edf0f2;border-radius:14px;padding:18px}.dashboard-stats span{font-size:11px;color:#8a96a3}.dashboard-stats b{display:block;font-size:28px;margin:8px 0;color:#111827}.dashboard-stats small{color:#34a853}.dashboard-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.dashboard-panel{background:#fff;border:1px solid #edf0f2;border-radius:16px;padding:18px;min-width:0}.wide-panel{grid-column:1/-1}.chart-panel{min-height:260px}.line-chart{height:175px;margin-top:22px;border-bottom:1px solid #edf0f2;border-left:1px solid #edf0f2;display:flex;align-items:end;gap:18px;padding:0 18px 12px}.line-chart i{flex:1;border-radius:10px 10px 2px 2px;background:linear-gradient(180deg,#b9e1ef,#eef8fc)}.line-chart i:nth-child(1){height:46%}.line-chart i:nth-child(2){height:62%;background:linear-gradient(180deg,#ffd86f,#fff3c2)}.line-chart i:nth-child(3){height:50%}.line-chart i:nth-child(4){height:78%;background:linear-gradient(180deg,#111827,#6f7782)}.line-chart i:nth-child(5){height:64%}.line-chart i:nth-child(6){height:72%;background:linear-gradient(180deg,#b9e1ef,#eef8fc)}.dashboard-activity{border-left:1px solid #edf0f2;background:#fff;padding:24px 18px}.profile-card{background:#f4f5f7;border-radius:18px;padding:22px;text-align:center;margin-bottom:24px}.profile-card .avatar{width:58px;height:58px;margin:0 auto 10px}.profile-card b{display:block}.profile-card small{color:#8a96a3}.dashboard-activity h3{font-size:15px;margin:0 0 14px}.activity-list{display:grid;gap:12px}.activity-list p{margin:0;border-bottom:1px solid #edf0f2;padding-bottom:12px}.activity-list b{display:block;font-size:13px}.activity-list span{font-size:12px;color:#8a96a3}.dashboard-shell .upcoming-row{grid-template-columns:44px 1fr;padding:13px 0}.dashboard-shell .date-box{width:44px;height:44px}.dashboard-shell .date-box b{font-size:16px}.dashboard-shell .date-box small{font-size:8px}.dashboard-shell .upcoming-row h4{font-size:12px}.dashboard-shell .workspace-entry-list{grid-template-columns:repeat(3,1fr);display:grid}.dashboard-shell .workspace-entry-list button{background:#f7f9fb}.workspace-page .section,.workspace-page .hero{display:none}
@media(max-width:1000px){.dashboard-shell{grid-template-columns:1fr;margin:18px auto}.dashboard-sidebar{display:none}.dashboard-activity{border-left:0;border-top:1px solid #edf0f2}.dashboard-grid,.dashboard-stats{grid-template-columns:1fr}.dashboard-shell .workspace-entry-list{grid-template-columns:1fr}}
@media(max-width:900px){.hero-dashboard-card{transform:none;width:100%;height:320px}.public-hero-inner{padding-top:128px}.public-band,.public-preview,.public-guide,.public-start{padding:54px 0}.preview-grid{grid-template-columns:1fr}}
@media(max-width:600px){.public-page .container{width:min(100% - 28px,1180px)}.public-nav{background:#0e0f10!important}.public-nav nav{padding-top:8px}.hero-dashboard-card{height:260px;grid-template-columns:72px 1fr;border-width:6px}.mini-sidebar{padding:8px}.mini-main{padding-left:10px}.mini-chart{height:100px;gap:8px}.dashboard-main{padding:20px 16px}.dashboard-top,.dashboard-hello{display:grid}.dashboard-stats{gap:10px}}
/* Correction pass requested: Apple-like nav, no homepage frame, stricter dashboard. */
body{letter-spacing:0}.public-page{background:#050505!important}.public-nav{position:fixed;top:0!important;left:0!important;right:0!important;transform:none!important;width:100%!important;height:48px!important;border:0!important;border-radius:0!important;padding:0 max(18px,calc((100vw - 1040px)/2))!important;background:rgba(12,12,13,.78)!important;box-shadow:none!important;backdrop-filter:saturate(180%) blur(20px);gap:34px;justify-content:center}.public-nav .brand{position:absolute;left:max(18px,calc((100vw - 1040px)/2));gap:8px}.public-nav .brand-mark{width:25px;height:25px;border-radius:7px}.public-nav .brand b{font-size:14px;letter-spacing:0}.public-nav .brand small{display:none}.public-nav nav{height:48px;gap:30px}.public-nav nav a{font-size:12px;font-weight:600;color:rgba(255,255,255,.76)!important;padding:0;display:flex;align-items:center}.public-nav nav a.active{color:#fff!important}.public-nav nav a.active:after{bottom:7px;background:#fff;height:1px}.public-nav-actions{position:absolute;right:max(18px,calc((100vw - 1040px)/2));gap:10px}.public-nav .mode-button{width:auto;height:auto;border:0;background:transparent!important;color:rgba(255,255,255,.78)!important;padding:0;font-size:12px}.public-nav .ghost-blue,.public-nav .white-button,.public-nav .dashboard-link{height:30px;border-radius:999px!important;padding:0 14px!important;font-size:12px;text-decoration:none}.public-nav .ghost-blue{border:0!important;color:rgba(255,255,255,.84)!important}.public-nav .white-button,.public-nav .dashboard-link{border:1px solid rgba(255,255,255,.28)!important;color:#fff!important;background:rgba(255,255,255,.05)!important}
.public-hero{padding:0!important;background:#050505!important;min-height:100vh}.public-hero-inner{width:min(1100px,calc(100% - 48px));min-height:100vh;margin:0 auto!important;padding:120px 0 70px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;grid-template-columns:.85fr 1.15fr;gap:58px;overflow:visible}.public-hero-inner:before{display:none}.public-copy h1{font-size:64px;line-height:1.08;letter-spacing:-.045em;color:#f5f5f7!important;margin:20px 0 22px;max-width:560px}.public-copy p{font-size:17px;line-height:1.72;color:#a1a1a6!important;max-width:480px}.blue-eyebrow{font-size:11px;color:#f5f5f7!important;opacity:.72}.public-actions .white-button{background:#0071e3!important;border:0!important;color:#fff!important;border-radius:999px!important}.public-actions .ghost-blue{border:1px solid rgba(255,255,255,.24)!important;color:#f5f5f7!important;background:transparent!important}
.hero-dashboard-card{width:min(620px,100%);height:390px;border:0;border-radius:26px;transform:none;background:#f7f8fa;box-shadow:0 36px 100px rgba(0,0,0,.56);grid-template-columns:118px 1fr}.hero-dashboard-card:before{display:none}.mini-sidebar{padding:18px;background:#fff;border-right:1px solid #eef1f4;border-radius:22px 0 0 22px}.mini-main{padding:18px 18px 18px 22px}.mini-stats em{height:70px}.mini-chart{height:160px}.star{display:none}.public-band,.public-preview,.public-guide,.public-start{background:#050505!important;color:#f5f5f7!important}.public-section-title h2,.preview-grid h2,.start-box h2{color:#f5f5f7!important}.public-section-title span,.blue-eyebrow.dark-blue{color:#8cc8ff!important}.public-paths article,.guide-grid article{background:#101012!important;border:0!important;border-radius:18px;box-shadow:none!important}.public-paths h3,.guide-grid h3{color:#f5f5f7!important}.public-paths p,.guide-grid p,.preview-grid p{color:#a1a1a6!important}.preview-window{border:0!important;border-radius:22px;box-shadow:none!important}.start-box{background:#101012!important;border-radius:22px!important}
:root[data-theme="light"] .public-page{background:#dff0ff!important}:root[data-theme="light"] .public-nav{background:rgba(223,240,255,.76)!important}:root[data-theme="light"] .public-nav .brand-light,:root[data-theme="light"] .public-nav nav a,:root[data-theme="light"] .public-nav .ghost-blue,:root[data-theme="light"] .public-nav .mode-button{color:#17304a!important}:root[data-theme="light"] .public-nav nav a.active{color:#0b1f35!important}:root[data-theme="light"] .public-nav nav a.active:after{background:#17304a}:root[data-theme="light"] .public-nav .white-button,:root[data-theme="light"] .public-nav .dashboard-link{color:#17304a!important;border-color:rgba(23,48,74,.24)!important}:root[data-theme="light"] .public-hero,:root[data-theme="light"] .public-band,:root[data-theme="light"] .public-preview,:root[data-theme="light"] .public-guide,:root[data-theme="light"] .public-start{background:#dff0ff!important;color:#17304a!important}:root[data-theme="light"] .public-copy h1,:root[data-theme="light"] .public-section-title h2,:root[data-theme="light"] .preview-grid h2,:root[data-theme="light"] .start-box h2{color:#17304a!important}:root[data-theme="light"] .public-copy p,:root[data-theme="light"] .public-paths p,:root[data-theme="light"] .guide-grid p,:root[data-theme="light"] .preview-grid p{color:#526a82!important}:root[data-theme="light"] .public-paths article,:root[data-theme="light"] .guide-grid article,:root[data-theme="light"] .start-box{background:rgba(255,255,255,.72)!important}
.workspace-page{background:#dedede!important}.dashboard-shell{width:min(1180px,calc(100% - 54px));border-radius:18px;margin:44px auto;min-height:780px;grid-template-columns:188px minmax(0,1fr)268px;box-shadow:0 22px 70px rgba(0,0,0,.14)}.dashboard-main{background:#fbfbfc}.dashboard-top{height:44px}.dashboard-stats article,.dashboard-panel,.profile-card{border-radius:12px;border-color:#eceff2}.dashboard-stats b{font-size:31px}.dashboard-panel .panel-title h2{font-size:15px}.dashboard-shell .workspace-entry-list button{border-radius:12px;border-color:#edf0f2;background:#fff}.dashboard-sidebar button{font-size:12px}.dashboard-activity{background:#fff}.profile-card .avatar{background:#ffe6a6;color:#8a551b}.line-chart{border-left:0;border-bottom:0;background:linear-gradient(180deg,#fff,#fbfcfd);border-radius:12px}
@media(max-width:900px){.public-nav{justify-content:flex-start;gap:16px;height:auto!important;min-height:52px}.public-nav .brand,.public-nav-actions{position:static}.public-nav nav{order:3;width:100%;overflow:auto}.public-hero-inner{grid-template-columns:1fr;padding-top:110px!important}.public-copy h1{font-size:44px}.hero-dashboard-card{height:330px}.dashboard-shell{width:min(100% - 24px,1180px);grid-template-columns:1fr}}
@media(max-width:600px){.public-nav{padding:10px 14px!important;flex-wrap:wrap}.public-nav nav{gap:18px}.public-copy h1{font-size:36px}.hero-dashboard-card{height:260px;grid-template-columns:74px 1fr}.mini-stats{grid-template-columns:1fr}.mini-stats em:nth-child(n+2){display:none}.dashboard-shell{margin:18px auto}.dashboard-main{padding:18px 14px}}

/* User requested polish pass: tighter pale-blue UI, useful compact workspace, role-safe entries. */
body,
button,
input,
textarea,
select{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Noto Sans SC",Arial,sans-serif!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}

:root[data-theme="light"] body,
:root[data-theme="light"] .public-page{
  background:#dff1ff!important;
  color:#142b43!important;
}

:root[data-theme="light"] .public-nav{
  background:rgba(246,251,255,.82)!important;
  border-bottom:1px solid rgba(84,145,190,.16)!important;
}

:root[data-theme="light"] .public-hero,
:root[data-theme="light"] .public-band,
:root[data-theme="light"] .public-preview,
:root[data-theme="light"] .public-guide,
:root[data-theme="light"] .public-start{
  background:
    radial-gradient(circle at 8% 12%,rgba(255,224,132,.34),transparent 25%),
    radial-gradient(circle at 92% 8%,rgba(255,255,255,.62),transparent 24%),
    linear-gradient(135deg,#eaf8ff 0%,#dff1ff 58%,#fff7d9 100%)!important;
  color:#142b43!important;
}

.public-hero{
  min-height:auto!important;
}

.public-hero-inner{
  min-height:calc(100vh - 10px)!important;
  width:min(1120px,calc(100% - 40px))!important;
  padding:82px 0 34px!important;
  gap:36px!important;
}

.public-copy h1{
  font-weight:760!important;
  letter-spacing:-.055em!important;
  max-width:540px!important;
}

:root[data-theme="light"] .public-copy h1,
:root[data-theme="light"] .public-section-title h2,
:root[data-theme="light"] .preview-grid h2,
:root[data-theme="light"] .start-box h2{
  color:#102b45!important;
}

:root[data-theme="light"] .public-copy p,
:root[data-theme="light"] .public-paths p,
:root[data-theme="light"] .guide-grid p,
:root[data-theme="light"] .preview-grid p{
  color:#50677d!important;
}

.public-band,
.public-preview,
.public-guide,
.public-start{
  padding:38px 0!important;
}

.public-section-title{
  margin-bottom:18px!important;
}

.public-paths,
.guide-grid,
.preview-grid{
  gap:14px!important;
}

.public-paths article,
.guide-grid article,
:root[data-theme="light"] .public-paths article,
:root[data-theme="light"] .guide-grid article,
:root[data-theme="light"] .start-box{
  border-radius:20px!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(117,169,207,.18)!important;
  box-shadow:0 16px 44px rgba(54,116,166,.08)!important;
}

.public-paths article{
  padding:22px!important;
}

.public-paths p{
  min-height:0!important;
}

.hero-dashboard-card{
  height:330px!important;
  width:min(560px,100%)!important;
  border-radius:22px!important;
  box-shadow:0 22px 70px rgba(60,118,168,.18)!important;
}

:root[data-theme="light"] .hero-dashboard-card{
  background:#ffffff!important;
}

.public-start{
  padding-bottom:44px!important;
}

.start-box{
  padding:26px 30px!important;
}

.workspace-page{
  background:#e8f5ff!important;
}

.dashboard-shell{
  width:100%!important;
  max-width:none!important;
  min-height:100vh!important;
  margin:0!important;
  border-radius:0!important;
  grid-template-columns:174px minmax(0,1fr)238px!important;
  box-shadow:none!important;
  border:0!important;
}

.dashboard-sidebar{
  padding:18px 14px!important;
  gap:6px!important;
}

.dashboard-logo{
  margin-bottom:18px!important;
}

.brand-mark.maple,
.maple-square-icon{
  width:34px!important;
  height:34px!important;
  border-radius:9px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#ffcf66,#fff1a6 44%,#9fd8ff)!important;
  color:#6b3e00!important;
  font-weight:850!important;
  box-shadow:0 10px 24px rgba(33,94,145,.12)!important;
  transform:none!important;
  line-height:1!important;
  text-align:center!important;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;
}

.maple-square-icon.large{
  width:58px!important;
  height:58px!important;
  border-radius:14px!important;
  margin:0 auto 10px!important;
  font-size:26px!important;
}

.dashboard-main{
  background:linear-gradient(180deg,#f8fcff,#eef8ff)!important;
  padding:16px 18px 20px!important;
}

.dashboard-top{
  height:auto!important;
  margin-bottom:12px!important;
}

.dashboard-top-actions{
  display:flex;
  align-items:center;
  gap:10px;
}

.dashboard-search{
  max-width:380px!important;
  border:1px solid rgba(122,172,211,.24)!important;
}

.dashboard-hello{
  margin-bottom:12px!important;
  padding:14px 16px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(122,172,211,.18)!important;
}

.dashboard-hello h1{
  font-size:26px!important;
  margin:5px 0 4px!important;
}

.dashboard-hello p{
  font-size:13px!important;
}

.dashboard-date{
  background:#fff9dc!important;
  border-color:#f5de85!important;
  color:#7b5b00!important;
}

.dashboard-stats{
  gap:10px!important;
  margin-bottom:10px!important;
}

.dashboard-stats article{
  padding:13px 14px!important;
  border:1px solid rgba(122,172,211,.2)!important;
  background:rgba(255,255,255,.88)!important;
}

.dashboard-stats b{
  font-size:25px!important;
  margin:4px 0!important;
}

.dashboard-grid{
  gap:10px!important;
}

.dashboard-panel{
  padding:14px!important;
  border:1px solid rgba(122,172,211,.18)!important;
  background:rgba(255,255,255,.86)!important;
}

.chart-panel{
  min-height:196px!important;
}

.line-chart{
  height:118px!important;
  margin-top:12px!important;
  padding:0 10px 8px!important;
  gap:10px!important;
}

.dashboard-activity{
  background:#ffffff!important;
  padding:16px 14px!important;
  border-left:1px solid rgba(122,172,211,.18)!important;
}

.profile-card{
  padding:16px!important;
  margin-bottom:14px!important;
  background:linear-gradient(180deg,#f7fbff,#fff8dc)!important;
}

.activity-list{
  gap:8px!important;
}

.activity-list p{
  padding-bottom:8px!important;
}

.dashboard-shell .upcoming-row{
  padding:9px 0!important;
}

.dashboard-shell .workspace-entry-list{
  gap:10px!important;
}

.dashboard-shell .workspace-entry-list button{
  min-height:84px!important;
  padding:14px!important;
  background:#fff!important;
  border:1px solid rgba(122,172,211,.18)!important;
}

.permission-hidden{
  display:none!important;
}

@media(max-width:1000px){
  .dashboard-shell{grid-template-columns:1fr!important}
  .dashboard-activity{display:none!important}
}

@media(max-width:700px){
  .public-hero-inner{width:min(100% - 28px,1120px)!important;padding-top:118px!important}
  .public-copy h1{font-size:36px!important}
  .dashboard-main{padding:14px!important}
  .dashboard-stats,.dashboard-grid,.dashboard-shell .workspace-entry-list{grid-template-columns:1fr!important}
}

/* Maple leaf + practical components pass. */
.brand-mark.maple,
.maple-square-icon{
  font-size:18px!important;
  line-height:1!important;
}

.brand-mark.maple:before{
  display:none!important;
}

.maple-square-icon.large{
  font-size:28px!important;
}

.slider-panel{
  min-height:360px!important;
}

.hero-id-card{
  width:min(520px,100%);
  min-height:310px;
  border-radius:28px;
  padding:24px;
  background:
    radial-gradient(circle at 86% 18%,rgba(255,213,101,.58),transparent 28%),
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(235,248,255,.86));
  border:1px solid rgba(111,171,211,.28);
  box-shadow:0 28px 80px rgba(52,112,165,.18);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  color:#112c45;
  position:relative;
  overflow:hidden;
}

.hero-id-card:before{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  border-radius:50%;
  right:-90px;
  bottom:-100px;
  background:rgba(255,236,154,.5);
}

.id-card-top,
.id-card-footer{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.id-card-top{
  justify-content:flex-start;
}

.id-card-top b{
  display:block;
  font-size:18px;
  letter-spacing:-.02em;
}

.id-card-top small,
.id-card-body span,
.id-card-footer span{
  color:#698098;
  font-size:12px;
}

.id-card-body{
  position:relative;
  z-index:1;
  display:grid;
  gap:12px;
}

.id-card-body div{
  padding:14px 16px;
  border-radius:16px;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(127,179,219,.18);
}

.id-card-body b{
  display:block;
  margin-top:5px;
  font-size:16px;
  color:#102b45;
}

.id-card-footer strong{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:12px;
  background:#fff4bd;
  box-shadow:inset 0 0 0 1px rgba(139,99,0,.08);
}

.public-widget{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.public-widget>span{
  align-self:flex-start;
  padding:7px 10px;
  border-radius:999px;
  background:#fff4bd;
  color:#745300;
  font-size:12px;
  font-weight:750;
}

.public-widget .widget-action,
.public-widget button{
  width:max-content;
  margin-top:auto;
  border:0;
  border-radius:999px;
  background:#1d75d8;
  color:#fff;
  padding:10px 15px;
  font-weight:760;
  text-decoration:none;
}

.public-application{
  padding:38px 0!important;
  background:
    radial-gradient(circle at 12% 12%,rgba(255,231,143,.34),transparent 25%),
    linear-gradient(135deg,#eaf8ff,#dff1ff)!important;
}

.application-grid{
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  gap:18px;
  align-items:start;
}

.public-application h2{
  font-size:34px;
  letter-spacing:-.04em;
  color:#102b45;
  margin:14px 0 10px;
}

.public-application p{
  color:#50677d;
  line-height:1.75;
}

.application-mini-list{
  display:grid;
  gap:10px;
  margin-top:18px;
}

.application-mini-list span{
  padding:12px 14px;
  border-radius:14px;
  background:rgba(255,255,255,.7);
  border:1px solid rgba(117,169,207,.18);
  color:#183c56;
  font-weight:700;
}

.public-apply-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  padding:20px;
  border-radius:22px;
  background:rgba(255,255,255,.84);
  border:1px solid rgba(117,169,207,.22);
  box-shadow:0 18px 50px rgba(54,116,166,.1);
}

.public-apply-form label,
.public-apply-form .full{
  display:flex;
  flex-direction:column;
  gap:7px;
  font-weight:730;
  color:#183c56;
}

.public-apply-form .full,
.public-apply-form .wide,
.public-apply-form .form-error{
  grid-column:1/-1;
}

.public-apply-form input,
.public-apply-form select,
.public-apply-form textarea{
  border:1px solid rgba(102,157,200,.28);
  border-radius:13px;
  padding:11px 12px;
  background:#f8fcff;
  color:#102b45;
}

.public-apply-form textarea{
  min-height:88px;
  resize:vertical;
}

.application-status-card{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:20px;
  border-radius:22px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(117,169,207,.22);
  box-shadow:0 18px 50px rgba(54,116,166,.1);
}

.application-status-card a{
  text-decoration:none;
}

.application-status-card h3{
  margin:0;
  color:#102b45;
}

.application-status-card button,
.application-status-card a{
  justify-content:center;
}

.apply-time-box{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  padding:12px;
  border:1px solid rgba(102,157,200,.22);
  border-radius:14px;
  background:#f8fcff;
  color:#183c56;
  font-weight:800;
}

.apply-time-box>span{
  width:100%;
}

.apply-time-box label{
  display:flex!important;
  flex-direction:row!important;
  align-items:center;
  gap:7px!important;
  padding:8px 10px;
  border-radius:11px;
  background:#fff;
  border:1px solid rgba(102,157,200,.18);
}

.training-hero{
  background:linear-gradient(135deg,#e9f7ff,#fff7d8)!important;
}

.training-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr)270px;
  gap:14px;
}

.training-main,
.training-side,
.training-widgets article{
  background:#fff!important;
  border:1px solid rgba(122,172,211,.2)!important;
  border-radius:16px!important;
}

.training-checklist{
  display:grid;
  gap:10px;
  margin-top:12px;
}

.training-checklist label{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  border-radius:13px;
  background:#f5fbff;
  color:#19364f;
  font-weight:700;
}

.training-checklist input{
  width:18px;
  height:18px;
  accent-color:#1d75d8;
}

.training-side{
  padding:18px!important;
}

.training-side h3{
  margin-bottom:10px;
}

.training-progress{
  display:flex;
  align-items:end;
  gap:8px;
  margin:10px 0;
}

.training-progress b{
  font-size:44px;
  line-height:1;
  color:#102b45;
}

.training-progress span{
  color:#6a7f92;
  padding-bottom:7px;
}

.training-side p{
  color:#667b8d;
  line-height:1.65;
}

.training-widgets{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:14px;
}

.training-widgets article{
  padding:16px;
}

.training-widgets b{
  display:block;
  margin-bottom:8px;
  color:#102b45;
}

.training-widgets p{
  margin:0;
  line-height:1.65;
  color:#65798c;
}

@media(max-width:820px){
  .application-grid,
  .training-layout,
  .training-widgets{
    grid-template-columns:1fr;
  }
  .public-apply-form{
    grid-template-columns:1fr;
  }
}

/* Functional modules: ambassador tabs, points, roster, calendar. */
.ambassador-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:14px;
}

.ambassador-tabs button{
  border:1px solid rgba(122,172,211,.24);
  background:#fff;
  color:#19364f;
  border-radius:999px;
  padding:10px 16px;
  font-weight:800;
}

.ambassador-tabs button.active{
  background:#1d75d8;
  color:#fff;
  border-color:#1d75d8;
}

.ambassador-tab-panel{
  display:none;
}

.ambassador-tab-panel.active{
  display:block;
}

.points-layout,
.schedule-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr)360px;
  gap:14px;
}

.ambassador-table{
  display:grid;
  gap:8px;
}

.ambassador-row{
  display:grid;
  grid-template-columns:1.1fr .6fr 1fr .7fr .6fr auto;
  gap:10px;
  align-items:center;
  padding:12px 14px;
  border:1px solid rgba(122,172,211,.18);
  border-radius:14px;
  background:#f8fcff;
}

.ambassador-row span,
.ambassador-row strong{
  color:#667b8d;
  font-size:13px;
}

.ambassador-row strong{
  color:#102b45;
  text-align:right;
}

.roster-actions{
  display:flex;
  gap:6px;
}

.roster-actions button{
  border:1px solid rgba(122,172,211,.24);
  background:#fff;
  color:#19364f;
  border-radius:999px;
  padding:7px 10px;
  font-weight:800;
}

.level-row{
  grid-template-columns:1fr .55fr .65fr 132px minmax(150px,.9fr) auto;
}

.level-direct-select{
  display:grid;
  gap:4px;
}

.level-direct-select small{
  font-size:11px;
  color:#7b91a5;
  font-weight:800;
}

.level-direct-select select,
.level-row input{
  min-height:36px;
  border:1px solid rgba(122,172,211,.26);
  border-radius:11px;
  background:#fff;
  color:#173d5d;
  padding:7px 10px;
  font-weight:800;
}

.level-rules{
  display:grid;
  gap:10px;
}

.level-rules article{
  padding:12px 14px;
  border-radius:14px;
  background:#f8fcff;
  border:1px solid rgba(122,172,211,.18);
}

.level-rules b{
  color:#102b45;
}

.level-rules p{
  margin:6px 0 0;
  color:#667b8d;
  line-height:1.6;
}

.training-material{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  padding:12px 14px;
  border-radius:14px;
  background:#f8fcff;
  border:1px solid rgba(122,172,211,.18);
}

.training-material label{
  display:flex;
  gap:10px;
  align-items:center;
  margin:0;
}

.training-material small{
  display:block;
  margin-top:4px;
  color:#667b8d;
}

.training-material a{
  color:#1d75d8;
  font-weight:800;
  text-decoration:none;
}

.stack-form{
  display:grid;
  gap:10px;
}

.stack-form label{
  display:grid;
  gap:6px;
  color:#183c56;
  font-weight:750;
}

.stack-form input,
.stack-form select{
  border:1px solid rgba(102,157,200,.28);
  border-radius:12px;
  padding:10px 11px;
  background:#f8fcff;
}

.schedule-calendar{
  display:grid;
  grid-template-columns:repeat(7,minmax(90px,1fr));
  gap:10px;
}

.schedule-calendar article{
  min-height:126px;
  padding:12px;
  border-radius:16px;
  background:#fff;
  border:1px solid rgba(122,172,211,.18);
  box-shadow:0 10px 28px rgba(54,116,166,.06);
}

.schedule-calendar span,
.schedule-calendar small{
  color:#667b8d;
  font-size:12px;
}

.schedule-calendar b{
  display:block;
  font-size:28px;
  color:#102b45;
  margin:4px 0 8px;
}

.schedule-calendar p{
  margin:0 0 8px;
  color:#19364f;
  font-weight:800;
}

select[multiple]{
  min-height:120px;
}

@media(max-width:980px){
  .points-layout,
  .schedule-layout{
    grid-template-columns:1fr;
  }
  .schedule-calendar{
    grid-template-columns:repeat(2,1fr);
  }
  .ambassador-row{
    grid-template-columns:1fr;
  }
  .ambassador-row strong{
    text-align:left;
  }
}

/* Critical fix: old dashboard CSS hid every workspace content section. */
.workspace-page .page .section,
.workspace-page .page .container.section,
.workspace-page .page section.section{
  display:block!important;
}

.workspace-page .page-hero + .container.section{
  display:block!important;
  min-height:260px;
}

/* Workspace structure: persistent left navigation and no oversized feature headers. */
.workspace-global-sidebar{
  position:fixed;
  inset:0 auto 0 0;
  width:188px;
  z-index:50;
  background:#ffffff;
  border-right:1px solid rgba(122,172,211,.22);
  padding:18px 14px;
  display:flex;
  flex-direction:column;
  gap:7px;
}

.workspace-global-sidebar .dashboard-logo{
  margin:0 0 16px;
}

.workspace-global-sidebar button{
  min-height:40px;
  border:0;
  border-radius:11px;
  background:transparent;
  color:#566b7e;
  text-align:left;
  padding:0 12px;
  font-weight:800;
}

.workspace-global-sidebar button:hover,
.workspace-global-sidebar button.active{
  background:#edf7ff;
  color:#102b45;
}

.sidebar-subnav{
  display:none;
  gap:5px;
  margin:-2px 0 4px 14px;
  padding-left:10px;
  border-left:2px solid #d5eafb;
}

.sidebar-subnav.open{
  display:grid;
}

.workspace-global-sidebar .nav-section-toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  background:#f7fbff;
  color:#415d73;
}

.workspace-global-sidebar .nav-section-toggle span{
  color:#7a94a9;
  transition:transform .18s ease;
}

.workspace-global-sidebar .nav-section-toggle.active{
  background:#e7f5ff;
  color:#102b45;
}

.workspace-global-sidebar .nav-section-toggle.active span{
  transform:rotate(180deg);
}

.sidebar-subnav button{
  min-height:32px;
  border-radius:9px;
  font-size:13px;
  font-weight:750;
}

.workspace-global-sidebar .dashboard-role{
  margin-top:auto;
}

.workspace-page #app{
  margin-left:188px;
  min-height:100vh;
}

.workspace-page .dashboard-shell{
  grid-template-columns:minmax(0,1fr)238px!important;
}

.workspace-page .dashboard-shell>.dashboard-sidebar{
  display:none!important;
}

.workspace-page .page-hero,
.workspace-page .ambassador-hero{
  display:none!important;
}

.workspace-page .page>.container.section{
  width:min(1180px,calc(100% - 34px));
  padding-top:18px!important;
}

.workspace-functional-title{
  margin:0 0 14px;
}

.workspace-functional-title h1{
  font-size:28px;
  line-height:1.1;
  margin:0;
  color:#102b45;
  letter-spacing:-.04em;
}

.ambassador-tabs{
  margin-bottom:12px;
}

@media(max-width:900px){
  .workspace-global-sidebar{
    position:static;
    width:auto;
    min-height:auto;
    flex-direction:row;
    flex-wrap:wrap;
  }
  .workspace-global-sidebar .dashboard-logo,
  .workspace-global-sidebar .dashboard-role{
    display:none;
  }
  .sidebar-subnav{
    width:100%;
    grid-template-columns:repeat(4,1fr);
    border-left:0;
    margin:0;
    padding:0;
  }
  .workspace-page #app{
    margin-left:0;
  }
}

/* Final functional UI standard: pale blue + white + soft yellow, dense office workspace. */
:root{
  --fy-blue:#e7f5ff;
  --fy-blue-2:#f4fbff;
  --fy-ink:#102b45;
  --fy-muted:#62788c;
  --fy-yellow:#fff2b8;
  --fy-line:rgba(104,160,204,.22);
}

.workspace-page,
.public-page{
  background:linear-gradient(180deg,var(--fy-blue-2),var(--fy-blue))!important;
  color:var(--fy-ink)!important;
}

.workspace-page .panel,
.workspace-page .dashboard-panel,
.workspace-page .dashboard-stats article,
.workspace-page .opportunity-card,
.workspace-page .task-card{
  background:#fff!important;
  border:1px solid var(--fy-line)!important;
  box-shadow:0 12px 34px rgba(49,111,163,.07)!important;
}

.workspace-sidebar-actions{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:10px;
}

.workspace-sidebar-actions .mode-button{
  width:38px;
  height:34px;
}

.workspace-logout{
  flex:1;
  justify-content:center;
  text-align:center!important;
  background:#fff4bd!important;
  color:#704f00!important;
}

.workspace-home-link{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  border-radius:11px;
  background:#fff4bd!important;
  color:#704f00!important;
  font-weight:900;
  text-decoration:none;
}

.training-checklist{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px!important;
}

.training-level-card{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-height:260px;
  padding:16px;
  border-radius:18px;
  background:#fff;
  border:1px solid var(--fy-line);
}

.training-level-card.locked{
  opacity:.58;
}

.training-level-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.training-level-head b{
  font-size:26px;
  color:var(--fy-ink);
}

.training-level-head span{
  border-radius:999px;
  background:var(--fy-yellow);
  color:#725300;
  padding:6px 10px;
  font-weight:800;
}

.training-course-list{
  display:grid;
  gap:8px;
  flex:1;
}

.exam-panel{
  grid-column:1/-1;
}

.training-admin-layout{
  display:grid;
  grid-template-columns:320px minmax(0,1fr);
  gap:14px;
  align-items:start;
}

.training-upload-panel,
.training-admin-main{
  background:#fff!important;
  border:1px solid var(--fy-line)!important;
  border-radius:18px!important;
}

.training-upload-panel .stack-form{
  gap:10px;
}

.training-upload-panel label{
  display:grid;
  gap:6px;
  color:var(--fy-ink);
  font-weight:800;
}

.training-upload-panel input,
.training-upload-panel select{
  height:42px;
}

.training-admin-table{
  display:grid;
  gap:8px;
}

.training-admin-head,
.training-admin-row{
  display:grid;
  grid-template-columns:72px 72px minmax(220px,1fr) 120px 136px 142px;
  gap:10px;
  align-items:center;
}

.training-admin-head{
  padding:0 12px 8px;
  color:#7890a3;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
}

.training-admin-row{
  padding:12px;
  border:1px solid rgba(104,160,204,.18);
  border-radius:15px;
  background:linear-gradient(180deg,#fff,#f8fcff);
  color:var(--fy-ink);
}

.training-admin-title{
  min-width:0;
}

.training-admin-title b{
  display:block;
  overflow:hidden;
  color:var(--fy-ink);
  font-size:15px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.training-admin-title small,
.muted-small{
  display:block;
  overflow:hidden;
  color:#7890a3;
  font-size:12px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.level-chip,
.order-chip{
  display:inline-flex;
  justify-content:center;
  border-radius:999px;
  padding:6px 10px;
  font-weight:900;
}

.level-chip{
  background:#e1f2ff;
  color:#14507e;
}

.order-chip{
  background:#fff4bd;
  color:#725300;
}

.training-admin-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}

.small-link{
  color:#2878c5;
  font-weight:900;
  text-decoration:none;
}

.mail-layout{
  display:grid;
  grid-template-columns:140px minmax(260px,.9fr) minmax(340px,1.2fr) 320px;
  gap:14px;
}

.mail-folders{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.mail-folders button{
  border:0;
  border-radius:12px;
  background:#f5fbff;
  color:var(--fy-muted);
  text-align:left;
  padding:11px 13px;
  font-weight:800;
}

.mail-folders button.active{
  background:#dff1ff;
  color:var(--fy-ink);
}

.mail-list{
  display:grid;
  gap:10px;
}

.mail-item{
  padding:13px 14px;
  border-radius:14px;
  border:1px solid var(--fy-line);
  background:#fff;
  cursor:pointer;
  transition:.16s ease;
}

.mail-item.unread{
  border-color:#65aee9;
  background:#f2faff;
}

.mail-item.active,
.mail-item:hover{
  border-color:#8fc7f1;
  box-shadow:0 10px 24px rgba(57,127,199,.12);
  transform:translateY(-1px);
}

.mail-item b{
  color:var(--fy-ink);
}

.mail-item small,
.mail-item p{
  color:var(--fy-muted);
}

.mail-item p{
  margin:8px 0 0;
}

.mail-detail-panel,
.mail-compose-panel{
  min-height:520px;
}

.mail-detail{
  display:flex;
  flex-direction:column;
  min-height:460px;
  gap:16px;
}

.mail-detail.empty-detail{
  justify-content:center;
  align-items:center;
  text-align:center;
  color:var(--fy-muted);
}

.mail-detail-head{
  padding-bottom:16px;
  border-bottom:1px solid var(--fy-line);
}

.mail-detail-head span{
  display:inline-flex;
  margin-bottom:10px;
  border-radius:999px;
  background:#fff3b7;
  color:#715300;
  padding:5px 10px;
  font-size:12px;
  font-weight:900;
}

.mail-detail-head h2{
  margin:0 0 8px;
  color:var(--fy-ink);
  font-size:24px;
}

.mail-detail-head p,
.mail-detail-head small{
  margin:0;
  color:var(--fy-muted);
}

.mail-body{
  flex:1;
  color:#425568;
  line-height:1.8;
}

.mail-body p{
  margin:0 0 12px;
}

.mail-attachment{
  display:inline-flex;
  align-self:flex-start;
  border-radius:12px;
  background:#eef8ff;
  color:#2878c5;
  padding:10px 12px;
  font-weight:900;
  text-decoration:none;
}

.mail-detail-actions{
  display:flex;
  justify-content:flex-end;
  border-top:1px solid var(--fy-line);
  padding-top:14px;
}

.mail-compose-panel select[multiple]{
  min-height:145px;
  border-radius:14px;
  padding:8px;
  background:#fbfdff;
}

.mail-compose-panel option{
  padding:8px 10px;
  border-radius:9px;
  margin:2px 0;
}

.mail-compose-panel small{
  color:var(--fy-muted);
  font-size:12px;
}

.home-schedule-summary{
  display:grid;
  gap:10px;
  margin-top:10px;
}

.home-data-empty{
  border:1px dashed #cfe0ee;
  border-radius:14px;
  background:#f7fcff;
  color:#6d8397;
  padding:18px;
  line-height:1.6;
}

.public-opportunity-examples{
  display:grid;
  gap:12px;
}

.public-opportunity-examples article{
  border:1px solid rgba(128,185,229,.36);
  border-radius:22px;
  background:rgba(255,255,255,.78);
  padding:20px;
  box-shadow:0 16px 36px rgba(70,132,184,.1);
}

.public-opportunity-examples span{
  display:block;
  margin-bottom:10px;
  color:#3384c8;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
}

.public-opportunity-examples b{
  display:block;
  color:#143555;
  font-size:20px;
  margin-bottom:6px;
}

.public-opportunity-examples small{
  color:#6d8397;
}

.inline-action{
  margin-top:18px;
  display:inline-flex!important;
}

.opportunity-review-panel{
  margin-top:18px;
}

.review-card{
  display:grid;
  grid-template-columns:minmax(180px,.7fr) minmax(260px,1.2fr) auto;
  gap:16px;
  align-items:start;
  border:1px solid var(--fy-line);
  border-radius:18px;
  background:#fff;
  padding:16px;
}

.review-card.pending{
  border-color:#b9dfff;
  background:#fbfdff;
}

.review-card h3{
  margin:0 0 6px;
  color:var(--fy-ink);
}

.review-card small,
.review-answer span{
  color:var(--fy-muted);
}

.review-answer{
  display:grid;
  gap:8px;
}

.review-answer p{
  margin:0;
}

.review-answer b{
  display:block;
  margin-bottom:3px;
  color:#254760;
}

.review-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}

.small-button.light-danger{
  background:#fff0ef;
  color:#b94235;
}

.opportunity-card.manageable{
  gap:10px;
}

.opportunity-card.inactive-opportunity{
  background:linear-gradient(180deg,#ffffff,#f8fcff);
}

.opportunity-manage-bar{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  margin:-8px -8px 4px;
  padding:8px;
  border-radius:14px;
  background:#f5fbff;
  border:1px solid rgba(104,160,204,.16);
}

.opportunity-manage-bar button{
  border:1px solid rgba(104,160,204,.22);
  background:#fff;
  color:#173d5d;
  border-radius:999px;
  min-height:30px;
  padding:0 11px;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}

.opportunity-manage-bar button:hover{
  border-color:#8dc8ff;
  color:#1e6dab;
}

.opportunity-manage-bar .danger-text{
  color:#b94235;
  border-color:rgba(185,66,53,.18);
  background:#fff8f7;
}

.opportunity-status{
  margin-right:auto;
  border-radius:999px;
  padding:6px 10px;
  font-size:11px;
  font-weight:900;
  color:#1e6dab;
  background:#eaf6ff;
}

.opportunity-status.closed{
  color:#7a8da0;
  background:#eef3f7;
}

.opportunity-status.draft{
  color:#9a6b00;
  background:#fff5cf;
}

.small-button.subtle-action{
  background:#eaf6ff;
  color:#1e5e91;
}

.opportunity-review-workspace{
  display:grid;
  grid-template-columns:320px minmax(0,1fr);
  gap:14px;
  align-items:start;
}

.review-activity-list{
  display:grid;
  gap:10px;
}

.review-opportunity-card{
  width:100%;
  text-align:left;
  border:1px solid rgba(104,160,204,.2);
  background:#f8fcff;
  border-radius:16px;
  padding:14px;
  color:#102b45;
  display:grid;
  gap:6px;
  cursor:pointer;
}

.review-opportunity-card.active{
  border-color:#8dc8ff;
  background:linear-gradient(135deg,#eff8ff,#ffffff);
  box-shadow:0 16px 32px rgba(24,102,179,.1);
}

.review-opportunity-card span{
  color:#1e6dab;
  font-size:11px;
  font-weight:900;
}

.review-opportunity-card b{
  font-size:15px;
}

.review-opportunity-card small,
.review-applicant-meta{
  color:#6d8498;
  font-size:12px;
  font-weight:800;
}

.review-applicant-panel{
  display:grid;
  gap:12px;
}

.review-applicant-panel .panel-title{
  margin-bottom:0;
}

.form-hint{
  margin:0;
  border:1px dashed var(--fy-line);
  border-radius:14px;
  background:#f7fcff;
  color:var(--fy-muted);
  padding:12px;
}

.schedule-layout,
.points-layout,
.mail-layout{
  align-items:start;
}

.form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.form-grid .full,
.modal-actions{
  grid-column:1/-1;
}

.form-grid input,
.form-grid select,
.form-grid textarea{
  width:100%;
}

@media(max-width:980px){
  .training-checklist,
  .training-admin-layout,
  .mail-layout,
  .form-grid{
    grid-template-columns:1fr;
  }

  .training-admin-head{
    display:none;
  }

  .training-admin-row{
    grid-template-columns:64px 64px minmax(0,1fr);
  }

  .training-admin-row > span:nth-of-type(3),
  .training-admin-actions{
    grid-column:1/-1;
  }
}

/* Final pass for this round: unified light UI + usable month calendar. */
html,
body{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","PingFang SC","Noto Sans SC","Microsoft YaHei",Arial,sans-serif!important;
  background:#eef8ff!important;
}

.workspace-loading #app,
.workspace-loading .workspace-global-sidebar,
.workspace-loading .site-header{
  visibility:hidden;
}

.guide-item-card{
  position:relative;
}

.guide-item-card > span{
  display:block;
  margin-bottom:8px;
  color:#3f86c8;
  font-size:12px;
  font-weight:900;
}

.guide-actions{
  margin-top:14px;
  display:flex;
  justify-content:flex-end;
}

.public-page{
  background:linear-gradient(180deg,#f7fcff 0%,#e7f5ff 58%,#fff8dd 100%)!important;
}

.public-nav{
  background:rgba(255,255,255,.82)!important;
  border-bottom:1px solid rgba(104,160,204,.18)!important;
  color:#102b45!important;
}

.public-nav .brand-light,
.public-nav nav a,
.public-nav .ghost-blue,
.public-nav .mode-button{
  color:#102b45!important;
}

.public-nav .white-button,
.public-nav .dashboard-link{
  background:#fff!important;
  color:#174f83!important;
  border-color:rgba(104,160,204,.24)!important;
}

.public-hero,
.public-band,
.public-preview,
.public-guide,
.public-start{
  background:transparent!important;
  color:#102b45!important;
}

.public-hero-inner,
.start-box{
  background:rgba(255,255,255,.74)!important;
  border:1px solid rgba(104,160,204,.18)!important;
  box-shadow:0 28px 80px rgba(49,111,163,.10)!important;
}

.public-copy h1,
.public-section-title h2,
.preview-grid h2,
.start-box h2{
  color:#102b45!important;
}

.public-copy p,
.public-paths p,
.guide-grid p,
.preview-grid p,
.start-box p{
  color:#62788c!important;
}

.public-paths article,
.guide-grid article,
.preview-window{
  background:#fff!important;
  border-color:rgba(104,160,204,.18)!important;
  box-shadow:0 14px 36px rgba(49,111,163,.07)!important;
}

.brand-mark.maple,
.maple-square-icon{
  background:#fff!important;
  color:#b75421!important;
  box-shadow:inset 0 0 0 1px rgba(104,160,204,.18),0 8px 22px rgba(49,111,163,.10)!important;
  font-size:18px!important;
}

.brand-mark.maple:before{
  display:none!important;
}

.maple-square-icon{
  display:inline-grid;
  place-items:center;
  align-items:center!important;
  justify-items:center!important;
  width:38px;
  height:38px;
  border-radius:12px;
  line-height:1!important;
  padding:0!important;
}

.workspace-page{
  background:linear-gradient(180deg,#f7fcff 0%,#e7f5ff 100%)!important;
}

.workspace-global-sidebar{
  background:rgba(255,255,255,.9)!important;
  border-right:1px solid rgba(104,160,204,.18)!important;
  box-shadow:12px 0 34px rgba(49,111,163,.06)!important;
}

.workspace-global-sidebar button{
  color:#516d82!important;
}

.workspace-global-sidebar button.active,
.workspace-global-sidebar button:hover{
  background:#e7f5ff!important;
  color:#102b45!important;
}

.workspace-sidebar-actions{
  display:grid!important;
  grid-template-columns:38px 1fr;
  gap:8px!important;
}

.workspace-sidebar-actions .workspace-logout{
  min-height:34px;
  border-radius:11px;
}

.workspace-page .page>.container.section{
  padding-top:18px!important;
  padding-bottom:22px!important;
}

.calendar-panel{
  padding:14px!important;
}

.schedule-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)320px!important;
  gap:14px!important;
}

.calendar-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}

.calendar-toolbar h2{
  margin:0;
  font-size:26px;
  line-height:1.1;
  letter-spacing:-.03em;
  color:#102b45;
}

.calendar-toolbar span{
  display:block;
  margin-top:4px;
  color:#6d8498;
  font-size:12px;
  font-weight:750;
}

.calendar-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.calendar-actions .outline,
.calendar-actions .primary{
  min-height:36px;
  border-radius:12px;
  white-space:nowrap;
}

.calendar-weekdays{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:8px;
  margin-bottom:8px;
}

.calendar-weekdays span{
  padding:8px 10px;
  border-radius:12px;
  background:#f6fbff;
  color:#6d8498;
  font-size:12px;
  font-weight:850;
  text-align:center;
}

.schedule-calendar.month-grid{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:8px!important;
}

.schedule-calendar.month-grid .calendar-day{
  min-height:126px;
  padding:10px;
  border-radius:16px;
  background:#fff;
  border:1px solid rgba(104,160,204,.18);
  box-shadow:none;
  display:flex;
  flex-direction:column;
  gap:8px;
  overflow:hidden;
}

.calendar-day.outside{
  background:#f6fbff;
  opacity:.62;
}

.calendar-day.today{
  border-color:#6fb1e6;
  box-shadow:inset 0 0 0 1px #6fb1e6;
}

.calendar-date{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:6px;
}

.calendar-date span{
  color:#7c90a1!important;
  font-size:11px!important;
  font-weight:750;
}

.calendar-date b{
  color:#102b45!important;
  font-size:20px!important;
  margin:0!important;
  line-height:1;
}

.calendar-events{
  display:grid;
  gap:6px;
}

.calendar-events em{
  color:#b2c0cb;
  font-size:11px;
  font-style:normal;
}

.calendar-event{
  width:100%;
  border:0;
  border-radius:11px;
  background:#e9f6ff;
  color:#173d5d;
  padding:7px 8px;
  text-align:left;
  display:grid;
  gap:1px;
  cursor:default;
}

.calendar-event b{
  font-size:11px!important;
  margin:0!important;
  color:#246b9f!important;
}

.calendar-event span{
  font-size:12px!important;
  color:#173d5d!important;
  font-weight:850;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.calendar-event small{
  font-size:10px!important;
  color:#6d8498!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.schedule-side{
  padding:14px!important;
}

.schedule-record{
  align-items:flex-start!important;
}

@media(max-width:1100px){
  .schedule-layout{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:760px){
  .calendar-toolbar{
    align-items:flex-start;
    flex-direction:column;
  }
  .schedule-calendar.month-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .calendar-weekdays{
    display:none;
  }
}

/* Calendar correction: real office month grid, not event cards. */
:root[data-theme="dark"] body,
:root[data-theme="dark"] .public-page,
:root[data-theme="dark"] .workspace-page,
:root[data-theme="dark"] .public-hero,
:root[data-theme="dark"] .public-band,
:root[data-theme="dark"] .public-preview,
:root[data-theme="dark"] .public-guide,
:root[data-theme="dark"] .public-start{
  background:linear-gradient(180deg,#f7fcff 0%,#e7f5ff 100%)!important;
  color:#102b45!important;
}

#theme-toggle,
#workspace-theme-toggle{
  display:none!important;
}

.workspace-sidebar-actions{
  display:block!important;
}

.workspace-sidebar-actions .workspace-logout{
  width:100%;
}

.schedule-layout{
  grid-template-columns:minmax(760px,1fr)340px!important;
}

.calendar-panel,
.schedule-side{
  border-radius:0!important;
  background:#ffffff!important;
  border:1px solid rgba(104,160,204,.22)!important;
  box-shadow:0 18px 48px rgba(49,111,163,.08)!important;
}

.calendar-toolbar{
  padding:4px 4px 14px;
  border-bottom:1px solid rgba(104,160,204,.18);
}

.calendar-actions .outline{
  background:#f4fbff!important;
  color:#1e5e91!important;
  border:1px solid rgba(104,160,204,.22)!important;
}

.calendar-actions .primary{
  background:#3b86cf!important;
  box-shadow:none!important;
}

.calendar-weekdays{
  gap:0;
  margin:0;
  border-left:1px solid rgba(104,160,204,.18);
  border-right:1px solid rgba(104,160,204,.18);
}

.calendar-weekdays span{
  border-radius:0;
  background:#f4fbff;
  border-right:1px solid rgba(104,160,204,.18);
  border-bottom:1px solid rgba(104,160,204,.18);
  color:#557084;
}

.calendar-weekdays span:last-child{
  border-right:0;
}

.schedule-calendar.month-grid{
  gap:0!important;
  border-left:1px solid rgba(104,160,204,.18);
  border-top:0;
}

.schedule-calendar.month-grid .calendar-day{
  min-height:142px;
  border-radius:0;
  border:0;
  border-right:1px solid rgba(104,160,204,.18);
  border-bottom:1px solid rgba(104,160,204,.18);
  box-shadow:none!important;
  background:#fff;
  cursor:pointer;
}

.schedule-calendar.month-grid .calendar-day:hover{
  background:#f8fcff;
}

.schedule-calendar.month-grid .calendar-day.outside{
  background:#f7fbfe;
  opacity:1;
}

.schedule-calendar.month-grid .calendar-day.today{
  background:#fffdf0;
  box-shadow:inset 0 0 0 2px #f4cf68!important;
}

.calendar-date b{
  font-size:18px!important;
}

.calendar-date span{
  opacity:.72;
}

.calendar-event{
  cursor:pointer;
  border-left:4px solid #3b86cf;
  background:#e8f5ff!important;
  transition:transform .15s ease, background .15s ease;
}

.calendar-event:hover{
  transform:translateY(-1px);
  background:#dcf0ff!important;
}

.calendar-event.selected,
.record-item.schedule-record.selected{
  outline:2px solid #f4cf68;
  outline-offset:2px;
  background:#fff7d7!important;
}

.calendar-event.dragging{
  opacity:.58;
}

.schedule-calendar.month-grid .calendar-day.drop-target{
  background:#eaf7ff!important;
  box-shadow:inset 0 0 0 2px #3b86cf!important;
}

.record-item.schedule-record{
  width:100%;
  border:0;
  border-bottom:1px solid rgba(104,160,204,.14);
  background:transparent;
  text-align:left;
  cursor:pointer;
}

.record-item.schedule-record:hover{
  background:#f4fbff;
}

.form-grid small{
  color:#6d8498;
  font-size:12px;
  font-weight:650;
}

@media(max-width:1180px){
  .schedule-layout{
    grid-template-columns:1fr!important;
  }
}

/* Restore light/dark mode + admin account management. */
#theme-toggle,
#workspace-theme-toggle{
  display:inline-grid!important;
  place-items:center;
}

.workspace-sidebar-actions{
  display:grid!important;
  grid-template-columns:38px 1fr;
  gap:8px!important;
}

.account-layout{
  display:grid;
  grid-template-columns:320px minmax(0,1fr);
  grid-template-areas:"create list" "disabled list";
  gap:14px;
  align-items:start;
}

.account-create-page,
.account-list-page,
.account-disabled-page{
  max-width:1040px;
}

.account-create-page .account-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.account-create-page .account-form button{
  width:max-content;
}

.account-create-panel{grid-area:create}
.account-list-panel{grid-area:list}
.account-disabled-panel{grid-area:disabled}

.account-form{
  gap:10px;
}

.account-table{
  display:grid;
  gap:8px;
}

.account-row{
  display:grid;
  grid-template-columns:minmax(190px,1.2fr) 120px 130px 74px 240px;
  gap:10px;
  align-items:center;
  padding:10px 12px;
  border:1px solid rgba(104,160,204,.16);
  border-radius:14px;
  background:#f8fcff;
}

.account-row b{
  color:#102b45;
}

.account-row small{
  display:block;
  margin-top:3px;
  color:#6d8498;
  font-size:12px;
}

.account-actions{
  display:flex;
  justify-content:flex-end;
  gap:6px;
}

.account-actions button{
  border:0;
  border-radius:10px;
  background:#e8f5ff;
  color:#1e5e91;
  padding:8px 9px;
  font-weight:800;
}

.account-disabled-panel .account-row{
  grid-template-columns:minmax(160px,1fr) 92px 100px 64px 150px;
}

.schedule-layout{
  grid-template-columns:minmax(760px,1fr)300px!important;
}

.schedule-side .record-item.schedule-record{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  padding:12px 2px;
}

.schedule-side .record-item.schedule-record small{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.schedule-side .record-item.schedule-record .status{
  justify-self:start;
}

:root[data-theme="dark"] html,
:root[data-theme="dark"] body{
  background:#101826!important;
}

:root[data-theme="dark"] .public-page,
:root[data-theme="dark"] .workspace-page{
  background:linear-gradient(180deg,#101826 0%,#132238 100%)!important;
  color:#eef7ff!important;
}

:root[data-theme="dark"] .public-nav,
:root[data-theme="dark"] .workspace-global-sidebar,
:root[data-theme="dark"] .public-hero-inner,
:root[data-theme="dark"] .start-box,
:root[data-theme="dark"] .panel,
:root[data-theme="dark"] .dashboard-panel,
:root[data-theme="dark"] .dashboard-stats article,
:root[data-theme="dark"] .calendar-panel,
:root[data-theme="dark"] .schedule-side,
:root[data-theme="dark"] .public-paths article,
:root[data-theme="dark"] .guide-grid article,
:root[data-theme="dark"] .preview-window{
  background:#17263a!important;
  border-color:rgba(143,190,230,.18)!important;
  color:#eef7ff!important;
}

:root[data-theme="dark"] h1,
:root[data-theme="dark"] h2,
:root[data-theme="dark"] h3,
:root[data-theme="dark"] b,
:root[data-theme="dark"] .public-copy h1,
:root[data-theme="dark"] .public-section-title h2,
:root[data-theme="dark"] .preview-grid h2,
:root[data-theme="dark"] .start-box h2{
  color:#eef7ff!important;
}

:root[data-theme="dark"] p,
:root[data-theme="dark"] small,
:root[data-theme="dark"] span,
:root[data-theme="dark"] .public-copy p,
:root[data-theme="dark"] .public-paths p,
:root[data-theme="dark"] .guide-grid p,
:root[data-theme="dark"] .preview-grid p,
:root[data-theme="dark"] .start-box p{
  color:#abc0d4!important;
}

:root[data-theme="dark"] .workspace-global-sidebar button,
:root[data-theme="dark"] .public-nav nav a,
:root[data-theme="dark"] .public-nav .brand-light{
  color:#dbeeff!important;
}

:root[data-theme="dark"] .workspace-global-sidebar button.active,
:root[data-theme="dark"] .workspace-global-sidebar button:hover{
  background:#223b59!important;
  color:#fff!important;
}

:root[data-theme="dark"] .schedule-calendar.month-grid .calendar-day,
:root[data-theme="dark"] .calendar-weekdays span,
:root[data-theme="dark"] .account-row{
  background:#132238!important;
  border-color:rgba(143,190,230,.16)!important;
}

:root[data-theme="dark"] .calendar-event,
:root[data-theme="dark"] .account-actions button{
  background:#214263!important;
  color:#eaf6ff!important;
}

@media(max-width:1180px){
  .account-layout{
    grid-template-columns:1fr;
    grid-template-areas:"create" "list" "disabled";
  }
  .account-row,
  .account-disabled-panel .account-row{
    grid-template-columns:1fr 1fr;
  }
  .account-actions{
    justify-content:flex-start;
  }
}

.task-management-list,
.task-scoring-list{
  display:grid;
  gap:10px;
}

.ambassador-activity-panel .task-management-list{
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:14px;
}

.ambassador-activity-panel .task-card,
.ambassador-activity-panel .task-manage-card{
  min-height:0;
  border-radius:18px;
  padding:18px;
  background:#fff;
  border:1px solid rgba(104,160,204,.2);
  box-shadow:0 14px 34px rgba(49,111,163,.08);
}

.ambassador-activity-panel .task-manage-card{
  grid-template-columns:1fr;
}

.ambassador-activity-panel .task-stage-actions{
  justify-content:flex-start;
}

.task-manage-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:14px;
  border-radius:16px;
  background:#f8fcff;
  border:1px solid rgba(104,160,204,.18);
}

.task-manage-card h3{
  margin:8px 0 6px;
  color:#102b45;
}

.task-manage-card p{
  margin:0 0 8px;
  color:#63798d;
}

.task-manage-card small{
  color:#6d8498;
}

.task-stage-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:7px;
  max-width:260px;
}

.checkin-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}

.checkin-actions button{
  border:0;
  border-radius:10px;
  background:#eaf6ff;
  color:#1d5c91;
  padding:8px 10px;
  font-weight:900;
}

.checkin-actions button:nth-child(2){
  background:#fff0ef;
  color:#a33a2f;
}

.checkin-actions button:nth-child(3){
  background:#f3f6f9;
  color:#697989;
}

.checkin-row{
  grid-template-columns:minmax(0,1fr) auto;
}

.task-stage-actions button,
.score-row button{
  border:0;
  border-radius:10px;
  background:#e8f5ff;
  color:#1e5e91;
  padding:9px 10px;
  font-weight:850;
}

.task-stage-actions button:disabled{
  opacity:.45;
}

.score-task{
  padding:14px;
  border:1px solid rgba(104,160,204,.18);
  border-radius:16px;
  background:#f8fcff;
}

.score-task.focused{
  box-shadow:inset 0 0 0 2px #f4cf68;
}

.score-task-head,
.score-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
}

.score-task-head{
  padding-bottom:10px;
  border-bottom:1px solid rgba(104,160,204,.14);
  margin-bottom:8px;
}

.score-task-head b,
.score-row b{
  color:#102b45;
}

.score-task-head small,
.score-row small{
  display:block;
  margin-top:3px;
  color:#6d8498;
}

.score-rows{
  display:grid;
  gap:8px;
}

.score-row{
  grid-template-columns:minmax(0,1fr) 130px 86px;
  padding:9px 0;
}

.score-row select{
  border:1px solid rgba(104,160,204,.22);
  border-radius:10px;
  background:#fff;
  padding:8px;
}

@media(max-width:980px){
  .task-manage-card,
  .score-row{
    grid-template-columns:1fr;
  }
  .task-stage-actions{
    justify-content:flex-start;
    max-width:none;
  }
}

/* Office cleanup: training + level pages should behave like compact admin tables. */
.points-layout{
  display:grid!important;
  grid-template-columns:300px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start;
}

.level-rules{
  gap:8px!important;
}

.level-rules article{
  padding:10px 12px!important;
  border-radius:12px!important;
  background:#f8fcff!important;
}

.level-rules article p{
  margin:4px 0 0!important;
  font-size:12px!important;
  line-height:1.45!important;
}

.ambassador-table{
  display:grid;
  gap:7px;
}

.ambassador-table-head,
.level-row{
  display:grid!important;
  grid-template-columns:minmax(180px,1.2fr) 90px 90px 100px minmax(150px,.9fr) 146px!important;
  gap:10px!important;
  align-items:center!important;
}

.ambassador-table-head{
  padding:0 12px 5px;
  color:#6d8498;
  font-size:12px;
  font-weight:900;
}

.level-row{
  padding:10px 12px!important;
  border-radius:12px!important;
  background:#fff!important;
  border:1px solid rgba(104,160,204,.18)!important;
}

.level-row b{
  color:#102b45;
}

.level-row small{
  display:block;
  margin-top:3px;
  color:#7b91a5;
  font-size:12px;
}

.level-row select,
.level-row input{
  height:36px!important;
  min-height:36px!important;
  border:1px solid rgba(104,160,204,.24)!important;
  border-radius:10px!important;
  background:#f8fcff!important;
  color:#173d5d!important;
  padding:0 10px!important;
  font-weight:800!important;
}

.simple-level-head,
.simple-level-row{
  grid-template-columns:minmax(220px,1.3fr) minmax(150px,.8fr) minmax(230px,1fr) 110px!important;
}

.simple-level-row strong{
  text-align:left!important;
}

.training-admin-layout{
  grid-template-columns:310px minmax(0,1fr)!important;
  gap:14px!important;
}

.training-upload-panel,
.training-admin-main{
  border-radius:14px!important;
  box-shadow:none!important;
}

.training-upload-panel{
  padding:14px!important;
}

.training-upload-panel .stack-form{
  gap:9px!important;
}

.training-upload-panel label{
  font-size:13px!important;
}

.training-upload-panel input,
.training-upload-panel select{
  height:38px!important;
  border-radius:10px!important;
  background:#f8fcff!important;
}

.training-admin-head,
.training-admin-row{
  grid-template-columns:64px 64px minmax(220px,1fr) 112px 120px 132px!important;
  gap:10px!important;
}

.training-admin-row{
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:none!important;
}

.level-chip,
.order-chip{
  border-radius:10px!important;
  padding:6px 8px!important;
}

.training-admin-actions .small-button,
.training-admin-actions button,
.schedule-inline-actions button{
  border:0;
  border-radius:9px;
  background:#e8f5ff;
  color:#1e5e91;
  padding:7px 9px;
  font-weight:850;
}

.schedule-inline-actions button:last-child{
  background:#fff4bd;
  color:#735500;
}

.calendar-event{
  gap:6px!important;
  cursor:grab!important;
  user-select:none;
}

.calendar-event:active{
  cursor:grabbing!important;
}

.calendar-event-main{
  min-width:0;
  display:grid;
  gap:1px;
}

.calendar-event .schedule-inline-actions{
  display:flex;
  gap:5px;
  opacity:0;
  pointer-events:none;
  transition:opacity .15s ease;
}

.calendar-event:hover .schedule-inline-actions,
.calendar-event.selected .schedule-inline-actions{
  opacity:1;
  pointer-events:auto;
}

.schedule-record{
  cursor:pointer!important;
}

.schedule-record .schedule-inline-actions{
  display:flex;
  gap:6px;
}

.record-item.schedule-record.selected{
  border-radius:12px;
}

@media(max-width:1180px){
  .points-layout,
  .training-admin-layout{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:860px){
  .ambassador-table-head,
  .level-row,
  .training-admin-head,
  .training-admin-row{
    grid-template-columns:1fr!important;
  }
}

/* Training area rebuild: separated manage/upload pages, no cramped side-by-side form. */
.training-admin-shell{
  display:grid!important;
  gap:14px!important;
}

.training-admin-switch{
  display:inline-flex;
  width:max-content;
  padding:4px;
  border:1px solid rgba(104,160,204,.18);
  border-radius:14px;
  background:rgba(255,255,255,.78);
}

.training-admin-switch button{
  border:0;
  border-radius:10px;
  background:transparent;
  color:#60788d;
  padding:9px 16px;
  font-weight:900;
  cursor:pointer;
}

.training-admin-switch button.active{
  background:#e8f5ff;
  color:#123e60;
  box-shadow:0 6px 18px rgba(49,111,163,.08);
}

.training-admin-panel{
  display:none!important;
}

.training-admin-panel.active{
  display:block!important;
}

.training-upload-panel,
.training-admin-main{
  max-width:none!important;
  width:100%!important;
  border-radius:16px!important;
  background:#fff!important;
}

.training-upload-form{
  display:grid;
  gap:16px;
}

.training-upload-fields{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}

.training-upload-fields label{
  display:grid;
  gap:7px;
  color:#173d5d;
  font-size:13px;
  font-weight:900;
}

.training-upload-fields input,
.training-upload-fields select{
  width:100%;
  height:42px!important;
  border:1px solid rgba(104,160,204,.22)!important;
  border-radius:11px!important;
  background:#f8fcff!important;
  color:#102b45!important;
  padding:0 12px!important;
}

.training-file-drop{
  display:grid!important;
  gap:10px!important;
  padding:22px!important;
  border:1px dashed rgba(59,134,207,.38)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#f8fcff,#ffffff)!important;
  color:#173d5d!important;
  font-weight:900!important;
}

.training-file-drop input{
  width:100%;
  min-height:46px;
}

.training-file-drop span{
  color:#6d8498!important;
  font-size:12px!important;
  font-weight:700!important;
}

.training-editor-field{
  display:grid;
  gap:8px;
  color:#173d5d;
  font-size:13px;
  font-weight:900;
}

.training-editor-field textarea,
.quiz-fields textarea{
  min-height:150px;
  border:1px solid rgba(104,160,204,.22);
  border-radius:12px;
  background:#f8fcff;
  color:#102b45;
  padding:12px;
  resize:vertical;
}

.quiz-fields .wide{
  grid-column:span 2;
}

.course-entry{
  align-items:center;
  justify-content:space-between;
}

.course-entry.done{
  background:#f1fff5;
  border-color:rgba(62,166,101,.22);
}

.course-reader{
  max-height:58vh;
  overflow:auto;
  display:grid;
  gap:12px;
  padding:14px;
  border-radius:14px;
  background:#f8fcff;
  border:1px solid rgba(104,160,204,.18);
}

.course-reader p{
  margin:0;
  color:#173d5d;
  line-height:1.8;
}

.course-image{
  margin:0;
}

.course-image img{
  display:block;
  max-width:100%;
  border-radius:14px;
  border:1px solid rgba(104,160,204,.18);
}

.course-attachment{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  border-radius:12px;
  background:#e8f5ff;
  color:#1e5e91;
  padding:10px 12px;
  font-weight:900;
  text-decoration:none;
}

.course-quiz{
  display:grid;
  gap:10px;
  margin-top:14px;
}

.course-quiz h3{
  margin:0;
  color:#102b45;
}

.quiz-options{
  display:grid;
  gap:7px;
}

.quiz-options span{
  border-radius:10px;
  background:#fff7d7;
  color:#725300!important;
  padding:8px 10px;
  font-weight:800;
}

.course-done-note{
  margin-top:14px;
  color:#6d8498;
}

.checkbox-row{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

.checkbox-row label{
  display:flex!important;
  align-items:center;
  gap:7px;
  border:1px solid rgba(104,160,204,.22);
  border-radius:12px;
  padding:10px 12px;
  background:#f8fcff;
}

.training-upload-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
}

.training-upload-actions .outline{
  border:1px solid rgba(104,160,204,.22);
  border-radius:11px;
  background:#f8fcff;
  color:#1e5e91;
  padding:10px 14px;
  font-weight:900;
}

@media(max-width:1180px){
  .training-upload-fields{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:720px){
  .training-admin-switch,
  .training-upload-actions{
    width:100%;
  }

  .training-admin-switch button,
  .training-upload-actions button{
    flex:1;
  }

  .training-upload-fields{
    grid-template-columns:1fr;
  }
}

.level-dashboard{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:18px;
}

.level-hero-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  background:linear-gradient(135deg,#f7fbff,#ffffff 58%,#fff8d9)!important;
}

.level-hero-card h2{
  margin:10px 0;
  font-size:34px;
  color:#102b45;
}

.level-hero-card p,
.level-next-card p,
.ambassador-detail-next p{
  margin:0;
  color:#6d8498;
  line-height:1.75;
}

.level-ring{
  width:132px;
  height:132px;
  border-radius:28px;
  display:grid;
  place-items:center;
  align-content:center;
  background:#eaf6ff;
  border:1px solid rgba(59,134,207,.2);
  box-shadow:inset 0 0 0 10px rgba(255,255,255,.58);
  color:#102b45;
  flex:0 0 auto;
}

.level-ring b{
  font-size:34px;
  line-height:1;
}

.level-ring span{
  color:#6d8498;
  font-size:12px;
  font-weight:900;
}

.level-next-card h3{
  margin:8px 0 14px;
  color:#102b45;
  line-height:1.45;
}

.progress-bar{
  height:12px;
  border-radius:99px;
  background:#e7f2fb;
  overflow:hidden;
  margin:8px 0 12px;
}

.progress-bar i{
  display:block;
  height:100%;
  border-radius:99px;
  background:linear-gradient(90deg,#64b8ff,#ffe685);
}

.level-next-card .small-button{
  margin-top:14px;
  margin-right:8px;
}

.level-training-card,
.level-rule-card,
.level-history-card{
  grid-column:span 1;
}

.level-mini-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}

.level-mini-grid article{
  border:1px solid rgba(104,160,204,.18);
  background:#f8fcff;
  border-radius:16px;
  padding:14px;
  display:grid;
  gap:6px;
}

.level-mini-grid article.active{
  background:#fff8d9;
  border-color:rgba(222,180,64,.28);
}

.level-mini-grid article.locked{
  opacity:.58;
}

.level-mini-grid span{
  color:#1e5e91;
  font-size:12px;
  font-weight:900;
}

.level-mini-grid b{
  color:#102b45;
  font-size:22px;
}

.level-mini-grid small{
  color:#6d8498;
  font-weight:800;
}

.compact-rules{
  grid-template-columns:1fr;
  gap:10px;
}

.roster-table-head{
  grid-template-columns:1.2fr .55fr .8fr .85fr .65fr 1fr!important;
}

.roster-row{
  grid-template-columns:1.2fr .55fr .8fr .85fr .65fr 1fr!important;
}

.roster-row small{
  display:block;
  color:#7a8da0;
  font-size:11px;
  margin-top:3px;
}

.ambassador-detail-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:16px 0;
}

.ambassador-detail-stats article{
  border:1px solid rgba(104,160,204,.18);
  background:#f8fcff;
  border-radius:15px;
  padding:13px;
}

.ambassador-detail-stats span{
  display:block;
  color:#6d8498;
  font-size:11px;
  font-weight:900;
  margin-bottom:4px;
}

.ambassador-detail-stats b{
  color:#102b45;
  font-size:24px;
}

.ambassador-detail-next{
  border:1px solid rgba(222,180,64,.25);
  background:#fff9df;
  border-radius:15px;
  padding:14px;
  margin:12px 0 16px;
}

.ambassador-detail-next b,
.modal-subtitle{
  color:#102b45;
}

.modal-subtitle{
  margin:14px 0 10px;
}

.ambassador-history-list{
  max-height:300px;
  overflow:auto;
}

.ambassador-history-row{
  grid-template-columns:1.4fr .55fr .55fr .75fr;
  gap:10px;
  align-items:center;
}

.ambassador-history-row>span,
.ambassador-history-row>strong{
  color:#173d5d;
  font-size:12px;
  font-weight:900;
}

@media(max-width:980px){
  .level-dashboard{
    grid-template-columns:1fr;
  }

  .level-mini-grid,
  .ambassador-detail-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:720px){
  .level-hero-card{
    flex-direction:column;
    align-items:flex-start;
  }

  .roster-table-head{
    display:none!important;
  }

  .roster-row,
  .ambassador-history-row{
    grid-template-columns:1fr!important;
  }
}

/* New public homepage: soft blue / white / pale yellow, with campus photo hero */
.public-page{
  background:
    radial-gradient(circle at 8% 18%, rgba(255,239,170,.52), transparent 28%),
    radial-gradient(circle at 88% 8%, rgba(178,222,255,.58), transparent 32%),
    linear-gradient(180deg,#f5fbff 0%,#ffffff 48%,#eef8ff 100%)!important;
  color:#15304a!important;
}

.public-nav{
  height:72px!important;
  background:rgba(255,255,255,.76)!important;
  border:1px solid rgba(122,172,211,.24)!important;
  border-radius:0 0 24px 24px!important;
  box-shadow:0 18px 45px rgba(64,125,179,.1)!important;
  backdrop-filter:blur(22px)!important;
}

.public-nav .brand-light,
.public-nav nav a,
.public-nav .mode-button,
.public-nav .ghost-blue{
  color:#15304a!important;
}

.public-nav nav a.active{
  color:#0b4f8a!important;
}

.public-nav nav a.active:after{
  background:#ffd96a!important;
}

.public-nav .brand-mark{
  background:#ffffff!important;
  border:1px solid rgba(122,172,211,.35)!important;
  color:#d34828!important;
  box-shadow:0 10px 24px rgba(64,125,179,.12)!important;
}

.public-page .ghost-blue,
.public-page .white-button,
.public-page .primary-blue,
.public-page .mode-button,
.public-page .dashboard-link,
.public-page .public-paths button,
.public-page button,
.public-page a.primary-blue,
.public-page a.ghost-blue,
.public-page a.white-button{
  border:1px solid rgba(50,109,162,.3)!important;
  border-radius:14px!important;
  box-shadow:none!important;
  text-decoration:none!important;
}

.public-page .ghost-blue{
  background:rgba(255,255,255,.56)!important;
  color:#15304a!important;
}

.public-page .white-button,
.public-page .dashboard-link{
  background:#ffffff!important;
  color:#0b5fa5!important;
}

.public-page .primary-blue{
  background:#e9f6ff!important;
  color:#0b5fa5!important;
}

.public-page .mode-button{
  min-width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  background:#fff8d7!important;
  font-weight:900!important;
}

.public-hero{
  min-height:100vh!important;
  padding-top:72px!important;
  background:transparent!important;
  color:#15304a!important;
}

.public-hero:after,
.public-hero:before,
.blue-slider{
  display:none!important;
}

.public-hero-inner{
  width:min(1180px,calc(100% - 48px))!important;
  min-height:calc(100vh - 72px)!important;
  padding:66px 0 56px!important;
  display:grid!important;
  grid-template-columns:.92fr 1.08fr!important;
  gap:44px!important;
  align-items:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}

.public-copy h1{
  color:#102b45!important;
  font-size:62px!important;
  line-height:1.08!important;
  letter-spacing:-.045em!important;
  margin:18px 0 20px!important;
}

.public-copy p{
  color:#526b82!important;
  font-size:18px!important;
  line-height:1.85!important;
  max-width:560px!important;
}

.blue-eyebrow,
.blue-eyebrow.dark-blue{
  color:#0b6fb8!important;
}

.public-actions{
  margin-top:30px!important;
}

.hero-campus-facts{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:26px;
}

.hero-campus-facts span{
  border:1px solid rgba(122,172,211,.26);
  background:rgba(255,255,255,.72);
  color:#41647f;
  border-radius:999px;
  padding:8px 12px;
  font-size:12px;
  font-weight:900;
}

.campus-photo-frame{
  position:relative;
  min-height:520px;
  border-radius:34px;
  overflow:hidden;
  border:1px solid rgba(122,172,211,.26);
  background:#ffffff;
  box-shadow:0 36px 90px rgba(64,125,179,.18);
}

.campus-photo-frame img{
  width:100%;
  height:100%;
  min-height:520px;
  display:block;
  object-fit:cover;
  transform:scale(1.012);
}

.campus-photo-frame:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  box-shadow:
    inset 0 0 54px 44px rgba(245,251,255,.96),
    inset 0 0 120px 18px rgba(255,247,210,.35);
}

.campus-photo-frame:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(223,241,255,.18));
}

.campus-photo-caption{
  position:absolute;
  z-index:3;
  left:24px;
  bottom:24px;
  right:24px;
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  border:1px solid rgba(255,255,255,.65);
  border-radius:20px;
  background:rgba(255,255,255,.76);
  backdrop-filter:blur(18px);
  color:#102b45;
  padding:14px 16px;
}

.campus-photo-caption b{
  font-size:16px;
}

.campus-photo-caption span{
  color:#60778c;
  font-size:12px;
  font-weight:800;
}

.public-band,
.public-preview,
.public-guide,
.public-start,
.public-application{
  background:transparent!important;
  color:#15304a!important;
  padding:84px 0!important;
}

.public-section-title h2,
.preview-grid h2,
.start-box h2,
.public-application h2{
  color:#102b45!important;
}

.public-section-title span{
  color:#0b6fb8!important;
}

.ambassador-meaning-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-bottom:18px;
}

.ambassador-meaning-grid article,
.public-paths article,
.guide-grid article,
.public-opportunity-examples article,
.application-status-card,
.public-apply-form,
.start-box,
.guide-detail-card{
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(122,172,211,.24)!important;
  border-radius:24px!important;
  box-shadow:0 18px 45px rgba(64,125,179,.09)!important;
}

.ambassador-meaning-grid article{
  padding:22px;
}

.ambassador-meaning-grid b,
.public-paths h3,
.guide-grid h3{
  color:#102b45!important;
}

.ambassador-meaning-grid p,
.public-paths p,
.guide-grid p,
.preview-grid p,
.public-application p,
.start-box p{
  color:#587088!important;
}

.public-paths{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

.public-paths article{
  padding:28px!important;
}

.public-paths article > span{
  color:#0b6fb8!important;
  font-weight:900;
}

.public-paths button{
  background:#fff8d7!important;
  color:#7a5400!important;
  padding:11px 16px!important;
  font-weight:900!important;
}

.public-opportunity-examples{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px!important;
}

.public-opportunity-examples article{
  min-height:150px;
  padding:20px!important;
}

.public-guide-preview{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

.guide-more-row{
  display:flex;
  justify-content:center;
  margin-top:24px;
}

.public-start{
  padding-top:38px!important;
}

.start-box{
  padding:28px!important;
}

.guide-public-main{
  padding-top:72px;
}

.guide-detail-hero{
  padding:86px 0 44px;
  background:
    radial-gradient(circle at 20% 0%,rgba(255,237,165,.58),transparent 30%),
    linear-gradient(180deg,#f4fbff,#ffffff);
}

.guide-detail-hero h1{
  margin:18px 0 10px;
  color:#102b45;
  font-size:52px;
  letter-spacing:-.04em;
}

.guide-detail-hero p{
  max-width:720px;
  color:#587088;
  line-height:1.8;
}

.guide-detail-list{
  padding:34px 0 90px;
}

.guide-detail-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.guide-detail-card{
  padding:24px;
}

.guide-detail-card span{
  color:#0b6fb8;
  font-size:12px;
  font-weight:900;
}

.guide-detail-card h2{
  color:#102b45;
  margin:12px 0;
}

.guide-detail-card p{
  color:#587088;
  line-height:1.85;
}

:root[data-theme="dark"] .public-page{
  background:linear-gradient(180deg,#102235,#173a58 48%,#102235)!important;
  color:#eef7ff!important;
}

:root[data-theme="dark"] .public-nav,
:root[data-theme="dark"] .ambassador-meaning-grid article,
:root[data-theme="dark"] .public-paths article,
:root[data-theme="dark"] .guide-grid article,
:root[data-theme="dark"] .public-opportunity-examples article,
:root[data-theme="dark"] .application-status-card,
:root[data-theme="dark"] .public-apply-form,
:root[data-theme="dark"] .start-box{
  background:rgba(255,255,255,.88)!important;
}

@media(max-width:980px){
  .public-hero-inner,
  .preview-grid,
  .application-grid{
    grid-template-columns:1fr!important;
  }

  .public-copy h1{
    font-size:44px!important;
  }

  .campus-photo-frame,
  .campus-photo-frame img{
    min-height:360px;
  }

  .ambassador-meaning-grid,
  .public-opportunity-examples,
  .public-guide-preview,
  .guide-detail-grid{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:700px){
  .public-nav{
    height:auto!important;
    min-height:72px!important;
    flex-wrap:wrap!important;
    border-radius:0 0 18px 18px!important;
  }

  .public-nav nav{
    width:100%;
    overflow:auto;
    justify-content:flex-start;
  }

  .campus-photo-caption{
    display:grid;
  }
}

/* Public homepage interaction + article-like guide pages */
.reveal-on-scroll{
  opacity:0;
  transform:translateY(24px) scale(.985);
  transition:
    opacity .72s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),
    transform .72s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms);
  will-change:opacity,transform;
}

.reveal-on-scroll.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
}

.campus-photo-frame.reveal-on-scroll{
  transform:translateY(20px) rotate(.6deg) scale(.985);
}

.campus-photo-frame.reveal-on-scroll.is-visible{
  transform:translateY(0) rotate(0) scale(1);
}

.public-question-form{
  grid-template-columns:1fr!important;
}

.public-question-form label span{
  display:block;
  width:max-content;
  margin-bottom:7px;
  padding:5px 9px;
  border-radius:999px;
  background:#fff8d7;
  border:1px solid rgba(213,174,64,.28);
  color:#8a6408;
  font-size:12px;
  font-weight:900;
}

.guide-preview-card{
  display:flex;
  min-height:220px;
  flex-direction:column;
  gap:12px;
  padding:24px;
  color:inherit;
  text-decoration:none;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(122,172,211,.24)!important;
  border-radius:24px!important;
  box-shadow:0 18px 45px rgba(64,125,179,.09)!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

.guide-preview-card:hover,
.guide-detail-card:hover{
  transform:translateY(-6px);
  border-color:rgba(64,125,179,.42)!important;
  box-shadow:0 24px 58px rgba(64,125,179,.16)!important;
}

.guide-preview-card b{
  color:#0b6fb8;
  font-size:13px;
}

.guide-preview-card h3{
  margin:0;
  color:#102b45!important;
}

.guide-preview-card p{
  margin:0;
  color:#587088!important;
  line-height:1.75;
}

.guide-preview-card em,
.guide-detail-card em{
  margin-top:auto;
  color:#0b6fb8;
  font-style:normal;
  font-weight:900;
}

.guide-detail-card{
  display:flex;
  flex-direction:column;
  min-height:250px;
  color:inherit;
  text-decoration:none;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

.guide-article-section{
  padding:34px 0 96px;
}

.guide-article-shell{
  max-width:850px!important;
  padding:38px!important;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(122,172,211,.24);
  border-radius:28px;
  box-shadow:0 24px 65px rgba(64,125,179,.12);
}

.guide-article-shell > span{
  display:inline-flex;
  margin-top:18px;
  padding:7px 12px;
  border-radius:999px;
  color:#8a6408;
  background:#fff8d7;
  border:1px solid rgba(213,174,64,.28);
  font-weight:900;
  font-size:12px;
}

.guide-article-shell h2{
  margin:18px 0;
  color:#102b45;
  font-size:34px;
  letter-spacing:-.03em;
}

.guide-article-shell p{
  color:#415d75;
  font-size:17px;
  line-height:2.05;
}

.guide-back-link{
  display:inline-flex;
  color:#0b6fb8;
  text-decoration:none;
  font-weight:900;
}

:root[data-theme="dark"] .public-page,
:root[data-theme="dark"] body.public-page{
  background:
    radial-gradient(circle at 8% 12%,rgba(74,150,212,.28),transparent 30%),
    radial-gradient(circle at 88% 2%,rgba(255,223,128,.16),transparent 28%),
    linear-gradient(180deg,#172b42 0%,#203f5c 48%,#16293f 100%)!important;
  color:#eef7ff!important;
}

:root[data-theme="dark"] .public-nav{
  background:rgba(239,248,255,.88)!important;
  border-color:rgba(170,208,239,.28)!important;
}

:root[data-theme="dark"] .public-copy h1,
:root[data-theme="dark"] .public-section-title h2,
:root[data-theme="dark"] .preview-grid h2,
:root[data-theme="dark"] .public-application h2,
:root[data-theme="dark"] .start-box h2,
:root[data-theme="dark"] .guide-detail-hero h1{
  color:#f4faff!important;
}

:root[data-theme="dark"] .public-copy p,
:root[data-theme="dark"] .preview-grid p,
:root[data-theme="dark"] .public-application p,
:root[data-theme="dark"] .start-box p,
:root[data-theme="dark"] .guide-detail-hero p{
  color:#c8d9e8!important;
}

:root[data-theme="dark"] .hero-campus-facts span,
:root[data-theme="dark"] .ambassador-meaning-grid article,
:root[data-theme="dark"] .public-paths article,
:root[data-theme="dark"] .guide-preview-card,
:root[data-theme="dark"] .guide-detail-card,
:root[data-theme="dark"] .public-opportunity-examples article,
:root[data-theme="dark"] .application-status-card,
:root[data-theme="dark"] .public-apply-form,
:root[data-theme="dark"] .guide-article-shell,
:root[data-theme="dark"] .start-box{
  background:rgba(246,251,255,.92)!important;
  border-color:rgba(186,220,246,.34)!important;
  box-shadow:0 22px 60px rgba(4,18,30,.22)!important;
}

:root[data-theme="dark"] .ambassador-meaning-grid b,
:root[data-theme="dark"] .public-paths h3,
:root[data-theme="dark"] .guide-preview-card h3,
:root[data-theme="dark"] .guide-detail-card h2,
:root[data-theme="dark"] .guide-article-shell h2{
  color:#102b45!important;
}

:root[data-theme="dark"] .ambassador-meaning-grid p,
:root[data-theme="dark"] .public-paths p,
:root[data-theme="dark"] .guide-preview-card p,
:root[data-theme="dark"] .guide-detail-card p,
:root[data-theme="dark"] .guide-article-shell p{
  color:#587088!important;
}

:root[data-theme="dark"] .campus-photo-frame{
  border-color:rgba(220,238,252,.55);
  box-shadow:0 32px 86px rgba(4,18,30,.34);
}

:root[data-theme="dark"] .campus-photo-frame:before{
  box-shadow:
    inset 0 0 54px 44px rgba(232,244,255,.82),
    inset 0 0 120px 18px rgba(255,247,210,.18);
}

@media (prefers-reduced-motion: reduce){
  .reveal-on-scroll,
  .campus-photo-frame.reveal-on-scroll{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}

/* Final safety pass: usable workspace sidebar + real Night mode. */
.workspace-global-sidebar{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-bottom:112px!important;
}

.workspace-global-sidebar .dashboard-role{
  margin-top:10px!important;
  flex:none!important;
}

.workspace-sidebar-actions{
  position:fixed!important;
  left:14px!important;
  bottom:14px!important;
  width:160px!important;
  z-index:90!important;
  display:grid!important;
  grid-template-columns:42px 1fr!important;
  gap:8px!important;
  padding:8px!important;
  border:1px solid rgba(104,160,204,.22)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.9)!important;
  box-shadow:0 18px 42px rgba(49,111,163,.13)!important;
  backdrop-filter:blur(18px)!important;
}

.workspace-sidebar-actions .mode-button,
.workspace-sidebar-actions .workspace-home-link{
  min-height:38px!important;
  height:38px!important;
  border-radius:12px!important;
  border:1px solid rgba(50,109,162,.24)!important;
}

.workspace-sidebar-actions .workspace-home-link{
  background:#fff4bd!important;
  color:#704f00!important;
}

:root[data-theme="dark"] body,
:root[data-theme="dark"] .public-page,
:root[data-theme="dark"] .workspace-page{
  background:#05070b!important;
  color:#f4f8ff!important;
}

:root[data-theme="dark"] .public-page{
  background:
    radial-gradient(circle at 14% 8%,rgba(54,130,205,.22),transparent 28%),
    radial-gradient(circle at 90% 88%,rgba(246,202,88,.12),transparent 30%),
    linear-gradient(180deg,#05070b 0%,#07111d 44%,#05070b 100%)!important;
}

:root[data-theme="dark"] .workspace-page{
  background:linear-gradient(180deg,#07111d 0%,#0b1624 100%)!important;
}

:root[data-theme="dark"] .public-hero,
:root[data-theme="dark"] .public-band,
:root[data-theme="dark"] .public-preview,
:root[data-theme="dark"] .public-guide,
:root[data-theme="dark"] .public-application,
:root[data-theme="dark"] .public-start,
:root[data-theme="dark"] .guide-detail-hero,
:root[data-theme="dark"] .guide-detail-list,
:root[data-theme="dark"] .guide-article-section{
  background:transparent!important;
  color:#f4f8ff!important;
}

:root[data-theme="dark"] .public-nav,
:root[data-theme="dark"] .workspace-global-sidebar,
:root[data-theme="dark"] .workspace-sidebar-actions,
:root[data-theme="dark"] .campus-photo-caption,
:root[data-theme="dark"] .ambassador-meaning-grid article,
:root[data-theme="dark"] .public-paths article,
:root[data-theme="dark"] .guide-preview-card,
:root[data-theme="dark"] .guide-detail-card,
:root[data-theme="dark"] .public-opportunity-examples article,
:root[data-theme="dark"] .application-status-card,
:root[data-theme="dark"] .public-apply-form,
:root[data-theme="dark"] .guide-article-shell,
:root[data-theme="dark"] .start-box,
:root[data-theme="dark"] .dashboard-shell,
:root[data-theme="dark"] .dashboard-main,
:root[data-theme="dark"] .dashboard-activity,
:root[data-theme="dark"] .profile-card,
:root[data-theme="dark"] .panel,
:root[data-theme="dark"] .dashboard-panel,
:root[data-theme="dark"] .dashboard-stats article,
:root[data-theme="dark"] .summary-card,
:root[data-theme="dark"] .opportunity-card,
:root[data-theme="dark"] .task-card,
:root[data-theme="dark"] .calendar-panel,
:root[data-theme="dark"] .schedule-side,
:root[data-theme="dark"] .account-row,
:root[data-theme="dark"] .modal-card,
:root[data-theme="dark"] .auth-card{
  background:#101b2a!important;
  border-color:rgba(155,203,244,.18)!important;
  color:#f4f8ff!important;
  box-shadow:0 22px 60px rgba(0,0,0,.28)!important;
}

:root[data-theme="dark"] .public-page h1,
:root[data-theme="dark"] .public-page h2,
:root[data-theme="dark"] .public-page h3,
:root[data-theme="dark"] .public-page h4,
:root[data-theme="dark"] .public-page b,
:root[data-theme="dark"] .workspace-page h1,
:root[data-theme="dark"] .workspace-page h2,
:root[data-theme="dark"] .workspace-page h3,
:root[data-theme="dark"] .workspace-page h4,
:root[data-theme="dark"] .workspace-page b,
:root[data-theme="dark"] .dashboard-stats article b,
:root[data-theme="dark"] .dashboard-hello h1,
:root[data-theme="dark"] .workspace-functional-title h1,
:root[data-theme="dark"] .public-copy h1,
:root[data-theme="dark"] .public-section-title h2,
:root[data-theme="dark"] .preview-grid h2,
:root[data-theme="dark"] .guide-article-shell h2{
  color:#f4f8ff!important;
}

:root[data-theme="dark"] .public-page p,
:root[data-theme="dark"] .public-page small,
:root[data-theme="dark"] .public-page span,
:root[data-theme="dark"] .workspace-page p,
:root[data-theme="dark"] .workspace-page small,
:root[data-theme="dark"] .workspace-page span,
:root[data-theme="dark"] .dashboard-hello p,
:root[data-theme="dark"] .dashboard-stats article small,
:root[data-theme="dark"] .public-copy p,
:root[data-theme="dark"] .preview-grid p,
:root[data-theme="dark"] .guide-article-shell p{
  color:#b9cce0!important;
}

:root[data-theme="dark"] .public-nav nav a,
:root[data-theme="dark"] .public-nav .brand-light,
:root[data-theme="dark"] .public-nav .ghost-blue,
:root[data-theme="dark"] .public-nav .white-button,
:root[data-theme="dark"] .public-nav .dashboard-link,
:root[data-theme="dark"] .workspace-global-sidebar button,
:root[data-theme="dark"] .workspace-home-link,
:root[data-theme="dark"] .guide-back-link,
:root[data-theme="dark"] .guide-preview-card em,
:root[data-theme="dark"] .guide-detail-card em{
  color:#eaf4ff!important;
}

:root[data-theme="dark"] .public-page button,
:root[data-theme="dark"] .public-page a.primary-blue,
:root[data-theme="dark"] .public-page a.ghost-blue,
:root[data-theme="dark"] .public-page a.white-button,
:root[data-theme="dark"] .workspace-page button,
:root[data-theme="dark"] .workspace-page a{
  border-color:rgba(180,220,255,.28)!important;
}

:root[data-theme="dark"] input,
:root[data-theme="dark"] textarea,
:root[data-theme="dark"] select,
:root[data-theme="dark"] .search-box{
  background:#0b1624!important;
  color:#f4f8ff!important;
  border-color:rgba(155,203,244,.22)!important;
}

:root[data-theme="dark"] input::placeholder,
:root[data-theme="dark"] textarea::placeholder{
  color:#8da8c2!important;
}

:root[data-theme="dark"] .workspace-global-sidebar button.active,
:root[data-theme="dark"] .workspace-global-sidebar button:hover,
:root[data-theme="dark"] .sidebar-subnav.open button.active{
  background:#1b3552!important;
  color:#ffffff!important;
}

:root[data-theme="dark"] .workspace-sidebar-actions .workspace-home-link,
:root[data-theme="dark"] .public-page .mode-button,
:root[data-theme="dark"] .workspace-page .mode-button{
  background:#172b42!important;
  color:#f4f8ff!important;
}

:root[data-theme="dark"] .public-page .primary-blue,
:root[data-theme="dark"] .workspace-page .primary,
:root[data-theme="dark"] .workspace-page .primary-blue{
  background:#2f86d9!important;
  color:#ffffff!important;
}

:root[data-theme="dark"] .campus-photo-frame{
  background:#05070b!important;
  border-color:rgba(180,220,255,.18)!important;
}

:root[data-theme="dark"] .campus-photo-frame:before{
  box-shadow:
    inset 0 0 58px 44px rgba(5,7,11,.72),
    inset 0 0 130px 22px rgba(70,151,220,.16)!important;
}

:root[data-theme="dark"] .schedule-calendar.month-grid .calendar-day,
:root[data-theme="dark"] .calendar-weekdays span,
:root[data-theme="dark"] .record-item,
:root[data-theme="dark"] .mail-item,
:root[data-theme="dark"] .account-row{
  background:#0b1624!important;
  color:#f4f8ff!important;
  border-color:rgba(155,203,244,.16)!important;
}

:root[data-theme="dark"] .calendar-event{
  background:#16385d!important;
  color:#eaf4ff!important;
}

@media(max-width:900px){
  .workspace-sidebar-actions{
    position:static!important;
    width:auto!important;
  }
  .workspace-global-sidebar{
    padding-bottom:14px!important;
  }
}

html:root[data-theme="dark"] body.public-page,
html:root[data-theme="dark"] body.public-page.public-page,
html:root[data-theme="dark"] body.workspace-page,
html:root[data-theme="dark"] body.workspace-page.workspace-page{
  background:#05070b!important;
  color:#f4f8ff!important;
}

html:root[data-theme="dark"]{
  background:#05070b!important;
}

html:root[data-theme="dark"] body.public-page{
  background:
    radial-gradient(circle at 14% 8%,rgba(54,130,205,.22),transparent 28%),
    radial-gradient(circle at 90% 88%,rgba(246,202,88,.12),transparent 30%),
    linear-gradient(180deg,#05070b 0%,#07111d 44%,#05070b 100%)!important;
}

html:root[data-theme="dark"] body.workspace-page{
  background:linear-gradient(180deg,#07111d 0%,#0b1624 100%)!important;
}

/* Night-mode visual merge: no side color split, no white cards/photos. */
html:root[data-theme="dark"],
html:root[data-theme="dark"] body,
html:root[data-theme="dark"] body.public-page,
html:root[data-theme="dark"] body.workspace-page,
html:root[data-theme="dark"] .public-hero,
html:root[data-theme="dark"] .public-hero-inner,
html:root[data-theme="dark"] .public-band,
html:root[data-theme="dark"] .public-preview,
html:root[data-theme="dark"] .public-guide,
html:root[data-theme="dark"] .public-application,
html:root[data-theme="dark"] .public-start,
html:root[data-theme="dark"] #app{
  background:#07111d!important;
  background-image:none!important;
  color:#f4f8ff!important;
}

html:root[data-theme="dark"] .public-nav{
  background:#07111d!important;
  border-color:rgba(155,203,244,.16)!important;
}

html:root[data-theme="dark"] .campus-photo-frame img{
  filter:brightness(.72) contrast(1.04) saturate(.9)!important;
}

html:root[data-theme="dark"] .campus-photo-frame:before{
  box-shadow:inset 0 0 72px 54px rgba(7,17,29,.82)!important;
}

html:root[data-theme="dark"] .campus-photo-frame:after{
  background:linear-gradient(180deg,rgba(7,17,29,.18),rgba(7,17,29,.34))!important;
}

html:root[data-theme="dark"] .dashboard-shell,
html:root[data-theme="dark"] .dashboard-main,
html:root[data-theme="dark"] .dashboard-activity,
html:root[data-theme="dark"] .dashboard-hello,
html:root[data-theme="dark"] .dashboard-date,
html:root[data-theme="dark"] .dashboard-role,
html:root[data-theme="dark"] .activity-list p,
html:root[data-theme="dark"] .workspace-entry-list button,
html:root[data-theme="dark"] .dashboard-shell .workspace-entry-list button,
html:root[data-theme="dark"] .date-box,
html:root[data-theme="dark"] .hero-campus-facts span,
html:root[data-theme="dark"] .public-opportunity-examples article,
html:root[data-theme="dark"] .guide-preview-card,
html:root[data-theme="dark"] .guide-detail-card{
  background:#101b2a!important;
  background-image:none!important;
  border-color:rgba(155,203,244,.18)!important;
  color:#f4f8ff!important;
}

html:root[data-theme="dark"] .dashboard-hello{
  border:1px solid rgba(155,203,244,.18)!important;
  border-radius:18px!important;
  padding:24px!important;
}

html:root[data-theme="dark"] .workspace-entry-list button b,
html:root[data-theme="dark"] .workspace-entry-list button span,
html:root[data-theme="dark"] .date-box b,
html:root[data-theme="dark"] .date-box small,
html:root[data-theme="dark"] .dashboard-role span,
html:root[data-theme="dark"] .dashboard-role b{
  color:#f4f8ff!important;
}

html:root[data-theme="dark"] .dashboard-role{
  min-height:96px!important;
}

html:root[data-theme="dark"] .public-page .white-button,
html:root[data-theme="dark"] .public-page .ghost-blue{
  background:#101b2a!important;
  color:#f4f8ff!important;
}

/* Night mode across every workspace module, not only dashboard overview. */
html:root[data-theme="dark"] .workspace-page .page,
html:root[data-theme="dark"] .workspace-page .section,
html:root[data-theme="dark"] .workspace-page .container,
html:root[data-theme="dark"] .workspace-page .page>.container.section,
html:root[data-theme="dark"] .workspace-page .soft,
html:root[data-theme="dark"] .workspace-page .page-hero,
html:root[data-theme="dark"] .workspace-page .ambassador-hero,
html:root[data-theme="dark"] .workspace-page .guide-hero{
  background:#07111d!important;
  background-image:none!important;
  color:#f4f8ff!important;
}

html:root[data-theme="dark"] .workspace-page .panel,
html:root[data-theme="dark"] .workspace-page .panel-title,
html:root[data-theme="dark"] .workspace-page .summary-card,
html:root[data-theme="dark"] .workspace-page .path-card,
html:root[data-theme="dark"] .workspace-page .opportunity-card,
html:root[data-theme="dark"] .workspace-page .task-card,
html:root[data-theme="dark"] .workspace-page .task-manage-card,
html:root[data-theme="dark"] .workspace-page .ambassador-row,
html:root[data-theme="dark"] .workspace-page .ambassador-table,
html:root[data-theme="dark"] .workspace-page .ambassador-table-head,
html:root[data-theme="dark"] .workspace-page .level-dashboard,
html:root[data-theme="dark"] .workspace-page .level-hero-card,
html:root[data-theme="dark"] .workspace-page .level-mini-grid article,
html:root[data-theme="dark"] .workspace-page .level-rule-grid article,
html:root[data-theme="dark"] .workspace-page .ambassador-detail-stats article,
html:root[data-theme="dark"] .workspace-page .ambassador-detail-next,
html:root[data-theme="dark"] .workspace-page .ambassador-history-row,
html:root[data-theme="dark"] .workspace-page .training-main,
html:root[data-theme="dark"] .workspace-page .training-side,
html:root[data-theme="dark"] .workspace-page .training-widgets article,
html:root[data-theme="dark"] .workspace-page .training-checklist,
html:root[data-theme="dark"] .workspace-page .training-checklist label,
html:root[data-theme="dark"] .workspace-page .training-level-card,
html:root[data-theme="dark"] .workspace-page .training-course-list,
html:root[data-theme="dark"] .workspace-page .training-material,
html:root[data-theme="dark"] .workspace-page .training-upload-panel,
html:root[data-theme="dark"] .workspace-page .training-admin-main,
html:root[data-theme="dark"] .workspace-page .training-admin-head,
html:root[data-theme="dark"] .workspace-page .training-admin-row,
html:root[data-theme="dark"] .workspace-page .mail-folders,
html:root[data-theme="dark"] .workspace-page .mail-folders button,
html:root[data-theme="dark"] .workspace-page .mail-list,
html:root[data-theme="dark"] .workspace-page .mail-item,
html:root[data-theme="dark"] .workspace-page .mail-item.unread,
html:root[data-theme="dark"] .workspace-page .mail-detail-panel,
html:root[data-theme="dark"] .workspace-page .mail-compose-panel,
html:root[data-theme="dark"] .workspace-page .mail-detail,
html:root[data-theme="dark"] .workspace-page .mail-attachment,
html:root[data-theme="dark"] .workspace-page .opportunity-review-panel,
html:root[data-theme="dark"] .workspace-page .opportunity-review-workspace,
html:root[data-theme="dark"] .workspace-page .review-opportunity-list,
html:root[data-theme="dark"] .workspace-page .review-applicant-panel,
html:root[data-theme="dark"] .workspace-page .review-answer,
html:root[data-theme="dark"] .workspace-page .form-hint,
html:root[data-theme="dark"] .workspace-page .guide-item-card,
html:root[data-theme="dark"] .workspace-page .calendar-panel,
html:root[data-theme="dark"] .workspace-page .schedule-side,
html:root[data-theme="dark"] .workspace-page .calendar-toolbar,
html:root[data-theme="dark"] .workspace-page .calendar-weekdays span,
html:root[data-theme="dark"] .workspace-page .schedule-calendar.month-grid .calendar-day,
html:root[data-theme="dark"] .workspace-page .calendar-day.outside,
html:root[data-theme="dark"] .workspace-page .account-create-panel,
html:root[data-theme="dark"] .workspace-page .account-list-panel,
html:root[data-theme="dark"] .workspace-page .account-disabled-panel,
html:root[data-theme="dark"] .workspace-page .account-row,
html:root[data-theme="dark"] .workspace-page .apply-cta,
html:root[data-theme="dark"] .workspace-page .ambassador-profile-box,
html:root[data-theme="dark"] .workspace-page .empty,
html:root[data-theme="dark"] .workspace-page .record-item,
html:root[data-theme="dark"] .workspace-page .status{
  background:#101b2a!important;
  background-image:none!important;
  border-color:rgba(155,203,244,.18)!important;
  color:#f4f8ff!important;
  box-shadow:none!important;
}

html:root[data-theme="dark"] .workspace-page .calendar-event,
html:root[data-theme="dark"] .workspace-page .small-button,
html:root[data-theme="dark"] .workspace-page .filter.active,
html:root[data-theme="dark"] .workspace-page .primary,
html:root[data-theme="dark"] .workspace-page .primary-blue{
  background:#1e5f99!important;
  color:#fff!important;
  border-color:rgba(155,203,244,.28)!important;
}

html:root[data-theme="dark"] .workspace-page .outline,
html:root[data-theme="dark"] .workspace-page .filter,
html:root[data-theme="dark"] .workspace-page .cream,
html:root[data-theme="dark"] .workspace-page .opportunity-manage-bar,
html:root[data-theme="dark"] .workspace-page .opportunity-manage-bar button,
html:root[data-theme="dark"] .workspace-page .account-actions button,
html:root[data-theme="dark"] .workspace-page .calendar-actions .outline{
  background:#132238!important;
  color:#eaf4ff!important;
  border-color:rgba(155,203,244,.22)!important;
}

html:root[data-theme="dark"] .workspace-page .nav-section-toggle,
html:root[data-theme="dark"] .workspace-page .nav-section-toggle.active,
html:root[data-theme="dark"] .workspace-page .review-card,
html:root[data-theme="dark"] .workspace-page .review-card.active,
html:root[data-theme="dark"] .workspace-page .review-card:hover,
html:root[data-theme="dark"] .workspace-page .review-applicant-row,
html:root[data-theme="dark"] .workspace-page .applicant-card,
html:root[data-theme="dark"] .workspace-page .score-task,
html:root[data-theme="dark"] .workspace-page .score-row,
html:root[data-theme="dark"] .workspace-page .checkin-row{
  background:#101b2a!important;
  background-image:none!important;
  border-color:rgba(155,203,244,.18)!important;
  color:#f4f8ff!important;
}

html:root[data-theme="dark"] .workspace-page .status.approved,
html:root[data-theme="dark"] .workspace-page .status.accepted{
  background:#15382f!important;
  color:#aef0cf!important;
}

html:root[data-theme="dark"] .workspace-page .status.rejected,
html:root[data-theme="dark"] .workspace-page .danger-text{
  background:#3a1d24!important;
  color:#ffb8c0!important;
}

html:root[data-theme="dark"] .workspace-page .status.submitted,
html:root[data-theme="dark"] .workspace-page .status.draft{
  background:#3b3217!important;
  color:#ffe29a!important;
}

html:root[data-theme="dark"] .workspace-page .path-icon,
html:root[data-theme="dark"] .workspace-page .guide-grid b,
html:root[data-theme="dark"] .workspace-page .maple-square-icon,
html:root[data-theme="dark"] .workspace-page .brand-mark.maple{
  background:#172b42!important;
  color:#ffd978!important;
  box-shadow:none!important;
}

html:root[data-theme="dark"] .workspace-page .panel-title,
html:root[data-theme="dark"] .workspace-page .card-meta,
html:root[data-theme="dark"] .workspace-page .record-item,
html:root[data-theme="dark"] .workspace-page .mail-detail-head,
html:root[data-theme="dark"] .workspace-page .mail-body,
html:root[data-theme="dark"] .workspace-page .calendar-toolbar,
html:root[data-theme="dark"] .workspace-page .training-admin-head,
html:root[data-theme="dark"] .workspace-page .training-admin-row{
  border-color:rgba(155,203,244,.14)!important;
}

html:root[data-theme="dark"] .workspace-page label,
html:root[data-theme="dark"] .workspace-page .panel-title h2,
html:root[data-theme="dark"] .workspace-page .section-head h2,
html:root[data-theme="dark"] .workspace-page .opportunity-card h3,
html:root[data-theme="dark"] .workspace-page .task-card h3,
html:root[data-theme="dark"] .workspace-page .guide-grid h3,
html:root[data-theme="dark"] .workspace-page .mail-item b,
html:root[data-theme="dark"] .workspace-page .mail-detail-head h2,
html:root[data-theme="dark"] .workspace-page .training-admin-title b{
  color:#f4f8ff!important;
}

html:root[data-theme="dark"] .workspace-page .muted,
html:root[data-theme="dark"] .workspace-page .panel-title span,
html:root[data-theme="dark"] .workspace-page .card-meta,
html:root[data-theme="dark"] .workspace-page .opportunity-card>p,
html:root[data-theme="dark"] .workspace-page .task-card>p,
html:root[data-theme="dark"] .workspace-page .mail-item small,
html:root[data-theme="dark"] .workspace-page .mail-item p,
html:root[data-theme="dark"] .workspace-page .mail-detail-head p,
html:root[data-theme="dark"] .workspace-page .mail-detail-head small,
html:root[data-theme="dark"] .workspace-page .training-material small,
html:root[data-theme="dark"] .workspace-page .training-admin-title small,
html:root[data-theme="dark"] .workspace-page .form-hint,
html:root[data-theme="dark"] .workspace-page .apply-cta p{
  color:#b9cce0!important;
}