:root{--bg: #f7f5f0;--card: #ffffff;--ink: #0a2558;--sub: #5b6b8c;--line: #e7e2d6;--gold: #f5a623;--orange: #e85c1a;--blue: #2e5fd0;--green: #2f9e63;--red: #d64545;--shadow: 0 10px 30px rgba(10, 37, 88, .08);--r: 20px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}svg.ic{width:1em;height:1em;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.12em}.deco{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.deco:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--line) 1.2px,transparent 1.2px);background-size:26px 26px;opacity:.5}.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.35;animation:drift 14s ease-in-out infinite alternate}.blob.b1{width:380px;height:380px;background:#fbd79a;top:-120px;right:-90px}.blob.b2{width:320px;height:320px;background:#f6c4a8;bottom:-100px;left:-110px;animation-delay:-6s}@keyframes drift{to{transform:translate(30px,24px) scale(1.08)}}.wrap{max-width:720px;margin:0 auto;padding:20px 18px 90px;position:relative;z-index:1}.wrap.wrap-result{max-width:1240px;width:100%;padding:24px 20px 80px;transition:max-width .4s ease}.hud{position:sticky;top:12px;z-index:60;display:flex;align-items:center;gap:12px;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:99px;padding:8px 14px;box-shadow:var(--shadow);margin-bottom:22px}.hud img{width:38px;height:38px;border-radius:50%;background:#fdf1dc;border:2px solid var(--gold);flex-shrink:0}.hud .who{line-height:1.15;min-width:0}.hud .pname{font-size:.8rem;font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.hud .lv{font-size:.62rem;font-weight:700;color:var(--sub)}.xpbar{flex:1;height:10px;border-radius:99px;background:#efeae0;overflow:hidden;min-width:40px}.xpfill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--gold),var(--orange));transition:width .5s cubic-bezier(.22,1,.36,1)}.hud .xpn{font-size:.72rem;font-weight:800;white-space:nowrap}.hud .stk{display:flex;align-items:center;gap:4px;font-size:.72rem;font-weight:800;color:var(--orange);background:#fdeee3;border-radius:99px;padding:5px 10px;white-space:nowrap}.map{display:flex;align-items:center;margin:0 6px 34px}.node{width:34px;height:34px;border-radius:50%;background:var(--card);border:2px solid var(--line);display:grid;place-items:center;font-size:.9rem;color:var(--sub);flex-shrink:0;transition:all .3s;position:relative}.node .nl{position:absolute;top:40px;font-size:.58rem;font-weight:800;letter-spacing:.06em;color:var(--sub);white-space:nowrap;left:50%;transform:translate(-50%)}.node.now{border-color:var(--orange);color:var(--orange);box-shadow:0 0 0 5px #fdeee3;transform:scale(1.12)}.node.done{background:var(--ink);border-color:var(--ink);color:#fff}.tr{flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--line) 0 6px,transparent 6px 12px)}.tr.done{background:var(--ink)}.screen{animation:pop .45s cubic-bezier(.22,1,.36,1)}@keyframes pop{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.68rem;font-weight:800;letter-spacing:.14em;color:var(--orange);background:#fdeee3;border-radius:99px;padding:7px 14px}h1{font-family:Fraunces,Georgia,serif;font-weight:800;font-size:clamp(2rem,6vw,2.9rem);line-height:1.08;margin:18px 0 12px}h1 em{font-style:italic;color:var(--orange)}.sub{color:var(--sub);font-size:1rem;line-height:1.65;margin-bottom:26px;max-width:52ch}.hero-art{margin:8px 0 6px}.hero-art svg{width:100%;height:auto;display:block}.avatars{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:12px;margin:14px 0 26px}.av{border:2px solid var(--line);background:var(--card);border-radius:18px;padding:8px;cursor:pointer;transition:all .18s}.av img{width:100%;border-radius:12px;display:block;background:#fdf1dc;aspect-ratio:1}.av:hover{transform:translateY(-4px);border-color:var(--gold)}.av.sel{border-color:var(--orange);box-shadow:0 0 0 4px #fdeee3;transform:translateY(-4px)}.q{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px;margin-bottom:16px;box-shadow:var(--shadow);transition:all .25s;position:relative}.q.answered{border-color:var(--gold)}.q.answered:after{content:"";position:absolute;top:16px;right:16px;width:22px;height:22px;border-radius:50%;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat;animation:tick .3s cubic-bezier(.22,1,.36,1)}@keyframes tick{0%{transform:scale(0)}to{transform:scale(1)}}.qn{display:inline-flex;align-items:center;gap:7px;font-size:.66rem;font-weight:800;color:var(--blue);letter-spacing:.1em;margin-bottom:10px}.qt{font-weight:700;font-size:1rem;line-height:1.5;margin-bottom:16px;padding-right:26px}.likert{display:flex;gap:8px}.lk{flex:1;border:2px solid var(--line);background:#fbfaf6;border-radius:14px;padding:12px 4px 10px;cursor:pointer;text-align:center;transition:all .16s;color:var(--sub);font-family:inherit}.lk .li{display:grid;place-items:center;margin:0 auto 6px;width:30px;height:30px;border-radius:10px;background:#f1ede2;transition:all .16s}.lk .li svg{width:16px;height:16px}.lk .t{font-size:.6rem;font-weight:800;letter-spacing:.02em;display:block}.lk:hover{transform:translateY(-3px);border-color:var(--gold)}.lk.sel{border-color:var(--orange);background:#fff6ec;color:var(--ink);transform:translateY(-3px);box-shadow:0 8px 20px #e85c1a2e}.lk.sel .li{background:linear-gradient(135deg,var(--gold),var(--orange));color:#fff}.hint{display:flex;justify-content:space-between;font-size:.66rem;color:var(--sub);margin-top:10px;font-weight:700}.opts{display:flex;flex-direction:column;gap:10px}.op{border:2px solid var(--line);background:#fbfaf6;border-radius:14px;padding:14px 16px;cursor:pointer;font-weight:700;font-size:.92rem;display:flex;align-items:center;gap:12px;transition:all .16s;color:var(--sub);font-family:inherit;text-align:left;width:100%}.op:hover{border-color:var(--gold);transform:translate(4px)}.op.sel{border-color:var(--orange);background:#fff6ec;color:var(--ink)}.op .dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--line);flex-shrink:0;display:grid;place-items:center;transition:all .16s;background:#fff}.op.sel .dot{border-color:var(--orange);background:var(--orange)}.op.sel .dot:after{content:"";width:8px;height:8px;border-radius:50%;background:#fff}label.fl{display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:800;letter-spacing:.08em;color:var(--blue);margin-bottom:10px}input,select{width:100%;background:#fbfaf6;border:2px solid var(--line);border-radius:14px;color:var(--ink);padding:14px 16px;font-family:inherit;font-size:1rem;font-weight:600;outline:none;transition:border .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,select:focus{border-color:var(--orange);background:#fff}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23E85C1A' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:42px}.err{color:var(--red);font-size:.78rem;font-weight:700;margin-top:8px;display:flex;align-items:center;gap:6px}.q.err-box{border-color:var(--red);box-shadow:0 0 0 3px #d645452e}.q.err-box input,.q.err-box select{border-color:var(--red)}.btn{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#fff;border:none;border-radius:99px;padding:16px 32px;font-family:inherit;font-weight:800;font-size:1rem;cursor:pointer;transition:all .2s;box-shadow:0 10px 26px #0a255840;margin-top:8px;text-decoration:none}.btn:hover:not(:disabled){transform:translateY(-2px);background:var(--orange);box-shadow:0 12px 30px #e85c1a59}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.btn.ghost{background:transparent;color:var(--ink);border:2px solid var(--line);box-shadow:none}.btn.ghost:hover:not(:disabled){background:#fff;color:var(--orange);border-color:var(--orange)}.btn.sm{padding:10px 18px;font-size:.82rem}.lvlup{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a25588c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.lucard{background:var(--card);border-radius:26px;padding:40px 34px;text-align:center;max-width:360px;width:100%;animation:zoom .45s cubic-bezier(.22,1,.36,1);box-shadow:0 30px 80px #0a255866}@keyframes zoom{0%{transform:scale(.7);opacity:0}to{transform:none;opacity:1}}.lucard .med{width:86px;height:86px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),var(--orange));color:#fff;box-shadow:0 0 0 10px #fdeee3;animation:spinin .7s cubic-bezier(.22,1,.36,1)}.lucard .med svg{width:40px;height:40px}@keyframes spinin{0%{transform:rotate(-160deg) scale(.3)}to{transform:none}}.lucard h2{font-family:Fraunces,Georgia,serif;font-size:1.7rem;margin-bottom:6px}.lucard p{color:var(--sub);font-weight:600;font-size:.9rem}.lucard .xg{display:inline-flex;gap:6px;align-items:center;margin-top:14px;font-weight:800;color:var(--orange);background:#fdeee3;border-radius:99px;padding:8px 18px;font-size:.9rem}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%) translateY(120px);z-index:90;display:flex;align-items:center;gap:12px;background:var(--ink);color:#fff;border-radius:16px;padding:13px 18px;box-shadow:0 16px 40px #0a255866;transition:transform .45s cubic-bezier(.22,1,.36,1);max-width:92vw}.toast.show{transform:translate(-50%) translateY(0)}.toast .ti{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--gold),var(--orange));display:grid;place-items:center;flex-shrink:0}.toast .ti svg{width:18px;height:18px;color:#fff}.toast b{display:block;font-size:.82rem}.toast span{font-size:.7rem;opacity:.75;font-weight:600}.result-screen-wrapper{position:relative;width:100%;animation:pop .6s cubic-bezier(.22,1,.36,1)}.ambient-glow{position:absolute;top:10%;left:50%;transform:translate(-50%);width:900px;height:600px;max-width:100vw;filter:blur(90px);pointer-events:none;z-index:0;opacity:.7;transition:all .5s ease}.result-layout{position:relative;z-index:1;display:grid;grid-template-columns:460px 1fr;gap:26px;align-items:stretch}.rcard{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:34px 30px;box-shadow:0 25px 60px #0a25581f;position:relative;display:flex;flex-direction:column}.rcard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:28px;padding:3px;background:linear-gradient(135deg,var(--pcolor, #e85c1a),transparent 30%,transparent 70%,var(--pcolor, #e85c1a));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.rcard-identity{text-align:center}.official-pill{margin:0 auto 14px;font-size:.66rem;letter-spacing:.14em;font-weight:800;color:var(--orange);background:#fdeee3;border-radius:99px;padding:6px 14px;display:inline-flex;align-items:center;gap:7px}.student-profile{margin-bottom:8px}.student-name{font-family:Fraunces,Georgia,serif;font-size:1.45rem;font-weight:800;color:var(--ink);letter-spacing:-.01em}.student-dept{font-size:.78rem;font-weight:700;color:var(--sub);margin-top:3px}.hero-avatar-area{position:relative;width:164px;height:164px;margin:20px auto 14px}.avatar-energy-ring{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:2.5px dashed var(--pcolor, #e85c1a);opacity:.55;animation:spinSlow 24s linear infinite}@keyframes spinSlow{to{transform:rotate(360deg)}}.hero-avatar-frame{width:100%;height:100%;border-radius:50%;padding:6px;background:linear-gradient(135deg,var(--pcolor, #e85c1a),#f5a623);box-shadow:0 16px 36px #0a25582e,0 0 28px #e85c1a47;position:relative;transition:transform .3s cubic-bezier(.22,1,.36,1)}.hero-avatar-frame:hover{transform:scale(1.04)}.hero-avatar-frame img{width:100%;height:100%;border-radius:50%;display:block;background:#fdf1dc;border:4px solid #fff;object-fit:cover}.persona-crest{position:absolute;right:-6px;bottom:2px;width:52px;height:52px;border-radius:50%;background:#fff;border:3px solid var(--pcolor, #e85c1a);display:grid;place-items:center;box-shadow:0 8px 22px #0a255838;z-index:3;transition:transform .25s ease;animation:float 3s ease-in-out infinite}.persona-crest svg{width:28px;height:28px}@keyframes float{50%{transform:translateY(-6px)}}.persona-title{font-family:Fraunces,Georgia,serif;font-size:2.35rem;font-weight:800;line-height:1.08;color:var(--pcolor, #e85c1a);margin-top:4px}.persona-tagline{font-size:.82rem;font-weight:800;letter-spacing:.04em;color:var(--sub);margin:6px 0 16px}.avatar-chooser-shelf{background:#fbfaf6;border:1.5px solid var(--line);border-radius:20px;padding:12px 14px;margin:4px 0 18px;text-align:left}.shelf-header{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;font-weight:800;letter-spacing:.08em;color:var(--sub);text-transform:uppercase;margin-bottom:9px}.shelf-header span{display:inline-flex;align-items:center;gap:6px}.current-seed-tag{background:var(--card);border:1px solid var(--line);border-radius:99px;padding:2px 9px;color:var(--ink);font-size:.68rem;font-weight:800}.avatar-pills-row{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin}.av-pill-btn{width:44px;height:44px;border-radius:50%;border:2px solid var(--line);background:var(--card);padding:2px;cursor:pointer;flex-shrink:0;transition:all .2s cubic-bezier(.22,1,.36,1)}.av-pill-btn img{width:100%;height:100%;border-radius:50%;display:block}.av-pill-btn:hover{transform:translateY(-3px) scale(1.1);border-color:var(--gold)}.av-pill-btn.active{border-color:var(--pcolor, #e85c1a);box-shadow:0 0 0 3px #e85c1a40;transform:translateY(-3px) scale(1.12)}.narrative-box{background:#fbfaf6;border:1px solid var(--line);border-radius:16px;padding:16px 18px;margin-bottom:16px;text-align:left}.narrative-text{font-size:.92rem;line-height:1.62;color:var(--ink);font-weight:500}.meta-chips-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.chip{display:inline-flex;gap:6px;align-items:center;font-size:.72rem;font-weight:700;color:var(--sub);border:1px solid var(--line);border-radius:99px;padding:6px 13px;background:#fbfaf6}.identity-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:auto;padding-top:12px}.identity-actions .btn{margin-top:0}.btn-share{background:var(--ink);color:#fff}.btn-share:hover{background:var(--orange)}.rcard-intel{text-align:left}.score-spotlight-card{display:flex;align-items:center;gap:24px;background:#fbfaf6;border:1px solid var(--line);border-radius:22px;padding:24px;margin-bottom:22px}.gauge-container{position:relative;width:124px;height:124px;flex-shrink:0}.gauge-svg{width:100%;height:100%;transform:rotate(-90deg)}.gauge-track{fill:none;stroke:#efeae0;stroke-width:10}.gauge-progress{fill:none;stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset 1.3s cubic-bezier(.22,1,.36,1)}.gauge-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.gauge-val{font-family:Fraunces,Georgia,serif;font-size:2.2rem;font-weight:800;color:var(--ink)}.gauge-sub{font-size:.66rem;font-weight:800;color:var(--sub);margin-top:3px;letter-spacing:.06em}.score-narrative{flex:1}.tier-badge{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:800;letter-spacing:.08em;padding:4px 12px;border-radius:99px;border:1.5px solid currentColor;margin-bottom:8px}.score-headline{font-family:Fraunces,Georgia,serif;font-size:1.4rem;font-weight:800;color:var(--ink);margin-bottom:4px}.score-subtext{font-size:.84rem;line-height:1.52;color:var(--sub);margin-bottom:10px}.highlight-banner{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:800;color:var(--orange);background:#fdeee3;padding:5px 12px;border-radius:8px}.dimension-section{margin-bottom:22px}.section-title{display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin-bottom:14px}.stats-list{display:flex;flex-direction:column;gap:13px}.st-item{background:#fbfaf6;border:1px solid var(--line);border-radius:16px;padding:14px 18px;transition:border-color .2s}.st-item:hover{border-color:var(--gold)}.st-head{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;font-weight:700;margin-bottom:8px}.st-label{display:inline-flex;align-items:center;gap:8px;color:var(--ink)}.st-score{color:var(--sub);font-size:.82rem}.st-score b{color:var(--orange);font-size:1rem}.st-bar-track{height:10px;background:#efeae0;border-radius:99px;overflow:hidden}.st-bar-fill{height:100%;border-radius:99px;width:0;transition:width 1.2s cubic-bezier(.22,1,.36,1)}.st-caption{font-size:.72rem;font-weight:700;color:var(--sub);margin-top:6px}.insights-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}.insight-card{background:#fbfaf6;border:1px solid var(--line);border-radius:16px;padding:16px}.insight-header{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--ink);margin-bottom:8px}.insight-icon{width:26px;height:26px;border-radius:8px;display:grid;place-items:center}.insight-card p{font-size:.82rem;line-height:1.54;color:var(--sub);font-weight:600}.quest-achievements-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:10px}.tk{display:inline-flex;gap:8px;align-items:center;font-weight:800;font-size:.8rem;background:#0a2558;color:#fff;border-radius:99px;padding:9px 18px}.tk.alt{background:#fdeee3;color:var(--orange)}.certified-tk{background:#2f9e63;color:#fff}@media (max-width: 980px){.result-layout{grid-template-columns:1fr;gap:20px}.score-spotlight-card{flex-direction:column;text-align:center}.score-narrative{text-align:center}.insights-grid{grid-template-columns:1fr}}@media print{body{background:#fff}.deco,.hud,.foot,.identity-actions,.avatar-chooser-shelf,.ambient-glow{display:none!important}.wrap.wrap-result{max-width:100%;padding:0}.rcard{box-shadow:none!important;border:1px solid #ccc!important}}.foot{text-align:center;color:var(--sub);font-size:.68rem;margin-top:44px;letter-spacing:.08em;font-weight:700}.foot a{color:var(--sub);text-decoration:none;border-bottom:1px dotted var(--line)}.foot a:hover{color:var(--orange)}canvas.cf{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:80}.admin{min-height:100vh;background:var(--bg);position:relative;z-index:1}.admin-wrap{max-width:1200px;margin:0 auto;padding:24px 20px 80px}.abar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px 18px;box-shadow:var(--shadow);margin-bottom:24px}.abar .brand{font-family:Fraunces,Georgia,serif;font-weight:800;font-size:1.25rem}.abar .brand em{font-style:italic;color:var(--orange)}.abar .spacer{flex:1}.tabs{display:flex;gap:6px;background:#f1ede2;border-radius:99px;padding:4px;flex-wrap:wrap}.tabs button{border:none;background:transparent;font-family:inherit;font-weight:800;font-size:.78rem;padding:9px 16px;border-radius:99px;cursor:pointer;color:var(--sub);transition:all .16s}.tabs button.on{background:var(--ink);color:#fff}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 20px;box-shadow:var(--shadow)}.kpi .k{display:flex;align-items:center;gap:8px;font-size:.66rem;font-weight:800;letter-spacing:.12em;color:var(--sub);text-transform:uppercase}.kpi .v{font-family:Fraunces,Georgia,serif;font-size:2.1rem;font-weight:800;margin-top:8px;line-height:1}.kpi .n{font-size:.72rem;color:var(--sub);font-weight:600;margin-top:6px}.panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}.panel{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow)}.panel.full{grid-column:1 / -1}.panel h3{font-family:Fraunces,Georgia,serif;font-size:1.1rem;margin-bottom:4px}.panel .ph{font-size:.74rem;color:var(--sub);font-weight:600;margin-bottom:16px}.itembar{margin-bottom:14px}.itembar .txt{font-size:.8rem;font-weight:600;margin-bottom:6px;display:flex;justify-content:space-between;gap:12px}.itembar .txt b{color:var(--orange);font-weight:800;white-space:nowrap}.itembar .track{height:8px;background:#efeae0;border-radius:99px;overflow:hidden}.itembar .val{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--gold),var(--orange))}.tablewrap{overflow-x:auto;border-radius:14px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;font-size:.82rem;min-width:860px}th{text-align:left;padding:12px 14px;background:#fbfaf6;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sub);font-weight:800;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}th:hover{color:var(--orange)}td{padding:12px 14px;border-top:1px solid var(--line);font-weight:600;white-space:nowrap}tr:hover td{background:#fffdf8}.pill{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:800;border-radius:99px;padding:4px 10px;color:#fff}.iconbtn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:6px 8px;cursor:pointer;color:var(--sub);display:inline-grid;place-items:center}.iconbtn:hover{color:var(--red);border-color:var(--red)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.filters input,.filters select{width:auto;flex:1;min-width:160px;padding:11px 14px;font-size:.85rem;border-radius:12px}.pager{display:flex;align-items:center;gap:12px;justify-content:flex-end;margin-top:16px;font-size:.78rem;font-weight:700;color:var(--sub)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;z-index:1}.login-card{background:var(--card);border:1px solid var(--line);border-radius:26px;padding:38px 32px;width:100%;max-width:400px;box-shadow:0 30px 70px #0a255824}.login-card h2{font-family:Fraunces,Georgia,serif;font-size:1.7rem;margin:14px 0 6px}.login-card p.s{color:var(--sub);font-size:.85rem;margin-bottom:24px}.field{margin-bottom:16px}.empty{text-align:center;padding:60px 20px;color:var(--sub);font-weight:600}.spin{width:26px;height:26px;border:3px solid var(--line);border-top-color:var(--orange);border-radius:50%;margin:0 auto 14px;animation:sp .8s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}.recharts-cartesian-axis-tick text{font-size:11px;font-weight:700;fill:var(--sub)}@media (max-width: 520px){.lk .t{display:none}.likert{gap:6px}.hud .lv{display:none}.hud .pname{max-width:90px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}