*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f6fb;color:#222}.topbar{background:#24133f;color:#fff;padding:14px 22px;display:flex;justify-content:space-between;align-items:center}.topbar a{color:#fff;text-decoration:none;margin-left:14px}.container{max-width:1100px;margin:25px auto;padding:0 15px}.card{background:#fff;border-radius:14px;padding:20px;margin-bottom:18px;box-shadow:0 8px 24px rgba(0,0,0,.07)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.btn{display:inline-block;border:0;background:#673ab7;color:#fff;padding:11px 16px;border-radius:10px;text-decoration:none;cursor:pointer;font-weight:bold}.btn.secondary{background:#555}.btn.danger{background:#c62828}.btn.success{background:#198754}.input,textarea{width:100%;padding:11px;border:1px solid #ddd;border-radius:9px;margin:7px 0 14px}label{font-weight:bold}.alert{padding:12px 14px;border-radius:10px;margin-bottom:15px}.alert.ok{background:#e7f7ed;color:#146c2e}.alert.err{background:#fdeaea;color:#a32121}.muted{color:#777}.point-box{font-size:22px;font-weight:bold;color:#673ab7}.video-wrap video{width:100%;border-radius:14px;background:#000}.progress-box{margin-top:12px;background:#eee;border-radius:20px;overflow:hidden;height:18px}.progress-bar{height:18px;width:0;background:#673ab7;transition:.2s}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid #eee;text-align:left;padding:10px}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#eee;font-size:12px}.badge.green{background:#e7f7ed;color:#146c2e}.badge.red{background:#fdeaea;color:#a32121}@media(max-width:600px){.topbar{display:block}.topbar nav{margin-top:10px}.topbar a{display:inline-block;margin:4px 8px 4px 0}}