/* V12.30: Super Admin markaz amallari har bir brauzerda aniq ko‘rinsin. */
.center-row-actions .center-edit{background:#eff6ff!important;color:#1d4ed8!important;border-color:#bfdbfe!important}
.center-row-actions .center-toggle.danger-action-btn,.center-row-actions .center-delete.danger-action-btn{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important}
.center-row-actions .center-toggle:not(.danger-action-btn){background:#ecfdf5!important;color:#047857!important;border-color:#a7f3d0!important}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:Arial,sans-serif;
}

body{
    display:flex;
    background:#eaf6ff;
}

.sidebar{
    width:250px;
    height:100vh;
    background:#0f172a;
    padding:20px;
}

.sidebar h2{
    color:white;
    margin-bottom:30px;
}

.sidebar a{
    display:block;
    color:white;
    text-decoration:none;
    padding:12px;
    margin:10px 0;
    background:#1e293b;
    border-radius:8px;
}

.sidebar a:hover{
    background:#2563eb;
}

.content{
    flex:1;
    padding:30px;
}

.card{
    background:white;
    padding:20px;
    border-radius:10px;
    width:400px;
    margin-top:20px;
    box-shadow:0 0 10px rgba(0,0,0,.1);
}

button{
    margin-top:15px;
    padding:10px 20px;
    background:#2563eb;
    color:white;
    border:none;
    border-radius:6px;
    cursor:pointer;
}

button:hover{
    background:#1d4ed8;
}
.login-container{
    width:350px;
    background:white;
    padding:30px;
    margin:100px auto;
    border-radius:10px;
    box-shadow:0 0 15px rgba(0,0,0,.2);
    text-align:center;
}

.login-container input{
    width:100%;
    padding:12px;
    margin:10px 0;
    border:1px solid #ccc;
    border-radius:6px;
    font-size:16px;
}

.login-container button{
    width:100%;
}
.unified-recovery-link{
    display:inline-block;
    margin-top:14px;
    color:#2563eb;
    font-size:14px;
    font-weight:700;
    text-decoration:none;
}
.unified-recovery-link:hover{text-decoration:underline}
@media(max-width:480px){
    body:has(>.login-container){display:block;min-height:100vh;padding:18px;background:#eaf6ff}
    .login-container{width:100%;max-width:380px;margin:10vh auto 0;padding:24px 18px}
}
.password-box{
    position:relative;
    width:100%;
}

.password-box input{
    width:100%;
    padding-right:45px;
    box-sizing:border-box;
}

.togglePassword{
    position:absolute;
    right:12px;
    top:50%;
    transform:translateY(-50%);
    cursor:pointer;
    user-select:none;
    font-size:20px;
}
.super-layout{
    display:flex;
    min-height:100vh;
}

.super-sidebar{
    width:250px;
    background:#1f2937;
    color:white;
    padding:20px;
}

.super-sidebar h2{
    margin-bottom:25px;
}

.super-sidebar a{
    display:block;
    color:white;
    text-decoration:none;
    padding:12px;
    border-radius:8px;
    margin-bottom:8px;
}

.super-sidebar a:hover{
    background:#374151;
}

.super-content{
    flex:1;
    padding:30px;
    background:#eef6fb;
}

.card{
    background:white;
    border-radius:12px;
    padding:20px;
    margin-bottom:20px;
    box-shadow:0 3px 10px rgba(0,0,0,.1);
}

.dashboard-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:20px;
    margin-top:20px;
}

.stat-card{
    background:#fff;
    padding:20px;
    border-radius:12px;
    box-shadow:0 2px 10px rgba(0,0,0,.1);
    text-align:center;
}

.stat-card h3{
    margin-bottom:10px;
    color:#444;
}

.stat-card h1{
    font-size:38px;
    color:#2563eb;
}

.welcome-card{
    width: 96%;
    height: 220px;
    margin: 30px auto;

    background: linear-gradient(135deg,#d9ecff,#cfe4ff,#bdd8ff);

    border-radius: 22px;
    box-shadow: 0 12px 25px rgba(0,0,0,.12);

    display:flex;
    justify-content:center;
    align-items:center;
}

.welcome-content{
    width:100%;
    text-align:center;
}

.welcome-content h1{
    font-size:52px;
    color:#2563eb;
    margin-bottom:10px;
}

.welcome-content h2{
    font-size:42px;
    color:#1e293b;
    margin:8px 0;
}

.welcome-content h3{
    font-size:28px;
    color:#475569;
    font-weight:500;
    margin:12px 0;
}

.welcome-content p{
    font-size:22px;
    color:#334155;
    margin-top:12px;
}

.stats-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:20px;
    margin:30px;
}

.stat-card{
    background:#ffffff;
    border-radius:18px;
    padding:25px;
    text-align:center;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
    transition:.3s;
}

.stat-card:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 30px rgba(0,0,0,.15);
}

.stat-card h2{
    font-size:42px;
    color:#2563eb;
    margin-bottom:10px;
}

.stat-card p{
    font-size:18px;
    color:#555;
    font-weight:600;
}

#question{
    width:100%;
    min-height:120px;
    margin-bottom:15px;
}

.answerRow{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-bottom:10px;
}

.answerLabel{
    width:25px;
    font-weight:bold;
    padding-top:10px;
}

.answerBox{
    width:100%;
    min-height:45px;
    padding:8px 12px;
    border:1px solid #d0d0d0;
    border-radius:8px;
    resize:none;
    box-sizing:border-box;
}

#correctAnswer{
    width:80px;
    margin:10px 0 15px;
}

#saveBar{
    position: sticky;
    top: 10px;
    z-index: 1000;
    background: #eef4ff;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 15px;
}

#saveBar button{
    background:#2563eb;
    color:white;
    border:none;
    padding:10px 18px;
    border-radius:8px;
    cursor:pointer;
    font-weight:bold;
}

/* ===== Reading View ===== */

.reading-page{
    width: min(900px, 95%);
    margin: 30px auto;
    background: #fff;
    padding: 50px 70px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,.12);
    font-family: "Times New Roman", serif;
    line-height: 1.8;
    font-size: 24px;
}

.reading-page h1{
    text-align:center;
    margin-bottom:35px;
    font-size:42px;
}

.reading-page input{
    width:120px;
    text-align:center;
    border:none;
    border-bottom:2px solid #000;
    font-size:22px;
    font-family:inherit;
    background:transparent;
}

.reading-toolbar{
    width:min(900px,95%);
    margin:20px auto;
    display:flex;
    justify-content:flex-end;
    gap:10px;
}

.reading-toolbar button{
    width:42px;
    height:42px;
    font-size:22px;
    cursor:pointer;
}


/* ==============================
   READING TEST — PDF KO‘RINISHI
============================== */

.reading-wrapper {
    width: 100%;
    min-height: 100vh;
    padding: 20px;
    background: #eef1f5;
    box-sizing: border-box;
    overflow: auto;
}

.reading-toolbar {
    width: min(1000px, 96%);
    margin: 0 auto 15px;
    padding: 10px 15px;
    background: white;
    border-radius: 10px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    box-sizing: border-box;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
}

.reading-toolbar button {
    width: 44px;
    height: 40px;
    padding: 0;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
}

#zoomValue {
    min-width: 58px;
    text-align: center;
    font-weight: bold;
}

.reading-paper {
    width: min(1000px, 96%);
    margin: 0 auto;
    padding: 55px 75px;
    background: #fffdf8;
    color: #111;
    border-radius: 6px;
    box-shadow: 0 5px 22px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    transform-origin: top center;
}

.reading-test-name {
    text-align: center;
    margin: 0 0 35px;
    font-family: Arial, sans-serif;
    font-size: 1.4em;
}

.reading-passage {
    white-space: pre-wrap;
    font-family: "Times New Roman", serif;
    font-size: 1.45em;
    line-height: 1.65;
    text-align: left;
    max-width: 850px;
    margin: 0 auto;
}

.reading-passage span {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    margin: 0 5px !important;
    white-space: nowrap;
}

.reading-passage input {
    width: 130px !important;
    padding: 3px 5px !important;
    border: none;
    border-bottom: 2px solid #222;
    background: transparent;
    font-family: "Times New Roman", serif;
    font-size: 1em;
    text-align: center;
    outline: none;
}

.reading-passage input:focus {
    border-bottom-color: #365ee8;
}

.reading-submit-area {
    margin-top: 40px;
    text-align: center;
}

.reading-submit-area button {
    padding: 12px 30px;
    font-size: 17px;
    cursor: pointer;
}

.reading-wrapper:fullscreen {
    background: #e8ebef;
    overflow: auto;
    padding: 25px;
}

/* Telefon va kichik ekran */
@media (max-width: 700px) {
    .reading-wrapper {
        padding: 8px;
    }

    .reading-paper {
        width: 100%;
        padding: 28px 20px;
    }

    .reading-passage {
        font-size: 1.15em;
        line-height: 1.55;
    }

    .reading-passage input {
        width: 90px !important;
    }

    .reading-toolbar {
        width: 100%;
    }
}

/* =================================================
   READING TEST — TO‘LIQ EKRAN VA PDF KO‘RINISHI
================================================= */

#quizBox.reading-mode {
    position: fixed;
    inset: 0;
    z-index: 99999;

    display: block !important;

    width: 100vw !important;
    max-width: none !important;
    min-height: 100vh;

    margin: 0 !important;
    padding: 0 !important;

    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    background: #f5f6f8;
    overflow: auto;
}

#quizBox.reading-mode .reading-wrapper {
    width: 100%;
    min-height: 100vh;
    padding: 0 24px 45px;
    box-sizing: border-box;
    background: #f5f6f8;
}

/* Yuqoridagi boshqaruv paneli */

#quizBox.reading-mode .reading-topbar {
    position: sticky;
    top: 0;
    z-index: 20;

    width: calc(100% + 48px);
    min-height: 72px;
    margin-left: -24px;
    padding: 10px 24px;

    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 20px;

    box-sizing: border-box;
    background: #ffffff;
    border-bottom: 1px solid #dddddd;
}

.reading-topbar-left {
    justify-self: start;
}

.reading-topbar-title {
    justify-self: center;
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 22px;
}

#readingBackBtn {
    padding: 11px 18px;
    background: white;
    color: #222;
    border: 1px solid #d2d6dc;
    border-radius: 8px;
    font-size: 15px;
    cursor: pointer;
}

#quizBox.reading-mode .reading-toolbar {
    justify-self: end;

    width: auto;
    margin: 0;
    padding: 0;

    display: flex;
    align-items: center;
    gap: 12px;

    background: transparent;
    box-shadow: none;
}

#quizBox.reading-mode .reading-toolbar button {
    width: 44px;
    height: 44px;
    padding: 0;

    background: white;
    color: #222;
    border: 1px solid #d2d6dc;
    border-radius: 8px;

    font-size: 23px;
    cursor: pointer;
}

#zoomValue {
    min-width: 58px;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
}

/* O‘rtadagi katta qog‘oz */

#quizBox.reading-mode .reading-paper {
    display: block;

    width: min(1000px, calc(100vw - 60px)) !important;
    max-width: 1000px !important;
    min-height: 650px;

    margin: 28px auto 0 !important;
    padding: 42px 64px 50px !important;

    box-sizing: border-box;
    background: #fffefa;
    border-radius: 2px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.13);

    color: #111;
    transform-origin: top center;
}

.reading-passage-title {
    margin: 0 0 25px;
    text-align: center;

    font-family: "Times New Roman", serif;
    font-size: 34px;
    line-height: 1.2;
}

#quizBox.reading-mode .reading-passage {
    display: block;

    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;

    white-space: pre-wrap;
    text-align: left;

    font-family: "Times New Roman", serif;
    font-size: 25px;
    line-height: 1.48;
    word-spacing: normal;
}

/* Matn ichidagi raqam va chiziq */

.reading-inline-gap {
    display: inline-flex !important;
    align-items: flex-end;
    gap: 8px;

    margin: 0 5px !important;
    white-space: nowrap;
    vertical-align: baseline;
}

.reading-blank-line {
    display: inline-block;
    width: 125px;
    height: 1em;
    border-bottom: 2px solid #555;
}

/* Pastdagi javoblar qismi */

.reading-divider {
    margin: 32px 0 20px;
    border: none;
    border-top: 1px solid #dedede;
}

.reading-answers-section {
    text-align: center;
}

.reading-answers-section h2 {
    margin: 0 0 15px;
    font-family: "Times New Roman", serif;
    font-size: 25px;
}

.reading-answers-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(90px, 1fr));
    gap: 20px;

    width: 100%;
    margin: 0 auto 22px;
}

.reading-answer-item {
    display: flex;
    flex-direction: column;
    gap: 8px;

    font-family: Arial, sans-serif;
    font-size: 16px;
}

#quizBox.reading-mode .reading-answer-item input {
    display: block;
    width: 100% !important;
    height: 38px;
    padding: 5px 8px !important;

    box-sizing: border-box;
    background: white;
    border: 1px solid #cbd0d7;
    border-radius: 5px;

    font-family: Arial, sans-serif;
    font-size: 17px;
    text-align: center;
}

#submitReadingBtn {
    padding: 13px 30px;
    background: #315ee7;
    color: white;

    border: none;
    border-radius: 7px;

    font-size: 17px;
    font-weight: bold;
    cursor: pointer;
}

/* To‘liq ekran */

.reading-wrapper:fullscreen {
    padding-bottom: 45px;
    background: #f5f6f8;
    overflow: auto;
}

/* Kichik ekranlar */

@media (max-width: 800px) {
    #quizBox.reading-mode .reading-topbar {
        grid-template-columns: auto 1fr;
    }

    .reading-topbar-title {
        display: none;
    }

    #quizBox.reading-mode .reading-toolbar {
        justify-self: end;
    }

    #quizBox.reading-mode .reading-paper {
        width: calc(100vw - 24px) !important;
        padding: 28px 20px !important;
    }

    #quizBox.reading-mode .reading-passage {
        font-size: 19px;
        line-height: 1.55;
    }

    .reading-passage-title {
        font-size: 27px;
    }

    .reading-answers-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .reading-blank-line {
        width: 85px;
    }
}

#quizBox.reading-mode .reading-passage {
    white-space: normal !important;
    text-align: left !important;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}

#quizBox.reading-mode .reading-paper {
    transform: none !important;
}

/* =========================
   RESULTS MODULE
========================= */

.results-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(160px, 1fr));
    gap: 16px;
    margin: 20px 0;
}

.stat-card {
    background: #ffffff;
    border: 1px solid #dbe4f0;
    border-radius: 12px;
    padding: 18px;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}

.stat-card span {
    display: block;
    color: #64748b;
    font-size: 14px;
    margin-bottom: 8px;
}

.stat-card strong {
    font-size: 26px;
    color: #0f172a;
}

.results-controls {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin: 18px 0;
    padding: 15px;
    background: #ffffff;
    border: 1px solid #dbe4f0;
    border-radius: 12px;
}

.results-controls label {
    font-weight: 600;
    color: #1e293b;
}

.results-controls select,
.results-controls input {
    height: 42px;
    padding: 0 12px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    font-size: 14px;
    outline: none;
}

.results-controls input {
    min-width: 230px;
}

.results-controls select:focus,
.results-controls input:focus {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

#exportExcelBtn {
    height: 42px;
    padding: 0 18px;
    border: none;
    border-radius: 8px;
    background: #2563eb;
    color: white;
    font-weight: 600;
    cursor: pointer;
}

#exportExcelBtn:hover {
    background: #1d4ed8;
}

.results-table-wrapper {
    width: 100%;
    overflow-x: auto;
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #dbe4f0;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
}

.results-table {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
}

.results-table thead {
    background: #1e3a8a;
    color: white;
}

.results-table th,
.results-table td {
    padding: 13px 14px;
    border: 1px solid #dbe4f0;
    text-align: center;
    white-space: nowrap;
}

.results-table th {
    font-size: 14px;
    font-weight: 700;
}

.results-table tbody tr:nth-child(even) {
    background: #f8fafc;
}

.results-table tbody tr:hover {
    background: #eaf2ff;
}

.results-table td:nth-child(2),
.results-table td:nth-child(4) {
    text-align: left;
}

@media (max-width: 900px) {
    .results-stats {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 560px) {
    .results-stats {
        grid-template-columns: 1fr;
    }

    .results-controls {
        align-items: stretch;
    }

    .results-controls select,
    .results-controls input,
    #exportExcelBtn {
        width: 100%;
    }
}

/* ===== TEACHER PANEL CONTENT FIX ===== */

.dashboard-container {
    display: flex;
    min-height: 100vh;
}

.dashboard-container .sidebar {
    width: 260px;
    min-width: 260px;
    min-height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
}

.dashboard-container #content {
    display: block;
    position: relative;
    margin-left: 260px;
    width: calc(100% - 260px);
    min-height: 100vh;
    padding: 35px;
    box-sizing: border-box;
    background: #f4f7fb;
    color: #111827;
    visibility: visible;
    opacity: 1;
    transform: none;
    overflow-x: auto;
}

