/* v33.40: consistent spacing, controls and feedback; original blue brand. */
:root{--fe40-surface:#0d1725;--fe40-border:#8ab8f01c;--fe40-focus:#78bdff}
.topbar:has(#fe39MenuToggle){background:linear-gradient(110deg,#070f1bf5,#0c1b2cf5);border-bottom:1px solid #75aff52b;box-shadow:0 6px 28px #0003}
.topbar:has(#fe39MenuToggle) .brand{flex-shrink:0}
.topbar .fe39-menu-toggle{background:linear-gradient(145deg,#1a3657,#10233b);box-shadow:inset 0 1px #ffffff14,0 5px 15px #0002}
.sidebar{padding-top:28px;background:linear-gradient(180deg,#0b1521,#070d17)}
.sidebar>.kicker{color:#91a8c1;font-size:10px;letter-spacing:.14em}
.navbtn{transition:background .16s,color .16s,border-color .16s}
.navbtn.active{box-shadow:inset 3px 0 #1593ff;background:linear-gradient(90deg,#0e3358,#101d2f);border-color:#2484e533}
.main{animation:fe40-enter .22s ease-out}
.main h1{letter-spacing:-.04em;line-height:1.17}
.main h2{letter-spacing:-.025em;line-height:1.3}
.main .card{border-color:var(--fe40-border);box-shadow:0 10px 30px #0002,inset 0 1px #c0deff05}
.main .input{min-height:46px;border:1px solid #7198c438;border-radius:12px;background:#091321;color:#e9f2ff;box-shadow:inset 0 2px 4px #0002;transition:border-color .16s,box-shadow .16s}
.main .input:focus{outline:0;border-color:#399af3;box-shadow:0 0 0 3px #1688ff20}
.main textarea.input{min-height:100px;line-height:1.65;padding:13px}
.main .formgroup>label,.main .formgroup>span{font-size:12px;color:#acbfd5;line-height:1.5}
.main .primary,.main .secondary,.main .ghost,.main .danger{min-height:44px;border-radius:12px;font-weight:650;transition:background .16s,box-shadow .16s,transform .16s}
.main .primary{background:linear-gradient(145deg,#1593ff,#0864df);box-shadow:inset 0 1px #ffffff30,0 5px 15px #0063dd26}
.main button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}
.main button:focus-visible{outline:2px solid var(--fe40-focus);outline-offset:3px}
.main .tablewrap{border:1px solid var(--fe40-border);border-radius:16px;background:#0b1420}
.main table{border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}
.main th{background:#111e30;color:#9fb5cf;font-size:11px;letter-spacing:.035em;padding:16px 14px;text-align:left}
.main td{padding:16px 14px;border-bottom-color:#729bc41b}
.main tbody tr:hover{background:#14243a80}
.main .pill{border-radius:9px;font-size:11px;padding:6px 9px;font-weight:650}
.main .period-money-grid>div{border-radius:12px;background:#091322;padding:13px}
.main .period-money-grid .period-payout{background:#103353;border:1px solid #238eed30}
.fe38-wallet,.fe38-office-wallet{position:relative;overflow:hidden}
.fe38-wallet:after,.fe38-office-wallet:after{content:'';pointer-events:none;position:absolute;right:-70px;top:-80px;width:240px;height:240px;border:1px solid #70b9ff12;border-radius:50%;box-shadow:0 0 0 30px #70b9ff06,0 0 0 60px #70b9ff04}
.fe39-menu{background:radial-gradient(ellipse at top right,#183b5d66,transparent 45%),#0b1524}
.fe39-menu-head{padding-bottom:16px;border-bottom:1px solid #86b3eb1c}
.fe39-menu-role{display:inline-block;background:#162a42;color:#a8c9ef;padding:7px 10px;border-radius:8px;font-size:10px}
.fe40-menu-group{margin:2px 0 12px}
.fe40-menu-group h3{margin:16px 12px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#829bb8;font-weight:650}
.fe39-menu-link{justify-content:flex-start;gap:13px;margin:3px 0;min-height:50px}
.fe40-icon{width:21px;height:21px;flex:0 0 21px;color:#8aadd2}
.fe39-menu-link.active .fe40-icon{color:#78bdff}
.fe39-menu-link .fe40-route-arrow{margin-left:auto;font-size:21px;color:#617d9d}
.fe39-menu-link.active{box-shadow:inset 3px 0 #1593ff}
.fe40-loading{min-height:240px;padding:28px!important;overflow:hidden}
.fe40-loading p{color:#91abc7;font-size:13px}
.fe40-skeleton{height:14px;max-width:55%;margin:18px 0;border-radius:6px;background:linear-gradient(90deg,#19304a,#294966,#19304a);background-size:200% 100%;animation:fe40-shimmer 1.7s ease-in-out infinite}
.fe40-skeleton:nth-last-child(2){height:55px;max-width:100%}
.fe40-skeleton:last-child{max-width:75%}
.toast{border:1px solid #559fe455;border-radius:14px;background:#11253cf5;color:#edf5ff;box-shadow:0 14px 45px #0006;line-height:1.5}
@keyframes fe40-enter{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes fe40-shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media(hover:hover){.main .primary:hover{box-shadow:inset 0 1px #ffffff30,0 7px 22px #0076ff40}.main .secondary:hover{background:#1a304b}.fe38-action:hover{transform:translateX(2px)}}
@media(max-width:560px){.main{padding-left:12px;padding-right:12px}.main .card{border-radius:18px}.main .input{font-size:16px}.topbar:has(#fe39MenuToggle){padding:12px 14px!important;row-gap:10px}.topbar:has(#fe39MenuToggle) .profilebox{padding-top:9px;border-top:1px solid #7bade720}.fe38-page-head h1,.fe38-courier-finance h1{font-size:30px}.fe38-wallet-bottom{grid-template-columns:1fr 1fr}.fe38-balance{font-size:clamp(30px,9vw,42px)}.fe39-menu{width:min(370px,94vw);max-width:94vw}.main .period-money-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main .period-money-grid .period-payout{grid-column:1/-1}.main th,.main td{padding:13px 12px}}
@media(prefers-reduced-motion:reduce){.main,.fe40-skeleton{animation:none}.main button,.main .input,.navbtn{transition:none}}