.koe-wrap{max-width:1100px;margin:30px auto;padding:0 15px;font-family:Arial,sans-serif;color:#172033}.koe-narrow{max-width:650px}.koe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.koe-card,.koe-panel,.koe-result{border:1px solid #dce3ef;border-radius:12px;padding:20px;background:#fff;box-shadow:0 3px 14px rgba(0,0,0,.05);margin-bottom:16px}.koe-card h3{margin-top:0}.koe-meta{font-size:14px;color:#667085;margin:8px 0}.koe-btn{display:inline-block;border:0;border-radius:8px;padding:11px 17px;background:#1769e0;color:#fff!important;text-decoration:none;cursor:pointer;margin-top:8px}.koe-btn.secondary{background:#4b5563}.koe-form label,.koe-admin-form label{display:block;font-weight:600;margin:12px 0}.koe-form input,.koe-form select,.koe-form textarea,.koe-admin-form input,.koe-admin-form select,.koe-admin-form textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid #ccd5e2;border-radius:7px;margin-top:6px;background:#fff}.koe-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.koe-notice,.koe-success,.koe-error{padding:13px;border-radius:8px;margin:12px 0;background:#eef5ff}.koe-success{background:#ecfdf3;color:#146c43}.koe-error{background:#fff0f0;color:#a61b1b}.koe-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.koe-badge{display:inline-block;padding:8px 10px;border-radius:20px;background:#eef2ff}.koe-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.koe-stats div{background:#f6f8fb;border-radius:9px;padding:14px;text-align:center}.koe-stats strong{display:block;font-size:22px;margin-top:5px}.koe-exam{max-width:900px;margin:0 auto;padding:20px;font-family:Arial}.koe-examtop{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid #ddd;padding:12px;display:flex;justify-content:space-between;align-items:center}.koe-timer{font-size:24px;font-weight:700;color:#c62828}.koe-question{border:1px solid #ddd;border-radius:10px;padding:18px;margin:16px 0}.qtitle{font-size:17px;margin-bottom:12px}.qtitle span{float:right;color:#666;font-size:13px}.koe-option{display:block;padding:11px;border:1px solid #e1e6ef;border-radius:7px;margin:8px 0;cursor:pointer}.koe-admin-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;max-width:1100px}.koe-admin-stat{background:#fff;border:1px solid #ddd;padding:18px;border-radius:10px}.koe-admin-stat span{display:block;color:#667085}.koe-admin-stat strong{font-size:25px;display:block;margin-top:8px}.koe-admin-form{max-width:900px;background:#fff;border:1px solid #ddd;padding:18px;border-radius:10px}.koe-admin-form label{max-width:650px}@media(max-width:700px){.koe-2,.koe-stats,.koe-admin-grid{grid-template-columns:1fr}.koe-head{display:block}.koe-exam{padding:8px}.qtitle span{float:none;display:block;margin-top:5px}}