.dashboard-container #content h1,
.dashboard-container #content h2,
.dashboard-container #content h3,
.dashboard-container #content p {
    visibility: visible;
    opacity: 1;
}
/* ===== EduCore teacher students/results filters ===== */
.teacher-filter-bar,
.results-controls-expanded {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
    margin: 18px 0;
    padding: 16px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
}
.teacher-filter-bar input,
.teacher-filter-bar select,
.results-controls-expanded input,
.results-controls-expanded select {
    min-width: 170px;
    flex: 1 1 170px;
    padding: 11px 12px;
    border: 1px solid #cbd5e1;
    border-radius: 9px;
    background: #fff;
}
.results-controls-expanded button {
    padding: 11px 16px;
    border: 0;
    border-radius: 9px;
    background: #2563eb;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}
.results-table-wrapper { overflow-x: auto; }
.results-table { min-width: 980px; width: 100%; border-collapse: collapse; }
.results-table th, .results-table td { white-space: nowrap; }
.teacher-student-stats { margin-top: 10px; }
@media (max-width: 760px) {
  .teacher-filter-bar > *, .results-controls-expanded > * { flex-basis: 100%; width: 100%; }
}


/* EduCore unified compact tables */
.sidebar-brand{padding:6px 4px 20px;display:flex;flex-direction:column;gap:4px}.sidebar-brand strong{font-size:23px;color:#fff}.sidebar-brand small{font-size:15px;color:#cbd5e1}.table-scroll{width:100%;overflow:auto;background:#fff;border-radius:12px;box-shadow:0 4px 14px rgba(15,23,42,.08)}.data-table{width:100%;border-collapse:collapse;min-width:760px;font-size:14px}.data-table th{background:#1f4fbf;color:#fff;padding:11px 9px;white-space:nowrap;position:sticky;top:0;z-index:1}.data-table td{padding:9px;border-bottom:1px solid #e5e7eb;vertical-align:middle}.data-table tbody tr:hover{background:#f5f8ff}.data-table button{padding:6px 9px;margin:1px;border:0;border-radius:6px;cursor:pointer}.compact-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;background:#fff;padding:14px;border-radius:12px;margin-bottom:15px}.compact-filters select,.compact-filters input{min-width:190px}.attendance-journal{min-width:max-content}.attendance-journal th,.attendance-journal td{text-align:center;padding:7px}.attendance-journal th:nth-child(2),.attendance-journal td:nth-child(2){text-align:left;position:sticky;left:44px;background:inherit;min-width:170px}.attendance-journal th:first-child,.attendance-journal td:first-child{position:sticky;left:0;background:inherit}.attendance-cell.present{color:#15803d;font-weight:700;background:#dcfce7}.attendance-cell.absent{color:#b91c1c;font-weight:700;background:#fee2e2}

/* ===== To‘lov sozlamalari — 1-bosqich ===== */
.payment-settings-page{display:grid;gap:18px;max-width:1400px;margin:0 auto;padding-bottom:30px}
.page-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.page-heading-row.compact{align-items:center}
.muted-text{margin:4px 0 0;color:#64748b;font-size:14px}
.payment-settings-grid{display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(280px,.9fr);gap:18px}
.payment-settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.payment-settings-card h3{margin:0 0 16px;color:#172554}
.payment-settings-card label:not(.payment-check-row){display:block;font-weight:700;margin:13px 0 6px;color:#334155}
.payment-settings-card input[type="number"],.payment-settings-card input[type="search"],.payment-settings-card select{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:10px;padding:11px 12px;background:#fff;font-size:14px}
.payment-check-row{display:flex;align-items:flex-start;gap:10px;margin:15px 0;color:#334155;font-weight:600}
.payment-check-row input{margin-top:3px}
.primary-action-btn,.secondary-action-btn{border:0;border-radius:10px;padding:11px 18px;font-weight:700;cursor:pointer;margin-top:14px}
.primary-action-btn{background:#2563eb;color:#fff;width:100%}
.secondary-action-btn{background:#e0e7ff;color:#1e3a8a}
.payment-priority-list{display:grid;gap:12px;color:#475569;line-height:1.5}
.payment-summary-box{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid #e2e8f0;margin-top:12px}
.payment-summary-box span{color:#64748b}.payment-summary-box strong{text-align:right;color:#0f172a}
.payment-status-badge{border-radius:999px;padding:7px 12px;background:#e2e8f0;color:#475569;font-weight:700;font-size:13px}
.payment-status-badge[data-type="saved"]{background:#dcfce7;color:#166534}
.payment-status-badge[data-type="saving"]{background:#fef3c7;color:#92400e}
.payment-status-badge[data-type="error"]{background:#fee2e2;color:#991b1b}
.payment-wide-card{overflow:hidden}
.table-scroll-wrap{overflow:auto;width:100%;border:1px solid #e2e8f0;border-radius:12px}
.compact-data-table{width:100%;border-collapse:collapse;min-width:760px;background:#fff}
.compact-data-table th,.compact-data-table td{padding:10px 12px;border-bottom:1px solid #e2e8f0;text-align:left;font-size:14px;white-space:nowrap}
.compact-data-table th{background:#1e3a8a;color:#fff;position:sticky;top:0;z-index:1}
.compact-data-table tbody tr:hover{background:#f8fafc}
.payment-table-input{min-width:145px!important;padding:8px 9px!important}
.payment-search-input{max-width:310px}
@media(max-width:900px){.payment-settings-grid{grid-template-columns:1fr}.payment-search-input{max-width:100%}.payment-settings-card{padding:15px}}

/* ===== O‘quvchi to‘lovlari — 2-bosqich ===== */
.student-payments-page{max-width:1400px;margin:0 auto;padding-bottom:40px}
.student-payment-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.student-payment-heading h1{margin:0;color:#172554}.student-payment-heading p{margin:5px 0;color:#64748b}
.student-payment-notice{padding:15px 18px;border-radius:12px;margin-bottom:18px;font-weight:700;border:1px solid transparent}.student-payment-notice.neutral{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}.student-payment-notice.success{background:#dcfce7;color:#166534;border-color:#86efac}.student-payment-notice.warning{background:#fef3c7;color:#92400e;border-color:#fde68a}.student-payment-notice.danger{background:#fee2e2;color:#991b1b;border-color:#fecaca}
.student-payment-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px;margin-bottom:18px}.student-payment-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:17px;box-shadow:0 6px 18px rgba(15,23,42,.06);display:flex;flex-direction:column;gap:7px}.student-payment-summary-card span{font-size:13px;color:#64748b}.student-payment-summary-card strong{font-size:20px;color:#172554}.student-payment-summary-card.debt strong{color:#b91c1c}
.student-payment-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px;box-shadow:0 8px 24px rgba(15,23,42,.06)}.student-payment-table-card h2{margin:0 0 15px;color:#172554}.student-payment-table{min-width:900px}
.student-payment-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.student-payment-status.pending{background:#fef3c7;color:#92400e}.student-payment-status.approved{background:#dcfce7;color:#166534}.student-payment-status.rejected{background:#fee2e2;color:#991b1b}.student-payment-status.unpaid{background:#fee2e2;color:#b91c1c}.student-payment-status.upcoming{background:#e2e8f0;color:#475569}
.student-payment-upload-btn{border:0;border-radius:8px;background:#2563eb;color:#fff;padding:8px 11px;font-weight:700;cursor:pointer}.payment-proof-link{color:#1d4ed8;font-weight:700;text-decoration:none}.payment-proof-link:hover{text-decoration:underline}
.student-payment-modal{position:fixed;inset:0;background:rgba(15,23,42,.58);display:none;align-items:center;justify-content:center;padding:18px;z-index:9999}.student-payment-modal.open{display:flex}.student-payment-modal-card{position:relative;width:min(520px,100%);background:#fff;border-radius:18px;padding:24px;box-shadow:0 24px 70px rgba(0,0,0,.3)}.student-payment-modal-card h2{margin:0 0 18px;color:#172554}.student-payment-modal-card label{display:block;margin:12px 0 6px;font-weight:700;color:#334155}.student-payment-modal-card input,.student-payment-modal-card textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:10px;padding:11px 12px;font:inherit}.student-payment-modal-card small{display:block;margin-top:5px;color:#64748b}.student-payment-modal-close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:28px;color:#64748b;cursor:pointer}.student-payment-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.student-payment-cancel-btn,.student-payment-submit-btn{border:0;border-radius:9px;padding:10px 15px;font-weight:800;cursor:pointer}.student-payment-cancel-btn{background:#e2e8f0;color:#334155}.student-payment-submit-btn{background:#2563eb;color:#fff}.student-payment-submit-btn:disabled{opacity:.65;cursor:not-allowed}.student-payment-upload-error{min-height:20px;color:#b91c1c;font-weight:700;font-size:13px}
@media(max-width:1100px){.student-payment-summary-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media(max-width:640px){.student-payment-summary-grid{grid-template-columns:1fr}.student-payment-modal-actions{flex-direction:column}.student-payment-modal-actions button{width:100%}}

/* ===== EduCore payment review + official receipt (stage 3-4) ===== */
.payment-review-page{max-width:1400px;margin:0 auto}.payment-review-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;margin:18px 0}.payment-review-summary-card{background:#fff;border-radius:14px;padding:18px;box-shadow:0 6px 20px rgba(15,23,42,.08);border-left:5px solid #64748b}.payment-review-summary-card span{display:block;color:#64748b;font-size:14px}.payment-review-summary-card strong{font-size:28px;color:#0f172a}.payment-review-summary-card.pending{border-left-color:#f59e0b}.payment-review-summary-card.approved{border-left-color:#22c55e}.payment-review-summary-card.rejected{border-left-color:#ef4444}.payment-review-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;background:#fff;padding:14px;border-radius:14px;margin-bottom:16px;box-shadow:0 6px 20px rgba(15,23,42,.06)}.payment-review-filters input,.payment-review-filters select{padding:11px 12px;border:1px solid #cbd5e1;border-radius:9px;background:#fff}.review-payment-btn,.view-receipt-btn,.student-official-receipt-btn{border:0;border-radius:8px;padding:8px 11px;cursor:pointer;color:#fff;background:#2563eb;font-weight:600}.view-receipt-btn,.student-official-receipt-btn{background:#059669}.danger-action-btn{background:#dc2626;color:#fff;border:0;border-radius:9px;padding:10px 18px;cursor:pointer}.payment-decision-card{max-width:560px}.payment-decision-card input,.payment-decision-card textarea{width:100%;box-sizing:border-box;margin:5px 0 12px;padding:10px;border:1px solid #cbd5e1;border-radius:8px}.payment-rejection-note{margin-top:5px;font-size:12px;color:#b91c1c;max-width:220px}.receipt-verify-body{background:#eef2ff;min-height:100vh;padding:30px;font-family:Arial,sans-serif}.receipt-verify-card{max-width:720px;margin:auto;background:#fff;border-radius:18px;padding:28px;box-shadow:0 12px 35px rgba(15,23,42,.12)}.receipt-verify-card h1{text-align:center;color:#1e3a8a}.receipt-valid{text-align:center;background:#dcfce7;color:#166534;font-weight:800;border-radius:10px;padding:12px;margin:18px 0}.receipt-invalid{text-align:center;background:#fee2e2;color:#991b1b;padding:14px;border-radius:10px}.receipt-info-table{width:100%;border-collapse:collapse}.receipt-info-table th,.receipt-info-table td{border-bottom:1px solid #e2e8f0;padding:12px;text-align:left}.receipt-info-table th{width:38%;color:#475569}@media(max-width:800px){.payment-review-summary-grid{grid-template-columns:repeat(2,1fr)}.payment-review-filters{grid-template-columns:1fr}.receipt-verify-body{padding:12px}}


/* ===== Payment reports / subscriptions ===== */
.payment-report-page{display:flex;flex-direction:column;gap:18px}.payment-review-summary-grid.mini{grid-template-columns:repeat(2,minmax(120px,1fr));margin-top:14px}.payment-report-page input,.payment-report-page select{box-sizing:border-box}.student-payment-status.debt{background:#fee2e2;color:#991b1b}.subscription-amount{width:130px;padding:7px 9px;border:1px solid #d7deea;border-radius:7px}.payment-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:18px}.payment-settings-card label{display:block;margin:10px 0 6px;font-weight:600}.payment-settings-card>input{width:100%;padding:10px;border:1px solid #d7deea;border-radius:8px;box-sizing:border-box}@media(max-width:800px){.payment-settings-grid{grid-template-columns:1fr}}


.payment-course-options{display:grid;gap:8px;margin:6px 0 4px}.payment-course-option{display:flex;align-items:flex-start;gap:10px;border:1px solid #d9e1ef;border-radius:10px;padding:10px;background:#f8fbff;cursor:pointer}.payment-course-option input{margin-top:4px}.payment-course-option strong{display:block}.payment-course-option small{display:block;color:#64748b;margin-top:2px}.payment-course-option.selected{border-color:#2563eb;background:#eff6ff}.payment-routing-admin{color:#b45309;font-weight:700}.payment-routing-teacher{color:#047857;font-weight:700}


/* ===== EduCore unified professional tables & panel identity ===== */
.panel-identity-card{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid rgba(30,58,138,.12);border-radius:14px;padding:12px 16px;margin:0 0 18px;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.panel-identity-card .identity-center{font-weight:800;color:#1e3a8a;font-size:16px}.panel-identity-card .identity-user{font-weight:700;color:#111827}.panel-identity-card .identity-role{font-size:12px;color:#64748b;margin-top:2px}
.data-table,.compact-data-table,.results-table,.attendance-table,.receipt-info-table,table{border-collapse:collapse!important;border-spacing:0!important;background:#fff}
.data-table,.compact-data-table,.results-table,.attendance-table{width:100%;border:1px solid #dbe3ef;border-radius:10px;overflow:hidden}
.data-table th,.compact-data-table th,.results-table th,.attendance-table th{background:#1e3a8a!important;color:#fff!important;font-weight:700;text-align:center;padding:11px 9px;border:1px solid rgba(255,255,255,.16)!important;white-space:nowrap}
.data-table td,.compact-data-table td,.results-table td,.attendance-table td{padding:10px 9px;border:1px solid #e5eaf1!important;vertical-align:middle;text-align:center;color:#1f2937}
.data-table tbody tr:nth-child(even),.compact-data-table tbody tr:nth-child(even),.results-table tbody tr:nth-child(even),.attendance-table tbody tr:nth-child(even){background:#f8fafc}
.data-table tbody tr:hover,.compact-data-table tbody tr:hover,.results-table tbody tr:hover,.attendance-table tbody tr:hover{background:#eef4ff}
.table-scroll,.table-scroll-wrap{overflow-x:auto;border-radius:10px}
@media(max-width:700px){.panel-identity-card{align-items:flex-start;flex-direction:column}.data-table th,.data-table td,.compact-data-table th,.compact-data-table td{padding:8px 7px;font-size:12px}}

.receipt-verify-qr{text-align:center;margin-top:18px}.receipt-verify-qr img{width:180px;height:180px;background:#fff;padding:8px;border:1px solid #dbe3ef;border-radius:12px}.receipt-verify-qr p{font-size:13px;color:#64748b}.compact-data-table td,.compact-data-table th{vertical-align:middle}

/* EduCore V5 student modules */
.student-module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.student-click-card{cursor:pointer;transition:.2s}.student-click-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.student-result-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:14px;margin:18px 0}.student-result-summary-grid .card{display:flex;flex-direction:column;gap:8px}.student-result-summary-grid strong{font-size:26px}.logout-link{margin-top:18px;background:#991b1b!important;color:#fff!important}.student-cert-btn{white-space:nowrap}@media(max-width:700px){.student-result-summary-grid{grid-template-columns:1fr}.student-module-grid{grid-template-columns:1fr}}

/* V6: chiqish tugmasini sidebar pastiga mahkamlash */
.super-sidebar,
.dashboard-container .sidebar,
body > .sidebar {
  display: flex;
  flex-direction: column;
}
.sidebar-bottom-logout,
.super-sidebar .sidebar-bottom-logout,
.dashboard-container .sidebar .sidebar-bottom-logout {
  margin-top: auto !important;
  margin-bottom: 18px;
}
.dashboard-container .sidebar ul {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 90px);
  margin: 0;
  padding: 0;
}
.dashboard-container .sidebar ul li:last-child {
  margin-top: auto;
}

/* V7 student identity and leaderboard */
.student-sidebar-identity{padding:2px 8px 18px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:12px}
.student-sidebar-identity h2{margin:0 0 7px;font-size:25px;line-height:1.2;word-break:break-word}
.student-sidebar-identity p{margin:0;color:#cbd5e1;font-size:14px;font-weight:600}
.student-rank-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:16px;margin:18px 0}
.student-rank-summary-grid .card{display:flex;flex-direction:column;gap:8px;padding:20px}
.student-rank-summary-grid strong{font-size:30px;color:#1d4ed8}
.student-rank-summary-grid small{color:#64748b}
.student-leaderboard-filters{display:flex;gap:18px;align-items:end;flex-wrap:wrap;margin-bottom:18px}
.student-leaderboard-filters label{display:flex;flex-direction:column;gap:7px;min-width:220px;font-weight:700}
.student-leaderboard-filters select{padding:11px;border:1px solid #cbd5e1;border-radius:9px;background:#fff}
.student-own-breakdown,.student-ranking-card{margin-top:18px}
.current-student-row{background:#dbeafe!important;outline:2px solid #60a5fa;outline-offset:-2px}
@media(max-width:900px){.student-rank-summary-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}}


/* V8: student leaderboard full-width layout */
.content{min-width:0;width:calc(100% - 250px)}
#studentLeaderboardSection,#studentPaymentsSection{width:100%;max-width:none}
#studentLeaderboardSection .card,#studentPaymentsSection .card{width:auto;max-width:none}
.student-rank-summary-grid{width:100%}
.student-rank-summary-grid .card{width:auto;margin-top:0;min-width:0}
.student-leaderboard-filters{width:100%;box-sizing:border-box}
.student-own-breakdown,.student-ranking-card{width:100%!important;max-width:none!important;box-sizing:border-box}
.student-own-breakdown .table-scroll-wrap,.student-ranking-card .table-scroll-wrap{width:100%}
.student-own-breakdown .compact-data-table,.student-ranking-card .compact-data-table{width:100%;min-width:0;table-layout:auto}
.student-own-breakdown .compact-data-table th,.student-own-breakdown .compact-data-table td,
.student-ranking-card .compact-data-table th,.student-ranking-card .compact-data-table td{white-space:normal;overflow-wrap:anywhere}
.student-payments-page{width:100%;max-width:none!important;margin:0}
@media(max-width:900px){.content{width:calc(100% - 250px);padding:18px}.student-own-breakdown .compact-data-table,.student-ranking-card .compact-data-table{min-width:720px}}

/* V12.2 Reading Matching Headings */
.matching-preview-card,.matching-heading-list,.matching-preview-question{border:1px solid #dbe3ef;border-radius:12px;padding:14px;margin:12px 0;background:#fff}
.matching-heading-list{background:#f8fafc;line-height:1.75}.matching-preview-question{line-height:1.6}.matching-preview-question label{display:block;margin-top:10px;font-weight:700}.matching-preview-question select,.matching-student-question select{width:100%;margin-top:7px;padding:10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff}
.matching-paper{max-width:1050px}.matching-instruction{white-space:pre-wrap;line-height:1.6}.matching-student-headings{list-style:none;padding:16px;margin:18px 0;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;columns:2;line-height:1.8}.matching-student-question{padding:16px;margin:14px 0;border:1px solid #dbe3ef;border-radius:12px;line-height:1.65;background:#fff}.matching-correct{border:2px solid #16a34a!important;background:#f0fdf4!important}.matching-wrong{border:2px solid #dc2626!important;background:#fef2f2!important}
@media(max-width:700px){.matching-student-headings{columns:1}}
.part4-paper { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.9fr); gap:24px; align-items:start; }
.part4-passage { white-space:pre-wrap; line-height:1.75; position:sticky; top:10px; max-height:calc(100vh - 120px); overflow:auto; padding-right:14px; }
.part4-questions { min-width:0; }
.part4-question { border:1px solid #dbe3ee; border-radius:10px; padding:14px; margin-bottom:14px; background:#fff; }
.part4-options { display:grid; gap:8px; }
.part4-choice { display:flex; gap:9px; align-items:flex-start; padding:8px 10px; border:1px solid #e2e8f0; border-radius:8px; cursor:pointer; }
.part4-choice input { margin-top:3px; }
@media (max-width:850px) { .part4-paper { grid-template-columns:1fr; } .part4-passage { position:static; max-height:none; } }
.part5-paper { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr); gap:26px; align-items:start; }
.part5-passage { line-height:1.72; text-align:justify; position:sticky; top:10px; max-height:calc(100vh - 120px); overflow:auto; padding-right:14px; }
.part5-passage p, .part5-summary p { margin:0 0 1em; white-space:normal; }
.part5-summary { line-height:1.75; text-align:justify; background:#f8fafc; border:1px solid #e2e8f0; border-radius:10px; padding:15px; }
.part5-inline-gap { display:inline-flex; align-items:center; gap:5px; white-space:nowrap; margin:0 3px; }
.part5-inline-gap input { width:125px; min-height:34px; border:1px solid #94a3b8; border-radius:6px; padding:5px 8px; font:inherit; }
.part5-instruction { line-height:1.55; margin:16px 0 10px; }
@media (max-width:850px) { .part5-paper { grid-template-columns:1fr; } .part5-passage { position:static; max-height:none; } }
/* Student test workspace — shared by MCQ, Reading and Listening */
#studentTestsSection:has(#quizBox[style*="block"]) { max-width:none; }
#quizBox {
    --student-test-zoom: 1;
    width:min(1120px, calc(100vw - 310px));
    max-width:1120px;
    min-height:68vh;
    margin:24px auto 70px;
    padding:0;
    overflow:visible;
    border:1px solid #dbe4f0;
    border-radius:20px;
    background:#fff;
    box-shadow:0 20px 55px rgba(15,23,42,.13);
}
#quizBox:not(.reading-mode) > h2,
#quizBox:not(.reading-mode) > .answer,
#quizBox:not(.reading-mode) > .test-result-card { zoom:var(--student-test-zoom); }
#quizBox:not(.reading-mode) > h2 { margin:0;padding:42px 48px 24px;font-size:clamp(22px,2.2vw,32px);line-height:1.45; }
#quizBox:not(.reading-mode) > .answer { display:block;width:calc(100% - 96px);margin:12px 48px;padding:17px 20px;text-align:left;border:1px solid #cbd5e1;border-radius:12px;background:#f8fafc;color:#172033;font-size:17px;transition:.18s; }
#quizBox:not(.reading-mode) > .answer:hover { border-color:#2563eb;background:#eff6ff;transform:translateY(-1px); }
#quizBox .reading-paper { max-width:980px;margin:0 auto;zoom:var(--student-test-zoom); }
#quizBox .reading-toolbar { display:none; }
#quizBox .reading-wrapper { min-height:68vh;background:#f1f5f9;border-radius:0 0 20px 20px; }
#quizBox .test-result-card { max-width:900px;margin:0 auto;padding:40px 48px;text-align:center; }
#quizBox .test-result-card > div { width:100%; }
#universalTestToolbar {
    position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:16px;
    padding:13px 18px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #dbe4f0;border-radius:20px 20px 0 0;
    box-shadow:0 7px 20px rgba(15,23,42,.07);
}
.universal-test-title { display:flex;align-items:center;gap:9px;min-width:0;color:#172554;font-size:16px; }
.universal-test-title b { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
#mcqBackToTests{border:0;border-radius:8px;padding:8px 12px;background:#1d4ed8;color:#fff;font-weight:800;cursor:pointer}
.universal-test-actions { display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;flex-shrink:1; }
.universal-tool-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.universal-test-actions button { border:0;border-radius:9px;padding:9px 13px;background:#e8eef8;color:#172554;font-weight:800;cursor:pointer; }
#universalZoomValue { min-width:48px;text-align:center;font-weight:800;color:#475569; }
#universalFinishTest { background:#dc2626;color:white;padding-inline:18px; }
#testCountdown { top:62px !important;margin:10px 18px 0 !important; }
@media(max-width:900px){#quizBox{width:calc(100vw - 28px);margin:14px auto 70px;border-radius:14px}#universalTestToolbar{align-items:flex-start;border-radius:14px 14px 0 0}.universal-test-title{max-width:32%}#quizBox:not(.reading-mode)>h2{padding:28px 20px 18px}#quizBox:not(.reading-mode)>.answer{width:calc(100% - 40px);margin:10px 20px}.universal-test-actions button{padding:8px 10px}#universalFinishTest{font-size:0}#universalFinishTest::after{content:"Yakunlash";font-size:14px}}
@media(max-width:560px){.universal-test-title{display:none}.universal-test-actions{width:100%;justify-content:center}.universal-tool-buttons{width:100%;justify-content:center}.universal-tool-btn{flex:1 1 130px;white-space:normal}#quizBox{width:calc(100vw - 16px)}}

/* Faqat oddiy Multiple Choice test uchun asosiy ekran */
#quizBox.mcq-mode {
    position:fixed;
    inset:0;
    z-index:99999;
    display:block !important;
    width:100vw !important;
    max-width:none !important;
    min-height:100vh;
    margin:0 !important;
    padding:0 0 48px !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:#f1f5f9;
    overflow:auto;
    box-sizing:border-box;
}
#quizBox.mcq-mode > h2,
#quizBox.mcq-mode > .answer {
    max-width:900px;
    margin-left:auto;
    margin-right:auto;
    box-sizing:border-box;
    background:#fff;
}
#quizBox.mcq-mode > h2 { margin-top:34px;border-radius:16px 16px 0 0; }
#quizBox.mcq-mode > .answer { width:min(900px,calc(100% - 32px)); }
#quizBox.mcq-mode #universalTestToolbar { border-radius:0; }
.student-test-type-badge{display:inline-flex;align-items:center;gap:6px;margin:0 0 8px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}
.student-test-type-badge.listening{background:#e0f2fe;color:#075985}.student-test-type-badge.reading{background:#ede9fe;color:#5b21b6}.student-test-type-badge.mcq{background:#dcfce7;color:#166534}

/* V12.17 — yakuniy o‘quvchi paneli */
body{background:#f4f7fb;color:#172033}
body>.sidebar{background:linear-gradient(180deg,#111b34 0%,#172554 100%);box-shadow:8px 0 30px rgba(15,23,42,.12)}
body>.sidebar a{display:flex;align-items:center;min-height:46px;margin:4px 0;padding:0 15px;border-radius:11px;color:#cbd5e1;font-weight:650;transition:.18s}
body>.sidebar a:hover{background:rgba(255,255,255,.08);color:#fff;transform:translateX(2px)}
body>.sidebar a.active{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;box-shadow:0 9px 20px rgba(37,99,235,.28)}
body>.sidebar .logout-link{margin-top:auto;background:rgba(220,38,38,.88);color:#fff}
body>.content{max-width:none;padding:30px 34px 60px;background:#f4f7fb;min-height:100vh;box-sizing:border-box}
.student-page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 24px}.student-page-heading h1{margin:4px 0 7px;color:#14213d;font-size:clamp(28px,3vw,40px);letter-spacing:-.7px}.student-page-heading p{margin:0;color:#64748b;font-size:15px}.student-page-kicker{color:#2563eb;font-size:11px;font-weight:900;letter-spacing:1.8px}.student-today{padding:10px 14px;border:1px solid #dbe5f0;border-radius:10px;background:#fff;color:#475569;font-weight:700;text-transform:capitalize;box-shadow:0 5px 15px rgba(15,23,42,.05)}
.student-home-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.student-stat-card{display:flex;align-items:center;gap:14px;min-height:104px;padding:18px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.06)}.student-stat-card>span{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;font-size:23px}.student-stat-card small{display:block;margin-bottom:5px;color:#64748b;font-weight:700}.student-stat-card strong{display:block;color:#172033;font-size:27px}.student-stat-card.blue>span{background:#dbeafe}.student-stat-card.orange>span{background:#ffedd5}.student-stat-card.green>span{background:#dcfce7}.student-stat-card.purple>span{background:#ede9fe}
.student-home-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:18px}.student-dashboard-panel{padding:21px;border:1px solid #e2e8f0;border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.055)}.student-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:15px}.student-panel-head h2{margin:0 0 4px;color:#172554}.student-panel-head p{margin:0;color:#94a3b8;font-size:13px}.student-panel-head button{border:0;background:transparent;color:#2563eb;font-weight:800;cursor:pointer}.student-mini-list{display:grid;gap:9px}.student-mini-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:12px;border:1px solid #e6edf5;border-radius:12px;background:#f8fafc;text-align:left;color:#172033}.student-mini-item button{cursor:pointer}.student-mini-item b,.student-mini-item small{display:block}.student-mini-item small{margin-top:4px;color:#64748b}.student-mini-item i{font-style:normal;color:#2563eb;font-weight:900}.student-mini-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#dbeafe}.student-mini-score{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;font-size:13px;font-weight:900}.student-mini-score.good{background:#dcfce7;color:#166534}.student-mini-score.low{background:#fee2e2;color:#991b1b}
.student-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:110px;padding:20px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;color:#64748b;text-align:center}.student-empty-state b{color:#334155;margin-bottom:5px}
.student-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.student-course-card{display:flex;gap:17px;padding:22px;border:1px solid #dfe7f1;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.06);transition:.2s}.student-course-card:hover{transform:translateY(-3px);box-shadow:0 17px 36px rgba(15,23,42,.1)}.student-course-icon{display:grid;place-items:center;flex:0 0 56px;height:56px;border-radius:15px;background:linear-gradient(135deg,#dbeafe,#ede9fe);font-size:27px}.student-course-body{min-width:0;flex:1}.student-course-label{font-size:10px;font-weight:900;letter-spacing:1.3px;color:#16a34a}.student-course-card h2{margin:5px 0;color:#172554}.student-course-group{margin:0 0 13px;color:#475569;font-weight:700}.student-course-meta{display:flex;gap:8px 18px;flex-wrap:wrap;margin-bottom:16px;color:#64748b;font-size:13px}.student-course-card button{border:0;border-radius:9px;padding:10px 14px;background:#eff6ff;color:#1d4ed8;font-weight:800;cursor:pointer}
.student-test-filters{display:grid !important;grid-template-columns:minmax(240px,1.5fr) repeat(5,minmax(145px,1fr));gap:10px;padding:15px !important;border:1px solid #e2e8f0 !important;border-radius:15px !important;background:#fff !important;box-shadow:0 8px 24px rgba(15,23,42,.05) !important}.student-test-filters input,.student-test-filters select{width:100%;min-height:43px;padding:9px 11px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#334155;box-sizing:border-box}
#testsList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.student-test-card{display:flex;flex-direction:column;min-width:0;margin:0 !important;padding:20px !important;border:1px solid #e0e7f0 !important;border-radius:16px !important;background:#fff !important;box-shadow:0 10px 26px rgba(15,23,42,.055) !important;transition:.2s}.student-test-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(15,23,42,.1) !important}.student-test-card h2{margin:0 0 9px;color:#172554;font-size:20px;line-height:1.25;overflow-wrap:anywhere}.student-test-card p{margin:5px 0;color:#64748b}.student-test-card>button{margin-top:auto;align-self:flex-start;border:0;border-radius:9px;padding:10px 17px;background:#2563eb;color:#fff;font-weight:800;cursor:pointer}.student-test-card>button:disabled{background:#cbd5e1;color:#64748b;cursor:not-allowed}
.student-result-summary-grid,.student-rank-summary-grid,.student-payment-summary-grid{gap:15px}.student-result-summary-grid>.card,.student-rank-summary-grid>.card,.student-payment-summary-card{border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 9px 25px rgba(15,23,42,.055)}.table-scroll-wrap{border:1px solid #e2e8f0;border-radius:15px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.055)}.compact-data-table th{background:#eff6ff;color:#1e3a8a}.compact-data-table tbody tr:hover{background:#f8fafc}
@media(max-width:1250px){.student-home-stats{grid-template-columns:repeat(2,1fr)}.student-test-filters{grid-template-columns:repeat(3,1fr)}#testsList{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){body>.content{padding:22px 18px 55px}.student-home-columns{grid-template-columns:1fr}.student-course-grid{grid-template-columns:1fr}.student-test-filters{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.student-page-heading{display:block}.student-today{display:inline-block;margin-top:12px}.student-home-stats,#testsList,.student-test-filters{grid-template-columns:1fr}.student-stat-card{min-height:82px}.student-dashboard-panel{padding:15px}.student-course-card{padding:16px}.student-panel-head{display:block}.student-panel-head button{padding:8px 0}}

/* V12.18 — yakuniy o‘qituvchi paneli */
.teacher-mobile-header{display:none}.teacher-sidebar-overlay{display:none}
.dashboard-container{min-height:100vh;background:#f4f7fb}.dashboard-container>.sidebar{background:linear-gradient(180deg,#111b34,#172554);box-shadow:8px 0 30px rgba(15,23,42,.12);overflow-y:auto}.teacher-sidebar-brand{display:flex;align-items:center;gap:10px;padding:5px 7px 20px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:13px}.teacher-sidebar-brand>span{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.1);font-size:20px}.teacher-sidebar-brand h2{margin:0 !important;font-size:19px !important;color:#fff}.teacher-sidebar-brand small{color:#94a3b8}.teacher-sidebar-brand button{display:none;margin-left:auto;border:0;background:transparent;color:#fff;font-size:28px}.dashboard-container>.sidebar ul{display:flex;flex-direction:column;min-height:calc(100vh - 105px);margin:0;padding:0;list-style:none}.dashboard-container>.sidebar li{margin:2px 0}.dashboard-container>.sidebar a{display:flex;align-items:center;min-height:45px;padding:0 14px;border-radius:10px;color:#cbd5e1;font-weight:650;text-decoration:none;transition:.18s}.dashboard-container>.sidebar a:hover{background:rgba(255,255,255,.08);color:#fff;transform:translateX(2px)}.dashboard-container>.sidebar a.active{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;box-shadow:0 9px 20px rgba(37,99,235,.25)}.dashboard-container>.sidebar li:has(.sidebar-bottom-logout){margin-top:auto}.dashboard-container>.sidebar .sidebar-bottom-logout{background:rgba(220,38,38,.88);color:#fff}.dashboard-container #content{padding:30px 34px 60px !important;background:#f4f7fb !important;color:#172033 !important;overflow-x:hidden;box-sizing:border-box}
.teacher-page-heading,.page-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:23px}.teacher-page-heading h1,.dashboard-container #content>h1,.page-heading-row h1{margin:4px 0 7px;color:#14213d;font-size:clamp(27px,3vw,39px);letter-spacing:-.6px}.teacher-page-heading p,.page-heading-row p{margin:0;color:#64748b}.teacher-kicker{color:#2563eb;font-size:11px;font-weight:900;letter-spacing:1.7px}.teacher-today{padding:10px 14px;border:1px solid #dbe5f0;border-radius:10px;background:#fff;color:#475569;font-weight:700;text-transform:capitalize;box-shadow:0 5px 15px rgba(15,23,42,.05)}
.dashboard-grid{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:16px !important;margin:20px 0 22px}.teacher-stat{min-height:118px;padding:20px !important;border:1px solid #e2e8f0 !important;border-radius:16px !important;background:#fff !important;box-shadow:0 10px 28px rgba(15,23,42,.06) !important}.teacher-stat h3{margin:0;color:#64748b;font-size:14px}.teacher-stat h1{margin:10px 0 0 !important;color:#172554 !important;font-size:34px !important}.teacher-stat.blue{border-top:4px solid #3b82f6 !important}.teacher-stat.purple{border-top:4px solid #8b5cf6 !important}.teacher-stat.orange{border-top:4px solid #f59e0b !important}.teacher-stat.green{border-top:4px solid #22c55e !important}
.teacher-quick-panel{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px;border:1px solid #e2e8f0;border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.055)}.teacher-quick-panel h2{margin:0 0 5px;color:#172554}.teacher-quick-panel p{margin:0;color:#64748b}.teacher-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:9px}.teacher-quick-grid button{min-height:44px;padding:10px 14px;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff;color:#1d4ed8;font-weight:800;cursor:pointer}.teacher-quick-grid button:hover{background:#dbeafe}
.teacher-filter-bar,.filter-bar,.results-controls,.results-controls-expanded,.payment-review-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px;margin:14px 0;border:1px solid #e2e8f0;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.045)}.teacher-filter-bar input,.teacher-filter-bar select,.filter-bar input,.filter-bar select,.results-controls input,.results-controls select,.payment-review-filters input,.payment-review-filters select{min-height:42px;min-width:170px;padding:9px 11px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;box-sizing:border-box}.teacher-filter-bar button,.filter-bar button,.results-controls button{min-height:42px;border:0;border-radius:9px;padding:9px 14px;background:#2563eb;color:#fff;font-weight:800;cursor:pointer}
.results-stats,.payment-review-summary-grid{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.results-stats .stat-card,.payment-review-summary-card{padding:18px;border:1px solid #e2e8f0;border-radius:15px;background:#fff;box-shadow:0 9px 24px rgba(15,23,42,.05)}.results-stats strong,.payment-review-summary-card strong{display:block;margin-top:8px;color:#172554;font-size:25px}.results-table-wrapper,.table-scroll,.payment-wide-card{width:100%;overflow:auto;border:1px solid #e2e8f0;border-radius:15px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.055)}.results-table{width:100%;min-width:850px;border-collapse:collapse}.results-table th{padding:12px 10px;background:#eff6ff;color:#1e3a8a;text-align:left;white-space:nowrap}.results-table td{padding:11px 10px;border-bottom:1px solid #e5e7eb}.results-table tbody tr:hover{background:#f8fafc}
.teacher-payment-tabs{display:flex;gap:8px;margin:0 0 20px;padding:6px;border:1px solid #dbe5f0;border-radius:12px;background:#fff;width:max-content;max-width:100%;box-sizing:border-box}.teacher-payment-tabs button{min-height:40px;padding:9px 15px;border:0;border-radius:8px;background:transparent;color:#64748b;font-weight:800;cursor:pointer}.teacher-payment-tabs button.active{background:#2563eb;color:#fff}.dashboard-container #content button,.dashboard-container #content input,.dashboard-container #content select,.dashboard-container #content textarea{font:inherit}.dashboard-container #content img{max-width:100%}
@media(max-width:1200px){.dashboard-grid,.results-stats,.payment-review-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.teacher-quick-panel{align-items:flex-start;flex-direction:column}.teacher-quick-grid{width:100%;grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.teacher-mobile-header{position:sticky;top:0;z-index:9997;display:flex;align-items:center;gap:12px;height:62px;padding:0 16px;background:#111b34;color:#fff;box-shadow:0 7px 20px rgba(15,23,42,.22)}.teacher-mobile-header button{width:42px;height:42px;border:0;border-radius:10px;background:rgba(255,255,255,.1);color:#fff;font-size:23px}.teacher-mobile-header strong,.teacher-mobile-header small{display:block}.teacher-mobile-header small{color:#94a3b8}.teacher-sidebar-overlay{position:fixed;inset:0;z-index:9998;background:rgba(15,23,42,.58)}.teacher-sidebar-overlay.show{display:block}.dashboard-container>.sidebar{position:fixed !important;inset:0 auto 0 0;z-index:9999 !important;width:min(310px,86vw) !important;transform:translateX(-105%);transition:transform .25s;box-sizing:border-box}.dashboard-container>.sidebar.mobile-open{transform:translateX(0)}.teacher-sidebar-brand button{display:block}.dashboard-container #content{width:100% !important;margin:0 !important;padding:22px 18px 55px !important}.teacher-menu-open{overflow:hidden}.teacher-page-heading,.page-heading-row{display:block}.teacher-today{display:inline-block;margin-top:12px}.results-controls>*{flex:1 1 210px}.teacher-payment-tabs{width:100%}.teacher-payment-tabs button{flex:1}}
@media(max-width:600px){.dashboard-grid,.results-stats,.payment-review-summary-grid{grid-template-columns:1fr !important}.teacher-quick-grid{grid-template-columns:1fr}.teacher-stat{min-height:88px}.teacher-filter-bar,.filter-bar,.results-controls,.payment-review-filters{display:grid;grid-template-columns:1fr}.teacher-filter-bar>*,.filter-bar>*,.results-controls>*,.payment-review-filters>*{width:100%;min-width:0 !important}.teacher-payment-tabs{display:grid}.page-heading-row>button{width:100%;margin-top:12px}.student-payment-modal-card{max-height:calc(100vh - 28px);overflow:auto;padding:19px}.dashboard-container #content{padding:18px 12px 48px !important}}

.profile-link{border:0;background:transparent;color:#1d4ed8;font-weight:800;text-decoration:underline;text-decoration-color:#bfdbfe;text-underline-offset:3px;cursor:pointer;padding:3px}.profile-detail-modal{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(15,23,42,.62);backdrop-filter:blur(4px)}.profile-detail-modal.open{display:flex}.profile-detail-card{position:relative;width:min(760px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:26px;border-radius:20px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.3);box-sizing:border-box}.profile-detail-close{position:absolute;right:15px;top:12px;width:38px;height:38px;border:0;border-radius:50%;background:#eef2f7;color:#475569;font-size:25px;cursor:pointer}.profile-detail-head{display:flex;align-items:center;gap:15px;padding:0 44px 20px 0;border-bottom:1px solid #e2e8f0}.profile-avatar{display:grid;place-items:center;flex:0 0 62px;height:62px;border-radius:17px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:27px;font-weight:900}.profile-detail-head span{color:#2563eb;font-size:10px;font-weight:900;letter-spacing:1.5px}.profile-detail-head h2{margin:4px 0;color:#172554}.profile-detail-head p{margin:0;color:#64748b}.profile-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:18px}.profile-detail-grid>div{padding:13px;border:1px solid #e2e8f0;border-radius:11px;background:#f8fafc}.profile-detail-grid small,.profile-detail-grid b{display:block}.profile-detail-grid small{margin-bottom:5px;color:#64748b}.profile-detail-grid b{color:#172033;overflow-wrap:anywhere}@media(max-width:600px){.profile-detail-card{padding:19px}.profile-detail-grid{grid-template-columns:1fr}.profile-avatar{flex-basis:52px;height:52px}.profile-detail-head{align-items:flex-start}}

/* V12.19 — yakuniy Center Admin paneli */
.center-mobile-header{display:none}.center-sidebar-overlay{display:none}.super-layout{min-height:100vh;background:#f4f7fb}.super-sidebar{background:linear-gradient(180deg,#111b34,#172554)!important;box-shadow:8px 0 30px rgba(15,23,42,.12);overflow-y:auto}.center-sidebar-brand{display:flex;align-items:center;gap:10px;padding:5px 7px 20px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:13px}.center-sidebar-brand>span{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.1);font-size:20px}.center-sidebar-brand h2{margin:0!important;color:#fff!important;font-size:19px!important}.center-sidebar-brand small{color:#94a3b8}.center-sidebar-brand button{display:none;margin-left:auto;border:0;background:transparent;color:#fff;font-size:28px}.super-sidebar>a{display:flex;align-items:center;min-height:45px;margin:3px 0;padding:0 14px!important;border-radius:10px;color:#cbd5e1!important;font-weight:650;transition:.18s}.super-sidebar>a:hover{background:rgba(255,255,255,.08)!important;color:#fff!important;transform:translateX(2px)}.super-sidebar>a.active{background:linear-gradient(135deg,#2563eb,#3b82f6)!important;color:#fff!important}.super-sidebar>.logout-link{margin-top:18px;background:rgba(220,38,38,.88)!important;color:#fff!important}.super-content{background:#f4f7fb!important}.super-content>#content{padding:30px 34px 60px;box-sizing:border-box;min-height:100vh;color:#172033}
.center-page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:23px}.center-page-heading>div>span{color:#2563eb;font-size:11px;font-weight:900;letter-spacing:1.7px}.center-page-heading h1{margin:4px 0 7px;color:#14213d;font-size:clamp(28px,3vw,40px)}.center-page-heading p{margin:0;color:#64748b}.center-today{padding:10px 14px;border:1px solid #dbe5f0;border-radius:10px;background:#fff;color:#475569}.center-stat{min-height:114px;padding:19px!important;border:1px solid #e2e8f0!important;border-radius:16px!important;background:#fff!important;box-shadow:0 10px 28px rgba(15,23,42,.06)!important}.center-stat h3{margin:0;color:#64748b;font-size:14px}.center-stat h1{margin:10px 0 0!important;color:#172554!important;font-size:33px!important}.center-stat.blue{border-top:4px solid #3b82f6!important}.center-stat.purple{border-top:4px solid #8b5cf6!important}.center-stat.green{border-top:4px solid #22c55e!important}.center-stat.orange{border-top:4px solid #f59e0b!important}.center-stat.cyan{border-top:4px solid #06b6d4!important}.center-quick-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;margin-top:22px;border:1px solid #e2e8f0;border-radius:17px;background:#fff}.center-quick-panel h2{margin:0 0 5px}.center-quick-panel p{margin:0;color:#64748b}.center-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:9px}.center-quick-grid button{min-height:44px;padding:10px 14px;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff;color:#1d4ed8;font-weight:800}.center-payment-tabs{display:flex;gap:8px;width:max-content;max-width:100%;margin:0 0 20px;padding:6px;border:1px solid #dbe5f0;border-radius:12px;background:#fff}.center-payment-tabs button{min-height:40px;padding:9px 15px;border:0;border-radius:8px;background:transparent;color:#64748b;font-weight:800}.center-payment-tabs button.active{background:#2563eb;color:#fff}
.center-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.center-settings-card{padding:22px;border:1px solid #e2e8f0;border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.055)}.center-settings-card h2{margin:0 0 17px;color:#172554}.center-settings-card>label{display:block;margin:12px 0 6px;color:#334155;font-weight:750}.center-settings-card input:not([type=checkbox]),.center-settings-card textarea,.center-settings-card select{display:block;width:100%;min-height:43px;margin-top:6px;padding:9px 11px;border:1px solid #cbd5e1;border-radius:9px;box-sizing:border-box;font:inherit}.center-check-row{display:flex!important;align-items:center;gap:9px;padding:10px;border:1px solid #e2e8f0;border-radius:9px;background:#f8fafc}.center-logo-preview{display:none;max-width:180px;max-height:110px;margin-top:10px;object-fit:contain}.center-security-note{margin-top:18px;padding:14px;border-radius:11px;background:#fff7ed;color:#9a3412}.center-security-note p{margin:5px 0 0}.center-settings-save{margin-top:18px;min-height:46px;padding:11px 22px;border:0;border-radius:10px;background:#2563eb;color:#fff;font-weight:850}
@media(max-width:1200px){.center-quick-panel{align-items:flex-start;flex-direction:column}.center-quick-grid{width:100%;grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.center-mobile-header{position:sticky;top:0;z-index:9997;display:flex;align-items:center;gap:12px;height:62px;padding:0 16px;background:#111b34;color:#fff}.center-mobile-header button{width:42px;height:42px;border:0;border-radius:10px;background:rgba(255,255,255,.1);color:#fff;font-size:23px}.center-mobile-header strong,.center-mobile-header small{display:block}.center-mobile-header small{color:#94a3b8}.center-sidebar-overlay{position:fixed;inset:0;z-index:9998;background:rgba(15,23,42,.58)}.center-sidebar-overlay.show{display:block}.super-sidebar{position:fixed!important;inset:0 auto 0 0;z-index:9999!important;width:min(310px,86vw)!important;transform:translateX(-105%);transition:transform .25s;box-sizing:border-box}.super-sidebar.mobile-open{transform:translateX(0)}.center-sidebar-brand button{display:block}.super-content{width:100%!important;margin:0!important}.super-content>#content{padding:22px 18px 55px}.center-menu-open{overflow:hidden}.center-page-heading{display:block}.center-today{display:inline-block;margin-top:12px}.center-settings-grid{grid-template-columns:1fr}.center-payment-tabs{width:100%}.center-payment-tabs button{flex:1}}
@media(max-width:600px){.center-quick-grid{grid-template-columns:1fr}.center-payment-tabs{display:grid}.center-settings-card{padding:16px}.super-content>#content{padding:18px 12px 48px}}

/* V12.20 — yakuniy Super Admin paneli */
.super-mobile-header,.super-sidebar-overlay{display:none}
#superAdminPage{margin:0;background:#f4f7fb;color:#172033}
#superAdminPage .super-layout{display:flex;min-height:100vh}
#superAdminPage .super-sidebar{position:fixed;inset:0 auto 0 0;z-index:50;display:flex;flex-direction:column;width:270px;padding:20px 15px;background:linear-gradient(180deg,#0f172a,#172554)!important;box-sizing:border-box}
#superAdminPage .sidebar-brand{display:flex;align-items:center;gap:10px;padding:5px 7px 20px;margin-bottom:13px;border-bottom:1px solid rgba(255,255,255,.12)}
#superAdminPage .sidebar-brand strong,#superAdminPage .sidebar-brand small{display:block;color:#fff}#superAdminPage .sidebar-brand strong{font-size:19px}#superAdminPage .sidebar-brand small{margin-top:4px;color:#93c5fd;font-size:12px}#superAdminPage .sidebar-brand button{display:none;margin-left:auto;border:0;background:transparent;color:#fff;font-size:28px}
#superAdminPage .super-sidebar>a{display:flex;align-items:center;min-height:46px;margin:3px 0;padding:0 14px!important;border-radius:11px;color:#cbd5e1!important;text-decoration:none;font-weight:700;transition:.18s}
#superAdminPage .super-sidebar>a:hover{background:rgba(255,255,255,.08)!important;color:#fff!important;transform:translateX(2px)}#superAdminPage .super-sidebar>a.active{background:linear-gradient(135deg,#2563eb,#3b82f6)!important;color:#fff!important;box-shadow:0 9px 22px rgba(37,99,235,.28)}#superAdminPage .super-sidebar>.logout-link{margin-top:auto;background:rgba(220,38,38,.88)!important;color:#fff!important}
#superAdminPage .super-content{width:calc(100% - 270px);margin-left:270px;background:#f4f7fb!important}#superAdminPage .super-content>#content{padding:30px 34px 60px;box-sizing:border-box;min-height:100vh}
.super-page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:23px}.super-page-heading span{color:#2563eb;font-size:11px;font-weight:900;letter-spacing:1.7px}.super-page-heading h1{margin:4px 0 7px;color:#14213d;font-size:clamp(28px,3vw,40px);letter-spacing:-.6px}.super-page-heading p{margin:0;color:#64748b}.super-today{padding:10px 14px;border:1px solid #dbe5f0;border-radius:10px;background:#fff;color:#475569;text-transform:capitalize;box-shadow:0 5px 15px rgba(15,23,42,.05)}
#superAdminPage .dashboard-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}.super-stat{min-height:112px;padding:19px!important;border:1px solid #e2e8f0!important;border-radius:16px!important;background:#fff!important;box-shadow:0 10px 28px rgba(15,23,42,.06)!important}.super-stat h3{margin:0;color:#64748b;font-size:14px}.super-stat h1{margin:10px 0 0!important;color:#172554!important;font-size:33px!important}.super-stat.blue{border-top:4px solid #3b82f6!important}.super-stat.green{border-top:4px solid #22c55e!important}.super-stat.red{border-top:4px solid #ef4444!important}.super-stat.purple{border-top:4px solid #8b5cf6!important}.super-stat.cyan{border-top:4px solid #06b6d4!important}.super-stat.orange{border-top:4px solid #f59e0b!important}
.super-quick-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;margin-top:22px;border:1px solid #e2e8f0;border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.055)}.super-quick-panel h2{margin:0 0 5px;color:#172554}.super-quick-panel p{margin:0;color:#64748b}.super-quick-panel>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:9px}.super-quick-panel button{min-height:44px;padding:10px 14px;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff;color:#1d4ed8;font-weight:800;cursor:pointer}
.super-center-form,.platform-settings-card,.super-users-shell,.super-audit-card{padding:22px;margin-bottom:20px;border:1px solid #e2e8f0;border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.055)}.super-center-form h2{margin:0 0 16px;color:#172554}.super-form-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:13px}.super-form-grid input,.super-list-toolbar input,.super-list-toolbar select,.super-audit-filters input,.super-audit-filters select,.platform-settings-card input,.platform-settings-card select,.platform-settings-card textarea{width:100%;min-height:43px;padding:9px 11px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;box-sizing:border-box;font:inherit}.super-list-toolbar{display:flex;align-items:center;gap:10px;margin:24px 0 13px}.super-list-toolbar>div{margin-right:auto}.super-list-toolbar h2{margin:0 0 3px;color:#172554}.super-list-toolbar small{color:#64748b}.super-list-toolbar input{max-width:390px}.super-list-toolbar select{max-width:190px}.super-status{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:850}.super-status.active{background:#dcfce7;color:#166534}.super-status.blocked{background:#fee2e2;color:#991b1b}.center-toggle{min-height:36px;padding:7px 11px;border:0;border-radius:8px;background:#dcfce7;color:#166534;font-weight:800;cursor:pointer}
.super-user-tabs{display:flex;gap:8px;width:max-content;max-width:100%;margin:0 0 20px;padding:6px;border:1px solid #dbe5f0;border-radius:12px;background:#fff}.super-user-tabs button{min-height:40px;padding:9px 16px;border:0;border-radius:8px;background:transparent;color:#64748b;font-weight:800;cursor:pointer}.super-user-tabs button.active{background:#2563eb;color:#fff}.super-audit-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin-bottom:14px}.platform-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.platform-settings-card h2{margin:0 0 16px;color:#172554}.platform-settings-card label{display:block;margin:11px 0 5px;color:#334155;font-weight:750}.platform-settings-card .center-check-row{margin-top:10px}.platform-settings-actions{grid-column:1/-1}.super-center-table{min-width:980px}
@media(max-width:1200px){#superAdminPage .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.super-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.super-quick-panel{align-items:flex-start;flex-direction:column}.super-quick-panel>div:last-child{width:100%}}
@media(max-width:900px){.super-mobile-header{position:sticky;top:0;z-index:47;display:flex;align-items:center;gap:12px;height:62px;padding:0 16px;background:#0f172a;color:#fff;box-shadow:0 7px 20px rgba(15,23,42,.22)}.super-mobile-header button{width:42px;height:42px;border:0;border-radius:10px;background:rgba(255,255,255,.1);color:#fff;font-size:23px}.super-mobile-header strong,.super-mobile-header small{display:block}.super-mobile-header small{color:#93c5fd}.super-sidebar-overlay{position:fixed;inset:0;z-index:48;background:rgba(15,23,42,.6)}.super-sidebar-overlay.show{display:block}#superAdminPage .super-sidebar{z-index:49!important;width:min(310px,86vw)!important;transform:translateX(-105%);transition:transform .25s}#superAdminPage .super-sidebar.mobile-open{transform:translateX(0)}#superAdminPage .sidebar-brand button{display:block}#superAdminPage .super-content{width:100%;margin:0}#superAdminPage .super-content>#content{padding:22px 18px 55px}.super-menu-open{overflow:hidden}.super-page-heading{display:block}.super-today{display:inline-block;margin-top:12px}.platform-settings-grid{grid-template-columns:1fr}.super-list-toolbar{align-items:stretch;flex-wrap:wrap}.super-list-toolbar>div{flex:1 0 100%}.super-list-toolbar input{max-width:none;flex:1}.super-list-toolbar select{max-width:none}}
@media(max-width:600px){#superAdminPage .dashboard-grid,.super-form-grid,.super-quick-panel>div:last-child,.super-audit-filters{grid-template-columns:1fr!important}#superAdminPage .super-content>#content{padding:18px 12px 48px}.super-stat{min-height:88px}.super-user-tabs{display:grid;width:100%}.super-center-form,.platform-settings-card,.super-users-shell,.super-audit-card{padding:16px}.super-list-toolbar{display:grid}.super-list-toolbar>div{margin:0}}

/* V12.23 — Center Admin va o‘qituvchi testlar boshqaruvi */
.test-management-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.test-management-head>div>span,.test-creator-panel-head span,.test-workspace-heading>span,.test-library-heading span{color:#2563eb;font-size:11px;font-weight:900;letter-spacing:1.7px}.test-management-head h1{margin:4px 0 7px;color:#14213d;font-size:clamp(28px,3vw,40px)}.test-management-head p,.test-creator-panel-head p,.test-workspace-heading p,.test-library-heading p{margin:0;color:#64748b}.test-management-head>button{min-height:46px;padding:11px 18px;border:0;border-radius:11px;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;font-weight:850;box-shadow:0 9px 22px rgba(37,99,235,.25);cursor:pointer}
.test-management-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.test-management-stats article{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 12px;min-height:92px;padding:16px;border:1px solid #e2e8f0;border-radius:15px;background:#fff;box-shadow:0 9px 25px rgba(15,23,42,.055)}.test-management-stats article>span{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#eff6ff;font-size:21px}.test-management-stats small{color:#64748b;font-weight:700}.test-management-stats strong{color:#172554;font-size:25px}
.test-creator-panel{margin:0 0 24px;padding:22px;border:1px solid #bfdbfe;border-radius:18px;background:#fff;box-shadow:0 18px 42px rgba(30,64,175,.1)}.test-creator-panel[hidden]{display:none!important}.test-creator-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:17px;border-bottom:1px solid #e2e8f0}.test-creator-panel-head h2,.test-workspace-heading h2,.test-library-heading h2{margin:4px 0 5px;color:#172554}.test-creator-panel-head>button{width:40px;height:40px;border:0;border-radius:10px;background:#f1f5f9;color:#475569;font-size:26px;cursor:pointer}.modern-test-creator{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;max-width:none;padding:21px 0 0;margin:0;background:transparent;border:0;box-shadow:none}.modern-test-creator>label{display:block;font-weight:750;color:#334155;margin:3px 0 7px}.modern-test-creator>input,.modern-test-creator>select{display:block;width:100%;box-sizing:border-box;min-height:46px;margin:0 0 16px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;font-size:15px}.modern-test-creator>br{display:none}.modern-test-creator label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px;min-height:44px;margin:7px 0;padding:10px 12px;border:1px solid #dbe5f0;border-radius:10px;background:#f8fafc;font-weight:650}.modern-test-creator input[type=checkbox]{width:19px;height:19px;accent-color:#2563eb}.modern-test-creator #createTestBtn{grid-column:1/-1;justify-self:start;min-height:46px;margin-top:14px;padding:12px 24px;border:0;border-radius:10px;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;font-weight:850;box-shadow:0 8px 18px rgba(37,99,235,.22)}.test-group-field{grid-column:1/-1;margin-bottom:9px}.test-group-field>label{display:block;margin-bottom:8px;font-weight:800;color:#334155}.test-group-field small{font-weight:500;color:#64748b}.test-group-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;border:1px solid #dbe5f0;border-radius:11px;background:#f8fafc}.test-group-option{display:flex;align-items:center;gap:8px;min-width:0;padding:9px;border:1px solid #e2e8f0;border-radius:9px;background:#fff;color:#334155;font-weight:700;cursor:pointer}.test-group-option input{width:18px;height:18px;accent-color:#2563eb}.test-group-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.test-question-workspace{padding:20px;margin:20px 0;border:1px solid #e2e8f0;border-radius:17px;background:#fff}.test-workspace-heading{margin-bottom:16px}.test-library-section{margin-top:24px}.test-library-heading{display:flex;justify-content:space-between;margin-bottom:13px}.creator-test-filters{display:grid;grid-template-columns:minmax(240px,1.7fr) repeat(4,minmax(140px,1fr)) auto;gap:9px;padding:13px;margin-bottom:15px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.creator-test-filters input,.creator-test-filters select{width:100%;min-height:42px;padding:8px 10px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;box-sizing:border-box}.creator-test-filters button{min-height:42px;padding:8px 13px;border:1px solid #cbd5e1;border-radius:9px;background:#f8fafc;color:#475569;font-weight:800}
#testList.creator-test-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.test-list-card.modern-test-card{display:flex;flex-direction:column;min-width:0;margin:0!important;padding:18px!important;border:1px solid #e2e8f0!important;border-radius:16px!important;background:#fff;box-shadow:0 10px 27px rgba(15,23,42,.06);transition:.2s}.test-list-card.modern-test-card:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(15,23,42,.1)}.creator-test-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}.creator-type-badge,.creator-status-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:900}.creator-type-badge.mcq{background:#dcfce7;color:#166534}.creator-type-badge.reading{background:#ede9fe;color:#5b21b6}.creator-type-badge.listening{background:#e0f2fe;color:#075985}.creator-status-badge.active{background:#dcfce7;color:#166534}.creator-status-badge.expired{background:#fee2e2;color:#991b1b}.modern-test-card h3{margin:0 0 7px;color:#172554;font-size:19px;line-height:1.3;overflow-wrap:anywhere}.creator-test-topic{margin:0 0 13px;color:#64748b}.creator-test-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:13px}.creator-test-metrics span{padding:8px;border-radius:8px;background:#f8fafc;color:#475569;font-size:12px;font-weight:700}.creator-test-groups{margin:0 0 12px;padding:9px;border-radius:9px;background:#eff6ff;color:#1e40af;font-size:12px;font-weight:750}.creator-test-warning{margin:0 0 10px;padding:8px;border-radius:8px;background:#fff7ed;color:#9a3412;font-size:12px;font-weight:750}.creator-test-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}.creator-test-actions button{min-height:38px;padding:8px 10px;border:0;border-radius:8px;background:#eff6ff;color:#1d4ed8;font-weight:800;cursor:pointer}.creator-test-actions .selectTest{background:#2563eb;color:#fff}.creator-test-actions .danger{background:#fee2e2;color:#991b1b}.creator-empty-tests{grid-column:1/-1;padding:34px;border:1px dashed #cbd5e1;border-radius:15px;background:#fff;color:#64748b;text-align:center}
@media(max-width:1250px){#testList.creator-test-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-test-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.test-management-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.test-management-head{display:block}.test-management-head>button{width:100%;margin-top:14px}.modern-test-creator{grid-template-columns:1fr}.test-group-field,.modern-test-creator #createTestBtn{grid-column:auto}.test-group-selector{grid-template-columns:1fr}.creator-test-filters,#testList.creator-test-grid{grid-template-columns:1fr}.test-creator-panel{padding:16px}.test-question-workspace{padding:15px}.modern-test-creator #createTestBtn{width:100%}}
@media(max-width:480px){.test-management-stats{grid-template-columns:1fr}.test-management-stats article{min-height:76px}.creator-test-metrics{grid-template-columns:1fr}.creator-test-actions button{flex:1 1 calc(50% - 7px)}}
.test-type-field{grid-column:1/-1;margin-bottom:14px}.test-type-field>label{display:block;margin-bottom:8px;color:#334155;font-weight:800}.test-type-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.test-type-choices button{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;align-items:center;min-height:70px;padding:11px;border:1px solid #dbe5f0;border-radius:11px;background:#fff;color:#334155;text-align:left;cursor:pointer}.test-type-choices button>span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#f1f5f9;font-size:18px}.test-type-choices b,.test-type-choices small{min-width:0}.test-type-choices small{color:#64748b}.test-type-choices button.active{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 2px rgba(37,99,235,.1)}.test-type-choices button.active>span{background:#dbeafe}.test-type-native-select{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;margin:0!important;padding:0!important;border:0!important}@media(max-width:760px){.test-type-choices{grid-template-columns:1fr}}
/* ===== V12.24 — unified management pages ===== */
.management-page{max-width:1500px;margin:0 auto;padding:4px 2px 40px;color:#172033}.management-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.management-head span,.management-form-head span,.management-list-head span{display:block;color:#2563eb;font-size:12px;font-weight:900;letter-spacing:.11em}.management-head h1{margin:5px 0 7px;font-size:clamp(28px,3vw,40px);color:#0f1e3a}.management-head p,.management-form-head p,.management-list-head p{margin:0;color:#64748b}.management-add-btn,.primary-action{min-height:46px;padding:0 20px;border:0;border-radius:12px;background:linear-gradient(135deg,#2563eb,#1746b5);color:#fff;font-weight:800;font-size:15px;box-shadow:0 8px 20px rgba(37,99,235,.22);white-space:nowrap}.management-stats{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;margin-bottom:22px}.management-stats article{display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:17px 18px;border:1px solid #e1e8f1;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(15,30,58,.055)}.management-stats article>span{grid-row:1/3;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#eef4ff;font-size:21px}.management-stats small{color:#64748b;font-weight:700}.management-stats strong{font-size:25px;color:#14254a}.management-form-panel,.management-list-section{padding:24px;border:1px solid #dfe7f1;border-radius:19px;background:#fff;box-shadow:0 10px 30px rgba(15,30,58,.07);margin-bottom:24px}.management-form-panel[hidden]{display:none}.management-form-head,.management-list-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px}.management-form-head h2,.management-list-head h2{margin:4px 0 3px;color:#14254a}.panel-close{width:42px;height:42px;padding:0;border:0;border-radius:11px;background:#eef2f7;color:#475569;font-size:25px}.management-form-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:17px}.management-form-grid label{display:flex;flex-direction:column;gap:7px}.management-form-grid label>span{font-size:13px;font-weight:800;color:#334155}.management-form-grid .wide{grid-column:1/-1}.management-form-grid input,.management-form-grid select,.management-filters input,.management-filters select,.student-picker input[type=search]{width:100%;min-height:46px;box-sizing:border-box;padding:10px 13px;border:1px solid #cad5e3;border-radius:11px;background:#fff;color:#172033;font-size:15px}.management-form-grid input:focus,.management-form-grid select:focus,.management-filters input:focus,.management-filters select:focus{outline:0;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.management-form-actions{display:flex;gap:11px;margin-top:21px}.secondary-action,.management-filters button,.picker-tools button{min-height:43px;padding:0 17px;border:1px solid #cbd5e1;border-radius:11px;background:#f8fafc;color:#334155;font-weight:800}.management-filters{display:grid;grid-template-columns:minmax(230px,2fr) repeat(3,minmax(150px,1fr)) auto;gap:10px;margin-bottom:18px}.management-list-section .table-scroll{border:1px solid #dfe7f1;border-radius:14px;overflow:auto}.management-list-section .data-table{width:100%;min-width:880px;border-collapse:collapse;background:#fff}.management-list-section .data-table th{padding:13px 12px;background:#172b57;color:#fff;font-size:12px;letter-spacing:.03em;text-align:left;white-space:nowrap}.management-list-section .data-table td{padding:13px 12px;border-bottom:1px solid #e8edf4;vertical-align:middle}.management-list-section .data-table tbody tr:hover{background:#f7faff}.management-list-section .data-table button,.management-card-actions button{min-height:40px;padding:0 13px;border:1px solid #cbd5e1;border-radius:9px;background:#f8fafc;color:#203354;font-weight:800}.management-list-section .data-table button:last-child,.management-card-actions .danger{border-color:#fecaca;background:#fff5f5;color:#c62828}.management-list-section .profile-link{min-height:auto!important;padding:0!important;border:0!important;background:none!important;color:#1758c7!important;text-align:left;text-decoration:none}.management-list-section .profile-link:hover{text-decoration:underline}.student-picker{margin-top:20px;padding:18px;border:1px solid #dbe5f0;border-radius:14px;background:#f8fafc}.student-picker-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.student-picker-head>div{display:flex;flex-direction:column;gap:3px}.student-picker-head small{color:#64748b}.student-picker-head input{max-width:310px}.picker-tools{display:flex;gap:8px;margin:12px 0}.picker-tools button{min-height:38px}.student-picker #groupStudentsSelect,.student-picker #studentGroupsSelector{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:8px;max-height:270px;overflow:auto;padding:3px}.student-picker #groupStudentsSelect label,.student-picker #studentGroupsSelector label{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid #dbe5f0;border-radius:10px;background:#fff;cursor:pointer}.student-picker input[type=checkbox]{width:19px;height:19px;accent-color:#2563eb;flex:0 0 auto}.management-card-grid{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:14px}.management-entity-card{display:flex;flex-direction:column;padding:19px;border:1px solid #dfe7f1;border-radius:15px;background:#fff;box-shadow:0 5px 16px rgba(15,30,58,.05)}.management-entity-card h3{margin:0 0 12px;color:#14254a;font-size:19px}.management-entity-card p{margin:5px 0;color:#526174}.management-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:15px}.entity-badge{display:inline-flex;align-items:center;width:max-content;padding:5px 9px;border-radius:999px;background:#eaf2ff;color:#1758c7;font-size:12px;font-weight:900;margin-bottom:10px}.mobile-entity-cards{display:none}.management-empty{grid-column:1/-1;padding:40px;text-align:center;border:1px dashed #cbd5e1;border-radius:14px;color:#64748b}.profile-detail-card button.profile-detail-close{min-width:42px;min-height:42px}
@media(max-width:1100px){.management-stats{grid-template-columns:repeat(2,1fr)}.management-card-grid{grid-template-columns:repeat(2,1fr)}.management-filters{grid-template-columns:repeat(2,minmax(170px,1fr))}.management-filters input{grid-column:1/-1}}
@media(max-width:700px){.management-page{padding-bottom:28px}.management-head{align-items:stretch;flex-direction:column}.management-add-btn{width:100%}.management-stats{grid-template-columns:1fr 1fr;gap:9px}.management-stats article{grid-template-columns:38px 1fr;padding:13px}.management-stats article>span{width:36px;height:36px;font-size:17px}.management-stats strong{font-size:21px}.management-form-panel,.management-list-section{padding:16px;border-radius:15px}.management-form-grid{grid-template-columns:1fr}.management-form-grid .wide{grid-column:auto}.management-form-actions{flex-direction:column}.management-form-actions button{width:100%}.management-filters{grid-template-columns:1fr}.management-filters input{grid-column:auto}.student-picker-head{align-items:stretch;flex-direction:column}.student-picker-head input{max-width:none}.student-picker #groupStudentsSelect,.student-picker #studentGroupsSelector{grid-template-columns:1fr;max-height:310px}.management-card-grid{grid-template-columns:1fr}.management-list-section .table-scroll.desktop-entity-table{display:none}.mobile-entity-cards{display:grid;grid-template-columns:1fr;gap:11px}.mobile-entity-card{padding:16px;border:1px solid #dfe7f1;border-radius:14px;background:#fff}.mobile-entity-card h3{margin:0 0 8px;color:#14254a}.mobile-entity-card p{margin:5px 0;color:#526174}.mobile-entity-card .management-card-actions button{flex:1}.picker-tools{flex-direction:column}.picker-tools button{width:100%}}
@media(max-width:430px){.management-stats{grid-template-columns:1fr}.management-head h1{font-size:28px}}
/* ===== V12.25 — teacher groups & attendance center ===== */
.teacher-modern-page{max-width:1500px;margin:0 auto;padding:4px 2px 42px;color:#172033}.teacher-modern-head,.teacher-group-detail-head{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:22px}.teacher-modern-head span,.teacher-group-detail-head span{display:block;color:#2563eb;font-size:12px;font-weight:900;letter-spacing:.11em}.teacher-modern-head h1,.teacher-group-detail-head h1{margin:5px 0 7px;color:#102044;font-size:clamp(28px,3vw,40px)}.teacher-modern-head p,.teacher-group-detail-head p{margin:0;color:#64748b}.teacher-modern-stats{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:13px;margin-bottom:22px}.teacher-modern-stats article{display:grid;grid-template-columns:45px 1fr;grid-template-rows:auto auto;column-gap:11px;align-items:center;padding:16px 17px;border:1px solid #dfe7f1;border-radius:15px;background:#fff;box-shadow:0 5px 17px rgba(15,30,58,.055)}.teacher-modern-stats article>span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#eef4ff;font-size:20px}.teacher-modern-stats small{color:#64748b;font-weight:700}.teacher-modern-stats strong{font-size:24px;color:#14254a}.teacher-modern-filters{display:grid;grid-template-columns:minmax(250px,2fr) minmax(180px,1fr);gap:11px;padding:15px;margin-bottom:18px;border:1px solid #e1e8f1;border-radius:14px;background:#fff}.teacher-modern-filters input,.teacher-modern-filters select,.attendance-controls input,.attendance-controls select,.attendance-history-filters input,.attendance-history-filters select{width:100%;min-height:46px;box-sizing:border-box;padding:10px 13px;border:1px solid #cad5e3;border-radius:11px;background:#fff;color:#172033;font-size:15px}.teacher-group-grid{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:15px}.teacher-group-card{display:flex;flex-direction:column;padding:21px;border:1px solid #dfe7f1;border-radius:17px;background:#fff;box-shadow:0 7px 20px rgba(15,30,58,.065)}.teacher-group-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:12px;border-radius:13px;background:#eaf2ff;font-size:23px}.teacher-group-card>span{color:#2563eb;font-size:11px;font-weight:900;letter-spacing:.09em}.teacher-group-card h2{margin:5px 0 8px;color:#14254a}.teacher-group-card p{margin:0 0 12px;color:#526174}.teacher-group-metrics{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 17px}.teacher-group-metrics b{padding:7px 9px;border-radius:8px;background:#f1f5f9;color:#475569;font-size:12px}.teacher-group-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.teacher-group-actions button,.teacher-student-card>button,.teacher-back-btn,.attendance-bulk-actions button,.attendance-history-filters>button,.attendance-history-table button,.attendance-history-cards button{min-height:43px;padding:0 14px;border:1px solid #cbd5e1;border-radius:10px;background:#f8fafc;color:#203354;font-weight:800}.teacher-group-actions button:first-child,.teacher-primary-btn{border:0!important;background:linear-gradient(135deg,#2563eb,#1746b5)!important;color:#fff!important;box-shadow:0 7px 17px rgba(37,99,235,.2)}.teacher-primary-btn{min-height:46px;padding:0 19px;border-radius:11px;font-weight:900}.teacher-back-btn{margin-bottom:18px}.teacher-student-grid{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:12px}.teacher-student-card{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid #dfe7f1;border-radius:14px;background:#fff}.teacher-student-avatar{display:grid;place-items:center;flex:0 0 45px;width:45px;height:45px;border-radius:50%;background:#eaf2ff;color:#1758c7;font-weight:900;font-size:18px}.teacher-student-info{min-width:0;flex:1}.teacher-student-info h3{margin:0 0 3px;color:#14254a}.teacher-student-info p{margin:0;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.teacher-student-info>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.teacher-student-info span{padding:5px 7px;border-radius:7px;background:#f1f5f9;color:#475569;font-size:11px;font-weight:800}.teacher-empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:42px;border:1px dashed #cbd5e1;border-radius:15px;background:#fbfdff;color:#64748b;text-align:center}.teacher-empty-state b{color:#334155;font-size:18px}
.attendance-tabs{display:flex;gap:8px;margin-bottom:18px;padding:5px;border:1px solid #dfe7f1;border-radius:13px;background:#f1f5f9;width:max-content}.attendance-tabs button{min-height:43px;padding:0 20px;border:0;border-radius:9px;background:transparent;color:#526174;font-weight:900}.attendance-tabs button.active{background:#fff;color:#1758c7;box-shadow:0 3px 10px rgba(15,30,58,.1)}.attendance-control-card,.attendance-workspace,.attendance-history-filters{padding:19px;border:1px solid #dfe7f1;border-radius:16px;background:#fff;box-shadow:0 6px 20px rgba(15,30,58,.055);margin-bottom:18px}.attendance-controls{display:grid;grid-template-columns:minmax(230px,1fr) minmax(190px,.7fr) auto;gap:12px;align-items:end}.attendance-controls label,.attendance-history-filters label{display:flex;flex-direction:column;gap:7px}.attendance-controls label>span,.attendance-history-filters label>span{font-size:12px;font-weight:900;color:#475569}.attendance-notice{margin-top:13px;padding:11px 13px;border-radius:10px;background:#eff6ff;color:#1d4f91;font-weight:700}.attendance-live-stats article:nth-child(2)>span{background:#dcfce7;color:#168448}.attendance-live-stats article:nth-child(3)>span{background:#fee2e2;color:#c62828}.attendance-live-stats article:nth-child(4)>span{background:#fef3c7;color:#a16207}.attendance-workspace{padding-bottom:88px;position:relative}.attendance-workspace-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px}.attendance-workspace-head h2{margin:0 0 5px;color:#14254a}.attendance-workspace-head p{margin:0;color:#64748b}.attendance-bulk-actions{display:flex;gap:8px}.attendance-bulk-actions button:first-child{border-color:#bbf7d0;background:#f0fdf4;color:#168448}.attendance-student-list{display:grid;gap:10px}.attendance-student-row{display:grid;grid-template-columns:42px minmax(180px,1fr) minmax(390px,1.7fr);align-items:center;gap:13px;padding:13px 15px;border:1px solid #dfe7f1;border-radius:13px;background:#fbfdff}.attendance-student-number{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#eaf2ff;color:#1758c7;font-weight:900}.attendance-student-person{display:flex;flex-direction:column;gap:3px}.attendance-student-person b{color:#172b57;font-size:16px}.attendance-student-person span{color:#64748b;font-size:13px}.attendance-status-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.attendance-status-options label{cursor:pointer}.attendance-status-options input{position:absolute;opacity:0;pointer-events:none}.attendance-status-options span{display:flex;align-items:center;justify-content:center;min-height:43px;padding:0 9px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#475569;font-weight:900}.attendance-status-options .present.selected span{border-color:#22c55e;background:#dcfce7;color:#15803d}.attendance-status-options .absent.selected span{border-color:#ef4444;background:#fee2e2;color:#b91c1c}.attendance-status-options .excused.selected span{border-color:#f59e0b;background:#fef3c7;color:#92400e}.attendance-save-bar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 19px;border-top:1px solid #dfe7f1;background:rgba(255,255,255,.96);border-radius:0 0 16px 16px;box-shadow:0 -8px 18px rgba(15,30,58,.06)}.attendance-save-bar>span{color:#64748b;font-weight:700}.attendance-save-bar .ready{background:linear-gradient(135deg,#16a34a,#15803d)!important}.attendance-history-filters{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr)) auto auto;gap:10px;align-items:end}.attendance-history-filters>button{min-height:46px}.attendance-history-table{border:1px solid #dfe7f1;border-radius:14px;overflow:auto}.attendance-history-table .data-table{width:100%;min-width:850px;border-collapse:collapse}.attendance-history-table th{padding:13px;background:#172b57;color:#fff;text-align:left}.attendance-history-table td{padding:13px;border-bottom:1px solid #e7edf4}.history-status{display:inline-grid;place-items:center;min-width:32px;height:27px;border-radius:7px;font-weight:900}.history-status.present{background:#dcfce7;color:#15803d}.history-status.absent{background:#fee2e2;color:#b91c1c}.history-status.excused{background:#fef3c7;color:#92400e}.attendance-history-cards{display:none}
@media(max-width:1100px){.teacher-modern-stats{grid-template-columns:repeat(2,1fr)}.teacher-group-grid{grid-template-columns:repeat(2,1fr)}.attendance-history-filters{grid-template-columns:repeat(2,1fr)}.attendance-controls{grid-template-columns:1fr 1fr}.attendance-controls button{grid-column:1/-1}.attendance-student-row{grid-template-columns:38px 1fr}.attendance-status-options{grid-column:1/-1}}
@media(max-width:700px){.teacher-modern-head,.teacher-group-detail-head{align-items:stretch;flex-direction:column}.teacher-modern-stats{grid-template-columns:1fr 1fr;gap:9px}.teacher-modern-stats article{grid-template-columns:38px 1fr;padding:13px}.teacher-modern-stats article>span{width:36px;height:36px}.teacher-group-grid,.teacher-student-grid{grid-template-columns:1fr}.teacher-modern-filters{grid-template-columns:1fr}.teacher-group-actions{grid-template-columns:1fr}.teacher-student-card{align-items:flex-start;flex-wrap:wrap}.teacher-student-card>button{width:100%}.attendance-tabs{width:100%;box-sizing:border-box}.attendance-tabs button{flex:1;padding:0 9px}.attendance-controls,.attendance-history-filters{grid-template-columns:1fr}.attendance-controls button{grid-column:auto}.attendance-workspace{padding:14px 14px 104px}.attendance-workspace-head{align-items:stretch;flex-direction:column}.attendance-bulk-actions{display:grid;grid-template-columns:1fr}.attendance-student-row{grid-template-columns:36px 1fr;padding:13px 10px}.attendance-status-options{grid-template-columns:1fr;grid-column:1/-1}.attendance-status-options span{min-height:46px}.attendance-save-bar{position:sticky;bottom:8px;margin:16px -7px -94px;flex-direction:column;align-items:stretch;border:1px solid #dfe7f1;border-radius:13px;padding:11px;z-index:5}.attendance-save-bar button{width:100%}.attendance-history-table{display:none}.attendance-history-cards{display:grid;gap:11px}.attendance-history-cards article{padding:16px;border:1px solid #dfe7f1;border-radius:14px;background:#fff}.attendance-history-cards article>span{color:#64748b}.attendance-history-cards h3{margin:6px 0 12px;color:#14254a}.attendance-history-cards article>div{display:flex;gap:7px;margin-bottom:13px}.attendance-history-cards b{padding:6px 8px;border-radius:7px}.attendance-history-cards .present{background:#dcfce7;color:#15803d}.attendance-history-cards .absent{background:#fee2e2;color:#b91c1c}.attendance-history-cards .excused{background:#fef3c7;color:#92400e}.attendance-history-cards button{width:100%}}
@media(max-width:430px){.teacher-modern-stats{grid-template-columns:1fr}.teacher-modern-head h1,.teacher-group-detail-head h1{font-size:27px}}

/* ===== V12.26 — future and cash payments ===== */
.payment-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.payment-heading-actions .primary-action-btn{min-height:44px;padding:0 17px;border:0;border-radius:11px;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(22,163,74,.2);cursor:pointer}.payment-heading-actions .primary-action-btn:disabled{background:#cbd5e1;color:#64748b;box-shadow:none;cursor:not-allowed}.cash-payment-card{max-width:540px}.cash-payment-card .cash-payment-kicker{display:block;margin-bottom:5px;color:#16a34a;font-size:11px;font-weight:900;letter-spacing:.14em}.cash-payment-card select,.cash-payment-card input,.cash-payment-card textarea{width:100%;min-height:45px;box-sizing:border-box;padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#172033;font:inherit}.cash-payment-card textarea{min-height:76px;resize:vertical}.cash-payment-card select:focus,.cash-payment-card input:focus,.cash-payment-card textarea:focus{outline:0;border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.12)}
@media(max-width:700px){.payment-heading-actions{width:100%;align-items:stretch;flex-direction:column}.payment-heading-actions .primary-action-btn{width:100%}.cash-payment-card{width:calc(100% - 24px);max-height:92vh;overflow:auto}.cash-payment-card .student-payment-modal-actions{display:grid;grid-template-columns:1fr}.cash-payment-card .student-payment-modal-actions button{width:100%;min-height:46px}}

/* ===== V12.27 — payment center, recipients and platform proofs ===== */
.student-new-payment-card{margin:20px 0;padding:22px;border:1px solid #dbe5f0;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.06)}.student-new-payment-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.student-new-payment-head>div:first-child>span,.payment-recipient-card>span{color:#2563eb;font-size:11px;font-weight:900;letter-spacing:.13em}.student-new-payment-head h2{margin:5px 0;color:#172554}.student-new-payment-head p,.student-payment-history-head p{margin:0;color:#64748b}.student-new-payment-action{display:grid;grid-template-columns:minmax(190px,1fr) auto;gap:7px 9px;min-width:430px}.student-new-payment-action label{grid-column:1/-1;color:#475569;font-size:12px;font-weight:800}.student-new-payment-action select,.student-payment-history-head select{min-height:44px;padding:9px 12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#172033}.student-new-payment-action button{min-height:44px;padding:0 18px;border:0;border-radius:10px;background:linear-gradient(135deg,#2563eb,#1746b5);color:#fff;font-weight:900;cursor:pointer}.student-payment-recipients{margin-top:19px;padding-top:17px;border-top:1px solid #e7edf4}.student-payment-recipient-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:11px}.student-payment-recipient-title span{color:#64748b;font-size:12px}.student-payment-recipient-grid{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:10px}.payment-recipient{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px;border:1px solid #dbe5f0;border-radius:13px;background:#f8fafc}.payment-recipient-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#eaf2ff;font-size:20px}.payment-recipient small,.payment-recipient b,.payment-recipient span,.payment-recipient strong{display:block}.payment-recipient small{color:#2563eb;font-size:10px;font-weight:900}.payment-recipient b{margin:2px 0;color:#172554}.payment-recipient span{color:#64748b;font-size:11px}.payment-recipient strong{margin-top:5px;color:#334155;letter-spacing:.04em}.payment-recipient button{min-height:36px;padding:0 10px;border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff;color:#1d4ed8;font-weight:800}.payment-recipient em{color:#b45309;font-size:11px}.payment-recipient-card{margin-top:13px;padding:13px;border:1px solid #dbe5f0;border-radius:12px;background:#f8fafc}.payment-recipient-card .payment-recipient{margin-top:8px;background:#fff}.student-payment-history-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px}.student-payment-history-head h2{margin:0 0 4px}.student-payment-table td small{display:block;margin-top:4px;color:#64748b}.student-payment-history-cards{display:none}
.payment-details-grid{display:grid;grid-template-columns:repeat(2,minmax(230px,1fr));gap:14px;margin:16px 0}.payment-details-grid label{display:flex;flex-direction:column;gap:7px}.payment-details-grid label>span{font-size:12px;font-weight:800;color:#475569}.payment-details-grid input{width:100%;min-height:45px;box-sizing:border-box;padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px}.payment-details-grid .payment-check-row{justify-content:center}.payment-security-note{padding:7px 10px;border-radius:999px;background:#ecfdf5;color:#15803d;font-size:12px;font-weight:800}
.platform-payment-grid{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(380px,1.15fr);gap:17px;margin-bottom:18px}.platform-payment-grid .payment-settings-card{margin:0}.platform-bank-card{display:flex;flex-direction:column;gap:7px;margin-top:16px;padding:22px;border-radius:16px;background:linear-gradient(135deg,#172554,#2563eb);color:#fff;box-shadow:0 12px 25px rgba(37,99,235,.22)}.platform-bank-card small{color:#bfdbfe}.platform-bank-card strong{font-size:clamp(19px,2.4vw,27px);letter-spacing:.08em}.platform-bank-card button{align-self:flex-start;margin-top:8px;min-height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.3);border-radius:9px;background:rgba(255,255,255,.12);color:#fff;font-weight:800}.platform-payment-grid textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px}.subscription-review-card{width:min(940px,calc(100% - 30px));max-width:940px;max-height:94vh;overflow:auto}.subscription-review-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:13px 0}.subscription-review-meta span{padding:10px;border-radius:10px;background:#f1f5f9;color:#475569}.subscription-review-meta b{display:block;margin-bottom:3px;color:#172554}.subscription-proof-preview{display:grid;place-items:center;min-height:390px;margin:14px 0;border:1px solid #dbe5f0;border-radius:13px;overflow:hidden;background:#e9eef5}.subscription-proof-preview img{display:block;max-width:100%;max-height:65vh;object-fit:contain}.subscription-proof-preview iframe{width:100%;height:65vh;border:0;background:#fff}.compact-data-table td>small{display:block;margin-top:3px;color:#64748b}
@media(max-width:1050px){.student-payment-recipient-grid{grid-template-columns:repeat(2,1fr)}.platform-payment-grid{grid-template-columns:1fr}.subscription-review-meta{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.student-new-payment-card{padding:16px}.student-new-payment-head{display:block}.student-new-payment-action{grid-template-columns:1fr;min-width:0;margin-top:16px}.student-new-payment-action label{grid-column:auto}.student-payment-recipient-title,.student-payment-history-head{align-items:stretch;flex-direction:column}.student-payment-recipient-grid{grid-template-columns:1fr}.payment-recipient{grid-template-columns:40px minmax(0,1fr)}.payment-recipient button,.payment-recipient em{grid-column:1/-1;width:100%}.student-payment-table-card .table-scroll-wrap{display:none}.student-payment-history-cards{display:grid;gap:11px}.student-payment-history-cards article{padding:16px;border:1px solid #dbe5f0;border-radius:14px;background:#fff}.student-payment-history-cards article>span{color:#2563eb;font-size:12px;font-weight:900}.student-payment-history-cards h3{margin:5px 0;color:#172554}.student-payment-history-cards p{margin:0 0 12px;color:#64748b}.student-payment-history-cards article>div{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:9px}.student-payment-history-cards article>small{display:block;margin-bottom:11px;color:#64748b}.student-payment-history-cards button,.student-payment-history-cards a{display:flex;align-items:center;justify-content:center;width:100%;min-height:43px;box-sizing:border-box}.payment-details-grid,.subscription-review-meta{grid-template-columns:1fr}.subscription-proof-preview{min-height:260px}.subscription-proof-preview iframe{height:55vh}}

/* ===== V12.28 — center lifecycle and access security ===== */
.super-date-field{display:flex;flex-direction:column;gap:5px}.super-date-field span{color:#64748b;font-size:11px;font-weight:800}.center-row-actions,.profile-center-actions{display:flex;gap:7px;flex-wrap:wrap}.center-row-actions button{min-height:38px;padding:0 11px;border:1px solid #cbd5e1;border-radius:9px;background:#f8fafc;font-weight:800}.profile-center-actions{margin-top:18px}.subscription-expiry{font-weight:800;color:#475569}.subscription-expiry.expired{color:#dc2626}.center-management-modal{max-width:760px}.management-modal-kicker{display:block;color:#2563eb;font-size:11px;font-weight:900;letter-spacing:.13em}.management-modal-kicker.danger{color:#dc2626}.center-delete-modal{max-width:560px}.center-delete-modal>input,.password-reset-card input{width:100%;min-height:45px;box-sizing:border-box;margin-top:8px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px}.center-delete-modal>p{color:#64748b;line-height:1.55}.password-reset-card{max-width:520px}.password-reset-card>label{display:flex;flex-direction:column;gap:5px;margin-top:13px;color:#334155;font-weight:800}.password-reset-card .password-show-row{flex-direction:row;align-items:center}.password-reset-card .password-show-row input{width:18px;min-height:18px;margin:0}.super-security-card{grid-column:1/-1}.super-security-card .primary-action-btn{margin-top:12px}
.secure-login-page{min-height:100vh;margin:0;display:grid;place-items:center;padding:22px;box-sizing:border-box;background:radial-gradient(circle at 20% 10%,#294ca0 0,#111b34 42%,#08101f 100%)}.secure-login-shell{display:grid;grid-template-columns:minmax(310px,.85fr) minmax(380px,1fr);width:min(960px,100%);min-height:570px;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:25px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.35)}.secure-login-brand{padding:58px 48px;background:linear-gradient(145deg,#142756,#1d4ed8);color:#fff}.secure-login-brand>span{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:rgba(255,255,255,.13);font-size:31px}.secure-login-brand h1{margin:22px 0 7px;font-size:42px}.secure-login-brand p{color:#bfdbfe;line-height:1.55}.secure-login-brand ul{margin:40px 0 0;padding:0;list-style:none}.secure-login-brand li{margin:13px 0;padding-left:25px;position:relative}.secure-login-brand li:before{content:'✓';position:absolute;left:0;color:#86efac;font-weight:900}.secure-login-card{display:flex;flex-direction:column;justify-content:center;padding:55px}.secure-login-card h2{margin:7px 0;color:#14254a;font-size:30px}.secure-login-card>p{margin:0 0 24px;color:#64748b}.secure-login-card>label{display:flex;flex-direction:column;gap:7px;margin:8px 0;color:#334155;font-weight:800}.secure-login-card input{width:100%;min-height:47px;box-sizing:border-box;padding:10px 12px;border:1px solid #cbd5e1;border-radius:11px;font:inherit}.secure-login-card input:focus{outline:0;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.secure-password-field{display:grid;grid-template-columns:1fr auto}.secure-password-field input{border-radius:11px 0 0 11px}.secure-password-field button{padding:0 12px;border:1px solid #cbd5e1;border-left:0;border-radius:0 11px 11px 0;background:#f8fafc;color:#2563eb;font-weight:800}.secure-login-card>.primary-action{min-height:48px;margin-top:12px;border:0;border-radius:11px;background:linear-gradient(135deg,#2563eb,#1746b5);color:#fff;font-weight:900}.secure-login-card>small{margin-top:13px;color:#94a3b8;text-align:center}
@media(max-width:760px){.secure-login-page{padding:0}.secure-login-shell{grid-template-columns:1fr;min-height:100vh;border:0;border-radius:0}.secure-login-brand{display:none}.secure-login-card{padding:35px 22px}.center-row-actions{min-width:260px}.center-management-modal,.center-delete-modal,.password-reset-card{width:calc(100% - 24px);max-height:92vh;overflow:auto}.profile-center-actions button{flex:1}}

/* V12.32 — Super Admin mobil joylashuvi va yagona login */
#superAdminPage{
    display:block;
    width:100%;
    min-width:0;
    overflow-x:hidden;
}
#superAdminPage .super-layout,
#superAdminPage .super-content,
#superAdminPage .super-content>#content{
    min-width:0;
    max-width:100%;
}
@media(max-width:900px){
    #superAdminPage .super-mobile-header{
        width:100%;
        min-width:0;
        box-sizing:border-box;
    }
    #superAdminPage .super-layout{
        display:block;
        width:100%;
    }
    #superAdminPage .super-content{
        display:block;
        width:100%!important;
        max-width:100%!important;
        margin-left:0!important;
        padding:0!important;
        overflow-x:hidden;
    }
    #superAdminPage .super-content>#content{
        width:100%!important;
        max-width:100%!important;
        margin:0!important;
        overflow-x:hidden;
    }
    #superAdminPage .super-sidebar{
        left:0!important;
        right:auto!important;
        height:100dvh;
        max-width:86vw;
        overflow-y:auto;
    }
    #superAdminPage .super-page-heading,
    #superAdminPage .super-center-form,
    #superAdminPage .platform-settings-card,
    #superAdminPage .super-users-shell,
    #superAdminPage .super-audit-card{
        min-width:0;
        max-width:100%;
    }
    #superAdminPage input,
    #superAdminPage select,
    #superAdminPage textarea,
    #superAdminPage button{
        max-width:100%;
    }
}
@media(max-width:600px){
    #superAdminPage .super-page-heading h1{
        overflow-wrap:anywhere;
        font-size:clamp(27px,9vw,36px);
    }
    #superAdminPage .super-content>#content{
        padding:18px 12px 48px!important;
    }
    #superAdminPage .super-user-tabs,
    #superAdminPage .super-list-toolbar,
    #superAdminPage .super-audit-filters{
        width:100%;
        min-width:0;
    }
}

/* V12.33 — Center Admin mobil paneli. Desktop qoidalariga ta'sir qilmaydi. */
@media(max-width:900px){
    #centerAdminPage{
        display:block;
        width:100%;
        min-width:0;
        overflow-x:hidden;
        background:#f4f7fb;
    }
    #centerAdminPage .center-mobile-header{
        position:sticky;
        top:0;
        z-index:9997;
        display:flex;
        align-items:center;
        gap:14px;
        width:100%;
        height:64px;
        min-width:0;
        padding:0 14px;
        box-sizing:border-box;
        background:#111827;
        color:#fff;
        box-shadow:0 5px 18px rgba(15,23,42,.22);
    }
    #centerAdminPage .center-mobile-header #centerMenuToggle{
        display:grid;
        place-items:center;
        flex:0 0 44px;
        width:44px;
        height:44px;
        min-width:44px;
        margin:0;
        padding:0;
        border:1px solid rgba(255,255,255,.12);
        border-radius:12px;
        background:#374151;
        color:#fff;
        font-size:25px;
        line-height:1;
        box-shadow:none;
    }
    #centerAdminPage .center-mobile-header #centerMobilePageTitle{
        min-width:0;
        overflow:hidden;
        color:#fff;
        font-size:18px;
        font-weight:850;
        line-height:1.2;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    #centerAdminPage .super-layout{
        display:block;
        width:100%;
        min-width:0;
        max-width:100%;
    }
    #centerAdminPage .super-content{
        display:block;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        margin:0!important;
        padding:0!important;
        overflow-x:hidden;
    }
    #centerAdminPage .super-content>#content{
        display:block;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        margin:0!important;
        padding:22px 18px 55px!important;
        box-sizing:border-box;
        overflow-x:hidden;
    }
    #centerAdminPage .super-sidebar{
        position:fixed!important;
        inset:0 auto 0 0!important;
        z-index:9999!important;
        width:min(310px,86vw)!important;
        max-width:86vw!important;
        height:100dvh;
        transform:translateX(-105%);
        transition:transform .25s ease;
        box-sizing:border-box;
        overflow-y:auto;
    }
    #centerAdminPage .super-sidebar.mobile-open{transform:translateX(0)}
    #centerAdminPage .center-sidebar-overlay{
        position:fixed;
        inset:0;
        z-index:9998;
        background:rgba(15,23,42,.58);
    }
    #centerAdminPage .center-sidebar-overlay.show{display:block}
    #centerAdminPage .center-page-heading,
    #centerAdminPage .management-head,
    #centerAdminPage .teacher-modern-head,
    #centerAdminPage .test-management-head,
    #centerAdminPage .page-heading-row,
    #centerAdminPage .payment-heading-actions{
        min-width:0;
        max-width:100%;
    }
    #centerAdminPage input,
    #centerAdminPage select,
    #centerAdminPage textarea,
    #centerAdminPage button{
        max-width:100%;
    }
}
@media(max-width:600px){
    #centerAdminPage .super-content>#content{padding:18px 12px 48px!important}
    #centerAdminPage .center-page-heading h1,
    #centerAdminPage .management-head h1,
    #centerAdminPage .teacher-modern-head h1,
    #centerAdminPage .test-management-head h1{
        overflow-wrap:anywhere;
        font-size:clamp(27px,9vw,36px);
    }
}

/* ===== V12.29 — Super Admin recovery ===== */
.secure-login-card>div>label{display:flex;flex-direction:column;gap:7px;margin:8px 0;color:#334155;font-weight:800}.secure-login-card>div>label input{width:100%;min-height:47px;box-sizing:border-box;padding:10px 12px;border:1px solid #cbd5e1;border-radius:11px;font:inherit}.secure-login-card>div>label small{color:#94a3b8;font-size:11px;font-weight:600}.secure-login-card>div>.primary-action,.secure-login-card>div>.secondary-action{width:100%;min-height:48px;margin-top:12px;border-radius:11px;font-weight:900}.secure-login-card>div>.primary-action{border:0;background:linear-gradient(135deg,#2563eb,#1746b5);color:#fff}.secure-login-card>div>.secondary-action{border:1px solid #cbd5e1;background:#f8fafc;color:#334155}.secure-link-button,.secure-back-button{border:0;background:transparent;color:#2563eb;font-weight:800;cursor:pointer}.secure-link-button{width:100%;margin-top:14px}.secure-back-button{padding:0;margin-bottom:17px}.email-recovery-notice{display:flex;flex-direction:column;gap:4px;margin-top:16px;padding:12px;border:1px solid #bfdbfe;border-radius:11px;background:#eff6ff;color:#1e40af}.email-recovery-notice span{font-size:12px;color:#475569}.management-modal-kicker.success{color:#16a34a}.generated-recovery-code{margin:18px 0;padding:18px;border:2px dashed #60a5fa;border-radius:13px;background:#eff6ff;color:#172554;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(15px,2vw,20px);font-weight:900;line-height:1.6;text-align:center;overflow-wrap:anywhere;user-select:all}.recovery-warning{padding:12px;border-radius:10px;background:#fff7ed;color:#9a3412;font-size:12px;line-height:1.45}.recovery-confirm-row{display:flex!important;flex-direction:row!important;align-items:center;margin-top:15px!important}.recovery-confirm-row input{width:19px!important;min-height:19px!important}.secure-login-card [hidden]{display:none!important}

/* V12.34 — O‘qituvchi va o‘quvchi mobil panellari. Desktopga ta'sir qilmaydi. */
.student-mobile-header,.student-sidebar-overlay{display:none}.student-sidebar-identity{position:relative}.student-sidebar-identity>div{min-width:0}.student-sidebar-identity>button{display:none}
@media(max-width:900px){
#teacherPage,#studentPage{display:block;width:100%;min-width:0;overflow-x:hidden}
#teacherPage .teacher-mobile-header,#studentPage .student-mobile-header{position:sticky;top:0;z-index:9997;display:flex;align-items:center;gap:14px;width:100%;height:64px;min-width:0;padding:0 14px;box-sizing:border-box;background:#111827;color:#fff;box-shadow:0 5px 18px rgba(15,23,42,.22)}
#teacherPage .teacher-mobile-header button,#studentPage .student-mobile-header button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;margin:0;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#374151;color:#fff;font-size:25px;line-height:1;box-shadow:none}
#teacherPage .teacher-mobile-header strong,#studentPage .student-mobile-header strong{min-width:0;overflow:hidden;color:#fff;font-size:18px;font-weight:850;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
#teacherPage .dashboard-container{display:block;width:100%;min-width:0;max-width:100%}
#teacherPage .dashboard-container #content{display:block;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:22px 18px 55px!important;box-sizing:border-box;overflow-x:hidden}
#teacherPage .dashboard-container>.sidebar{left:0!important;right:auto!important;height:100dvh;max-width:86vw;overflow-y:auto}
#studentPage>.sidebar{position:fixed!important;inset:0 auto 0 0!important;z-index:9999!important;width:min(310px,86vw)!important;max-width:86vw!important;height:100dvh;transform:translateX(-105%);transition:transform .25s ease;box-sizing:border-box;overflow-y:auto}
#studentPage>.sidebar.mobile-open{transform:translateX(0)}
#studentPage .student-sidebar-overlay{position:fixed;inset:0;z-index:9998;background:rgba(15,23,42,.58)}#studentPage .student-sidebar-overlay.show{display:block}
#studentPage>.content{display:block;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:22px 18px 55px!important;box-sizing:border-box;overflow-x:hidden}
#studentPage .student-sidebar-identity{display:flex;align-items:flex-start;gap:10px}#studentPage .student-sidebar-identity>div{flex:1}
#studentPage .student-sidebar-identity>button{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:10px;background:rgba(255,255,255,.1);color:#fff;font-size:28px}
#studentPage input,#studentPage select,#studentPage textarea,#studentPage button,#teacherPage input,#teacherPage select,#teacherPage textarea,#teacherPage button{max-width:100%}.student-menu-open,.teacher-menu-open{overflow:hidden}
}
@media(max-width:600px){#teacherPage .dashboard-container #content,#studentPage>.content{padding:18px 12px 48px!important}#studentPage .student-page-heading h1,#studentPage .student-payment-heading h1,#studentPage .student-leaderboard-heading h1,#teacherPage .teacher-page-heading h1,#teacherPage .page-heading-row h1{overflow-wrap:anywhere;font-size:clamp(27px,9vw,36px)}#studentPage .card{max-width:100%}
#studentPage .student-home-stats,#studentPage .student-payment-summary-grid,#studentPage .student-result-summary-grid,#studentPage .student-rank-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
#studentPage .student-payment-summary-grid>:last-child:nth-child(odd),#studentPage .student-result-summary-grid>:last-child:nth-child(odd){grid-column:1/-1}
#studentPage .student-stat-card,#studentPage .student-payment-summary-card,#studentPage .student-result-summary-grid>.card,#studentPage .student-rank-summary-grid>.card{min-width:0;min-height:88px;padding:14px}
#studentPage .student-payment-summary-card strong,#studentPage .student-rank-summary-grid strong{overflow-wrap:anywhere;font-size:clamp(17px,5vw,23px)}
}
@media(max-width:360px){#studentPage .student-home-stats,#studentPage .student-payment-summary-grid,#studentPage .student-result-summary-grid,#studentPage .student-rank-summary-grid{grid-template-columns:1fr!important}#studentPage .student-payment-summary-grid>:last-child:nth-child(odd),#studentPage .student-result-summary-grid>:last-child:nth-child(odd){grid-column:auto}}

/* V12.42 — O‘quvchilar jadvalidagi desktop amallar tartibi. */
.desktop-table-actions{display:grid;grid-template-columns:repeat(3,minmax(72px,1fr));gap:6px;min-width:230px}
.desktop-table-actions button{width:100%;margin:0!important;white-space:nowrap}
.desktop-table-actions button[data-action="reset-password"]{grid-column:auto}
.desktop-table-actions .danger{border-color:#fecaca!important;background:#fff5f5!important;color:#c62828!important}

/* V12.43 — Davomat tarixi jurnal shaklida. */
.attendance-journal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid #dfe7f1;border-bottom:0;border-radius:15px 15px 0 0;background:#fff}.attendance-journal-head>div:first-child{display:flex;flex-direction:column;gap:3px}.attendance-journal-head b{color:#14254a;font-size:18px}.attendance-journal-head span{color:#64748b;font-size:12px}.attendance-journal-legend{display:flex!important;flex-direction:row!important;gap:13px!important;flex-wrap:wrap}.attendance-journal-legend span{display:flex;align-items:center;gap:5px}.attendance-journal-legend i{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;font-style:normal;font-weight:900}.attendance-journal-legend .present{background:#dcfce7;color:#15803d}.attendance-journal-legend .absent{background:#fee2e2;color:#b91c1c}.attendance-journal-legend .excused{background:#fef3c7;color:#92400e}.attendance-journal-wrap{max-width:100%;overflow:auto;border:1px solid #dfe7f1;background:#fff}.attendance-journal{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0}.attendance-journal th,.attendance-journal td{height:52px;padding:7px 9px;border-right:1px solid #e4eaf2;border-bottom:1px solid #e4eaf2;text-align:center;background:#fff}.attendance-journal thead th{position:sticky;top:0;z-index:3;background:#172b57;color:#fff}.attendance-journal .journal-number{position:sticky;left:0;z-index:4;width:42px;min-width:42px}.attendance-journal tbody .journal-number{background:#f8fafc;color:#64748b;font-weight:800}.attendance-journal .journal-student{position:sticky;left:60px;z-index:4;min-width:210px;max-width:250px;text-align:left}.attendance-journal tbody .journal-student{background:#fff;color:#172b57}.attendance-journal .journal-date{min-width:72px;padding:0}.attendance-journal .journal-date button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:52px;margin:0;padding:4px;border:0;background:transparent;color:#fff;cursor:pointer}.attendance-journal .journal-date button:hover{background:#23427c}.attendance-journal .journal-date small{display:block;max-width:76px;overflow:hidden;color:#bfdbfe;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.journal-mark{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:8px;font-weight:950}.journal-mark.present{background:#dcfce7;color:#15803d}.journal-mark.absent{background:#fee2e2;color:#b91c1c}.journal-mark.excused{background:#fef3c7;color:#92400e}.journal-mark.empty{background:#f1f5f9;color:#94a3b8}.attendance-journal-hint{margin:9px 2px 0;color:#64748b;font-size:12px}
@media(max-width:700px){.attendance-journal-head{align-items:flex-start;flex-direction:column}.attendance-journal .journal-student{left:60px;min-width:170px}.attendance-journal-legend{gap:7px!important}}

/* V12.44 — Sotuvoldi yakuniy jadval tuzatishlari. */
.attendance-month-filters{grid-template-columns:minmax(230px,1.25fr) minmax(190px,.75fr) auto auto}
.attendance-journal-wrap{width:100%;max-width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:visible;overscroll-behavior-inline:contain}
.attendance-journal{width:max-content!important;min-width:max-content!important;table-layout:auto}
.attendance-journal .journal-day-cell,.attendance-journal .journal-date{width:64px;min-width:64px;max-width:64px}
.attendance-journal .journal-total{width:67px;min-width:67px;padding-inline:7px}
.attendance-journal tbody .journal-total{background:#f8fafc;font-weight:900}.attendance-journal tbody .present-total{color:#15803d}.attendance-journal tbody .absent-total{color:#b91c1c}.attendance-journal tbody .excused-total{color:#92400e}.attendance-journal tbody .percent-total{color:#172554}
.super-content,.super-content>#content,.results-controls-expanded,.results-table-wrapper{min-width:0;max-width:100%;box-sizing:border-box}
.super-content{overflow-x:hidden}.results-table-wrapper{overflow-x:auto;overscroll-behavior-inline:contain}.results-controls-expanded>*{min-width:0!important;flex:1 1 155px}.results-controls-expanded #sortResults{flex-basis:calc(100% - 190px)}.results-controls-expanded #exportExcelBtn{flex:0 0 auto}
@media(max-width:900px){.attendance-month-filters{grid-template-columns:1fr 1fr}.attendance-month-filters button{width:100%}}
@media(max-width:600px){.attendance-month-filters{grid-template-columns:1fr}.attendance-journal .journal-student{min-width:165px}.attendance-journal .journal-day-cell,.attendance-journal .journal-date{width:58px;min-width:58px;max-width:58px}.results-controls-expanded #sortResults,.results-controls-expanded #exportExcelBtn{flex-basis:auto}}
.parent-report-page{display:grid;gap:18px}.parent-report-head,.parent-report-settings,.parent-report-toolbar,.parent-report-preview,.parent-report-history{background:#fff;border:1px solid #e3e8f2;border-radius:18px;padding:20px}.parent-report-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.parent-report-head span{color:#2457d6;font-weight:800;letter-spacing:1px}.parent-report-head h1{margin:6px 0}.parent-report-settings{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.parent-report-settings h2{width:100%;margin:0}.parent-report-settings label{display:flex;gap:8px;align-items:center}.parent-report-settings input[type=number]{width:80px;padding:8px}.parent-report-toolbar{display:flex;gap:12px}.parent-report-toolbar input{flex:1}.parent-report-toolbar input,.parent-report-toolbar select{padding:12px;border:1px solid #ccd4e3;border-radius:10px}.parent-report-table-wrap{overflow:auto;background:#fff;border-radius:18px;border:1px solid #e3e8f2}.parent-report-table-wrap table{width:100%;border-collapse:collapse;min-width:850px}.parent-report-table-wrap th,.parent-report-table-wrap td{padding:14px;border-bottom:1px solid #edf0f5;text-align:left}.parent-report-table-wrap small{display:block;color:#68758a}.parent-report-actions{display:flex;flex-wrap:wrap;gap:7px}.parent-report-actions button,.parent-report-head button,.parent-report-settings button{border:0;border-radius:9px;padding:10px 12px;background:#2457d6;color:#fff;font-weight:700}.parent-report-actions button:disabled{opacity:.45}.parent-telegram-status{color:#9b2c2c;font-weight:700}.parent-telegram-status.connected{color:#087443}.parent-report-preview pre{white-space:pre-wrap;font:inherit;line-height:1.65;background:#f6f8fc;padding:18px;border-radius:12px}.parent-log-row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;padding:11px;border-bottom:1px solid #edf0f5}.parent-log-row i.sent{color:#087443}.parent-log-row i.failed{color:#b42318}@media(max-width:700px){.parent-report-head{align-items:flex-start}.parent-report-settings{display:grid}.parent-report-toolbar{flex-direction:column}.parent-log-row{grid-template-columns:1fr}.parent-report-page{gap:12px}}
.lesson-result-controls{grid-template-columns:minmax(240px,1fr) minmax(190px,.65fr) auto}.lesson-result-toolbar,.lesson-result-savebar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px;border:1px solid #dfe7f1;border-radius:16px;background:#fff;margin-bottom:15px}.lesson-result-toolbar h2{margin:0 0 5px;color:#14254a}.lesson-result-toolbar p{margin:0;color:#64748b}.lesson-result-toolbar button,.lesson-result-savebar button{min-height:44px;padding:0 15px;border:1px solid #bcd0ef;border-radius:10px;background:#eff6ff;color:#174ea6;font-weight:900}.lesson-task-list{display:grid;gap:16px}.lesson-task-card{border:1px solid #dfe7f1;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 6px 18px rgba(15,30,58,.05)}.lesson-task-head{display:flex;justify-content:space-between;gap:14px;padding:16px;background:#f8fbff;border-bottom:1px solid #e3eaf3}.lesson-task-head>div{display:grid;grid-template-columns:minmax(260px,2fr) minmax(150px,.6fr);gap:12px;flex:1}.lesson-task-head label{display:flex;flex-direction:column;gap:6px;color:#475569;font-size:12px;font-weight:900}.lesson-task-head input,.lesson-result-table input{width:100%;box-sizing:border-box;min-height:42px;padding:9px 11px;border:1px solid #cad5e3;border-radius:9px;background:#fff;font-size:14px}.remove-lesson-task{width:42px;height:42px;border:1px solid #fecaca;border-radius:10px;background:#fff1f2;color:#be123c;font-size:24px}.lesson-result-table-wrap{overflow:auto}.lesson-result-table{width:100%;min-width:760px;border-collapse:collapse}.lesson-result-table th,.lesson-result-table td{padding:12px 14px;border-bottom:1px solid #edf1f6;text-align:left}.lesson-result-table th{background:#172b57;color:#fff}.lesson-result-table td:first-child{width:48px}.lesson-result-table td:nth-child(2){min-width:220px}.lesson-result-table td:nth-child(3){width:150px}.lesson-result-table small{display:block;margin-top:3px;color:#64748b}.lesson-result-savebar{position:sticky;bottom:8px;margin-top:18px;box-shadow:0 -5px 22px rgba(15,30,58,.09)}.lesson-result-savebar>div{display:flex;gap:9px}.lesson-result-savebar #sendLessonResults{background:#e8f8ee;border-color:#a7e2ba;color:#087443}@media(max-width:700px){.lesson-result-controls{grid-template-columns:1fr}.lesson-result-toolbar,.lesson-result-savebar{align-items:stretch;flex-direction:column}.lesson-result-toolbar button,.lesson-result-savebar>div,.lesson-result-savebar button{width:100%}.lesson-result-savebar>div{flex-direction:column}.lesson-task-head>div{grid-template-columns:1fr}.lesson-task-head{align-items:flex-start}}
/* V12.50 Writing AI */
.writing-teacher-layout{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:22px;align-items:start}.writing-form{display:grid;gap:14px;position:sticky;top:20px}.writing-form label,.writing-review-card>label{display:grid;gap:7px;font-weight:700}.writing-form input,.writing-form select,.writing-form textarea,.writing-review-card textarea,.student-writing-form textarea{width:100%;box-sizing:border-box;border:1px solid #cfd9eb;border-radius:12px;padding:12px;font:inherit;background:#fff}.writing-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary-btn{border:0;border-radius:12px;padding:12px 16px;background:#2459d9;color:#fff;font-weight:800;cursor:pointer}.primary-btn:disabled{opacity:.55}.writing-panel-head,.writing-review-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.writing-review-list,.writing-grid{display:grid;gap:18px}.writing-review-card{border:1px solid #dce4f1;border-radius:18px;padding:18px;background:#fff;display:grid;gap:14px}.writing-status{display:inline-block;border-radius:999px;padding:5px 10px;background:#fff3cc;color:#7b5700;font-size:12px;font-weight:800}.writing-status.approved{background:#daf7e5;color:#08783a}.writing-status.revision_requested{background:#ffe2e2;color:#9c2222}.writing-status.new{background:#e8efff;color:#194fb8}.writing-photo{display:block;max-width:100%;max-height:620px;border-radius:14px;margin-top:12px}.writing-student-text,.writing-sample{white-space:pre-wrap;line-height:1.7;background:#f7f9fc;padding:16px;border-radius:12px}.ai-feedback,.student-writing-feedback{border-left:4px solid #6b56e8;background:#f7f5ff;padding:16px;border-radius:12px}.ai-score{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.ai-score b{font-size:28px;color:#3d27b7}.feedback-en{color:#526078;font-style:italic}.writing-corrections p,.student-writing-feedback>p{display:grid;gap:4px}.writing-corrections small{color:#68758b}.writing-review-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.writing-review-actions button{padding:10px 14px;border:1px solid #cbd6e8;border-radius:10px;background:#fff;cursor:pointer}.writing-notice,.writing-revision-note,.writing-waiting{padding:14px 16px;border-radius:12px;background:#eef4ff;color:#244a94;margin-bottom:16px}.student-writing-card{display:grid;gap:15px}.writing-prompt{background:#f7f9fc;padding:15px;border-radius:12px}.writing-prompt small{display:block;margin-top:8px;color:#667085}.student-writing-form{display:grid;gap:12px}.writing-mode-tabs{display:flex;gap:12px;flex-wrap:wrap}.writing-mode-tabs label{border:1px solid #d4deef;border-radius:10px;padding:10px 12px}.writing-help{color:#68758b}@media(max-width:900px){.writing-teacher-layout{grid-template-columns:1fr}.writing-form{position:static}}@media(max-width:600px){.writing-form-row{grid-template-columns:1fr}.writing-review-actions button{width:100%}}

/* V12.51 — CEFR Writing, PDF import va AI Coach */
.writing-section-card,.teacher-task-review,.student-cefr-task{display:grid;gap:12px;padding:16px;border:1px solid #dbe4f2;border-radius:15px;background:#fbfdff}.writing-section-card h3,.teacher-task-review h4{margin:0;color:#172b57}.writing-pdf-tools{display:grid;gap:10px;padding:14px;border:1px dashed #9eb7df;border-radius:13px;background:#f5f9ff}.writing-pdf-tools input{padding:9px;background:#fff}.writing-check-row{display:flex!important;align-items:center;gap:9px!important}.writing-check-row input{width:auto!important}.student-cefr-task{margin:10px 0 18px;background:#fff}.student-cefr-task>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.student-cefr-task>header>div{display:grid;gap:3px}.student-cefr-task>header span{color:#64748b;font-size:12px}.writing-task-question{white-space:pre-wrap;line-height:1.65;color:#253858}.writing-coach-btn{padding:9px 12px;border:1px solid #cabffd;border-radius:10px;background:#f5f2ff;color:#4a32b5;font-weight:800;cursor:pointer}.writing-coach-box{padding:14px;border-left:4px solid #8b5cf6;border-radius:10px;background:#f7f5ff;color:#30276a}.writing-coach-box p{white-space:pre-wrap;line-height:1.6;margin:7px 0 0}.teacher-task-review{background:#f8fafc}.teacher-task-review .ai-feedback{margin-top:4px}@media(max-width:600px){.student-cefr-task>header{align-items:stretch;flex-direction:column}.writing-coach-btn{width:100%}.writing-section-card{padding:12px}}

/* V12_53 — test yordamchi vositalari */
.test-tools-settings{border:1px solid #d8e4f0;border-radius:14px;padding:16px;background:#f8fbff}.test-tools-settings legend{font-weight:800;color:#172554;padding:0 8px}.test-tools-note{color:#64748b;font-size:13px;margin:0 0 12px}.test-tool-setting-row{display:grid;grid-template-columns:minmax(240px,1fr) 160px;gap:12px;align-items:center;padding:10px 0;border-top:1px solid #e7eef6}.test-tool-setting-row:first-of-type{border-top:0}.test-tool-setting-row input[type=number],.test-tool-setting-row select{width:100%;box-sizing:border-box;padding:9px;border:1px solid #cbd5e1;border-radius:8px}.dictionary-setting-row{grid-template-columns:minmax(220px,1fr) 140px minmax(220px,1fr)}
.universal-tool-buttons{display:flex;gap:8px;flex-wrap:wrap}.universal-tool-btn{border:0;border-radius:9px;padding:9px 11px;background:#e8f0ff;color:#172554;font-weight:700;cursor:pointer}.universal-tool-btn:disabled{opacity:.5;cursor:not-allowed}.test-tool-modal{position:fixed;inset:0;z-index:9999;background:rgba(15,23,42,.58);display:flex;align-items:center;justify-content:center;padding:18px}.test-tool-dialog{width:min(1000px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 28px 80px rgba(0,0,0,.28);padding:18px}.test-tool-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:14px;position:sticky;top:-18px;background:#fff;padding:12px 0;z-index:5}.test-tool-close{border:0;border-radius:9px;background:#eef2f7;font-size:22px;width:40px;height:40px;cursor:pointer}.periodic-grid{display:grid;grid-template-columns:repeat(18,minmax(42px,1fr));gap:5px;min-width:850px}.element-cell{min-height:62px;border:1px solid #cbd5e1;border-radius:7px;padding:5px;background:#fff;text-align:center}.element-cell .n{font-size:10px;text-align:left}.element-cell .sym{font-size:20px;font-weight:800}.element-cell .nm,.element-cell .mass{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.periodic-scroll{overflow:auto}.calculator-box{max-width:420px;margin:auto}.calculator-display{width:100%;box-sizing:border-box;font-size:28px;padding:14px;text-align:right;border:1px solid #cbd5e1;border-radius:10px;margin-bottom:10px}.calculator-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.calculator-grid button{padding:14px 8px;border:0;border-radius:9px;background:#eef2f7;font-weight:800;cursor:pointer}.dictionary-box{max-width:620px;margin:auto}.dictionary-box input{width:100%;box-sizing:border-box;padding:13px;border:1px solid #cbd5e1;border-radius:10px;font-size:17px}.dictionary-box button{margin-top:10px;padding:11px 16px;border:0;border-radius:9px;background:#172554;color:white;font-weight:800}.dictionary-result{margin-top:16px;padding:14px;border-radius:10px;background:#f8fafc;min-height:40px}@media(max-width:760px){.test-tool-setting-row,.dictionary-setting-row{grid-template-columns:1fr}.periodic-grid{min-width:780px}.universal-tool-buttons{width:100%}}

/* V12.55 — yordamchi vositalar va Writing ish maydoni */
.test-tool-loading{display:grid;place-items:center;min-height:180px;color:#334155;font-size:18px;font-weight:800}
#teacherPage .writing-page{width:100%;max-width:none;min-width:0;box-sizing:border-box}
#teacherPage .writing-teacher-layout{width:100%;max-width:none;grid-template-columns:minmax(390px,.8fr) minmax(560px,1.45fr);gap:24px}
#teacherPage .writing-form,#teacherPage .writing-review-panel,#teacherPage .writing-review-card,#teacherPage .teacher-task-review{min-width:0;max-width:none;box-sizing:border-box}
#teacherPage .writing-review-panel{width:100%}
#teacherPage .writing-review-card textarea{min-height:180px;resize:vertical;line-height:1.55}
#teacherPage .writing-corrections textarea{min-height:230px}
#teacherPage .writing-student-text{max-height:none;overflow:visible;font-size:16px;line-height:1.75}
#teacherPage .writing-review-actions button{min-height:46px;padding:11px 16px;color:#173261;font-weight:850}
#teacherPage .writing-review-actions .primary-btn{color:#fff;background:#2459d9}
@media(max-width:1180px){#teacherPage .writing-teacher-layout{grid-template-columns:1fr}#teacherPage .writing-form{position:static}}
@media(max-width:600px){.test-tool-modal{padding:8px}.test-tool-dialog{width:100%;max-height:96dvh;padding:12px;border-radius:14px}#teacherPage .writing-review-card{padding:12px}#teacherPage .writing-review-card textarea{min-height:220px}#teacherPage .writing-review-actions{display:grid;grid-template-columns:1fr}#teacherPage .writing-review-actions button{width:100%}}