@font-face{font-family:Inter;src:url('../assets/fonts/Inter-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('../assets/fonts/Inter-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('../assets/fonts/Inter-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('../assets/fonts/Inter-Bold.woff2') format('woff2');font-weight:700;font-display:swap}

:root{
  --egyptian:#0a369d;--sapphire:#4472ca;--crayola:#5e7ce2;--baby:#92b4f4;--sky:#cfdee7;
  --ink:#111b35;--ink-soft:#34415f;--muted:#79849b;--line:#e7ebf3;--surface:#fff;
  --canvas:#f4f7fc;--success:#26a879;--warning:#e59b39;--danger:#d74d68;
  --shadow:0 22px 60px rgba(18,40,91,.11);--shadow-soft:0 9px 30px rgba(18,40,91,.07);
  --radius-xl:28px;--radius-lg:20px;--radius-md:14px;--sidebar:248px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
a{color:var(--sapphire);text-decoration:none}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
[hidden]{display:none!important}
.muted{color:var(--muted)}
.eyebrow{display:block;margin-bottom:9px;color:var(--sapphire);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.eyebrow--light{color:#dbe7ff}
.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);font-size:14px;font-weight:700;letter-spacing:-.04em}
.brand--light{color:#fff;position:absolute;z-index:3;top:38px;left:46px;font-size:20px}
.brand-mark{display:grid;grid-template-columns:repeat(2,13px);place-items:center;width:40px;height:40px;padding:6px;border-radius:12px;background:linear-gradient(145deg,var(--egyptian),var(--crayola));box-shadow:0 8px 20px rgba(10,54,157,.25);color:#fff;font-size:11px;font-weight:500;line-height:1}
.brand-mark i{font-style:normal}

.button{border:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 18px;font-size:13px;font-weight:650;transition:.2s ease}
.button:hover{transform:translateY(-1px)}
.button svg{width:17px;height:17px}
.button--primary{background:linear-gradient(135deg,var(--egyptian),var(--sapphire));color:#fff;box-shadow:0 9px 20px rgba(10,54,157,.2)}
.button--primary:hover{box-shadow:0 12px 25px rgba(10,54,157,.3)}
.button--soft{background:#eef3fd;color:var(--egyptian)}
.button--white{background:#fff;color:var(--egyptian)}
.button--wide{width:100%}
.text-button{border:0;background:none;padding:0;color:var(--sapphire);font-size:12px;font-weight:650}
.text-button--arrow{display:flex;align-items:center;gap:5px}
.text-button--arrow svg{width:14px;height:14px}

/* Authentication */
.auth-shell{display:grid;grid-template-columns:minmax(430px,1.08fr) minmax(420px,.92fr);min-height:100svh;background:#fff}
.auth-story{position:relative;display:flex;align-items:center;min-height:680px;padding:120px clamp(48px,8vw,120px);overflow:hidden;background:radial-gradient(circle at 75% 20%,rgba(146,180,244,.42),transparent 28%),radial-gradient(circle at 22% 90%,rgba(94,124,226,.38),transparent 35%),linear-gradient(145deg,#071c62 0%,var(--egyptian) 48%,#315fc1 100%);color:#fff}
.auth-story:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,transparent,#000,transparent)}
.auth-copy{position:relative;z-index:2;max-width:610px}
.auth-copy h1{margin:0;font-size:clamp(48px,5.5vw,82px);line-height:.99;letter-spacing:-.065em}
.auth-copy h1 em{color:#bcd2ff;font-family:Georgia,serif;font-weight:400}
.auth-copy>p{max-width:540px;margin:28px 0 34px;color:#d7e2fc;font-size:17px;line-height:1.7}
.auth-proof{display:flex;align-items:center;gap:14px}
.auth-proof p{margin:0;color:#dce6fa;font-size:13px}.auth-proof strong{color:#fff}
.avatar-stack{display:flex;padding-left:10px}.avatar-stack span{display:grid;place-items:center;width:34px;height:34px;margin-left:-10px;border:2px solid #1c4aad;border-radius:50%;background:var(--baby);color:var(--egyptian);font-size:9px;font-weight:700}.avatar-stack span:nth-child(2){background:#f0b7b5}.avatar-stack span:nth-child(3){background:#b5e6d2}.avatar-stack span:last-child{background:#fff;font-size:8px}
.floating-card{position:absolute;z-index:2;display:flex;align-items:center;gap:11px;padding:12px 16px;border:1px solid rgba(255,255,255,.2);border-radius:15px;background:rgba(255,255,255,.1);box-shadow:0 20px 45px rgba(0,0,0,.15);backdrop-filter:blur(14px);animation:float 5s ease-in-out infinite}.floating-card span:first-child{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:rgba(255,255,255,.12)}.floating-card div{display:flex;flex-direction:column}.floating-card b{font-size:11px}.floating-card small{color:#cad8f8;font-size:9px}.floating-card--trophy{right:6%;top:18%}.floating-card--online{right:9%;bottom:15%;animation-delay:-2s}.floating-card--online span:first-child{width:8px;height:8px;background:#66e1b0;box-shadow:0 0 0 5px rgba(102,225,176,.15)}
.auth-symbols{position:absolute;right:-22px;bottom:28%;display:grid;grid-template-columns:repeat(2,90px);gap:18px;transform:rotate(-12deg);color:rgba(255,255,255,.06);font-size:90px;line-height:1}
@keyframes float{50%{transform:translateY(-8px)}}
.auth-panel{display:grid;place-items:center;padding:48px clamp(30px,6vw,92px)}
.auth-panel-inner{width:min(100%,430px)}
.auth-panel h2{margin:0;font-size:35px;letter-spacing:-.045em}.auth-panel .muted{margin:6px 0 32px}
.mobile-brand{display:none;margin-bottom:60px;align-items:center;gap:10px;font-size:19px}
.form-stack{display:grid;gap:19px}
label{display:grid;gap:8px;font-size:12px;font-weight:650;color:var(--ink-soft)}
input,textarea,select{width:100%;border:1px solid #dfe5ef;border-radius:11px;background:#fff;outline:0;padding:12px 14px;transition:.2s;resize:vertical}
input{height:48px}
input:focus,textarea:focus,select:focus{border-color:var(--crayola);box-shadow:0 0 0 4px rgba(94,124,226,.11)}
label small{color:var(--muted);font-size:10px;font-weight:400;line-height:1.5}
.input-wrap{position:relative;display:block}.input-wrap>svg{position:absolute;left:14px;top:14px;color:#99a3b7}.input-wrap>svg+input{padding-left:44px}.input-wrap input{padding-right:74px}
.reveal-button{position:absolute;right:9px;top:9px;height:30px;border:0;background:none;color:var(--sapphire);font-size:10px;font-weight:650}
.form-row{display:flex;align-items:center;gap:15px}.form-row--between{justify-content:space-between}
.check-label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;font-weight:500;cursor:pointer}.check-label input{position:absolute;opacity:0;width:1px;height:1px}.check-label span{display:block;width:17px;height:17px;border:1px solid #cbd3e1;border-radius:5px;background:#fff}.check-label input:checked+span{border-color:var(--sapphire);background:var(--sapphire);box-shadow:inset 0 0 0 4px #fff}
.or{display:flex;align-items:center;gap:14px;margin:23px 0;color:#a2aaba;font-size:10px}.or:before,.or:after{content:"";height:1px;flex:1;background:var(--line)}
.demo-link{display:block;margin:17px auto 0;border:0;background:none;color:var(--sapphire);font-size:11px}
.legal{margin:26px 0 0;text-align:center;color:#a0a8b6;font-size:9px;line-height:1.6}

/* App shell */
.app-shell{min-height:100svh}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:var(--sidebar);display:flex;flex-direction:column;padding:30px 21px;background:#fff;border-right:1px solid var(--line)}
.sidebar>.brand{margin:0 11px 34px}
.side-nav{display:grid;gap:4px}.side-nav p{margin:20px 12px 8px;color:#a1aabd;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.nav-item{display:flex;align-items:center;gap:12px;width:100%;height:45px;padding:0 12px;border:0;border-radius:11px;background:none;color:#6f7b92;font-size:12px;font-weight:550;text-align:left}.nav-item svg{width:19px;height:19px}.nav-item span{flex:1}.nav-item b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:7px;background:#edf2fc;color:var(--sapphire);font-size:9px}.nav-item:hover,.nav-item.is-active{background:#eef3fd;color:var(--egyptian)}.nav-item.is-active{font-weight:700}.nav-item.is-active svg{stroke-width:2.2}
.sidebar-card{margin:auto 4px 20px;padding:18px;border-radius:16px;background:linear-gradient(145deg,#f0f4ff,#e5edfc);display:flex;flex-direction:column}.sidebar-card-icon{display:grid;place-items:center;width:32px;height:32px;margin-bottom:12px;border-radius:10px;background:#fff;color:var(--sapphire)}.sidebar-card strong{font-size:11px}.sidebar-card small{margin:3px 0 10px;color:var(--muted);font-size:8px}.mini-progress{height:4px;border-radius:9px;background:#d4dff2;overflow:hidden}.mini-progress i{display:block;height:100%;border-radius:inherit;background:var(--sapphire)}
.logout-button{display:flex;align-items:center;gap:12px;height:42px;padding:0 13px;border:0;background:none;color:#8290a6;font-size:11px}.logout-button svg{width:18px}.logout-button:hover{color:var(--danger)}
.app-main{min-height:100svh;margin-left:var(--sidebar)}
.topbar{position:sticky;z-index:15;top:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid rgba(223,229,239,.75);background:rgba(244,247,252,.82);backdrop-filter:blur(18px)}
.search{display:flex;align-items:center;width:330px;height:42px;padding:0 13px;border:1px solid #e0e6ef;border-radius:12px;background:#fff}.search svg{width:17px;color:#9ba6b9}.search input{height:auto;padding:0 10px;border:0;background:transparent;box-shadow:none;font-size:11px}.search kbd{padding:3px 6px;border:1px solid #e2e7ef;border-radius:5px;background:#f6f8fb;color:#a4acba;font-family:Inter;font-size:8px}
.top-actions{display:flex;align-items:center;gap:14px}.icon-button{position:relative;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #e1e6ef;border-radius:12px;background:#fff;color:#6d7890}.icon-button i{position:absolute;right:8px;top:8px;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background:var(--danger)}
.user-chip{display:flex;align-items:center;gap:10px;padding:0;border:0;background:none;text-align:left}.user-chip>span:nth-child(2){display:flex;flex-direction:column;min-width:110px}.user-chip b{font-size:11px}.user-chip small{color:#909bad;font-size:8px}.user-chip>svg{width:13px;transform:rotate(90deg);color:#a6adba}
.avatar{display:grid;place-items:center;width:48px;height:48px;flex:0 0 auto;border-radius:15px;background:linear-gradient(145deg,var(--baby),var(--crayola));color:#fff;font-size:12px;font-weight:700;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}.avatar--small{width:36px;height:36px;border-radius:11px;font-size:9px}.avatar--coral{background:linear-gradient(145deg,#ffc3bd,#e77d84)}.avatar--mint{background:linear-gradient(145deg,#b4e8d7,#45ae8d)}.avatar--violet{background:linear-gradient(145deg,#c7bfff,#7668dd)}
.content-wrap{max-width:1500px;margin:auto;padding:40px clamp(25px,3.2vw,52px) 65px}.app-view{display:none}.app-view.is-visible{display:block;animation:viewIn .3s ease}@keyframes viewIn{from{opacity:0;transform:translateY(5px)}}
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:29px}.page-heading h1{margin:0;font-size:32px;letter-spacing:-.045em}.page-heading p{margin:5px 0 0;color:var(--muted);font-size:12px}.compact-heading{align-items:center}
.feature-banner{position:relative;min-height:270px;margin-bottom:23px;padding:42px 48px;border-radius:var(--radius-xl);overflow:hidden;background:radial-gradient(circle at 70% 50%,rgba(146,180,244,.5),transparent 23%),linear-gradient(115deg,#092c87,var(--egyptian) 44%,#4472ca);box-shadow:0 18px 45px rgba(10,54,157,.18);color:#fff}.banner-copy{position:relative;z-index:3}.pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:8px;font-size:8px;font-weight:650;text-transform:uppercase;letter-spacing:.1em}.pill--glass{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#dfe9ff}.banner-copy h2{margin:12px 0 8px;font-size:34px;line-height:1.05;letter-spacing:-.045em}.banner-copy h2 em{color:#bcd3ff;font-family:Georgia,serif;font-weight:400}.banner-copy p{margin:0 0 20px;color:#d7e2fb;font-size:11px}.banner-copy .button{min-height:38px;font-size:10px}.banner-symbols{position:absolute;inset:auto -20px -45px auto;display:flex;gap:25px;color:rgba(255,255,255,.055);font-size:105px;line-height:1;transform:rotate(-8deg)}
.console-art{position:absolute;right:8%;top:13%;width:310px;height:220px;filter:drop-shadow(0 24px 22px rgba(0,0,0,.27))}.console-glow{position:absolute;inset:10px;border-radius:50%;background:rgba(207,222,231,.28);filter:blur(28px)}.console-body{position:absolute;right:95px;top:2px;width:74px;height:175px;transform:skewY(-4deg)}.console-body:before,.console-body:after{content:"";position:absolute;inset:0 37px 0 0;border-radius:48% 8px 8px 44%;background:linear-gradient(90deg,#fafdff,#cbd5e6)}.console-body:after{inset:0 0 0 37px;border-radius:8px 48% 44% 8px}.console-body i:first-child{position:absolute;z-index:2;left:33px;top:12px;width:8px;height:152px;background:#121b30}.console-body i:last-child{position:absolute;z-index:3;left:46px;bottom:22px;width:3px;height:3px;border-radius:50%;background:#5ac3ff}.controller{position:absolute;z-index:3;right:8px;bottom:6px;width:185px;height:83px;border-radius:42% 42% 48% 48%;background:linear-gradient(#f7f9fc,#cfd8e5);transform:rotate(7deg);box-shadow:inset 0 -7px 12px rgba(36,55,90,.18)}.controller:before,.controller:after{content:"";position:absolute;bottom:-20px;width:50px;height:60px;border-radius:10px 10px 28px 28px;background:linear-gradient(#dfe5ee,#aab8cc)}.controller:before{left:12px;transform:rotate(17deg)}.controller:after{right:12px;transform:rotate(-17deg)}.controller span{position:absolute;z-index:2;left:43px;top:29px;width:9px;height:27px;background:#283448;border-radius:3px}.controller span:after{content:"";position:absolute;left:-9px;top:9px;width:27px;height:9px;background:#283448;border-radius:3px}.controller span:nth-child(2){left:88px;top:45px;width:25px;height:25px;border-radius:50%}.controller span:nth-child(2):after{display:none}.controller b{position:absolute;z-index:2;right:32px;top:20px;color:#6d7890;font-size:10px}.controller b:last-child{right:17px;top:34px}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.stat-card{display:flex;align-items:center;gap:13px;min-width:0;padding:18px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-soft)}.stat-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border-radius:14px}.stat-icon svg{width:19px}.stat-icon--blue{background:#e9effd;color:var(--sapphire)}.stat-icon--violet{background:#f0edff;color:#7668dd}.stat-icon--mint{background:#e5f7f1;color:#2ca07d}.stat-icon--amber{background:#fff2df;color:#d68b2b}.stat-card>div{min-width:0;display:flex;flex-direction:column}.stat-card small{color:var(--muted);font-size:9px}.stat-card strong{font-size:21px;letter-spacing:-.04em}.stat-card p{margin:1px 0 0;color:#94a0b2;font-size:8px;white-space:nowrap}.stat-card p i,.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--success)}.stat-card>button{display:grid;place-items:center;width:28px;height:28px;margin-left:auto;border:0;border-radius:9px;background:#f5f7fb;color:#98a3b6}.stat-card>button svg{width:12px}
.panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-soft)}.dashboard-grid{display:grid;grid-template-columns:1.55fr .85fr;gap:20px;margin-bottom:20px}.inbox-panel,.career-teaser{padding:23px}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel-header h3{margin:0;font-size:16px;letter-spacing:-.025em}.panel-header .eyebrow{margin-bottom:3px;font-size:8px}
.message-list{display:grid}.message-row{display:grid;grid-template-columns:44px minmax(130px,.6fr) minmax(200px,1.5fr) auto;align-items:center;gap:12px;width:100%;padding:13px 4px;border:0;border-bottom:1px solid #eff2f7;background:#fff;text-align:left}.message-row:last-child{border-bottom:0}.message-row:hover{background:#fafbfe}.message-row.is-unread:before{content:"";position:absolute;width:5px;height:5px;margin-left:-12px;border-radius:50%;background:var(--crayola)}.message-row .avatar{width:38px;height:38px;border-radius:12px;font-size:9px}.message-sender{min-width:0;display:flex;flex-direction:column}.message-sender b{overflow:hidden;font-size:10px;text-overflow:ellipsis}.message-sender small{color:var(--muted);font-size:8px}.message-preview{min-width:0;display:flex;flex-direction:column}.message-preview b,.message-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-preview b{font-size:10px}.message-preview span{color:var(--muted);font-size:9px}.message-time{color:#9ba5b6;font-size:8px;white-space:nowrap}.empty-state{padding:42px 20px;text-align:center;color:var(--muted);font-size:12px}
.level-orb{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(145deg,var(--egyptian),var(--crayola));box-shadow:0 8px 18px rgba(10,54,157,.22);color:#fff;font-weight:700}.career-progress>div{display:flex;justify-content:space-between;color:#8a95a8;font-size:8px}.career-progress>i{display:block;height:7px;margin:7px 0;border-radius:8px;background:#e7edf7;overflow:hidden}.career-progress>i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sapphire),var(--crayola))}.career-progress p{margin:0;color:var(--muted);font-size:8px}.career-progress p strong{color:var(--sapphire)}.trophy-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:17px 0}.trophy-row span{display:flex;flex-direction:column;align-items:center;padding:10px 3px;border-radius:11px;background:#f7f9fc}.trophy-row i{height:18px;color:#59a4cd;font-style:normal}.trophy-row span:nth-child(2) i{color:#e5af37}.trophy-row span:nth-child(3) i{color:#aebbc8}.trophy-row span:nth-child(4) i{color:#b77958}.trophy-row b{font-size:11px}.trophy-row small{color:var(--muted);font-size:7px}
.community-strip{padding:23px}.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.activity-card{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #edf0f5;border-radius:14px;background:#fafbfe;text-align:left}.activity-card .avatar{width:39px;height:39px;border-radius:12px;font-size:9px}.activity-card>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.activity-card b{font-size:10px}.activity-card small{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.activity-card>strong{margin-left:auto;color:var(--sapphire)}

/* Messages and members */
.messages-layout{display:grid;grid-template-columns:190px 1fr;min-height:570px;overflow:hidden}.mail-sidebar{padding:22px 14px;border-right:1px solid var(--line);background:#fafbfe}.mail-tab{display:flex;align-items:center;gap:10px;width:100%;height:43px;padding:0 12px;border:0;border-radius:11px;background:none;color:#768298;font-size:11px;text-align:left}.mail-tab svg{width:17px}.mail-tab span{margin-left:auto;display:grid;place-items:center;min-width:20px;height:20px;border-radius:7px;background:#e8eefb;color:var(--sapphire);font-size:8px}.mail-tab:hover,.mail-tab.is-active{background:#eaf0fc;color:var(--egyptian);font-weight:650}.mail-content{padding:24px}.mail-toolbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line)}.search--mail{width:300px}.message-list--full .message-row{grid-template-columns:45px minmax(150px,.5fr) minmax(230px,1.5fr) auto;padding:15px 7px}.settings-form{display:grid;max-width:720px;gap:22px;padding:10px 2px}.settings-form h3{margin:0;font-size:21px}.settings-form p{margin:5px 0;color:var(--muted);font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-form .button{justify-self:start}
.member-filter{display:flex;align-items:center;gap:9px;margin-bottom:18px;padding:14px}.search--wide{width:min(400px,100%)}.filter-chip{height:36px;padding:0 15px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);font-size:10px}.filter-chip.is-active,.filter-chip:hover{border-color:#c7d6f1;background:#eef3fd;color:var(--egyptian)}
.member-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.member-card{position:relative;overflow:hidden;padding:24px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-soft);text-align:left}.member-card:before{content:"";position:absolute;inset:0 0 auto;height:60px;background:linear-gradient(110deg,#edf3ff,#dfe9fc)}.member-card .avatar{position:relative;width:58px;height:58px;margin:11px 0 14px;border:4px solid #fff;border-radius:17px}.member-card h3{margin:0;font-size:14px}.member-card .rank{color:var(--sapphire);font-size:8px;font-weight:650}.member-card p{height:37px;margin:12px 0;color:var(--muted);font-size:9px;line-height:1.5}.member-meta{display:flex;gap:12px;padding-top:12px;border-top:1px solid var(--line);color:#8995a8;font-size:8px}.member-meta span{display:flex;align-items:center;gap:4px}.member-meta i{width:6px;height:6px;border-radius:50%;background:var(--success)}
.admin-panel{overflow:hidden}.admin-panel .mail-toolbar{padding:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px 18px;border-bottom:1px solid var(--line);font-size:10px;text-align:left;white-space:nowrap}th{color:#8b96a9;font-size:8px;text-transform:uppercase;letter-spacing:.08em}td strong{display:block}td small{color:var(--muted)}.status-pill{padding:5px 8px;border-radius:8px;background:#e8f7f1;color:#258363;font-size:8px}.status-pill.off{background:#fff0f2;color:#bd5061}
.bottom-nav,.mobile-menu{display:none}

/* Modals */
dialog{max-width:none;max-height:none;border:0;padding:0;background:transparent;color:var(--ink)}dialog::backdrop{background:rgba(7,17,44,.55);backdrop-filter:blur(8px)}dialog[open]{animation:modalIn .25s ease}@keyframes modalIn{from{opacity:0;transform:translateY(10px) scale(.985)}}
.modal{width:min(92vw,540px);overflow:visible}.modal-card{position:relative;max-height:88svh;overflow:auto;padding:34px;border-radius:24px;background:#fff;box-shadow:0 32px 90px rgba(4,17,52,.28)}.modal-card h2{margin:0;font-size:26px;letter-spacing:-.04em}.modal-card>.muted{margin:6px 0 24px;font-size:11px}.modal-card>label{margin-top:17px}.modal-close{position:absolute;z-index:9;right:18px;top:18px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:10px;background:#f2f5f9;color:#778398}.modal-close svg{width:16px}.modal-close--glass{background:rgba(255,255,255,.14);color:#fff;backdrop-filter:blur(8px)}.modal-icon{display:grid;place-items:center;width:47px;height:47px;margin-bottom:18px;border-radius:14px;background:#eaf0fc;color:var(--sapphire)}.modal-icon svg{width:22px}.terms-check{margin:18px 0!important}.modal--compose{width:min(92vw,650px)}.compose-footer{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.compose-footer>span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:8px}.compose-footer>span svg{width:14px}
.modal--profile{width:min(92vw,690px)}.profile-card{padding:0}.profile-cover{position:relative;height:145px;overflow:hidden;background:radial-gradient(circle at 75% 30%,rgba(207,222,231,.65),transparent 26%),linear-gradient(135deg,var(--egyptian),var(--crayola))}.profile-symbols{position:absolute;right:25px;bottom:-24px;color:rgba(255,255,255,.11);font-size:70px;letter-spacing:8px;white-space:nowrap}.profile-main{position:relative;padding:0 34px 30px}.profile-identity{display:flex;align-items:flex-end;gap:16px;margin-top:-39px}.profile-identity .avatar{width:88px;height:88px;border:6px solid #fff;border-radius:25px;font-size:20px}.profile-name{padding-bottom:7px}.profile-name h2{display:flex;align-items:center;gap:8px;font-size:25px}.verified{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--sapphire);color:#fff;font-size:10px}.profile-name p{margin:3px 0;color:var(--sapphire);font-size:10px;font-weight:650}.profile-online{margin-left:auto;margin-bottom:12px;color:var(--success);font-size:9px;font-weight:650}.profile-online i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:currentColor}.profile-quote{margin:22px 0;padding:18px;border-left:3px solid var(--crayola);border-radius:0 12px 12px 0;background:#f5f7fc;color:var(--ink-soft);font-family:Georgia,serif;font-size:14px;font-style:italic}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:22px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--line)}.profile-stats div{padding:13px;background:#fff;text-align:center}.profile-stats b{display:block;font-size:15px}.profile-stats small{color:var(--muted);font-size:8px}.profile-details{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px}.profile-details div{display:flex;flex-direction:column;padding-bottom:9px;border-bottom:1px solid var(--line)}.profile-details small{color:var(--muted);font-size:8px}.profile-details b{font-size:10px}.profile-actions{display:flex;gap:9px;margin-top:22px}
.modal--career{width:min(94vw,820px)}.career-card{padding:0}.career-hero{position:relative;min-height:260px;padding:42px;color:#fff;background:radial-gradient(circle at 76% 35%,rgba(146,180,244,.48),transparent 20%),linear-gradient(135deg,#061b5d,var(--egyptian) 52%,var(--crayola));overflow:hidden}.career-hero:after{content:"△  ○  ×  □";position:absolute;right:-30px;bottom:-30px;color:rgba(255,255,255,.07);font-size:90px;letter-spacing:12px;transform:rotate(-9deg)}.career-hero h2{font-size:35px}.career-hero p{color:#cad9f8;font-size:11px}.career-level{position:absolute;z-index:2;right:48px;top:75px;display:flex;align-items:center;gap:14px}.career-level strong{display:grid;place-items:center;width:105px;height:105px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(255,255,255,.12);font-size:40px;backdrop-filter:blur(10px)}.career-level span{font-size:9px;letter-spacing:.14em}.career-level b{font-size:11px;letter-spacing:0}.career-body{padding:30px 40px 40px}.career-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.career-summary div{display:flex;flex-direction:column;padding:14px;border-radius:12px;background:#f5f7fc}.career-summary small{color:var(--muted);font-size:8px}.career-summary b{font-size:10px}.career-trophy-shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0 26px}.career-trophy-shelf span{display:flex;align-items:center;gap:9px;padding:14px;border:1px solid var(--line);border-radius:13px}.career-trophy-shelf i{color:#5d9fc5;font-style:normal;font-size:20px}.career-trophy-shelf b{font-size:14px}.career-trophy-shelf small{color:var(--muted);font-size:8px}.career-body h3{font-size:15px}.timeline{position:relative;display:grid;gap:0;padding-left:24px}.timeline:before{content:"";position:absolute;left:6px;top:6px;bottom:10px;width:1px;background:#d9e1ef}.timeline-item{position:relative;padding:0 0 18px}.timeline-item:before{content:"";position:absolute;left:-22px;top:4px;width:9px;height:9px;border:3px solid #fff;border-radius:50%;background:var(--crayola);box-shadow:0 0 0 1px #bfd0ed}.timeline-item b{display:block;font-size:10px}.timeline-item span{color:var(--muted);font-size:9px}.timeline-item time{display:block;color:#a0a9b8;font-size:7px}
.modal--message{width:min(92vw,680px)}.message-card{padding:38px}.message-head{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line)}.message-head .avatar{width:45px;height:45px;border-radius:14px}.message-head>div{display:flex;flex-direction:column}.message-head b{font-size:12px}.message-head small{color:var(--muted);font-size:9px}.message-head time{margin-left:auto;color:var(--muted);font-size:9px}.message-body h2{margin:24px 0 16px;font-size:21px}.message-body p{white-space:pre-wrap;color:var(--ink-soft);font-size:12px;line-height:1.75}.message-signature{padding-top:14px;border-top:1px solid var(--line);color:var(--muted)!important;font-size:10px!important}.message-actions{display:flex;gap:9px;margin-top:24px}
.modal--lock{width:min(92vw,480px);text-align:center}.lock-card{padding:40px}.lock-visual{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 20px;border-radius:24px;background:#edf2fd}.lock-visual span{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,var(--egyptian),var(--sapphire));color:#fff;box-shadow:0 10px 22px rgba(10,54,157,.22)}.lock-card h2{font-size:28px}.lock-details{margin:23px 0;padding:18px;border-radius:14px;background:#f5f7fc;text-align:left}.lock-details div{display:grid;grid-template-columns:95px 1fr;gap:8px;padding:6px 0}.lock-details small{color:var(--muted);font-size:8px}.lock-details b{font-size:9px}.lock-reason{margin:14px 0 22px;text-align:left}.lock-reason span{display:block;margin-bottom:5px;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.1em}.lock-reason p{margin:0;color:var(--ink-soft);font-size:11px;line-height:1.6}.lock-help{margin:13px 0 0;color:var(--muted);font-size:8px}
.modal--rank-up{width:min(92vw,540px);text-align:center}.rank-up-card{min-height:510px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(146,180,244,.5),transparent 24%),linear-gradient(145deg,#061958,var(--egyptian) 52%,var(--crayola));color:#fff}.rank-up-card:before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.18);border-radius:18px}.rank-crown{position:relative;display:grid;place-items:center;width:86px;height:86px;margin-bottom:22px;border:1px solid rgba(255,255,255,.3);border-radius:28px;background:rgba(255,255,255,.12);box-shadow:0 18px 40px rgba(0,0,0,.18);font-size:38px;backdrop-filter:blur(10px);transform:rotate(45deg)}.rank-crown::first-letter{transform:rotate(-45deg)}.rank-kicker{margin:0;color:#d7e4ff;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.rank-up-card h2{margin:5px 0 8px;font-size:40px;color:#fff}.rank-up-card>p:last-of-type{margin:0;color:#cbd9f6;font-size:11px}.rank-up-line{display:flex;align-items:center;gap:13px;width:220px;margin:24px 0}.rank-up-line span{height:1px;flex:1;background:rgba(255,255,255,.28)}.rank-up-line b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--egyptian);font-size:14px}.rank-burst{position:absolute;inset:0}.rank-burst i{position:absolute;color:rgba(255,255,255,.1);font-size:60px;font-style:normal}.rank-burst i:nth-child(1){left:28px;top:70px;transform:rotate(-18deg)}.rank-burst i:nth-child(2){right:30px;top:110px}.rank-burst i:nth-child(3){left:50px;bottom:60px}.rank-burst i:nth-child(4){right:45px;bottom:45px;transform:rotate(15deg)}
.modal--admin-user{width:min(94vw,760px)}.modal--admin-user .modal-card{padding:36px}.modal--admin-user h2{margin-bottom:20px}.admin-info-section{margin:26px -4px 18px;padding:20px;border-radius:15px;background:#f5f7fc}.admin-info-section h3{margin:0 0 12px;font-size:15px}.admin-info-log{display:grid;gap:8px;max-height:180px;margin-bottom:16px;overflow:auto}.admin-info-entry{padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff}.admin-info-entry b{display:block;font-size:9px}.admin-info-entry p{margin:3px 0;color:var(--ink-soft);font-size:9px}.admin-info-entry time{color:var(--muted);font-size:7px}.mail-sidebar{scrollbar-width:none}.mail-sidebar::-webkit-scrollbar{display:none}
.toast-region{position:fixed;z-index:100;right:22px;top:20px;display:grid;gap:8px}.toast{display:flex;align-items:center;gap:9px;min-width:260px;max-width:390px;padding:13px 15px;border:1px solid #dfe5ef;border-radius:13px;background:#fff;box-shadow:var(--shadow);font-size:10px;animation:toastIn .3s ease}.toast:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--success)}.toast.error:before{background:var(--danger)}@keyframes toastIn{from{opacity:0;transform:translateX(12px)}}

@media(max-width:1100px){.auth-shell{grid-template-columns:1fr 1fr}.auth-story{padding:100px 48px}.floating-card{display:none}.stat-grid{grid-template-columns:repeat(2,1fr)}.member-grid{grid-template-columns:repeat(3,1fr)}.console-art{right:2%}}
@media(max-width:850px){:root{--sidebar:0px}.auth-shell{display:block}.auth-story{display:none}.auth-panel{min-height:100svh;background:radial-gradient(circle at top right,#e8effd,transparent 32%),#fff}.mobile-brand{display:flex}.sidebar{width:260px;transform:translateX(-105%);transition:transform .25s ease;box-shadow:20px 0 50px rgba(12,30,70,.18)}.sidebar.is-open{transform:translateX(0)}.topbar{height:67px;padding:0 18px}.topbar>.search{display:none}.mobile-menu{display:grid;gap:5px;width:36px;height:36px;padding:10px;border:0;background:none}.mobile-menu span{display:block;height:2px;border-radius:2px;background:var(--ink)}.user-chip>span:nth-child(2),.user-chip>svg{display:none}.content-wrap{padding:25px 18px 95px}.page-heading{align-items:center}.page-heading h1{font-size:27px}.feature-banner{padding:34px;min-height:255px}.console-art{right:-48px;opacity:.7;transform:scale(.86)}.banner-copy{max-width:55%}.dashboard-grid{grid-template-columns:1fr}.messages-layout{grid-template-columns:1fr}.mail-sidebar{display:flex;gap:4px;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.mail-tab{min-width:max-content}.member-grid{grid-template-columns:repeat(2,1fr)}.bottom-nav{position:fixed;z-index:30;left:12px;right:12px;bottom:10px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;height:64px;padding:5px 8px calc(5px + env(safe-area-inset-bottom));border:1px solid rgba(222,228,238,.9);border-radius:19px;background:rgba(255,255,255,.93);box-shadow:0 13px 40px rgba(22,39,75,.18);backdrop-filter:blur(18px)}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:2px;border:0;background:none;color:#909bad;font-size:7px}.bottom-nav svg{width:19px}.bottom-nav .is-active{color:var(--egyptian)}.bottom-nav .bottom-compose{display:grid;place-items:center;width:43px;height:43px;margin:auto;border-radius:14px;background:linear-gradient(145deg,var(--egyptian),var(--sapphire));color:#fff;box-shadow:0 8px 16px rgba(10,54,157,.26)}.bottom-compose svg{width:20px}.career-level{right:30px}.career-summary{grid-template-columns:1fr 1fr}.admin-panel{border-radius:14px}}
@media(max-width:580px){.auth-panel{padding:30px 22px}.auth-panel h2{font-size:30px}.mobile-brand{margin-bottom:42px}.form-row--between{align-items:flex-start;flex-direction:column}.page-heading{align-items:flex-start}.page-heading .button{padding:0 13px;font-size:0}.page-heading .button svg{margin:0}.page-heading h1{font-size:24px}.page-heading p{max-width:220px}.feature-banner{min-height:275px;padding:28px 25px}.banner-copy{max-width:76%}.banner-copy h2{font-size:27px}.console-art{right:-98px;top:48px;transform:scale(.7)}.stat-grid{gap:10px}.stat-card{padding:14px 11px}.stat-icon{width:38px;height:38px}.stat-card strong{font-size:18px}.stat-card>button{display:none}.dashboard-grid{gap:13px}.inbox-panel,.career-teaser,.community-strip{padding:18px}.message-row{grid-template-columns:39px 1fr auto}.message-preview{grid-column:2/4}.message-time{grid-column:3;grid-row:1}.message-row .avatar{grid-row:1/3}.activity-grid{grid-template-columns:1fr}.community-strip .panel-header .text-button{display:none}.member-filter{overflow:auto}.search--wide{min-width:240px}.member-grid{grid-template-columns:1fr}.messages-layout{border-radius:14px}.mail-content{padding:16px}.search--mail{width:230px}.message-list--full .message-row{grid-template-columns:39px 1fr auto}.form-grid{grid-template-columns:1fr}.modal-card{padding:27px 22px;border-radius:21px}.profile-cover{height:115px}.profile-main{padding:0 20px 24px}.profile-identity{align-items:center;flex-wrap:wrap}.profile-identity .avatar{width:75px;height:75px}.profile-name{margin-top:28px}.profile-online{width:100%;margin:0}.profile-details{grid-template-columns:1fr}.profile-actions{flex-direction:column}.career-hero{min-height:280px;padding:34px 26px}.career-hero h2{font-size:27px}.career-level{left:25px;right:auto;top:145px}.career-level strong{width:78px;height:78px;font-size:31px}.career-body{padding:25px 22px}.career-summary{grid-template-columns:1fr}.career-trophy-shelf{grid-template-columns:1fr 1fr}.compose-footer{align-items:flex-end;gap:12px}.compose-footer>span{max-width:170px}.message-card{padding:32px 22px}.message-head{align-items:flex-start}.message-head time{position:absolute;top:99px;right:22px}.lock-card{padding:34px 22px}.toast-region{left:12px;right:12px}.toast{min-width:0}}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}