*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:#f1f5f9;color:#0f172a}.hidden{display:none!important}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e3a8a,#0ea5e9)}.login-card{background:#fff;border-radius:16px;padding:28px;width:420px;max-width:92vw;box-shadow:0 20px 60px rgba(0,0,0,.3)}.brand{display:flex;gap:12px;align-items:center;margin-bottom:12px}.logo{background:#1e40af;color:#fff;font-weight:800;border-radius:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.brand h1{margin:0;font-size:22px}.brand p{margin:0;color:#64748b;font-size:12px}label{font-size:13px;font-weight:600}select,input,textarea{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:8px;margin:6px 0 12px}.row{display:flex;gap:8px}.btn{background:#e2e8f0;border:0;border-radius:8px;padding:10px 14px;cursor:pointer;font-weight:600}.btn.primary{background:#1d4ed8;color:#fff}.btn.sm{padding:6px 10px;font-size:13px}.btn.danger{background:#fee2e2;color:#b91c1c}.role-hints{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;font-size:12px;color:#475569}#app{display:flex;min-height:100vh}.sidebar{width:240px;background:#0f172a;color:#e2e8f0;padding:16px;display:flex;flex-direction:column;gap:12px}.brand.small .logo{width:36px;height:36px}#nav{display:flex;flex-direction:column;gap:6px}#nav button{text-align:left;background:transparent;color:#cbd5e1;border:0;padding:10px;border-radius:8px;cursor:pointer}#nav button.active,#nav button:hover{background:#1e40af;color:#fff}.side-foot{margin-top:auto;display:flex;flex-direction:column;gap:8px}main{flex:1;padding:0}.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#fff;border-bottom:1px solid #e2e8f0;gap:10px;flex-wrap:wrap}.top-actions{display:flex;gap:8px}.top-actions input{width:260px;margin:0}#view{padding:20px}.grid{display:grid;gap:14px}.g4{grid-template-columns:repeat(4,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 4px rgba(0,0,0,.08)}.kpi{font-size:28px;font-weight:800}.muted{color:#64748b;font-size:13px}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:700}.b-green{background:#dcfce7;color:#166534}.b-amber{background:#fef9c3;color:#854d0e}.b-red{background:#fee2e2;color:#991b1b}.b-blue{background:#dbeafe;color:#1e40af}table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}th,td{padding:10px;border-bottom:1px solid #eef2f7;text-align:left;font-size:14px}th{background:#f8fafc}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.filters select,.filters input{width:auto;margin:0;min-width:150px}.bar{height:10px;background:#e2e8f0;border-radius:6px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#1d4ed8,#0ea5e9)}.modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10}.modal-card{background:#fff;border-radius:12px;padding:0;width:640px;max-width:94vw;max-height:90vh;overflow:auto}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #e2e8f0}#modalBody{padding:18px}#toast{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px}.toast{background:#0f172a;color:#fff;padding:10px 14px;border-radius:8px}.logo-img{width:52px;height:52px;border-radius:12px;object-fit:cover;background:#fff;box-shadow:0 4px 12px rgba(30,64,175,.35)}.logo-img.sm{width:38px;height:38px;border-radius:9px}.brand.small small{display:block;color:#94a3b8;font-size:11px;letter-spacing:1px}
.auth-tabs{display:flex;gap:8px;margin-bottom:12px}.auth-tabs button{flex:1;padding:10px;border:0;border-radius:8px;background:#e2e8f0;font-weight:700;cursor:pointer}.auth-tabs button.active{background:#1d4ed8;color:#fff}
.login-err{background:#fee2e2;color:#991b1b;border-radius:8px;padding:8px 10px;font-size:13px;margin-bottom:10px}.pass-wrap{position:relative}.pass-wrap input{padding-right:40px}.pass-wrap .eye{position:absolute;right:6px;top:6px;background:transparent;border:0;cursor:pointer;font-size:16px}.captcha-row{display:flex;gap:8px;align-items:center;margin:6px 0}#captchaCanvas,#captchaCanvas2{border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc}.demo-box{background:#f1f5f9;border-radius:8px;padding:8px 10px;font-size:12px;color:#475569;margin-top:10px}.demo-box code{background:#e2e8f0;padding:1px 5px;border-radius:4px}
.divider{display:flex;align-items:center;gap:10px;margin:14px 0 10px;color:#94a3b8;font-size:12px}.divider::before,.divider::after{content:'';flex:1;height:1px;background:#e2e8f0}.google-btn{width:100%;background:#fff;border:1px solid #cbd5e1;display:flex;align-items:center;justify-content:center;gap:10px;padding:11px;transition:.15s}.google-btn:hover{background:#f8fafc;border-color:#94a3b8}#googleBox{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;padding:12px;margin-top:10px}#captchaCanvasG{border:1px solid #cbd5e1;border-radius:8px;background:#fff}
@media(max-width:900px){.g4,.g3,.g2{grid-template-columns:1fr}#app{flex-direction:column}.sidebar{width:100%}}.eval-wrap{max-width:950px;margin:0 auto}.eval-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,0.08)}.eval-sec{border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:16px;margin-bottom:18px}.eval-sec h4{margin:0 0 12px 0;font-size:16px;color:#0f172a}.eval-sec h4 .req{color:#dc2626}.ev-intro{margin:8px 0 14px 0;font-size:13px;color:#475569;line-height:1.5}.eval-field{margin-bottom:14px}.eval-field label{display:block;margin-bottom:6px;font-weight:600;font-size:14px;color:#334155}.eval-field input,.eval-field textarea{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;box-sizing:border-box}.eval-field textarea{resize:vertical;min-height:60px}.eval-field input.ev-miss{border-color:#dc2626}.ev-err{color:#dc2626;font-size:12px;margin-top:4px;display:none}.eval-rad{display:block;margin:6px 0;font-size:14px;cursor:pointer;color:#334155}.eval-rad input{margin-right:8px}.eval-rad-group{display:flex;flex-direction:column;gap:8px}.eval-item{margin-bottom:14px;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:6px}.eval-q{font-weight:600;margin-bottom:8px;color:#0f172a}.eval-scale{display:flex;gap:22px}.eval-scale-opt{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:13px;color:#475569;cursor:pointer}.eval-scale-opt input{margin:0}.eval-scale-opt small{font-size:11px;color:#64748b;text-align:center}.ev-scale-leg{font-size:13px;color:#334155;line-height:1.6;margin-bottom:14px}.eval-chk{display:flex;align-items:center;gap:8px;margin:16px 0;font-size:14px;color:#334155;cursor:pointer}.eval-actions{display:flex;gap:12px;margin-top:24px}.eval-actions .btn{padding:10px 24px}
.scf-page{min-height:100vh;background:linear-gradient(rgba(37,99,235,.35),rgba(30,58,138,.45)),url('./ISU.png') center/cover;color:#1e3a8a}.scf-topbar{display:flex;justify-content:space-between;align-items:center;padding:10px 22px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border-bottom:1px solid #dbeafe}.scf-top-left{display:flex;align-items:center;gap:10px;font-weight:800;color:#1e40af}.scf-mini-badge,.scf-hero-badge{background:#1d4ed8;color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center}.scf-mini-badge{width:32px;height:32px;font-size:18px}.scf-top-login{border:0;background:transparent;color:#1e40af;font-weight:700;cursor:pointer}.scf-hero{max-width:1150px;margin:0 auto;padding:44px 22px;display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:center;min-height:calc(100vh - 53px)}.scf-left h1{font-size:44px;line-height:1.05;margin:14px 0 8px;color:#1e3a8a}.scf-left h3{margin:0 0 8px;color:#1e40af;font-size:16px}.scf-sub{color:#334155;max-width:430px}.scf-hero-badge{width:64px;height:64px;font-size:34px;border:3px solid #fff;box-shadow:0 10px 30px rgba(30,58,138,.35)}.scf-features{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;max-width:520px}.scf-feat{background:rgba(255,255,255,.92);border:1px solid #dbeafe;border-radius:12px;padding:12px 8px;text-align:center;color:#1e40af}.scf-feat span{font-size:22px}.scf-feat small{font-weight:700}.scf-card{background:rgba(255,255,255,.96);border-radius:18px;padding:26px;box-shadow:0 24px 60px rgba(30,58,138,.35);text-align:center;color:#1e3a8a}.scf-avatar{width:54px;height:54px;border-radius:50%;background:#1d4ed8;color:#fff;font-size:28px;display:flex;align-items:center;justify-content:center;margin:0 auto}.scf-card h2{margin:10px 0 2px}.scf-field{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dbeafe;border-radius:10px;padding:0 10px;margin:8px 0}.scf-field input{border:0!important;margin:0!important;padding:12px 0!important;outline:none;background:transparent}.scf-icon{color:#1d4ed8}.scf-card .pass-wrap input{padding-right:36px!important}.scf-secure{background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;padding:10px;margin:8px 0;text-align:left;color:#1e40af}.scf-login-btn{width:100%;border:0;border-radius:10px;padding:13px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:800;cursor:pointer;margin-top:8px}.scf-card .auth-tabs{margin-top:12px}.scf-card label{display:block;text-align:left}.scf-card select,.scf-card textarea{text-align:left}@media(max-width:900px){.scf-hero{grid-template-columns:1fr}.scf-left h1{font-size:34px}.scf-features{grid-template-columns:repeat(2,1fr)}}
.scf-card .muted{color:#64748b;margin:0 0 8px}.scf-card #signupForm{text-align:left}.scf-card #signupForm h2{margin:6px 0 2px;text-align:center}
.scf-mini-logo{width:32px;height:32px;border-radius:8px;background:#fff}.scf-hero-logo{width:60px;height:60px;border-radius:16px;background:#fff;padding:5px;border:3px solid #fff;box-shadow:0 10px 30px rgba(30,58,138,.35)}
.scf-left{transform:translateY(-80px)}.scf-left h1{font-size:38px}.scf-right{display:flex;justify-content:center;align-items:flex-start}.scf-card{max-width:390px;width:100%;padding:18px 18px 16px;transform:scale(.96);transform-origin:top center}.scf-avatar{width:44px;height:44px;font-size:22px}.scf-card h2{font-size:21px;margin:8px 0 2px}
.scf-left h1{color:#fff;text-shadow:0 2px 18px rgba(15,23,42,.55)}.scf-left h3{color:#fff;text-shadow:0 1px 12px rgba(15,23,42,.55)}.scf-sub{color:#f1f5ff;text-shadow:0 1px 10px rgba(15,23,42,.5)}