:root{font-family:Noto Sans SC,Microsoft YaHei,Arial,sans-serif;color:#0f172a;background:linear-gradient(180deg,#f8fbff,#eef5ff)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh;background:linear-gradient(180deg,#f8fbff,#eef5ff)}#trae-badge-plugin,.trae-badge{display:none!important}.shell-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:24px}.shell-page--center{background:radial-gradient(circle at 20% 20%,#3b82f638,#f8fafc00 45%),radial-gradient(circle at 82% 30%,#0ea5e92e,#f8fafc00 48%),linear-gradient(180deg,#f8fbff,#eef5ff)}.shell-background{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,#3b82f638,#f8fafc00 45%),radial-gradient(circle at 82% 30%,#0ea5e92e,#f8fafc00 48%),linear-gradient(180deg,#f8fbff,#eef5ff)}.shell-login-card,.shell-card,.shell-modal{position:relative;z-index:1;width:min(92vw,520px);background:#fffffff0;border:1px solid rgba(148,163,184,.22);border-radius:28px;box-shadow:0 28px 80px #0f172a24;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.shell-login-card{padding:32px 28px 24px}.shell-card{padding:28px 24px;text-align:center}.shell-card--compact{width:min(92vw,420px)}.shell-brand{text-align:center;margin-bottom:28px}.shell-brand__title{font-size:36px;font-weight:800;letter-spacing:1px;background:linear-gradient(135deg,#1d4ed8,#0ea5e9);-webkit-background-clip:text;background-clip:text;color:transparent}.shell-brand__subtitle{margin-top:8px;font-size:12px;color:#64748b;letter-spacing:.28em;text-transform:uppercase}.shell-form{display:flex;flex-direction:column;gap:16px}.shell-form--tight{gap:12px}.shell-field{display:flex;flex-direction:column;gap:8px}.shell-field span{font-size:14px;font-weight:700;color:#334155}.shell-field input{width:100%;height:50px;border-radius:16px;border:1px solid rgba(148,163,184,.26);background:#fff;color:#0f172a;padding:0 16px;font-size:15px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.shell-field input:focus{border-color:#2563eb8c;box-shadow:0 0 0 4px #3b82f61f}.shell-button{height:50px;border-radius:999px;border:none;font-size:15px;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.shell-button:hover{transform:translateY(-1px)}.shell-button--primary{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);box-shadow:0 18px 36px #2563eb33}.shell-button--secondary{color:#2563eb;background:#f8fbff;border:1px solid rgba(37,99,235,.18)}.shell-message{padding:10px 14px;border-radius:14px;font-size:13px;line-height:1.6}.shell-message--error{background:#fee2e2e6;color:#b91c1c;border:1px solid rgba(248,113,113,.3)}.shell-footer{margin-top:18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:#64748b}.shell-portal{position:relative;z-index:1;width:min(980px,100%);padding:36px 32px 28px;border-radius:24px;border:1px solid rgba(191,219,254,.45);background:#fffffff5;box-shadow:0 24px 56px #0f172a1a}.shell-portal__hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:24px}.shell-portal__hero-copy{display:flex;flex-direction:column;gap:6px}.shell-portal__subtitle{color:#64748b;font-size:16px;line-height:1.7}.shell-portal__user{min-width:180px;padding:14px 16px;border-radius:16px;background:linear-gradient(180deg,#eff6fffa,#f8fafcf5);border:1px solid rgba(191,219,254,.78);display:flex;flex-direction:column;justify-content:center;gap:4px}.shell-portal__user-label{font-size:12px;letter-spacing:.08em;color:#64748b}.shell-portal__user strong{font-size:16px;color:#0f172a}.shell-portal__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.shell-portal-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;min-height:210px;padding:26px 24px;border-radius:22px;border:1px solid rgba(191,219,254,.78);background:radial-gradient(circle at top right,#60a5fa2e,#fff0 38%),linear-gradient(180deg,#fffffffa,#f8fafcfa);box-shadow:0 16px 40px #0f172a14;color:#0f172a;text-align:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.shell-portal-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #2563eb1f;border-color:#bfdbfe}.shell-portal-card strong{width:100%;font-size:26px;font-weight:700}.shell-portal-card p{margin:0;width:100%;color:#475569;line-height:1.8;font-size:15px}.shell-portal-card em{width:100%;margin-top:12px;font-style:normal;color:#2563eb;font-size:14px;font-weight:700}.shell-portal__actions{display:flex;justify-content:flex-end;margin-top:22px}.shell-loader{width:48px;height:48px;margin:0 auto 18px;border-radius:999px;border:4px solid rgba(37,99,235,.15);border-top-color:#2563eb;animation:shell-spin .8s linear infinite}.shell-title{font-size:24px;font-weight:800;color:#0f172a}.shell-subtitle{margin-top:10px;color:#64748b;line-height:1.8;font-size:14px}.shell-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a5c}.shell-modal{padding:24px 22px}.shell-modal__title{font-size:22px;font-weight:800;color:#0f172a;margin-bottom:18px}.shell-modal__actions{display:flex;gap:12px;justify-content:flex-end}@keyframes shell-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:640px){.shell-page{padding:16px}.shell-login-card,.shell-card,.shell-modal{width:min(100vw - 24px,520px);border-radius:24px}.shell-login-card{padding:24px 18px 18px}.shell-brand__title{font-size:30px}.shell-footer{flex-direction:column}.shell-portal{padding:24px 18px 18px;border-radius:24px}.shell-portal__hero{flex-direction:column}.shell-portal__user{width:100%;min-width:0}.shell-portal__grid{grid-template-columns:1fr}}