*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f6fa;color:#202733}.layout{display:flex;min-height:100vh}.sidebar{width:245px;background:#fff;border-right:1px solid #e8eaf0;padding:22px;position:sticky;top:0;height:100vh}.logo{max-width:185px;margin-bottom:20px}.user{font-weight:700;margin-bottom:15px}.sidebar a{display:block;padding:12px 14px;border-radius:12px;text-decoration:none;color:#343b4a;margin:5px 0}.sidebar a.active,.sidebar a:hover{background:#e51e2a;color:#fff}.main{flex:1;padding:28px}.card{background:#fff;border:1px solid #e8eaf0;border-radius:18px;padding:22px;margin-bottom:18px;box-shadow:0 8px 30px rgba(20,31,56,.04)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.stat{font-size:28px;font-weight:800;color:#e51e2a}.btn,button,input[type=submit]{background:#e51e2a;color:#fff;border:0;border-radius:10px;padding:10px 16px;cursor:pointer;text-decoration:none;display:inline-block}.btn.secondary{background:#222b3a}.btn.ghost{background:#f0f1f4;color:#222}input,select,textarea{width:100%;padding:11px;border:1px solid #d9dde7;border-radius:10px;background:#fff;margin:5px 0 13px}label{font-weight:700;font-size:14px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:12px;border-bottom:1px solid #edf0f5;text-align:left}th{background:#fafbfe}.alert{background:#e8fff1;border:1px solid #a8e7bf;color:#176333;padding:12px;border-radius:12px;margin-bottom:15px}.danger{background:#ffe8e8;color:#a40000}.login{max-width:430px;margin:60px auto}.word-hi{font-weight:800;color:#e51e2a;cursor:pointer}.word-vocab{border-bottom:2px dotted #e51e2a;cursor:pointer}.modal{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;align-items:center;justify-content:center}.modal .box{background:#fff;max-width:520px;padding:25px;border-radius:18px}.badge{padding:6px 10px;border-radius:20px;background:#f1f3f8;display:inline-block}.row-actions{display:flex;gap:8px;flex-wrap:wrap}
.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;align-items:end}.question-box{border:1px solid #edf0f5;border-radius:14px;padding:16px;margin:14px 0;background:#fbfcff}.option{display:block;font-weight:500;padding:9px 10px;margin:7px 0;border:1px solid #edf0f5;border-radius:10px}.option input{width:auto;margin-right:8px}.badge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.badge-card{border:1px solid #edf0f5;border-radius:16px;padding:16px;background:#fff;text-align:center}.badge-icon,.big-badge{font-size:34px}.profile-cover{background:linear-gradient(135deg,#fff,#f7f8fb);border:1px solid #e8eaf0;border-radius:22px;padding:28px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.profile-cover h2{margin:0 0 6px}.profile-cover p{margin:0;color:#596274}