:root{--bg:#101615;--card:#171e1c;--border:#2a3430;--text:#ecf0ed;--muted:#8b9d94;--green:#72e8b1;--amber:#d6b27b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button,a,input,select{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green)}button{color:inherit;border:0;background:none}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;background:radial-gradient(ellipse at 58% 0%,#1a29221f,transparent 55%)}.rail{position:fixed;inset:0 auto 0 0;width:76px;border-right:1px solid #25302b;background:#101714;display:flex;align-items:center;flex-direction:column;z-index:20}.brand-mark{margin-top:27px;width:39px;height:39px;display:grid;place-items:center;background:linear-gradient(145deg,#63dcaa,#2e7256);border-radius:11px;color:#0f2118;box-shadow:0 0 22px #5bdd9c20}.rail-nav{display:flex;flex-direction:column;gap:17px;margin-top:62px}.rail-nav button{width:44px;height:44px;border-radius:12px;color:#819087;position:relative;display:grid;place-items:center}.rail-nav button.chosen{background:#20372b;color:var(--green);box-shadow:inset 0 0 0 1px #71e6ac20}.rail-nav button.chosen:before{content:'';position:absolute;left:-16px;height:19px;width:3px;background:var(--green);border-radius:2px;box-shadow:0 0 10px #72e8b17a}.rail-nav button:hover{background:#23312a;color:var(--green)}.rail-tooltip{position:absolute;left:55px;white-space:nowrap;padding:9px 13px;background:#27372f;border:1px solid #3c5146;border-radius:7px;opacity:0;pointer-events:none;font-size:12px;color:#ecf0ed}.rail-nav button:hover .rail-tooltip,.rail-nav button:focus-visible .rail-tooltip{opacity:1}.rail-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:23px;padding-bottom:24px}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;border:1px solid #39473f;background:#27342d;color:#bdcfc3;font-size:11px;letter-spacing:.05em}.avatar.small{width:30px;height:30px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px #63deaa40;flex-shrink:0}.workspace{margin-left:76px}.topbar{height:86px;display:flex;justify-content:space-between;align-items:center;padding:0 48px;border-bottom:1px solid #29322d}.brand-name{font-weight:650;font-size:20px;letter-spacing:.12em;display:flex;align-items:center;gap:18px}.brand-name span{border-left:1px solid #37443c;padding-left:18px;font-size:9px;letter-spacing:.19em;color:#8b9d94;font-weight:500}.topright{display:flex;align-items:center;gap:17px}.private{display:flex;align-items:center;gap:6px;font-size:10px;color:#9aac9f;border:1px solid #2c3931;border-radius:20px;padding:7px 10px}.profile-name{font-size:11px;color:#afbdb4}main{max-width:1460px;margin:auto;padding:40px 48px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{color:var(--muted);font-size:9px;letter-spacing:.16em;font-weight:600;text-transform:uppercase;display:flex;align-items:center;gap:7px}.tiny-line{width:16px;height:2px;background:var(--green)}h1{font-size:32px;font-weight:450;letter-spacing:-1.1px;margin:12px 0 9px;line-height:1.2}p{color:var(--muted);line-height:1.6;margin:0}h2{font-size:16px;letter-spacing:-.3px;font-weight:500;margin:9px 0 0}h3{margin:7px 0;font-weight:500;font-size:15px}.primary{padding:12px 17px;border-radius:8px;background:var(--green);color:#142c1e;font-size:11px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;box-shadow:0 0 21px #72e8b112;transition:background .2s,box-shadow .2s}.primary:hover{background:#99f3c8;box-shadow:0 0 24px #72e8b130}.secondary{display:inline-flex;align-items:center;gap:8px;border:1px solid #35443b;border-radius:8px;padding:11px 14px;color:#c0d0c5;font-size:11px}.secondary:hover{background:#25332b}.card{border:1px solid var(--border);border-radius:13px;background:linear-gradient(145deg,#1b2420b3,#171e1c);padding:25px;position:relative;overflow:hidden}.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.pill{font-size:9px;display:inline-flex;align-items:center;gap:6px;padding:5px 9px;background:#24362b80;color:#acc5b4;border:1px solid #33463a;border-radius:20px;white-space:nowrap}.hero-grid{display:grid;grid-template-columns:.93fr 1.2fr;gap:21px}.payment-card{padding:27px 30px;display:flex;flex-direction:column;min-height:361px;isolation:isolate;background:radial-gradient(ellipse at 85% 0%,#25493655,transparent 60%),linear-gradient(135deg,#1c2922,#171e1b)}.payment-label{font-size:13px;color:#b1c4b7;margin-top:28px;display:flex;align-items:center;gap:8px}.payment-label span{font-size:9px;color:#7f9b89;border:1px solid #354b3d;border-radius:4px;padding:3px 5px}.hero-number{font-size:51px;letter-spacing:-1.9px;font-weight:450;margin-top:8px;line-height:1.2}.payment-date{display:flex;align-items:center;gap:7px;color:#8ca493;font-size:11px;margin-top:14px}.payment-summary{border-top:1px solid #334138;display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:12px;padding-top:22px;margin-top:30px}.payment-summary div{display:flex;flex-direction:column;gap:9px}.payment-summary span{font-size:10px;color:#95a69b}.payment-summary strong{font-size:15px;font-weight:500}.payment-summary small{font-size:10px;color:#9aaea0}.text-link{color:#add2bc;display:inline-flex;align-items:center;gap:10px;font-size:11px;padding:0}.text-link:hover{color:var(--green)}.payment-card>.text-link{margin-top:25px;align-self:flex-start}.decorative-grid{position:absolute;right:-15px;bottom:-40px;width:180px;height:190px;background-image:linear-gradient(#69b8880a 1px,transparent 1px),linear-gradient(90deg,#69b8880a 1px,transparent 1px);background-size:20px 20px;transform:rotate(-20deg);z-index:-1;mask-image:linear-gradient(135deg,transparent,black)}.composition-card{padding:25px 27px 16px}.period-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.composition-card .period-controls{margin-top:18px}.segmented{display:inline-flex;gap:3px;background:#101714;border:1px solid #2a3630;border-radius:7px;padding:3px}.segmented button{font-size:10px;padding:7px 13px;color:#8c9b91;border-radius:4px;white-space:nowrap}.segmented button.active{color:#bcebd0;background:#2a4435;box-shadow:inset 0 0 0 1px #67dcaa1f}.segmented button:hover{color:#def6e7}.period-picker{display:flex;align-items:center;gap:6px;color:#94af9e}.period-picker input,.period-picker select{background:#19241d;color:#c0d7c9;border:1px solid #34483a;border-radius:5px;padding:4px;font-size:10px;color-scheme:dark}.composition{display:flex;align-items:center;gap:22px;min-height:200px}.donut-wrap{position:relative;width:190px;flex-shrink:0}.donut-wrap svg{width:100%;display:block;filter:drop-shadow(0 0 6px #60e6aa0b)}.slice{cursor:pointer;transition:stroke-width .2s}.donut-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;gap:8px}.donut-center span{font-size:10px;color:#9baa9f}.donut-center strong{font-size:21px;letter-spacing:-.6px;font-weight:500}.donut-center small{font-size:9px;color:#738c7b}.legend{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.legend button{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:10px;width:100%;text-align:left;color:#afbcb2;white-space:nowrap}.legend strong{margin-left:auto;font-weight:500;color:#d5e0d8;font-size:10px}.legend-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.legend .highlight,.legend button:hover{color:#fff}.chart-foot{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #2f3b33;padding-top:12px;color:#82998b;font-size:9px}.chart-foot b{font-weight:500;color:#bccabd;margin-left:5px}.green{color:var(--green)!important}.amber{color:var(--amber)}.micro{font-size:9px;line-height:1.6;color:#798d80}.composition-card>.micro{margin-top:10px}.secondary-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:21px;margin-top:21px}.icon-button{padding:5px;color:#8da99a;border-radius:5px;display:inline-flex;align-items:center;justify-content:center}.icon-button:hover{color:var(--green);background:#2a3b30}.hour-metrics{display:grid;grid-template-columns:1.3fr 1fr 1fr;margin-top:23px;gap:20px}.hour-metrics>div,.hour-metrics>button{text-align:left;display:flex;flex-direction:column;gap:8px}.hour-metrics>button{border-left:1px solid #2f3c32;padding-left:20px}.hour-metrics span{font-size:10px;color:#96a79b;display:flex;align-items:center;gap:5px}.hour-metrics strong{font-size:25px;font-weight:450;letter-spacing:-.5px}.hour-metrics .avg strong{font-size:33px;color:#d2f5df}.hour-metrics small{font-size:12px;color:#8caa97}.hours-chart{width:100%;margin:16px 0 5px}.hours-chart svg{display:block;width:100%;max-height:210px}.chart-point{cursor:pointer}.chart-point:hover circle{fill:#d8ffe9}.insights{margin-top:18px}.insights>button{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:15px 0;border-bottom:1px solid #2b352f}.insights>button:last-child{border:0}.insight-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#263a2e;color:#a2d0b3;flex-shrink:0}.insight-icon.trend{color:#c2bb97;background:#38352b}.insight-icon.alert{color:var(--amber);background:#3b3427}.insights strong{font-size:11px;font-weight:500;display:block;margin-bottom:5px}.insights small{font-size:10px;color:#8da292;line-height:1.6;display:block}.insights>button>svg{margin-left:auto;color:#667f6d;flex-shrink:0}.muted{color:var(--muted);font-size:11px}.sponsor-strip{margin-top:21px;display:flex;align-items:center;gap:18px;padding:23px 26px;background:linear-gradient(100deg,#192820,#17201c);border:1px solid #304438;border-radius:12px}.sponsor-symbol{color:#91cca9;background:#254131;width:42px;height:42px;border-radius:11px;display:grid;place-items:center}.sponsor-strip h3{font-size:15px}.sponsor-track{flex:1;max-width:430px;margin:0 auto;padding:0 25px}.track{height:5px;border-radius:4px;background:#304038;overflow:hidden}.track>span{display:block;height:100%;background:var(--green);box-shadow:0 0 12px #72e8b150;min-width:3px;border-radius:4px}.sponsor-track>div:last-child{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#80998a;margin-top:10px}.recent-heading{display:flex;align-items:center;justify-content:space-between;margin:26px 0 14px}.recent-heading h2{margin:0;font-size:14px}.recent-heading h2 span{margin-left:9px;color:#718377;font-size:10px}.recent-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px}.recent-item{display:flex;align-items:center;gap:12px;text-align:left;padding:17px;border-radius:10px;border:1px solid #29372e;background:#171f1a}.recent-item:hover{border-color:#507f61;background:#1d2b21}.file-icon{display:grid;place-items:center;width:34px;height:37px;background:#25372b;border:1px solid #344b3b;border-radius:7px;color:#93c3a3;flex-shrink:0}.recent-item strong{display:block;font-size:11px;font-weight:500}.recent-item small{display:block;font-size:9px;color:#879d8d;margin-top:6px}.recent-money{margin-left:auto;text-align:right}.recent-money strong{color:#cadfce}.recent-item>svg{color:#7b9784}.section-tools{display:flex;align-items:center;gap:14px;margin-bottom:24px;flex-wrap:wrap}.search{display:flex;align-items:center;gap:9px;flex:1;min-width:200px;background:#18231c;border:1px solid #334438;border-radius:8px;padding:11px 13px;color:#91aa99}.search input{width:100%;background:none;border:0;color:#d3e3d7;font-size:12px}.search input::placeholder{color:#768c7c}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;margin-top:22px;font-size:11px}th{font-size:9px;color:#8a9e90;font-weight:500;border-bottom:1px solid #35443a;padding:12px 10px;white-space:nowrap}td{padding:15px 10px;border-bottom:1px solid #29372e;white-space:nowrap;color:#c1d0c5}td small{display:block;color:#7d9485;margin-top:6px;font-size:9px}td strong{font-weight:500}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#25362b60}.import-zone{cursor:pointer;border:1px dashed #405848;border-radius:12px;margin-top:24px;padding:36px;text-align:center;background:#19302025;color:#8fd1a7}.import-zone h3{font-size:17px;color:#c6dfcd;margin-top:15px}.import-zone p{font-size:12px}.import-zone small{display:block;font-size:10px;color:#7d9887;margin-top:13px}.import-zone:hover{border-color:var(--green);background:#23463230}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:22px}.stat{text-align:left;display:flex;flex-direction:column;gap:18px}.stat strong{font-weight:400;font-size:28px}.stat small{font-size:10px;color:#8ea796}.stat:hover{border-color:#54715f}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:22px 0}.benefit-number{font-size:32px;margin:18px 0 12px;font-weight:400}.benefit-number small{font-size:14px;color:#7eaa8c}.benefit-grid p{font-size:11px;margin-bottom:20px}.sponsor-page{padding:35px;margin-bottom:24px}.sponsor-page>h2{font-size:30px;margin:15px 0 10px;font-weight:400}.sponsor-dates{display:flex;align-items:center;gap:30px;margin:35px 0;color:#98b7a2}.sponsor-dates>div{display:flex;flex-direction:column;gap:12px;flex:1}.sponsor-dates strong{font-size:25px;font-weight:400;color:#daf0e1}.sponsor-dates span,.sponsor-dates small{font-size:11px}.sponsor-disclaimer{display:flex;gap:13px;align-items:flex-start;margin-top:28px;max-width:850px;color:#99b8a4}.sponsor-disclaimer p{font-size:12px}.sponsor-disclaimer svg{flex-shrink:0;margin-top:3px}.timeline-row{display:flex;align-items:center;gap:20px;padding:20px 0;width:100%;text-align:left;border-bottom:1px solid #2e4033}.timeline-row>span:nth-child(2){flex:1}.timeline-row strong{font-size:12px;font-weight:500}.timeline-row small{display:block;font-size:10px;color:#859f8e;margin-top:7px}.timeline-row:last-of-type{border:0}.timeline-row:hover{color:var(--green)}footer{display:flex;justify-content:space-between;gap:15px;padding:26px 0;margin-top:28px;border-top:1px solid #29362e;font-size:9px;color:#6e8978}footer>span:first-child{display:flex;align-items:center;gap:7px}.modal-backdrop{position:fixed;inset:0;background:#040b08bb;backdrop-filter:blur(7px);z-index:60;display:flex;justify-content:center;align-items:center;padding:25px}.modal{width:100%;max-width:920px;max-height:90vh;overflow-y:auto;border:1px solid #496251;background:#19231d;border-radius:17px;padding:30px;box-shadow:0 30px 120px #0008}.modal-top{display:flex;align-items:flex-start;justify-content:space-between}.modal-top h2{font-size:26px;margin:12px 0}.modal-top p{font-size:12px}.detail-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;background:#23342880;padding:21px;border-radius:10px;margin:25px 0}.detail-summary span{display:block;color:#91a995;font-size:10px;margin-bottom:10px}.detail-summary strong{font-weight:400;font-size:22px}.detail-note{display:flex;align-items:flex-start;gap:8px;color:#cfbb90;background:#3c382b70;font-size:11px;padding:12px;border-radius:6px;margin-top:12px}.detail-note svg{flex-shrink:0}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:80;padding:17px 20px;border:1px solid #527260;background:#25382d;color:#e0f2e5;border-radius:11px;box-shadow:0 8px 50px #0008;display:flex;align-items:center;gap:12px;max-width:750px;width:max-content;max-width:calc(100% - 35px);font-size:12px}.toast>svg{flex-shrink:0;color:#94e7b6}.toast button{display:flex;padding:3px}.connection-warning{display:flex;gap:12px;align-items:center;margin-bottom:20px;background:#423c2870;border:1px solid #6a5e39;padding:15px;border-radius:9px;font-size:12px;color:#e2cda1}.connection-warning button{margin-left:auto;text-decoration:underline}.mobile-nav{display:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){main{padding-top:48px}.hero-number{font-size:60px}.composition{gap:35px}.donut-wrap{width:210px}.legend button,.legend strong{font-size:11px}.hero-grid{grid-template-columns:1fr 1.2fr}.payment-card{min-height:380px}}
@media(max-width:1150px){main{padding:30px 27px 0}.topbar{padding:0 27px}.hero-grid{grid-template-columns:.9fr 1.1fr}.payment-card{padding:24px}.hero-number{font-size:42px}.composition-card{padding:23px 20px 15px}.composition{gap:10px}.donut-wrap{width:156px}.legend button,.legend strong{font-size:9px}.payment-summary{gap:7px}.payment-summary strong{font-size:13px}.sponsor-track{padding:0 8px}.sponsor-track>div:last-child{flex-direction:column;gap:4px}.recent-item{padding:13px;gap:9px}.recent-money strong{font-size:10px}.recent-item small{font-size:8px}.stat{padding:20px}.stat strong{font-size:23px}}
@media(max-width:940px){.hero-grid{grid-template-columns:1fr}.payment-card{min-height:320px}.hero-number{font-size:54px}.composition{min-height:210px;gap:40px}.donut-wrap{width:210px}.legend button,.legend strong{font-size:12px}.secondary-grid{grid-template-columns:1fr 1fr}.hour-metrics{gap:10px}.hour-metrics>button{padding-left:10px}.insights strong{font-size:10px}.sponsor-strip{flex-wrap:wrap}.sponsor-track{max-width:none;flex-basis:45%}.recent-grid{grid-template-columns:1fr}.recent-item small{font-size:10px}.recent-money strong{font-size:13px}.stat-grid{grid-template-columns:1fr 1fr}.benefit-grid{gap:12px}.benefit-grid>.card{padding:20px}.profile-name{display:none}.sponsor-dates{flex-wrap:wrap;gap:20px}.sponsor-dates strong{font-size:21px}h1{font-size:28px}}
@media(max-width:650px){.rail{display:none}.workspace{margin-left:0}.topbar{height:70px;padding:0 20px}.brand-name{font-size:18px;gap:12px}.brand-name span{font-size:7px;padding-left:12px;letter-spacing:.12em}.private{display:none}.topright{gap:7px}main{padding:28px 18px 75px}.page-heading{flex-wrap:wrap;gap:18px;margin-bottom:24px}h1{font-size:27px;letter-spacing:-.8px}.page-heading p{font-size:11px}.page-heading>.primary{font-size:10px;padding:10px 13px}.eyebrow{font-size:8px}.hero-grid,.secondary-grid{gap:15px}.card{padding:22px}.payment-card{padding:24px;min-height:315px}.hero-number{font-size:48px}.payment-summary strong{font-size:14px}.payment-summary span{font-size:9px}.composition-card{padding:22px 20px 17px}.composition{gap:15px;min-height:215px}.donut-wrap{width:165px}.donut-center strong{font-size:19px}.legend button,.legend strong{font-size:9px}.segmented button{font-size:9px;padding:7px 12px}.chart-foot{font-size:8px;gap:5px}.chart-foot b{margin-left:2px}.secondary-grid{grid-template-columns:1fr;margin-top:15px}.hour-metrics{gap:20px}.hour-metrics>button{padding-left:20px}.insights strong{font-size:11px}.insights small{font-size:10px}.sponsor-strip{padding:20px;gap:13px;margin-top:15px}.sponsor-track{order:4;flex-basis:100%;padding:0;margin-top:6px}.sponsor-track>div:last-child{flex-direction:row;font-size:8px}.sponsor-strip>.text-link{margin-left:auto;font-size:10px}.sponsor-symbol{width:33px;height:33px}.sponsor-strip h3{font-size:13px}.recent-item{padding:14px}.recent-item small{font-size:8px}.recent-money strong{font-size:12px}.recent-heading h2{font-size:13px}footer{flex-wrap:wrap;gap:12px;font-size:8px;margin-top:22px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#15211aef;backdrop-filter:blur(14px);border-top:1px solid #3d5343;z-index:40;justify-content:space-around;padding:10px 5px max(10px,env(safe-area-inset-bottom))}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;color:#80988a;font-size:8px;padding:3px 8px}.mobile-nav button.chosen{color:var(--green)}.section-tools{gap:10px}.search{flex-basis:100%}.secondary{font-size:10px;padding:10px}.stat-grid{gap:12px}.stat strong{font-size:24px}.stat small{font-size:9px}.benefit-grid{grid-template-columns:1fr}.benefit-grid>.card{padding:23px}.modal-backdrop{padding:10px}.modal{padding:22px 16px;border-radius:12px;max-height:94vh}.detail-summary{grid-template-columns:1fr 1fr;gap:22px;padding:18px}.detail-summary strong{font-size:21px}.modal-footer{align-items:flex-start;flex-direction:column}.modal-footer .primary{width:100%}.sponsor-page{padding:24px}.sponsor-page>h2{font-size:24px}.sponsor-dates{display:grid;grid-template-columns:1fr;gap:25px}.sponsor-dates>svg{transform:rotate(90deg)}.sponsor-disclaimer p{font-size:11px}.toast{bottom:80px;font-size:11px}.connection-warning{flex-wrap:wrap}.import-zone{padding:30px 18px}.import-zone h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* FORM / sculpted dashboard */
body{background:#0a100e}.app-shell{background:radial-gradient(ellipse at 62% 22%,#163b2b38,transparent 53%),radial-gradient(ellipse at 5% 65%,#10352c23,transparent 42%),#0a100e}.rail{background:#0b120ff0;border-right-color:#25382a66}.rail-nav button.chosen{box-shadow:0 0 23px #58efa718,inset 0 0 0 1px #7affc522}.topbar{border-bottom-color:#344b3b44;background:#0c151066}.brand-name{font-weight:500}.page-heading{margin-bottom:30px}.page-heading h1{font-size:35px;font-weight:400;letter-spacing:-1.2px}.page-heading p{color:#7f9b8a;font-size:12px}.primary{border-radius:24px;background:linear-gradient(135deg,#96f2c8,#53c992);box-shadow:0 5px 24px #53df9726,inset 0 1px 0 #d8ffe766;padding:12px 20px}.home-scene{position:relative;isolation:isolate;border-radius:32px;background:radial-gradient(ellipse at 72% 27%,#214d3635,transparent 64%),linear-gradient(135deg,#19291f70,#101914cc 54%,#12231b77);box-shadow:0 32px 70px -30px #000c,0 3px 5px #0007,inset 0 1px 0 #a4ebbc18,inset 0 -1px 0 #83e9b312;overflow:visible;padding:0 34px}.home-scene:before{content:'';position:absolute;inset:-1px;border-radius:33px;padding:1px;background:linear-gradient(135deg,#a3f9c325,#678b6a06 30%,#a3f9c30c 75%,#2cd7891f);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.scene-grain{position:absolute;inset:0;border-radius:32px;overflow:hidden;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 78% 12%,#47ec9e0c,transparent 48%)}.scene-main{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;min-height:440px;gap:10px}.payment-orbit{padding:32px 0 36px 14px;position:relative}.payment-orbit>.eyebrow{font-size:9px;letter-spacing:.17em;color:#94b29e}.payment-orbit .payment-label{margin-top:36px;font-size:12px;color:#a6c1af;font-weight:400}.payment-orbit .payment-label span{border:0;background:none;padding:0;color:#587e67;font-size:9px}.payment-orbit .hero-number{font-size:clamp(46px,4.5vw,72px);font-weight:350;letter-spacing:-2.9px;color:#e7fbef;text-shadow:0 0 36px #86ffc215,0 6px 13px #0005;margin-top:12px}.payment-orbit .payment-date{font-size:10px;margin-top:13px;color:#718f7c}.payment-focus{position:relative;width:fit-content;cursor:default}.floating-facts{opacity:0;visibility:hidden;transform:translateY(7px);position:absolute;left:0;top:calc(100% + 18px);z-index:12;min-width:270px;background:linear-gradient(140deg,#223c2ceF,#14251deF);border:1px solid #8eeab342;backdrop-filter:blur(20px);border-radius:14px;padding:18px 21px;box-shadow:0 15px 50px #000a,0 0 30px #43ec9820;transition:opacity .2s,transform .2s;pointer-events:none}.floating-facts>div{display:flex;justify-content:space-between;gap:24px;font-size:11px;margin:9px 0}.floating-facts span{color:#94af9e}.floating-facts strong{font-weight:500;color:#dffbea}.payment-focus:hover .floating-facts,.payment-focus:focus .floating-facts{opacity:1;visibility:visible;transform:translateY(0)}.orbit-link{display:flex;align-items:center;gap:18px;font-size:12px;margin-top:36px;padding:0;color:#bcdec8}.orbit-link>span{width:32px;height:32px;border:1px solid #72d79b3b;border-radius:50%;display:grid;place-items:center;color:#89e9b1;background:#24473255;box-shadow:0 3px 12px #0004}.orbit-link:hover>span{box-shadow:0 0 21px #64eda83b;background:#35664766}.quiet-hint{display:block;font-size:9px;color:#526f5c;margin-top:18px;letter-spacing:.025em}.gain-orbit{position:relative;align-self:stretch;padding:26px 0 20px;display:flex;flex-direction:column;align-items:center}.orbit-heading{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.orbit-heading>.eyebrow{font-size:8px;color:#7f9f8a;letter-spacing:.18em}.orbit-heading .period-controls{justify-content:center}.orbit-heading .segmented{border:1px solid #42654f33;background:#0c19115c;box-shadow:inset 0 2px 5px #0005;border-radius:22px;padding:4px}.orbit-heading .segmented button{padding:7px 17px;border-radius:18px;font-size:10px}.orbit-heading .segmented button.active{background:linear-gradient(145deg,#3f6a4f9c,#284738a8);color:#d2fce4;box-shadow:0 2px 9px #0006,inset 0 1px 0 #8fd9a328,0 0 20px #8beeb00b}.sculpture{position:relative;display:flex;align-items:center;justify-content:center;width:100%;flex:1;min-height:318px}.gain-orbit .donut-wrap{width:345px;max-width:100%;position:relative;transform:perspective(1000px) rotateX(9deg);z-index:1}.gain-orbit .donut-wrap svg{filter:none;overflow:visible}.ring-halo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:245px;height:245px;border-radius:50%;background:#4be797;filter:blur(65px);opacity:.14;pointer-events:none}.ring-shadow{position:absolute;width:270px;height:38px;bottom:12px;border-radius:50%;background:#000;filter:blur(18px);opacity:.7;pointer-events:none}.gain-orbit .donut-center{gap:11px;transform:translateY(-2px)}.gain-orbit .donut-center>span{font-size:8px;letter-spacing:.16em;color:#799e87}.gain-orbit .donut-center>strong{font-size:26px;font-weight:350;color:#d7f7e3;letter-spacing:-.6px;text-shadow:0 2px 5px #0008}.gain-orbit .donut-center>small{font-size:8px;color:#618773;letter-spacing:.02em}.gain-orbit .donut-center.is-active>span{font-size:10px;text-transform:none;letter-spacing:.04em;color:#a2cfb3}.gain-orbit .donut-center.is-active>strong{font-size:28px;color:#a4ffd0;text-shadow:0 0 22px #63f6a530}.gain-orbit .slice{transition:stroke-width .2s,opacity .2s;outline:none}.gain-orbit .slice.dim{opacity:.37}.gain-orbit .slice:focus-visible{stroke-width:34;opacity:1}.chart-explanation{display:flex;align-items:center;gap:7px;font-size:8px;color:#718a79;padding:4px 0}.chart-explanation:hover{color:#badbc6}.scene-ribbon{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;border-top:1px solid #6d997827;padding:28px 12px;gap:35px;position:relative}.rhythm-orbit{display:flex;align-items:center;gap:24px;min-width:0}.rhythm-main{flex-shrink:0}.rhythm-main>.eyebrow{font-size:8px}.average-link{text-align:left;display:flex;flex-direction:column;gap:7px;padding:0;margin-top:12px}.average-link>strong{font-size:30px;font-weight:350;letter-spacing:-1px;color:#c1efd2}.average-link>strong>small{font-size:14px;color:#618875}.average-link>span{display:flex;align-items:center;gap:8px;font-size:8px;color:#698672}.average-link:hover>strong{color:#91f4b9;text-shadow:0 0 20px #5bef9b30}.record-links{display:flex;flex-direction:column;gap:14px;flex-shrink:0}.record-links>button{position:relative;text-align:left;color:#86a28e;font-size:9px;padding:3px 0;display:flex;align-items:center;gap:5px}.record-links>button:hover{color:#ccf9de}.record-popover{position:absolute;bottom:calc(100% + 10px);left:-12px;min-width:200px;border-radius:12px;background:#223a2aee;backdrop-filter:blur(16px);border:1px solid #68c38944;padding:16px;z-index:20;display:flex;flex-direction:column;gap:8px;opacity:0;visibility:hidden;box-shadow:0 18px 45px #000a,0 0 24px #3be79215;pointer-events:none}.record-popover strong{font-size:25px;font-weight:400;color:#b4fcd1}.record-popover small{font-size:9px;color:#9ac2a6;white-space:nowrap}.record-links>button:hover .record-popover,.record-links>button:focus-visible .record-popover{opacity:1;visibility:visible}.quiet-chart{flex:1;min-width:70px;opacity:.7}.quiet-chart .hours-chart{margin:0}.quiet-chart .hours-chart svg{height:80px}.quiet-chart .hours-chart svg text{opacity:0;transition:opacity .2s}.quiet-chart .chart-point:hover text,.quiet-chart .chart-point:focus text{opacity:1}.quiet-chart .hours-chart svg line{opacity:.3}.radar-orbit{padding-left:32px;border-left:1px solid #63896e22;position:relative}.radar-orbit>.eyebrow{font-size:8px;gap:7px}.radar-focus{position:relative;display:flex;align-items:center;gap:9px;padding:0;margin-top:18px;text-align:left;font-size:11px;font-weight:400;line-height:1.5;color:#c3dccc}.radar-focus>svg{flex-shrink:0;color:#80a98f}.radar-light{flex-shrink:0;width:5px;height:5px;background:#87edb7;border-radius:50%;box-shadow:0 0 12px #61ef9b8c}.radar-orbit>small{display:block;font-size:8px;color:#607c6a;margin-top:10px}.radar-popover{position:absolute;bottom:calc(100% + 17px);right:0;width:320px;max-width:75vw;border-radius:16px;background:linear-gradient(140deg,#243e2fec,#14221bed);backdrop-filter:blur(22px);border:1px solid #76dba23b;box-shadow:0 22px 50px #000a,0 0 32px #41e99314;padding:19px 21px;z-index:20;opacity:0;visibility:hidden;pointer-events:none}.radar-popover>div+div{margin-top:15px;border-top:1px solid #91ba9d20;padding-top:15px}.radar-popover strong{font-size:11px;font-weight:500;color:#ddfce7}.radar-popover p{font-size:10px;color:#9db6a5;margin-top:6px}.radar-focus:hover .radar-popover,.radar-focus:focus-visible .radar-popover{opacity:1;visibility:visible}.scene-bottom{display:flex;justify-content:space-between;align-items:center;padding:19px 12px;border-top:1px solid #59846a1f}.scene-bottom>button{display:flex;align-items:center;gap:10px;color:#7e9e89;font-size:10px;padding:0}.scene-bottom>button:hover{color:#b7f3cd}.scene-bottom>button>span{font-size:8px;background:#33534055;padding:4px 7px;border-radius:5px}.scene-bottom>button>svg:last-child{color:#557a62}.workspace footer{border-top:0;color:#4d6b57;margin-top:10px;padding:22px 0}.workspace footer .status-dot{width:4px;height:4px;background:#5d9b73;box-shadow:none}
@media(min-width:1500px){.home-scene{padding:0 50px}.scene-main{min-height:495px}.gain-orbit .donut-wrap{width:390px}.sculpture{min-height:355px}.payment-orbit .hero-number{font-size:76px}.payment-orbit{padding-left:22px}.ring-halo{width:290px;height:290px}}
@media(max-width:1100px){.home-scene{padding:0 24px}.gain-orbit .donut-wrap{width:310px}.scene-main{min-height:430px}.payment-orbit{padding-left:4px}.payment-orbit .hero-number{font-size:51px}.rhythm-orbit{gap:18px}.scene-ribbon{gap:18px;padding:25px 4px}.radar-orbit{padding-left:22px}.quiet-chart{display:none}.rhythm-main{margin-right:12px}.record-links{flex-direction:row;gap:18px}.gain-orbit .donut-center>strong{font-size:24px}.sculpture{min-height:295px}}
@media(max-width:800px){.home-scene{padding:0 25px}.scene-main{grid-template-columns:.9fr 1.1fr;gap:6px;min-height:400px}.payment-orbit .hero-number{font-size:43px;letter-spacing:-1.5px}.payment-orbit .payment-label{margin-top:29px}.gain-orbit .donut-wrap{width:280px}.sculpture{min-height:272px}.orbit-heading .segmented button{font-size:8px;padding:7px 10px}.gain-orbit .donut-center>strong{font-size:22px}.gain-orbit .donut-center>small{font-size:7px}.scene-ribbon{grid-template-columns:1fr;gap:25px}.rhythm-orbit{gap:28px}.quiet-chart{display:block}.radar-orbit{border-left:0;border-top:1px solid #6e9b7b22;padding:23px 0 0}.radar-popover{right:auto;left:0}.record-links{flex-direction:column;gap:11px}.radar-orbit>small{margin-left:14px}.radar-focus{margin-top:13px}.scene-bottom{padding:18px 0}.chart-explanation{font-size:7px;gap:4px}.ring-shadow{width:200px;bottom:13px}.ring-halo{width:180px;height:180px}.page-heading h1{font-size:31px}}
@media(max-width:580px){.home-scene{padding:0 23px;border-radius:26px}.home-scene:before,.scene-grain{border-radius:26px}.scene-main{grid-template-columns:1fr;gap:0}.payment-orbit{padding:29px 3px 10px}.payment-orbit>.eyebrow{font-size:8px}.payment-orbit .payment-label{margin-top:27px;font-size:11px}.payment-orbit .hero-number{font-size:56px;letter-spacing:-2.3px}.payment-orbit .payment-date{font-size:9px}.orbit-link{margin-top:23px;font-size:11px;gap:15px}.orbit-link>span{width:28px;height:28px}.quiet-hint{font-size:8px;margin-top:11px}.gain-orbit{padding:29px 0 24px}.orbit-heading{gap:12px}.orbit-heading>.eyebrow{font-size:7px}.orbit-heading .segmented button{font-size:9px;padding:7px 14px}.sculpture{min-height:315px}.gain-orbit .donut-wrap{width:315px}.gain-orbit .donut-center>strong{font-size:26px}.gain-orbit .donut-center>small{font-size:8px}.gain-orbit .donut-center.is-active>strong{font-size:29px}.ring-halo{width:210px;height:210px}.ring-shadow{width:220px;bottom:12px}.chart-explanation{font-size:7px;gap:5px}.scene-ribbon{padding:24px 0;gap:22px}.rhythm-orbit{gap:20px}.rhythm-main{margin-right:0}.average-link>strong{font-size:30px}.quiet-chart{display:block;min-width:40px}.quiet-chart .hours-chart svg{height:60px}.record-links{gap:10px}.record-links>button{font-size:8px}.record-popover{left:-75px;min-width:170px}.scene-bottom>button{font-size:8px;gap:7px}.scene-bottom>button>svg{width:13px}.page-heading h1{font-size:29px}.page-heading>.primary{padding:10px 16px}.radar-focus{font-size:10px}.radar-popover{width:280px;max-width:72vw}.floating-facts{min-width:245px}.workspace footer{font-size:7px;padding:18px 0;margin-top:8px}}
/* FORM / shared design language */
:root{--display:'Bahnschrift','Aptos Display','Segoe UI',sans-serif}
.brand-name,h1,h2,h3,.hero-number,.donut-center>strong,.average-link>strong,.stat>strong,.benefit-number,.sponsor-dates strong,.detail-summary strong,.record-mini,.sponsor-day-focus>strong{font-family:var(--display);font-weight:400;font-variant-numeric:tabular-nums;font-stretch:semi-condensed}
h1,h2,h3{letter-spacing:-.02em}.brand-name{letter-spacing:.16em}.hero-number{font-stretch:normal!important}.gain-orbit .donut-center>strong{font-size:28px;font-weight:400;font-stretch:normal;color:#d2f8e1;text-shadow:0 0 26px #72f9ad1f,0 3px 8px #0007;letter-spacing:-.8px}.gain-orbit .donut-center>span{letter-spacing:.12em}.gain-orbit .donut-center.is-active>strong{font-size:28px}.record-mini{font-size:10px;font-weight:400;color:#bedfc9;margin-left:4px;letter-spacing:.025em}.scene-bottom .journey-days{padding:0;background:none;border-radius:0;font-size:9px;color:#8cb49a}.journey-days b{font-family:var(--display);font-size:12px;color:#b9edcb;font-weight:400;margin-right:3px;font-variant-numeric:tabular-nums}.scene-bottom .journey-origin{background:none;border:0;padding:0;font-size:8px;color:#496d56;margin-left:3px}.home-scene{box-shadow:0 35px 80px -28px #000e,0 4px 8px #0008,inset 0 1px 0 #a4ebbc1e,inset 0 -1px 0 #83e9b312}.ring-halo{opacity:.18}.ring-shadow{opacity:.82}
.card{border:0;border-radius:25px;background:radial-gradient(ellipse at 88% 0%,#34674725,transparent 62%),linear-gradient(140deg,#1c30236b,#111c15e8);box-shadow:0 20px 45px -19px #000b,0 3px 4px #0005,inset 0 1px 0 #a4eeb820,inset 0 -1px 0 #5dd98d0a;padding:30px;overflow:visible}.card:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 1px 0 0 #a2eab80b,inset -1px 0 0 #75f2a70b}.card h2{color:#d5efdE;font-size:18px;font-weight:400}.card-top>.pill{background:linear-gradient(140deg,#35573f66,#233f2c44);border:1px solid #8cdaab1a;box-shadow:inset 0 1px 0 #bdf6ce0d,0 3px 8px #0003}.card-top>.eyebrow{color:#8db799}.section-tools{margin-bottom:26px}.search{border:1px solid #78d49b1f;border-radius:30px;padding:13px 18px;background:linear-gradient(145deg,#1c3223a8,#0e1b13b3);box-shadow:inset 0 2px 6px #0004,0 4px 15px #0003;color:#82b598}.search:focus-within{border-color:#7cdfa856;box-shadow:inset 0 2px 6px #0004,0 0 25px #60e39716}.search input{font-size:12px}.secondary{border:1px solid #74c58f22;background:linear-gradient(135deg,#2a47346e,#17271e6e);border-radius:24px;color:#b5d9c1;padding:12px 17px;box-shadow:0 4px 12px #0004,inset 0 1px 0 #c2f4d30c;transition:box-shadow .2s,background .2s}.secondary:hover{background:#2b573970;box-shadow:0 0 22px #52ed951f,0 5px 15px #0005;border-color:#86eaa43b}.icon-button{border-radius:50%;width:29px;height:29px;background:#27453133;color:#8fc0a0}.icon-button:hover{background:#315f427a;box-shadow:0 0 18px #59e99b26}.text-link:hover{color:#b7ffcf;text-shadow:0 0 16px #6aff9b4d}.view-1 table,.view-2 table,.modal table{font-size:12px;margin-top:25px}.view-1 th,.view-2 th,.modal th{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#7faa8c;border-bottom-color:#729b7a28;padding:17px 12px}.view-1 td,.view-2 td,.modal td{padding:19px 12px;border-bottom-color:#57816624;color:#b8d3c1}.view-1 td:first-child strong{font-family:var(--display);font-size:14px;color:#d6eee0}.view-1 td small,.view-2 td small,.modal td small{color:#6f9d7f;font-size:9px}.view-1 tbody tr,.view-2 tbody tr,.modal tbody tr{transition:background .18s}.view-1 tbody tr:hover,.view-2 tbody tr:hover,.modal tbody tr:hover{background:linear-gradient(90deg,#62f8980b,#64e9a508,transparent)}.view-1 tbody tr:hover td:first-child,.view-2 tbody tr:hover td:first-child{box-shadow:inset 2px 0 0 #89efb485}.view-1 td.green,.view-2 td.green{font-family:var(--display);font-size:14px;text-shadow:0 0 15px #66ffaa18}.import-zone{border:1px dashed #69ca8c37;background:radial-gradient(ellipse at 50% 100%,#43dd8121,transparent 70%),linear-gradient(135deg,#1a2c2160,#0d1710b3);border-radius:25px;box-shadow:0 16px 30px -16px #0009,inset 0 1px 0 #9adab61a;color:#93d4aa;transition:background .2s,box-shadow .2s;padding:42px}.import-zone>svg{filter:drop-shadow(0 0 10px #74efaa50)}.import-zone:hover{background:radial-gradient(ellipse at 50% 100%,#43dd8130,transparent 75%),#1c332379;border-color:#82eab367;box-shadow:0 15px 40px #0005,0 0 45px #56e99b0b}.import-zone h3{font-family:var(--display);font-size:21px;font-weight:400;color:#c9efd6}.import-zone small{color:#668c73}
.stat-grid{gap:0;border-radius:25px;padding:27px 6px;background:radial-gradient(ellipse at 30% 0%,#306d4625,transparent 70%),linear-gradient(140deg,#1b30216e,#0f1c14db);box-shadow:0 20px 45px -20px #000b,0 3px 4px #0005,inset 0 1px 0 #a4eeb820}.stat-grid>.stat{background:none;border:0;box-shadow:none;border-radius:0;border-right:1px solid #6da98120;padding:6px 25px;gap:16px;transition:background .2s}.stat-grid>.stat:before{display:none}.stat-grid>.stat:last-child{border-right:0}.stat-grid>.stat>strong{font-size:30px;color:#c4f8d7;text-shadow:0 0 25px #6ef9a81c;letter-spacing:-.035em}.stat-grid>.stat:hover{background:radial-gradient(ellipse at 50% 50%,#81ffc70f,transparent 70%);border-color:#6da98120}.stat-grid>.stat small{color:#648e74;font-size:9px}.view-2 .card .hours-chart{margin:25px 0 10px}.view-2 .hours-chart>svg{max-height:260px;filter:drop-shadow(0 4px 12px #0006)}.view-2 .hours-chart>svg>path[stroke]{filter:drop-shadow(0 0 6px #78ffc440)}.benefit-grid{gap:0;border-radius:25px;background:linear-gradient(140deg,#1d332575,#111d15d9);box-shadow:0 20px 45px -20px #000b,inset 0 1px 0 #a4eeb820;padding:26px 4px}.benefit-grid>.card{background:none;box-shadow:none;border-radius:0;border:0;border-right:1px solid #79b38d21;padding:0 26px}.benefit-grid>.card:before{display:none}.benefit-grid>.card:last-child{border-right:0}.benefit-number{font-size:36px!important;color:#b5efd0;letter-spacing:-.04em;text-shadow:0 0 26px #78ffa41c}.benefit-grid p{font-size:10px;color:#759d83}.view-2 .section-tools .segmented{border-radius:24px;background:#0e1b13a6;border-color:#78b88d22;box-shadow:inset 0 2px 5px #0004}.view-2 .section-tools .segmented button{border-radius:20px;padding:8px 16px}.view-2 .section-tools .segmented button.active{background:linear-gradient(145deg,#406b5180,#264636a8);box-shadow:inset 0 1px 0 #c2f4d30d,0 3px 9px #0004}
.sponsor-page{background:radial-gradient(ellipse at 86% 10%,#3c996035,transparent 70%),linear-gradient(135deg,#1b302174,#101c15e6);padding:36px 38px;overflow:hidden}.sponsor-page:after{content:'';width:300px;height:300px;position:absolute;right:-110px;top:-120px;background:#64f7b3;opacity:.07;filter:blur(65px);border-radius:50%;pointer-events:none}.sponsor-day-focus{display:flex;align-items:baseline;gap:20px;margin:23px 0 27px}.sponsor-day-focus>strong{font-size:60px;color:#d0ffe1;letter-spacing:-2px;text-shadow:0 0 40px #7dfaaf24;font-weight:400}.sponsor-day-focus>strong>small{font-size:19px;color:#729d81;letter-spacing:0}.sponsor-day-focus>span{font-size:10px;color:#7ba18a}.sponsor-page>h2{font-size:23px;color:#c8e7d3}.sponsor-dates{padding:25px 0;margin:23px 0;border-top:1px solid #6fa9811d;gap:30px}.sponsor-dates strong{font-size:26px;color:#bfe9ce;text-shadow:0 0 20px #74ffc912}.sponsor-dates span{font-size:9px;letter-spacing:.05em;color:#89b696}.sponsor-dates small{font-size:9px;color:#668d72}.sponsor-page .track{background:#37684630;height:6px;box-shadow:inset 0 2px 3px #0005;overflow:visible}.sponsor-page .track>span{background:linear-gradient(90deg,#4aae74,#a1fbbd);box-shadow:0 0 18px #67ee9d78,0 2px 5px #0004}.sponsor-disclaimer{gap:12px;color:#779b84}.sponsor-disclaimer p{font-size:11px;color:#789a84}.timeline-row{border-bottom-color:#6f9a7d1c;transition:background .2s;border-radius:10px;padding:20px 10px}.timeline-row:hover{background:#68ef9709}.timeline-row>strong{font-family:var(--display);color:#a8debb;font-size:16px}.timeline-row .status-dot{box-shadow:0 0 14px #70ffa354}.timeline-row small{font-size:9px;color:#6c967a}
.modal-backdrop{background:#031009bd;backdrop-filter:blur(15px)}.modal{border:1px solid #a3eab527;border-radius:28px;background:radial-gradient(ellipse at 90% 0%,#397a4e35,transparent 65%),linear-gradient(145deg,#1b3023f5,#101e15fc);box-shadow:0 45px 130px #000d,0 0 100px #54ef8c09,inset 0 1px 0 #bcf9c524;padding:35px}.modal-top h2{font-family:var(--display);font-size:28px;font-weight:400;letter-spacing:-.035em;color:#d9f5e2}.modal-top p{color:#79a089}.detail-summary{border-radius:18px;background:linear-gradient(145deg,#3a624025,#19412915);box-shadow:inset 0 1px 0 #acf5c322,0 8px 25px #0003;padding:23px}.detail-summary span{color:#83aa90;font-size:9px;letter-spacing:.025em}.detail-summary strong{font-size:26px;font-weight:400;color:#c7e9d3;font-variant-numeric:tabular-nums}.detail-summary .green{text-shadow:0 0 25px #81ffb42b}.detail-note{border-radius:12px;background:linear-gradient(135deg,#5c55372b,#3c392826);border:1px solid #b9a2631a;color:#c8b889;padding:14px}.toast{border-radius:17px;background:linear-gradient(140deg,#294936ed,#152e20f5);backdrop-filter:blur(18px);border:1px solid #83dba83c;box-shadow:0 18px 50px #0009,0 0 35px #67f49a16}.mobile-nav{background:#11271bcf;box-shadow:0 -10px 35px #0005}.mobile-nav button.chosen svg{filter:drop-shadow(0 0 7px #7bffb14b)}
@media(max-width:1000px){.stat-grid{padding:22px 5px}.stat-grid>.stat{padding:8px 20px}.stat-grid>.stat:nth-child(2){border-right:0}.stat-grid>.stat:nth-child(-n+2){padding-bottom:24px}.stat-grid>.stat:nth-child(n+3){padding-top:22px;border-top:1px solid #6da98120}.stat-grid>.stat>strong{font-size:29px}.benefit-grid>.card{padding:0 20px}.sponsor-day-focus>strong{font-size:53px}}
@media(max-width:650px){.card{padding:24px 20px;border-radius:23px}.card h2{font-size:16px}.secondary{font-size:10px;padding:11px 14px}.stat-grid{padding:21px 4px;border-radius:23px}.stat-grid>.stat{padding:8px 16px}.stat-grid>.stat>strong{font-size:27px}.stat-grid>.stat>.eyebrow{font-size:7px}.benefit-grid{padding:4px 23px;border-radius:23px}.benefit-grid>.card{padding:23px 0;border-right:0;border-bottom:1px solid #79b38d21}.benefit-grid>.card:last-child{border-bottom:0}.benefit-number{margin:12px 0 9px}.benefit-grid p{margin-bottom:15px}.import-zone{padding:30px 18px}.import-zone h3{font-size:19px}.modal{padding:25px 17px;border-radius:23px}.detail-summary{padding:20px;gap:25px}.detail-summary strong{font-size:25px}.sponsor-page{padding:28px 24px}.sponsor-day-focus{align-items:flex-start;flex-direction:column;gap:5px;margin:22px 0}.sponsor-day-focus>strong{font-size:53px}.sponsor-day-focus>span{font-size:9px}.sponsor-page>h2{font-size:20px}.sponsor-dates{gap:24px}.scene-bottom .journey-origin{display:none}.scene-bottom .journey-days{font-size:8px}.journey-days b{font-size:11px}.record-mini{font-size:9px;margin-left:2px}.gain-orbit .donut-center>strong{font-size:27px}.view-1 th,.view-2 th,.modal th{font-size:8px}.view-1 td,.view-2 td,.modal td{font-size:11px}}
/* Readable payslip analysis */
.payslip-detail{max-width:1000px}.payslip-head{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:20px;margin:26px 0 21px;padding:25px 24px;border-radius:19px;background:linear-gradient(135deg,#355e402d,#152d1d35);box-shadow:inset 0 1px 0 #b0f9c624,0 8px 28px #0004}.payslip-head>div{display:flex;flex-direction:column;gap:10px}.payslip-head span{font-size:10px;color:#9abdA5}.payslip-head strong{font-family:var(--display);font-size:28px;letter-spacing:-.035em;font-weight:400;color:#daf4e1;font-variant-numeric:tabular-nums}.payslip-head small{font-size:8px;color:#749881}.payslip-head .received strong{color:#8bf2b7;text-shadow:0 0 24px #7bffa72b}.payslip-meta{display:grid;grid-template-columns:1.4fr 1fr;gap:19px;margin:0 4px 26px}.payslip-meta>div{display:flex;flex-direction:column;gap:6px}.payslip-meta span{font-size:8px;letter-spacing:.06em;text-transform:uppercase;color:#6f987d}.payslip-meta strong{font-size:11px;font-weight:400;color:#b4d4bd}.payslip-meta strong small{font-size:9px;margin-left:4px;color:#7b9e86}.period-meta{grid-column:1/-1}.breakdown-section{border-top:1px solid #6bb08425;padding:23px 0}.breakdown-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px;gap:15px}.breakdown-heading .eyebrow{font-size:9px;letter-spacing:.12em;color:#9cc9ab;gap:8px}.breakdown-heading>strong{font-family:var(--display);font-size:16px;font-weight:400;color:#b6ebc9}.outgoing .breakdown-heading .eyebrow{color:#b5b192}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.money-group-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 9px}.money-group-heading h3{font-family:var(--display);font-size:14px;color:#b9d3c2;font-weight:400;letter-spacing:-.015em}.money-group-heading>strong{font-size:11px;font-weight:400;color:#81a98e;white-space:nowrap}.money-row{display:grid;grid-template-columns:1fr auto;gap:5px 15px;padding:11px 0;border-top:1px solid #5789681b;align-items:start}.money-row>div{display:flex;flex-direction:column;gap:5px}.money-row>div>span{font-size:11px;color:#bcddc7}.money-row small{font-size:9px;line-height:1.6;color:#7fa28b}.money-row>strong{font-family:var(--display);font-size:14px;font-weight:400;color:#b3e5c5;font-variant-numeric:tabular-nums;letter-spacing:.01em;white-space:nowrap}.money-row details{grid-column:1/-1;font-size:8px;color:#5b846a;justify-self:start;cursor:pointer}.money-row details summary{font-size:8px;color:#668e76;padding:2px 0}.money-row details[open] summary{color:#b6d6c0;margin-bottom:5px}.money-row details small{display:block;font-size:9px;color:#92ae9d}.empty-group{color:#61816c;font-size:10px;margin:15px 0}.pay-reconciliation{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:17px 18px;background:#3150391c;border-radius:11px;margin:0 0 20px}.pay-reconciliation>span{display:flex;flex-direction:column;gap:6px;font-size:8px;color:#7c9a85}.pay-reconciliation b{font-family:var(--display);font-size:12px;color:#b0cdb8;font-weight:400;font-variant-numeric:tabular-nums}.pay-reconciliation>svg{color:#4b7059}.pay-reconciliation .green b{color:#90edb4}.accrual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.accrual-grid>div{border-left:1px solid #73b89125;padding-left:16px;display:flex;flex-direction:column;align-items:flex-start}.accrual-grid>div:first-child{border:0;padding-left:0}.accrual-grid>div>span{font-size:11px;color:#a6c9b2}.accrual-grid strong{font-family:var(--display);font-size:27px;font-weight:400;color:#b6eccc;letter-spacing:-.04em;margin:12px 0 7px}.accrual-grid strong>small{font-size:13px;color:#5c8a6c}.accrual-grid p{font-size:8px;line-height:1.7;color:#718e7a}.accrual-grid details{margin-top:11px;cursor:pointer}.accrual-grid summary{color:#6c967b;font-size:8px}.accrual-grid details[open] summary{margin-bottom:7px}.accrual-grid details small{display:block;font-size:8px;color:#86ab92;line-height:1.7}.employer-benefits .money-group{max-width:100%}.employer-benefits .money-row{grid-template-columns:1fr auto}.employer-benefits .micro{margin-top:13px;color:#688971}.document-notes{border-top:1px solid #74b88b20;padding-top:17px;margin-top:5px}.document-notes>summary{font-size:10px;color:#89a693;cursor:pointer}.document-notes>summary>span{font-size:8px;margin-left:7px;color:#6f937b}.payslip-detail .modal-footer{border-top:1px solid #6fab821f;padding-top:21px}.payslip-detail .modal-top .eyebrow{font-size:8px;letter-spacing:.1em}
@media(max-width:680px){.payslip-head{grid-template-columns:1fr 1fr;padding:20px;gap:22px 14px}.payslip-head>div:last-child{grid-column:1/-1;border-top:1px solid #85b69220;padding-top:17px}.payslip-head strong{font-size:27px}.payslip-head>div:last-child strong{font-size:23px}.payslip-head small{font-size:8px}.payslip-meta{grid-template-columns:1fr;gap:14px}.period-meta{grid-column:auto}.payslip-meta strong{font-size:10px}.entry-grid{grid-template-columns:1fr;gap:20px}.money-group-heading h3{font-size:15px}.money-row>div>span{font-size:12px}.money-row>strong{font-size:15px}.money-row small{font-size:10px}.accrual-grid{gap:13px}.accrual-grid>div{padding-left:10px}.accrual-grid strong{font-size:25px}.accrual-grid p{font-size:7px}.accrual-grid summary{font-size:7px}.pay-reconciliation{gap:15px 9px;padding:17px 14px;justify-content:flex-start}.pay-reconciliation>svg{display:none}.pay-reconciliation>span{min-width:80px}.payslip-detail .modal-top h2{font-size:24px}.payslip-detail .modal-top .eyebrow{font-size:7px}.breakdown-heading .eyebrow{font-size:8px}}
/* Proportional desktop scale, with a larger reading area */
@media(min-width:1101px){
 .app-shell{zoom:1.16}
 main{max-width:1640px;padding:30px 30px 0}
 .topbar{padding-left:30px;padding-right:30px}
}
@media(min-width:1600px){
 .app-shell{zoom:1.2}
 main{max-width:1760px;padding-left:34px;padding-right:34px}
}
.home-scene{background:radial-gradient(ellipse at 74% 26%,#2e704a4a,transparent 60%),radial-gradient(ellipse at 3% 82%,#275c3e20,transparent 55%),linear-gradient(135deg,#192e228a,#101d16e8 54%,#162d208c);box-shadow:0 38px 90px -28px #000f,0 5px 10px #0009,0 0 65px #40ed9610,inset 0 1px 0 #b4ffcf24,inset 0 -1px 0 #83e9b31a}
.home-scene:before{background:linear-gradient(135deg,#a3f9c33b,#678b6a09 30%,#a3f9c316 75%,#52e9a52f)}
.scene-grain{background:radial-gradient(ellipse at 78% 12%,#62ffb319,transparent 49%),radial-gradient(ellipse at 28% 88%,#4ce6a00c,transparent 45%)}
.ring-halo{opacity:.24;filter:blur(61px)}
.ring-shadow{filter:blur(17px);opacity:.85}
.gain-orbit .donut-wrap{filter:drop-shadow(0 0 24px #67ffb616)}
.payment-orbit .hero-number{text-shadow:0 0 43px #86ffc223,0 6px 13px #0008}
.radar-light{box-shadow:0 0 9px #85ffbabc,0 0 20px #61ef9b5c}
.home-scene .orbit-link>span{box-shadow:0 4px 15px #0006,0 0 18px #72ef9b17,inset 0 1px 0 #a5f5c71c}
.home-scene .orbit-link:hover>span{box-shadow:0 0 27px #64eda84d,0 5px 15px #0005}
.scene-bottom>button:hover{filter:drop-shadow(0 0 7px #79fba734)}
@media(max-width:1100px){.app-shell{zoom:1}main{padding-left:24px;padding-right:24px}}
@media(max-width:650px){main{padding-left:18px;padding-right:18px}.ring-halo{opacity:.2}}
/* Crisp typography and restrained scale */
@media(min-width:1101px){.app-shell{zoom:1.04}main{max-width:1510px;padding:34px 38px 0}.topbar{padding-left:38px;padding-right:38px}}
@media(min-width:1600px){.app-shell{zoom:1.05}main{max-width:1590px;padding-left:40px;padding-right:40px}}
.gain-orbit .donut-wrap{transform:none;filter:none}
.gain-orbit .donut-wrap svg{filter:none}
.gain-orbit .donut-center{transform:none;gap:12px}
.gain-orbit .donut-center>span{font-size:11px;letter-spacing:.08em;color:#a9cdb8;font-weight:500}
.gain-orbit .donut-center>strong,.gain-orbit .donut-center.is-active>strong{font-size:33px;font-weight:400;color:#e0f9e9;text-shadow:none;letter-spacing:-.7px}
.gain-orbit .donut-center>small{font-size:10px;color:#90b59d;letter-spacing:0}
.gain-orbit .donut-center.is-active>span{font-size:12px;color:#bde9ce}
.gain-orbit .donut-center.is-active>strong{color:#a7facb}
.ring-halo{opacity:.17}.ring-shadow{opacity:.7}
/* Neon wind trails live below the opaque content surfaces. */
.app-shell{position:relative;isolation:isolate}
.view-0:before,.view-0:after{content:'';position:fixed;pointer-events:none;z-index:-1;width:145vw;height:2px;left:-23vw;transform:rotate(-29deg);background:linear-gradient(90deg,transparent 5%,#1b9e6240 24%,#71ffcaa6 47%,#d0ffeacf 52%,#47eea774 59%,transparent 84%);box-shadow:0 0 9px #66ffbb60,0 0 25px #3dffa846,0 0 55px #43e99d25;opacity:.8}
.view-0:before{top:54vh}
.view-0:after{top:77vh;left:-36vw;height:1px;opacity:.4;box-shadow:0 0 12px #66ffbb5c,0 0 33px #3dffa831}
.view-0 .home-scene{background:radial-gradient(ellipse at 74% 26%,#234c36,transparent 62%),radial-gradient(ellipse at 3% 82%,#172f23,transparent 55%),linear-gradient(135deg,#14241b,#101c15 54%,#14291d)}
.view-0 .page-heading,.view-0 footer{position:relative;z-index:0;background:#0c1611}
.view-0 .topbar{background:#0c1510}
@media(max-width:650px){.gain-orbit .donut-center>strong,.gain-orbit .donut-center.is-active>strong{font-size:30px}.gain-orbit .donut-center>span{font-size:10px}.gain-orbit .donut-center>small{font-size:9px}.view-0:before{top:52vh;opacity:.5}.view-0:after{opacity:.25}}
/* Slowly drifting neon atmosphere — always below the data */
.view-0:before,.view-0:after{display:none}
.neon-atmosphere{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;contain:paint}
.wind-trail{position:absolute;display:block;width:145vw;height:var(--thickness,3px);left:var(--left,-24vw);top:var(--top,55vh);transform:rotate(var(--angle,-29deg));border-radius:100%;background:linear-gradient(90deg,transparent 8%,#22bd7624 27%,#52f6a980 44%,#b9ffe6d9 51%,#49eba686 60%,transparent 83%);box-shadow:0 0 12px #6affbe8f,0 0 32px #40f99b75,0 0 65px #47f6a74d,0 0 100px #37ce8829;opacity:var(--light,.65);animation:wind-drift var(--duration,25s) ease-in-out infinite alternate;animation-delay:var(--delay,0s);will-change:transform}
.trail-a{--thickness:13px;--top:53vh;--left:-25vw;--angle:-28deg;--light:.63;--duration:31s;filter:blur(1px)}
.trail-b{--thickness:2px;--top:73vh;--left:-34vw;--angle:-30deg;--light:.72;--duration:24s;--delay:-9s}
.trail-c{--thickness:5px;--top:30vh;--left:-4vw;--angle:-35deg;--light:.36;--duration:36s;--delay:-18s}
.trail-d{--thickness:1px;--top:90vh;--left:-13vw;--angle:-25deg;--light:.62;--duration:27s;--delay:-12s}
.trail-e{--thickness:3px;--top:47vh;--left:-48vw;--angle:-38deg;--light:.38;--duration:33s;--delay:-21s}
.neon-spark{position:absolute;display:block;width:var(--size,3px);height:var(--size,3px);left:var(--x,50%);top:var(--y,50%);border-radius:50%;background:#b5ffd9;box-shadow:0 0 7px 2px #7effbfa6,0 0 18px 5px #4dffa16e,0 0 35px 8px #34dd7d30;opacity:.5;animation:spark-drift var(--time,18s) ease-in-out infinite alternate;animation-delay:var(--offset,0s);will-change:transform,opacity}
.spark-a{--x:6%;--y:36%;--size:4px;--time:19s;--offset:-5s}
.spark-b{--x:90%;--y:24%;--size:2px;--time:23s;--offset:-15s}
.spark-c{--x:96%;--y:62%;--size:4px;--time:21s;--offset:-8s}
.spark-d{--x:13%;--y:89%;--size:2px;--time:26s;--offset:-19s}
.spark-e{--x:72%;--y:94%;--size:3px;--time:20s;--offset:-12s}
.spark-f{--x:38%;--y:13%;--size:2px;--time:28s;--offset:-20s}
.spark-g{--x:3%;--y:76%;--size:3px;--time:24s;--offset:-7s}
@keyframes wind-drift{from{transform:translate3d(-9px,14px,0) rotate(var(--angle,-29deg))}to{transform:translate3d(12px,-16px,0) rotate(var(--angle,-29deg))}}
@keyframes spark-drift{0%{transform:translate3d(-3px,6px,0);opacity:.22}55%{opacity:.63}100%{transform:translate3d(8px,-12px,0);opacity:.34}}
@media(max-width:650px){.trail-a{--thickness:8px;--light:.47}.trail-c{--light:.24}.neon-spark{box-shadow:0 0 7px 1px #7effbf99,0 0 19px 4px #4dffa14f}}
@media(prefers-reduced-motion:reduce){.wind-trail,.neon-spark{animation:none!important;will-change:auto}}
/* A little more flow, shared by every view */
.trail-a{--duration:27s}.trail-b{--duration:22s}.trail-c{--duration:31s}.trail-d{--duration:25s}.trail-e{--duration:29s}
@keyframes wind-drift{from{transform:translate3d(-18px,25px,0) rotate(var(--angle,-29deg))}to{transform:translate3d(23px,-29px,0) rotate(var(--angle,-29deg))}}
@keyframes spark-drift{0%{transform:translate3d(-7px,12px,0);opacity:.24}55%{opacity:.62}100%{transform:translate3d(14px,-20px,0);opacity:.36}}
.view-1 .page-heading,.view-2 .page-heading,.view-3 .page-heading,.view-1 footer,.view-2 footer,.view-3 footer{position:relative;z-index:0;background:#0c1611}
.app-shell .topbar{background:#0c1510}
.view-1 .card,.view-2 .card,.view-3 .card{background:radial-gradient(ellipse at 88% 0%,#23402d,transparent 62%),linear-gradient(140deg,#18291e,#111c15)}
.view-2 .stat-grid{background:radial-gradient(ellipse at 30% 0%,#21432e,transparent 70%),linear-gradient(140deg,#18291d,#0f1c14)}
.view-2 .stat-grid>.stat,.view-2 .benefit-grid>.card{background:none}
.view-2 .benefit-grid{background:linear-gradient(140deg,#1a2d21,#111d15)}
.view-1 .import-zone{background:radial-gradient(ellipse at 50% 100%,#1d3b2a,transparent 70%),linear-gradient(135deg,#18271d,#0d1710)}
@media(prefers-reduced-motion:reduce){.wind-trail,.neon-spark{animation:none!important}}
/* Transparent headings and a quiet dashboard upload shortcut */
.app-shell .topbar,.app-shell .page-heading,.app-shell footer{background:transparent}
.quick-upload{position:relative;align-self:flex-start;display:grid;place-items:center;flex-shrink:0;width:33px;height:33px;margin-top:9px;border-radius:50%;color:#7ca68b;background:#1d3a271f;border:1px solid #7bd89d22;transition:color .2s,background .2s,box-shadow .2s}
.quick-upload:hover,.quick-upload:focus-visible{color:#b1f6cb;background:#29503a55;box-shadow:0 0 15px #69e99f16}
.quick-upload>span{position:absolute;top:calc(100% + 9px);right:0;white-space:nowrap;font-size:9px;padding:7px 10px;border-radius:8px;background:#20392beF;border:1px solid #72c4912a;color:#bde4c9;box-shadow:0 6px 20px #0005;opacity:0;visibility:hidden;pointer-events:none}
.quick-upload:hover>span,.quick-upload:focus-visible>span{opacity:1;visibility:visible}
.composition-title{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.composition-title .eyebrow{font-size:8px;color:#8dad98;letter-spacing:.13em}.chart-mode{display:flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #82c89e22;border-radius:15px;color:#85b797;font-size:8px;background:#19382528;transition:color .2s,background .2s}.chart-mode:hover,.chart-mode:focus-visible{color:#c5f9d8;background:#2a553b4d}.chart-mode[aria-pressed="true"]{color:#b8e5c8;border-color:#8ddbaf3b}.gain-orbit .donut-center>small{max-width:195px;text-align:center;line-height:1.5;padding:0 8px}.gain-orbit .donut-center>span{max-width:200px;text-align:center;line-height:1.5}
.last-work-hours{display:flex;align-items:center;gap:6px;color:#93b29d;font-size:10px;padding:0;margin-top:10px}.last-work-hours:hover{color:#b7eeca}.last-work-hours>svg:last-child{color:#61876d}.hours-comparison{font-size:11px;color:#a4c6af;line-height:1.7;margin:12px 0 9px}.view-2 .benefit-grid .text-link:disabled{opacity:.35;cursor:default}
/* Readable point details, independent of the miniature SVG scale */
.hours-chart{position:relative;overflow:visible}.quiet-chart{opacity:1}.quiet-chart .hours-chart svg{opacity:.8}.quiet-chart .chart-point text{display:none}
.hours-tooltip{position:absolute;bottom:calc(100% + 9px);width:215px;padding:15px 17px;border-radius:13px;background:linear-gradient(145deg,#244331f5,#11271cfb);border:1px solid #96e8b64f;box-shadow:0 12px 35px #000b,0 0 22px #71edaa15;z-index:25;pointer-events:none;display:flex;flex-direction:column;gap:9px;text-align:left}
.hours-tooltip>strong{font-family:var(--display);font-size:25px;font-weight:400;line-height:1.1;color:#c6ffde;font-variant-numeric:tabular-nums}.hours-tooltip>strong>span{font-family:'Segoe UI',sans-serif;font-size:11px;font-weight:400;color:#a5d2b5;letter-spacing:0}.hours-tooltip>span{font-size:11px;line-height:1.5;color:#d5eadd}.hours-tooltip>small{font-size:9px;line-height:1.6;color:#91b59e}.chart-point:focus-visible{outline:none}.chart-point:focus-visible circle:last-of-type{stroke:#baffd4;stroke-width:7}

.auth-shell{zoom:1!important;min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 78% 45%,#16372555,transparent 55%),#0a120e;padding:0 5vw;position:relative}.auth-header{height:110px;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1360px;margin:0 auto}.auth-wordmark{display:flex;align-items:center;gap:8px;color:#94efba}.auth-wordmark svg{width:38px;height:45px;filter:drop-shadow(0 0 12px #72f8ad33)}.auth-wordmark>span{font-family:var(--display);font-size:26px;letter-spacing:.15em;line-height:1.2;color:#e2f3e8}.auth-wordmark small{display:block;font-family:'Segoe UI',sans-serif;font-size:7px;letter-spacing:.19em;color:#7d9d88;margin-top:3px}.auth-private{display:flex;align-items:center;gap:7px;font-size:10px;color:#729e81}.auth-layout{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:90px;width:100%;max-width:1160px;margin:30px auto 65px;flex:1}.auth-intro{position:relative;min-width:0}.auth-intro>.eyebrow{font-size:9px;color:#8caf97;letter-spacing:.14em}.auth-intro h1{font-family:var(--display);font-size:clamp(36px,4vw,54px);line-height:1.17;font-weight:400;letter-spacing:-1.7px;margin:25px 0 18px;color:#dbf4e3}.auth-intro h1>span{color:#86b69a}.auth-intro>p{font-size:13px;color:#799b85;line-height:1.9}.auth-art{position:relative;width:245px;height:190px;margin:20px 0 18px;display:grid;place-items:center;isolation:isolate;pointer-events:none}.auth-art>span{position:absolute;width:145px;height:145px;border:1px solid #85efb632;border-radius:33px;transform:rotate(-24deg);background:linear-gradient(145deg,#79fbb311,#0a1e1103);box-shadow:0 18px 35px -15px #0008,inset 0 1px 0 #9df1c30b}.auth-art>span:nth-child(2){transform:translate(22px,-9px) rotate(-24deg);opacity:.55;z-index:-1}.auth-art>span:nth-child(3){transform:translate(-22px,9px) rotate(-24deg);opacity:.5;z-index:-2}.auth-art:before{content:'';position:absolute;width:140px;height:140px;background:#61eba0;opacity:.08;filter:blur(45px);border-radius:50%;z-index:-3}.auth-art b{font-family:var(--display);font-size:90px;font-weight:400;color:#a0edc0;line-height:1;letter-spacing:-.09em;text-shadow:0 0 24px #6effb233;transform:translateX(-3px)}.auth-signature{display:flex;align-items:center;gap:9px;font-size:10px;color:#6b9279}.auth-signature>.status-dot{width:4px;height:4px}.auth-panel{position:relative;width:100%;max-width:420px;justify-self:end;isolation:isolate;padding:40px 36px 27px;border-radius:29px;background:radial-gradient(ellipse at 95% 0%,#284c35,transparent 68%),linear-gradient(145deg,#1b3023,#101c15);border:1px solid #91dfa52a;box-shadow:0 32px 80px -18px #000b,0 0 70px #4ceb9409,inset 0 1px 0 #bef7cb16}.auth-lock{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:linear-gradient(145deg,#31583b77,#203b2988);border:1px solid #8ed4a32c;color:#a6eac0;box-shadow:0 5px 17px #0004,0 0 17px #6cf0a00c;margin-bottom:26px}.auth-panel>.eyebrow{font-size:8px;letter-spacing:.15em;color:#8db69a}.auth-panel h2{font-family:var(--display);font-size:29px;font-weight:400;letter-spacing:-.8px;margin:14px 0 10px;color:#ddf5e5}.auth-panel>p{font-size:11px;color:#81a28c}.auth-panel form{margin-top:30px}.auth-panel label{display:block;font-size:10px;color:#abc7b5;margin-bottom:9px}.auth-input{display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid #8dc69d26;border-radius:11px;background:#07170f63;box-shadow:inset 0 2px 6px #0004;color:#6c9c7d;margin-bottom:22px;transition:border-color .2s,box-shadow .2s}.auth-input:focus-within{border-color:#88e5a876;box-shadow:0 0 19px #63ef9814,inset 0 2px 6px #0003}.auth-input>svg{flex-shrink:0}.auth-input>input{min-width:0;width:100%;border:0;background:none;font:inherit;font-size:12px;color:#d7efe0;outline:none}.auth-input>input::placeholder{color:#50735d}.auth-input>button{display:grid;place-items:center;padding:2px;color:#81a68d}.auth-submit{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 17px;border-radius:12px;border:1px solid #c3ffda20;background:linear-gradient(135deg,#a0efbf,#61cd99);color:#0c2917;font-family:var(--display);font-size:14px;box-shadow:0 6px 23px #65ea9d1c,inset 0 1px 0 #e3ffeb65;transition:box-shadow .2s,background .2s;margin-top:7px}.auth-submit:hover{box-shadow:0 0 29px #71f5aa2c;background:linear-gradient(135deg,#c0f8d1,#76dba8)}.auth-submit:disabled{opacity:.6}.auth-error{font-size:11px;line-height:1.6;color:#e0bc84;background:#65532c25;border:1px solid #b29b5925;padding:11px;border-radius:9px;margin-bottom:15px}.auth-reassurance{display:flex;align-items:center;justify-content:center;gap:7px;color:#668e74;font-size:9px;padding-top:23px}.auth-panel>.auth-preview{text-align:center;border-top:1px solid #79b38c1f;margin-top:21px;padding-top:16px;color:#7a9e86;font-size:9px;line-height:1.8}.auth-footer{width:100%;max-width:1360px;margin:0 auto!important;padding:20px 0 25px!important;font-size:9px!important;display:flex;justify-content:space-between;color:#567b63!important}.auth-footer>span:last-child{font-size:8px;letter-spacing:.1em}
@media(max-width:950px){.auth-layout{gap:40px}.auth-panel{padding:32px 28px 25px}.auth-intro h1{font-size:38px}.auth-art{width:220px;height:170px}.auth-intro>.eyebrow{font-size:7px}}
@media(max-width:680px){.auth-shell{padding:0 23px}.auth-header{height:88px}.auth-wordmark>span{font-size:23px}.auth-private{font-size:8px}.auth-layout{grid-template-columns:1fr;gap:28px;margin:25px auto 35px;max-width:420px}.auth-intro{padding:0 4px}.auth-intro h1{font-size:35px;margin:19px 0 12px}.auth-intro>p{font-size:11px}.auth-art,.auth-signature{display:none}.auth-panel{justify-self:center;max-width:none;padding:29px 25px 24px}.auth-panel h2{font-size:27px}.auth-lock{margin-bottom:23px}.auth-footer{font-size:8px!important;gap:16px;flex-wrap:wrap}.auth-footer>span:last-child{font-size:7px}.auth-input{padding:14px 13px}.auth-input input{font-size:16px}.auth-panel>.eyebrow{font-size:7px}}
/* A single centered login surface */
.auth-shell{padding:30px 22px;justify-content:center;min-height:100svh}.auth-layout{display:flex;align-items:center;justify-content:center;gap:0;flex:none;width:100%;max-width:none;margin:0}.auth-panel{justify-self:auto;max-width:420px}.auth-header,.auth-intro,.auth-footer{display:none}
@media(max-width:680px){.auth-shell{padding:25px 20px}.auth-layout{margin:0;max-width:none;gap:0}.auth-panel{max-width:420px}}

/* Brand stays at the top without shifting the centered login. */
.auth-brand{position:absolute;top:28px;left:clamp(22px,5vw,80px);z-index:2;background:none}.auth-brand .auth-wordmark{gap:10px}.auth-brand .auth-wordmark svg{width:42px;height:42px}.auth-brand .auth-wordmark>span{font-size:24px}
@media(max-height:760px){.auth-shell{padding-top:100px;padding-bottom:30px}}
@media(max-width:680px){.auth-brand{top:22px;left:22px}.auth-brand .auth-wordmark svg{width:35px;height:35px}.auth-brand .auth-wordmark>span{font-size:21px}.auth-shell{padding-top:95px;padding-bottom:35px}}

/* Centered, more visible brand above the login panel. */
.auth-brand{position:relative;top:auto;left:auto;align-self:center;margin:0 0 28px}.auth-brand .auth-wordmark{gap:12px}.auth-brand .auth-wordmark svg{width:56px;height:56px;filter:drop-shadow(0 0 18px #72f8ad44)}.auth-brand .auth-wordmark>span{font-size:33px;letter-spacing:.18em;text-shadow:0 0 24px #87eeb925}.auth-shell{padding:36px 22px}
@media(max-width:680px){.auth-shell{padding:30px 20px}.auth-brand{top:auto;left:auto;margin-bottom:23px}.auth-brand .auth-wordmark svg{width:48px;height:48px}.auth-brand .auth-wordmark>span{font-size:29px}}

.online-empty{min-height:100svh;display:grid;place-items:center;padding:28px;background:#0a120e;color:#d7efe0}.empty-shell{width:min(560px,100%);padding:40px;border:1px solid #86efac26;border-radius:28px;background:linear-gradient(145deg,#1b3023,#101c15);box-shadow:0 24px 70px #0008}.empty-shell h1{font:32px var(--display);margin:22px 0}.empty-shell p{line-height:1.8;color:#9ebaa8}.empty-shell button{margin:20px 12px 0 0}.empty-toast{font-size:13px}