.student-video-report-page{
    min-height:560px;
    padding:52px 18px 72px;
    background:radial-gradient(circle at 83% 18%,rgba(255,192,0,.13),transparent 260px),#f6f8fb;
    box-sizing:border-box;
    color:#263147;
    direction:rtl
}
.student-video-report-card{
    width:min(100%,660px);
    margin:0 auto;
    padding:30px 34px 32px;
    box-sizing:border-box;
    border:1px solid #e3e8f0;
    border-radius:20px;
    background:#fff;
    box-shadow:0 18px 48px rgba(38,49,71,.07)
}
.student-video-report-header{margin-bottom:23px}
.student-video-report-kicker{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-bottom:7px;
    color:#9c7410;
    font-size:11px;
    font-weight:700
}
.student-video-report-kicker::before{content:"";width:6px;height:6px;border-radius:50%;background:#ffc000}
.student-video-report-header h1{margin:0;color:#263147;font-size:22px;font-weight:850;line-height:1.7}
.student-video-report-video-title{
    display:inline-block;
    margin:9px 0 0;
    padding:5px 10px;
    border-radius:8px;
    background:#fff8df;
    color:#775a0d;
    font-size:11px;
    line-height:1.8
}
.student-video-report-intro{max-width:580px;margin:14px 0 0;color:#697488;font-size:12px;line-height:2}
.student-video-report-alert{
    margin:0 0 16px;
    padding:11px 13px;
    border:1px solid #efcaca;
    border-radius:10px;
    background:#fff6f6;
    color:#9c3535;
    font-size:11px;
    line-height:1.9
}
.student-video-report-form{display:grid;gap:15px}
.student-video-report-field{display:grid;gap:6px;margin:0}
.student-video-report-field>span{color:#394359;font-size:11px;font-weight:700;line-height:1.8}
.student-video-report-field>span small{color:#939baa;font-size:9px;font-weight:500}
.student-video-report-field>small{color:#98a1b0;font-size:9px;text-align:left}
.student-video-report-field input,
.student-video-report-field select,
.student-video-report-field textarea{
    width:100%;
    box-sizing:border-box;
    border:1px solid #dce2eb;
    border-radius:10px;
    outline:none;
    background:#fbfcfe;
    color:#303a4e;
    font:11px/1.8 Vazirmatn,Tahoma,sans-serif;
    transition:border-color .18s ease,box-shadow .18s ease,background .18s ease
}
.student-video-report-field input,
.student-video-report-field select{height:42px;padding:7px 11px}
.student-video-report-field textarea{min-height:108px;padding:10px 11px;resize:vertical}
.student-video-report-field input:focus,
.student-video-report-field select:focus,
.student-video-report-field textarea:focus{border-color:#d9aa1b;background:#fff;box-shadow:0 0 0 3px rgba(255,192,0,.13)}
.student-video-report-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:3px}
.student-video-report-actions a,
.student-video-report-actions button{
    display:inline-flex;
    min-height:39px;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    border-radius:9px;
    font:700 11px Vazirmatn,Tahoma,sans-serif;
    text-decoration:none
}
.student-video-report-actions a{padding:8px 13px;color:#798396}
.student-video-report-actions button{
    min-width:142px;
    padding:8px 18px;
    border:0;
    background:#ffc000;
    color:#1e2635;
    cursor:pointer;
    box-shadow:0 7px 16px rgba(219,162,0,.18)
}
.student-video-report-actions button:hover{background:#f4b900}
.student-video-report-actions button:disabled{cursor:wait;opacity:.72}
.student-video-report-success{
    width:min(calc(100% - 32px),430px);
    padding:31px 30px 27px;
    box-sizing:border-box;
    border:0;
    border-radius:20px;
    background:#fff;
    color:#283248;
    text-align:center;
    box-shadow:0 28px 80px rgba(20,28,43,.24)
}
.student-video-report-success::backdrop{background:rgba(22,30,43,.58);backdrop-filter:blur(3px)}
.student-video-report-success-icon{
    display:grid;
    width:52px;
    height:52px;
    margin:0 auto 13px;
    place-items:center;
    border-radius:50%;
    background:#fff4c9;
    color:#8d6907;
    font-size:24px;
    font-weight:900
}
.student-video-report-success h2{margin:0 0 8px;font-size:19px;line-height:1.7}
.student-video-report-success p{margin:0;color:#6c7688;font-size:11px;line-height:2}
.student-video-report-success button{
    min-width:135px;
    margin-top:20px;
    padding:9px 17px;
    border:0;
    border-radius:9px;
    background:#ffc000;
    color:#202839;
    cursor:pointer;
    font:700 11px Vazirmatn,Tahoma,sans-serif
}
@media(max-width:640px){
    .student-video-report-page{min-height:500px;padding:28px 12px 48px}
    .student-video-report-card{padding:23px 17px 25px;border-radius:16px}
    .student-video-report-header h1{font-size:19px}
    .student-video-report-intro{font-size:11px}
    .student-video-report-actions{justify-content:space-between}
    .student-video-report-success{padding:27px 20px 24px}
}