@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--bg:#0c0d11;--shell:#101218;--sidebar:#14161d;--surface:#1a1d25;--border:#ffffff0f;--border-strong:#ffffff21;--text-primary:#eef0f4;--text-secondary:#b7bfcb;--text-muted:#8b93a3;--text-faint:#6f7889;--text-disabled:#565e6d;--accent-purple:#2f6fed;--accent-purple-light:#6fa0ff;--accent-pink:#ff6b4a;--accent-pink-light:#ff8d6b;--accent-green:#4fd18b;--accent-amber:#f0b429;--avatar-bg:#1f2a3f;--avatar-text:#8fb4ff;--font-display:"Sora", system-ui, sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);font-family:var(--font-body);color:var(--text-primary);margin:0}a{color:var(--accent-purple-light);text-decoration:none}a:hover{color:var(--accent-pink-light)}button{cursor:pointer;font-family:inherit}input,textarea,select{color:var(--text-primary);background:var(--shell);border:1px solid var(--border-strong);border-radius:10px;outline:none;padding:14px 16px;font-family:inherit;font-size:15px}input:focus,textarea:focus,select:focus{border-color:var(--accent-purple)}input::placeholder,textarea::placeholder{color:var(--text-faint)}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7' fill='none'%3E%3Cpath d='M1 1L5 5.5L9 1' stroke='%236f7889' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px;transition:border-color .15s}select:hover{border-color:var(--text-faint)}select:disabled{opacity:.5;cursor:not-allowed}.app-shell{background:var(--shell);min-height:100vh;display:flex}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);z-index:30;flex-direction:column;flex-shrink:0;width:232px;height:100vh;padding:22px 0;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar__brand{align-items:center;gap:10px;padding:0 20px 22px;display:flex}.sidebar__logo{background-color:var(--bg);background-image:url(/favicon.svg);background-size:cover;border-radius:8px;flex-shrink:0;width:28px;height:28px}.sidebar__brand-text{font-family:var(--font-display);font-size:14px;font-weight:600;line-height:1.2}.sidebar__brand-text span{color:var(--text-muted);font-weight:400}.sidebar__nav{flex-direction:column;gap:2px;padding:0 12px;display:flex}.sidebar__item{color:var(--text-muted);border-radius:8px;align-items:center;gap:10px;padding:9px 12px 9px 26px;font-size:14px;display:flex;position:relative}.sidebar__item.is-active{color:var(--text-primary);background:#2f6fed29;padding-left:12px;font-weight:500}.sidebar__item.is-active:before{content:"";background:var(--accent-purple);border-radius:2px;width:4px;height:16px}.sidebar__item.is-static{cursor:default}.sidebar__count{color:var(--text-faint);margin-left:auto;font-size:12px}.sidebar__item.is-active .sidebar__count{color:var(--accent-purple-light)}.sidebar__user{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:auto;padding:16px 20px 0;display:flex}.avatar{background:var(--avatar-bg);width:32px;height:32px;color:var(--avatar-text);font-size:12px;font-weight:600;font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__user-name{color:var(--text-primary);font-size:13px;font-weight:500}.sidebar__user-role{color:var(--text-faint);font-size:11px}.main{flex-direction:column;flex:1;min-width:0;margin-left:232px;display:flex}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:26px 44px;display:flex}.topbar__eyebrow{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:13px}.btn{border:none;border-radius:9px;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:500;display:inline-flex}.btn-primary{color:var(--bg);background:var(--accent-purple)}.btn:disabled{color:var(--text-disabled);cursor:not-allowed;opacity:.7;background:#2a2e37}.btn-gradient{color:var(--bg);background:linear-gradient(135deg, var(--accent-purple), var(--accent-pink))}.btn-ghost{color:var(--text-muted);border:1px solid var(--border-strong);background:0 0}.btn-link{color:var(--text-muted);background:0 0;border:none;padding:0;font-size:13px}.content{flex-direction:column;flex:1;gap:26px;min-height:0;padding:36px 44px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px}.stat-grid{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:30px;padding-bottom:32px;display:grid}.stat-label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:13px}.stat-value{font-family:var(--font-display);color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:12px;font-size:56px;font-weight:600;line-height:1}.stat-value.is-empty{color:var(--text-disabled)}.stat-sub{color:var(--text-faint);margin-top:10px;font-size:14px}.badge{font-variant-numeric:tabular-nums;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-green{color:var(--accent-green);background:#4fd18b21}.badge-amber{color:var(--accent-amber);background:#f0b42924}.badge-purple{color:var(--accent-purple-light);background:#2f6fed1f}.badge-pink{color:var(--accent-pink-light);background:#ff6b4a24}.pill{color:var(--text-secondary);border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:20px;padding:7px 14px;font-size:13px}.pill.is-active{color:var(--bg);background:#dfe3ea;border-color:#0000;font-weight:500}.chip{color:var(--text-secondary);border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:22px;padding:9px 16px;font-size:14px}.chip.is-selected{color:var(--bg);background:var(--accent-purple);border-color:#0000;font-weight:500}.chip.is-dashed{color:var(--text-muted);border-style:dashed}.field{flex-direction:column;gap:8px;display:flex}.field-label{color:var(--text-secondary);font-size:13px;font-weight:500}.wizard-steps{align-items:center;gap:14px;display:flex}.wizard-step{align-items:center;gap:9px;display:flex}.wizard-step__dot{border:1px solid var(--border-strong);width:24px;height:24px;color:var(--text-faint);font-size:12px;font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;display:flex}.wizard-step.is-current .wizard-step__dot{background:var(--accent-purple);color:var(--bg);border-color:#0000;font-weight:600}.wizard-step.is-current span:last-child{color:var(--text-primary);font-weight:500}.wizard-step.is-done .wizard-step__dot{color:var(--accent-purple-light);background:#2f6fed40;border-color:#0000}.wizard-step span:last-child{color:var(--text-muted);font-size:14px}.wizard-connector{background:var(--border-strong);width:56px;height:1px}.wizard-connector.is-done{background:#2f6fed66}.mobile-menu-btn,.sidebar-overlay{display:none}.dashboard-split{flex:1;grid-template-columns:1fr 380px;gap:44px;min-height:0;display:grid}.row-card{align-items:center;gap:20px;transition:border-color .15s,background .15s;display:flex}.row-card:hover{border-color:var(--border-strong);background:#ffffff05}.row-card__avatar{width:40px;height:40px;font-size:14px}.row-card__stats{flex-shrink:0;align-items:center;gap:14px;display:flex}.row-card__stats select{min-width:150px;padding:9px 34px 9px 14px;font-size:13px}.form-shell{flex:1;justify-content:center;gap:56px;min-height:0;padding:48px 44px;display:flex;overflow-y:auto}.form-col-main{flex-direction:column;gap:26px;width:620px;display:flex}.form-col-aside{flex-direction:column;flex-shrink:0;gap:16px;width:340px;display:flex}.detail-shell{flex:1;gap:48px;min-height:0;padding:44px;display:flex;overflow-y:auto}.form-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-grid-school{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}.form-grid-hours{grid-template-columns:1fr 1.4fr;gap:16px;display:grid}.stat-grid-4{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:24px;padding:24px 0;display:grid}.feed-indent{margin-left:52px}@media (width<=860px){.mobile-menu-btn{z-index:60;background:var(--surface);border:1px solid var(--border-strong);width:40px;height:40px;color:var(--text-primary);border-radius:10px;justify-content:center;align-items:center;font-size:18px;display:flex;position:fixed;top:14px;left:14px}.app-shell{display:block}.sidebar{z-index:70;width:260px;transition:transform .22s;transform:translate(-100%)}.sidebar.is-open{transform:translate(0);box-shadow:20px 0 50px #00000080}.sidebar-overlay{z-index:65;background:#0000008c;display:block;position:fixed;inset:0}.main{margin-left:0}.topbar{flex-wrap:wrap;gap:12px;padding:16px 20px 16px 64px}.content{gap:20px;padding:20px 16px 32px}.stat-grid{grid-template-columns:1fr;gap:20px;padding-bottom:20px}.stat-value{font-size:40px}.stat-grid-4{grid-template-columns:repeat(2,1fr);gap:18px}.dashboard-split{grid-template-columns:1fr;gap:28px}.row-card{flex-direction:column;align-items:flex-start;gap:12px}.row-card>*{width:100%}.row-card>.avatar{flex-shrink:0;width:40px}.row-card__stats{flex-wrap:wrap;gap:14px;width:100%}.form-shell,.detail-shell{flex-direction:column;gap:28px;padding:24px 16px 32px}.form-col-main,.form-col-aside{width:100%}.form-grid-2,.form-grid-school,.form-grid-hours{grid-template-columns:1fr}.wizard-steps{max-width:100%;padding-bottom:4px;overflow-x:auto}.wizard-step span:last-child{font-size:12px}.wizard-connector{width:28px}.feed-indent{margin-left:16px}}.toast{background:var(--surface);color:var(--text-primary);z-index:1000;border:1px solid #2f6fed66;border-radius:10px;padding:12px 22px;font-size:14px;animation:.2s ease-out toast-in;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.landing{background:var(--bg);position:relative;overflow-x:clip}.landing__glow{filter:blur(90px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.landing__glow--cobalt{opacity:.32;background:#2f6fed;width:560px;height:560px;animation:19s ease-in-out infinite alternate landing-drift-1;top:-180px;left:-140px}.landing__glow--coral{opacity:.22;background:#ff6b4a;width:460px;height:460px;animation:23s ease-in-out infinite alternate landing-drift-2;top:20px;right:-160px}.landing__glow--cobalt2{opacity:.16;background:#2f6fed;width:420px;height:420px;animation:27s ease-in-out infinite alternate landing-drift-3;bottom:20px;left:30%}@keyframes landing-drift-1{0%{transform:translate(0)scale(1)}to{transform:translate(70px,50px)scale(1.1)}}@keyframes landing-drift-2{0%{transform:translate(0)scale(1)}to{transform:translate(-60px,70px)scale(1.06)}}@keyframes landing-drift-3{0%{transform:translate(0)scale(1)}to{transform:translate(50px,-40px)scale(1.12)}}.landing__grid{pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:44px 44px;height:720px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(65% 55% at 50% 10%,#000 40%,#0000 100%);mask-image:radial-gradient(65% 55% at 50% 10%,#000 40%,#0000 100%)}.landing__header{z-index:40;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#0c0d118c;position:sticky;top:0}.landing__body{z-index:1;position:relative}@keyframes landing-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.landing__fade-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards landing-fade-up}.landing__gradient-text{background:linear-gradient(90deg, var(--accent-purple-light), var(--accent-pink-light), var(--accent-purple-light));color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:7s infinite landing-gradient-shift}@keyframes landing-gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.landing__cta{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s;position:relative;overflow:hidden}.landing__cta:hover{transform:translateY(-2px)scale(1.02)}.landing__cta--primary:hover{box-shadow:0 14px 34px #2f6fed59}.landing__cta:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000,#ffffff59,#0000);width:40%;height:100%;transition:left .7s;position:absolute;top:0;left:-60%;transform:skew(-20deg)}.landing__cta:hover:after{left:130%}.landing__role-card{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.landing__role-card.is-open{border-color:color-mix(in srgb, var(--card-accent,var(--accent-purple)) 45%, transparent)}.landing__role-card:before{content:"";background:var(--card-accent,var(--accent-purple));opacity:.7;height:3px;position:absolute;top:0;left:0;right:0}.landing__role-card:hover{border-color:color-mix(in srgb, var(--card-accent,var(--accent-purple)) 45%, transparent);transform:translateY(-6px);box-shadow:0 22px 44px #00000059}.landing__role-index{font-family:var(--font-display);color:var(--text-primary);opacity:.06;pointer-events:none;font-size:30px;font-weight:700;line-height:1;position:absolute;top:14px;right:18px}.landing__role-icon{transition:transform .3s,background .3s}.landing__role-card:hover .landing__role-icon{transform:scale(1.1)}.landing__role-more{color:var(--card-accent,var(--accent-purple-light));align-items:center;gap:6px;margin-top:-4px;font-size:12.5px;font-weight:600;display:flex}.landing__role-chevron{transition:transform .3s}.landing__role-card.is-open .landing__role-chevron{transform:rotate(180deg)}.landing__role-detail{grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.16,1,.3,1);display:grid}.landing__role-card.is-open .landing__role-detail{grid-template-rows:1fr}.landing__role-detail-inner{min-height:0;overflow:hidden}.landing__role-detail-inner>*{border-top:1px solid var(--border);margin-top:4px;padding-top:16px}.landing__trust-grid{grid-template-columns:repeat(4,1fr);gap:28px;display:grid}.landing__trust-item{align-items:flex-start;gap:12px;display:flex}.landing__trust-icon{width:34px;height:34px;color:var(--accent-purple-light);background:#2f6fed1f;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (width<=900px){.landing__trust-grid{grid-template-columns:repeat(2,1fr);row-gap:24px}}@media (width<=560px){.landing__trust-grid{grid-template-columns:1fr}}.landing__hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid}.landing__mock-wrap{height:380px;position:relative}.landing__mock{animation:6s ease-in-out infinite landing-bob;position:absolute}.landing__mock--back{background:var(--surface);width:260px;padding:18px 20px;animation-delay:.4s;top:30px;right:10px}.landing__mock--front{width:300px;padding:20px 22px;top:70px;left:0;box-shadow:0 30px 60px #00000073}@keyframes landing-bob{0%,to{transform:translateY(0) rotate(var(--tilt,-2deg))}50%{transform:translateY(-14px) rotate(var(--tilt,-2deg))}}@media (width<=920px){.landing__hero-grid{grid-template-columns:1fr}.landing__mock-wrap{max-width:320px;height:300px;margin:8px auto 0}.landing__mock--back{width:200px;padding:14px 16px;top:0;right:6px}.landing__mock--front{width:250px;padding:16px 18px;top:90px;left:4px}}@media (prefers-reduced-motion:reduce){.landing__glow--cobalt,.landing__glow--coral,.landing__glow--cobalt2,.landing__mock,.landing__gradient-text{animation:none!important}.landing__fade-up{opacity:1!important;animation:none!important;transform:none!important}}