@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700;800;900&display=swap');:root{--bg:#090f24;--surface:#121c38;--surface2:#1b2a4c;--stroke:#30416c;--txt:#f3f7ff;--muted:#a0b0cf;--sky:#5ec5ff;--gold:#ffcc66}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 90% 0,#192b58,transparent 45%),var(--bg);font-family:Nunito Sans,system-ui,sans-serif;color:var(--txt)}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:#101933;border-right:1px solid var(--stroke);padding:26px 15px;display:flex;flex-direction:column}.logo{font-weight:900;font-size:23px;line-height:1.15;padding:3px 9px 32px}.logo>span:nth-child(2){color:var(--sky)}.logo small{display:block;font-size:9px;letter-spacing:2px;color:var(--gold);margin-top:8px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{padding:13px;border-radius:12px;color:#bdcce9;font-weight:800}.sidebar nav a:hover{background:#22335b;color:white}.aside-bottom{margin-top:auto;color:var(--muted);font-size:12px;padding:15px}.main{width:100%;padding:0 28px 45px;min-width:0}.top{display:flex;align-items:center;justify-content:space-between;padding:20px 0 27px;gap:15px}.top strong{font-size:20px}.eyebrow{color:var(--gold);letter-spacing:2px;font-size:10px;font-weight:900}.right{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.chip,.user{background:var(--surface2);border:1px solid var(--stroke);border-radius:12px;padding:9px 12px;font-size:12px;font-weight:800}.logout{font-size:12px;color:var(--muted)}.hero,.panel,.stat{background:linear-gradient(145deg,#18294f,#101c38);border:1px solid var(--stroke);border-radius:22px;padding:25px}.hero{background:radial-gradient(circle at 100% 10%,#245c90,#14264b 50%,#111a33);min-height:200px}h1{font-size:35px;margin:9px 0}h2{margin:0 0 14px;font-size:21px}h3{margin:10px 0}p{color:#c7d5ee;line-height:1.65}small,.muted{color:var(--muted)}.cta,button{background:linear-gradient(100deg,#21acdc,#6465e5);color:white;border:0;border-radius:13px;padding:13px 19px;font-weight:900;cursor:pointer;font-family:inherit}.cta{display:inline-block;margin-top:10px}.cta.alt,button.alt{background:#293d66}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:18px 0}.stat b{font-size:27px;color:white;display:block}.stat span{color:var(--muted);font-size:12px}.panel{margin:18px 0}.progress{border-radius:20px;background:#2b3a59;overflow:hidden;height:13px}.progress i{display:block;height:100%;background:linear-gradient(90deg,#4bc7b8,#56b1ff)}.pill{border:1px solid var(--stroke);border-radius:20px;padding:4px 10px;color:var(--gold);font-size:12px}input,select,textarea{width:100%;background:#0b142e;color:white;border:1px solid #3b4f77;padding:13px;border-radius:12px;font:inherit;margin:5px 0 12px}label{font-weight:800;font-size:13px}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.question{font-size:20px;line-height:1.6;white-space:pre-wrap}.option{display:block;padding:13px;border:1px solid #3b4f77;border-radius:12px;margin:9px 0;cursor:pointer}.option:hover{background:#253960}.option input{width:auto;margin-right:11px}.avatar{width:100%;max-width:210px;aspect-ratio:1;object-fit:contain}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:13px}.card{background:#182644;border:1px solid #344971;border-radius:17px;padding:15px;text-align:center}.card .emoji{height:130px;display:flex;align-items:center;justify-content:center;font-size:65px}.card b{display:block;font-size:13px}.card small{display:block}.notice{background:#183e47;border:1px solid #438e98;padding:14px;border-radius:14px;margin:0 0 15px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid #2d3b5a;font-size:13px}.error{color:#ffb0a6}.tag{font-size:11px;padding:3px 7px;background:#31466b;border-radius:8px}@media(max-width:840px){.shell{display:block}.sidebar{width:100%;padding:10px;display:block}.logo{padding:7px;font-size:17px}.logo small,.aside-bottom{display:none}.sidebar nav{display:flex;overflow:auto;gap:5px}.sidebar nav a{white-space:nowrap;font-size:12px;padding:9px}.main{padding:0 13px 35px}.top{display:block}.right{margin-top:10px}.hero,.panel{padding:17px}h1{font-size:27px}}

.sanchi-guide{display:flex;justify-content:flex-end;pointer-events:none}.sanchi-guide img{max-width:175px;width:28%;max-height:170px;object-fit:contain}.sanchi-feedback{width:125px;height:125px;object-fit:contain;float:right;margin:0 0 12px 18px}@media(max-width:600px){.sanchi-guide img{width:35%;max-width:125px}.sanchi-feedback{width:85px;height:85px}}