:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f7fb;font-family:Inter,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}#root{min-height:100vh}h1,h2,h3,p{margin:0}.auth-shell{background:radial-gradient(circle at 18% 18%,#2dd4bf47,#0000 28%),radial-gradient(circle at 82% 22%,#38bdf838,#0000 25%),linear-gradient(135deg,#07131f,#12313a 48%,#15211d);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.auth-card{z-index:1;text-align:center;background:#fffffff2;border:1px solid #ffffff47;border-radius:18px;width:min(100%,440px);padding:32px;position:relative;box-shadow:0 30px 60px #00000047}.brand-mark{color:#fff;letter-spacing:.08em;background:linear-gradient(135deg,#1d4ed8,#38bdf8);border-radius:16px;place-items:center;width:54px;height:54px;margin:0 auto 16px;font-weight:700;display:grid}.quote{color:#3b5f88;margin-bottom:20px;font-weight:600}.immune-field span{pointer-events:none;display:block;position:absolute}.cell{background:radial-gradient(circle at 42% 42%,#0f766e85 0 18%,#0000 19%),radial-gradient(circle,#22d3ee29,#14b8a60f 70%);border:1px solid #7dd3fc6b;border-radius:50%;width:118px;height:118px;animation:12s ease-in-out infinite drift;box-shadow:0 0 42px #2dd4bf38}.cell-a{top:12%;left:10%}.cell-b{animation-delay:-4s;bottom:16%;right:12%}.cell-c{width:82px;height:82px;animation-delay:-7s;top:18%;right:20%}.antigen{border:2px solid #bef264c2;width:22px;height:22px;animation:9s linear infinite antigenSpin;transform:rotate(45deg)}.antigen-a{bottom:22%;left:22%}.antigen-b{animation-delay:-3s;top:58%;right:28%}.immune-setup{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;display:grid}.immune-setup span{color:#0f766e;background:#f0fdfa;border:1px solid #c7e9e6;border-radius:8px;padding:8px 6px;font-size:.82rem;font-weight:700}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-form input,.upload-box input,.upload-box select,.form-stack input,.form-stack select,.form-stack textarea,.auth-actions button,.sidebar-footer button,.nav-button{font:inherit}.auth-form input,.upload-box input,.upload-box select,.form-stack input,.form-stack select,.form-stack textarea{background:#f8fbff;border:1px solid #c9d8e6;border-radius:10px;padding:12px 14px}.form-stack{flex-direction:column;gap:10px;margin:16px 0 20px;display:flex}.form-stack textarea{resize:vertical}.checkbox-list{flex-wrap:wrap;gap:12px;display:flex}.checkbox-row{color:#334155;align-items:center;gap:8px;display:flex}.auth-actions{gap:10px;display:flex}.auth-actions button,.upload-box button,.form-stack button,.sidebar-footer button,.action-button,.secondary-button,.text-button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#1d4ed8,#2563eb);border:none;border-radius:999px;padding:10px 16px}.auth-actions .secondary{background:#0f172a}.status,.muted{color:#64748b}.activation-overlay{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(circle at 50% 52%,#14b8a657,#0000 28%),radial-gradient(circle at 22% 20%,#bef26433,#0000 24%),radial-gradient(circle at 80% 18%,#60a5fa33,#0000 26%),#07131fe6;place-items:center;animation:4.2s ease-in-out both overlayFade;display:grid;position:fixed;inset:0;overflow:hidden}.activation-stage{aspect-ratio:16/9;width:min(92vw,860px);position:relative}.binding-scene{position:absolute;inset:0}.t-cell-body{background:radial-gradient(circle at 42% 42%,#0f766e 0 16%,#0000 17%),radial-gradient(circle,#ccfbf1,#2dd4bf 62%,#0f766e);border-radius:50%;width:min(30vw,260px);height:min(30vw,260px);animation:4.2s ease-in-out both tcrBind;position:absolute;top:24%;left:7%;box-shadow:0 0 80px #2dd4bf66,inset 0 0 42px #ffffff52}.tcr-arm{transform-origin:0;background:#ccfbf1;border-radius:999px;width:42%;height:4%;position:absolute;top:45%;right:-31%;box-shadow:0 0 16px #ccfbf199}.tcr-left{transform:rotate(-34deg)}.tcr-right{transform:rotate(34deg)}.mhc-complex{filter:drop-shadow(0 0 34px #60a5fa6b);border-bottom:24px solid #2563eb;border-radius:0 0 42px 42px;width:min(28vw,250px);height:min(20vw,180px);position:absolute;top:31%;right:8%}.mhc-post{background:#60a5fa;border-radius:999px 999px 12px 12px;width:18%;height:78%;position:absolute;bottom:12px}.mhc-left{left:18%}.mhc-right{right:18%}.peptide{background:#bef264;border-radius:999px;width:44%;height:16%;animation:4.2s ease-in-out both peptideGlow;position:absolute;top:4%;left:28%}.binding-spark{opacity:0;background:#facc15;border-radius:50%;width:18px;height:18px;animation:4.2s ease-in-out both sparkPop;position:absolute}.spark-a{top:40%;left:50%}.spark-b{animation-delay:.12s;top:54%;left:55%}.spark-c{animation-delay:.22s;top:58%;left:48%}.signal-ring{aspect-ratio:1;opacity:0;border:2px solid #bef26499;border-radius:50%;width:18%;animation:4.2s ease-out both signalBurst;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.4)}.ring-b{animation-delay:.16s}.ring-c{animation-delay:.32s}.floating-antigen{border:2px solid #bef264cc;width:18px;height:18px;animation:4.2s ease-in-out both floatAntigen;position:absolute;transform:rotate(45deg)}.float-a{top:14%;left:12%}.float-b{animation-delay:.12s;top:16%;right:18%}.float-c{animation-delay:.24s;bottom:12%;left:24%}.float-d{animation-delay:.36s;bottom:16%;right:12%}.app-shell{background:#f3f7fb;min-height:100vh;display:flex}.sidebar{color:#fff;background:#07131f;flex-direction:column;justify-content:space-between;gap:20px;width:260px;padding:24px 16px;display:flex}.sidebar nav{flex-direction:column;gap:8px;display:flex}.nav-button{text-align:left;color:#dbeafe;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:10px 12px}.nav-button.active{color:#fff;background:#2563eb3d}.sidebar-footer{flex-direction:column;gap:8px;display:flex}.main-panel{flex:1;padding:28px}.welcome-panel{background:linear-gradient(135deg,#fffffffa,#f0fdfaf5),radial-gradient(circle at 100% 0,#38bdf82e,#0000 30%);border:1px solid #dbeafe;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:18px 20px;display:flex;box-shadow:0 18px 38px #0f172a0f}.welcome-kicker{color:#0f766e;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:.82rem;font-weight:800;display:block}.welcome-panel h1{font-size:clamp(1.5rem,3vw,2.15rem);line-height:1.1}.welcome-panel p{color:#64748b;margin-top:6px}.welcome-badge{text-align:right;background:#f0fdfa;border:1px solid #a7f3d0;border-radius:12px;min-width:118px;padding:10px 12px}.welcome-badge span,.welcome-badge strong{display:block}.welcome-badge span{color:#0f766e;font-size:.8rem;font-weight:800}.welcome-badge strong{color:#0f172a}.panel{background:#fff;border-radius:20px;padding:24px;box-shadow:0 18px 40px #0f172a0f}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.secondary-button{color:#075985;background:#e0f2fe}.text-button{color:#b91c1c;background:0 0;border-radius:0;margin-top:12px;padding:0;font-weight:700}.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:16px;display:grid}.card,.stat-box,.upload-box{background:#f8fbff;border:1px solid #e2e8f0;border-radius:16px;padding:16px}.meta-row{color:#3b5f88;flex-wrap:wrap;gap:10px;margin-top:8px;font-size:.95rem;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-top:16px;display:grid}.stat-box{flex-direction:column;gap:6px;display:flex}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px;display:grid}.dashboard-grid h3,.role-section h3{margin-bottom:10px}.stack-list{gap:10px;display:grid}.mini-item{background:#f8fbff;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.mini-item strong,.mini-item span{display:block}.mini-item span{color:#64748b;margin-top:4px;font-size:.92rem}.calendar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.calendar-weekday{color:#64748b;text-align:center;font-size:.86rem;font-weight:800}.calendar-day{color:#0f172a;cursor:pointer;text-align:left;background:#f8fbff;border:1px solid #dbeafe;border-radius:12px;min-height:96px;padding:8px}.calendar-day span,.calendar-day small{display:block}.calendar-day span{font-weight:800}.calendar-day small{color:#166534;text-overflow:ellipsis;white-space:nowrap;background:#dcfce7;border-radius:999px;margin-top:6px;padding:3px 6px;overflow:hidden}.muted-day{opacity:.45}.role-sections{gap:22px;display:grid}.upload-box{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.loading{color:#0f172a;place-items:center;min-height:100vh;font-size:1.2rem;display:grid}@keyframes drift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(18px,-22px)scale(1.04)}}@keyframes antigenSpin{0%{transform:rotate(45deg)translateY(0)}50%{transform:rotate(225deg)translateY(-14px)}to{transform:rotate(405deg)translateY(0)}}@keyframes overlayFade{0%{opacity:0}10%,86%{opacity:1}to{opacity:0}}@keyframes tcrBind{0%{opacity:0;transform:translate(-14vw)rotate(-7deg)scale(.92)}16%{opacity:1}48%,78%{opacity:1;transform:translate(24vw)rotate(2deg)scale(1)}88%{opacity:1;transform:translate(22vw)rotate(-2deg)scale(1.03)}to{opacity:0;transform:translate(30vw)rotate(3deg)scale(.96)}}@keyframes peptideGlow{0%,34%,to{transform:scaleX(1);box-shadow:0 0 #bef26400}48%,82%{transform:scaleX(1.18);box-shadow:0 0 42px #bef264f2}}@keyframes sparkPop{0%,42%,to{opacity:0;transform:scale(.4)}52%,74%{opacity:1;transform:scale(1.45)}}@keyframes signalBurst{0%,46%{opacity:0;transform:translate(-50%,-50%)scale(.4)}58%{opacity:.9}to{opacity:0;transform:translate(-50%,-50%)scale(5.4)}}@keyframes floatAntigen{0%{opacity:0;transform:translateY(18px)rotate(45deg)scale(.8)}18%,82%{opacity:1}to{opacity:0;transform:translateY(-28px)rotate(225deg)scale(1.1)}}@media (width<=860px){.app-shell{flex-direction:column}.sidebar{width:auto}.main-panel{padding:18px}.welcome-panel{flex-direction:column;align-items:flex-start}.welcome-badge{text-align:left}.panel-header,.dashboard-grid{grid-template-columns:1fr}.panel-header{flex-direction:column}.calendar-grid{gap:4px}.calendar-day{min-height:74px;padding:6px}.immune-setup{grid-template-columns:1fr}}