:root{color-scheme:dark;--bg:#0b1115;--sidebar:#10191d;--surface:#152126;--surface-2:#1b292d;--line:#2a393c;--text:#f2f7f2;--muted:#94a7a3;--lime:#aeef32;--lime-2:#dbff94;--cyan:#8cdad1;--amber:#e5bd72;--shadow:0 24px 60px rgba(0,0,0,.2)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px}
button{font:inherit;cursor:pointer}
button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
button:disabled{cursor:not-allowed}
a{color:inherit}
a.button,a.nav-link,a.text-button{text-decoration:none}
[hidden]{display:none!important}
.preview-ribbon{min-height:36px;padding:7px 18px;display:flex;align-items:center;justify-content:center;gap:12px;background:#d9f888;color:#1a2714;font-size:11px;letter-spacing:.02em;text-align:center}
.preview-ribbon strong{font-size:10px;letter-spacing:.14em;white-space:nowrap}
.ribbon-dot,.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#1d6d25;box-shadow:0 0 0 4px rgba(29,109,37,.12)}
.app-shell{display:flex;min-height:calc(100vh - 36px)}
.sidebar{width:246px;flex:none;background:var(--sidebar);border-right:1px solid #243035;display:flex;flex-direction:column;padding:25px 14px 18px;position:sticky;top:0;height:calc(100vh - 36px);overflow-y:auto;z-index:20}
.brand{height:67px;display:flex;align-items:center;gap:9px;padding:0 11px 14px;margin-bottom:12px;border-bottom:1px solid #26343a}
.brand img{width:34px;height:38px;object-fit:contain;object-position:center}
.brand-copy{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:700;line-height:1.03;letter-spacing:.095em}.brand-copy small{display:block;font-size:10px;letter-spacing:.31em;color:var(--lime)}
.sidebar-caption{padding:14px 13px 9px;color:#708783;font-size:10px;font-weight:700;letter-spacing:.18em}.gap-top{margin-top:17px}
.nav-list{display:grid;gap:4px}.nav-link{width:100%;border:1px solid transparent;border-radius:9px;color:#a5b7b4;background:transparent;text-align:left;padding:10px 11px;display:flex;align-items:center;gap:12px;font-weight:600;font-size:11.5px;line-height:1.25;transition:background .2s,color .2s,border-color .2s}.nav-link:hover{background:#1b2a2e;color:#fff}.nav-link.active{background:#263a30;color:var(--lime);border-color:#40583c}.nav-icon{display:flex;align-items:center;justify-content:center;width:19px;height:19px;flex:none;font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:400;line-height:1;color:inherit}.nav-tag{margin-left:auto;font-size:8px;color:var(--lime);white-space:nowrap;letter-spacing:.03em}.nav-tag-muted{color:#98a6a2}
.sidebar-bottom{margin-top:auto;padding-top:22px}.help-card{margin:16px 4px 0;padding:19px 16px;background:linear-gradient(145deg,#263d2d,#1b2b2b);border:1px solid #466243;border-radius:12px;box-shadow:var(--shadow)}.help-card strong{display:block;font-size:15px;margin:10px 0 7px;font-family:'Space Grotesk',sans-serif}.help-card p{color:#b4c9bc;line-height:1.5;font-size:11px;margin:0}
.sidebar-group{margin-top:5px}.sidebar-group summary{list-style:none}.sidebar-group summary::-webkit-details-marker{display:none}.sidebar-group-toggle{width:100%;display:flex;align-items:center;gap:12px;padding:10px 11px;border:1px solid transparent;border-radius:9px;color:#8fa49e;font-size:11.5px;font-weight:600;line-height:1.25;cursor:pointer}.sidebar-group-toggle:hover{background:#17272a;color:#fff}.sidebar-group[open]>.sidebar-group-toggle{color:#8fa49e;background:transparent;border-color:transparent}.sidebar-group-chevron{margin-left:auto;color:#708a80;font-size:15px;line-height:1;transition:transform .2s}.sidebar-group[open] .sidebar-group-chevron{transform:rotate(180deg)}.sidebar-group-links{display:grid;gap:2px;margin:2px 0 5px 19px;padding-left:12px;border-left:1px solid #2e453b}.sidebar-group-links .nav-link{padding:8px 10px;color:#8fa49e;font-size:10.5px}.sidebar-group-links .nav-link.active{color:var(--lime);background:#203529;border-color:#3b573d}
.main-column{min-width:0;flex:1}.topbar{height:73px;border-bottom:1px solid #223035;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,58px);background:#0e1519;position:sticky;top:0;z-index:10}.breadcrumb{display:flex;gap:10px;align-items:center;color:#6f8580;font-size:12px}.breadcrumb strong{color:#dce5df;font-weight:600}.slash{color:#4b605b}.topbar-actions{display:flex;align-items:center;gap:12px}.top-badge{border:1px solid #425b38;border-radius:30px;background:#1a3024;color:var(--lime);font-size:10px;font-weight:700;padding:8px 13px;letter-spacing:.08em}.icon-button{width:36px;height:36px;border-radius:10px;background:#182328;border:1px solid #2b3a3d;color:#cedbd4;display:grid;place-items:center;font-size:16px;position:relative;text-decoration:none}.notification-button span{filter:grayscale(1);font-size:15px}.notification-button:hover{border-color:#536d43;color:#fff}.notification-button i{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;background:var(--lime);color:#172414;border:2px solid #0e1519;border-radius:20px;font-size:8px;font-style:normal;font-weight:800}.user-chip{display:flex;align-items:center;gap:10px;border-left:1px solid #2c3a3b;padding-left:14px;cursor:pointer;list-style:none}.user-chip::-webkit-details-marker{display:none}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#48673c;color:#eaffce;font-weight:700;font-size:11px}.user-chip strong,.user-chip small{display:block}.user-chip strong{font-size:11px}.user-chip small{color:#7f9990;font-size:10px;margin-top:3px}.user-menu{position:relative}.user-menu-chevron{color:#718a80;font-size:15px;line-height:1;margin-left:2px}.user-menu-panel{position:absolute;right:0;top:calc(100% + 12px);z-index:30;width:235px;padding:8px;border:1px solid #344b3e;border-radius:12px;background:#121d1a;box-shadow:0 20px 50px rgba(0,0,0,.38)}.user-menu-heading{padding:9px 10px 12px;border-bottom:1px solid #293b34}.user-menu-heading strong,.user-menu-heading small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-heading strong{font-size:12px}.user-menu-heading small{margin-top:4px;color:#81988e;font-size:10px}.user-menu-panel a,.user-menu-panel button{width:100%;display:flex;align-items:center;gap:9px;padding:10px;border:0;border-radius:8px;background:transparent;color:#c5d5cb;text-decoration:none;text-align:left;font:inherit;font-size:11px;cursor:pointer}.user-menu-panel a:hover,.user-menu-panel button:hover{background:#1d3027;color:var(--lime)}.user-menu-panel form{margin:0}.menu-toggle{display:none}
main{max-width:1510px;margin:0 auto;padding:36px clamp(24px,4vw,58px) 75px}.page{display:none}.page.active{display:block}.page-heading{display:flex;justify-content:space-between;gap:25px;align-items:flex-start;margin-bottom:26px}.page-heading h1{font-family:'Space Grotesk',sans-serif;letter-spacing:-.055em;line-height:1.08;font-size:clamp(34px,4.2vw,59px);margin:11px 0 12px;font-weight:600}.page-heading h1 em{font-style:normal;color:var(--lime)}.page-heading p{color:#98aca4;margin:0;font-size:13px;line-height:1.6;max-width:600px}.page-heading.compact{margin-bottom:27px}.page-heading.compact h1{font-size:clamp(32px,3.5vw,48px)}.eyebrow{font-weight:700;font-size:10px;letter-spacing:.17em;color:#8da19a}.eyebrow.lime{color:var(--lime)}.demo-pill{white-space:nowrap;border:1px solid #43513d;background:#1c2b22;color:#bde791;border-radius:30px;padding:9px 12px;font-size:9px;font-weight:700;letter-spacing:.09em;margin-top:7px}.demo-pill.concept{color:var(--amber);border-color:#65533a;background:#2c261f}
.hero-panel{min-height:246px;border:1px solid #4b643c;border-radius:16px;position:relative;overflow:hidden;background:radial-gradient(circle at 82% 38%,rgba(174,239,50,.13),transparent 26%),linear-gradient(112deg,#283e2f,#182927 70%,#152521);display:flex;align-items:center;padding:31px 39px;margin-bottom:20px}.hero-content{max-width:520px;z-index:1}.hero-content .eyebrow{color:#b7ef8d}.hero-content h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(25px,2.6vw,36px);letter-spacing:-.05em;line-height:1.16;margin:11px 0}.hero-content p{color:#b5c8bb;max-width:390px;line-height:1.6;font-size:12px;margin:0}.hero-actions{display:flex;align-items:center;gap:18px;margin-top:21px}.hero-actions>span{color:#a5baaa;font-size:10px}.button{border:0;border-radius:9px;min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:0 15px;font-weight:700;font-size:11px;transition:transform .2s,filter .2s,background .2s}.button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.04)}.button-lime{background:var(--lime);color:#172414}.button-outline{background:#22342c;color:#baf08c;border:1px solid #49633b}.button-disabled{background:#2a3335;color:#82928b}.button.full{width:100%}.hero-visual{position:absolute;right:7%;top:50%;transform:translateY(-50%);width:245px;height:245px}.orbit{position:absolute;border-radius:50%;border:1px solid rgba(174,239,50,.24);inset:0}.orbit-one{inset:19px;border-color:rgba(174,239,50,.35)}.orbit-two{inset:39px;background:linear-gradient(145deg,#3d5d32,#203a2d);box-shadow:inset -14px -10px 40px rgba(0,0,0,.18),0 0 60px rgba(174,239,50,.1)}.orbit-three{inset:-23px;border-style:dashed;border-color:rgba(174,239,50,.13)}.hero-emblem{position:absolute;inset:60px;display:grid;place-items:center;color:var(--lime);font-family:'Space Grotesk',sans-serif;font-size:105px;line-height:1;font-weight:700;transform:rotate(-15deg)}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.metric-card{min-height:137px;padding:19px 20px;background:var(--surface);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;justify-content:space-between}.metric-top{display:flex;align-items:flex-start;justify-content:space-between;color:#9bb0a9;font-size:11px}.metric-glyph{font-size:20px;color:var(--lime);line-height:1}.metric-card strong{font-size:27px;font-family:'Space Grotesk',sans-serif;letter-spacing:-.05em;font-weight:600;margin-top:11px;line-height:1.1}.metric-card strong.text-medium{font-size:20px}.metric-card .status-dot{margin-left:4px;background:var(--lime);box-shadow:0 0 0 4px rgba(174,239,50,.12)}.metric-sub{font-size:13px;color:#9bb0a9;font-weight:500;letter-spacing:0}.metric-card small{font-size:10px;color:#78908a;margin-top:5px}
.two-column{display:grid;grid-template-columns:1.5fr 1fr;gap:15px}.overview-bottom{margin-top:19px}.surface-panel{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:22px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:19px}.panel-heading h3,.surface-panel h3{font-family:'Space Grotesk',sans-serif;margin:5px 0 0;font-size:19px;letter-spacing:-.035em}.text-button{background:none;border:0;color:var(--lime);font-weight:700;font-size:11px;padding:7px 0}.learning-row{display:flex;gap:13px;align-items:center;margin-bottom:12px}.learning-row.second{margin-top:17px}.learning-icon{width:35px;height:35px;border-radius:9px;background:#2d4434;color:var(--lime);display:grid;place-items:center;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:11px}.learning-row div{flex:1}.learning-row strong,.learning-row small{display:block}.learning-row strong{font-size:11px}.learning-row small{font-size:10px;color:#829a91;margin-top:3px}.progress-label{font-size:10px;color:var(--lime);font-weight:700}.progress-track{height:4px;background:#2a3b38;margin-left:48px;border-radius:9px;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--lime);border-radius:9px}.tiny-tag{border:1px solid #435044;border-radius:5px;color:#acd58e;padding:6px 7px;font-size:9px;font-weight:700;letter-spacing:.07em;white-space:nowrap}.next-panel p{font-size:11px;color:#9db0a6;line-height:1.65;max-width:330px;margin:4px 0 20px}
.section-line{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:15px}.section-line h2{font-size:19px;font-family:'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:0}.section-line span{font-size:10px;color:#7f938b}.membership-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.8fr);gap:16px;align-items:start}.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.plan-card{display:flex;flex-direction:column;text-align:left;padding:22px;min-height:285px;background:var(--surface);border:1px solid var(--line);border-radius:13px;color:var(--text);transition:transform .2s,border-color .2s,background .2s}.plan-card:hover{transform:translateY(-2px)}.plan-card.selected{border:1px solid #9bd346;background:linear-gradient(145deg,#263e2f,#1a2b28);box-shadow:0 0 0 1px rgba(174,239,50,.15)}.plan-label{font-size:10px;letter-spacing:.13em;font-weight:700;color:var(--lime)}.plan-card h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.04em;font-size:19px;line-height:1.2;margin:17px 0 7px}.plan-card p{font-size:11px;color:#a0b1a8;line-height:1.6;margin:0}.plan-card>strong{font-family:'Space Grotesk',sans-serif;font-size:25px;letter-spacing:-.04em;margin-top:auto;padding-top:21px}.plan-card>strong small{font-family:'DM Sans',sans-serif;color:#95a89d;font-size:10px;letter-spacing:0;font-weight:500}.plan-select{border-top:1px solid #3a4b41;margin-top:15px;padding-top:15px;color:var(--lime);display:flex;justify-content:space-between;font-size:11px;font-weight:700}.plan-select b{font-size:14px}.benefit-panel{margin-top:15px}.benefit-panel h3{margin:0 0 20px}.benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;font-size:11px;color:#bdcbc1}.benefit-grid span{display:flex;gap:8px;align-items:center}.benefit-grid i{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#304832;color:var(--lime);font-style:normal;font-size:10px}.checkout-card{background:#1b2a27;border:1px solid #536a44;border-radius:13px;padding:23px;position:sticky;top:93px}.checkout-card h3{font-family:'Space Grotesk',sans-serif;font-size:26px;letter-spacing:-.04em;margin:10px 0 6px}.checkout-card p{color:#a3b4a9;font-size:11px;line-height:1.6;margin:0 0 29px}.checkout-row,.checkout-total{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;margin:13px 0;color:#9faf9f}.checkout-row strong{color:#e3eee4}.checkout-total{border-top:1px solid #3e5146;padding-top:20px;margin:19px 0 21px;font-size:12px;color:#e5ece4}.checkout-total strong{font-size:23px;font-family:'Space Grotesk',sans-serif;color:var(--lime)}.checkout-card>small{display:block;color:#889e90;font-size:9px;text-align:center;margin-top:10px;line-height:1.4}.payment-walkthrough{margin-top:19px;padding:24px;background:var(--surface);border:1px solid #49643d;border-radius:13px}.payment-walkthrough .section-line{margin-bottom:20px}.flow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.flow-steps>div{padding:17px;border-radius:9px;background:#1d2d2c;border:1px solid #344641;min-height:112px}.flow-steps span{font-family:'Space Grotesk',sans-serif;font-size:12px;color:var(--lime);font-weight:700}.flow-steps strong,.flow-steps small{display:block}.flow-steps strong{font-size:11px;margin:12px 0 6px}.flow-steps small{font-size:10px;color:#8ca399;line-height:1.4}.payment-note{display:flex;align-items:center;gap:15px;border-top:1px solid #334641;margin-top:19px;padding-top:18px;font-size:11px}.payment-note strong{flex:1}.payment-note>span:nth-child(2){font-weight:700;color:var(--lime)}
.tab-row{display:inline-flex;gap:3px;background:#1b282b;padding:4px;border:1px solid #324044;border-radius:10px;margin-bottom:17px}.segment{border:0;background:transparent;color:#8fa49c;font-weight:700;font-size:11px;border-radius:7px;padding:10px 15px}.segment.active{background:#324a35;color:var(--lime)}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.course-card{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:20px;min-height:335px;display:flex;flex-direction:column}.course-number{font-size:10px;letter-spacing:.15em;color:var(--lime);font-weight:700}.course-art{height:121px;border-radius:9px;margin:16px 0 19px;display:grid;place-items:center;font-family:'Space Grotesk',sans-serif;font-size:76px;font-weight:700;color:var(--lime)}.art-one{background:radial-gradient(circle at 68% 25%,#496543,#263b34 58%,#223335)}.art-two{background:linear-gradient(135deg,#283d39,#42543a)}.art-three{background:radial-gradient(circle,#425441,#203732)}.course-card h3{font-family:'Space Grotesk',sans-serif;font-size:18px;letter-spacing:-.03em;margin:0 0 8px}.course-card p{font-size:11px;line-height:1.6;color:#9caf9f;margin:0}.course-footer{border-top:1px solid #31403d;padding-top:14px;margin-top:auto;display:flex;justify-content:space-between;gap:5px;color:#90a49a;font-size:10px}.course-footer strong{color:var(--lime)}.notice-box{padding:17px 19px;background:#202f2e;border:1px solid #426158;border-radius:9px;display:flex;gap:16px;align-items:center;font-size:11px}.notice-box strong{color:#c9f4ad;white-space:nowrap}.notice-box span{color:#a8b9aa;line-height:1.5}.signal-list{margin-top:15px;display:grid;gap:12px}.signal-list article{padding:23px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.signal-type{font-size:9px;color:var(--lime);font-weight:700;letter-spacing:.13em}.signal-list h3{font-family:'Space Grotesk',sans-serif;font-size:21px;margin:12px 0 6px}.signal-list h3 small{font-size:11px;color:#a8bbae;font-family:'DM Sans',sans-serif;font-weight:500;margin-left:6px}.signal-list p{font-size:11px;color:#a6b6a9;margin:0 0 14px}.signal-date{font-size:10px;color:#799087}
.referral-banner{padding:28px;background:linear-gradient(115deg,#2c4832,#1b2d2b);border:1px solid #4c6d41;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:17px}.referral-banner h2{font-family:'Space Grotesk',sans-serif;font-size:24px;letter-spacing:-.04em;margin:9px 0 7px}.referral-banner p{font-size:11px;line-height:1.5;color:#b0c3b1;max-width:450px;margin:0}.referral-link-box{display:flex;align-items:center;gap:7px;padding:5px;background:#111e1d;border:1px solid #3f5b44;border-radius:9px;min-width:390px}.referral-link-box code{flex:1;color:#d7e7cf;padding-left:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.referral-link-box .button{white-space:nowrap}.table-panel{padding:0;overflow:hidden}.table-panel .panel-heading{padding:22px 22px 0;margin-bottom:15px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:560px;text-align:left}th,td{padding:15px 22px;border-top:1px solid #2d3b3b;font-size:11px;white-space:nowrap}th{font-size:10px;color:#8ba096;font-weight:600;background:#1a272b}td{color:#c6d5cb}.status-pill{border-radius:30px;padding:6px 10px;background:#3a3730;color:#e8c68e;font-size:9px;font-weight:700;white-space:nowrap}.status-pill.success{background:#294331;color:#b6ef98}.history-note{margin-top:18px}
.mtf-hero{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:31px;background:linear-gradient(115deg,#24352f,#1b2829);border:1px solid #3d5147;border-radius:13px;margin-bottom:18px}.mtf-hero h2{font-family:'Space Grotesk',sans-serif;font-size:24px;letter-spacing:-.04em;margin:11px 0 9px}.mtf-hero p{font-size:11px;line-height:1.6;color:#a1b5a4;max-width:580px;margin:0}.mtf-mark{font-family:'Space Grotesk',sans-serif;font-size:63px;color:#93bb7c;letter-spacing:-.08em}.mtf-mark span{display:block;letter-spacing:.14em;color:#9fb09e;font-family:'DM Sans',sans-serif;font-size:10px;text-align:center;font-weight:700;margin-top:-11px}.deposit-concept{margin-top:16px}.deposit-concept .flow-steps>div{background:#1c2929}.concept-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #34413d;margin-top:20px;padding-top:18px}.concept-footer>span{font-size:10px;color:#a9bb9f}
.admin-panels{margin-top:18px;grid-template-columns:1fr 1fr}.admin-list>div{display:flex;align-items:center;gap:11px;padding:12px 0;border-top:1px solid #2c3b37}.list-avatar{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#364c39;color:var(--lime);font-size:10px;font-weight:700}.admin-list>div>span:nth-child(2){flex:1}.admin-list strong,.admin-list small{display:block}.admin-list strong{font-size:11px}.admin-list small{color:#829890;font-size:9px;margin-top:3px}.admin-list em{font-style:normal;color:#dce9d6;font-size:10px;font-weight:700}.admin-task{display:flex;align-items:center;gap:13px;border-top:1px solid #2c3b37;padding:15px 0}.admin-task>span{font-size:12px;color:var(--lime);font-family:'Space Grotesk',sans-serif}.admin-task strong,.admin-task small{display:block}.admin-task strong{font-size:11px}.admin-task small{font-size:10px;color:#83998d;margin-top:3px}
.toast{position:fixed;right:23px;bottom:22px;z-index:40;background:#d9f888;color:#172414;border-radius:9px;box-shadow:var(--shadow);font-size:11px;font-weight:700;padding:12px 17px}.mobile-overlay{position:fixed;inset:36px 0 0;background:rgba(0,0,0,.6);z-index:19}
@media(max-width:1150px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-visual{right:1%;opacity:.7}.referral-banner{align-items:flex-start;flex-direction:column}.referral-link-box{width:100%;min-width:0}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.sidebar{position:fixed;top:36px;left:0;height:calc(100vh - 36px);transform:translateX(-100%);transition:transform .25s}.sidebar.open{transform:translateX(0)}.menu-toggle{display:grid}.topbar{gap:13px;padding:0 22px}.breadcrumb{margin-right:auto}.main-column{width:100%}.membership-layout{grid-template-columns:1fr}.checkout-card{position:static}.hero-visual{right:2%;width:200px;height:200px}.hero-emblem{font-size:80px;inset:50px}}
@media(max-width:690px){.preview-ribbon{min-height:47px;line-height:1.3;gap:7px;padding:6px 11px}.preview-ribbon span:last-child{font-size:10px}.sidebar{top:47px;height:calc(100vh - 47px)}.mobile-overlay{inset:47px 0 0}.topbar{height:61px}.top-badge,.user-chip span:not(.avatar){display:none}.user-chip{padding-left:0;border:0}.page-heading{display:block}.page-heading .demo-pill{display:inline-flex;margin-top:15px}.hero-panel{padding:25px;min-height:250px}.hero-visual{opacity:.22;right:-55px}.hero-content p{max-width:260px}.hero-actions{flex-wrap:wrap;gap:10px}.two-column,.admin-panels,.course-grid,.plan-grid{grid-template-columns:1fr}.metric-grid,.metric-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.notice-box{display:block}.notice-box span{display:block;margin-top:7px}.payment-note{flex-wrap:wrap}.payment-note strong{flex-basis:100%}}
@media(max-width:430px){main{padding:25px 16px 55px}.topbar{padding:0 16px}.metric-card{padding:16px;min-height:126px}.metric-card strong{font-size:22px}.metric-top{font-size:10px}.metric-grid{gap:9px}.flow-steps{grid-template-columns:1fr 1fr}.flow-steps>div{padding:13px}.referral-link-box{flex-direction:column;align-items:stretch}.referral-link-box code{padding:10px 7px 5px}.concept-footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Production application additions */
.app-shell{display:flex;min-height:100vh}.app-shell .sidebar{display:flex;flex-direction:column;min-width:235px;width:235px;height:100vh}.sidebar form{margin:0}.sidebar form .nav-link{cursor:pointer}.mobile-overlay[hidden]{display:none!important}.section-gap{margin-top:20px}.real-plan-grid{grid-template-columns:repeat(auto-fit,minmax(265px,360px));margin:22px 0}.real-plan-grid .plan-card{min-height:295px}.real-plan-grid .plan-select{display:block}.real-plan-grid form{margin:0}.muted{color:var(--muted);line-height:1.65}.flash{padding:14px 18px;border-radius:9px;margin:0 0 20px;border:1px solid #416849;background:#1d3428;color:#d7edcf;line-height:1.5}.flash-error{background:#3a2626;border-color:#7b4545;color:#ffd8d8}.flash-info{background:#21343d;border-color:#416474}.flash ul{margin:7px 0 0;padding-left:20px}.invoice-grid{margin-bottom:18px;grid-template-columns:1.1fr .9fr}.detail-row{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:14px 0;color:#9fb2a9}.detail-row strong{color:var(--text);text-align:right}.detail-row.total{border-top:1px solid #658047;color:var(--text);font-size:16px}.detail-row.total strong{color:var(--lime);font-family:'Space Grotesk',sans-serif;font-size:21px}.account-row{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid var(--line);padding:17px 0}.account-row strong,.account-row small{display:block;margin-top:5px}.account-row strong{font-size:20px;letter-spacing:.03em}.account-row small{color:var(--muted)}.account-row form{margin:0}.payment-form,.settings-form{display:flex;flex-direction:column;align-items:stretch;gap:9px}.payment-form{max-width:560px}.settings-form{gap:8px}.payment-form label,.settings-form label,.auth-card label,.reject-form label{font-size:12px;font-weight:700;color:#c5d4c9;margin-top:12px}.payment-form input:not([type=checkbox]),.settings-form input,.settings-form textarea,.auth-card input,.reject-form input{width:100%;padding:13px 14px;background:#101a1e;border:1px solid #3a4c4c;border-radius:9px;color:#f2f7f2;font:inherit;outline:0}.payment-form input:focus,.settings-form input:focus,.settings-form textarea:focus,.auth-card input:focus,.reject-form input:focus{border-color:var(--lime)}.payment-form input[type=file]{cursor:pointer}.check-line{display:flex;gap:10px;align-items:flex-start;line-height:1.5}.check-line input{margin-top:3px}.payment-form .button,.settings-form .button{align-self:flex-start;margin-top:12px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,410px));gap:16px}.narrow-form{max-width:600px}.action-row{display:flex;align-items:flex-end;flex-wrap:wrap;gap:28px}.reject-form{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.reject-form label{flex-basis:100%}.reject-form input{width:min(100%,360px)}.pagination-wrap{margin-top:20px;color:var(--muted)}.pagination-wrap nav{max-width:800px}.pagination-wrap nav>div:first-child{display:none}.pagination-wrap a,.pagination-wrap span{color:inherit}.tab-row{max-width:100%;overflow:auto}.tab-row a{text-decoration:none;white-space:nowrap}.auth-page{min-height:100vh}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-story{padding:clamp(30px,6vw,85px);background:radial-gradient(circle at 70% 35%,#365a31,#1a2f2b 52%,#111c1e);display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #3d5841}.auth-brand{text-decoration:none;font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:700;letter-spacing:.1em}.auth-brand span{display:block;color:var(--lime);font-size:12px;letter-spacing:.27em}.auth-story h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(40px,5vw,73px);letter-spacing:-.065em;line-height:1.05;margin:18px 0}.auth-story h1 em{font-style:normal;color:var(--lime)}.auth-story p{max-width:430px;color:#bed0be;line-height:1.7}.auth-story small{color:#90a796}.auth-card{width:min(100%,520px);margin:auto;padding:48px 38px}.auth-card h2{font-family:'Space Grotesk',sans-serif;font-size:34px;letter-spacing:-.04em;margin:12px 0 7px}.auth-card p{color:var(--muted);line-height:1.6}.auth-card form{display:flex;flex-direction:column;gap:7px;margin-top:25px}.auth-card form .button{margin-top:20px;min-height:47px;font-size:13px}.auth-switch{text-align:center;margin-top:24px}.auth-switch a{color:var(--lime);font-weight:700}.page-heading h1{overflow-wrap:anywhere}
@media(max-width:900px){.app-shell .sidebar{top:0;height:100vh}.mobile-overlay{inset:0}.invoice-grid{grid-template-columns:1fr}.auth-layout{grid-template-columns:1fr}.auth-story{min-height:240px;padding:25px}.auth-story h1{font-size:34px}.auth-story small{display:none}.auth-card{padding:30px 22px}}
@media(max-width:690px){.app-shell .sidebar{top:0;height:100vh}.mobile-overlay{inset:0}.page-heading .button{margin-top:15px}.account-row{align-items:flex-start}.account-row strong{font-size:16px}.action-row{display:block}.action-row>form{margin-top:14px}}
.course-thumbnail{display:block;width:100%;height:145px;object-fit:cover;border-radius:9px;margin:16px 0 19px;background:#23322e}.video-layout{grid-template-columns:minmax(0,1.7fr) minmax(230px,.7fr);align-items:start}.video-frame{aspect-ratio:16/9;background:#000;border:1px solid var(--line);border-radius:12px;overflow:hidden}.video-frame iframe{width:100%;height:100%;border:0}.related-link{display:flex;gap:11px;padding:14px 0;border-top:1px solid var(--line);text-decoration:none;font-size:12px;line-height:1.4}.related-link:hover{color:var(--lime)}.related-link img{width:90px;height:55px;object-fit:cover;border-radius:6px}.related-link small{display:block;color:var(--muted);margin-top:6px}.surface-panel h2{font-family:'Space Grotesk',sans-serif;letter-spacing:-.04em}.surface-panel>p:last-child{margin-bottom:0}@media(max-width:900px){.video-layout{grid-template-columns:1fr}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.filter-bar input,.filter-bar select,.settings-form select,.inline-form input,.inline-form select{background:#101a1e;border:1px solid #3a4c4c;border-radius:9px;color:var(--text);padding:11px 13px;font:inherit}.filter-bar input{min-width:min(100%,260px);flex:1}.filter-bar select{min-width:210px}.settings-form select{width:100%}.signal-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;border-top:1px solid var(--line);padding-top:17px;margin-top:17px}.signal-actions form{margin:0}.inline-form{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.inline-form input{width:180px}.inline-form select{max-width:140px}.settings-form .check-line{font-weight:500}.settings-form .check-line input{width:auto}.settings-form h3{margin:13px 0 0}
@media(max-width:690px){.filter-bar input,.filter-bar select,.filter-bar button{width:100%}.signal-actions,.signal-actions form,.inline-form input,.inline-form select,.inline-form button{width:100%}}
.table-actions{display:flex;align-items:center;gap:12px}.table-actions form{margin:0}.table-actions .text-button{cursor:pointer}.danger-text{color:#f6a4a4}.settings-form .check-line input[type=checkbox]{flex:none;width:auto}
.withdrawal-actions{display:grid;gap:8px;min-width:220px}.withdrawal-actions form{margin:0}.withdrawal-actions .button{font-size:10px}.withdrawal-actions input{min-width:180px}
.audit-json{display:block;max-width:280px;white-space:normal;overflow-wrap:anywhere;color:#a9c69e;font-size:10px;line-height:1.5}
.notification-list{display:grid;gap:12px}.notification-list article{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.notification-list h3{margin:8px 0;font-size:17px}.notification-list p{margin:0 0 10px}.notification-unread{border-color:#719343;background:#1b2c27}.notification-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px;white-space:nowrap}@media(max-width:690px){.notification-list article{display:block}.notification-actions{align-items:flex-start;margin-top:15px}}
.auth-help-link{align-self:flex-end;color:var(--lime);font-size:12px;font-weight:700;text-decoration:none;margin-top:4px}.auth-help-link:hover,.auth-switch a:hover{text-decoration:underline}.auth-card .flash{margin-top:18px;margin-bottom:0}
.approval-form{width:min(100%,360px)}.approval-form .check-line{display:flex;align-items:flex-start;gap:10px;line-height:1.5}.approval-form .check-line input{width:auto;flex:none;margin-top:3px}.approval-form .button{align-self:flex-start}
.readiness-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.readiness-card{padding:19px;border:1px solid var(--line);border-radius:11px;background:#111d21}.readiness-card.readiness-ok{border-color:#405e40}.readiness-card h3{margin:15px 0 7px}.readiness-card p{margin:0;color:var(--muted);line-height:1.6}.readiness-card .text-button{display:inline-block;margin-top:12px}.readiness-manual{padding-left:20px;color:var(--muted);line-height:1.7}.readiness-manual li+li{margin-top:8px}@media(max-width:690px){.readiness-grid{grid-template-columns:1fr}}
.detail-row>span,.detail-row>strong,.account-row>div{min-width:0}.detail-row>strong,.account-row strong{overflow-wrap:anywhere}
.field-error{display:block;color:#ffb1b1;font-size:11px;line-height:1.45}.payment-channel-section>.section-line{margin-bottom:15px}.payment-channel-section>.section-line h2{margin:7px 0 0}.qris-admin-row{display:grid;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 0;border-top:1px solid var(--line)}.qris-admin-row img{display:block;width:74px;height:74px;object-fit:contain;padding:4px;background:#fff;border-radius:8px}.qris-admin-row strong,.qris-admin-row small{display:block;margin-top:5px}.qris-admin-row small{color:var(--muted)}.qris-admin-row form{margin:0}.qris-payment-card{max-width:430px;margin:18px auto 14px;overflow:hidden;border:1px solid #cdd5d1;border-radius:18px;background:#fff;color:#121817;box-shadow:0 18px 45px rgba(0,0,0,.22)}.qris-payment-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;border-bottom:1px solid #dfe5e2}.qris-payment-header>span{font-size:9px;font-weight:800;letter-spacing:.14em;color:#52615c}.qris-payment-brand{display:flex;align-items:baseline;font-family:'Space Grotesk',sans-serif;font-size:25px;font-style:italic;letter-spacing:-.12em}.qris-payment-brand b{font-weight:800;color:#1e2925}.qris-payment-brand strong{color:#d92736;font-weight:800}.qris-payment-body{padding:18px}.qris-scan-label{display:block;text-align:center;font-size:9px;font-weight:800;letter-spacing:.16em;color:#34413c}.qris-code-frame{position:relative;width:min(100%,285px);margin:12px auto 18px;padding:12px;background:#fff;border:1px solid #dce3df;border-radius:13px}.qris-code-frame:before,.qris-code-frame:after{content:"";position:absolute;width:28px;height:28px;border-color:#101715;pointer-events:none}.qris-code-frame:before{left:5px;top:5px;border-left:3px solid;border-top:3px solid;border-radius:7px 0 0}.qris-code-frame:after{right:5px;bottom:5px;border-right:3px solid;border-bottom:3px solid;border-radius:0 0 7px}.qris-code-frame img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#fff}.qris-payment-amount{text-align:center;padding:15px 12px;border:2px solid #edc870;border-radius:12px;background:#fff8e7}.qris-payment-amount small,.qris-payment-amount strong,.qris-payment-amount span{display:block}.qris-payment-amount small{font-size:8px;font-weight:800;letter-spacing:.16em;color:#8a5b00}.qris-payment-amount strong{margin:5px 0 3px;font-family:'Space Grotesk',sans-serif;font-size:29px;letter-spacing:-.04em}.qris-payment-amount span{font-size:9px;font-weight:700;color:#705620}.qris-merchant-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;padding-top:15px;border-top:1px dashed #cbd4d0}.qris-merchant-detail div:last-child{text-align:right}.qris-merchant-detail small,.qris-merchant-detail strong{display:block}.qris-merchant-detail small{font-size:8px;letter-spacing:.12em;color:#6e7b76}.qris-merchant-detail strong{margin-top:4px;font-size:11px;overflow-wrap:anywhere}.qris-payment-footer{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:14px 17px;background:#111a17;color:#d7e0db;font-size:9px;line-height:1.4;text-align:center}.qris-download-button{min-height:40px;display:flex;align-items:center;justify-content:center;padding:9px 16px;border-radius:9px;background:var(--lime);color:#172414;text-decoration:none;font-size:11px;font-weight:800}.qris-download-button:hover{filter:brightness(1.05)}.qris-payment-reminder{max-width:430px;margin:0 auto 20px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #5c7047;border-radius:10px;background:#1c3026;color:#c9d7cd;font-size:10px}.qris-payment-reminder strong{color:#fff}.qris-payment-reminder b{color:var(--lime)}.payment-confirmation-panel{background:linear-gradient(145deg,#172429,#132024)}.payment-confirmation-intro{max-width:650px}.payment-confirmation-panel .payment-form{max-width:650px}.payment-confirmation-panel .check-line{margin:4px 0;padding:15px 16px;border:1px solid #3d554b;border-radius:10px;background:#192a26;color:#e9f3eb}.payment-confirmation-panel .check-line input{accent-color:var(--lime)}.optional-proof{margin-top:4px;border:1px solid #33484a;border-radius:10px;background:#111c20}.optional-proof summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;color:#c5d4c9;font-size:11px;font-weight:700;cursor:pointer;list-style:none}.optional-proof summary::-webkit-details-marker{display:none}.optional-proof summary:after{content:"+";color:var(--lime);font-size:18px;line-height:1}.optional-proof[open] summary:after{content:"−"}.optional-proof summary b{margin-left:auto;padding:4px 8px;border-radius:20px;background:#293b31;color:var(--lime);font-size:8px;letter-spacing:.08em;text-transform:uppercase}.optional-proof-body{padding:0 16px 16px;border-top:1px solid #293b3e}.optional-proof-body small{display:block;margin-top:8px;color:var(--muted);font-size:9px;line-height:1.5}.checkout-method-form{display:grid;gap:10px;margin:16px 0 0}.checkout-method-form label{color:#b6c8bc;font-size:11px;font-weight:700}.checkout-method-form select{width:100%;background:#101a1e;border:1px solid #3a4c4c;border-radius:9px;color:var(--text);padding:12px 13px;font:inherit}.checkout-method-form .button{width:100%;justify-content:center}.plan-select .flash{margin:17px 0 0}
@media(max-width:690px){.qris-admin-row{grid-template-columns:62px minmax(0,1fr)}.qris-admin-row img{width:62px;height:62px}.qris-admin-row form{grid-column:1/-1}.qris-admin-row form .button{width:100%}.qris-payment-card{width:100%;margin-inline:0;border-radius:15px}.qris-payment-header{padding:12px 14px}.qris-payment-body{padding:14px 10px}.qris-code-frame{width:min(100%,330px);padding:8px;margin-bottom:14px}.qris-payment-amount{padding:13px 10px}.qris-payment-amount strong{font-size:27px}.qris-payment-footer{gap:8px;padding:13px 14px}.qris-download-button{min-height:46px;font-size:12px}.qris-payment-reminder{margin-bottom:14px;flex-direction:column;align-items:flex-start;gap:4px}.qris-merchant-detail{grid-template-columns:1fr}.qris-merchant-detail div:last-child{text-align:left}.payment-confirmation-panel .payment-form{max-width:none}}
.help-card .text-button{display:inline-block;margin-top:12px;font-size:11px}
.support-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:20px;align-items:start}.support-layout>*{min-width:0}.support-layout h2{margin-top:0}.ticket-list article{padding:20px 0;border-top:1px solid var(--line)}.ticket-list h3{margin:12px 0;font-size:17px;overflow-wrap:anywhere}.ticket-list h3 a{text-decoration:none}.ticket-list h3 a:hover{color:var(--lime)}.ticket-reference{overflow-wrap:anywhere}.support-subject{max-width:320px;white-space:normal;overflow-wrap:anywhere}.support-messages{display:grid;gap:12px}.support-message-staff{border-color:#567344;background:#1c2d27}.support-message-status{background:#111d21}.support-message .section-line{align-items:flex-start;flex-wrap:wrap;gap:8px}.support-message time{font-size:11px;color:var(--muted)}.support-message-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;margin-top:16px}.support-faq details{padding:17px 0;border-top:1px solid var(--line)}.support-faq summary{cursor:pointer;font-weight:600;line-height:1.5}.support-faq p{color:var(--muted);line-height:1.7;margin-bottom:0}.support-layout textarea{resize:vertical;min-height:130px}.ticket-list .section-line{flex-wrap:wrap;gap:10px}
@media(max-width:1100px){.support-layout{grid-template-columns:minmax(0,1fr)}}
.settings-form select{width:100%;padding:13px 14px;background:#101a1e;border:1px solid #3a4c4c;border-radius:9px;color:#f2f7f2;font:inherit;outline:0}.settings-form select:focus{border-color:var(--lime)}.settings-form label:has(input),.settings-form label:has(select),.settings-form label:has(textarea){display:flex;flex-direction:column;gap:8px}
.plan-editor-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));align-items:end;gap:13px}.plan-editor-grid .plan-description{grid-column:span 3}.inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rate-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.rate-grid>[data-commission-level][hidden]{display:none}.commission-rate-list{display:grid;grid-template-columns:1fr 1fr;gap:1px 24px}.commission-rate-list>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.commission-rate-list strong{color:var(--lime)}
.money-in{color:var(--lime)}.money-out{color:#ff9999}.membership-strip{display:flex;align-items:center;justify-content:space-between;gap:22px}.membership-strip>div span,.membership-strip>div strong{display:block}.membership-strip>div span{font-size:10px;color:var(--muted);margin-bottom:7px}.membership-strip>div strong{font-size:14px}
.network-tree{display:grid;gap:14px}.network-root{width:min(100%,300px);margin:auto;padding:17px 20px;text-align:center;border:1px solid var(--lime);border-radius:12px;background:#1c3326}.network-root strong,.network-root small{display:block}.network-root small{color:var(--muted);margin-top:5px}.network-level{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:20px}.network-level header{display:flex;justify-content:space-between;margin-bottom:15px;color:var(--muted);font-size:11px}.network-level header strong{color:var(--lime)}.network-member-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.network-member-grid article{display:flex;align-items:center;gap:11px;background:#101a1e;border:1px solid #293a3b;border-radius:10px;padding:12px}.network-member-grid article strong,.network-member-grid article small{display:block}.network-member-grid article small{color:var(--muted);font-size:9px;margin-top:4px}
.level-bars{display:grid;gap:13px;margin-top:20px}.level-bar{display:grid;grid-template-columns:58px 1fr 110px;align-items:center;gap:10px;font-size:10px}.level-bar i{height:8px;border-radius:9px;background:#0c1518;overflow:hidden}.level-bar b{display:block;height:100%;background:linear-gradient(90deg,var(--lime),#59b72e);border-radius:9px}.level-bar strong{text-align:right;font-size:10px}.rank-current{display:flex;align-items:center;gap:22px}.rank-current h2{margin:7px 0}.rank-badge{width:82px;height:82px;display:grid;place-items:center;border-radius:18px;border:2px solid var(--rank-color);color:var(--rank-color);font-size:32px;background:#101a1e}
.rank-ladder{display:grid;gap:4px;margin-top:16px}.rank-ladder article{display:flex;align-items:center;gap:13px;padding:13px;border-left:2px solid var(--line)}.rank-ladder article.active{border-color:var(--lime);background:#1b3024;border-radius:0 10px 10px 0}.rank-ladder i{width:37px;height:37px;display:grid;place-items:center;border:1px solid var(--rank-color);border-radius:9px;color:var(--rank-color);font-style:normal}.rank-ladder strong,.rank-ladder small{display:block}.rank-ladder small{color:var(--muted);font-size:9px;margin-top:5px}
.achievement-summary{display:flex;align-items:center;gap:30px}.achievement-summary h2{margin:7px 0}.progress-track.wide{flex:1;margin:0;height:8px}.achievement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.achievement-card{display:flex;align-items:flex-start;gap:15px}.achievement-card.locked{opacity:.55}.achievement-card.unlocked{border-color:#507141}.achievement-icon{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:10px;background:#203a28;color:var(--lime);font-size:19px}.achievement-card h3{margin:2px 0 7px}.achievement-card p{color:var(--muted);font-size:11px;line-height:1.5}.achievement-card small{color:var(--lime);font-size:9px}
@media(max-width:1150px){.plan-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-editor-grid .plan-description{grid-column:span 2}.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:690px){.plan-editor-grid,.rate-grid,.achievement-grid{grid-template-columns:1fr}.plan-editor-grid .plan-description{grid-column:auto}.commission-rate-list{grid-template-columns:1fr}.membership-strip,.achievement-summary{align-items:flex-start;flex-direction:column}.level-bar{grid-template-columns:52px 1fr}.level-bar strong{grid-column:2}.rank-current{align-items:flex-start;flex-direction:column}}

.signup-invitation{padding:12px 14px;margin:18px 0;border:1px solid #40583c;background:#1a2f25;border-radius:9px;color:#dcebd5;font-size:12px;overflow-wrap:anywhere}.signup-invitation small{display:block;color:#a6b9a7;margin-top:4px}.auth-field-hint{color:#a6b9ae;font-size:11px;line-height:1.6}.auth-field-hint a{color:var(--lime)}.auth-password-field{position:relative}.auth-password-field input{padding-right:102px}.password-visibility{position:absolute;right:5px;top:3px;bottom:3px;padding:0 10px;color:var(--lime);background:transparent;border:0;font-size:11px;border-radius:6px}.auth-card input:disabled{opacity:1;color:#afc4b5;background:#16211e;cursor:not-allowed}
/* Compact, application-like typography for authentication pages on phones. */
@media(max-width:690px){
    body.auth-page{font-size:12px}
    .auth-layout{display:block;min-height:100vh}
    .auth-story{min-height:218px;padding:24px 20px 27px;gap:24px;border-right:0;border-bottom:1px solid #3d5841}
    .auth-brand{font-size:14px;line-height:1.15}
    .auth-brand span{font-size:9px;letter-spacing:.24em;margin-top:3px}
    .auth-story h1{font-size:clamp(27px,8.5vw,34px);line-height:1.08;letter-spacing:-.05em;margin:13px 0 10px}
    .auth-story p{max-width:34rem;font-size:12px;line-height:1.6;margin:0}
    .auth-story small{display:none}
    .auth-card{width:100%;max-width:520px;padding:30px 20px 42px}
    .auth-card .eyebrow{font-size:8px;letter-spacing:.16em}
    .auth-card h2{font-size:clamp(24px,7.3vw,29px);line-height:1.12;letter-spacing:-.035em;margin:9px 0 6px}
    .auth-card>p{font-size:12px;line-height:1.55;margin:0}
    .auth-card form{gap:4px;margin-top:19px}
    .auth-card label{font-size:11px;margin-top:9px}
    .auth-card input{min-height:43px;padding:10px 12px;border-radius:8px;font-size:16px}
    .auth-password-field input{padding-right:102px}
    .auth-card form .button{min-height:43px;margin-top:14px;font-size:11px}
    .auth-help-link{font-size:10px;margin-top:3px}
    .auth-switch{font-size:11px;line-height:1.5;margin-top:18px}
}
@media(max-width:380px){
    .auth-story{min-height:200px;padding:21px 17px 23px}
    .auth-story h1{font-size:26px}
    .auth-story p{font-size:11px}
    .auth-card{padding:27px 17px 38px}
    .auth-card h2{font-size:23px}
}
.method-default{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}
.method-default span{color:var(--muted);font-size:.82rem}.method-default strong{color:var(--lime)}

/* Mobile application layout */
@media(max-width:690px){
    body:not(.auth-page){font-size:13px}
    .app-shell .sidebar{top:0;width:min(84vw,292px);min-width:0;height:100dvh;padding:18px 12px 14px;box-shadow:20px 0 55px rgba(0,0,0,.42)}
    .sidebar .brand{height:58px;padding:0 9px 12px;margin-bottom:8px}
    .sidebar .brand img{width:31px;height:34px}.sidebar .brand-copy{font-size:14px}.sidebar .brand-copy small{font-size:8px}
    .sidebar-caption{padding:12px 11px 7px;font-size:9px}.sidebar-caption.gap-top{margin-top:12px}
    .nav-list{gap:2px}.nav-link{min-height:42px;padding:9px 10px;border-radius:9px;font-size:11px;gap:10px}.nav-icon{width:18px;font-size:16px}
    .sidebar-bottom{padding-top:16px}.help-card{margin:12px 3px 0;padding:15px 14px}.help-card strong{font-size:13px}.help-card p{font-size:10px}
    .mobile-overlay{inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(2px)}
    .topbar{height:56px;padding:0 14px;gap:10px;background:rgba(14,21,25,.96);backdrop-filter:blur(14px)}
    .menu-toggle.icon-button{width:36px;height:36px;border-radius:10px;font-size:17px;flex:none}
    .breadcrumb{min-width:0;margin-right:auto;font-size:11px}.breadcrumb>span:first-child,.breadcrumb .slash{display:none}.breadcrumb strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .topbar-actions{gap:7px}.notification-button.icon-button{display:grid;width:34px;height:34px;flex:none}.notification-button span{font-size:14px}.avatar{width:32px;height:32px;border-radius:9px;font-size:10px}
    .main-column>main{padding:21px 14px 48px}
    .flash{padding:11px 13px;margin-bottom:15px;border-radius:10px;font-size:11px}
    .page-heading,.page-heading.compact{margin-bottom:18px}.page-heading h1,.page-heading.compact h1{font-size:clamp(25px,7vw,30px);margin:7px 0 8px;line-height:1.08}.page-heading p{font-size:11.5px;line-height:1.55}.eyebrow{font-size:8px;letter-spacing:.15em}
    .page-heading .button{min-height:40px;margin-top:12px}
    .hero-panel{min-height:0;padding:19px 17px;border-radius:13px;margin-bottom:14px}.hero-visual{display:none}.hero-content{max-width:none}.hero-content h2{font-size:23px;margin:8px 0}.hero-content p{max-width:none;font-size:11px}.hero-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:17px}.hero-actions .button{width:100%}.hero-actions>span{text-align:center}
    .button{min-height:41px;padding-inline:14px;border-radius:9px;font-size:11px;gap:10px}
    .surface-panel,.payment-walkthrough,.referral-banner,.mtf-hero{padding:16px;border-radius:12px}.surface-panel h2{font-size:20px}.panel-heading{margin-bottom:14px}.panel-heading h3,.surface-panel h3{font-size:17px}
    .metric-grid,.metric-grid.three{gap:9px}.metric-card{min-height:112px;padding:14px;border-radius:11px}.metric-card strong,.metric-card strong.text-medium{font-size:21px}.metric-top{font-size:9px}.metric-card small{font-size:9px}
    .two-column,.admin-panels,.course-grid,.plan-grid,.invoice-grid,.video-layout{gap:11px}
    .real-plan-grid{grid-template-columns:1fr;margin:15px 0;gap:11px}.real-plan-grid .plan-card,.plan-card{min-height:0;padding:17px;border-radius:12px}.plan-card h3{font-size:17px;margin:12px 0 6px}.plan-card>strong{font-size:22px;padding-top:17px}.plan-select{margin-top:13px;padding-top:13px}
    .checkout-card{padding:17px;border-radius:12px}.checkout-card h3{font-size:22px}.checkout-card p{margin-bottom:20px}
    .course-card{min-height:0;padding:16px}.course-thumbnail{height:120px;margin:13px 0 15px}.course-card h3{font-size:16px}
    .referral-banner{gap:16px;margin-bottom:13px}.referral-banner h2{font-size:20px}.referral-link-box{min-width:0;width:100%}
    .table-panel .panel-heading{padding:16px 16px 0}.table-scroll{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}table{min-width:600px}th,td{padding:12px 14px;font-size:10px}
    .tab-row{display:flex;width:100%;margin-bottom:14px}.segment{flex:none;padding:9px 12px;font-size:10px}
    .section-line{margin-bottom:12px}.section-line h2{font-size:17px}.notice-box{padding:13px 14px;font-size:10.5px}
    .payment-form,.settings-form{gap:5px}.payment-form label,.settings-form label,.reject-form label{font-size:11px;margin-top:9px}
    .payment-form input:not([type=checkbox]),.settings-form input,.settings-form textarea,.settings-form select,.reject-form input,.filter-bar input,.filter-bar select,.inline-form input,.inline-form select{min-height:44px;padding:10px 12px;border-radius:9px;font-size:16px}
    .settings-form textarea{min-height:108px}.payment-form .button,.settings-form .button{min-height:42px;margin-top:10px}
    .form-grid{grid-template-columns:1fr;gap:11px}.action-row{gap:13px}.filter-bar{gap:8px;margin-bottom:14px}
    .detail-row{padding:12px 0;font-size:11px}.detail-row.total{font-size:13px}.detail-row.total strong{font-size:18px}
    .account-row{padding:14px 0}.account-row strong{font-size:15px}.qris-code-frame{width:min(100%,330px)}
    .flow-steps{gap:8px}.flow-steps>div{min-height:96px;padding:13px}.benefit-grid{gap:10px}
    .network-level{padding:14px}.network-member-grid{grid-template-columns:1fr}.rank-badge{width:66px;height:66px;font-size:26px}.rank-ladder article{padding:11px}
    .achievement-card{padding:14px;gap:12px}.achievement-icon{width:38px;height:38px}.support-message-body{font-size:12px;line-height:1.65;margin-top:12px}

    body.auth-page{min-height:100dvh;background:#0b1115;font-size:12px}
    .auth-layout{display:block;min-height:100dvh;background:linear-gradient(180deg,#183326 0,#13251f 184px,#0b1115 184px)}
    .auth-story{min-height:0;padding:18px 18px 34px;gap:0;border:0;background:radial-gradient(circle at 85% 0,#315c35,transparent 48%),linear-gradient(135deg,#122721,#1c3a28)}
    .auth-brand{font-size:13px;line-height:1.1}.auth-brand span{font-size:8px;letter-spacing:.24em;margin-top:3px}
    .auth-story>div{margin-top:17px}.auth-story .eyebrow{display:none}.auth-story h1{font-size:24px;line-height:1.06;letter-spacing:-.045em;margin:0 0 8px}.auth-story p{max-width:32rem;font-size:11.5px;line-height:1.5;margin:0}.auth-story small{display:none}
    .auth-card{position:relative;width:auto;max-width:none;margin:-16px 10px 0;padding:26px 18px 38px;background:#0c1418;border:1px solid #26383a;border-bottom:0;border-radius:18px 18px 0 0;box-shadow:0 -14px 40px rgba(0,0,0,.16)}
    .auth-card .eyebrow{font-size:8px;letter-spacing:.14em}.auth-card h2{font-size:24px;line-height:1.12;margin:7px 0 6px}.auth-card>p{font-size:11.5px;line-height:1.5;margin:0}.auth-card form{gap:3px;margin-top:17px}.auth-card label{font-size:10.5px;margin-top:8px}.auth-card input{min-height:44px;padding:10px 12px;border-radius:9px;font-size:16px}.auth-card form .button{min-height:44px;margin-top:13px;font-size:11.5px}.auth-help-link{font-size:10px;margin-top:4px}.auth-switch{font-size:11px;margin-top:15px}.signup-invitation{margin:14px 0;padding:11px 12px;font-size:11px}
}

@media(max-width:430px){
    .main-column>main{padding:19px 12px 44px}.topbar{padding-inline:12px}.page-heading h1,.page-heading.compact h1{font-size:25px}
    .surface-panel,.payment-walkthrough,.referral-banner,.mtf-hero{padding:14px}.metric-grid,.metric-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:105px;padding:13px}.metric-card strong,.metric-card strong.text-medium{font-size:19px}
    .flow-steps{grid-template-columns:1fr}.benefit-grid{grid-template-columns:1fr}.panel-heading,.section-line{flex-wrap:wrap}.section-line>span{flex-basis:100%}
    .page-heading .button,.payment-form .button,.settings-form>.button,.action-row .button{width:100%;justify-content:center}.action-row{display:grid}.account-row{flex-wrap:wrap}.account-row>form,.account-row .button{width:100%}
    .auth-story{padding:16px 16px 32px}.auth-story>div{margin-top:14px}.auth-story h1{font-size:22px}.auth-story p{font-size:11px}.auth-card{margin-inline:8px;padding:23px 16px 34px;border-radius:16px 16px 0 0}.auth-card h2{font-size:22px}.auth-card>p{font-size:11px}
}

/* Shared neon-green identity for authenticated member and admin workspaces. */
.app-shell{
    --lime:#5dff2a;
    --lime-2:#baff8a;
    background:
        radial-gradient(circle at 76% 0,rgba(54,255,22,.08),transparent 27%),
        radial-gradient(circle at 18% 72%,rgba(54,255,22,.045),transparent 31%),
        var(--bg);
}
.app-shell .sidebar{
    background:
        linear-gradient(180deg,rgba(15,31,22,.98),rgba(14,25,29,.98) 42%,rgba(12,19,23,.98));
    border-right-color:rgba(93,255,42,.18);
    box-shadow:12px 0 42px rgba(0,0,0,.16),inset -1px 0 rgba(93,255,42,.04);
}
.app-shell .brand{border-bottom-color:rgba(93,255,42,.2)}
.app-shell .brand-copy small,.app-shell .page-heading h1 em,.app-shell .eyebrow.lime{color:var(--lime)}

/* Active membership management */
.membership-page-heading{margin-bottom:18px}.membership-status-card{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);overflow:hidden;margin-bottom:31px;border:1px solid #638742;border-radius:16px;background:radial-gradient(circle at 12% 0,rgba(174,239,50,.13),transparent 34%),linear-gradient(120deg,#21372b,#152625 66%,#132124);box-shadow:0 20px 50px rgba(0,0,0,.14)}.membership-status-main{padding:30px 32px}.membership-status-kicker{display:flex;align-items:center;gap:9px;color:var(--lime);font-size:9px;font-weight:800;letter-spacing:.16em}.membership-status-kicker .status-dot{background:var(--lime);box-shadow:0 0 0 5px rgba(174,239,50,.12)}.membership-status-main h2{margin:15px 0 8px;font-family:'Space Grotesk',sans-serif;font-size:clamp(24px,2.5vw,34px);letter-spacing:-.045em}.membership-status-main p{max-width:540px;margin:0;color:#adc0b3;font-size:11px;line-height:1.65}.membership-status-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}.membership-status-details{display:grid;align-content:center;padding:22px 28px;background:rgba(9,19,19,.3);border-left:1px solid #3c5845}.membership-status-details>div{padding:15px 0;border-bottom:1px solid rgba(132,166,139,.18)}.membership-status-details>div:last-child{border-bottom:0}.membership-status-details span,.membership-status-details strong{display:block}.membership-status-details span{margin-bottom:6px;color:#859c91;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.membership-status-details strong{font-family:'Space Grotesk',sans-serif;font-size:16px;letter-spacing:-.02em}.renewal-heading{align-items:flex-end;margin:0 0 16px}.renewal-heading>div>span{display:block;margin-bottom:8px}.renewal-heading h2{font-size:24px}.renewal-heading p{max-width:640px;margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.renewal-plan-grid{margin-top:0}.renewal-plan-grid .plan-card{border-color:#4c673e;background:linear-gradient(145deg,#21372b,#192a28);box-shadow:none}.renewal-result{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:17px;padding:12px 13px;border:1px solid #3c5741;border-radius:9px;background:#172722}.renewal-result span{max-width:125px;color:#90a69a;font-size:9px;line-height:1.35}.renewal-result strong{color:#d7f8b9;font-family:'Space Grotesk',sans-serif;font-size:13px;text-align:right}.renewal-note{display:flex;align-items:flex-start;gap:15px;margin-top:19px;padding:18px 20px;border:1px solid #344a3d;border-radius:12px;background:#152521}.renewal-note-icon{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:50%;background:#2c4930;color:var(--lime);font-size:20px;line-height:1}.renewal-note strong{display:block;margin:1px 0 5px;font-size:11px}.renewal-note p{margin:0;color:#91a69b;font-size:10px;line-height:1.55}
@media(max-width:900px){.membership-status-card{grid-template-columns:1fr}.membership-status-details{grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #3c5845;border-left:0}.membership-status-details>div{padding:9px 14px;border-right:1px solid rgba(132,166,139,.18);border-bottom:0}.membership-status-details>div:first-child{padding-left:0}.membership-status-details>div:last-child{padding-right:0;border-right:0}.membership-status-details strong{font-size:14px}}
@media(max-width:690px){.membership-status-card{margin-bottom:24px;border-radius:13px}.membership-status-main{padding:22px 18px}.membership-status-main h2{font-size:23px}.membership-status-actions{display:grid;grid-template-columns:1fr 1fr}.membership-status-details{display:grid;grid-template-columns:1fr;padding:7px 18px 12px}.membership-status-details>div,.membership-status-details>div:first-child,.membership-status-details>div:last-child{padding:12px 0;border-right:0;border-bottom:1px solid rgba(132,166,139,.18)}.membership-status-details>div:last-child{border-bottom:0}.renewal-heading{display:block}.renewal-heading .text-button{display:inline-block;margin-top:10px}.renewal-heading h2{font-size:21px}.renewal-result{align-items:flex-start}.renewal-note{padding:15px}.renewal-note-icon{flex-basis:27px;width:27px;height:27px}}
.app-shell .topbar{
    background:linear-gradient(90deg,rgba(10,18,21,.97),rgba(13,27,20,.96),rgba(10,18,21,.97));
    border-bottom-color:rgba(93,255,42,.16);
    box-shadow:0 8px 28px rgba(0,0,0,.12);
}
.app-shell .nav-link.active{
    color:var(--lime);
    background:linear-gradient(100deg,rgba(54,255,22,.16),rgba(54,255,22,.05));
    border-color:rgba(93,255,42,.42);
    box-shadow:inset 3px 0 var(--lime),0 0 20px rgba(54,255,22,.07);
}
.app-shell .sidebar-group-links .nav-link.active{box-shadow:inset 2px 0 var(--lime),0 0 18px rgba(54,255,22,.06)}
.app-shell .nav-link:hover,.app-shell .sidebar-group-toggle:hover{background:rgba(54,255,22,.08);color:#f4fff0}
.app-shell .button-lime{
    background:linear-gradient(110deg,#36ff16,#8aff62 54%,#2ae914);
    color:#061004;
    box-shadow:0 9px 25px rgba(54,255,22,.18),inset 0 1px rgba(255,255,255,.4);
}
.app-shell .button-lime:hover:not(:disabled){box-shadow:0 13px 34px rgba(54,255,22,.3),inset 0 1px rgba(255,255,255,.5)}
.app-shell .button-outline{border-color:rgba(93,255,42,.4);background:rgba(54,255,22,.08);color:var(--lime-2)}
.app-shell .hero-panel,.app-shell .referral-banner{
    border-color:rgba(93,255,42,.48);
    background:
        radial-gradient(circle at 88% 22%,rgba(54,255,22,.2),transparent 25%),
        linear-gradient(112deg,#1d402c,#142b28 57%,#10211f);
    box-shadow:0 18px 50px rgba(0,0,0,.16),0 0 34px rgba(54,255,22,.07);
}
.app-shell .metric-card,.app-shell .surface-panel{border-color:rgba(93,255,42,.14)}
.app-shell .metric-card:hover,.app-shell .surface-panel:hover{
    border-color:rgba(93,255,42,.3);
    box-shadow:0 14px 34px rgba(0,0,0,.18),0 0 24px rgba(54,255,22,.045);
}
.app-shell .metric-card strong,.app-shell .text-button,.app-shell .progress-label,.app-shell .money-in{color:var(--lime)}
.app-shell .top-badge{border-color:rgba(93,255,42,.48);background:rgba(54,255,22,.1);color:var(--lime-2);box-shadow:0 0 18px rgba(54,255,22,.08)}
.app-shell .notification-button:hover,.app-shell .icon-button:focus-visible{border-color:rgba(93,255,42,.55);box-shadow:0 0 18px rgba(54,255,22,.12)}
.app-shell .status-pill.success{background:rgba(54,255,22,.14);border:1px solid rgba(93,255,42,.3);color:var(--lime-2)}
.app-shell .rank-ladder article.active,.app-shell .notification-unread{border-color:rgba(93,255,42,.48);background:rgba(54,255,22,.1);box-shadow:0 0 24px rgba(54,255,22,.06)}
.app-shell .achievement-card.unlocked{border-color:rgba(93,255,42,.42);box-shadow:0 0 22px rgba(54,255,22,.05)}

@media(prefers-reduced-motion:no-preference){
    .app-shell .hero-panel{animation:app-shell-glow 8s ease-in-out infinite alternate}
}
@keyframes app-shell-glow{from{box-shadow:0 18px 50px rgba(0,0,0,.16),0 0 24px rgba(54,255,22,.05)}to{box-shadow:0 20px 54px rgba(0,0,0,.2),0 0 42px rgba(54,255,22,.11)}}

/* Shared authentication identity */
.auth-brand{
    display:inline-flex;
    align-items:center;
    gap:12px;
    width:max-content;
    letter-spacing:normal;
}
.auth-brand .auth-brand-mark{
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    flex:0 0 48px;
    margin:0;
    color:inherit;
    font-size:inherit;
    letter-spacing:normal;
    border:1px solid rgba(184,255,61,.18);
    border-radius:13px;
    background:rgba(3,9,7,.62);
    box-shadow:0 9px 28px rgba(0,0,0,.2),0 0 24px rgba(142,255,0,.06);
}
.auth-brand-mark img{display:block;width:31px;height:32px;object-fit:contain}
.auth-brand .auth-brand-copy{
    display:flex;
    flex-direction:column;
    gap:3px;
    margin:0;
    color:inherit;
    font-size:inherit;
    line-height:1;
    letter-spacing:normal;
}
.auth-brand-copy strong{color:#f4f7f4;font-size:16px;font-weight:700;letter-spacing:.12em}
.auth-brand-copy small{display:block;color:var(--lime);font-size:9px;font-weight:700;letter-spacing:.29em}
.auth-brand:focus-visible{outline:2px solid var(--lime);outline-offset:5px;border-radius:12px}

@media(max-width:690px){
    .auth-brand{gap:9px}
    .auth-brand .auth-brand-mark{width:38px;height:38px;flex-basis:38px;border-radius:10px}
    .auth-brand-mark img{width:24px;height:25px}
    .auth-brand .auth-brand-copy{gap:2px}
    .auth-brand-copy strong{font-size:13px}
    .auth-brand-copy small{font-size:7.5px;letter-spacing:.25em}
    .auth-story>div{margin-top:14px}
    .auth-card .auth-switch{margin-top:20px}
}

@media(max-width:430px){
    .auth-story>div{margin-top:12px}
}

/* Email verification confirmation */
.auth-card-verification>.flash{margin:0 0 26px}
.registration-sent{display:flex;flex-direction:column;align-items:stretch;text-align:center}
.verification-mail-icon{display:grid;place-items:center;align-self:center;width:52px;height:52px;margin:0 auto 18px;border:1px solid rgba(184,255,61,.3);border-radius:50%;background:linear-gradient(145deg,rgba(184,255,61,.13),rgba(184,255,61,.035));box-shadow:0 12px 32px rgba(0,0,0,.2),0 0 28px rgba(184,255,61,.08)}
.verification-mail-icon svg{width:25px;height:25px;stroke:var(--lime);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.registration-sent h2{margin:0 0 8px}
.registration-sent .verification-lead{margin:0;color:#9fb3aa}
.verification-email{margin:20px 0 18px;padding:17px 18px;border:1px solid #4b693e;border-radius:12px;background:linear-gradient(110deg,#1b3528,#1a3027);color:#eef8e8;font-size:16px;line-height:1.35;text-align:center;overflow-wrap:anywhere}
.verification-guide{margin:0;padding:14px 15px;border:1px solid rgba(83,111,91,.58);border-radius:10px;background:rgba(17,30,29,.55);color:#aebfb7;font-size:12px;line-height:1.65;text-align:left}
.verification-guide strong{color:#dce9df}

@media(max-width:690px){
    body.auth-register-page .auth-layout{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
    }
}

@media(max-width:690px) and (max-height:760px){
    body.auth-register-page .auth-layout{justify-content:flex-start}
}

/* Keep the sidebar brand aligned and free of link underlines. */
.sidebar a.brand{text-decoration:none;align-items:center;gap:12px}
@media(min-width:691px){
    .sidebar a.brand img{width:40px;height:44px}
    .sidebar a.brand .brand-copy{font-size:15px;letter-spacing:.1em}
    .sidebar a.brand .brand-copy small{font-size:9px;letter-spacing:.28em}
}

/* Brighter green treatment for the focused authentication screens. */
body.auth-register-page .auth-layout{
    background:
        linear-gradient(rgba(174,239,50,.07) 1px,transparent 1px),
        linear-gradient(90deg,rgba(174,239,50,.07) 1px,transparent 1px),
        radial-gradient(circle at 50% 8%,rgba(89,194,62,.28),transparent 30%),
        radial-gradient(circle at 100% 82%,rgba(52,145,77,.25),transparent 38%),
        linear-gradient(145deg,#10271d 0%,#091916 46%,#06100e 100%);
    background-size:72px 72px,72px 72px,auto,auto,auto;
}
body.auth-register-page .auth-brand .auth-brand-mark{
    border-color:rgba(174,239,50,.65);
    background:rgba(5,22,13,.78);
    box-shadow:0 0 0 6px rgba(174,239,50,.06),0 0 42px rgba(174,239,50,.3);
}
body.auth-register-page .auth-card{
    border-color:rgba(174,239,50,.48);
    background:
        radial-gradient(circle at 100% 0,rgba(174,239,50,.2),transparent 32%),
        linear-gradient(145deg,#214632 0%,#12332b 43%,#0b1d1f 100%);
    box-shadow:0 24px 70px rgba(0,0,0,.48),0 0 42px rgba(174,239,50,.14);
}
body.auth-register-page .auth-card>p{color:#bdd3c4}
body.auth-register-page .auth-card label{color:#d9e9d7}
body.auth-register-page .auth-card input{
    border-color:#527a66;
    background:rgba(7,25,23,.78);
}
body.auth-register-page .auth-card input::placeholder{color:#a2b2aa}

/* Match auth accents to the landing page neon green. */
body.auth-register-page{
    --lime:#36ff16;
    --lime-2:#9aff67;
}
body.auth-register-page .auth-layout{
    background:
    linear-gradient(rgba(54,255,22,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(54,255,22,.07) 1px,transparent 1px),
    radial-gradient(circle at 50% 8%,rgba(34,110,38,.32),transparent 32%),
    radial-gradient(circle at 100% 82%,rgba(54,255,22,.16),transparent 40%),
    linear-gradient(145deg,#0b1b11 0%,#07140f 48%,#050a08 100%);
}
body.auth-register-page .auth-brand .auth-brand-mark{
    border-color:rgba(54,255,22,.68);
    box-shadow:0 0 0 6px rgba(54,255,22,.07),0 0 42px rgba(54,255,22,.34);
}
body.auth-register-page .auth-card{
    border-color:rgba(54,255,22,.34);
    background:
        radial-gradient(circle at 100% 0,rgba(54,255,22,.14),transparent 32%),
        linear-gradient(145deg,#192b20 0%,#102019 48%,#0c1512 100%);
    box-shadow:0 24px 70px rgba(0,0,0,.52),0 0 42px rgba(54,255,22,.12);
}
body.auth-register-page .auth-card::before{
    background:linear-gradient(90deg,transparent,#36ff16,transparent);
}
body.auth-register-page .auth-card form .button-lime{
    background:linear-gradient(110deg,#36ff16,#72ff5c 52%,#28e814);
    color:#061004;
    box-shadow:0 10px 28px rgba(54,255,22,.24),inset 0 1px 0 rgba(255,255,255,.38);
}
body.auth-register-page .auth-card form .button-lime:hover{
    background:linear-gradient(110deg,#62ff43,#9aff67 52%,#36ff16);
    box-shadow:0 14px 36px rgba(54,255,22,.38);
}
body.auth-register-page .auth-card input:focus{
    border-color:#36ff16;
    box-shadow:0 0 0 3px rgba(54,255,22,.12);
}
body.auth-activate-page .auth-card label[for="verified-email"]{color:#8da39a}
body.auth-activate-page .auth-card input:disabled{
    color:#91a69d;
    background:#17221e;
    border-color:#344a42;
    opacity:.72;
    cursor:not-allowed;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
.registration-sent form{margin-top:24px}
.registration-sent form .button{margin-top:0}
.registration-sent .auth-switch{margin-top:18px;margin-bottom:0}

@media(max-width:690px){
    .auth-card.auth-card-verification{margin-bottom:24px;padding-bottom:27px;border-bottom:1px solid #26383a;border-radius:18px}
    .auth-card-verification>.flash{margin-bottom:22px}
    .verification-mail-icon{width:43px;height:43px;margin-bottom:13px}
    .verification-mail-icon svg{width:21px;height:21px}
    .registration-sent h2{font-size:23px;margin-bottom:6px}
    .registration-sent .verification-lead{font-size:11px;line-height:1.5}
    .verification-email{margin:15px 0 14px;padding:13px 14px;border-radius:10px;font-size:13px}
    .verification-guide{padding:12px 13px;font-size:11px;line-height:1.6}
    .registration-sent form{margin-top:18px}
    .registration-sent form .button{min-height:44px}
    .registration-sent .auth-switch{margin-top:17px}
}

@media(max-width:430px){
    .auth-card.auth-card-verification{margin-inline:8px;padding:22px 16px 25px;border-radius:16px}
}

/* Polished onboarding-style authentication layout for phones and tablets. */
@media(max-width:900px){
    body.auth-page{
        min-height:100dvh;
        background:#0b1115;
        font-size:12px;
    }
    .auth-layout{
        display:block;
        min-height:100dvh;
        padding-bottom:max(20px,env(safe-area-inset-bottom));
        background:linear-gradient(180deg,#173126 0,#10221d 190px,#0b1115 190px);
    }
    .auth-story{
        display:block;
        min-height:0;
        padding:max(18px,env(safe-area-inset-top)) 20px 42px;
        border:0;
        background:
            radial-gradient(circle at 50% -25%,rgba(89,151,75,.48),transparent 52%),
            linear-gradient(145deg,#10251f,#1b3927);
    }
    .auth-brand{
        display:flex;
        margin:0 auto;
        gap:10px;
    }
    .auth-brand .auth-brand-mark{
        width:40px;
        height:40px;
        flex-basis:40px;
        border-radius:11px;
        box-shadow:0 8px 24px rgba(0,0,0,.2),0 0 20px rgba(174,239,50,.06);
    }
    .auth-brand-mark img{width:26px;height:27px}
    .auth-brand .auth-brand-copy{gap:2px}
    .auth-brand-copy strong{font-size:13px;letter-spacing:.14em}
    .auth-brand-copy small{font-size:7.5px;letter-spacing:.27em}
    .auth-story>div{
        max-width:560px;
        margin:18px auto 0;
        text-align:center;
    }
    .auth-story .eyebrow{display:none}
    .auth-story h1{
        margin:0 0 9px;
        font-size:clamp(24px,5vw,29px);
        line-height:1.08;
        letter-spacing:-.045em;
    }
    .auth-story p{
        max-width:470px;
        margin:0 auto;
        color:#b8cabd;
        font-size:11.5px;
        line-height:1.55;
    }
    .auth-story small{display:none}
    .auth-card{
        position:relative;
        width:calc(100% - 28px);
        max-width:600px;
        margin:-21px auto 0;
        padding:30px clamp(20px,5vw,34px) 34px;
        background:linear-gradient(180deg,#0d171b,#0b1317);
        border:1px solid #2a3d3e;
        border-radius:23px;
        box-shadow:0 20px 55px rgba(0,0,0,.24);
    }
    .auth-card .eyebrow{font-size:8px;letter-spacing:.14em}
    .auth-card h2{
        margin:8px 0 7px;
        font-size:clamp(23px,5vw,28px);
        line-height:1.12;
        letter-spacing:-.035em;
    }
    .auth-card>p{margin:0;font-size:11.5px;line-height:1.55}
    .auth-card form{gap:4px;margin-top:19px}
    .auth-card label{margin-top:8px;font-size:10.5px}
    .auth-card input{min-height:45px;padding:10px 12px;border-radius:10px;font-size:16px}
    .auth-card form .button{min-height:45px;margin-top:14px;font-size:11.5px}
    .auth-switch{margin:19px 0 0;font-size:11px;line-height:1.5}
    .auth-card.auth-card-verification{
        margin:-21px auto 0;
        padding-bottom:30px;
        border:1px solid #2a3d3e;
        border-radius:23px;
    }
}

@media(max-width:480px){
    .auth-layout{background:linear-gradient(180deg,#173126 0,#10221d 172px,#0b1115 172px)}
    .auth-story{padding:max(14px,env(safe-area-inset-top)) 16px 36px}
    .auth-brand .auth-brand-mark{width:36px;height:36px;flex-basis:36px;border-radius:10px}
    .auth-brand-mark img{width:23px;height:24px}
    .auth-brand-copy strong{font-size:12px}
    .auth-brand-copy small{font-size:7px}
    .auth-story>div{margin-top:15px}
    .auth-story h1{font-size:22px;margin-bottom:7px}
    .auth-story p{max-width:330px;font-size:10.5px;line-height:1.45}
    .auth-card,
    .auth-card.auth-card-verification{
        width:calc(100% - 16px);
        margin:-18px auto 0;
        padding:24px 17px 28px;
        border-radius:20px;
    }
    .auth-card h2{font-size:22px}
    .auth-card>p{font-size:11px}
    .verification-mail-icon{width:41px;height:41px;margin-bottom:12px}
    .verification-email{font-size:12px}
}

/* Registration keeps the first step focused and fully visible. */
.auth-register-page .auth-layout{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:16px;
    min-height:100dvh;
    padding:24px;
    overflow-y:auto;
    background:
        linear-gradient(rgba(174,239,50,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(174,239,50,.045) 1px,transparent 1px),
        radial-gradient(circle at 50% 8%,rgba(184,255,61,.11),transparent 26%),
        radial-gradient(circle at 92% 92%,rgba(44,122,69,.18),transparent 32%),
        #07110f;
    background-size:72px 72px,72px 72px,auto,auto,auto;
}
.auth-register-page .auth-story{
    display:block;
    width:min(100%,520px);
    min-height:0;
    padding:0;
    overflow:visible;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
.auth-register-page .auth-story::before,
.auth-register-page .auth-story::after{display:none}
.auth-register-page .auth-story-top{justify-content:center}
.auth-register-page .auth-brand{
    flex-direction:column;
    gap:8px;
    text-align:center;
}
.auth-register-page .auth-brand .auth-brand-mark{
    width:58px;
    height:58px;
    flex-basis:58px;
    border-radius:16px;
    border-color:rgba(174,239,50,.42);
    box-shadow:0 0 0 5px rgba(174,239,50,.04),0 0 34px rgba(174,239,50,.2);
}
.auth-register-page .auth-brand-mark img{width:39px;height:40px}
.auth-register-page .auth-brand-copy{align-items:center}
.auth-register-page .auth-card{
    width:min(100%,520px);
    margin:0;
    padding:32px 36px 30px;
    border-color:rgba(184,255,61,.24);
    background:
        radial-gradient(circle at 100% 0,rgba(174,239,50,.12),transparent 28%),
        linear-gradient(145deg,#172b26 0%,#0d1c1e 38%,#091315 100%);
    box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 34px rgba(184,255,61,.1);
}
.auth-register-page .auth-card::before{
    content:"";
    display:block;
    width:92px;
    height:3px;
    margin:-32px auto 26px;
    border-radius:99px;
    background:linear-gradient(90deg,transparent,var(--lime),transparent);
}
.auth-register-page .register-kicker{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    margin-bottom:14px;
    color:var(--lime);
    font-size:9px;
    font-weight:700;
    letter-spacing:.2em;
}
.auth-register-page .register-kicker i{
    width:22px;
    height:1px;
    background:var(--lime);
    box-shadow:0 0 8px var(--lime);
}
.auth-register-page .auth-card>h2,
.auth-register-page .auth-card>p{text-align:center}
.auth-register-page .auth-card h2{margin-top:0}
.auth-register-page .auth-card form{margin-top:20px}
.auth-register-page .auth-card form .button{margin-top:15px}
.auth-register-page .auth-card form .button-lime{
    position:relative;
    overflow:hidden;
    background:linear-gradient(110deg,#a7ed2d,#c8ff4e 52%,#8ee324);
    box-shadow:0 10px 28px rgba(174,239,50,.18),inset 0 1px 0 rgba(255,255,255,.42);
}
.auth-register-page .auth-card form .button-lime::before{
    content:"";
    position:absolute;
    inset:0 auto 0 -35%;
    width:24%;
    transform:skewX(-20deg);
    background:rgba(255,255,255,.28);
    animation:register-button-shine 3.8s ease-in-out infinite;
}
.auth-register-page .auth-card form .button-lime span{
    position:relative;
    z-index:1;
    display:inline-block;
    font-size:18px;
    line-height:1;
}
.auth-register-page .auth-card form .button-lime:hover{
    background:linear-gradient(110deg,#c3ff4b,#dcff83 52%,#a8f13a);
    box-shadow:0 14px 36px rgba(174,239,50,.3);
}
@keyframes register-button-shine{
    0%,55%{left:-35%}
    75%,100%{left:125%}
}
.auth-register-page .auth-card input{border-color:#36504a;background:rgba(5,15,16,.64)}
.auth-register-page .auth-card input:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(174,239,50,.1)}
.auth-register-page .auth-card .auth-switch{margin-top:17px;padding-top:15px}

@media(max-width:600px){
    .auth-register-page .auth-layout{
        justify-content:center;
        gap:12px;
        padding:max(16px,env(safe-area-inset-top)) 12px max(16px,env(safe-area-inset-bottom));
    }
    .auth-register-page .auth-story{padding:0}
    .auth-register-page .auth-brand{gap:6px}
    .auth-register-page .auth-brand .auth-brand-mark{
        width:52px;
        height:52px;
        flex-basis:52px;
        border-radius:14px;
    }
    .auth-register-page .auth-brand-mark img{width:35px;height:36px}
    .auth-register-page .auth-brand-copy strong{font-size:12px;letter-spacing:.1em}
    .auth-register-page .auth-card{
        padding:24px 18px 22px;
        border-radius:20px;
    }
    .auth-register-page .auth-card::before{margin-top:-24px;margin-bottom:20px}
    .auth-register-page .register-kicker{font-size:8px;margin-bottom:11px}
    .auth-register-page .auth-card h2{font-size:24px}
    .auth-register-page .auth-card form{margin-top:14px}
    .auth-register-page .auth-card label{margin-top:6px}
    .auth-register-page .auth-card input{min-height:44px}
    .auth-register-page .auth-card form .button{min-height:44px;margin-top:12px}
    .auth-register-page .auth-card .auth-switch{margin-top:14px;padding-top:13px}
}

@media(max-width:600px) and (max-height:760px){
    .auth-register-page .auth-layout{justify-content:flex-start}
}

/* Unified premium member portal */
body.auth-page{
    min-height:100vh;
    background:#06100d;
}
.auth-layout{
    position:relative;
    isolation:isolate;
    min-height:100vh;
    grid-template-columns:minmax(360px,.92fr) minmax(520px,1.08fr);
    gap:20px;
    padding:20px;
    overflow:hidden;
    background:
        radial-gradient(circle at 8% 12%,rgba(67,148,78,.22),transparent 32%),
        radial-gradient(circle at 92% 88%,rgba(174,239,50,.09),transparent 29%),
        linear-gradient(145deg,#07120f 0%,#091310 48%,#060d0c 100%);
}
.auth-layout::before{
    content:"";
    position:fixed;
    z-index:0;
    inset:0;
    pointer-events:none;
    opacity:.2;
    background-image:
        linear-gradient(rgba(174,239,50,.08) 1px,transparent 1px),
        linear-gradient(90deg,rgba(174,239,50,.08) 1px,transparent 1px);
    background-size:56px 56px;
    mask-image:linear-gradient(135deg,#000,transparent 72%);
}
.auth-layout::after{
    content:"";
    position:fixed;
    z-index:0;
    width:420px;
    height:420px;
    right:-170px;
    bottom:-210px;
    pointer-events:none;
    border:1px solid rgba(174,239,50,.12);
    border-radius:50%;
    box-shadow:0 0 0 72px rgba(174,239,50,.018),0 0 0 145px rgba(174,239,50,.012);
}
.auth-story,
.auth-card{
    position:relative;
    z-index:1;
}
.auth-story{
    min-height:calc(100vh - 40px);
    padding:clamp(32px,5vw,72px);
    overflow:hidden;
    border:1px solid rgba(122,173,108,.25);
    border-radius:28px;
    background:
        radial-gradient(circle at 75% 22%,rgba(103,184,79,.24),transparent 28%),
        radial-gradient(circle at 18% 88%,rgba(174,239,50,.1),transparent 30%),
        linear-gradient(145deg,rgba(22,55,41,.96),rgba(8,25,21,.97) 65%,rgba(5,17,15,.98));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 28px 80px rgba(0,0,0,.24);
}
.auth-story::before{
    content:"";
    position:absolute;
    width:min(44vw,520px);
    aspect-ratio:1;
    right:-31%;
    top:21%;
    border:1px solid rgba(174,239,50,.13);
    border-radius:50%;
    box-shadow:0 0 0 70px rgba(174,239,50,.022),0 0 0 140px rgba(174,239,50,.014);
    pointer-events:none;
}
.auth-story::after{
    content:"TNL";
    position:absolute;
    right:5%;
    bottom:-.17em;
    color:rgba(221,255,207,.025);
    font:700 clamp(120px,18vw,280px)/1 'Space Grotesk',sans-serif;
    letter-spacing:-.1em;
    pointer-events:none;
}
.auth-story-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}
.auth-area-pill{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:32px;
    padding:0 12px;
    color:#b9cbbd;
    border:1px solid rgba(193,224,190,.16);
    border-radius:999px;
    background:rgba(3,12,9,.28);
    font-size:8px;
    font-weight:700;
    letter-spacing:.14em;
    white-space:nowrap;
}
.auth-area-pill i{
    width:6px;
    height:6px;
    border-radius:50%;
    background:var(--lime);
    box-shadow:0 0 13px rgba(174,239,50,.8);
}
.auth-story-copy{
    position:relative;
    z-index:1;
    max-width:620px;
}
.auth-story .eyebrow{
    display:inline-flex;
    align-items:center;
    min-height:29px;
    padding:0 12px;
    border:1px solid rgba(174,239,50,.2);
    border-radius:999px;
    background:rgba(174,239,50,.055);
    font-size:9px;
    letter-spacing:.18em;
}
.auth-story h1{
    max-width:670px;
    margin:20px 0 16px;
    font-size:clamp(42px,5.2vw,76px);
    line-height:1.01;
    letter-spacing:-.065em;
}
.auth-story p{
    max-width:520px;
    margin:0;
    color:#b5c9bb;
    font-size:14px;
    line-height:1.7;
}
.auth-story-chips{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-top:25px;
}
.auth-story-chips span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:34px;
    padding:0 13px;
    border:1px solid rgba(184,225,175,.16);
    border-radius:10px;
    background:rgba(5,17,14,.35);
    color:#d1ddd3;
    font-size:10px;
    font-weight:600;
}
.auth-story-chips span::before{
    content:"";
    width:6px;
    height:6px;
    border:2px solid var(--lime);
    border-radius:50%;
}
.auth-story>small{
    position:relative;
    z-index:1;
    font-size:10px;
    letter-spacing:.02em;
}
.auth-card{
    width:min(100%,570px);
    margin:auto;
    padding:44px 42px 40px;
    overflow:hidden;
    border:1px solid rgba(97,137,124,.4);
    border-radius:26px;
    background:linear-gradient(155deg,rgba(15,29,29,.94),rgba(7,16,18,.97));
    box-shadow:0 32px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.035);
    backdrop-filter:blur(24px);
}
.auth-card::before{
    content:"";
    position:absolute;
    top:0;
    left:50%;
    width:130px;
    height:2px;
    transform:translateX(-50%);
    background:linear-gradient(90deg,transparent,var(--lime),transparent);
    box-shadow:0 0 24px rgba(174,239,50,.55);
}
.auth-card>.eyebrow{
    display:inline-flex;
    align-items:center;
    min-height:27px;
    padding:0 11px;
    border:1px solid rgba(174,239,50,.2);
    border-radius:999px;
    background:rgba(174,239,50,.055);
    font-size:8px;
    letter-spacing:.16em;
}
.auth-card h2{
    margin:15px 0 8px;
    font-size:clamp(29px,3vw,38px);
    line-height:1.08;
}
.auth-card>p{
    max-width:450px;
    margin:0;
    color:#98afa7;
    font-size:12px;
    line-height:1.65;
}
.auth-card form{
    gap:5px;
    margin-top:25px;
}
.auth-card label{
    margin-top:10px;
    color:#dbe6de;
    font-size:11px;
    letter-spacing:.01em;
}
.auth-card input{
    min-height:50px;
    padding:12px 14px;
    border-color:#334b48;
    border-radius:12px;
    background:rgba(10,24,25,.86);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
    transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.auth-card input:hover{border-color:#46615a}
.auth-card input:focus{
    border-color:var(--lime);
    background:#0c1b1b;
    box-shadow:0 0 0 3px rgba(174,239,50,.09),0 0 26px rgba(174,239,50,.055);
}
.auth-card form .button{
    min-height:50px;
    margin-top:18px;
    border-radius:12px;
}
.auth-card .button-lime{
    color:#101b0d;
    background:linear-gradient(135deg,#c1ff43,#98ed25);
    box-shadow:0 12px 30px rgba(139,224,39,.14);
}
.auth-card .button-lime:hover:not(:disabled){
    box-shadow:0 16px 36px rgba(139,224,39,.22);
}
.auth-divider{
    display:flex;
    align-items:center;
    gap:12px;
    margin:20px 0 0;
    color:#789187;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.12em;
}
.auth-divider::before,.auth-divider::after{content:"";height:1px;flex:1;background:rgba(96,125,116,.22)}
.auth-card a.button-google{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:50px;
    margin-top:14px;
    border:1px solid #d5ded9;
    border-radius:12px;
    background:#f8faf9;
    color:#17251e;
    box-shadow:0 8px 20px rgba(0,0,0,.12);
    text-decoration:none;
    font-size:11px;
    font-weight:700;
}
.auth-card a.button-google:hover{background:#fff;transform:translateY(-2px)}
.google-mark{font-family:Arial,sans-serif;font-size:18px;font-weight:700;color:#4285f4}
.google-account-summary{display:grid;gap:4px;margin:18px 0 4px;padding:13px 14px;border:1px solid rgba(174,239,50,.2);border-radius:12px;background:rgba(29,59,39,.38)}
.google-account-summary strong{color:#f1f7f2;font-size:12px}
.google-account-summary span{color:#a9beb1;font-size:11px;overflow-wrap:anywhere}
.auth-help-link{margin-top:6px}
.auth-card .auth-switch{
    margin:22px 0 0;
    padding-top:19px;
    border-top:1px solid rgba(96,125,116,.22);
    font-size:11px;
}
.auth-card .flash{
    border-radius:12px;
    background:rgba(34,70,49,.72);
}

@media(max-width:900px){
    body.auth-page{
        min-height:100dvh;
        background:#06100d;
        font-size:12px;
    }
    .auth-layout{
        display:block;
        min-height:100dvh;
        padding:max(10px,env(safe-area-inset-top)) 10px max(24px,env(safe-area-inset-bottom));
        background:
            radial-gradient(circle at 12% 5%,rgba(76,161,80,.2),transparent 34%),
            radial-gradient(circle at 92% 62%,rgba(174,239,50,.08),transparent 34%),
            linear-gradient(160deg,#071510,#07100f 48%,#050c0c);
    }
    .auth-layout::before{
        position:absolute;
        opacity:.16;
        background-size:42px 42px;
        mask-image:linear-gradient(to bottom,#000,transparent 82%);
    }
    .auth-layout::after{
        position:absolute;
        width:260px;
        height:260px;
        right:-150px;
        bottom:12%;
        box-shadow:0 0 0 45px rgba(174,239,50,.018),0 0 0 90px rgba(174,239,50,.01);
    }
    .auth-story{
        display:block;
        min-height:0;
        padding:10px 10px 31px;
        overflow:visible;
        border:0;
        border-radius:0;
        background:transparent;
        box-shadow:none;
    }
    .auth-story::before{
        width:320px;
        right:-180px;
        top:-170px;
        box-shadow:0 0 0 55px rgba(174,239,50,.018),0 0 0 110px rgba(174,239,50,.012);
    }
    .auth-story::after{display:none}
    .auth-story>.auth-story-top{
        display:flex;
        margin:0;
    }
    .auth-brand{
        display:flex;
        margin:0;
        gap:9px;
    }
    .auth-brand .auth-brand-mark{
        width:40px;
        height:40px;
        flex-basis:40px;
        border-radius:11px;
        background:rgba(2,10,7,.74);
    }
    .auth-brand-mark img{width:26px;height:27px}
    .auth-brand-copy strong{font-size:13px}
    .auth-brand-copy small{font-size:7.5px}
    .auth-area-pill{min-height:29px;padding-inline:10px;font-size:7px}
    .auth-story>.auth-story-copy{
        max-width:600px;
        margin:28px 0 0;
        text-align:left;
    }
    .auth-story .eyebrow{
        display:inline-flex;
        min-height:25px;
        padding-inline:10px;
        font-size:7px;
    }
    .auth-story h1{
        max-width:540px;
        margin:13px 0 10px;
        font-size:clamp(28px,6vw,36px);
        line-height:1.04;
        letter-spacing:-.055em;
    }
    .auth-story p{
        max-width:500px;
        margin:0;
        font-size:11.5px;
        line-height:1.55;
    }
    .auth-story-chips{gap:7px;margin-top:15px}
    .auth-story-chips span{min-height:29px;padding-inline:10px;border-radius:8px;font-size:8px}
    .auth-story>small{display:none}
    .auth-card,
    .auth-card.auth-card-verification{
        width:100%;
        max-width:620px;
        margin:0 auto;
        padding:29px clamp(20px,5vw,34px) 30px;
        border:1px solid rgba(97,137,124,.4);
        border-radius:23px;
        background:linear-gradient(155deg,rgba(14,28,28,.96),rgba(6,15,17,.98));
        box-shadow:0 26px 65px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.03);
    }
    .auth-card>.eyebrow{font-size:7px}
    .auth-card h2{
        margin:12px 0 7px;
        font-size:clamp(24px,5vw,29px);
    }
    .auth-card>p{font-size:11.5px;line-height:1.55}
    .auth-card form{gap:4px;margin-top:19px}
    .auth-card label{margin-top:8px;font-size:10.5px}
    .auth-card input{min-height:47px;padding:11px 13px;border-radius:10px;font-size:16px}
    .auth-card form .button{min-height:47px;margin-top:15px;border-radius:10px;font-size:11.5px}
    .auth-card .auth-switch{margin-top:19px;padding-top:16px;font-size:11px}
}

@media(max-width:480px){
    .auth-layout{padding:8px 8px max(20px,env(safe-area-inset-bottom))}
    .auth-story{padding:6px 6px 24px}
    .auth-brand .auth-brand-mark{width:36px;height:36px;flex-basis:36px;border-radius:10px}
    .auth-brand-mark img{width:23px;height:24px}
    .auth-brand-copy strong{font-size:12px}
    .auth-brand-copy small{font-size:7px}
    .auth-area-pill{min-height:27px;padding-inline:9px;font-size:6.5px;letter-spacing:.11em}
    .auth-story>.auth-story-copy{margin-top:23px}
    .auth-story h1{font-size:27px}
    .auth-story p{max-width:350px;font-size:11px}
    .auth-story-chips{margin-top:13px}
    .auth-card,
    .auth-card.auth-card-verification{
        width:100%;
        margin:0;
        padding:25px 17px 27px;
        border-radius:20px;
    }
    .auth-card h2{font-size:24px}
    .auth-card>p{font-size:11px}
    .verification-mail-icon{width:41px;height:41px;margin-bottom:12px}
    .verification-email{font-size:12px}
}

/* Keep every authentication card centered, including short phone screens. */
.auth-layout .auth-card{justify-self:center}
@media(max-width:900px){
    body.auth-page .auth-card{margin-left:auto;margin-right:auto}
}
@media(max-width:600px){
    body.auth-register-page .auth-layout{justify-content:center}
}

/* Center compact auth forms themselves, instead of centering the logo and form as a group. */
body.auth-register-page .auth-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:minmax(max-content,1fr) auto minmax(0,1fr);
    align-content:stretch;
    gap:24px;
    overflow-x:hidden;
    overflow-y:auto;
}
body.auth-register-page .auth-story{
    grid-row:1;
    align-self:end;
    justify-self:center;
}
body.auth-register-page .auth-card{
    grid-row:2;
    align-self:center;
    justify-self:center;
}

/* On smaller screens, center cards from the full auth layout without changing its desktop split view. */
@media(max-width:900px){
    body.auth-page:not(.auth-register-page) .auth-layout{
        display:grid;
        grid-template-columns:minmax(0,1fr);
        grid-template-rows:minmax(max-content,1fr) auto minmax(0,1fr);
        align-content:stretch;
        gap:16px;
        overflow-x:hidden;
        overflow-y:auto;
    }
    body.auth-page:not(.auth-register-page) .auth-story{
        grid-row:1;
        align-self:end;
    }
    body.auth-page:not(.auth-register-page) .auth-card{
        grid-row:2;
        align-self:center;
        justify-self:center;
    }
}

/* Final auth spacing pass: keep feedback readable and separate the brand from the form. */
.auth-card>.flash,
.auth-card .flash{
    width:100%;
    margin:0 0 24px;
    padding:14px 16px;
    border-radius:12px;
    font-size:12px;
    line-height:1.55;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.auth-card .flash ul{
    margin:0;
    padding-left:18px;
}
.auth-card .flash li+li{margin-top:5px}
.auth-card .flash-error{
    border-color:rgba(245,129,129,.58);
    background:rgba(88,39,42,.78);
    color:#ffe1e1;
}
.auth-card .flash:not(.flash-error){
    border-color:rgba(122,190,105,.5);
    background:rgba(35,78,48,.75);
}

@media(max-width:900px){
    body.auth-page:not(.auth-register-page) .auth-story{
        padding-bottom:clamp(42px,9vw,58px);
    }
    body.auth-page .auth-card>.flash,
    body.auth-page .auth-card .flash{
        margin-bottom:22px;
        padding:13px 15px;
        font-size:11.5px;
    }
}

@media(max-width:480px){
    body.auth-page:not(.auth-register-page) .auth-story{padding-bottom:44px}
    body.auth-page .auth-card>.flash,
    body.auth-page .auth-card .flash{
        margin-bottom:20px;
        padding:12px 13px;
        border-radius:10px;
        font-size:11px;
    }
}

.auth-card .flash{
    display:flex;
    align-items:flex-start;
    gap:10px;
}
.auth-card .flash-icon{
    display:grid;
    place-items:center;
    width:19px;
    height:19px;
    flex:0 0 19px;
    margin-top:1px;
    border:1px solid currentColor;
    border-radius:50%;
    font-size:11px;
    font-weight:800;
    line-height:1;
}
.auth-card .flash>span:last-child{min-width:0;overflow-wrap:anywhere}

/* Keep desktop auth forms compact enough to remain visible without sacrificing input comfort. */
@media(min-width:901px){
    body.auth-page .auth-card{
        width:min(100%,470px);
        padding:30px 30px 27px;
        border-radius:22px;
    }
    body.auth-page .auth-card h2{
        margin:10px 0 6px;
        font-size:30px;
    }
    body.auth-page .auth-card>p{
        font-size:11.5px;
        line-height:1.55;
    }
    body.auth-page .auth-card form{
        gap:3px;
        margin-top:16px;
    }
    body.auth-page .auth-card label{
        margin-top:7px;
        font-size:10.5px;
    }
    body.auth-page .auth-card input{
        min-height:44px;
        padding:10px 12px;
        border-radius:10px;
        font-size:14px;
    }
    body.auth-page .auth-card form .button{
        min-height:44px;
        margin-top:12px;
        border-radius:10px;
    }
    body.auth-page .auth-card .auth-switch{
        margin-top:15px;
        padding-top:13px;
    }
    body.auth-register-page .register-kicker{margin-bottom:10px}
}

/* Notification preferences and complete signal lifecycle. */
.heading-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}
.heading-actions form{margin:0}
.notification-preferences{padding:24px;max-width:720px}
.preference-row{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 0;border-bottom:1px solid var(--line)}
.preference-row:first-child{padding-top:4px}
.preference-row strong,.preference-row small{display:block}
.preference-row strong{font-family:'Space Grotesk',sans-serif;font-size:16px;color:var(--text)}
.preference-row small{max-width:520px;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.5}
.settings-form .preference-toggle{display:block;position:relative;flex:0 0 48px;width:48px;height:27px;margin:0;cursor:pointer}
.settings-form .preference-toggle input{position:absolute;width:1px;height:1px;min-height:0;margin:-1px;padding:0;opacity:0}
.preference-toggle span{display:block;width:48px;height:27px;border:1px solid #49605c;border-radius:30px;background:#172326;transition:.2s ease}
.preference-toggle span::after{content:'';display:block;width:19px;height:19px;margin:3px;border-radius:50%;background:#71827c;transition:.2s ease}
.preference-toggle input:checked+span{border-color:#8fd32e;background:#29411f}
.preference-toggle input:checked+span::after{transform:translateX(21px);background:var(--lime)}
.preference-toggle input:focus-visible+span{outline:2px solid var(--lime);outline-offset:3px}
.preference-note{margin-top:14px;padding:14px 16px;border:1px solid #3a4d49;border-radius:9px;background:#111d20;color:var(--muted);font-size:11px;line-height:1.6}
.nav-list-secondary{margin-top:3px}
.signal-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.signal-price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px;margin:16px 0}
.signal-price-grid>div{padding:12px;border:1px solid var(--line);border-radius:9px;background:#101a1e}
.signal-price-grid small,.signal-price-grid strong{display:block}
.signal-price-grid small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.signal-price-grid strong{margin-top:5px;font-family:'Space Grotesk',sans-serif;font-size:16px;color:var(--text)}
.status-pill.running{background:#203d49;color:#a9e2f5}
.status-pill.danger{background:#442929;color:#ffc1c1}
.signal-list .signal-close-note{padding:12px 14px;border-left:2px solid var(--lime);background:#111d1c;color:#bdcbbf}
.signal-result-tp{border-color:#557a3a!important}
.signal-result-sl,.signal-result-cancelled{border-color:#704343!important}
.admin-action-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.action-metric{min-width:0;min-height:172px;padding:18px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#17262a,#132125);color:var(--text);text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.action-metric:hover{transform:translateY(-2px);border-color:#658247;background:linear-gradient(145deg,#1b2e2a,#162529);box-shadow:0 14px 30px rgba(0,0,0,.16)}
.action-metric-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.action-metric-head .nav-icon{width:39px;height:39px;color:var(--lime);border-color:#48623d;background:#1c3027}.action-metric-head .nav-icon svg{width:20px;height:20px}.action-metric-head i{color:#6f8780;font-size:15px;font-style:normal;transition:color .18s ease,transform .18s ease}.action-metric:hover .action-metric-head i{color:var(--lime);transform:translate(2px,-2px)}
.action-metric-label{display:block;margin-top:15px;color:#b9cbc1;font-size:11px;font-weight:700;line-height:1.3}.action-metric-count{display:block;margin-top:4px;font-family:'Space Grotesk',sans-serif;font-size:36px;line-height:1;letter-spacing:-.055em}.action-metric small{display:block;margin-top:auto;padding-top:11px;color:#819990;font-size:10px;line-height:1.35}
.admin-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.admin-action-grid .surface-panel{min-width:0}
.app-shell .sidebar{width:270px;min-width:270px;padding-inline:16px;background:linear-gradient(180deg,#101a1e 0%,#0d171a 100%)}
.sidebar .nav-list{gap:6px}.sidebar .nav-link,.sidebar-group-toggle{min-height:48px;padding:7px 10px;border-radius:12px;gap:11px;font-size:12.5px;position:relative;overflow:hidden;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.sidebar .nav-link:hover,.sidebar-group-toggle:hover{background:#17272a;border-color:#2d443c;color:#edf8ef;transform:translateX(2px)}
.nav-icon{width:34px;height:34px;border-radius:10px;border:1px solid #314640;background:linear-gradient(145deg,#18292b,#121f22);color:#9db2ad;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.nav-icon svg{width:19px;height:19px;display:block}.nav-link:hover .nav-icon,.sidebar-group-toggle:hover .nav-icon{color:var(--lime-2);border-color:#597b42;transform:scale(1.04)}
.sidebar .nav-link.active{color:var(--lime-2);border-color:#52733f;background:linear-gradient(90deg,rgba(78,119,54,.42),rgba(30,55,43,.82));box-shadow:inset 3px 0 0 var(--lime),0 10px 24px rgba(0,0,0,.14)}.sidebar .nav-link.active .nav-icon{color:#172414;border-color:#baf758;background:linear-gradient(145deg,#c8ff64,#91df25);box-shadow:0 0 0 4px rgba(174,239,50,.08),0 8px 20px rgba(111,180,33,.18)}
.sidebar-group[open]>.sidebar-group-toggle{color:#8fa49e;background:transparent;border-color:transparent}.sidebar-group[open]>.sidebar-group-toggle .nav-icon{color:#9db2ad;border-color:#314640;background:linear-gradient(145deg,#18292b,#121f22)}.sidebar-group[open]>.sidebar-group-toggle:hover{background:#17272a;border-color:#2d443c;color:#edf8ef}.sidebar-group[open]>.sidebar-group-toggle:hover .nav-icon{color:var(--lime-2);border-color:#597b42}.sidebar-group-links{margin-left:17px;padding-left:13px;border-left-color:#385344}.sidebar-group-links .nav-link{min-height:42px;padding:5px 8px;font-size:11.5px}.sidebar-group-links .nav-icon{width:30px;height:30px;border-radius:9px}.sidebar-group-links .nav-icon svg{width:17px;height:17px}
@media(max-width:1200px){.admin-action-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.app-shell .sidebar{width:min(88vw,300px);min-width:0}}
@media(max-width:690px){.sidebar .nav-link,.sidebar-group-toggle{min-height:46px;padding:6px 9px;font-size:12px}.nav-icon{width:32px;height:32px}.nav-icon svg{width:18px;height:18px}}
.security-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.security-heading h3{margin:5px 0}.security-heading p{margin:8px 0 0}.session-list{border-top:1px solid var(--line);margin-top:18px}.session-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.session-device-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#1d3028;color:var(--lime);font-size:12px}.session-item strong,.session-item span{display:block}.session-item strong{font-size:12px}.session-item div span{color:var(--muted);font-size:10px;margin-top:5px;line-height:1.5}.session-revoke-form{margin-top:14px}.session-revoke-form input{max-width:420px}
@media(max-width:690px){.security-heading{display:block}.security-heading>.status-pill{display:inline-block;margin-top:12px}.session-item{grid-template-columns:32px minmax(0,1fr)}.session-item>.status-pill{grid-column:2;justify-self:start}.session-revoke-form .button{width:100%;justify-content:center}}
.action-feed{display:grid;margin-top:12px}
.action-feed>a{display:grid;gap:3px;padding:13px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--text)}
.action-feed>a:hover strong{color:var(--lime)}
.action-feed span,.action-feed small{color:var(--muted);font-size:10px;overflow-wrap:anywhere}

@media(max-width:690px){
    .heading-actions{width:100%;justify-content:stretch}
    .heading-actions>a,.heading-actions form,.heading-actions button{width:100%;justify-content:center}
    .preference-row{gap:14px;padding:16px 0}
    .notification-preferences{padding:20px 17px}
    .signal-card-heading{align-items:flex-start}
    .admin-action-grid{grid-template-columns:1fr}
    .admin-action-summary{grid-template-columns:1fr;gap:9px}
    .action-metric{min-height:0;padding:13px 14px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"icon label count" "icon helper count";column-gap:12px;row-gap:3px;align-items:center;border-radius:11px}
    .action-metric-head{grid-area:icon}.action-metric-head .nav-icon{width:38px;height:38px}.action-metric-head i{display:none}
    .action-metric-label{grid-area:label;margin:0;font-size:11px}.action-metric-count{grid-area:count;margin:0;font-size:29px;text-align:right}.action-metric small{grid-area:helper;margin:0;padding:0;font-size:9px}
    .admin-action-grid{gap:10px}.admin-action-grid .surface-panel{padding:15px}.admin-action-grid .panel-heading{align-items:center;flex-wrap:wrap;gap:8px}.admin-action-grid .panel-heading h3{margin:0}.admin-action-grid .text-button{margin-left:auto}
}

/* Keep optional payment proof secondary to the main confirmation action. */
.optional-proof{margin-top:3px;border:0;background:transparent}
.optional-proof summary{display:flex;align-items:center;gap:7px;width:max-content;max-width:100%;padding:7px 0;color:#81958f;font-size:10px;font-weight:600;cursor:pointer;list-style:none}
.optional-proof summary::-webkit-details-marker{display:none}
.optional-proof summary:after{content:"+";color:#8ea49c;font-size:14px;line-height:1}
.optional-proof[open] summary:after{content:"−"}
.optional-proof summary small{color:#667b74;font-size:8px;font-weight:600;letter-spacing:.04em}
.optional-proof-body{margin-top:4px;padding:13px 14px 14px;border:1px solid #2e4143;border-radius:9px;background:#111c20}
.optional-proof-body small{display:block;margin-top:8px;color:var(--muted);font-size:9px;line-height:1.5}
.optional-proof-body .button{margin-top:11px}
.late-proof-form{margin-top:8px}

/* Simple admin payment decision flow. */
.membership-expiry-note{margin-top:16px;padding:13px 14px;border:1px solid #496640;border-radius:10px;background:#1b3025}.membership-expiry-note span,.membership-expiry-note strong{display:block}.membership-expiry-note span{color:#91a69b;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.membership-expiry-note strong{margin-top:5px;color:var(--lime);font-size:13px}
.payment-decision-panel{padding:22px}.payment-decision-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.payment-decision-heading h3{margin:7px 0 0}.payment-decision-panel>p{margin:15px 0}.payment-decision-panel>p strong{color:var(--text)}
.payment-decision-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:17px}.payment-decision-summary>div{min-width:0;padding:15px;border:1px solid #344943;border-radius:10px;background:#111d21}.payment-decision-summary span,.payment-decision-summary strong,.payment-decision-summary small{display:block}.payment-decision-summary span{color:#819991;font-size:9px;text-transform:uppercase;letter-spacing:.09em}.payment-decision-summary strong{margin-top:7px;font-size:13px;overflow-wrap:anywhere}.payment-decision-summary small{margin-top:5px;color:#8ea39a;font-size:9px;line-height:1.5}
.payment-decision-actions{display:flex;align-items:center;gap:10px;margin-top:18px}.decision-approve-form{margin:0}.payment-decision-actions .button{min-width:180px;justify-content:center}.button-danger{border:1px solid #754646;background:#332426;color:#ffc3c3}.button-danger:hover{border-color:#a75a5a;background:#472a2d;color:#ffe0e0}
.decision-dialog{width:min(520px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:0;border:1px solid #485a57;border-radius:15px;background:#142126;color:var(--text);box-shadow:0 28px 90px rgba(0,0,0,.55);overflow:auto}.decision-dialog::backdrop{background:rgba(2,8,10,.78);backdrop-filter:blur(4px)}.decision-dialog-card{padding:22px}.decision-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.decision-dialog-heading h3{margin:7px 0 0}.decision-dialog-close{width:34px;height:34px;display:grid;place-items:center;flex:none;border:1px solid #40514f;border-radius:9px;background:#101a1e;color:#bdcbc5;font-size:22px;line-height:1;cursor:pointer}.decision-dialog-card>p{margin:16px 0;color:var(--muted);font-size:11px;line-height:1.6}.decision-dialog-card>label{display:block;margin-bottom:8px;color:#d2ddd5;font-size:11px;font-weight:700}.decision-dialog-card textarea{width:100%;min-height:108px;padding:12px 13px;resize:vertical;border:1px solid #3a4c4c;border-radius:10px;background:#0f1a1e;color:var(--text);font:inherit;outline:0}.decision-dialog-card textarea:focus{border-color:var(--lime)}.decision-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:17px}.decision-dialog-actions .button{justify-content:center}
@media(max-width:690px){.payment-decision-panel{padding:16px}.payment-decision-heading{display:block}.payment-decision-heading .status-pill{display:inline-block;margin-top:12px}.payment-decision-summary{grid-template-columns:1fr}.payment-decision-actions{display:grid;grid-template-columns:1fr}.payment-decision-actions form,.payment-decision-actions .button{width:100%}.decision-dialog-card{padding:18px 16px}.decision-dialog-actions{display:grid;grid-template-columns:1fr 1fr}.decision-dialog-actions .button{width:100%;min-width:0}}

/* Compact, app-like notification center in the member topbar. */
.notification-menu{position:relative}
.notification-menu>summary{list-style:none;cursor:pointer}
.notification-menu>summary::-webkit-details-marker{display:none}
.notification-button .nav-icon{width:22px;height:22px;border:0;border-radius:0;background:transparent;box-shadow:none;color:inherit;filter:none}
.notification-button .nav-icon svg{width:19px;height:19px}
.notification-menu[open]>.notification-button{border-color:rgba(93,255,42,.62);background:#203128;color:var(--lime-2);box-shadow:0 0 20px rgba(54,255,22,.12)}
.notification-backdrop{display:none}
.notification-panel{position:absolute;top:calc(100% + 13px);right:0;z-index:40;width:min(400px,calc(100vw - 28px));overflow:hidden;border:1px solid #354b41;border-radius:16px;background:#111a1d;box-shadow:0 28px 80px rgba(0,0,0,.58),0 0 32px rgba(54,255,22,.055)}
.notification-panel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:19px 19px 15px;border-bottom:1px solid #273832;background:linear-gradient(145deg,#17251f,#111a1d)}
.notification-panel-kicker{display:block;margin-bottom:5px;color:#71897e;font-size:8px;font-weight:800;letter-spacing:.16em}
.notification-panel-title{display:flex;align-items:center;gap:8px}
.notification-panel-title h2{margin:0;font-family:'Space Grotesk',sans-serif;font-size:20px;letter-spacing:-.035em}
.notification-panel-title>span{padding:4px 7px;border:1px solid rgba(93,255,42,.3);border-radius:20px;background:rgba(54,255,22,.1);color:var(--lime-2);font-size:8px;font-weight:800}
.notification-panel-heading form{margin:0}
.notification-panel-heading button{padding:0;border:0;background:transparent;color:var(--lime);font-size:9px;font-weight:700;white-space:nowrap}
.notification-panel-heading button:hover{text-decoration:underline}
.notification-panel-list{max-height:390px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#41554c transparent}
.notification-panel-item{display:grid;grid-template-columns:38px minmax(0,1fr) 7px;gap:11px;align-items:start;padding:14px 17px;border-bottom:1px solid #22312d;color:inherit;text-decoration:none;transition:background .18s ease,border-color .18s ease}
.notification-panel-item:hover{background:#192721}
.notification-panel-item.is-unread{background:linear-gradient(90deg,rgba(54,255,22,.1),rgba(54,255,22,.035));border-bottom-color:rgba(93,255,42,.12)}
.notification-panel-item.is-unread:hover{background:linear-gradient(90deg,rgba(54,255,22,.15),rgba(54,255,22,.06))}
.notification-panel-item .notification-item-icon{width:38px;height:38px;border-color:#385246;background:#172b23;color:#a9dd7e}
.notification-panel-item.is-unread .notification-item-icon{border-color:#5d7f45;background:#203a27;color:var(--lime)}
.notification-item-copy{min-width:0}
.notification-item-copy strong,.notification-item-copy>span,.notification-item-copy small{display:block}
.notification-item-copy strong{overflow:hidden;color:#dce8df;font-family:'Space Grotesk',sans-serif;font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.notification-panel-item.is-unread .notification-item-copy strong{color:#f6fff1}
.notification-item-copy>span{display:-webkit-box;overflow:hidden;margin-top:4px;color:#879b93;font-size:10px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.notification-item-copy small{margin-top:6px;color:#667d74;font-size:8px}
.notification-unread-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(174,239,50,.08),0 0 12px rgba(174,239,50,.38)}
.notification-panel-empty{display:flex;min-height:210px;padding:28px;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.notification-panel-empty .nav-icon{width:44px;height:44px;margin-bottom:12px;color:#758b80}
.notification-panel-empty strong{font-family:'Space Grotesk',sans-serif;font-size:13px}
.notification-panel-empty>span{margin-top:5px;color:var(--muted);font-size:10px}
.notification-panel-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-top:1px solid #2b3d35;background:#131f1b;color:var(--lime);font-size:10px;font-weight:800;text-decoration:none}
.notification-panel-footer:hover{background:#182920;color:var(--lime-2)}

@media(max-width:690px){
    body.notification-panel-open{overflow:hidden}
    body.notification-panel-open .topbar{backdrop-filter:none;-webkit-backdrop-filter:none}
    .notification-menu[open] .notification-backdrop{display:block;position:fixed;inset:0;z-index:41;width:100%;height:100%;padding:0;border:0;background:rgba(2,7,8,.72);backdrop-filter:blur(3px)}
    .notification-panel{position:fixed;top:auto;right:8px;bottom:8px;left:8px;z-index:42;width:auto;max-height:min(78dvh,620px);border-radius:19px}
    .notification-panel-heading{padding:18px 17px 14px}
    .notification-panel-list{max-height:calc(min(78dvh,620px) - 124px)}
    .notification-panel-item{padding:14px 15px}
    .notification-panel-footer{min-height:48px}
}
@media(max-width:690px) and (prefers-reduced-motion:no-preference){.notification-menu[open] .notification-panel{animation:notification-sheet-in .2s ease-out both}}
@keyframes notification-sheet-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}