:root{--navy:#12253b;--navy2:#213b57;--gold:#deb674;--ink:#203249;--muted:#738296;--line:#e4eaf0;--paper:#f5f7fa;--green:#208169;--blue:#346fc2;--red:#b85151}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--paper)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}aside{width:252px;background:var(--navy);color:#dce5f0;position:fixed;inset:0 auto 0 0;padding:36px 20px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-weight:650;white-space:nowrap}.brand small{display:block;font-size:12px;font-weight:400;letter-spacing:2px;color:#98abc1;margin-top:3px}.brand-mark{font-size:32px;position:relative;color:var(--gold);width:38px;line-height:1}.brand-mark span{font-size:21px;margin-left:-6px}.navlabel{font-size:12px;letter-spacing:2px;color:#7289a1;margin:52px 14px 15px}nav{display:grid;gap:7px}.nav-item{padding:13px 16px;display:flex;gap:12px;align-items:center;border-radius:9px;font-size:15px;color:#a8b9cd;transition:.15s}.nav-item:hover{background:#20364e;color:white}.nav-item.active{background:#2b3e50;color:#f1d6aa}.nav-item svg{width:19px;height:19px}.nav-item .count{font-size:12px;background:#dcb475;color:#13263c;padding:0 6px;border-radius:5px;margin-left:auto}.aside-bottom{margin:auto 8px 22px;border-top:1px solid #304256;padding-top:25px}.aside-bottom p{font-size:14px;color:#adbed0;line-height:2}.aside-bottom b{float:right;color:#eed7b2}.small-gold{color:var(--gold);font-size:13px}.fine{font-size:12px;color:#8ea1b7}.profile{border-top:1px solid #304256;padding:18px 6px 0;display:flex;gap:12px;font-size:14px}.profile small{display:block;font-size:12px;color:#8ea1b7}.avatar{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e7edf5;color:#49637d;flex-shrink:0}.profile .avatar{background:#536277;color:#fff}.workspace{margin-left:252px;width:calc(100% - 252px)}header{height:77px;background:white;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--line)}.crumb{font-size:14px;color:var(--muted)}.crumb span{margin:0 15px;color:#bcc4d0}.crumb b{font-weight:500;color:var(--ink)}.header-right{display:flex;align-items:center;gap:20px}.demo-dot{font-size:12px;color:#a37435;background:#fff6e7;padding:4px 10px;border-radius:5px}.textbtn{border:0;background:none;color:var(--muted);font-size:14px;padding:4px}.demo-banner{padding:9px 40px;background:#edf2f8;font-size:12px;color:#61758c;display:flex;justify-content:space-between;gap:15px}main{max-width:1500px;margin:auto;padding:36px 40px 50px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}h1{font-size:28px;line-height:1.35;margin:0 0 9px;font-weight:650;letter-spacing:-.6px}h2{font-size:18px;margin:0;font-weight:650}h3{font-size:16px;margin:0}p{margin:8px 0}.muted{color:var(--muted)}.sub{font-size:14px;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:white;color:var(--ink);padding:10px 18px;border-radius:7px;font-weight:550;font-size:14px;white-space:nowrap;transition:.15s}.btn:hover{border-color:#9babbe;transform:translateY(-1px)}.btn.primary{background:var(--navy);border-color:var(--navy);color:white}.btn.gold{background:#eac992;border-color:#eac992;color:#233447}.btn.soft{background:#f0f4f8;border-color:transparent}.btn.danger{color:var(--red)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px}.stat{background:white;border:1px solid var(--line);padding:23px 25px;border-radius:11px}.stat-top{display:flex;justify-content:space-between;font-size:14px;color:var(--muted)}.stat-top svg{width:21px;height:21px;color:#8b9db0}.stat strong{display:block;font-size:35px;font-weight:600;letter-spacing:-1px;line-height:1.5;margin-top:10px;font-variant-numeric:tabular-nums}.stat strong small{font-size:17px;margin-right:3px}.stat .note{font-size:12px;color:var(--muted);margin-top:5px}.stat.emphasis{background:var(--navy);border-color:var(--navy);color:white}.stat.emphasis .stat-top,.stat.emphasis .note{color:#abbdd1}.stat.emphasis strong{color:#edcd95}.columns{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.panel{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden;margin-bottom:24px}.panel-head{padding:23px 25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-body{padding:24px}.invite-card{background:linear-gradient(125deg,#1b344e,#102338);color:white;padding:28px;border-radius:11px;margin-bottom:23px;position:relative;overflow:hidden}.invite-card h2{color:#f5deb9;margin-bottom:10px}.invite-card p{color:#aabed2;font-size:13px}.invite-code{font-size:36px;letter-spacing:7px;font-weight:600;margin:15px 0 18px}.invite-card .btn{width:100%}.steps{display:grid;gap:20px}.step{display:flex;gap:13px;font-size:14px}.step-num{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#f4ede1;color:#9b793f;font-size:12px;flex-shrink:0}.step p{font-size:12px;color:var(--muted);margin:4px 0 0}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:14px}th{background:#fafbfd;text-align:left;padding:13px 20px;color:var(--muted);font-weight:500;font-size:12px}td{padding:18px 20px;border-bottom:1px solid #eef1f5}tr:last-child td{border-bottom:0}.person{display:flex;align-items:center;gap:10px}.person .avatar{width:32px;height:32px;font-size:12px}.person small{display:block;color:var(--muted);font-size:12px}.tag{display:inline-flex;align-items:center;background:#edf6f2;color:var(--green);border-radius:5px;padding:3px 8px;font-size:12px;white-space:nowrap}.tag.wait{background:#fff5e5;color:#ac7b32}.tag.gray{background:#eef1f5;color:#78869a}.tag.red{background:#fbefef;color:var(--red)}.money{font-weight:650;font-variant-numeric:tabular-nums}.progress{height:5px;border-radius:5px;background:#edf1f5;width:86px;margin:7px 0 0}.progress i{display:block;background:#dab47b;height:100%;border-radius:5px}.tabs{display:flex;gap:20px;padding:0 25px;border-bottom:1px solid var(--line)}.tab{background:none;border:0;color:var(--muted);font-size:14px;padding:16px 0;border-bottom:2px solid transparent}.tab.active{color:var(--navy);border-bottom-color:var(--navy);font-weight:650}.toolbar{display:flex;gap:12px;align-items:center}.toolbar input{max-width:220px}.empty{padding:50px 20px;text-align:center;color:var(--muted)}footer{padding:0 40px 25px;font-size:12px;color:#94a0af;display:flex;justify-content:space-between}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.field{display:flex;flex-direction:column;gap:7px;font-size:14px}.field.full{grid-column:1/-1}input,select,textarea{background:white;border:1px solid #dbe3ec;border-radius:7px;padding:11px 13px;width:100%;color:var(--ink);font-size:14px}textarea{resize:vertical;min-height:92px}input:focus,select:focus,textarea:focus{outline:2px solid #c4d6ec;border-color:#829dbd}.notice{background:#f0f5fa;padding:14px 17px;border-radius:7px;font-size:13px;color:#62788f;margin:17px 0}.checkline{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:var(--muted);margin:20px 0}.checkline input{width:16px;height:16px;margin-top:3px}.narrow{max-width:850px;margin:auto}.form-banner{padding:26px 30px;background:var(--navy);color:white}.form-banner p{color:#b3c4d6;font-size:14px}.form-banner .eyebrow{color:#e2c18b;font-size:12px;letter-spacing:2px;margin-bottom:12px}.form-pad{padding:30px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.course{padding:24px;border:1px solid var(--line);border-radius:9px;background:white}.course .time{font-size:13px;color:#ad8651;margin-bottom:12px}.course h3{font-size:20px;margin-bottom:8px}.course .btn{margin-top:17px}.big-clock{font-size:72px;line-height:1.25;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:3px;margin:20px 0 8px}.session-card{text-align:center;background:var(--navy);color:white;padding:30px;border-radius:10px}.session-card h2{color:#e6cc9e}.session-card p{color:#abbed2}.code{font-size:25px;letter-spacing:5px;color:#f1d7ab}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:14px}.detail-grid span{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.reward-path{display:flex;gap:18px;align-items:center;margin-top:20px}.reward-node{flex:1;border:1px solid var(--line);padding:15px;border-radius:8px}.reward-node b{font-size:22px}.reward-node p{font-size:12px;color:var(--muted)}dialog{border:0;border-radius:14px;padding:0;max-width:620px;width:calc(100% - 32px);max-height:90vh;color:var(--ink);box-shadow:0 24px 100px #081a3240}dialog::backdrop{background:#10213780;backdrop-filter:blur(3px)}.modal-head{padding:22px 26px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-body{padding:26px}.close{background:none;border:0;font-size:25px;color:#78889a}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#18314c;color:white;padding:12px 23px;border-radius:8px;opacity:0;pointer-events:none;transition:.2s;z-index:100;font-size:14px}#toast.show{opacity:1;transform:translate(-50%,0)}.success-circle{height:60px;width:60px;border-radius:50%;background:#e8f5ef;color:var(--green);font-size:30px;display:grid;place-items:center;margin:0 auto 20px}.center{text-align:center}.linkish{color:#3d6d9e;background:none;border:0;font-size:14px;padding:0}.ledger-summary{display:flex;gap:35px}.ledger-summary b{font-size:25px}.metric-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.metric-row:last-child{border:0}.caption{color:var(--muted);font-size:12px}.mobile-only{display:none}@media(min-width:1550px){main{padding:45px 55px}}@media(max-width:1150px){aside{width:215px;padding-left:16px;padding-right:16px}.workspace{margin-left:215px;width:calc(100% - 215px)}main{padding:28px 25px}.columns{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.stat{padding:18px}.stats{gap:12px}.brand{font-size:14px}header,.demo-banner{padding-left:25px;padding-right:25px}}@media(max-width:900px){.columns{grid-template-columns:1fr}.side-stack{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stats{grid-template-columns:1fr 1fr}.demo-banner span{display:none}.two-col{grid-template-columns:1fr}.page-head{flex-wrap:wrap}}@media(max-width:650px){aside{position:sticky;top:0;width:100%;height:auto;padding:12px 14px;z-index:20}.shell{display:block}.brand{font-size:14px}.brand small{display:none}.brand-mark{font-size:25px;width:27px}.navlabel,.aside-bottom,.profile{display:none}nav{display:flex;overflow:auto;margin-top:12px;gap:5px}.nav-item{padding:8px 10px;font-size:12px;flex-shrink:0;gap:5px}.nav-item svg{width:14px;height:14px}.nav-item .count{display:none}.workspace{margin:0;width:100%}header{height:50px;padding:0 18px}.crumb{font-size:12px}.header-right{gap:10px}.demo-banner{padding:8px 18px;font-size:11px}main{padding:25px 16px}h1{font-size:24px}.page-head{gap:12px;margin-bottom:20px}.stats{gap:10px}.stat{padding:16px}.stat strong{font-size:30px}.stat-top{font-size:12px}.stat-top svg{display:none}.stat .note{font-size:11px}.side-stack{grid-template-columns:1fr}.panel-head{padding:18px;flex-wrap:wrap}.tabs{gap:18px;padding:0 18px}.tab{font-size:13px}td,th{padding:14px}.form-grid{grid-template-columns:1fr}.form-pad{padding:22px}.form-banner{padding:24px}.field.full{grid-column:auto}.toolbar{width:100%}.toolbar input{max-width:100%}.panel-body{padding:18px}footer{padding:0 16px 20px}footer span{display:none}.two-col{gap:16px}.detail-grid{gap:12px}.big-clock{font-size:60px}.ledger-summary{gap:25px}.btn{padding:9px 14px}.invite-card{margin-bottom:0}.reward-path{gap:8px}.reward-node{padding:12px}.session-card{padding:25px 15px}}
/* Mobile-first working surfaces: bottom navigation, touch targets and record cards. */
html{-webkit-text-size-adjust:100%;scroll-padding-bottom:110px}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}input,select,textarea{min-width:0}button:focus-visible,a:focus-visible{outline:3px solid #6799cb}.page-head>div,.columns>div,.two-col>div,.field,.detail-grid>div{min-width:0}.field,.detail-grid,.notice{overflow-wrap:anywhere}.demo-tools{margin-top:20px}.demo-tools summary{cursor:pointer;padding:12px 0;min-height:44px}.nav-title{white-space:nowrap}
@media(max-width:900px){
 body{font-size:16px;background:#f3f6fa}.shell{display:block;padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))}
 aside{position:relative;inset:auto;width:100%;height:62px;padding:14px 20px;display:flex;flex-direction:row;align-items:center;z-index:30;background:var(--navy)}
 .brand{font-size:16px;gap:9px;letter-spacing:.3px}.brand-mark{font-size:29px;width:31px}.brand small{display:none}.navlabel,.aside-bottom,.profile{display:none}
 nav{position:fixed;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;padding:5px max(4px,env(safe-area-inset-left,0px)) calc(5px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #e0e6ed;box-shadow:0 -3px 20px #12253b08;overflow:visible;z-index:60}
 .nav-item{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:60px;padding:5px 1px;border-radius:10px;color:#78879a;position:relative;font-size:12px;line-height:1.3}
 .nav-item svg{display:block;width:22px;height:22px}.nav-item.active{background:#f0f4f8;color:#183451;font-weight:650}.nav-item:hover{background:#f0f4f8;color:#183451}.nav-item .count{display:none}
 .workspace{margin:0;width:100%}header{height:46px;padding:0 18px;background:#fff}.crumb{font-size:12px}.crumb>span{margin:0 7px}.header-right{gap:10px}.textbtn{min-height:44px;padding:7px 0;font-size:13px}.demo-dot{font-size:12px}
 .demo-banner{padding:9px 18px;font-size:12px;line-height:1.65;background:#edf2f7}.demo-banner span{display:none}
 main{padding:24px 16px 22px;width:100%}.page-head{display:flex;flex-direction:column;align-items:stretch;gap:16px;margin-bottom:20px}.page-head h1{font-size:24px;line-height:1.45;letter-spacing:0}.page-head .sub{font-size:14px;line-height:1.8}.page-head>.tag{align-self:flex-start}
 .toolbar{display:flex;gap:10px;width:100%;flex-wrap:wrap}.toolbar select{flex:1;min-width:140px;max-width:none!important}.toolbar>.btn{flex:1}.toolbar input{max-width:none}.btn{min-height:46px;padding:11px 16px;font-size:15px;border-radius:9px}.btn:hover{transform:none}.btn.primary{box-shadow:0 3px 8px #12253b12}
 input,select,textarea{font-size:16px;min-height:48px;max-width:100%;padding:12px;border-radius:8px}textarea{min-height:110px}.field{font-size:15px;gap:9px}.form-grid{grid-template-columns:1fr;gap:20px}.field.full{grid-column:auto}.form-pad{padding:22px 20px}.form-pad>.btn{margin-top:3px}.checkline{font-size:14px;line-height:1.8;align-items:flex-start}.checkline input{min-height:22px;width:22px;height:22px;flex-shrink:0;margin-top:2px;accent-color:var(--navy)}
 .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:18px}.stat{border-radius:11px;padding:14px 10px;text-align:center;min-width:0}.stat-top{font-size:12px;justify-content:center;line-height:1.6}.stat-top svg{display:none}.stat strong{font-size:29px;line-height:1.3;margin:8px 0;letter-spacing:-.5px}.stat .note{font-size:12px;line-height:1.6}.stat.emphasis{grid-column:1/-1;order:-1;text-align:left;padding:23px 25px;position:relative;overflow:hidden;background:linear-gradient(120deg,#162b43,#244764)}.stat.emphasis .stat-top{justify-content:flex-start;font-size:14px}.stat.emphasis strong{font-size:43px;color:#f0cf97;margin:8px 0 10px}.stat.emphasis .note{font-size:13px}.stat.emphasis:after{content:'';position:absolute;right:-30px;top:-50px;width:170px;height:170px;border:1px solid #ffffff14;border-radius:50%;pointer-events:none}
 .columns{display:flex;flex-direction:column;gap:0}.columns>.side-stack{display:contents}.side-stack>.invite-card{order:-1;margin-bottom:20px;padding:22px;background:#fff;border:1px solid #e2e8ef;border-radius:11px;color:var(--ink);display:grid;grid-template-columns:1fr auto;gap:0 14px;align-items:center}.invite-card h2{font-size:16px;color:var(--ink);grid-column:1/-1;margin:0}.invite-card p{color:var(--muted);font-size:12px;grid-column:1/-1;margin:7px 0}.invite-card .invite-code{font-size:29px;letter-spacing:4px;margin:7px 0 0}.invite-card .btn{grid-column:2;width:auto;font-size:14px;padding:10px 13px;margin:7px 0 0}.invite-card .caption{display:none}.side-stack>.panel{order:2}.columns>.panel,.columns>div:not(.side-stack){order:1}
 .panel{border-radius:11px;margin-bottom:20px}.panel-head{padding:19px 18px;align-items:center;flex-wrap:wrap;gap:13px}.panel-head h2{font-size:17px}.panel-head input{max-width:none!important;flex-basis:100%;width:100%}.panel-body{padding:20px 18px}.tabs{padding:0 16px;gap:0;display:flex;justify-content:space-between;overflow-x:auto;scrollbar-width:none}.tab{font-size:14px;min-height:50px;padding:13px 4px;white-space:nowrap;flex-shrink:0}.tablewrap{overflow:visible;padding:12px;background:#f7f9fc}table,tbody{display:block;width:100%;white-space:normal}thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}tbody{display:grid;gap:12px}tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:13px 14px;background:#fff;border:1px solid #e3e9f1;border-radius:10px;padding:17px 16px;min-width:0}td{display:block;border:0;padding:0!important;white-space:normal;min-width:0;max-width:none!important;font-size:14px;overflow-wrap:anywhere}td:before{content:attr(data-label);display:block;font-size:12px;color:#7b8999;line-height:1.5;margin-bottom:6px;font-weight:400}td:first-child{grid-column:1/-1;padding-bottom:12px!important;border-bottom:1px solid #eef2f6}td:first-child:before{display:none}.person .avatar{width:40px;height:40px;font-size:15px}.person>div{font-size:16px;font-weight:550}.person small{font-size:12px;font-weight:400;margin-top:3px}.tag{font-size:12px;padding:4px 9px;border-radius:6px}.progress{width:100%;max-width:135px;height:5px}.money{font-size:18px;color:#17334e}.linkish{min-height:40px;padding:8px 13px;background:#eff4f9;border-radius:7px;font-size:14px}.caption{font-size:12px;line-height:1.7}
 body[data-view=dashboard] td:last-child{align-self:end;justify-self:end}body[data-view=dashboard] td:last-child:before{display:none}
 body[data-view=review] td:first-child{display:flex;justify-content:space-between;align-items:center;gap:10px}body[data-view=review] td:first-child b{font-size:16px}body[data-view=review] td:nth-child(3){grid-column:1/-1;grid-row:3;min-width:0!important}body[data-view=review] td:last-child{grid-column:1/-1;border-top:1px solid #edf1f6;padding-top:13px!important}body[data-view=review] td:last-child:before{display:none}body[data-view=review] td:last-child .btn{width:100%}
 body[data-view=wallet] .stats{grid-template-columns:1fr 1fr}body[data-view=wallet] .stat.emphasis{order:0;grid-column:auto;text-align:center;padding:14px 10px;background:white;color:var(--ink)}body[data-view=wallet] .stat.emphasis:after{display:none}body[data-view=wallet] .stat.emphasis .stat-top{justify-content:center;color:var(--muted);font-size:12px}body[data-view=wallet] .stat.emphasis strong{font-size:27px;color:var(--ink)}body[data-view=wallet] .stat.emphasis .note{font-size:12px;color:var(--muted)}body[data-view=wallet] td:nth-child(3){grid-column:1/-1;grid-row:3}body[data-view=wallet] td:last-child{grid-column:1/-1;border-top:1px solid #edf1f6;padding-top:12px!important;display:flex;align-items:center;justify-content:space-between;gap:8px}body[data-view=wallet] td:last-child:before{display:none}body[data-view=wallet] .panel-head>.btn{width:100%}
 .two-col{grid-template-columns:1fr;gap:22px}.form-banner{padding:26px 22px}.form-banner h2{font-size:21px;line-height:1.5}.course{padding:21px}.course .btn{width:100%}.session-card{padding:27px 20px}.big-clock{font-size:64px}.session-card .actions{display:grid;grid-template-columns:1fr;width:100%}.session-card h2{font-size:19px}.metric-row{gap:16px;align-items:center;font-size:14px;padding:16px 0}.metric-row>b{text-align:right}.notice{font-size:13px;line-height:1.85;margin:16px 0}.actions{gap:10px}.actions .btn{flex:1}.steps{gap:23px}.step{font-size:15px}.step p{font-size:13px}.detail-grid{gap:20px 12px;grid-template-columns:1fr 1fr}.detail-grid span{font-size:13px}.reward-path{gap:12px}.reward-node{padding:16px}.reward-node p{font-size:13px}
 dialog{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:calc(100dvh - 25px);border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom,0px);overflow:auto}.modal-head{padding:19px 20px;position:sticky;top:0;background:#fff;z-index:2}.modal-head h2{font-size:18px}.close{width:44px;height:44px;margin:-7px -10px -7px 0}.modal-body{padding:23px 20px 30px}.modal-body .actions{margin-top:22px}.modal-body .actions>.btn{min-width:120px}#toast{max-width:calc(100vw - 32px);width:max-content;bottom:calc(92px + env(safe-area-inset-bottom,0px));font-size:14px;padding:12px 17px;white-space:normal;text-align:center}footer{padding:0 18px 14px;font-size:12px}footer span{display:none}
}
@media(max-width:360px){main{padding-left:12px;padding-right:12px}.brand{font-size:15px}.page-head h1{font-size:22px}.stat strong{font-size:25px}.stat{padding:13px 6px}.stat .note{font-size:12px}.header-right{gap:7px}.crumb{font-size:12px}.crumb>span{margin:0 4px}.invite-card .btn{font-size:13px;padding:10px}.form-pad{padding:20px 16px}.tabs{padding:0 12px}.tab{font-size:13px}.modal-body{padding:20px 16px}.detail-grid{grid-template-columns:1fr}.tablewrap{padding:10px}tbody tr{padding:15px 13px}.nav-item{font-size:12px}.nav-item svg{width:21px;height:21px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Separate promoter and administration surfaces. */
.onboard-intro{padding:12px 0 26px}.onboard-intro h1{font-size:30px;margin:12px 0}.journey{display:flex;gap:18px;color:#778391;font-size:13px;margin-top:24px}.journey b{color:#946b31}.onboarding .aside-bottom,.onboarding .profile{display:none}.onboarding .narrow{max-width:640px}.onboarding .form-pad .caption{margin-top:16px}@media(max-width:900px){#nav{grid-template-columns:repeat(3,1fr)}.onboarding #nav{display:none}.onboarding .workspace{padding-bottom:12px}.onboard-intro h1{font-size:26px}.journey{gap:12px;font-size:12px}.onboarding .form-grid{grid-template-columns:1fr}.onboarding .form-pad{padding:20px}.onboarding .demo-banner{margin-top:8px}}

@media(max-width:900px){#nav{grid-template-columns:repeat(4,1fr)}}
#kyc-form .field,#payout-form .field{margin-top:16px}.tabs a{text-decoration:none;text-align:center}.field textarea{min-height:125px}

.commission-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.campaign-price{font-size:32px;font-weight:750;color:#12253b}.campaign-period{padding:16px;border-radius:12px;background:#f4f6f8;margin-top:18px}.campaign-period p{margin:8px 0 0;font-size:15px;line-height:1.7}.campaign-rule .caption{margin-top:16px;line-height:1.7}@media(max-width:900px){.commission-summary{gap:12px}.commission-summary .stat{padding:20px 14px}.commission-summary .note{font-size:12px;line-height:1.6}.commission-summary strong{font-size:30px}}

.admin-app #nav{grid-template-columns:minmax(0,1fr);width:100%;min-width:0}.admin-app #nav .nav-item{min-width:0;white-space:normal}.admin-menu-toggle{display:none}.referral-requirement{padding:16px 20px;margin:0 0 20px;background:#fff5e5;border:1px solid #ead3ad;border-radius:12px;color:#704f23;font-size:14px;line-height:1.8}.referral-requirement strong{display:block;font-size:16px}.admin-app aside{z-index:80}
@media(max-width:900px){.admin-menu-toggle{display:inline-flex;font-size:14px;padding:6px 10px}.admin-app header{gap:10px}.admin-app header .crumb{flex:1}.admin-app .header-right .demo-dot{display:none}.admin-app #nav{display:none;position:fixed;inset:112px auto 0 0;width:min(272px,85vw);padding:18px 12px;grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;background:var(--navy);border:0;box-shadow:10px 0 30px #12253b33;overflow-y:auto}.admin-app.admin-menu-open #nav{display:grid}.admin-app #nav .nav-item{display:flex;flex-direction:row;justify-content:flex-start;gap:12px;padding:14px 16px;color:#adbed0;font-size:15px;min-height:48px}.admin-app #nav .nav-item.active{background:#2b3e50;color:#f1d6aa}.admin-app #nav .nav-item svg{width:20px;height:20px}.admin-app .workspace{padding-bottom:20px}.referral-requirement{padding:14px 16px}}

.sync-label{padding:8px 40px;color:#61758c;font-size:12px;background:#f6f9fc}.meeting-panel .btn{margin-bottom:10px}.admin-app #nav .nav-title{white-space:normal}@media(max-width:900px){body:not(.admin-app) #nav{grid-template-columns:repeat(5,minmax(0,1fr))}.sync-label{padding:8px 18px}body:not(.admin-app) #nav .nav-title{font-size:11px}}

.user-toolbar{align-items:end;gap:16px}.user-toolbar .field:first-child{flex:1;min-width:240px}.user-toolbar .field:last-child{width:190px}.user-result-count{padding:0 24px 14px;font-size:13px;color:var(--muted)}.user-invite-details{margin:16px 0}.user-invite-details summary{cursor:pointer;font-weight:600}.admin-app aside{overflow-y:auto}.admin-app .aside-bottom{margin-top:32px}@media(max-width:900px){.user-toolbar .field:first-child,.user-toolbar .field:last-child{width:100%;min-width:0}.user-toolbar{align-items:stretch}.user-result-count{padding-left:18px}.admin-app aside{overflow:visible}}

.meeting-url{color:#346fc2;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;display:inline-block;padding:8px 0}.meeting-url:focus-visible{outline:2px solid #346fc2;outline-offset:3px}


.packet-amount-card{background:linear-gradient(140deg,#bd3534,#973032);color:#fff4d9;padding:32px 24px;text-align:center;border-radius:14px 14px 0 0}.packet-amount{font-size:42px;font-weight:750;margin:14px 0 4px}.packet-amount-card p{margin:0;color:#ffe0bc;font-size:14px}.draw-result{margin:16px 0;color:#a12f2b;font-weight:600;text-align:center}.red-sign-button{background:#b73631!important}.red-wallet-total{font-size:36px;color:#ad332e}.red-wallet{border-color:#ead4bd}

#packet-start-field[hidden]{display:none!important}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-bottom:24px}.stat-card{padding:22px;background:white;border:1px solid #dde5ee;border-radius:12px}.stat-card strong{display:block;font-size:28px;margin:12px 0}.stat-card p{font-size:14px;color:#61758c}.panel-body .field{margin-bottom:18px}#nav a{min-height:48px}.code{overflow-wrap:anywhere}td{overflow-wrap:anywhere}.onboarding .aside-bottom{display:none}
@media(max-width:700px){.stats{grid-template-columns:1fr 1fr}.stat-card{padding:14px}.stat-card strong{font-size:24px}.metric-row{flex-wrap:wrap;gap:10px}.profile{display:none}}