@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#f7f8fa;--bg-secondary:#fff;--bg-tertiary:#eef1f4;--surface:#fff;--surface-hover:#f3f5f7;--surface-active:#eceff2;--border:#d9dee5;--border-color:#d9dee5;--border-light:#c8d0d8;--text-primary:#2f3337;--text-secondary:#5f666e;--text-muted:#8a929b;--accent:#ff5a1f;--accent-secondary:#73777d;--accent-gradient:linear-gradient(135deg, #ff5a1f, #ff8a3d);--success:#1f9d63;--warning:#f2a51a;--danger:#d94444;--card-bg:#fff;--card-border:#dfe4ea;--card-shadow:0 12px 28px #292f3614;--glass-blur:12px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--font-family:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);background:linear-gradient(135deg, #fff 0%, var(--bg-primary) 55%, #eef1f4 100%);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-secondary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c8d0d8;border-radius:3px}.page-container{width:100%;max-width:1200px;margin:0 auto;padding:2rem 1.5rem;animation:.3s ease-out fadeIn}.page-title{background:linear-gradient(135deg, var(--accent), #74777c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:700}.page-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:1rem}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:none;box-shadow:var(--card-shadow);transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);padding:1.5rem}.card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:0 16px 36px #292f361f}.card-static{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:none;box-shadow:var(--card-shadow);padding:1.5rem}.btn{border-radius:var(--radius-md);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 14px #ff5a1f3d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ff5a1f4d}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--accent)}.btn-danger{color:var(--danger);background:#ff525226;border:1px solid #ff52524d}.btn-danger:hover{background:#ff525240}.btn-sm{padding:.45rem 1rem;font-size:.8rem}.btn-lg{padding:.9rem 2rem;font-size:1rem}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.input,.select,.textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-family);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.75rem 1rem;font-size:.95rem}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff5a1f24}.input::placeholder{color:var(--text-muted)}.select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23a0a3bd' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}.select option{color:var(--text-primary);background:#fff}label{color:var(--text-secondary);margin-bottom:.4rem;font-size:.85rem;font-weight:500;display:block}.form-group{margin-bottom:1.25rem}.badge{letter-spacing:.03em;border-radius:99px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:var(--success);background:#00e67626}.badge-danger{color:var(--danger);background:#ff525226}.badge-info{color:var(--accent);background:#ff5a1f1f}.badge-warning{color:var(--warning);background:#ffab4026}.table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--card-border);overflow-x:auto}table{border-collapse:collapse;width:100%}thead{background:#f3f5f7}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:.85rem 1rem;font-size:.8rem;font-weight:600}td{border-bottom:1px solid var(--border);padding:.85rem 1rem;font-size:.9rem}tbody tr{transition:background var(--transition-fast)}tbody tr:hover{background:var(--surface)}tbody tr:last-child td{border-bottom:none}.progress-bar{background:var(--surface);border-radius:99px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:var(--accent-gradient);height:100%;transition:width var(--transition-normal);border-radius:99px}.lang-selector{gap:.5rem;display:flex}.lang-btn{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:.5rem 1rem;font-size:.85rem}.lang-btn:hover{border-color:var(--accent);color:var(--text-primary)}.lang-btn.active{border-color:var(--accent);color:var(--accent);background:#ff5a1f1f}.option-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.option-card:hover{background:var(--surface-hover);border-color:var(--border-light)}.option-card.selected{border-color:var(--accent);background:#ff5a1f14}.option-card.correct{border-color:var(--success);background:#00e67614}.option-card.wrong{border-color:var(--danger);background:#ff525214}.option-marker{background:var(--surface);border:2px solid var(--border-light);width:36px;height:36px;transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex}.option-card.selected .option-marker{background:var(--accent);border-color:var(--accent);color:#fff}.option-card.correct .option-marker{background:var(--success);border-color:var(--success);color:#fff}.option-card.wrong .option-marker{background:var(--danger);border-color:var(--danger);color:#fff}.option-text{font-size:.95rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-card{text-align:center;padding:1.5rem}.stat-value{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:.3rem;font-size:.82rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;display:grid}.grid-3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.empty-state{text-align:center;color:var(--text-muted);padding:4rem 2rem}.empty-state-icon{opacity:.5;margin-bottom:1rem;font-size:3rem}.empty-state h3{color:var(--text-secondary);margin-bottom:.5rem;font-size:1.2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.will-change-transform{will-change:transform, opacity}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.animate-fade-in{animation:.4s fadeIn}.animate-slide-in{animation:.4s slideInRight}.upload-area{border:2px dashed var(--border-light);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--transition-normal);padding:3rem 2rem}.upload-area:hover{border-color:var(--accent);background:#ff5a1f0a}.upload-area.dragging{border-color:var(--accent);background:#ff5a1f14}.upload-icon{opacity:.6;margin-bottom:.75rem;font-size:2.5rem}.result-circle{border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:180px;height:180px;margin:0 auto 2rem;display:flex;position:relative}.result-circle:before{content:"";background:var(--accent-gradient);-webkit-mask-composite:xor;border-radius:50%;padding:3px;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.result-circle.passed:before{background:linear-gradient(135deg,#00e676,#00d4ff)}.result-circle.failed:before{background:linear-gradient(135deg,#ff5252,#ffab40)}.result-score{font-size:3rem;font-weight:700}.result-label{color:var(--text-muted);font-size:.85rem}.filter-bar{flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.filter-bar .form-group{min-width:180px;margin-bottom:0}.doc-card{align-items:center;gap:1rem;padding:1.25rem;display:flex}.doc-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;display:flex}.doc-icon.ppt{background:#ff572226}.doc-icon.pdf{background:#f4433626}.doc-icon.mp3{background:#00e67626}.doc-icon.mp4{background:#00d4ff26}.doc-info h4{margin-bottom:.2rem;font-size:.95rem}.doc-info p{color:var(--text-muted);font-size:.8rem}@media (width<=768px){.page-container{padding:1.25rem 1rem}.page-title{font-size:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{grid-template-columns:1fr}.filter-bar{flex-direction:column}.filter-bar .form-group{width:100%}}.navbar{-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border);z-index:100;background:#fffffff0;position:sticky;top:0;box-shadow:0 8px 24px #292f360f}.navbar-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1400px;height:60px;margin:0 auto;padding:0 1.5rem;display:flex}.navbar-brand{flex-shrink:0;align-items:center;text-decoration:none;display:flex}.brand-icon{font-size:1.5rem}.brand-logo{object-fit:contain;width:132px;height:auto;display:block}.brand-text{color:var(--text-secondary);letter-spacing:.02em;font-size:.85rem;font-weight:700}.navbar-links{flex:1;gap:.15rem;min-width:0;display:flex;overflow-x:auto}.nav-link{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:.35rem;padding:.45rem .65rem;font-size:.8rem;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{color:var(--text-primary);background:var(--surface)}.nav-link.active{color:var(--accent);background:#ff5a1f1a}.nav-icon{font-size:.9rem}.navbar-right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.lang-switch{background:var(--surface);border-radius:var(--radius-md);gap:.15rem;padding:.15rem;display:flex}.lang-btn-mini{border-radius:var(--radius-sm);cursor:pointer;width:30px;height:26px;transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:.85rem;display:flex}.lang-btn-mini:hover{background:var(--surface-hover)}.lang-btn-mini.active{color:var(--accent);background:#ff5a1f24}.user-section{align-items:center;gap:.5rem;display:flex}.user-avatar{background:var(--accent-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;font-weight:700;display:flex}.user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.8rem;font-weight:500;overflow:hidden}@media (width<=768px){.navbar-inner{gap:.3rem;padding:0 .5rem}.nav-label,.user-name,.user-dept,.brand-text{display:none}.brand-logo{width:100px}.nav-link{padding:.4rem}}