@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");:root{--purple:#5b2d8e;--purple-light:#7b4db8;--purple-dark:#3d1d6a;--cyan:#00c9c8;--cyan-light:#33d4d4;--gradient:linear-gradient(135deg,#5b2d8e,#00c9c8);--gradient-soft:linear-gradient(135deg,#f5f0ff,#e0fafa);--bg:#f8f7fc;--surface:#fff;--border:#e8e3f0;--text:#1a1a2e;--text-muted:#6b7280;--shadow:0 4px 24px rgba(91,45,142,.1);--shadow-sm:0 2px 8px rgba(91,45,142,.08);--radius:14px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}body,html{font-size:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}.topbar{background:var(--gradient);padding:0 32px;height:64px;justify-content:space-between;position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;box-shadow:0 2px 16px rgba(91,45,142,.25)}.topbar,.topbar-brand{display:flex;align-items:center}.topbar-brand{gap:14px}.topbar-logo{height:44px;width:auto}.topbar-title{color:#fff;font-size:.88rem;font-weight:700;letter-spacing:-.3px}.topbar-subtitle{color:hsla(0,0%,100%,.7);font-size:.68rem;font-weight:500}.topbar-actions{display:flex;align-items:center;gap:12px}.topbar-user{color:hsla(0,0%,100%,.9);font-size:.82rem;font-weight:500}.btn-logout{background:hsla(0,0%,100%,.15);color:#fff;border:1px solid hsla(0,0%,100%,.3);border-radius:var(--radius-sm);padding:6px 14px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-logout:hover{background:hsla(0,0%,100%,.25)}.container{max-width:900px}.container,.container-wide{margin:0 auto;padding:96px 24px 60px}.container-wide{max-width:1200px}.page-header{margin-bottom:28px}.page-header h1{font-size:1.25rem;font-weight:800;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}.page-header p{color:var(--text-muted);font-size:.82rem}.section-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:28px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.section-card h2{font-size:.85rem;font-weight:700;color:var(--purple);margin-bottom:20px;display:flex;align-items:center;gap:8px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:.82rem;font-weight:600;color:var(--text);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.form-input,.form-select,.form-textarea{width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.82rem;font-family:inherit;color:var(--text);background:#fafafa;transition:border-color .2s,box-shadow .2s;outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(91,45,142,.1);background:#fff}.form-textarea{resize:vertical;min-height:100px}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:600px){.grid-2{grid-template-columns:1fr}}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:768px){.grid-3{grid-template-columns:1fr 1fr}}@media (max-width:480px){.grid-3{grid-template-columns:1fr}}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:10px;gap:10px}.checkbox-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:500;transition:all .15s;background:#fafafa;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-item:hover{border-color:var(--purple-light);background:#f9f5ff}.checkbox-item.selected{border-color:var(--purple);background:#f5f0ff;color:var(--purple);font-weight:600}.checkbox-item input[type=checkbox]{accent-color:var(--purple);width:16px;height:16px;flex-shrink:0}.btn-primary{width:100%;padding:14px;background:var(--gradient);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.85rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .1s;letter-spacing:.3px}.btn-primary:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:11px 20px;background:#fff;color:var(--purple);border:1.5px solid var(--purple);border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.btn-secondary:hover{background:#f5f0ff}.btn-danger{padding:8px 16px;background:#fee2e2;color:#dc2626;border:1.5px solid #fca5a5;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-danger:hover{background:#fecaca}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;margin-bottom:16px}.alert-success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.alert-info{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.alert-warning{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-purple{background:#f5f0ff;color:var(--purple);border:1px solid #d8c8f0}.badge-cyan{background:#e0fafa;color:#0e7490;border:1px solid #a5f3fc}.badge-green{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.badge-red{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.badge-yellow{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.badge-gray{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.stat-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:20px 24px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:6px}.stat-value{font-size:1.6rem;font-weight:800;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.8rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.table-wrapper{overflow-x:auto;border-radius:var(--radius-sm);border:1px solid var(--border)}table{width:100%;border-collapse:collapse;font-size:.85rem}thead{background:var(--gradient-soft)}th{text-align:left;font-size:.75rem;font-weight:700;color:var(--purple);text-transform:uppercase;letter-spacing:.5px;border-bottom:1.5px solid var(--border)}td,th{padding:12px 16px}td{border-bottom:1px solid var(--border);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:#fafafa}.ninebox-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4px;gap:4px;border:2px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.ninebox-cell{padding:14px 10px;text-align:center;font-size:.75rem;font-weight:600;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:transform .15s}.ninebox-cell:hover{transform:scale(1.02);z-index:1}.ninebox-cell.active{border:2px solid var(--purple);box-shadow:0 0 0 3px rgba(91,45,142,.2)}.ninebox-cell .cell-name{font-size:.65rem;color:rgba(0,0,0,.6)}.score-bar-wrap{display:flex;align-items:center;gap:12px}.score-bar-track{flex:1 1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.score-bar-fill{height:100%;border-radius:4px;background:var(--gradient);transition:width .6s ease}.score-bar-label{font-size:.8rem;font-weight:700;color:var(--purple);min-width:36px;text-align:right}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gradient);padding:20px}.login-card{background:#fff;border-radius:20px;padding:48px 40px;width:100%;max-width:420px;box-shadow:0 20px 60px rgba(91,45,142,.25)}.login-logo{text-align:center;margin-bottom:8px}.login-logo img{height:90px;width:auto;max-width:220px}.login-title{text-align:center;font-size:1.1rem;font-weight:800;color:var(--purple);margin-bottom:4px}.login-subtitle{text-align:center;font-size:.82rem;color:var(--text-muted);margin-bottom:32px}.admin-nav{background:#fff;border-bottom:1px solid var(--border);padding:0 32px;display:flex;gap:4px;overflow-x:auto}.admin-nav-item{padding:14px 16px;font-size:.83rem;font-weight:600;color:var(--text-muted);text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap;transition:all .2s;display:flex;align-items:center;gap:6px}.admin-nav-item:hover{color:var(--purple)}.admin-nav-item.active{color:var(--purple);border-bottom-color:var(--purple)}.result-hero{background:var(--gradient);border-radius:var(--radius);padding:32px;color:#fff;margin-bottom:24px;position:relative;overflow:hidden}.result-hero:before{content:"";position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:hsla(0,0%,100%,.08);border-radius:50%}.result-hero h2{font-size:1.1rem;font-weight:800;margin-bottom:6px}.result-hero p{opacity:.85;font-size:.88rem}.divider{height:1px;background:var(--border);margin:20px 0}.text-muted{color:var(--text-muted);font-size:.85rem}.text-center{text-align:center}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:600px){.form-grid{grid-template-columns:1fr}}.section-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.section-title h2{font-size:.95rem;font-weight:700;color:var(--purple);margin-bottom:2px}.section-icon{font-size:1.4rem;line-height:1;flex-shrink:0;margin-top:2px}.btn-outline{padding:10px 20px;background:#fff;color:var(--purple);border:1.5px solid var(--purple);border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-outline:hover{background:#f5f0ff}@keyframes pulse-green{0%,to{box-shadow:0 0 0 3px rgba(16,185,129,.25)}50%{box-shadow:0 0 0 6px rgba(16,185,129,.1)}}