/* Base → original inline UI → component/theme rules. No appended patch chain. */
@layer mana-base,mana-inline;
@layer mana-base{




*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

button,
input,
select,
textarea{
    font-family:"ManaUI";
}

button{
    cursor:pointer;
}

:root{
    --blue:#2563eb;
    --blue-dark:#123985;
    --blue-light:#eaf2ff;

    --green:#059669;
    --green-dark:#064e3b;
    --green-light:#eafaf3;

    --purple:#7c3aed;
    --purple-dark:#452083;
    --purple-light:#f3efff;

    --orange:#ea580c;
    --orange-dark:#873100;
    --orange-light:#fff1e8;

    --red:#dc2626;
    --red-dark:#8f1919;
    --red-light:#fff0f0;

    --gold:#b8860b;
    --gold-dark:#6d5200;
    --gold-light:#fff9e5;

    --cyan:#0891b2;
    --cyan-dark:#075266;
    --cyan-light:#eafaff;

    --line:#d1dce9;
    --muted:#708095;
}

.toast-wrap{
    position:fixed;
    left:20px;
    bottom:20px;
    z-index:50000;
    display:flex;
    flex-direction:column;
    gap:8px;
}

.toast{
    min-width:250px;
    padding:12px 17px;
    display:flex;
    align-items:center;
    gap:10px;
    background:#102139;
    color:#fff;
    border:1px solid #3d5068;
    box-shadow:0 12px 28px rgba(0,0,0,.18);
    font-size:12px;
}

.toast-dot{
    width:8px;
    height:8px;
    flex:none;
    background:#10b981;
}

.toast.error .toast-dot{
    background:#ef4444;
}

#app{
    display:none;
    position:fixed;
    inset:0;
    overflow:auto;
    z-index:8000;
}

#app.show{
    display:block;
}


.global-notice-bar { display:none; margin:0; padding:10px 24px; background:linear-gradient(135deg,#fff7ed,#ffedd5); border-bottom:1px solid #fdba74; border-right:7px solid #f97316; box-shadow:0 5px 18px rgba(234,88,12,.10); }
.global-notice-bar.show { display:block; }
.global-notice-head { display:flex; align-items:center; justify-content:space-between; gap:10px; color:#9a3412; font-weight:900; font-size:14px; }
.global-notice-item { background:#fff; border:1px solid #fed7aa; padding:7px 10px; margin-top:6px; }
.global-notice-item strong { color:#7c2d12; font-size:12px; }
.global-notice-item p { color:#431407; font-size:12px; margin-top:2px; }
.global-notice-meta { color:#9a3412; font-size:12px; }

.app-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.app-header::after{
    content:"";
    position:absolute;
    bottom:-3px;
    left:0;
    right:0;
}

.header-brand{
    display:flex;
    align-items:center;
    gap:14px;
}

.header-logo{
    object-fit:contain;
    border:none;
}

.header-brand-main{
    color:#2563eb;
    font-weight:900;
    white-space:nowrap;
}

.header-divider{
    width:2px;
    height:30px;
    background:linear-gradient(
        180deg,
        #2563eb,
        #7c3aed
    );
}

.header-brand-sub{
    color:#1c2b40;
    font-weight:900;
    white-space:nowrap;
}

.header-user{
    display:flex;
    align-items:center;
}

.user-box{
    min-height:49px;
    display:flex;
    align-items:center;
    gap:8px;
    padding:5px 10px 5px 6px;
    border:2px solid #d3dde8;
    background:#f7f9fc;
    box-shadow:0 4px 0 #bdc8d4;
}

.user-avatar{
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(180deg,#397af2,#1d4eb0);
    color:#fff;
    font-size:16px;
    font-weight:900;
}

.user-name{
    font-weight:900;
}

.user-role{
    color:#748399;
}

.header-action{
    height:45px;
    min-width:90px;
    border:none;
    position:relative;
    overflow:hidden;
    color:#fff;
    font-size:12px;
    font-weight:900;
}

.header-action::after{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:60%;
    height:100%;
    transform:skewX(-20deg);
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.4),
        transparent
    );
}

.header-action:hover::after{
    animation:submitShine .7s ease;
}

.header-logout{
    background:linear-gradient(180deg,#ef5656,#dc2626);
    box-shadow:0 5px 0 #8f1919;
}
.header-admin-return{background:linear-gradient(180deg,#397af2,#2563eb);box-shadow:0 5px 0 #123985;padding:0 12px}

.app-main{
    width:min(1380px,calc(100% - 48px));
    margin:auto;
    padding:32px 0 55px;
}

.page{
    display:none;
}

.page.active{
    display:block;
    animation:pageIn .22s ease;
}

@keyframes pageIn{
    from{
        opacity:0;
        transform:translateY(10px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

.page-heading{
    position:relative;
    padding-right:20px;
    margin-bottom:28px;
}

.page-heading::before{
    content:"";
    position:absolute;
    right:0;
    top:3px;
    width:5px;
    height:71px;
    background:linear-gradient(
        180deg,
        #2563eb,
        #0891b2
    );
}

.page-heading h1{
    font-weight:900;
    color:#14243a;
}

.page-heading p{
    margin-top:3px;
    color:#718198;
    font-size:13px;
}

.dashboard-summary{
    display:grid;
    grid-template-columns:1.7fr 1fr 1fr 1fr;
}

.summary-card{
    position:relative;
    overflow:hidden;
    border:2px solid #d1dce8;
    background:#fff;
    box-shadow:
        0 7px 0 #b9c5d1,
        0 15px 30px rgba(15,23,42,.07);
}

.summary-card.primary{
    background:
        linear-gradient(
            135deg,
            #2563eb,
            #1c4bb3
        );
    color:#fff;
    border-color:#18429d;
    box-shadow:
        0 7px 0 #102f72,
        0 18px 35px rgba(37,99,235,.21);
}

.summary-label{
    opacity:.8;
}

.summary-title{
    margin-top:4px;
    font-weight:900;
}

.summary-value{
    font-weight:900;
}

.main-cards{
    display:grid;
    grid-template-columns:repeat(3,1fr);
}

.main-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    background:
        linear-gradient(
            145deg,
            #fff,
            #f5f8fb
        );
    border:2px solid #d0dae6;
    box-shadow:
        0 8px 0 #b6c2ce,
        0 22px 44px rgba(15,23,42,.09);
}

.main-card::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    height:7px;
    width:100%;
}

.main-card.cyan::before{
    background:linear-gradient(
        90deg,
        #0891b2,
        #50d7ed
    );
}

.main-card.purple::before{
    background:linear-gradient(
        90deg,
        #7c3aed,
        #b59bf5
    );
}

.card-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    border:2px solid currentColor;
}

.card-icon.blue{
    color:#2563eb;
    background:#edf4ff;
}

.card-icon.cyan{
    color:#0891b2;
    background:#eafaff;
}

.card-icon.purple{
    color:#7c3aed;
    background:#f4efff;
}

.main-card h2{
    font-weight:900;
    color:#18273b;
}

.main-card p{
    color:#6f8096;
}

.app-button{
    position:relative;
    overflow:hidden;
    border:none;
    color:#fff;
    font-weight:900;
    margin-top:auto;
}

.app-button::after{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:58%;
    height:100%;
    transform:skewX(-20deg);
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.44),
        transparent
    );
}

.app-button:hover::after{
    animation:submitShine .7s ease;
}

.app-button.blue{
    background:linear-gradient(180deg,#397af2,#2563eb);
    box-shadow:0 5px 0 #123985;
}

.app-button.green{
    background:linear-gradient(180deg,#1bbb75,#059669);
    box-shadow:0 5px 0 #064e3b;
}

.app-button.purple{
    background:linear-gradient(180deg,#9662ef,#7c3aed);
    box-shadow:0 5px 0 #452083;
}

.app-button.cyan{
    background:linear-gradient(180deg,#19accb,#0891b2);
    box-shadow:0 5px 0 #075266;
}

.app-button.gold{
    background:linear-gradient(180deg,#d4aa27,#b8860b);
    box-shadow:0 5px 0 #6d5200;
}

.app-button.orange{
    background:linear-gradient(180deg,#f59c48,#ea580c);
    box-shadow:0 5px 0 #873100;
}

.app-button.red{
    background:linear-gradient(180deg,#ef5555,#dc2626);
    box-shadow:0 5px 0 #8f1919;
}

.app-button.light{
    color:#233249;
    background:linear-gradient(180deg,#fff,#e7edf4);
    border:2px solid #ccd6e2;
    box-shadow:0 5px 0 #9faab8;
}

.app-button:active{
    transform:translateY(4px);
}

.project-bar{
    padding:16px;
    margin-bottom:20px;
    border:2px solid #a9c1e7;
    background:
        linear-gradient(
            145deg,
            #eef5ff,
            #e4eefc
        );
    box-shadow:0 5px 0 #bcc9d8;
}

.project-row{
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:center;
    gap:12px;
}

.project-row label{
    font-weight:900;
    font-size:14px;
}

.project-row select{
    width:100%;
    min-height:46px;
    padding:7px 12px;
    border:2px solid #2250a0;
    background:linear-gradient(
        180deg,
        #397af2,
        #2563eb
    );
    box-shadow:0 5px 0 #173c83;
    color:#fff;
    font-size:12px;
    outline:none;
}

.info-shell{
    background:#fff;
    border:2px solid #d0dae5;
    box-shadow:
        0 8px 0 #b9c4cf,
        0 20px 40px rgba(15,23,42,.07);
    overflow:hidden;
}

.info-header{
    min-height:77px;
    padding:14px 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    background:
        linear-gradient(
            90deg,
            #f0f5fa,
            #fff
        );
    border-bottom:2px solid #d5dfe9;
}

.info-header h2{
    font-size:20px;
    font-weight:900;
}

.info-header p{
    color:#75859a;
    font-size:12px;
    margin-top:3px;
}

.project-info{
    margin-bottom:20px;
    padding:12px;
    border:2px solid #d4dfe9;
    background:#f8fafc;
}

.info-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
}

.info-item{
    min-height:72px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:4px;
    padding:10px 12px;
    border-left:1px solid #d8e0e8;
    border-bottom:1px solid #d8e0e8;
}

.info-item label{
    color:#75859a;
    font-size:12px;
}

.info-item strong{
    color:#1d2b3f;
    font-size:12px;
    font-weight:800;
}

.filters{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
    padding:12px;
    margin-bottom:20px;
    border:2px solid #d1dce7;
    background:#f8fafc;
    box-shadow:0 4px 0 #c2ccd6;
}

.filter-button{
    min-height:36px;
    padding:5px 15px;
    border:2px solid #cbd5e1;
    background:#fff;
    color:#53657a;
    box-shadow:0 4px 0 #adb8c5;
    font-size:12px;
    font-weight:900;
}

.filter-button.active{
    color:#fff;
    background:#2563eb;
    border-color:#173f91;
    box-shadow:0 4px 0 #102f72;
}

.table-shell{
    width:100%;
    overflow:auto;
    background:#fff;
}

.table-shell table{
    min-width:100%;
    width:max-content;
    border-collapse:collapse;
    font-size:12px;
}

.table-shell th{
    padding:12px 10px;
    white-space:nowrap;
    background:
        linear-gradient(
            180deg,
            #397af2,
            #194bb2
        );
    color:#fff;
    font-weight:900;
    border-left:1px solid rgba(255,255,255,.18);
}

.table-shell td{
    padding:10px;
    white-space:nowrap;
    border-bottom:1px solid #d8e0e8;
    text-align:center;
}

.table-shell tbody tr{
    background:#fff;
}

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

.table-shell tbody tr:hover{
    background:#edf4ff;
}

.status{
    min-width:96px;
    min-height:30px;
    padding:4px 9px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid #ccd5df;
    color:#6c7b8e;
    background:#f7f9fb;
    font-size:12px;
}

.status.approved{
    color:#087548;
    background:#daf5e7;
    border-color:#059669;
}

.status.rejected{
    color:#a61b1b;
    background:#ffe0e0;
    border-color:#dc2626;
}

.class-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.class-card{
    min-height:195px;
    position:relative;
    overflow:hidden;
    padding:20px;
    background:
        linear-gradient(
            145deg,
            #fff,
            #f5f8fc
        );
    border:2px solid #d0dbe6;
    box-shadow:
        0 7px 0 #b7c2cd,
        0 17px 32px rgba(15,23,42,.08);
    transition:.18s ease;
    cursor:pointer;
}

.class-card::after{
    content:"";
    position:absolute;
    right:0;
    top:0;
    width:6px;
    height:100%;
    background:linear-gradient(
        180deg,
        #0891b2,
        #2563eb
    );
}

.class-card:hover{
    transform:translateY(-6px);
    box-shadow:
        0 13px 0 #aab5c0,
        0 25px 43px rgba(15,23,42,.12);
}

.class-number{
    font-size:23px;
    font-weight:900;
}

.class-sub{
    margin:5px 0 16px;
    color:#728298;
    font-size:12px;
}

.class-stats{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
}

.class-stat{
    padding:8px;
    background:#fff;
    border:1px solid #d4dde7;
    box-shadow:0 3px 0 #ced7e1;
    text-align:center;
}

.class-stat strong{
    display:block;
    font-size:20px;
    font-weight:900;
}

.class-stat span{
    display:block;
    color:#75859a;
    font-size:12px;
    margin-top:2px;
}

.members{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
    padding:20px;
}

.member-panel{
    border:2px solid #d0d9e5;
    background:#fff;
    box-shadow:0 7px 0 #b7c2cd;
}

.member-title{
    min-height:57px;
    display:flex;
    align-items:center;
    padding:10px 14px;
    font-size:15px;
    font-weight:900;
    border-bottom:2px solid #d3dde7;
}

.member-title.student{
    background:#edf4ff;
    color:#255cc1;
}

.member-title.teacher{
    background:#f3eeff;
    color:#6c34d3;
}

.member-row{
    min-height:70px;
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:8px;
    padding:9px 13px;
    border-bottom:1px solid #d8e0e7;
}

.member-row:last-child{
    border-bottom:none;
}

.member-name{
    font-size:12px;
    font-weight:900;
}

.member-sub{
    margin-top:2px;
    color:#718198;
    font-size:12px;
}

.result-grid{
    padding:20px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:17px;
}

.result-card{
    min-height:198px;
    padding:19px;
    background:
        linear-gradient(
            145deg,
            #fff,
            #f7f9fc
        );
    border:2px solid #d0dae6;
    box-shadow:
        0 7px 0 #bbc6d1,
        0 14px 30px rgba(15,23,42,.07);
}

.result-project{
    color:#738399;
    font-size:12px;
}

.result-title{
    margin-top:7px;
    font-size:16px;
    font-weight:900;
}

.result-sub{
    margin-top:5px;
    color:#718198;
    font-size:12px;
    line-height:1.9;
}

.result-score{
    margin-top:15px;
    color:#2563eb;
    font-size:36px;
    font-weight:900;
}

.correction{
    padding:20px;
    border-top:2px solid #d4dee7;
}

.correction h3{
    font-size:18px;
    font-weight:900;
    margin-bottom:13px;
}

.check-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:8px;
    margin-bottom:13px;
}

.check-field{
    min-height:40px;
    display:flex;
    align-items:center;
    gap:6px;
    padding:7px 9px;
    background:#f8fafc;
    border:2px solid #d5dee7;
    font-size:12px;
}

.correction textarea{
    width:100%;
    min-height:105px;
    resize:vertical;
    padding:11px;
    border:2px solid #ccd7e2;
    background:#fff;
    outline:none;
    font-size:12px;
    line-height:2;
}

.message-layer{
    position:fixed;
    inset:0;
    z-index:40000;
    display:none;
    align-items:center;
    justify-content:center;
    padding:20px;
    background:rgba(8,18,34,.55);
    backdrop-filter:blur(9px);
}

.message-layer.show{
    display:flex;
}

.message-box{
    width:min(460px,100%);
    padding:31px;
    text-align:center;
    background:#fff;
    border:3px solid #d2dce7;
    box-shadow:
        0 13px 0 #aebac8,
        0 30px 60px rgba(0,0,0,.25);
    animation:messagePop .22s ease;
}

.message-box.success{
    border-color:#059669;
}

.message-box.error{
    border-color:#dc2626;
}

.message-line{
    width:76px;
    height:6px;
    margin:0 auto 16px;
    background:#2563eb;
}

.message-box.success .message-line{
    background:#059669;
}

.message-box.error .message-line{
    background:#dc2626;
}

.message-box h2{
    font-size:22px;
    font-weight:900;
    margin-bottom:8px;
}

.message-box p{
    color:#708096;
    font-size:12px;
    line-height:2;
    margin-bottom:18px;
}

@keyframes messagePop{
    from{
        opacity:0;
        transform:scale(.91) translateY(10px);
    }
    to{
        opacity:1;
        transform:scale(1) translateY(0);
    }
}

@media(max-width:1150px){

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

    .class-grid{
        grid-template-columns:repeat(3,1fr);
    }

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

}

.advanced-modal { max-width:980px; width:min(980px,96vw); }
.advanced-summary { background:#eff6ff; border:1px solid #bfdbfe; padding:10px 12px; margin-bottom:12px; }
.advanced-summary b { display:block; color:#1d4ed8; font-size:.82rem; }
.advanced-summary span { display:block; color:#475569; font-size:.75rem; margin-top:2px; }
.advanced-section { border:1px solid var(--line); padding:11px; margin-top:10px; background:#fff; }
.advanced-section h3 { font-size:.82rem; margin-bottom:9px; color:#172033; }
.advanced-check-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:7px; }
.advanced-check { display:flex; align-items:center; gap:8px; padding:8px 9px; border:1px solid #e2e8f0; background:#f8fafc; cursor:pointer; }
.advanced-check input { width:17px; height:17px; accent-color:#2563eb; flex:0 0 auto; }
.advanced-check span { display:flex; flex-direction:column; gap:1px; font-size:.75rem; }
.advanced-check small { color:#64748b; font-size:.75rem; }
.advanced-check.compact span { display:block; }
.advanced-box-group { border-top:1px dashed #cbd5e1; padding-top:9px; margin-top:9px; }
.advanced-box-group h4 { font-size:.75rem; margin-bottom:7px; color:#475569; }
.notice-admin-row { display:flex; justify-content:space-between; align-items:center; gap:8px; border:1px solid #fed7aa; background:#fff7ed; padding:8px; margin-top:6px; }
.notice-admin-row b { display:block; color:#9a3412; font-size:.75rem; }
.notice-admin-row small { display:block; color:#7c2d12; font-size:.75rem; margin-top:2px; }

@media(max-width:900px){

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

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

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

    .members{
        grid-template-columns:1fr;
    }

    .app-header{
        padding:7px 13px;
    }

    .user-box{
        display:none;
    }

}

@media(max-width:680px){

    .login-page{
        width:calc(100% - 12px);
        margin:6px auto;
        padding:18px 11px;
    }

    .login-brand-row{
        gap:12px;
    }

    .login-logo{
        width:95px;
        height:95px;
    }

    .login-brand{
        font-size:27px;
    }

    .login-brand-desc{
        max-width:175px;
        white-space:normal;
        text-align:center;
        font-size:12px;
    }

    .login-welcome{
        font-size:12px;
    }

    .login-grid,
    .main-cards,
    .dashboard-summary,
    .result-grid,
    .class-grid{
        grid-template-columns:1fr;
    }

    .app-main{
        width:calc(100% - 20px);
        padding-top:22px;
    }

    .app-header{
        flex-direction:column;
        gap:7px;
    }

    .header-brand-main{
        font-size:21px;
    }

    .header-brand-sub{
        font-size:14px;
    }

    .header-logo{
        width:64px;
        height:64px;
    }

    .project-row{
        grid-template-columns:1fr;
    }

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

    .info-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:430px){

    .login-logo{
        width:78px;
        height:78px;
    }

    .login-brand{
        font-size:23px;
    }

    .login-brand-desc{
        font-size:12px;
    }

    .check-grid{
        grid-template-columns:1fr;
    }

}
#adminFrame {
    display: none;
    width: 100%;
    height: calc(100vh - 86px);
    border: none;
    background: #e8ecf2;
    margin-top: 0;
}
#adminFrame.show {
    display: block;
}
#app.admin-mode .app-header {
    display: none;
}
#app.admin-mode #adminFrame {
    height: 100vh;
}
#app.admin-mode .app-main {
    display: none;
}
html,body{min-height:100%;}
body{min-height:100vh;}
#loginContainer{position:fixed;inset:0;width:100%;height:100vh;max-height:none;min-height:0;margin:0;overflow:auto;display:flex;align-items:center;justify-content:center;}
.login-page{display:flex;flex-direction:column;justify-content:center;max-height:calc(100vh - 48px);margin:auto;}
.login-brand-row{align-items:center;}
.login-brand-row:hover .login-logo{transform:translateY(-4px) scale(1.02);filter:saturate(1.08);}
.login-brand-row:hover .login-brand-text{transform:translateY(-4px);}
.login-brand-row:hover .login-brand{color:#1d4ed8;transform:translateY(-2px);text-shadow:0 8px 18px rgba(37,99,235,.18);}
.login-brand-row:hover .login-brand-desc{transform:translateY(3px);background:#eaf2ff;border-color:#7faaf0;box-shadow:0 8px 20px rgba(37,99,235,.12);}
.login-brand-text{transition:transform .2s ease;}
.login-brand{font-weight:900;transition:.2s ease;text-shadow:0 4px 16px rgba(37,99,235,.10);}
.login-brand-en{display:block;margin-top:4px;color:#8aa0bb;font:700 8px/1.2 "B Titr";direction:ltr;text-align:right;}
.login-brand-desc{transition:.2s ease;}
.login-brand-text:hover{transform:translateY(-3px);}
.login-brand-text:hover .login-brand{color:#1d4ed8;transform:translateY(-2px);text-shadow:0 8px 18px rgba(37,99,235,.18);}
.login-brand-text:hover .login-brand-desc{transform:translateY(3px);background:#eaf2ff;border-color:#7faaf0;box-shadow:0 8px 20px rgba(37,99,235,.12);}
.login-card{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,filter .25s ease;}
.login-card:hover{filter:saturate(1.1);box-shadow:0 14px 0 rgba(123,145,170,.55),0 28px 50px rgba(37,99,235,.16);}
.login-card:hover .login-icon{transform:translateY(-2px) scale(1.05);transition:.25s ease;}
.login-icon{transition:.25s ease;}
.login-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;width:100%;}
.login-card.admin-only{min-height:142px;}
.captcha{display:grid;grid-template-columns:1fr 112px 44px;direction:rtl;gap:8px;align-items:center;}
.captcha input{grid-column:1;order:1;width:100%;}
.captcha-code{grid-column:2;order:2;width:112px;min-width:112px;}
.captcha button{grid-column:3;order:3;width:44px;display:flex;align-items:center;justify-content:center;}
.captcha button svg{width:20px;height:20px;}
@media(max-width:680px){
  #loginContainer{width:calc(100vw - 18px);max-height:calc(100vh - 18px);}
  .login-grid{max-width:100%;}
  .captcha{grid-template-columns:1fr 92px 42px;}
  .captcha-code{width:92px;min-width:92px;}
}

.first-run-link{margin-top:10px;text-align:center;color:#53708f;font-size:12px;font-weight:800;cursor:pointer;transition:.2s ease;}
.first-run-link:hover{color:#2563eb;transform:translateY(-2px);}
@media(max-width:820px){.login-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px;}}
@media(max-width:520px){.login-grid{grid-template-columns:1fr;max-width:360px;}.login-page{max-height:none;}.login-brand{font-size:34px;}.login-brand-row{gap:12px;}.login-logo{width:96px;height:96px;}}
#loginContainer.login-page{
    inset-inline-start:auto;
    inset-inline-end:auto;
}
#loginContainer{padding:18px;box-sizing:border-box;}
#loginContainer.login-page{min-height:0;background:#fff;border:2px solid #dbe4ef;border-radius:0;box-shadow:0 26px 70px rgba(15,23,42,.16);}
.login-page{border-radius:0;}
.login-header{margin-bottom:20px;}
.login-brand-row{justify-content:center;}
.login-logo{width:118px;height:118px;object-fit:contain;}
.login-brand{font-family:"Lalezar";font-size:48px;letter-spacing:-2px;}
.login-brand-en{font-size:12px;letter-spacing:3px;opacity:.75;}
.login-brand-desc{border-radius:0;}
.login-grid{max-width:700px;gap:12px;}
.login-card{border-radius:0;min-height:118px;}
.login-card:hover{transform:translateY(-7px);}

.lesson-stats-grid{margin-top:12px;}
.lesson-stat{flex-direction:column;gap:3px;text-align:center;}
.lesson-stat .label{font-size:12px;font-weight:800;}
.lesson-stat .value{font-size:13px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.user-admin-row{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:14px;align-items:center;padding:14px 16px;margin-top:9px;background:#fff;border:1px solid #dbe4ee;border-radius:14px;box-shadow:0 5px 16px rgba(30,64,175,.06)}.user-admin-name{font-weight:900;font-size:.9rem;color:#18283c;margin-bottom:7px}.user-admin-meta{display:flex;flex-wrap:wrap;gap:7px 12px;align-items:center;color:#5d7088;font-size:.75rem}.user-role-chip{padding:4px 8px;border-radius:999px;background:#eef6ff;color:#2563eb;border:1px solid #cfe0fb;font-weight:900}.user-admin-password{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px;border-radius:12px;background:linear-gradient(135deg,#effdf5,#dcfce7);border:1px solid #b7e4c9}.user-admin-password span{font-size:.75rem;color:#52705f;font-weight:800}.user-admin-password strong{font-family:"ManaUI";direction:ltr;font-size:.9rem;color:#146c43;letter-spacing:1px}@media(max-width:760px){.user-admin-row{grid-template-columns:1fr}.user-admin-password{align-items:flex-start}}.full-module-modal .modal-header{flex:0 0 auto}.module-frame-wrap{flex:1 1 auto;min-height:0;width:100%;background:#eef3f8;padding:0}.module-frame-wrap iframe{display:block;width:100%;height:100%;min-height:0;border:0;background:#fff}.full-module-overlay .modal-close{min-width:40px;min-height:40px}.full-module-overlay .modal-header{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #dfe6ee;background:#fff}.full-module-overlay .modal-header h2{margin:0;font-size:1rem}.full-module-overlay .modal-header p{margin:4px 0 0;color:#708095;font-size:.75rem}
#manaPrintRoot{display:none;}
.upload-choice-grid{display:grid;grid-template-columns:1fr;gap:10px;width:100%}.upload-choice{width:100%;box-sizing:border-box;border:1px solid #dbe5ef;background:linear-gradient(180deg,#fff,#f7fbff);border-radius:12px;padding:12px 14px;text-align:right;cursor:pointer;display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;row-gap:3px;align-items:center;transition:.18s;direction:rtl}.upload-choice:hover{border-color:#38bdf8;transform:translateY(-1px);box-shadow:0 8px 22px rgba(15,23,42,.07)}.upload-choice:active{transform:translateY(0)}.upload-choice-icon{grid-row:1 / span 2;width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#eaf6ff;color:#0284c7;justify-self:start}.upload-choice strong{min-width:0;font-size:.84rem;line-height:1.65;color:#172033;white-space:normal;word-break:normal}.upload-choice small{min-width:0;font-size:.75rem;line-height:1.65;color:#64748b;white-space:normal}.data-upload-menu{width:min(620px,calc(100vw - 32px));max-width:620px}.lesson-info-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:9px 0 8px}.lesson-info-box{min-height:50px;padding:7px 9px;gap:7px;border-radius:10px;box-shadow:none}.lesson-info-box span{font-size:.75rem}.lesson-info-box b{font-size:.75rem}.exam-card-head{padding:9px 11px}.exam-card-title{font-size:.96rem}@media(max-width:1100px){.lesson-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.lesson-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
#manaLoggedOutScreen{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#eef4fb,#f8fbff);}
#manaLoggedOutScreen .logout-card{width:min(520px,100%);background:#fff;border:2px solid #d8e2ee;box-shadow:0 22px 60px rgba(15,23,42,.14);padding:34px;text-align:center;}
#manaLoggedOutScreen .logout-line{width:72px;height:6px;background:#2563eb;margin:0 auto 16px;}
#manaLoggedOutScreen h2{font-size:24px;font-weight:900;color:#172033;margin-bottom:8px;}
#manaLoggedOutScreen p{font-size:12px;line-height:2;color:#6b7d92;margin-bottom:20px;}
#manaLoggedOutScreen button{min-height:46px;padding:10px 18px;border:0;background:linear-gradient(180deg,#397af2,#2563eb);color:#fff;font:900 12px inherit;box-shadow:0 5px 0 #123985;}
@media(max-width:520px){#manaLoggedOutScreen{padding:12px}#manaLoggedOutScreen .logout-card{padding:24px 18px}#manaLoggedOutScreen h2{font-size:20px}}
.modal-close::before{
    content:"×";
    color:#fff;
    font:900 30px/1 "B Titr";
    transform:translateY(-1px);
}
.modal-close:hover{
    filter:brightness(1.06);
}
.modal-overlay,
.upload-modal-overlay,
.uploaded-view-overlay,
.data-upload-menu-overlay,
#confirmUploadOverlay{
    cursor:default;
}
.modal-overlay > .modal,
.upload-modal-overlay > .modal,
.uploaded-view-overlay > .modal,
.data-upload-menu-overlay > .modal{
    cursor:default;
}
.uploaded-view-modal .modal-body{
    display:flex;
    flex-direction:column;
    min-height:0;
}
.uploaded-filter-panel{
    flex:0 0 auto;
}
.uploaded-view-modal #uploadedViewMetrics{
    flex:0 0 auto;
}
.uploaded-view-modal #uploadedViewTable{
    flex:1 1 auto;
    min-height:0;
    display:flex;
}
.uploaded-table-wrap{
    flex:1 1 auto;
    min-height:0;
    max-height:100%;
}
.uploaded-data-table{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
}
.uploaded-data-table thead{
    position:sticky;
    top:0;
    z-index:5;
}
.uploaded-data-table th{
    position:sticky;
    top:0;
    z-index:4;
}
.uploaded-data-table .column-filter-row th{
    position:sticky;
    top:39px;
    z-index:3;
}
.uploaded-data-table .column-filter{
    width:100%;
    min-width:105px;
    height:31px;
    padding:3px 7px;
    border:1px solid #b9cce0;
    background:#fff;
    color:#1b2d43;
    outline:none;
    text-align:center;
    font-size:12px;
}
.uploaded-data-table .column-filter:focus{
    border-color:#2563eb;
    box-shadow:0 0 0 3px rgba(37,99,235,.10);
}
.uploaded-data-table th:first-child,.uploaded-data-table td:first-child{min-width:54px;}
.uploaded-view-modal .uploaded-filter-panel{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}
.uploaded-view-modal .uploaded-filter-actions{flex:0 0 auto;}
.uploaded-view-modal .uploaded-filter-title{flex:1 1 auto;}
@media(max-width:850px){
    .uploaded-view-modal .uploaded-filter-panel{align-items:stretch;flex-direction:column;}
    .uploaded-view-modal .uploaded-filter-actions{width:100%;}
}
.answer-school-print-head{top:0;z-index:3;}
.answer-school-print-head p{opacity:.9;}
.answer-school-close:hover{filter:brightness(.92);}
.answer-print-toolbar{grid-template-columns:1fr auto auto;margin-bottom:18px;}
.answer-print-count{background:#fff;border:1px solid #d9e3ef;padding:12px 15px;font-family:'ManaUI';font-weight:700;font-size:1rem;color:#17324d;}
.answer-print-select,.answer-print-clear{border:0;}
.answer-school-num{flex:0 0 36px;}
.answer-school-code{font-weight:700;}
.answer-school-students{gap:6px;}
.answer-print-footer{bottom:0;}
.answer-print-submit{padding:14px 26px;font-family:'Lalezar';font-size:1.08rem;cursor:pointer;}
@media(max-width:600px){.answer-school-grid{grid-template-columns:1fr}.answer-print-toolbar{grid-template-columns:1fr}.answer-print-footer{flex-direction:column}.answer-print-submit{width:100%;}}
body,button,input,select,textarea{font-family:"ManaUI",ManaUI,Arial,sans-serif;}
.answer-hierarchy{display:flex;flex-direction:column;gap:12px;}
.answer-province-block{border:2px solid #9fb9d4;background:#f7fbff;box-shadow:0 6px 0 #c2ceda;}
.answer-province-head,.answer-city-head,.answer-district-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 13px;border-bottom:1px solid #d8e3ed;}
.answer-province-head{background:linear-gradient(90deg,#dbeafe,#f8fbff);}
.answer-city-head{background:#eef8fb;border-right:5px solid #0891b2;}
.answer-district-head{background:#f5f3ff;border-right:5px solid #7c3aed;}
.answer-province-head input,.answer-city-head input,.answer-district-head input{width:18px;height:18px;accent-color:#2563eb;}
.answer-location-title{font-size:15px;color:#17304a;}
.answer-location-meta{font-size:12px;color:#667b90;margin-top:2px;}
.answer-location-count{font-size:12px;color:#174f85;background:#fff;border:1px solid #bdd0e3;padding:5px 9px;white-space:nowrap;}
.answer-city-stack,.answer-district-stack,.answer-center-stack{display:flex;flex-direction:column;gap:9px;padding:10px;}
.answer-city-block{border:1px solid #cfe0e8;background:#fff;}
.answer-district-block{border:1px solid #ddd8ef;background:#fff;}
.answer-center-block{margin:0;}
.answer-single-print{cursor:pointer;white-space:nowrap;}
@media(max-width:650px){.answer-province-head,.answer-city-head,.answer-district-head{grid-template-columns:auto minmax(0,1fr);}.answer-location-count{grid-column:2;justify-self:start;}.answer-single-print{grid-column:2;justify-self:start;}}
.answer-center-block{border:2px solid #d4e0ec;background:#fff;box-shadow:0 5px 0 #c2ceda;}
.answer-center-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(90deg,#edf5ff,#fff);border-bottom:1px solid #dbe5ef;}
.answer-center-head input,.answer-school-head input,.answer-student-row input{width:18px;height:18px;accent-color:#2563eb;}
.answer-center-title{font-size:16px;color:#17304a;}
.answer-center-meta,.answer-school-meta{font-size:12px;color:#6b8095;margin-top:2px;}
.answer-center-count{font-size:12px;color:#1d5ea1;background:#eaf3ff;border:1px solid #bdd3ea;padding:6px 10px;}
.answer-school-stack{padding:10px;display:flex;flex-direction:column;gap:8px;}
.answer-school-group{border:1px solid #dbe5ef;background:#f9fbfd;}
.answer-school-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 11px;background:#fff;}
.answer-school-title{font-size:14px;color:#203b55;}
.answer-school-expand{border:1px solid #cbd8e5;background:#f3f7fb;color:#315471;padding:6px 10px;font-weight:900;cursor:pointer;}
.answer-student-list{display:none;border-top:1px dashed #c8d7e6;padding:8px;background:#f7fafc;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
.answer-school-group.open .answer-student-list{display:grid;}
.answer-student-row{display:grid;align-items:center;gap:7px;padding:7px 8px;background:#fff;border:1px solid #dce6ef;cursor:pointer;min-width:0;}
.answer-student-name{font-size:12px;color:#233d57;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.answer-student-meta{font-size:12px;color:#74879a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.answer-print-search{width:min(360px,100%);min-height:38px;border:1px solid #bfcfe0;background:#fff;padding:6px 10px;font-size:12px;outline:none;}
.answer-print-search:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.08);}
.answer-print-stats{display:grid;gap:7px;}
.answer-print-mini-stat{padding:8px 10px;border:1px solid #d8e3ed;background:#fff;text-align:center;}
.answer-print-mini-stat span{display:block;font-size:9px;color:#71859a;}.answer-print-mini-stat strong{display:block;font-size:16px;color:#1d4ed8;margin-top:2px;}
@media(max-width:900px){.answer-student-list{grid-template-columns:repeat(2,minmax(0,1fr));}.answer-print-stats{min-width:0;width:100%;}}
@media(max-width:600px){.answer-student-list{grid-template-columns:1fr;}.answer-center-head,.answer-school-head{grid-template-columns:auto minmax(0,1fr);}.answer-center-count,.answer-school-expand{grid-column:2;justify-self:start;}.answer-print-stats{grid-template-columns:1fr;}}


:root{--mana-bg:#f3f6fb;--mana-surface:rgba(255,255,255,.88);--mana-card:#fff;--mana-ink:#14243a;--mana-muted:#687991;--mana-line:#e1e8f1;--mana-shadow:0 18px 50px rgba(30,55,90,.09)}
html[data-theme="dark"]{--mana-bg:#273442;--mana-surface:rgba(50,64,79,.96);--mana-card:#3a4857;--mana-ink:#f1e5d8;--mana-muted:#d0c1ad;--mana-line:#5b6875;--mana-shadow:0 18px 50px rgba(21,25,30,.18);color-scheme:dark}
body{font-family:ManaUI,"Segoe UI",sans-serif}
#manaLoginScreen{inset:0;z-index:9000;transition:background-color .25s,color .25s}
html[data-theme="dark"] #manaLoginScreen{background:radial-gradient(ellipse at 50% -15%,rgba(190,133,87,.16),transparent 55%),linear-gradient(145deg,#273442,#354553 58%,#273442);color:#f1e5d8}
.mana-login-top{width:min(1180px,100%);margin:0 auto 6px;display:flex;justify-content:flex-start}.mana-login-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid #d9e4f1;border-radius:999px;font-weight:700}.mana-online-dot{width:8px;height:8px;border-radius:50%}
.mana-login-brand{display:flex;align-items:center;justify-content:center;gap:24px;margin:14px auto 0}.mana-login-logo-wrap{display:grid;place-items:center}.mana-login-logo-wrap img{max-width:100%;max-height:100%;object-fit:contain}.mana-login-title h1{font-family:ManaUI,sans-serif;font-size:clamp(32px,5vw,54px);letter-spacing:-1.5px}.mana-login-title span{display:inline-block;margin-top:9px;padding:8px 18px;border-radius:999px;font-size:16px;font-weight:800}html[data-theme="dark"] .mana-login-title h1{color:#82b0ff}html[data-theme="dark"] .mana-login-title span{color:#d4e2f5;border-color:#507fc1;background:#13233a}
.mana-login-welcome{margin:24px auto 26px;text-align:center;font-size:clamp(16px,2vw,22px);font-weight:900}.mana-login-grid{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.mana-entry-card{--accent:#2872bd;--tint:#eaf3fc;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:17px 15px;font:inherit;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;text-align:center}.mana-entry-card:hover{border-color:var(--accent)}.mana-entry-card:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 55%,white);outline-offset:4px}.mana-entry-icon{display:grid;place-items:center;color:var(--accent)}.mana-entry-card strong{font-weight:900;line-height:1.55}.mana-entry-card small{padding:5px 13px;border-radius:999px;font-size:12px;font-weight:800}.entry-student{--accent:#246db7;--tint:#e5f1fc}.entry-grader{--accent:#32945e;--tint:#e7f6ec}.entry-proctor{--accent:#bd7040;--tint:#fbefe2}.entry-school-report{--accent:#887241;--tint:#f8f2df}.entry-admin{--accent:#bf5862;--tint:#f9e9e9}.entry-teacher{--accent:#7563b4;--tint:#efecfb}
html[data-theme="dark"] .mana-entry-card{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 13%,#142136),#121e30);border-color:color-mix(in srgb,var(--accent) 55%,#25344a);box-shadow:0 5px 0 color-mix(in srgb,var(--accent) 40%,#101a29),var(--mana-shadow)}html[data-theme="dark"] .mana-entry-card small{background:#ffffff12;color:#d6e1ef}.mana-login-footer{width:min(1180px,100%);margin:30px auto 0;padding-top:14px;border-top:1px solid #d8e1ec;display:flex;justify-content:flex-start;gap:12px;font-size:13px;font-weight:700}.mana-login-footer .mana-login-copyright{opacity:.62;white-space:nowrap}.mana-login-footer .mana-login-rights{opacity:1}
.mana-theme-toggle{font:700 12px ManaUI,sans-serif;cursor:pointer}.mana-login-screen.is-hidden{display:none}.header-brand-main,.page-heading h1,.main-card h2{color:var(--mana-ink)}.header-brand-sub,.user-name{color:var(--mana-ink)}.user-box,.summary-card:not(.primary),.main-card,.panel,.modal,.project-bar,.table-wrap,.data-card,.empty,.notice,.advanced-section{border-radius:18px;background:var(--mana-card);border-color:var(--mana-line);box-shadow:var(--mana-shadow);color:var(--mana-ink)}.main-card{border-width:1px}.input,input,select,textarea{border-radius:10px}.table-wrap{overflow:auto}.page-heading::before{border-radius:9px}.admin-mode #adminFrame{background:var(--mana-bg)}
@media(max-width:800px){#manaLoginScreen{padding:26px 16px 16px}.mana-login-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mana-entry-card{min-height:144px}.mana-login-brand{margin-top:20px}.mana-login-logo-wrap{width:90px;height:90px}.mana-login-footer{flex-direction:column;align-items:flex-start;margin-top:24px}.mana-theme-toggle{left:12px;top:12px;padding:8px 11px}}
@media(max-width:520px){.mana-login-grid{grid-template-columns:1fr}.mana-entry-card{min-height:112px;display:grid;grid-template-columns:52px 1fr;justify-items:start;text-align:right;padding:12px 16px}.mana-entry-icon{grid-row:span 2}.mana-entry-icon svg{width:38px;height:38px}.mana-entry-card small{grid-column:2}.mana-login-brand{gap:10px}.mana-login-title h1{font-size:32px}.mana-login-title span{font-size:12px;padding:7px 10px}.mana-login-welcome{margin:20px auto;font-size:15px}.mana-theme-label{display:none}}
html[data-theme="dark"] #app{background:var(--mana-bg);color:var(--mana-ink)}html[data-theme="dark"] #app h1,html[data-theme="dark"] #app h2,html[data-theme="dark"] #app h3,html[data-theme="dark"] #app .main-card h2{color:#f1e5d8}html[data-theme="dark"] #app p,html[data-theme="dark"] #app label,html[data-theme="dark"] #app .muted{color:#d0c1ad}
html{--desk-outer-bg:#29333f;--desk-outer-surface:#384552;--desk-outer-line:#5c6875;--desk-outer-text:#f4eee6;--desk-outer-muted:#d2c5b6;--desk-outer-orange:#ff7540}
html[data-theme="light"]{--desk-outer-bg:#f2f3f6;--desk-outer-surface:#fff;--desk-outer-line:#d9dce3;--desk-outer-text:#20232b;--desk-outer-muted:#69717f;--desk-outer-orange:#e84d15}
.mana-login-top{margin-bottom:26px}.mana-login-chip{border-color:#ff54164a;background:#ff541618;color:#ff8c5e;font-size:12px}.mana-online-dot{background:#ff5416;box-shadow:0 0 0 5px #ff54162b;animation:deskPulse 2.5s infinite}
.mana-login-logo-wrap{position:relative;border-radius:23px;background:linear-gradient(145deg,#ff7a32,#fa4610);box-shadow:0 20px 46px #ff541640;width:100px;height:100px}.mana-login-logo-wrap img{position:relative;z-index:2;border-radius:17px}.mana-logo-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:62px;line-height:1;font-weight:900;color:#fff}
.mana-login-title h1{font-weight:900}.mana-login-title span{border:1px solid #ff54167a}.mana-login-footer{border-color:var(--desk-outer-line);color:var(--desk-outer-muted)}
.mana-login-grid{gap:17px}.mana-entry-card{min-height:170px;animation:deskRise .6s both}.mana-entry-card:nth-child(2){animation-delay:.07s}.mana-entry-card:nth-child(3){animation-delay:.14s}.mana-entry-card:nth-child(4){animation-delay:.21s}.mana-entry-card:nth-child(5){animation-delay:.28s}.mana-entry-card:nth-child(6){animation-delay:.35s}.mana-entry-card:hover{transform:translateY(-7px) scale(1.015)}.mana-entry-card strong{font-size:17px;color:#fff}.mana-entry-card small{background:#ffffff1c;color:#f2edea}.mana-entry-icon{width:54px;height:54px;border-radius:14px;background:#ffffff19}.mana-entry-icon svg{width:34px;height:34px;stroke:#fff}
.mana-theme-toggle{border-color:var(--desk-outer-line)}.mana-theme-toggle:hover{border-color:var(--desk-outer-orange);color:var(--desk-outer-orange)}.main-card{animation:deskRise .6s both}.main-card:nth-child(2){animation-delay:.08s}.main-card:nth-child(3){animation-delay:.16s}.app-button,.header-action,#app .btn{transition:transform .22s,filter .22s,box-shadow .22s}.header-logo{background:var(--desk-outer-surface)}html[data-theme="light"] .mana-entry-card strong{color:#25232a}html[data-theme="light"] .mana-entry-card small{background:#ffffffb5;color:#4e5563}html[data-theme="light"] .mana-entry-icon svg{stroke:var(--accent)}
@keyframes deskRise{from{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes deskPulse{50%{box-shadow:0 0 0 8px #ff541608}}


:root{--nf-bg:#51463c;--nf-surface:#5e5145;--nf-card:#695a4c;--nf-line:#8b7865;--nf-text:#fff4e7;--nf-muted:#ead8c4;--nf-blue:#f0a174;--nf-blue2:#d37b55;--nf-cyan:#b9ddc8;--nf-shadow:0 18px 52px rgba(32,22,15,.14)}
html[data-theme="light"]{--nf-bg:#f3f6fc;--nf-surface:rgba(255,255,255,.88);--nf-card:#fff;--nf-line:#dbe4f2;--nf-text:#182746;--nf-muted:#667797;--nf-blue:#3469ed;--nf-blue2:#2757cf;--nf-cyan:#0faaa8;--nf-shadow:0 18px 45px rgba(24,49,91,.09);color-scheme:light}
.app-header{top:10px;z-index:150;backdrop-filter:blur(18px)}
.user-box,.summary-card:not(.primary),.main-card,#app .panel,#app .project-bar,#app .table-wrap,#app .modal,#app .advanced-section,#app .data-card,#app .empty,#app .notice{backdrop-filter:blur(12px)}
.main-card{position:relative;overflow:hidden;transition:transform .24s,box-shadow .24s,border-color .24s}.main-card:hover{transform:translateY(-5px)}.app-button:hover,.header-action:hover,#app .btn:hover{transform:translateY(-2px);filter:brightness(1.08)}


.proctor-picker-layer{position:fixed;inset:0;z-index:12000;display:none;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(7px);direction:rtl}
.proctor-picker-layer.show{display:flex}
.proctor-picker-box{width:min(1080px,96vw);max-height:90vh;overflow:auto}
.proctor-picker-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;color:#fff;border-bottom:1px solid #8bb5dc}
.proctor-picker-head span{display:block;font-family:"B Titr","ManaUI",ManaUI;font-size:18px}.proctor-picker-head strong{display:block;margin-top:2px;font-family:"ManaUI",ManaUI;font-size:12px;font-weight:700;color:#dbeafe}
.proctor-picker-head button{width:36px;height:36px;border:1px solid rgba(255,255,255,.35);border-radius:8px;background:rgba(255,255,255,.12);color:#fff;font-size:24px;cursor:pointer}
.proctor-picker-note{margin:14px 16px 0;padding:10px 12px;border:1px solid #cfe0f3;border-right:4px solid #2b6cb0;border-radius:8px;font:13px "ManaUI",ManaUI}
.proctor-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:12px;padding:16px}
.proctor-picker-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid #d4e0eb}
.ppc-index{position:absolute;left:12px;top:12px;min-width:28px;height:28px;display:grid;place-items:center;font:900 12px "B Titr",ManaUI}
.ppc-main h3{margin:0 0 3px;padding-left:38px;color:#17385f;font:900 16px "B Titr","ManaUI",ManaUI}.ppc-code{font:700 11px "ManaUI",ManaUI;color:#6b7f94}
.ppc-meta,.ppc-stats{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.ppc-meta span{padding:3px 7px;border-radius:6px;background:#f3f6f9;color:#60758d;font:700 10px "ManaUI",ManaUI}.ppc-stats b{padding:4px 8px;border-radius:6px;background:#eef8f4;color:#23644f;font:800 11px "ManaUI",ManaUI}
.ppc-manager{margin-top:7px;color:#596e84;font:700 11px "ManaUI",ManaUI}.ppc-enter{height:38px;border:0;border-radius:8px;background:linear-gradient(135deg,#1768ad,#245f98);color:#fff;font:900 12px "B Titr","ManaUI",ManaUI;cursor:pointer}
.ppc-enter:hover{filter:brightness(1.06)}.ppc-entry-list{display:grid;gap:7px}.ppc-switch{border:0;background:transparent;color:#145b9a;font:800 12px ManaUI;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.ppc-switch:hover{color:#0b477d}
.proctor-setup-card{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding:24px;border:1px solid #d4e0eb;border-radius:12px;background:linear-gradient(135deg,#fff,#f2f7fc);box-shadow:0 12px 30px rgba(31,60,91,.08)}.proctor-setup-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:14px;background:#eaf2ff;color:#1d4ed8;font:900 22px ManaUI}.proctor-setup-card h2{margin:0 0 5px;color:#17385f;font-size:17px}.proctor-setup-card p{margin:0;color:#60758d;font-size:12px;line-height:1.9}.ppc-setup{grid-column:2;justify-self:start;min-height:42px;padding:8px 16px;border:0;border-radius:9px;background:linear-gradient(135deg,#1768ad,#245f98);color:#fff;font-weight:900;cursor:pointer}.proctor-picker-head button:focus-visible,.ppc-enter:focus-visible,.ppc-setup:focus-visible{outline:3px solid #f59e0b;outline-offset:3}html[data-theme="dark"] .proctor-setup-card{background:linear-gradient(135deg,#26384d,#1c2938);border-color:#49617a}html[data-theme="dark"] .proctor-setup-card h2{color:#f2f7fc}html[data-theme="dark"] .proctor-setup-card p{color:#b7c8da}html[data-theme="dark"] .proctor-setup-icon{background:#2c4b70;color:#a7d0ff}
@media(max-width:650px){.proctor-setup-card{grid-template-columns:1fr;padding:16px}.ppc-setup{grid-column:1;justify-self:stretch;width:100%}}
html[data-theme="dark"] .proctor-picker-box{background:#1c2938;border-color:#49617a}html[data-theme="dark"] .proctor-picker-note{background:#26394d;color:#d9e8f7;border-color:#486886}html[data-theme="dark"] .proctor-picker-card{background:#243447;border-color:#486078}html[data-theme="dark"] .ppc-main h3{color:#f2f7fc}html[data-theme="dark"] .ppc-code,html[data-theme="dark"] .ppc-manager{color:#b7c8da}html[data-theme="dark"] .ppc-meta span{background:#31445a;color:#dce8f5}html[data-theme="dark"] .ppc-stats b{background:#24453e;color:#c8f4e6}html[data-theme="dark"] .ppc-switch{color:#93c5fd}
@media(max-width:650px){.proctor-picker-layer{padding:10px}.proctor-picker-grid{grid-template-columns:1fr;padding:10px}.proctor-picker-note{margin:10px 10px 0}}


#manaLoginScreen{--login-ink:#473326;--login-muted:#826957;position:fixed;isolation:isolate;overflow:auto}
#manaLoginScreen .mana-login-brand,#manaLoginScreen .mana-login-welcome,#manaLoginScreen .mana-login-grid,#manaLoginScreen .mana-login-footer{position:relative;z-index:1}
#manaLoginScreen .mana-login-brand{direction:ltr;justify-content:center;gap:30px;margin:0 auto}
#manaLoginScreen .mana-login-logo-wrap{position:relative;width:128px;height:auto;min-height:0;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
#manaLoginScreen .mana-login-logo-wrap img{position:relative;z-index:2;display:block;width:100%;height:auto;max-width:128px;max-height:112px;object-fit:contain;border:0;border-radius:0;background:transparent;box-shadow:none;mix-blend-mode:normal}
#manaLoginScreen .mana-logo-fallback{display:none}
#manaLoginScreen .mana-login-title{direction:rtl;text-align:right}
#manaLoginScreen .mana-login-title h1{margin:0;font-size:clamp(34px,4.4vw,49px);font-weight:900;letter-spacing:-1px;text-shadow:none}
#manaLoginScreen .mana-login-welcome{display:flex;justify-content:center;margin:16px auto 19px;text-align:center}
#manaLoginScreen .mana-login-chip{border:1px solid #e8c8a6;border-radius:999px;background:#fff9f0;color:#714629;padding:10px 21px;font:800 15px/1.6 'Vazirmatn','Segoe UI',ManaUI,sans-serif;box-shadow:none}
#manaLoginScreen .mana-login-grid{width:min(840px,100%);grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 17px}
#manaLoginScreen .mana-entry-card{--accent:#ad6836;--tint:#fbf0e1;min-height:110px;display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:10px;row-gap:2px;padding:13px 16px;text-align:center;transition:transform .18s ease,border-bottom-width .18s ease,background-color .18s ease}
#manaLoginScreen .mana-entry-card:hover{transform:translateY(-2px)}
#manaLoginScreen .mana-entry-card:active{transform:translateY(3px)}
#manaLoginScreen .mana-entry-card:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 55%,white);outline-offset:3px}
#manaLoginScreen .mana-entry-icon{grid-column:1;grid-row:1 / span 2;justify-self:center;align-self:center;width:44px;height:44px;color:var(--accent)}
#manaLoginScreen .mana-entry-icon svg{width:43px;height:43px;stroke:currentColor;stroke-width:1.8;overflow:visible}
#manaLoginScreen .entry-admin .gear-outline{fill:color-mix(in srgb,var(--accent) 12%,transparent);stroke:currentColor;stroke-width:2.1;stroke-linejoin:round}
#manaLoginScreen .entry-admin .gear-ring{fill:none;stroke:currentColor;stroke-width:2.1}
#manaLoginScreen .entry-admin .gear-hub{fill:none;stroke:currentColor;stroke-width:2.2}
#manaLoginScreen .entry-admin .gear-spoke{fill:none;stroke:currentColor;stroke-width:1.55;opacity:.84}
#manaLoginScreen .mana-entry-card strong{grid-column:2;grid-row:1;align-self:end;font-size:15px;font-weight:900;line-height:1.55;text-align:center}
#manaLoginScreen .mana-entry-card small{grid-column:2;grid-row:2;align-self:start;padding:0;border:0;border-radius:0;font-size:12px;font-weight:600;line-height:1.65;text-align:center}
#manaLoginScreen .entry-student{--accent:#3976a7;--tint:#e8f2f7}#manaLoginScreen .entry-grader{--accent:#4a8661;--tint:#edf5e9}#manaLoginScreen .entry-proctor{--accent:#b16d3a;--tint:#fbefe2}#manaLoginScreen .entry-school-report{--accent:#877145;--tint:#f7f0de}#manaLoginScreen .entry-admin{--accent:#ac514b;--tint:#f8e9e3}#manaLoginScreen .entry-teacher{--accent:#76639a;--tint:#f0ebf5}
#manaLoginScreen .mana-login-footer{width:min(900px,100%);margin:18px auto 0;padding-top:8px;border-top:1px solid #e8dac9;color:#8c7663;font:600 11px/1.8 'Vazirmatn','Segoe UI',ManaUI,sans-serif}
#manaLoginScreen .mana-login-footer span{opacity:.8}
@media(max-width:1100px){#manaLoginScreen .mana-login-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:700px}}
@media(max-width:560px){#manaLoginScreen .mana-login-brand{gap:12px}#manaLoginScreen .mana-login-logo-wrap{width:82px}#manaLoginScreen .mana-login-logo-wrap img{max-height:76px}#manaLoginScreen .mana-login-title h1{font-size:30px}#manaLoginScreen .mana-login-welcome{margin:14px auto 16px}#manaLoginScreen .mana-login-chip{font-size:12px;padding:8px 12px}#manaLoginScreen .mana-login-grid{grid-template-columns:1fr;max-width:410px;gap:10px}#manaLoginScreen .mana-entry-card{min-height:91px;padding:10px 13px;grid-template-columns:41px minmax(0,1fr)}#manaLoginScreen .mana-entry-icon{grid-row:1 / span 2;width:40px;height:40px}#manaLoginScreen .mana-entry-icon svg{width:37px;height:37px}#manaLoginScreen .mana-entry-card strong{font-size:14px}#manaLoginScreen .mana-entry-card small{font-size:12px}#manaLoginScreen .mana-login-footer{margin-top:15px}}


:root{--mana-font-body:"ManaUI",ManaUI,sans-serif;--mana-font-title:"B Titr","ManaUI",ManaUI,sans-serif;--mana-font-bold:"ManaUI","ManaUI",ManaUI,sans-serif;--mana-font-brand:"Lalezar","B Titr",ManaUI,sans-serif}
.mana-theme-toggle{align-items:center}


.proctor-page{--pc-bg:#f4f7fb;--pc-card:#fff;--pc-card2:#f8fbff;--pc-line:#dce5ef;--pc-text:#162238;--pc-muted:#6e7d91;--pc-shadow:0 8px 28px rgba(29,52,83,.08);background:linear-gradient(180deg,#f7f9fc 0,#eef4fa 100%);padding-bottom:30px}
.proctor-hero{display:flex;align-items:stretch;justify-content:space-between;gap:18px;padding:18px 20px;margin-bottom:14px;border:1px solid #cddbea;border-radius:10px;background:linear-gradient(125deg,#fafdff 0%,#edf5ff 55%,#fff8eb 100%);box-shadow:var(--pc-shadow);position:relative;overflow:hidden}.proctor-hero:before{content:'';position:absolute;right:0;top:0;bottom:0;width:6px;background:linear-gradient(#1d4ed8,#0ea5e9,#f59e0b)}.proctor-eyebrow{display:flex;align-items:center;gap:7px;color:#34597f;font-size:12px;font-weight:900}.proctor-live-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 5px rgba(16,185,129,.12)}.proctor-hero h1{margin:5px 0 2px;font-size:26px;color:#12325b}.proctor-hero p{margin:0;color:#60748c;font-size:12px}.proctor-hero-badge{min-width:240px;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:11px 14px;border:1px solid #c8d9ec;border-radius:8px;background:rgba(255,255,255,.82)}.proctor-hero-badge span,.proctor-hero-badge small{font-size:12px;color:#73849a}.proctor-hero-badge strong{font-size:12px;color:#0f5f9c}
.proctor-kpi-grid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.proctor-kpi{flex:0 1 188px;min-width:160px;padding:12px 14px;border:1px solid var(--pc-line);border-radius:9px;background:var(--pc-card);box-shadow:0 4px 16px rgba(30,54,80,.05);position:relative;overflow:hidden}.proctor-kpi:before{content:'';position:absolute;right:0;top:0;bottom:0;width:4px;background:var(--tone,#2563eb)}.proctor-kpi span{display:block;font-size:12px;color:var(--pc-muted);font-weight:900}.proctor-kpi strong{display:block;margin:3px 0;font-size:23px;color:var(--tone,#2563eb)}.proctor-kpi small{font-size:12px;color:#8a97a7}.proctor-kpi.blue{--tone:#2563eb}.proctor-kpi.violet{--tone:#7c3aed}.proctor-kpi.amber{--tone:#d97706}.proctor-kpi.green{--tone:#059669}.proctor-kpi.cyan{--tone:#0891b2}
.proctor-workspace{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:14px;align-items:start}.proctor-main-column,.proctor-side-column{display:flex;flex-direction:column;gap:14px}.proctor-ops-card,.proctor-side-card{background:var(--pc-card);border:1px solid var(--pc-line);border-radius:10px;box-shadow:var(--pc-shadow);padding:14px}.proctor-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.proctor-section-head h2,.proctor-detail-head h2{margin:0;color:var(--pc-text);font-size:17px}.proctor-section-head p,.proctor-detail-head p{margin:3px 0 0;color:var(--pc-muted);font-size:12px;line-height:1.8}.proctor-soft-btn{border:1px solid #c9d7e6;background:#f2f7fc;color:#315b87;padding:7px 10px;border-radius:7px;font-weight:900;font-size:12px;cursor:pointer}
.proctor-referral-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.proctor-referral{--tone:#2563eb;--soft:#eff6ff;border:1px solid color-mix(in srgb,var(--tone) 24%,#dbe5ef);border-radius:9px;padding:11px;background:linear-gradient(180deg,var(--pc-card),color-mix(in srgb,var(--soft) 58%,var(--pc-card)));min-height:174px;display:flex;flex-direction:column}.proctor-referral.blue{--tone:#2563eb;--soft:#eaf2ff}.proctor-referral.green{--tone:#059669;--soft:#eafaf3}.proctor-referral.amber{--tone:#d97706;--soft:#fff6df}.proctor-referral.violet{--tone:#7c3aed;--soft:#f4edff}.proctor-referral.cyan{--tone:#0891b2;--soft:#e6f8fb}.proctor-referral.red{--tone:#dc2626;--soft:#fff0f0}.proctor-referral.slate{--tone:#475569;--soft:#f1f5f9}.pr-top{display:flex;justify-content:space-between;align-items:center}.pr-mark{width:22px;height:5px;border-radius:999px;background:var(--tone)}.proctor-referral h3{font-size:13px;margin:9px 0 3px;color:var(--pc-text)}.proctor-referral p{font-size:12px;line-height:1.7;color:var(--pc-muted);margin:0;min-height:47px}.pr-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:8px;color:#738296;font-size:12px}.pr-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.pr-actions button,.proctor-detail-actions button{border:1px solid color-mix(in srgb,var(--tone,#2563eb) 34%,#cbd5e1);background:#fff;color:var(--tone,#2563eb);padding:6px 7px;border-radius:6px;font-size:12px;font-weight:900;cursor:pointer}.pr-actions button.receive,.proctor-detail-actions button.receive{background:var(--tone,#2563eb);color:#fff;border-color:var(--tone,#2563eb)}.pr-actions button:disabled{opacity:.4;cursor:not-allowed}.proctor-status{font-size:12px;font-weight:900;padding:3px 6px;border-radius:999px}.proctor-status.pending{background:#eef2f7;color:#718096}.proctor-status.sent{background:#eaf2ff;color:#1d4ed8}.proctor-status.viewed{background:#fff4d6;color:#a16207}.proctor-status.received{background:#e8f8ef;color:#047857}
.proctor-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.proctor-action{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;text-align:right;gap:1px 8px;align-items:center;padding:10px;border:1px solid #d8e3ee;border-radius:8px;background:linear-gradient(180deg,#fff,#f7faff);color:var(--pc-text);cursor:pointer}.proctor-action:hover{border-color:#8db7e8;background:#f0f7ff}.pa-icon{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#e9f2ff;color:#1d4ed8;font-weight:900}.proctor-action b{font-size:12px}.proctor-action small{font-size:12px;color:var(--pc-muted)}
.proctor-side-title{font-size:13px;font-weight:900;color:#183a62;margin-bottom:9px;padding-bottom:7px;border-bottom:1px solid #e1e8f0}.proctor-facts{display:grid;gap:7px}.proctor-facts>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 8px;border-radius:6px;background:#f7f9fc}.proctor-facts span{font-size:12px;color:#748399}.proctor-facts strong{font-size:12px;color:#223956;text-align:left}.proctor-school-mini{display:flex;flex-direction:column;gap:6px}.psm-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;border:1px solid #e3e9f1;border-radius:6px;background:#fbfcfe}.psm-row b{display:block;font-size:12px;color:#243b58}.psm-row small{display:block;font-size:12px;color:#8a97a7}.psm-row>span{min-width:28px;text-align:center;padding:3px 5px;border-radius:999px;background:#eaf2ff;color:#2563eb;font-size:12px;font-weight:900}.proctor-timeline{display:flex;flex-direction:column}.pt-item{display:grid;grid-template-columns:10px 1fr;gap:7px;padding:7px 0;border-bottom:1px dashed #dde5ee}.pt-item:last-child{border-bottom:0}.pt-item i{width:8px;height:8px;border-radius:50%;background:#3b82f6;margin-top:4px}.pt-item b{display:block;font-size:12px;color:#2a405d}.pt-item small{display:block;font-size:12px;color:#8b98a8;margin-top:2px}.proctor-empty-mini,.proctor-empty{padding:12px;text-align:center;color:#7a899b;background:#f7f9fc;border:1px dashed #d6e0ea;border-radius:7px;font-size:12px}
.proctor-output-card{min-height:120px}.proctor-welcome{display:flex;gap:8px;align-items:center;padding:10px 12px;background:linear-gradient(90deg,#eff7ff,#f8fbff);border:1px solid #d0e0f1;border-radius:7px}.proctor-welcome strong{font-size:12px;color:#1d4ed8}.proctor-welcome span{font-size:12px;color:#65768a}.proctor-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.proctor-detail-actions{display:flex;gap:6px}.proctor-table-wrap{overflow:auto;border:1px solid #dce5ef;border-radius:7px}.proctor-table{width:100%;border-collapse:collapse;min-width:720px}.proctor-table th{background:#eaf2fb;color:#24476c;font-size:12px;padding:8px;border-bottom:1px solid #cfddeb}.proctor-table td{font-size:12px;color:#28394e;padding:7px 8px;border-bottom:1px solid #e7edf3;text-align:center}.proctor-table tbody tr:nth-child(even) td{background:#f8fafc}.proctor-table tbody tr:hover td{background:#eef6ff}.attendance-actions{display:flex;justify-content:center;gap:4px}.attendance-actions button{border:1px solid #d7e0e9;background:#fff;border-radius:5px;padding:4px 7px;font-size:12px;font-weight:900;cursor:pointer}.attendance-actions .present{color:#047857}.attendance-actions .absent{color:#b91c1c}.attendance-actions .present.active{background:#dcfce7;border-color:#86efac}.attendance-actions .absent.active{background:#fee2e2;border-color:#fca5a5}.proctor-package-list{display:flex;flex-wrap:wrap;gap:7px}.proctor-package-list span{padding:8px 10px;border:1px solid #d8e3ee;border-radius:7px;background:#f7faff;color:#35516f;font-size:12px;font-weight:900}.proctor-detail-note{padding:13px;border:1px solid #d7e2ed;background:#f7faff;border-radius:7px;color:#415a76;font-size:12px}.proctor-school-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.proctor-school-grid>div{display:flex;flex-direction:column;gap:4px;padding:10px;border:1px solid #dce5ef;border-radius:7px;background:#f9fbfd}.proctor-school-grid b{font-size:12px;color:#1e3a5f}.proctor-school-grid span{font-size:12px;color:#75859a}.proctor-report-grid{display:flex;flex-wrap:wrap;gap:8px}.proctor-report-grid>div{flex:0 1 150px;min-width:130px;padding:10px;border-radius:7px;border:1px solid #dce5ef;background:#f8fbff}.proctor-report-grid span{display:block;font-size:12px;color:#78879a}.proctor-report-grid b{display:block;font-size:18px;color:#1d4ed8;margin-top:3px}
html[data-theme="dark"] .proctor-page{--pc-bg:#17212e;--pc-card:#202d3d;--pc-card2:#253446;--pc-line:#3a4b60;--pc-text:#f2f6fb;--pc-muted:#b5c1cf;--pc-shadow:0 10px 28px rgba(0,0,0,.18);background:linear-gradient(180deg,#182330,#141d29)}html[data-theme="dark"] .proctor-hero{background:linear-gradient(125deg,#223650,#24394d 55%,#3a3427);border-color:#40546a}html[data-theme="dark"] .proctor-hero-badge{background:#243449;border-color:#496078}html[data-theme="dark"] .proctor-referral{background:linear-gradient(180deg,#243346,color-mix(in srgb,var(--tone) 10%,#263648));border-color:#46586e}html[data-theme="dark"] .proctor-action{background:linear-gradient(180deg,#253548,#223144);border-color:#40536a;color:#f2f6fb}html[data-theme="dark"] .proctor-action:hover{background:#2b4057;border-color:#6d91b8}html[data-theme="dark"] .pa-icon{background:#2c4b70;color:#a7d0ff}html[data-theme="dark"] .proctor-facts>div,html[data-theme="dark"] .psm-row,html[data-theme="dark"] .proctor-school-grid>div,html[data-theme="dark"] .proctor-report-grid>div{background:#263648;border-color:#3d5066}html[data-theme="dark"] .proctor-table-wrap{border-color:#42546a}html[data-theme="dark"] .proctor-welcome,html[data-theme="dark"] .proctor-detail-note,html[data-theme="dark"] .proctor-package-list span,html[data-theme="dark"] .proctor-empty,html[data-theme="dark"] .proctor-empty-mini{background:#26384d;border-color:#40556d;color:#d9e6f3}html[data-theme="dark"] .pr-actions button,html[data-theme="dark"] .proctor-detail-actions button,html[data-theme="dark"] .attendance-actions button{background:#26384d;border-color:#4b6078;color:#cfe4fb}html[data-theme="dark"] .attendance-actions .present.active{background:#174a39;border-color:#2f7d5c;color:#b9f6d8}html[data-theme="dark"] .attendance-actions .absent.active{background:#5a2b31;border-color:#8a454e;color:#ffd5d9}
.proctor-card-view-note{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;padding:9px 11px;border:1px solid #bcd4ee;border-right:4px solid #2563eb;border-radius:7px;background:linear-gradient(90deg,#eef6ff,#fff);color:#40536a;font-size:12px}.proctor-card-view-note b{font-family:"B Titr";font-size:12px;color:#174a8b}.proctor-card-view-note span{font-size:12px;color:#66788e}.proctor-admission-viewer{border:1px solid var(--pc-line);border-radius:9px;background:#eaf0f6;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.proctor-admission-frame{display:block;width:100%;height:1100px;border:0;background:#eef3f8}html[data-theme="dark"] .proctor-card-view-note{background:linear-gradient(90deg,#263b53,#223142);border-color:#466583;color:#d6e3f2}html[data-theme="dark"] .proctor-card-view-note b{color:#a9d1ff}html[data-theme="dark"] .proctor-card-view-note span{color:#b7c5d5}html[data-theme="dark"] .proctor-admission-viewer{background:#1d2a39;border-color:#40536a}.proctor-detail-actions button:first-child{white-space:nowrap}
@media(max-width:1180px){.proctor-workspace{grid-template-columns:1fr}.proctor-side-column{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.proctor-referral-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.proctor-hero{flex-direction:column}.proctor-hero-badge{min-width:0}.proctor-referral-grid,.proctor-action-grid,.proctor-side-column,.proctor-school-grid{grid-template-columns:1fr}.proctor-kpi{flex:1 1 45%}.proctor-detail-head{flex-direction:column}.proctor-detail-actions{width:100%}.proctor-detail-actions button{flex:1}}


:root,html[data-theme="light"]{--warm-bg:#f7f3ed;--warm-surface:#fffdf9;--warm-raised:#f1e9df;--warm-text:#302b26;--warm-muted:#6c6055;--warm-line:#dfd4c6;--warm-accent:#b6532a}
html[data-theme="dark"]{--warm-bg:#181a20;--warm-surface:#22252d;--warm-raised:#303440;--warm-text:#f6eee4;--warm-muted:#c5bdb4;--warm-line:#454956;--warm-accent:#e99772}html .proctor-kpi strong{font-variant-numeric:tabular-nums}
#proctorHome .proctor-output-card{scroll-margin-top:100px}
#proctorHome .proctor-kpi{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:0;border-radius:0}
#proctorHome .proctor-kpi small{display:none}
.proctor-selection{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:16px;background:var(--surface,#f1f5f9);margin-bottom:16px}
.proctor-selection label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:9px 12px;border:1px solid var(--border,#cbd5e1)}
.proctor-selection label:has(input:checked){background:#e0f2fe;color:#075985;border-color:#0284c7}
.proctor-selection input[type=checkbox]{width:19px;height:19px;accent-color:#0284c7}
.proctor-selection select,.proctor-selection input[type=search]{padding:10px;font:inherit;min-width:170px;max-width:100%}
.proctor-selection button,.proctor-student-choice button{padding:9px 14px;background:#0369a1;color:#fff;border:0;font:inherit;cursor:pointer}
.proctor-student-choices{max-height:260px;overflow:auto;border:1px solid var(--border,#cbd5e1);margin-bottom:16px}
.proctor-student-choice{display:flex;align-items:center;gap:12px;padding:10px;border-bottom:1px solid var(--border,#cbd5e1)}
.proctor-student-choice label{flex:1;display:flex;align-items:center;gap:10px}
.proctor-student-choice input{width:19px;height:19px;accent-color:#0284c7}
.proctor-student-choice small{color:var(--muted,#64748b)}
#proctorHome .proctor-answer-status{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center;min-width:0;margin:10px 0 14px;padding:14px 16px;border:1px solid #cbd5e1;border-radius:14px;background:#f8fafc;color:#18324b}
#proctorHome .proctor-answer-status strong{font-size:.9rem;line-height:1.7;font-weight:800}
#proctorHome .proctor-answer-status span{grid-column:1/-1;min-width:0;color:#52677d;font-size:.82rem;line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap}
#proctorHome .proctor-answer-status progress{grid-column:1/-1;width:100%;height:8px;accent-color:#2563eb}
#proctorHome .proctor-answer-status button{grid-column:2;min-height:38px;padding:7px 14px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#1e3a5f;font:inherit;cursor:pointer}
#proctorHome .proctor-answer-status button[hidden],#proctorHome .proctor-answer-status progress[hidden]{display:none}
#proctorHome .proctor-answer-status.is-ready{border-color:#8fd4b2;background:#effbf4;color:#14532d}
#proctorHome .proctor-answer-status.is-ready span{color:#276749}
#proctorHome .proctor-answer-status.is-error{border-color:#f2b4b4;background:#fff5f5;color:#8f1d1d}
#proctorHome .proctor-answer-status.is-error span{color:#842d2d}
html[data-theme="dark"] #proctorHome .proctor-answer-status{border-color:#40556b;background:#233448;color:#e6eef8}
html[data-theme="dark"] #proctorHome .proctor-answer-status span{color:#c0d0e0}
html[data-theme="dark"] #proctorHome .proctor-answer-status.is-ready{border-color:#347856;background:#183b30;color:#c8f4dc}
html[data-theme="dark"] #proctorHome .proctor-answer-status.is-error{border-color:#85464d;background:#46282d;color:#ffdbde}
html[data-theme="dark"] #proctorHome .proctor-answer-status button{border-color:#51677e;background:#2a4058;color:#e5effb}
@media(max-width:640px){#proctorHome .proctor-answer-status{grid-template-columns:minmax(0,1fr);gap:7px;padding:12px}#proctorHome .proctor-answer-status button{grid-column:1;width:100%}#proctorHome .proctor-manager-design-frame{min-height:440px}}
.proctor-answer-modal{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;padding:clamp(8px,2vh,24px);background:rgba(9,20,35,.72);backdrop-filter:blur(3px)}
.proctor-answer-modal-dialog{display:flex;flex-direction:column;width:min(1600px,98vw);height:min(96dvh,1400px);min-height:0;overflow:hidden;border:1px solid #d5dfeb;border-radius:20px;background:#f3f6fa;color:#18324b;box-shadow:0 28px 90px rgba(0,0,0,.32)}
.proctor-answer-modal-head{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border-bottom:1px solid #d5dfeb;background:#fff}
.proctor-answer-modal-head h2{margin:0;font-size:1.08rem;font-weight:850;line-height:1.5}
.proctor-answer-modal-head p{margin:3px 0 0;color:#5b7187;font-size:.84rem;line-height:1.6}
.proctor-answer-modal-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.proctor-answer-modal-actions button{min-height:42px;padding:8px 15px;border:1px solid #ccd8e5;border-radius:11px;background:#fff;color:#18324b;font:inherit;font-weight:750;cursor:pointer}
.proctor-answer-modal-actions .proctor-modal-print{border-color:#174ea6;background:#1d5fcb;color:#fff}
.proctor-answer-modal-actions .proctor-modal-print:disabled{border-color:#b7c5d4;background:#dbe3eb;color:#66788a;cursor:wait}
.proctor-answer-modal-actions .proctor-modal-close{min-width:76px}
.proctor-answer-modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:14px 18px 20px;overscroll-behavior:contain}
.proctor-answer-modal-body #proctorManagerDesignBody,.proctor-answer-modal-body .proctor-manager-design-host{min-height:100%}
.proctor-answer-modal .proctor-answer-status{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center;min-width:0;margin:8px 0 12px;padding:13px 15px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#18324b}
.proctor-answer-modal .proctor-answer-status strong{font-size:.9rem;line-height:1.7;font-weight:800}
.proctor-answer-modal .proctor-answer-status span{grid-column:1/-1;min-width:0;color:#52677d;font-size:.82rem;line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap}
.proctor-answer-modal .proctor-answer-status progress{grid-column:1/-1;width:100%;height:8px;accent-color:#2563eb}
.proctor-answer-modal .proctor-answer-status button{grid-column:2;min-height:38px;padding:7px 14px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#1e3a5f;font:inherit;cursor:pointer}
.proctor-answer-modal .proctor-answer-status button[hidden],.proctor-answer-modal .proctor-answer-status progress[hidden]{display:none}
.proctor-answer-modal .proctor-answer-status.is-ready{border-color:#8fd4b2;background:#effbf4;color:#14532d}
.proctor-answer-modal .proctor-answer-status.is-ready span{color:#276749}
.proctor-answer-modal .proctor-answer-status.is-error{border-color:#f2b4b4;background:#fff5f5;color:#8f1d1d}
.proctor-answer-modal .proctor-answer-status.is-error span{color:#842d2d}
.proctor-answer-modal-body .proctor-supply-item{min-height:100%}
.proctor-answer-modal-body .proctor-manager-design-frame{border-radius:12px}
html[data-theme="dark"] .proctor-answer-modal-dialog{border-color:#40556b;background:#1b2a3a;color:#e4edf7}
html[data-theme="dark"] .proctor-answer-modal-head{border-color:#40556b;background:#233448}
html[data-theme="dark"] .proctor-answer-modal-head p{color:#c0d0e0}
html[data-theme="dark"] .proctor-answer-modal-actions button{border-color:#51677e;background:#2a4058;color:#e5effb}
html[data-theme="dark"] .proctor-answer-modal-actions .proctor-modal-print{border-color:#3c77cf;background:#2563c6;color:#fff}
html[data-theme="dark"] .proctor-answer-modal-actions .proctor-modal-print:disabled{border-color:#51677e;background:#33485d;color:#aab9c8}
html[data-theme="dark"] .proctor-answer-modal .proctor-answer-status{border-color:#40556b;background:#233448;color:#e6eef8}
html[data-theme="dark"] .proctor-answer-modal .proctor-answer-status span{color:#c0d0e0}
html[data-theme="dark"] .proctor-answer-modal .proctor-answer-status.is-ready{border-color:#347856;background:#183b30;color:#c8f4dc}
html[data-theme="dark"] .proctor-answer-modal .proctor-answer-status.is-error{border-color:#85464d;background:#46282d;color:#ffdbde}
html[data-theme="dark"] .proctor-answer-modal .proctor-answer-status button{border-color:#51677e;background:#2a4058;color:#e5effb}
@media(max-width:720px){.proctor-answer-modal{padding:0}.proctor-answer-modal-dialog{width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.proctor-answer-modal-head{align-items:flex-start;flex-direction:column;gap:10px;padding:12px}.proctor-answer-modal-head h2{font-size:1rem}.proctor-answer-modal-actions{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:7px}.proctor-answer-modal-actions button{min-height:40px;padding:7px 9px;font-size:.84rem}.proctor-answer-modal-actions .proctor-modal-close{grid-column:1/-1;width:100%}.proctor-answer-modal-body{padding:10px}.proctor-answer-modal .proctor-answer-status{grid-template-columns:minmax(0,1fr);gap:7px;padding:12px}.proctor-answer-modal .proctor-answer-status button{grid-column:1;width:100%}}
#proctorHome .pr-actions button:disabled{opacity:.45;cursor:not-allowed}
#proctorHome .proctor-output-card:has(#proctorDataBox:empty){display:none}
.upload-data-workspace{display:grid;gap:17px;padding:22px;border:1px solid #92b8d8;border-radius:19px;background:linear-gradient(135deg,#e5f5ff 0%,#f0edff 52%,#fff0e4 100%);box-shadow:0 14px 32px rgba(42,83,135,.15);direction:rtl}
.upload-data-workspace>.upload-choice-grid{display:block}
.upload-data-workspace .upload-choice-card-center{overflow:visible}
.upload-data-workspace .upload-choice-card-center .choice-color-bar{display:none}
.upload-data-workspace .choice-stats-pro{max-width:440px}
.upload-data-workspace .upload-choice-actions{justify-content:flex-start;gap:10px;flex-wrap:wrap}
.upload-data-workspace .upload-choice-actions .btn{flex:0 1 auto;border-radius:12px}
.upload-schools-directory{margin-top:0;padding:17px 0 0;border:0;border-top:1px solid rgba(72,110,154,.26);background:transparent;direction:rtl}
.upload-schools-directory-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.upload-schools-directory-head h3{margin:0;font-size:19px;color:#183f64}.upload-schools-directory-head p{margin:5px 0 0;color:#4c6682;font-size:13px;line-height:1.9}
.upload-school-list{display:grid;gap:10px;max-height:48vh;overflow:auto;padding:2px}
.upload-school-row{display:grid;grid-template-columns:minmax(190px,.85fr) minmax(0,1.7fr);align-items:center;justify-content:space-between;gap:15px;padding:14px 16px;border:1px solid rgba(90,126,164,.23);border-radius:13px;background:rgba(255,255,255,.72);box-shadow:0 4px 12px rgba(46,76,111,.06)}
.upload-school-main{display:grid;gap:5px;min-width:170px}.upload-school-main strong{font-size:15px;color:#243f5d}.upload-school-main span,.upload-school-main small{color:#526b86;font-size:12px;line-height:1.8}
.upload-school-actions{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:9px}.upload-school-actions .btn{min-height:41px;padding:8px 12px;border-radius:10px;white-space:nowrap}
.upload-school-empty{padding:18px;text-align:center;border:1px dashed #cbd5e1;color:#64748b}
.upload-data-workspace,.upload-data-workspace>.upload-choice-grid,.upload-data-workspace .upload-choice-card-center{width:100%;max-width:none;min-width:0;box-sizing:border-box}
.upload-data-workspace .upload-choice-actions{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.upload-data-workspace .upload-choice-actions .btn{min-height:52px;text-align:center;line-height:1.65}
.upload-school-table-wrap{width:100%;max-width:100%;min-width:0;max-height:44vh;overflow:auto;overscroll-behavior:contain;box-sizing:border-box;border:1px solid rgba(72,110,154,.24);border-radius:13px;background:rgba(255,255,255,.76)}
.upload-school-table{width:100%;min-width:880px;border-collapse:separate;border-spacing:0;table-layout:auto}
.upload-school-table th{position:sticky;top:0;z-index:2;padding:13px 12px;background:linear-gradient(120deg,#245fc5,#4187de);color:#fff;font-size:13px;font-weight:900;text-align:center;white-space:nowrap}
.upload-school-table td{padding:12px 11px;border-bottom:1px solid #e2eaf2;color:#29425f;font-size:13px;line-height:1.85;text-align:center;vertical-align:middle;white-space:normal}
.upload-school-table tbody tr:nth-child(even) td{background:#f4f8ff}.upload-school-table tbody tr:hover td{background:#e9f3ff}
.upload-school-table td:nth-child(2){text-align:right;min-width:190px}.upload-school-table td:nth-child(2) strong,.upload-school-table td:nth-child(2) small{display:block}.upload-school-table td:nth-child(2) small{margin-top:3px;color:#6b7f98;font-size:12px}
.upload-school-table td:nth-child(3){min-width:190px}.upload-school-table td:nth-child(4),.upload-school-table td:nth-child(5){min-width:92px;font-weight:900}
.upload-school-table-actions{display:flex;justify-content:center;align-items:center;gap:9px;min-width:275px}.upload-school-table-actions .btn{min-width:125px;min-height:42px;padding:8px 11px;border-radius:10px;white-space:nowrap}
#uploadedViewOverlay:has(.school-table-actions) .school-table-actions{display:flex;justify-content:center;gap:9px;min-width:260px}
#uploadedViewOverlay:has(.school-table-actions) .school-table-actions .btn{min-width:120px;min-height:40px;white-space:nowrap;font-size:12px;padding:8px 10px}
@media(max-width:760px){.upload-data-workspace{padding:15px;gap:13px}.upload-schools-directory-head,.upload-school-row{align-items:stretch;grid-template-columns:1fr}.upload-data-workspace .upload-choice-actions .btn,.upload-school-actions .btn{flex:1 1 135px}.upload-school-list{max-height:55vh}}
@media(max-width:900px){.upload-data-workspace .upload-choice-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.upload-data-workspace .upload-choice-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
#proctorCenterPickerLayer .student-picker-search{grid-column:1/-1;display:grid;gap:6px;padding:10px 12px;border:1px solid var(--pc-line,#dbe4ef);border-radius:9px;background:var(--pc-card,#fff);color:var(--pc-text,#1f2937);font-size:12px;font-weight:900}
#proctorCenterPickerLayer .student-picker-search input{width:100%;box-sizing:border-box;padding:9px 11px;border:1px solid var(--pc-line,#dbe4ef);border-radius:8px;background:var(--pc-bg,#f7f9fc);color:var(--pc-text,#1f2937)}
#proctorCenterPickerLayer .student-picker-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:9px;max-height:min(55vh,560px);overflow:auto;padding:2px}
#proctorCenterPickerLayer .student-picker-option{display:flex;align-items:flex-start;flex-direction:column;gap:4px;min-width:0;text-align:right}
#proctorCenterPickerLayer .student-picker-option strong,#proctorCenterPickerLayer .student-picker-option small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#proctorCenterPickerLayer .student-picker-option small{font-size:12px;opacity:.82}
#proctorCenterPickerLayer .student-picker-list .proctor-empty-mini{grid-column:1/-1}
:is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .proctor-topbar{position:sticky;top:8px;z-index:150;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;margin:0 0 16px;padding:8px 12px;border:1px solid var(--pc-line,#dbe4ef);border-radius:18px;background:color-mix(in srgb,var(--pc-card,#fff) 88%,transparent);box-shadow:var(--pc-shadow,0 8px 22px #17324d12);backdrop-filter:blur(18px);direction:ltr}
:is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .proctor-topbar-controls{display:flex;align-items:center;gap:7px;direction:ltr}
:is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .proctor-exit-button{display:inline-flex;align-items:center;justify-content:center;font-family:ManaUI,sans-serif;font-size:12px;font-weight:900;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
:is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .proctor-exit-button:hover{transform:translateY(-1px);color:#fff}
:is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .proctor-theme-toggle{border-radius:999px;color:var(--pc-text,#1f2937);box-shadow:none;font-family:ManaUI,sans-serif;font-size:12px;font-weight:800;cursor:pointer}
:is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .proctor-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:98px;min-width:98px;height:50px;min-height:50px;padding:3px;border:0;background:transparent;transition:transform .2s ease}
:is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .proctor-theme-toggle:hover{transform:translateY(-1px)}
:is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .admin-theme-track{position:relative;display:block;width:92px;height:46px;overflow:hidden;border:1px solid #c4b28c;border-radius:999px;background:linear-gradient(145deg,#e9dfca,#d9c6a1);box-shadow:inset 0 1px 3px #493b2818,0 4px 12px #1114;transition:background .3s,border-color .3s}
:is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .admin-theme-knob{position:absolute;top:4px;left:4px;width:36px;height:36px;display:grid;place-items:center;border:1px solid #f4c943;border-radius:50%;background:linear-gradient(145deg,#ffe484,#ffc83f);box-shadow:0 2px 7px #22334a38;transform:translateX(0);transition:transform .32s cubic-bezier(.2,.75,.25,1),background .25s,border-color .25s;color:transparent;font-size:0}
:is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .admin-theme-knob::after{content:"";display:block;width:25px;height:25px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A85C05' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='3.4'/%3E%3Cpath d='M12 2v2m0 16v2M4.93 4.93l1.42 1.42m11.3 11.3 1.42 1.42M2 12h2m16 0h2M4.93 19.07l1.42-1.42m11.3-11.3 1.42-1.42'/%3E%3C/svg%3E")}
html[data-theme="dark"] :is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .admin-theme-track{border-color:#554338;background:linear-gradient(145deg,#3a302b,#2e2723);box-shadow:inset 0 1px 4px #100b0888,0 4px 12px #0004}
html[data-theme="dark"] :is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .admin-theme-knob{transform:translateX(46px);border-color:#c58b4f;background:linear-gradient(145deg,#e8bb7a,#c68b4f)}
html[data-theme="dark"] :is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .admin-theme-knob::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.2 15.3A8.4 8.4 0 0 1 8.7 3.8 8.7 8.7 0 1 0 20.2 15.3Z' fill='%234A3525'/%3E%3Cpath d='M17.2 3.3v2.4m-1.2-1.2h2.4' stroke='%238A5A2B' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")}
:is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .proctor-brand{display:flex;align-items:center;gap:9px;min-width:0;color:var(--pc-text,#1f2937)}
:is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .proctor-brand .mana-admin-logo,:is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .proctor-brand-fallback{width:40px;height:40px;object-fit:contain}
:is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .proctor-brand-fallback{display:grid;place-items:center;color:#245b91;font-size:22px;font-weight:900}
:is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .mana-admin-brand-text{display:flex;align-items:center;gap:8px;white-space:nowrap}
:is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .mana-admin-brand-main{color:var(--pc-text,#1f2937);font-size:23px;font-weight:900;line-height:1.15}
:is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .mana-admin-brand-divider{width:2px;height:32px;background:#356bec}
:is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .mana-admin-brand-sub{color:var(--pc-muted,#6b7280);font-size:14px;font-weight:800;line-height:1.2}
#proctorHome .proctor-welcome-row{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:14px;margin-bottom:14px;padding:12px 14px;border:1px solid var(--pc-line,#dbe4ef);border-radius:18px;background:var(--pc-card,#fff);box-shadow:var(--pc-shadow,0 8px 22px #17324d12);direction:rtl}
#proctorHome .proctor-welcome-row h1{min-width:0;margin:0;color:var(--pc-text,#1f2937);font-size:17px;line-height:1.5;white-space:nowrap;overflow-x:auto}
#proctorHome .proctor-welcome-row h1 strong{color:#245b91}
#proctorHome .proctor-facts-scroll{min-width:0;overflow-x:auto}
#proctorHome .proctor-project-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;min-width:0;direction:rtl}
#proctorHome .proctor-project-fact{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:42px;padding:6px 9px;border:1px solid var(--fact-line,#c8d9ec);border-radius:9px;background:var(--fact-bg,#edf5ff);text-align:right}
#proctorHome .proctor-project-fact span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#proctorHome .proctor-project-fact strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;text-align:left}
#proctorHome .proctor-project-fact span{font-size:12px;font-weight:800}
#proctorHome .proctor-project-fact strong{margin-top:0;color:var(--pc-text,#1f2937);font-size:12px}
#proctorHome .proctor-project-fact:nth-child(2){--fact-bg:#e8fbf5;--fact-line:#b8ead9;--fact-ink:#28715a}
#proctorHome .proctor-project-fact:nth-child(3){--fact-bg:#fff6e6;--fact-line:#f3dfb5;--fact-ink:#8a6827}
#proctorHome .proctor-project-fact:nth-child(4){--fact-bg:#f4efff;--fact-line:#d9ccf3;--fact-ink:#66519a}
#proctorHome .proctor-project-fact:nth-child(5){--fact-bg:#fff0f2;--fact-line:#f2cbd2;--fact-ink:#9d5260}
html[data-theme="dark"] :is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .proctor-brand strong{color:#a9d0ff}
html[data-theme="dark"] :is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .proctor-brand-fallback{background:#263c53;color:#cfe6ff}
html[data-theme="dark"] #proctorHome .proctor-project-fact span{color:#bfd0e2}
html[data-theme="dark"] #proctorHome .proctor-project-fact strong{color:#f2f6fb}
#proctorHome .proctor-project-fact,#proctorHome .proctor-project-fact:nth-child(n){--fact-bg:var(--pc-card2);--fact-line:var(--pc-line);--fact-ink:var(--pc-muted)}
:is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome).proctor-page,html[data-theme="light"] :is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome).proctor-page{--pc-bg:#f7f3ed;--pc-card:#fffdf9;--pc-card2:#f1e9df;--pc-line:#dfd4c6;--pc-text:#302b26;--pc-muted:#6c6055;--pc-shadow:0 8px 26px #6343230c}
html[data-theme="dark"] :is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome).proctor-page{--pc-bg:#51463c;--pc-card:#695a4c;--pc-card2:#756453;--pc-line:#8b7865;--pc-text:#fff5e9;--pc-muted:#ead8c4;--pc-shadow:0 14px 34px rgba(32,22,15,.14)}
#proctorHome .proctor-center-overview{box-sizing:border-box}
#proctorHome .proctor-center-overview svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#proctorHome .proctor-center-heading{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:0 0 10px;border-bottom:1px solid var(--warm-line,#dfd4c6)}
#proctorHome .proctor-center-heading-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#d8784e,#9e3e22);color:#fff;box-shadow:0 5px 12px #91402435}
#proctorHome .proctor-center-heading-icon svg{width:23px;height:23px;stroke-width:1.9}
#proctorHome .proctor-center-heading .proctor-side-title{margin:0;padding:0;border:0;font-size:16px;font-weight:900}
#proctorHome .proctor-center-heading small{display:block;margin-top:2px;font-size:12px}
#proctorHome .proctor-center-facts{gap:8px;margin-bottom:11px}
#proctorHome .proctor-center-facts>div{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;min-height:48px;padding:9px 11px}
#proctorHome .proctor-center-facts span{font-weight:800;word-break:normal;overflow-wrap:break-word}
#proctorHome .proctor-center-facts strong{font-weight:900;word-break:normal;overflow-wrap:break-word}
#proctorHome .proctor-details-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:40px;padding:8px 12px;border:1px solid #b6532a;border-radius:12px;background:linear-gradient(135deg,#b6532a,#914024);color:#fff;font-family:ManaUI,sans-serif;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 5px 14px #91402426;transition:transform .18s ease,box-shadow .18s ease}
#proctorHome .proctor-details-toggle:hover{transform:translateY(-1px);box-shadow:0 8px 18px #91402436}
#proctorHome .proctor-details-toggle-icon{display:grid;place-items:center;width:22px;height:22px;border:1px solid #ffffff70;border-radius:50%;font-size:15px;line-height:1}
#proctorHome .proctor-extra-details{display:grid;gap:7px;margin-top:9px}
#proctorHome .proctor-summary-first-row{display:grid;grid-template-columns:minmax(190px,.85fr) minmax(0,1.15fr);gap:7px}
#proctorHome .proctor-candidate-summary,#proctorHome .proctor-delivery-status{display:flex;align-items:center;gap:9px;min-height:42px;padding:7px 11px;border:1px solid var(--warm-line,#dfd4c6);border-radius:11px;background:#fffdf9;color:var(--warm-text,#302b26)}
#proctorHome .proctor-summary-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:10px;background:linear-gradient(145deg,#f8e6d7,#edd1bd);color:#914024;box-shadow:inset 0 1px #fff9}
#proctorHome .proctor-summary-icon svg{width:18px;height:18px;stroke-width:1.85}
#proctorHome .proctor-candidate-summary>span:nth-child(2),#proctorHome .proctor-delivery-status>span:nth-child(2){color:var(--warm-text,#302b26);font-size:12px;font-weight:800}
#proctorHome .proctor-candidate-summary>strong{margin-inline-start:auto;color:#914024;font-size:16px;font-weight:900}
#proctorHome .proctor-delivery-status .proctor-delivery-value{display:inline-flex;align-items:center;gap:6px;margin-inline-start:auto;font-size:12px;font-weight:900}
#proctorHome .proctor-delivery-symbol{display:grid;place-items:center;width:24px;height:24px;border-radius:9px;box-shadow:0 2px 5px #162b1d12}
#proctorHome .proctor-delivery-symbol svg{width:16px;height:16px;stroke-width:2.7}
#proctorHome .proctor-delivery-status[data-state="sent"]{border-color:#b8dfc8;background:#f2faf5}
#proctorHome .proctor-delivery-status[data-state="sent"] .proctor-summary-icon,#proctorHome .proctor-delivery-status[data-state="sent"] .proctor-delivery-symbol{background:#dff2e6;color:#187247}
#proctorHome .proctor-delivery-status[data-state="pending"]{border-color:#efc3bb;background:#fff7f5}
#proctorHome .proctor-delivery-status[data-state="pending"] .proctor-summary-icon,#proctorHome .proctor-delivery-status[data-state="pending"] .proctor-delivery-symbol{background:#fbe3df;color:#b53b31}
html[data-theme="dark"] #proctorHome .proctor-center-heading{border-color:#8b7865}
html[data-theme="dark"] #proctorHome .proctor-center-heading-icon{background:#d27a54;color:#271b13}
html[data-theme="dark"] #proctorHome .proctor-summary-icon{background:#695a4c;color:#ffd4a9}
html[data-theme="dark"] #proctorHome .proctor-delivery-status[data-state="sent"] .proctor-summary-icon,html[data-theme="dark"] #proctorHome .proctor-delivery-status[data-state="sent"] .proctor-delivery-symbol{background:#b8dfc8;color:#194c30}
html[data-theme="dark"] #proctorHome .proctor-delivery-status[data-state="pending"] .proctor-summary-icon,html[data-theme="dark"] #proctorHome .proctor-delivery-status[data-state="pending"] .proctor-delivery-symbol{background:#f0b4aa;color:#63271f}
@media(max-width:600px){#proctorHome .proctor-summary-first-row{grid-template-columns:minmax(0,1fr)}#proctorHome .proctor-center-facts>div{min-height:46px;padding:8px}}
@media(max-width:1050px){#proctorHome .proctor-welcome-row{grid-template-columns:minmax(0,1fr)}#proctorHome .proctor-project-facts{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:650px){:is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .proctor-topbar{align-items:stretch;flex-direction:column;gap:11px}:is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .proctor-topbar-controls{flex-wrap:wrap}:is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .proctor-brand{justify-content:flex-start}:is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .mana-admin-brand-main{font-size:20px}:is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .mana-admin-brand-sub{font-size:12px}:is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .proctor-welcome-row{grid-template-columns:minmax(0,1fr);padding:12px}:is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .proctor-welcome-row h1{font-size:14px}:is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .proctor-project-facts{grid-template-columns:repeat(5,minmax(160px,1fr));min-width:820px}}
#proctorHome .proctor-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,520px));gap:14px;align-items:stretch;direction:rtl;margin:0 0 14px}
#proctorHome .proctor-overview-grid.has-document{grid-template-columns:repeat(3,minmax(0,520px))}
#proctorHome .proctor-workspace{grid-template-columns:minmax(0,1fr)}
#proctorHome .proctor-overview-grid>.proctor-side-card{box-sizing:border-box;width:100%;max-width:520px}
#proctorHome .proctor-center-heading-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
#proctorHome .resource-heading-icon{background:linear-gradient(145deg,#7f624b,#5e4737);box-shadow:0 5px 12px #5e473735}
#proctorHome .proctor-quick-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
:is(#proctorHome,#schoolAdminHome,#teacherHome) .proctor-management-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 10px}
:is(#proctorHome,#schoolAdminHome,#teacherHome) .proctor-management-action{--management-tone:#7353ae;display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--management-tone) 34%,#e6d9ca);border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--management-tone) 15%,#fffdf9),color-mix(in srgb,var(--management-tone) 5%,#fffdf9));color:color-mix(in srgb,var(--management-tone) 82%,#31271f);font-family:inherit;font-size:12px;font-weight:800;line-height:1.5;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}
:is(#proctorHome,#schoolAdminHome,#teacherHome) .proctor-management-action[data-tone="blue"]{--management-tone:#3568c9}
:is(#proctorHome,#schoolAdminHome,#teacherHome) .proctor-management-action:hover{transform:translateY(-1px);box-shadow:0 5px 13px color-mix(in srgb,var(--management-tone) 18%,transparent)}
:is(#proctorHome,#schoolAdminHome,#teacherHome) .proctor-management-action svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#proctorHome .proctor-quick-resource{--quick-tone:#3568c9;display:grid;grid-template-columns:36px minmax(0,1fr) 16px;align-items:center;gap:9px;min-width:0;min-height:54px;padding:7px 9px;border:1px solid color-mix(in srgb,var(--quick-tone) 24%,#e6d9ca);border-radius:13px;background:linear-gradient(140deg,color-mix(in srgb,var(--quick-tone) 8%,#fffdf9),#fffdf9 76%);color:#342b24;text-align:right;font:inherit;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
#proctorHome .proctor-quick-resource[data-tone="teal"]{--quick-tone:#138576}#proctorHome .proctor-quick-resource[data-tone="violet"]{--quick-tone:#7253ad}#proctorHome .proctor-quick-resource[data-tone="amber"]{--quick-tone:#bd7824}#proctorHome .proctor-quick-resource[data-tone="green"]{--quick-tone:#26805c}#proctorHome .proctor-quick-resource[data-tone="indigo"]{--quick-tone:#5364b8}#proctorHome .proctor-quick-resource[data-tone="rose"]{--quick-tone:#bd5572}
#proctorHome .proctor-quick-resource[data-tone="slate"]{--quick-tone:#52677d}
#proctorHome .proctor-quick-resource:not(:disabled):hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--quick-tone) 54%,#e6d9ca);box-shadow:0 6px 14px color-mix(in srgb,var(--quick-tone) 15%,transparent)}
#proctorHome .proctor-quick-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:color-mix(in srgb,var(--quick-tone) 13%,#fff);color:var(--quick-tone)}
#proctorHome .proctor-quick-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
:is(#proctorHome,.mana-student-services) .proctor-action[data-guide-tone]{--guide-tone:#3568c9;min-height:74px;padding:8px 10px;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;gap:0 9px;border-radius:12px;box-shadow:inset 0 1px #ffffff70,0 4px 12px color-mix(in srgb,var(--guide-tone) 10%,transparent);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
:is(#proctorHome,.mana-student-services) .proctor-action[data-guide-tone]:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff70,0 8px 18px color-mix(in srgb,var(--guide-tone) 19%,transparent)}
:is(#proctorHome,.mana-student-services) .proctor-action[data-guide-tone] b{line-height:1.4}
:is(#proctorHome,.mana-student-services) .proctor-action[data-guide-tone] small{line-height:1.5;white-space:normal}
:is(#proctorHome,.mana-student-services) .proctor-action[data-guide-tone="teal"]{--guide-tone:#138576}:is(#proctorHome,.mana-student-services) .proctor-action[data-guide-tone="amber"]{--guide-tone:#bd7824}:is(#proctorHome,.mana-student-services) .proctor-action[data-guide-tone="violet"]{--guide-tone:#7253ad}
:is(#proctorHome,.mana-student-services) .proctor-action[data-guide-tone] .pa-icon{display:grid;place-items:center;min-width:42px;height:42px;padding:0 6px;border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--guide-tone) 30%,var(--pc-card)),color-mix(in srgb,var(--guide-tone) 16%,var(--pc-card)));color:var(--guide-tone);font:900 12px/1 'B Titr',ManaUI,sans-serif;box-shadow:inset 0 1px #ffffff80,0 3px 8px color-mix(in srgb,var(--guide-tone) 18%,transparent)}
html[data-theme="dark"] :is(#proctorHome,.mana-student-services) .proctor-action[data-guide-tone] .pa-icon{background:color-mix(in srgb,var(--guide-tone) 36%,#253548);color:color-mix(in srgb,var(--guide-tone) 58%,#fff)}
#proctorHome .proctor-quick-label{display:grid;gap:3px;min-width:0}
#proctorHome .proctor-quick-label b{overflow:hidden;color:var(--warm-text,#302b26);font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}
#proctorHome .proctor-quick-label small{display:flex;align-items:center;gap:5px;color:#a0644d;font-size:12px;font-weight:800;white-space:nowrap}
#proctorHome .proctor-quick-resource[data-state="waiting"] .proctor-quick-label small,#proctorHome .proctor-delivery-status[data-state="pending"] .proctor-delivery-value{font-family:'ManaBTitr','B Titr',ManaUI,sans-serif;font-weight:900}
#proctorHome .proctor-quick-resource[data-state="waiting"] .proctor-quick-label small{width:max-content;padding:2px 6px;border-radius:7px;background:#fff0ee}
#proctorHome .proctor-delivery-status[data-state="pending"] .proctor-delivery-value{padding:3px 7px;border-radius:8px;background:#fff0ee}
#proctorHome .proctor-quick-resource[data-state="ready"] .proctor-quick-label small{color:#187247}
#proctorHome .proctor-quick-resource[data-state="ready"] .proctor-quick-label small:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
#proctorHome .proctor-quick-resource[data-state="waiting"] .proctor-quick-label small:before{content:"×";display:grid;place-items:center;width:13px;height:13px;border-radius:50%;background:currentColor;color:#fff;font:900 13px/1 ManaUI}
#proctorHome .proctor-quick-resource:disabled{cursor:not-allowed;opacity:1}
#proctorHome .proctor-quick-arrow{width:15px;height:15px;fill:none;stroke:var(--quick-tone);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.75}
html[data-theme="dark"] :is(#proctorHome,#schoolAdminHome,#teacherHome) .proctor-management-action{background:linear-gradient(135deg,color-mix(in srgb,var(--management-tone) 32%,#5e5145),color-mix(in srgb,var(--management-tone) 18%,#5e5145));border-color:color-mix(in srgb,var(--management-tone) 55%,#8b7865);color:#fff5e9}
#proctorHome .proctor-quick-resource[data-state="waiting"] .proctor-quick-arrow{color:#bd493e;stroke:#bd493e;opacity:1}
#proctorHome .proctor-quick-resource[data-state="ready"] .proctor-quick-arrow{color:#19815a;stroke:#19815a;opacity:1}
html[data-theme="dark"] #proctorHome .proctor-quick-resource[data-state="waiting"] .proctor-quick-arrow{color:#ffb5a9;stroke:#ffb5a9}
html[data-theme="dark"] #proctorHome .proctor-quick-resource[data-state="ready"] .proctor-quick-arrow{color:#b9e4c8;stroke:#b9e4c8}
html[data-theme="dark"] #proctorHome .proctor-quick-resource{background:linear-gradient(140deg,color-mix(in srgb,var(--quick-tone) 22%,#5e5145),#665847 76%);border-color:color-mix(in srgb,var(--quick-tone) 44%,#8b7865);color:#fff5e9}
html[data-theme="dark"] #proctorHome .proctor-quick-icon{background:color-mix(in srgb,var(--quick-tone) 27%,#5e5145)}
html[data-theme="dark"] #proctorHome .proctor-quick-label small{color:#f0c2ae}
html[data-theme="dark"] #proctorHome .proctor-quick-resource[data-state="ready"] .proctor-quick-label small{color:#b9e4c8}
html[data-theme="dark"] #proctorHome .proctor-quick-resource[data-state="waiting"] .proctor-quick-label small{background:#573a36}
html[data-theme="dark"] #proctorHome .proctor-delivery-status[data-state="pending"] .proctor-delivery-value{background:#573a36}
#proctorHome .proctor-quick-resource.is-selected{outline:2px solid color-mix(in srgb,var(--quick-tone) 45%,transparent);outline-offset:1px}
#proctorHome .proctor-document-heading-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#3976c8,#24529b);color:#fff;box-shadow:0 5px 12px #24529b30}
#proctorHome .proctor-document-heading-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#proctorHome .proctor-document-table-wrap{overflow:hidden;border:1px solid var(--warm-line,#dfd4c6);border-radius:12px;background:#fffdf9}
#proctorHome .proctor-document-table{width:100%;border-collapse:collapse;text-align:right}
#proctorHome .proctor-document-table th,#proctorHome .proctor-document-table td{padding:9px 11px;border-bottom:1px solid #eee4d9;font-size:12px;line-height:1.7}
#proctorHome .proctor-document-table tr:last-child th,#proctorHome .proctor-document-table tr:last-child td{border-bottom:0}
#proctorHome .proctor-document-table th{width:43%;background:#f7f0e7;color:#796756;font-weight:800}
#proctorHome .proctor-document-table td{color:#302b26;font-weight:900;overflow-wrap:anywhere}
#proctorHome .proctor-document-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
#proctorHome .proctor-document-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:39px;border:1px solid transparent;border-radius:10px;color:#fff;font:inherit;font-size:12px;font-weight:900;cursor:pointer;transition:transform .16s ease,filter .16s ease}
#proctorHome .proctor-document-actions button:hover{transform:translateY(-1px);filter:brightness(1.05)}
#proctorHome .proctor-document-view{background:linear-gradient(135deg,#3678d1,#2453a4)}
#proctorHome .proctor-document-print{background:linear-gradient(135deg,#16926f,#087253)}
#proctorHome .proctor-document-actions svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#proctorHome .proctor-document-preview{max-height:65vh;margin-top:11px;overflow:auto;border:1px solid var(--warm-line,#dfd4c6);border-radius:11px;background:#fffdf9}
#proctorHome .proctor-document-preview .proctor-selection{position:sticky;top:0;z-index:2;margin:0;padding:8px;background:#fffdf9;border-bottom:1px solid #eee4d9}
#proctorHome .proctor-document-empty{padding:16px;border:1px dashed var(--warm-line,#dfd4c6);border-radius:10px;color:var(--warm-muted,#6c6055);font-size:12px;text-align:center}
.proctor-document-modal{position:fixed;inset:0;z-index:20001;display:grid;place-items:center;padding:clamp(8px,2vh,22px);background:rgba(18,24,31,.64);backdrop-filter:blur(4px)}
.proctor-roster-chooser .choice-color-bar{position:absolute;inset:0 0 auto 0;height:6px}
.proctor-roster-chooser .upload-choice-actions .icon-svg{width:18px;height:18px;vertical-align:middle}
.proctor-document-modal-dialog{display:flex;flex-direction:column;width:min(1180px,96vw);height:min(92dvh,980px);min-height:0;overflow:hidden;border:1px solid #dfd4c6;border-radius:18px;background:#fffdf9;color:#302b26;box-shadow:0 28px 90px rgba(0,0,0,.32)}
.proctor-document-modal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-bottom:1px solid #dfd4c6;background:#f8f1e8}
.proctor-document-modal-head h2{margin:0;color:#302b26;font-size:17px;font-weight:900}
.proctor-document-modal-head p{margin:3px 0 0;color:#766757;font-size:12px;line-height:1.7}
.proctor-document-modal-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.proctor-document-modal-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 15px;border:1px solid #167b5e;border-radius:10px;background:linear-gradient(135deg,#16926f,#087253);color:#fff;font:inherit;font-size:12px;font-weight:900;cursor:pointer}
.proctor-document-modal-actions button:disabled{border-color:#aab5ac;background:#b5beb7;color:#eef1ee;cursor:wait}
.proctor-document-modal-actions button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.proctor-document-modal-actions .proctor-document-modal-close{width:40px;padding:0;border-color:#e2bcb5;background:#fff4f2;color:#a7352d;font-size:24px;line-height:1}
.proctor-document-modal-body{flex:1 1 auto;min-height:0;padding:14px;overflow:auto;overscroll-behavior:contain;background:#fbf8f2}
.question-file-scope{margin-bottom:12px;padding:10px 12px;border:1px solid #d7e3f2;border-radius:11px;background:#eef5ff;color:#244a75;font-weight:800;font-size:.78rem}
.question-file-table-wrap{overflow:auto;border:1px solid #e4ddd2;border-radius:12px;background:#fff}
.question-file-table{width:100%;border-collapse:collapse;font-size:.76rem}.question-file-table th,.question-file-table td{padding:9px 10px;border-bottom:1px solid #eee8de;text-align:right;vertical-align:middle}.question-file-table th{background:#f6f2eb;color:#51463c;white-space:nowrap}.question-file-table td:first-child{font-weight:800;overflow-wrap:anywhere}.question-file-table td:last-child{white-space:nowrap}.question-file-table td .btn{margin-inline-start:4px;min-height:32px;padding:4px 9px;font-size:.75rem}
.question-file-preview{height:min(62vh,680px);min-height:260px;margin-top:12px;border:1px solid #ded5c9;border-radius:12px;overflow:hidden;background:#fff}.question-file-preview .proctor-document-empty{height:100%;display:grid;place-items:center;color:#756b60}.question-file-frame{display:block;width:100%;height:100%;min-height:260px;border:0;background:#fff}
.proctor-document-modal-body #proctorManagerDesignBody,.proctor-document-modal-body #proctorManagerDesignHost{min-height:100%}
.proctor-document-modal .proctor-answer-status{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center;min-width:0;margin:8px 0 12px;padding:13px 15px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#18324b}.proctor-document-modal .proctor-answer-status strong{font-size:.9rem;line-height:1.7;font-weight:800}.proctor-document-modal .proctor-answer-status span{grid-column:1/-1;min-width:0;color:#52677d;font-size:.82rem;line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap}.proctor-document-modal .proctor-answer-status progress{grid-column:1/-1;width:100%;height:8px;accent-color:#2563eb}.proctor-document-modal .proctor-answer-status button{grid-column:2;min-height:38px;padding:7px 14px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#1e3a5f;font:inherit;cursor:pointer}.proctor-document-modal .proctor-answer-status button[hidden],.proctor-document-modal .proctor-answer-status progress[hidden]{display:none}.proctor-document-modal .proctor-answer-status.is-ready{border-color:#8fd4b2;background:#effbf4;color:#14532d}.proctor-document-modal .proctor-answer-status.is-ready span{color:#276749}.proctor-document-modal .proctor-answer-status.is-error{border-color:#f2b4b4;background:#fff5f5;color:#8f1d1d}.proctor-document-modal .proctor-answer-status.is-error span{color:#842d2d}
.proctor-document-modal-body .proctor-manager-design-frame{border-radius:12px;background:#fff}
.proctor-center-roster-dialog{width:min(900px,96vw);height:min(82dvh,780px)}
.proctor-center-roster-dialog .proctor-document-modal-body{background:#fbf8f2}
.proctor-center-roster-count{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:10px 13px;border:1px solid #eadbc8;border-radius:12px;background:linear-gradient(120deg,#fffdf9,#f6ecdf);color:#655442;font-size:12px;font-weight:800}
.proctor-center-roster-count b{padding:5px 10px;border-radius:999px;background:#e8f0ff;color:#2859a6;font-size:12px}
.proctor-center-roster-table-wrap{max-height:calc(82dvh - 150px);overflow:auto;border:1px solid #dfd4c6;border-radius:12px;background:#fffdf9}
.proctor-center-roster-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}
.proctor-center-roster-table th,.proctor-center-roster-table td{padding:10px 12px;border-bottom:1px solid #eee4d9;text-align:right;white-space:nowrap}
.proctor-center-roster-table th{position:sticky;top:0;z-index:1;background:#f3e8da;color:#655442;font-weight:900}
.proctor-center-roster-table td{color:#302b26;font-weight:700}
.proctor-center-roster-table tbody tr:nth-child(even) td{background:#fcf8f2}
.proctor-center-roster-table tbody tr:last-child td{border-bottom:0}
.proctor-roster-upload-dialog{width:min(520px,94vw);height:auto;max-height:88dvh}
.proctor-roster-upload-label,.proctor-supplement-form label{display:block;margin:0 0 7px;color:#655442;font-size:12px;font-weight:900}
.proctor-roster-upload-dialog select,.proctor-supplement-form select{width:100%;min-height:42px;padding:8px 10px;border:1px solid #dfd4c6;border-radius:10px;background:#fffdf9;color:#302b26;font:inherit;font-size:12px}
.proctor-roster-upload-actions{display:flex;gap:9px;margin-top:13px}
.proctor-roster-upload-actions button,.proctor-supplement-form>button{flex:1;min-height:42px;padding:8px 12px;border:1px solid #137b5d;border-radius:11px;background:linear-gradient(135deg,#17936e,#087253);color:#fff;font:inherit;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 4px 12px #08725322}
.proctor-roster-upload-actions button:first-child{border-color:#255dc1;background:linear-gradient(135deg,#3978df,#2054ac);box-shadow:0 4px 12px #2054ac22}
.proctor-supplement-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:end;padding:13px;border:1px solid #dfd4c6;border-radius:14px;background:#fffdf9}
.proctor-supplement-form label{grid-column:1/-1;margin-bottom:-3px}
.proctor-supplement-form>button{flex:0 0 auto;white-space:nowrap}
.proctor-supplement-form>button:disabled{background:#a9b3b7;border-color:#a9b3b7;cursor:wait}
.proctor-supplement-form p{grid-column:1/-1;margin:0;color:#766757;font-size:12px;line-height:1.8}
html[data-theme="dark"] .proctor-document-modal-dialog{border-color:#8b7865;background:#51463c;color:#fff5e9}
html[data-theme="dark"] .proctor-document-modal-head{border-color:#8b7865;background:#5e5145}
html[data-theme="dark"] .proctor-document-modal-head h2{color:#fff5e9}
html[data-theme="dark"] .proctor-document-modal-head p{color:#ead8c4}
html[data-theme="dark"] .proctor-document-modal-body{background:#51463c}
html[data-theme="dark"] #proctorQuickDocumentModal.proctor-admission-modal .proctor-document-modal-body{background:linear-gradient(145deg,#292d35,#22262e);color:#f5f7fb}
html[data-theme="dark"] #proctorQuickDocumentModal.proctor-admission-modal .proctor-detail-head h2{color:#f5f7fb}
html[data-theme="dark"] #proctorQuickDocumentModal.proctor-admission-modal .proctor-detail-head p{color:#c1c9d5}
html[data-theme="dark"] #proctorQuickDocumentModal.proctor-admission-modal .proctor-selection{border:1px solid #48515f;border-radius:12px;background:#303641;color:#f5f7fb;box-shadow:0 8px 22px #10131855}
html[data-theme="dark"] #proctorQuickDocumentModal.proctor-admission-modal .proctor-selection input[type="search"],html[data-theme="dark"] #proctorQuickDocumentModal.proctor-admission-modal .proctor-selection select{min-height:42px;border:1px solid #586476;border-radius:9px;background:#20252d;color:#f5f7fb;color-scheme:dark}
html[data-theme="dark"] #proctorQuickDocumentModal.proctor-admission-modal .proctor-selection input::placeholder{color:#aab4c2}
html[data-theme="dark"] #proctorQuickDocumentModal.proctor-admission-modal .proctor-selection label{border:1px solid #586476;border-radius:9px;background:#252b34;color:#e6ebf2}
html[data-theme="dark"] #proctorQuickDocumentModal.proctor-admission-modal .proctor-selection label:has(input:checked){border-color:#35b896;background:#153f37;color:#d6fff3}
html[data-theme="dark"] #proctorQuickDocumentModal.proctor-admission-modal #proctorCardSelectionCount{color:#bdeee0;font-weight:800}
html[data-theme="dark"] #proctorQuickDocumentModal.proctor-admission-modal .proctor-student-choices{border:1px solid #48515f;border-radius:12px;background:#2b3039;box-shadow:0 8px 22px #10131844}
html[data-theme="dark"] #proctorQuickDocumentModal.proctor-admission-modal .proctor-student-choice{border-color:#48515f;color:#f5f7fb}
html[data-theme="dark"] #proctorQuickDocumentModal.proctor-admission-modal .proctor-student-choice:nth-child(even){background:#303641}
html[data-theme="dark"] #proctorQuickDocumentModal.proctor-admission-modal .proctor-student-choice:hover{background:#394352}
html[data-theme="dark"] #proctorQuickDocumentModal.proctor-admission-modal .proctor-student-choice small{color:#bdc7d4}
html[data-theme="dark"] #proctorQuickDocumentModal.proctor-admission-modal .proctor-student-choice button,html[data-theme="dark"] #proctorQuickDocumentModal.proctor-admission-modal .proctor-selection button{border:1px solid #168bc0;border-radius:9px;background:linear-gradient(135deg,#087eae,#07628c);color:#fff;font-weight:800}
html[data-theme="dark"] #proctorQuickDocumentModal.proctor-admission-modal .proctor-student-choice button:hover,html[data-theme="dark"] #proctorQuickDocumentModal.proctor-admission-modal .proctor-selection button:hover{background:linear-gradient(135deg,#1197c9,#0876a5)}
html[data-theme="dark"] #proctorQuickDocumentModal.proctor-admission-modal .proctor-admission-viewer{border-color:#48515f;background:#20252d}
html[data-theme="dark"] #proctorQuickDocumentModal.proctor-admission-modal .proctor-admission-frame{background:#fff}
@media(max-width:720px){#proctorQuickDocumentModal.proctor-admission-modal .proctor-selection{display:grid;grid-template-columns:minmax(0,1fr);padding:10px}#proctorQuickDocumentModal.proctor-admission-modal .proctor-selection>*{min-width:0;width:100%}#proctorQuickDocumentModal.proctor-admission-modal .proctor-student-choice{flex-wrap:wrap;gap:8px}#proctorQuickDocumentModal.proctor-admission-modal .proctor-student-choice label{min-width:0;overflow-wrap:anywhere}#proctorQuickDocumentModal.proctor-admission-modal .proctor-student-choice button{margin-inline-start:auto}}
html[data-theme="dark"] .proctor-document-modal .proctor-answer-status{border-color:#8b7865;background:#5e5145;color:#fff5e9}html[data-theme="dark"] .proctor-document-modal .proctor-answer-status span{color:#ead8c4}html[data-theme="dark"] .proctor-document-modal .proctor-answer-status button{border-color:#8b7865;background:#51463c;color:#fff5e9}html[data-theme="dark"] .proctor-document-modal .proctor-answer-status.is-ready{border-color:#347856;background:#183b30;color:#c8f4dc}html[data-theme="dark"] .proctor-document-modal .proctor-answer-status.is-error{border-color:#85464d;background:#46282d;color:#ffdbde}
html[data-theme="dark"] .question-file-scope{border-color:#806f5e;background:#423a32;color:#e7d4bf}html[data-theme="dark"] .question-file-table-wrap{border-color:#806f5e;background:#51463c}html[data-theme="dark"] .question-file-table th{border-color:#806f5e;background:#695a4c;color:#f0dfcd}html[data-theme="dark"] .question-file-table td{border-color:#806f5e;color:#fff5e9}html[data-theme="dark"] .question-file-preview{border-color:#806f5e;background:#fff}
html[data-theme="dark"] .proctor-center-roster-count{border-color:#8b7865;background:linear-gradient(120deg,#5e5145,#51463c);color:#f0dfcd}
html[data-theme="dark"] .proctor-center-roster-count b{background:#2d486c;color:#d9eaff}
html[data-theme="dark"] .proctor-center-roster-table-wrap{border-color:#8b7865;background:#51463c}
html[data-theme="dark"] .proctor-center-roster-table th{background:#695a4c;color:#f0dfcd}
html[data-theme="dark"] .proctor-center-roster-table td{border-color:#8b7865;background:#51463c;color:#fff5e9}
html[data-theme="dark"] .proctor-center-roster-table tbody tr:nth-child(even) td{background:#5a4e43}
html[data-theme="dark"] .proctor-roster-upload-label,html[data-theme="dark"] .proctor-supplement-form label{color:#f0dfcd}
html[data-theme="dark"] .proctor-roster-upload-dialog select,html[data-theme="dark"] .proctor-supplement-form select{border-color:#8b7865;background:#5e5145;color:#fff5e9}
html[data-theme="dark"] .proctor-supplement-form{border-color:#8b7865;background:#5e5145}
html[data-theme="dark"] .proctor-supplement-form p{color:#ead8c4}
@media(max-width:720px){.proctor-document-modal{padding:0}.proctor-document-modal-dialog{width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.proctor-document-modal-head{align-items:flex-start;padding:12px;gap:8px}.proctor-document-modal-head h2{font-size:14px}.proctor-document-modal-actions{gap:5px}.proctor-document-modal-actions button{min-height:38px;padding:7px 10px}.proctor-document-modal-actions .proctor-document-modal-close{width:38px;padding:0}.proctor-document-modal-body{padding:9px}.proctor-document-modal .proctor-answer-status{grid-template-columns:minmax(0,1fr);gap:7px;padding:12px}.proctor-document-modal .proctor-answer-status button{grid-column:1;width:100%}.question-file-table{min-width:620px}}
@media(max-width:720px){.proctor-center-roster-dialog{width:100vw;height:100dvh}.proctor-center-roster-table{font-size:12px}.proctor-center-roster-table th,.proctor-center-roster-table td{padding:8px 7px}}
html[data-theme="dark"] #proctorHome .proctor-document-table-wrap,html[data-theme="dark"] #proctorHome .proctor-document-preview{background:#756453;border-color:#8b7865}
html[data-theme="dark"] #proctorHome .proctor-document-table th{background:#695a4c;color:#f0dfcd}
html[data-theme="dark"] #proctorHome .proctor-document-table td{color:#fff5e9}
html[data-theme="dark"] #proctorHome .proctor-document-table th,html[data-theme="dark"] #proctorHome .proctor-document-table td{border-color:#8b7865}
html[data-theme="dark"] #proctorHome .proctor-document-preview .proctor-selection{background:#5e5145;border-color:#8b7865;color:#fff5e9}
@media(max-width:1100px){#proctorHome .proctor-overview-grid{grid-template-columns:minmax(0,520px);justify-content:start}}
@media(max-width:600px){#proctorHome .proctor-overview-grid>.proctor-side-card{width:100%}:is(#proctorHome,#schoolAdminHome,#teacherHome) .proctor-management-actions{gap:6px}:is(#proctorHome,#schoolAdminHome,#teacherHome) .proctor-management-action{min-height:42px;padding:7px 8px;font-size:12px}#proctorHome .proctor-quick-resource-grid{gap:6px}#proctorHome .proctor-quick-resource{grid-template-columns:32px minmax(0,1fr) 13px;gap:6px;min-height:50px;padding:6px}#proctorHome .proctor-quick-icon{width:32px;height:32px}#proctorHome .proctor-quick-label b{font-size:12px}#proctorHome .proctor-quick-label small{font-size:12px}}
@media(max-width:380px){#proctorHome .proctor-quick-resource-grid{grid-template-columns:minmax(0,1fr)}}

}




.header-admin-return[hidden]{display:none!important}


.btn:disabled{opacity:.42!important;cursor:not-allowed;filter:grayscale(1);transform:none!important;box-shadow:none;}

.table-shell tbody tr.approved{
    background:#eaf9f2;
}

.table-shell tbody tr.rejected{
    background:#fff0f0;
}
#app.admin-mode #globalNoticeBar {
    display: none !important;
}

.login-logo{outline:0;}
.login-logo{background:#fff;border:0;border-radius:0;padding:0;box-shadow:0 0 0 1px #fff;mix-blend-mode:normal;}
.first-run-link{display:none!important;}
#loginContainer.login-page{position:fixed !important;left:50% !important;top:50% !important;right:auto;bottom:auto;width:min(820px,calc(100vw - 36px)) !important;height:max-content !important;max-height:calc(100vh - 36px) !important;margin:0;transform:translate(-50%,-50%) !important;overflow:auto !important;box-sizing:border-box;}
.lesson-stats-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(54px,auto);gap:8px;width:100% !important;}
.lesson-stat{display:flex !important;min-width:0;width:auto !important;overflow:hidden !important;background:linear-gradient(180deg,#f8fbff,#eaf3ff);border:1px solid #b9cfe8;border-radius:12px;box-shadow:0 4px 12px rgba(31,55,84,.10);position:relative !important;padding:8px 10px;}
.lesson-stat:nth-child(1){background:linear-gradient(135deg,#eef5ff,#dbeafe);border-color:#93b4e5;}
.lesson-stat:nth-child(2){background:linear-gradient(135deg,#ecfeff,#cffafe);border-color:#8ed4df;}
.lesson-stat:nth-child(3){background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#b5a5e6;}
.lesson-stat:nth-child(4){background:linear-gradient(135deg,#fff7ed,#ffedd5);border-color:#edbd8b;}
.lesson-stat:nth-child(5){background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#8fd2ae;}
.lesson-stat .label{color:#49627d !important;}
.lesson-stat .value{color:#132238 !important;}
@media(max-width:700px){.lesson-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}

.full-module-overlay{position:fixed !important;inset:0 !important;padding:0;background:rgba(15,23,42,.64);z-index:99999 !important;display:flex !important;align-items:stretch !important;justify-content:stretch !important}.full-module-modal{width:100vw !important;height:100vh !important;max-width:none;max-height:none !important;border-radius:0;display:flex !important;flex-direction:column;background:#fff;overflow:hidden !important}
@media print{
  body > *:not(#manaPrintRoot){display:none !important;}
  body{margin:0;padding:0;background:#fff;}
  #manaPrintRoot{display:block !important;width:100% !important;min-height:100vh !important;background:#fff;}
  #manaPrintRoot .mana-print-page{width:100% !important;box-sizing:border-box;background:#fff;}
  #manaPrintRoot .mana-print-page.break-after{page-break-after:always;break-after:page;}
  #manaPrintRoot button,#manaPrintRoot input,#manaPrintRoot select,#manaPrintRoot textarea,.no-print{display:none !important;}
}
html,body,#app,.app-shell,.modal,.modal-body,.modal-footer,
button,input,select,textarea,table,th,td,label,p,span,div{
    font-family:"ManaUI";
}
h1,h2,h3,h4,h5,h6,.page-heading h1,.header-brand-main,.header-brand-sub,
.modal-header h2,.data-upload-title,.upload-choice-card h3,
.uploaded-filter-title,.uploaded-data-table th,.btn,.app-button{
    font-family:"B Titr";
}
.brand,.logo-text,.mana-admin-brand-main,.login-brand{
    font-family:"Lalezar";
}
strong,b,.summary-value,.info-item strong,.uploaded-data-table td{
    font-family:"ManaUI";
}
.modal-close,
.full-module-overlay .modal-close{
    width:38px !important;
    min-width:38px;
    height:38px !important;
    min-height:38px !important;
    padding:0;
    border:0;
    border-radius:50%;
    background:#dc2626;
    color:#fff !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-family:"B Titr";
    font-size:0;
    font-weight:900;
    line-height:1;
    box-shadow:0 4px 0 #8f1919,0 7px 16px rgba(220,38,38,.22);
    transition:transform .28s cubic-bezier(.2,.8,.2,1),filter .2s ease,box-shadow .2s ease;
}
.modal-close:hover{
    transform:rotate(90deg) scale(1.06) !important;
}
.modal-close:active{
    transform:rotate(180deg) scale(.94) !important;
    box-shadow:0 2px 0 #8f1919,0 4px 10px rgba(220,38,38,.18);
}
.uploaded-view-modal{
    width:min(1400px,97vw) !important;
    max-width:1400px;
    max-height:96vh !important;
    overflow:hidden !important;
}
.uploaded-view-modal .modal-body{
    padding:14px;
    max-height:none !important;
    height:calc(96vh - 145px) !important;
    overflow:hidden !important;
}
.uploaded-table-wrap{
    overflow:auto !important;
    border:2px solid #d6e1ec;
}
.uploaded-data-table{
    min-width:1100px;
}
.uploaded-data-table .column-filter-row th{
    padding:5px;
    background:#eef5fb;
}
.uploaded-data-table .column-filter{
    font-family:"ManaUI";
}
.uploaded-data-table td{font-size:12px;}
.uploaded-filter-panel .uploaded-filter-grid{display:none !important;}
.uploaded-filter-panel .uploaded-filter-title{
    margin:0;
}
.uploaded-filter-panel .uploaded-filter-actions{
    margin-top:0;
}
.uploaded-view-modal .uploaded-filter-panel{
    padding:9px 12px;
    background:linear-gradient(135deg,#f7fbff,#eef6ff);
}
@media(max-width:850px){
    .uploaded-view-modal .modal-body{height:calc(96vh - 170px) !important;}
}
.full-module-body.answer-sheet-host{overflow:visible!important;min-height:0!important;padding:0;background:#eef3f8;}
.full-module-body.supplies-host{flex:initial;height:auto!important;min-height:0!important;overflow:visible!important;padding:0;}
.full-module-body.answer-sheet-host .module-frame{display:block!important;width:100%!important;height:auto!important;min-height:900px!important;border:0;overflow:hidden!important;background:#fff;}
.answer-school-print-modal{
    position:fixed!important;
    inset:0!important;
    z-index:100000!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:22px;
    background:rgba(15,23,42,.68);
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
    box-sizing:border-box;
}
.answer-school-print-box{
    width:min(1120px,96vw)!important;
    max-width:1120px;
    height:min(860px,92vh)!important;
    max-height:92vh!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column;
    overflow:hidden!important;
    position:relative!important;
    background:#f6f9fd;
    border:1px solid #d7e2ee;
    box-shadow:0 32px 90px rgba(2,25,56,.32);
}
.answer-school-print-head{
    position:relative!important;
    flex:0 0 auto;
    min-height:0!important;
    padding:18px 72px 17px 24px;
    background:linear-gradient(135deg,#0b2d4a 0%,#0e426b 55%,#155b85 100%);
    color:#fff!important;
    border-bottom:0;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px;
}
.answer-school-print-heading{min-width:0;}
.answer-school-print-kicker{
    display:inline-flex!important;
    align-items:center!important;
    min-height:24px!important;
    padding:2px 9px;
    margin-bottom:6px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.18);
    border-radius:999px;
    color:#d8efff!important;
    font-family:"ManaUI";
    font-size:12px;
    font-weight:800;
}
.answer-school-print-head h3{
    margin:0;
    color:#fff!important;
    font-family:"B Titr";
    font-size:26px;
    font-weight:900;
    line-height:1.25;
}
.answer-school-print-head p{
    margin:5px 0 0;
    color:#d9ebf8!important;
    font-family:"ManaUI";
    font-size:15px;
    font-weight:700;
    line-height:1.45;
}
.answer-school-close{
    position:absolute!important;
    left:18px!important;
    top:18px!important;
    width:42px!important;
    height:42px!important;
    min-width:42px;
    min-height:42px!important;
    display:grid!important;
    place-items:center;
    padding:0;
    border:1px solid rgba(255,255,255,.28);
    border-radius:50%;
    background:#dc2626;
    color:#fff!important;
    font-family:"B Titr";
    font-size:27px;
    font-weight:900;
    line-height:1;
    cursor:pointer;
    box-shadow:0 6px 14px rgba(0,0,0,.18);
    transition:transform .18s ease,background .18s ease,box-shadow .18s ease;
    z-index:4!important;
}
.answer-school-close:hover{background:#b91c1c;transform:rotate(90deg)!important;box-shadow:0 9px 20px rgba(0,0,0,.25);}
.answer-school-print-body{
    flex:1 1 auto;
    min-height:0!important;
    display:flex!important;
    flex-direction:column;
    padding:18px;
    background:#f6f9fd;
    overflow:hidden!important;
}
.answer-print-summary{
    flex:0 0 auto;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center!important;
    gap:14px;
    padding:14px 15px;
    margin-bottom:14px;
    border:1px solid #d8e4ef;
    border-radius:12px;
    background:#fff;
    box-shadow:0 5px 16px rgba(15,23,42,.05);
}
.answer-print-summary-copy{min-width:0;display:flex!important;flex-direction:column;gap:2px;}
.answer-print-summary-copy strong{font-family:"B Titr";font-size:17px;color:#19314b!important;line-height:1.55;}
.answer-print-summary-copy span{font-family:"ManaUI";font-size:13px;color:#718399!important;line-height:1.55;}
.answer-print-stat{
    min-width:158px;
    padding:9px 12px;
    border:1px solid #cfe0f1;
    border-radius:10px;
    background:#f3f8fd;
    text-align:center;
}
.answer-print-stat span{display:block!important;font-family:"ManaUI";font-size:11px;color:#70859a!important;}
.answer-print-stat strong{display:block!important;margin-top:2px;font-family:"B Titr";font-size:18px;color:#1d4ed8!important;}
.answer-print-toolbar{
    flex:0 0 auto;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px;
    margin:0 0 10px;
    padding:0 2px;
}
.answer-print-toolbar-title{font-family:"B Titr";font-size:18px;color:#1a2c42!important;}
.answer-print-toolbar-actions{display:flex!important;align-items:center!important;gap:7px;flex-wrap:wrap;}
.answer-print-select,.answer-print-clear{
    min-height:38px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px;
    padding:6px 14px;
    border-radius:9px;
    cursor:pointer;
    font-family:"B Titr";
    font-size:14px;
    font-weight:900;
    box-shadow:none;
    transition:.18s ease;
}
.answer-print-select{border:1px solid #1769aa;background:#0b5f91;color:#fff!important;}
.answer-print-select:hover{background:#084d77;transform:translateY(-1px)!important;}
.answer-print-clear{border:1px solid #cbd8e5;background:#fff;color:#536a82!important;}
.answer-print-clear:hover{background:#f0f5f9;transform:translateY(-1px)!important;}
.answer-school-grid{
    flex:1 1 auto;
    min-height:0!important;
    overflow:auto!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-content:start;
    gap:11px;
    padding:2px 3px 4px 2px;
}
.answer-school-grid::-webkit-scrollbar{width:9px!important;height:9px!important;}
.answer-school-grid::-webkit-scrollbar-thumb{background:#c4d2e0;border-radius:9px;}
.answer-school-card{
    width:100%!important;
    min-width:0;
    min-height:132px!important;
    position:relative!important;
    display:flex!important;
    flex-direction:column;
    justify-content:space-between!important;
    padding:13px;
    border:1px solid #d7e1eb;
    border-radius:12px;
    background:#fff;
    color:#172033!important;
    text-align:right;
    cursor:pointer;
    box-shadow:0 4px 13px rgba(15,23,42,.045);
    transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.answer-school-card:hover{transform:translateY(-2px)!important;border-color:#9bbbd7;box-shadow:0 10px 24px rgba(15,53,84,.08);}
.answer-school-card.selected{border-color:#2a78b7;background:linear-gradient(180deg,#fbfdff,#f3f8fd);box-shadow:inset 0 0 0 2px #2a78b7,0 7px 18px rgba(37,99,235,.08);}
.answer-school-card-top{display:flex!important;align-items:flex-start!important;gap:10px;min-width:0;}
.answer-school-num{width:34px!important;height:34px!important;min-width:34px;display:grid!important;place-items:center;border-radius:9px;background:#eef6ff;color:#1769aa!important;border:1px solid #d4e5f4;font-family:"B Titr";font-size:14px;}
.answer-school-card-info{min-width:0;display:block!important;flex:1;}
.answer-school-name{display:block!important;overflow:hidden!important;text-overflow:ellipsis;white-space:nowrap;color:#17304a!important;font-family:"B Titr";font-size:16px;line-height:1.55;}
.answer-school-code{display:block!important;margin-top:2px;color:#71869a!important;font-family:"ManaUI";font-size:12px;line-height:1.45;}
.answer-school-card-bottom{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px;margin-top:12px;}
.answer-school-students{display:inline-flex!important;align-items:center!important;padding:5px 8px;border-radius:8px;border:1px solid #dce7f0;background:#f7fafc;color:#46657f!important;font-family:"ManaUI";font-size:12px;font-weight:800;}
.answer-school-check{width:28px!important;height:28px!important;min-width:28px;display:grid!important;place-items:center;border-radius:8px;border:1px solid #c8d6e3;background:#fff;color:transparent!important;font-family:"B Titr";font-size:17px;line-height:1;}
.answer-school-card.selected .answer-school-check{background:#1769aa;border-color:#1769aa;color:#fff!important;}
.answer-print-footer{
    flex:0 0 auto;
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:9px;
    margin:14px 0 0;
    padding:12px 0 0;
    border-top:1px solid #d8e2ec;
    background:transparent;
}
.answer-print-cancel,.answer-print-submit{
    min-height:45px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:8px 18px;
    border-radius:10px;
    cursor:pointer;
    font-family:"B Titr";
    font-size:15px;
    font-weight:900;
    transition:.18s ease;
}
.answer-print-cancel{border:1px solid #cdd8e4;background:#fff;color:#50677f!important;}
.answer-print-cancel:hover{background:#f2f6fa;transform:translateY(-1px)!important;}
.answer-print-submit{min-width:220px;border:1px solid #0c8060;background:linear-gradient(135deg,#119874,#087457);color:#fff!important;box-shadow:0 4px 0 #075b45;}
.answer-print-submit:hover{filter:brightness(1.04);transform:translateY(-1px)!important;}
.answer-print-submit:active{transform:translateY(3px)!important;box-shadow:0 1px 0 #075b45;}
@media(max-width:900px){
    .answer-school-print-box{width:min(96vw,760px)!important;}
    .answer-school-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:620px){
    .answer-school-print-modal{padding:10px;}
    .answer-school-print-box{width:100%!important;height:calc(100vh - 20px)!important;max-height:none!important;border-radius:14px;}
    .answer-school-print-head{padding:14px 64px 14px 16px;}
    .answer-school-print-head h3{font-size:22px;}
    .answer-school-print-head p{font-size:13px;}
    .answer-print-summary{grid-template-columns:1fr;}
    .answer-print-stat{width:100%!important;box-sizing:border-box;}
    .answer-print-toolbar{align-items:stretch!important;flex-direction:column;}
    .answer-print-toolbar-actions{width:100%!important;}
    .answer-print-toolbar-actions button{flex:1 1 0;}
    .answer-school-grid{grid-template-columns:1fr;}
    .answer-print-footer{flex-direction:column;}
    .answer-print-cancel,.answer-print-submit{width:100%!important;}
}
.full-module-page .module-action-bar{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px;
    flex-wrap:wrap;
    padding:10px 12px;
    background:#f8fafc;
    border-bottom:1px solid #d9e3ed;
}
.full-module-page .module-action-bar .btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:42px!important;
    padding:7px 15px;
    font-family:"B Titr";
    font-size:15px;
    line-height:1.35;
    white-space:nowrap;
    overflow:visible!important;
    opacity:1!important;
    visibility:visible!important;
}
.full-module-page .module-action-bar .btn-primary{background:#1769aa;color:#fff!important;border:1px solid #1769aa;box-shadow:0 3px 0 #0d4d7d;}
.full-module-page .module-action-bar .btn-primary:hover{background:#0e5b93;}
.full-module-page .module-action-bar .btn-ghost{background:#fff;color:#29445e!important;border:1px solid #cbd7e3;box-shadow:0 3px 0 #d7e0e8;}
.full-module-page .module-action-bar .btn-ghost:hover{background:#f1f6fa;}
@media(max-width:650px){
    .full-module-page .module-action-bar{align-items:stretch!important;}
    .full-module-page .module-action-bar .btn{flex:1 1 220px;}
}
.answer-school-print-modal *,
.full-module-page .module-action-bar *,
.full-module-page .module-tabs *,
.full-module-page .module-info *,
.full-module-page .full-module-shell{border-radius:0;}
.answer-school-print-box{border-radius:0;}
.answer-school-print-modal .answer-school-print-kicker,
.answer-school-print-modal .answer-print-stat,
.answer-school-print-modal .answer-school-card,
.answer-school-print-modal .answer-school-num,
.answer-school-print-modal .answer-school-students,
.answer-school-print-modal .answer-school-check,
.answer-school-print-modal button{border-radius:0;}
.full-module-page .module-action-bar .btn{border-radius:0;}
.answer-sheet-host{background:#eef3f8;border-top:1px solid #d7e1ec;}
.answer-sheet-host .module-frame{background:#eef3f8;}
.answer-location-title{font-family:'B Titr';}
.answer-location-meta{font-family:'ManaUI';}
.answer-location-count{font-family:'B Titr';}
.answer-student-row{grid-template-columns:auto minmax(0,1fr) auto;}
.answer-single-print{border:1px solid #93b4d7;background:#eef6ff;color:#174f85!important;padding:5px 8px;font-family:'B Titr';font-size:9px;}
.answer-single-print:hover{background:#dcecff;}
.answer-print-stats{grid-template-columns:repeat(6,minmax(86px,1fr));min-width:720px;}
@media(max-width:1100px){.answer-print-stats{grid-template-columns:repeat(3,minmax(100px,1fr));min-width:0;width:100%!important;}}
@media(max-width:650px){.answer-student-row{grid-template-columns:auto minmax(0,1fr);}.answer-print-stats{grid-template-columns:repeat(2,minmax(0,1fr));}}
.answer-center-title{font-family:'B Titr';}
.answer-center-meta,.answer-school-meta{font-family:'ManaUI';}
.answer-center-count{font-family:'B Titr';}
.answer-school-title{font-family:'B Titr';}
.answer-school-expand{font-family:'ManaUI';}
.answer-student-name{font-family:'ManaUI';}
.answer-student-meta{font-family:'ManaUI';}
.answer-print-search{font-family:'ManaUI';}
.answer-print-mini-stat span{font-family:'ManaUI';}.answer-print-mini-stat strong{font-family:'B Titr';}
button, input[type="button"], input[type="submit"], input[type="reset"],
.btn, .mini, .btn-print, .answer-school-print-modal button,
.modal button, .panel button, .full-module-page button {
    border-radius:0;
}.btn,.app-button,.header-action{border-radius:12px}html[data-theme="dark"] #app .app-header,html[data-theme="dark"] #app .user-box,html[data-theme="dark"] #app .summary-card:not(.primary),html[data-theme="dark"] #app .main-card,html[data-theme="dark"] #app .panel,html[data-theme="dark"] #app .modal,html[data-theme="dark"] #app .project-bar,html[data-theme="dark"] #app .table-wrap,html[data-theme="dark"] #app .advanced-section{background:#354454;color:#f1e5d8!important;border-color:#5b6875}
html,body,button,input,select,textarea,#app,#app *,.mana-login-screen,.mana-login-screen *{font-family:'Vazirmatn','Segoe UI',ManaUI,sans-serif}
body{background:var(--desk-outer-bg);color:var(--desk-outer-text)!important}
.mana-login-title h1{color:var(--desk-outer-text)!important}.mana-login-title span{color:#ffa078!important;background:#ff541617}.mana-login-welcome{color:var(--desk-outer-text)!important}.mana-entry-card{border-radius:19px;border:1px solid color-mix(in srgb,var(--accent) 55%,#666);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 37%,#252329),#28272d 74%);color:#fff!important;box-shadow:0 14px 35px #0004,inset 0 1px #ffffff1c}.mana-entry-card:hover{box-shadow:0 24px 48px #0006,0 0 0 1px var(--accent)}.app-header{border-bottom:1px solid var(--desk-outer-line)}.header-brand-main,.header-brand-sub,#app h1,#app h2,#app h3{color:var(--desk-outer-text)!important}.user-box,.main-card,.summary-card:not(.primary),#app .panel,#app .project-bar,#app .table-wrap,#app .modal,#app .advanced-section{background:var(--desk-outer-surface);border:1px solid var(--desk-outer-line);color:var(--desk-outer-text)!important;box-shadow:0 15px 35px #0002;border-radius:17px}.main-card p,#app .page-heading p{color:var(--desk-outer-muted)!important}.app-button,.header-action,#app .btn{border-radius:11px}.app-button.blue,.app-button.cyan,.app-button.purple{background:linear-gradient(135deg,#ff6a20,#ed460c);box-shadow:0 9px 22px #ff54163b}
html[data-theme="light"] #manaLoginScreen{background:radial-gradient(circle at 80% 0%,#ffb99566,transparent 30%),#f2f3f6}html[data-theme="light"] .mana-entry-card{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 30%,#fff),#fff 80%);color:#20232b!important;box-shadow:0 14px 30px #26324818}
@media(prefers-reduced-motion:reduce){.mana-entry-card,.main-card,.mana-online-dot{animation:none}.mana-entry-card,.main-card,.app-button,.header-action,#app .btn{transition:none}}
html,body{background:radial-gradient(ellipse at 78% -12%,rgba(57,106,226,.18),transparent 38%),radial-gradient(ellipse at 8% 38%,rgba(34,199,203,.075),transparent 34%),var(--nf-bg);color:var(--nf-text)!important}
#app{background:transparent;color:var(--nf-text)!important}
.app-header{position:sticky!important;background:color-mix(in srgb,var(--nf-surface) 86%,transparent);border:1px solid var(--nf-line);border-radius:18px;box-shadow:var(--nf-shadow)}
.app-header::after{background:linear-gradient(90deg,var(--nf-blue),var(--nf-cyan));height:2px!important}
.header-brand-main,#app h1,#app h2,#app h3,.page-heading h1{color:var(--nf-text)!important}.header-brand-sub,.user-name,#app .page-heading p{color:var(--nf-muted)!important}
.user-box,.summary-card:not(.primary),.main-card,#app .panel,#app .project-bar,#app .table-wrap,#app .modal,#app .advanced-section,#app .data-card,#app .empty,#app .notice{background:var(--nf-surface);border:1px solid var(--nf-line);color:var(--nf-text)!important;box-shadow:var(--nf-shadow);border-radius:19px}.main-card::before{background:linear-gradient(90deg,var(--nf-blue),var(--nf-cyan))}.main-card:hover{border-color:color-mix(in srgb,var(--nf-blue) 56%,var(--nf-line));box-shadow:0 22px 55px rgba(0,0,0,.28),0 0 28px rgba(63,112,245,.1)}.main-card p,#app .muted{color:var(--nf-muted)!important}
.app-button,.header-action,#app .btn,.proctor-picker-layer button{border-radius:12px;transition:transform .2s,filter .2s,box-shadow .2s}.app-button.blue,.app-button.cyan,.app-button.purple,#app .btn-primary,#app .app-button.primary{background:linear-gradient(135deg,var(--nf-blue),var(--nf-blue2));border-color:transparent;color:#fff!important;box-shadow:0 9px 24px color-mix(in srgb,var(--nf-blue) 27%,transparent)}
#app input,#app select,#app textarea,#app .input{background:var(--nf-card);color:var(--nf-text)!important;border:1px solid var(--nf-line);border-radius:11px}#app input:focus,#app select:focus,#app textarea:focus{border-color:var(--nf-blue);box-shadow:0 0 0 4px color-mix(in srgb,var(--nf-blue) 17%,transparent)}
#app table,#app td,#app th{border-color:var(--nf-line)}#app table thead th{background:linear-gradient(120deg,#1b2d53,#233c70);color:#eaf1ff!important}#app table tbody td{background:var(--nf-surface);color:var(--nf-text)!important}#app table tbody tr:hover td{background:color-mix(in srgb,var(--nf-blue) 9%,var(--nf-surface))}
.proctor-picker-layer{background:rgba(3,8,20,.74)}.proctor-picker-box{background:var(--nf-bg);color:var(--nf-text)!important;border:1px solid var(--nf-line);border-radius:22px;box-shadow:0 30px 100px #0008}.proctor-picker-head{background:linear-gradient(120deg,#111c36,#1b3160 65%,#1b5265);border-color:#314976}.proctor-picker-note{background:color-mix(in srgb,var(--nf-blue) 11%,var(--nf-surface));border-color:var(--nf-line);border-right-color:var(--nf-cyan);color:var(--nf-text)!important}.proctor-picker-card{background:var(--nf-surface);border-color:var(--nf-line);border-radius:15px;box-shadow:0 12px 30px #0002;color:var(--nf-text)!important}.ppc-index{background:color-mix(in srgb,var(--nf-blue) 16%,var(--nf-surface));color:#a9c0ff!important;border-radius:9px}
html[data-theme="dark"] #app .modal,html[data-theme="dark"] #app .table-wrap,html[data-theme="dark"] #app .empty,html[data-theme="dark"] #app .notice{color:var(--nf-text)!important}
@media(max-width:760px){.app-header{top:5px!important;border-radius:13px}.main-card{border-radius:15px}.proctor-picker-box{border-radius:15px}.proctor-picker-grid{grid-template-columns:1fr}}


#manaLoginScreen{background:linear-gradient(135deg,#fffaf2 0%,#f8eddd 52%,#fff7e9 100%);color:var(--login-ink)!important;padding:24px clamp(16px,4vw,54px) 18px}
html[data-theme="dark"] #manaLoginScreen,html[data-theme="light"] #manaLoginScreen{background:linear-gradient(135deg,#fffaf2 0%,#f8eddd 52%,#fff7e9 100%);color:var(--login-ink)!important}
#manaLoginScreen .mana-login-logo-wrap{border:0;border-radius:0;background:transparent;box-shadow:none}
#manaLoginScreen .mana-login-title h1{color:#663d27!important;font-family:'Vazirmatn','Segoe UI',ManaUI,sans-serif}
#manaLoginScreen .mana-login-title span{display:none!important}
#manaLoginScreen .mana-login-welcome{color:var(--login-ink)!important;font-family:'Vazirmatn','Segoe UI',ManaUI,sans-serif}
#manaLoginScreen .mana-entry-card{border:1px solid color-mix(in srgb,var(--accent) 30%,#fff);border-bottom:5px solid color-mix(in srgb,var(--accent) 69%,#493324);border-radius:17px;background:color-mix(in srgb,var(--tint) 68%,#fffdf9);color:#463326!important;box-shadow:none;filter:none}
#manaLoginScreen .mana-entry-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,#fff);box-shadow:none;filter:none}
#manaLoginScreen .mana-entry-card:active{border-bottom-width:2px}
#manaLoginScreen .mana-entry-icon{border:0;border-radius:0;background:transparent;box-shadow:none}
#manaLoginScreen .mana-entry-card strong{font-family:'Vazirmatn','Segoe UI',ManaUI,sans-serif;color:#493629!important}
#manaLoginScreen .mana-entry-card small{background:transparent;color:#806a57!important;font-family:'Vazirmatn','Segoe UI',ManaUI,sans-serif}
@media(max-width:560px){#manaLoginScreen{padding:16px 8px}}
@media(prefers-reduced-motion:reduce){#manaLoginScreen .mana-entry-card{transition:none}}
.modal,.panel,.project-card,.upload-choice-card,.data-upload-overview-card,.file-dropzone,.uploaded-filter-panel,.uploaded-table-wrap,.uploaded-metrics>div,.advanced-section,.advanced-summary,.warning-box,.info-box,.notice{border-radius:0;}
.exam-list .project-actions{display:grid!important;grid-template-columns:minmax(0,.72fr) minmax(0,.72fr) minmax(0,1.96fr);flex-wrap:nowrap;}
.exam-list .project-actions .btn{font-family:"B Titr";font-size:15px;white-space:nowrap;}
.modal-footer{border-radius:0;}
@media(max-width:650px){.exam-list .project-actions{display:grid!important;grid-template-columns:minmax(0,.72fr) minmax(0,.72fr) minmax(0,1.96fr);}.exam-list .project-actions .btn{flex:0 0 auto;width:100%!important;font-size:14px;padding:6px 5px;}.upload-choice-actions{grid-template-columns:repeat(3,minmax(0,1fr));}.upload-choice-actions .btn{font-size:14px;padding-inline:5px;}}
html,body,#app,#app *,.mana-login-screen,.mana-login-screen *{font-family:var(--mana-font-body)}
body{font-size:14px;line-height:1.62}
button,.btn,.app-button,.header-action,.mana-entry-card{font-family:var(--mana-font-title);font-size:13px}
input,select,textarea{font-family:var(--mana-font-body);font-size:13px}
h1,h2,h3,h4,h5,h6,.page-heading h1,.modal-header h2,.main-card h2{font-family:var(--mana-font-title);letter-spacing:0}
strong,b,.summary-value,.metric-value,.info-item strong{font-family:var(--mana-font-bold)}
.header-brand-main,.login-brand,.mana-login-title h1{font-family:var(--mana-font-brand)}.header-brand-sub{font-family:var(--mana-font-title)}.user-name{font-family:var(--mana-font-bold);font-size:12px}.user-role{font-size:12px}
.page-heading h1{font-size:25px}.modal-header h2{font-size:21px}h3{font-size:17px}h4{font-size:15px}p,label,.modal-subtitle{font-size:12px;line-height:1.75}
.mana-theme-toggle{position:static!important;left:auto!important;top:auto!important;z-index:auto!important;width:40px!important;display:inline-flex!important;justify-content:center!important;gap:0;padding:0;border:1px solid var(--mana-line,#d4dfec);border-radius:0;background:var(--mana-card,#fff);color:var(--mana-ink,#17304c)!important;box-shadow:none;font-family:var(--mana-font-title);font-size:12px}.mana-theme-icon{font-family:ManaUI,sans-serif;font-size:17px}.mana-theme-label{display:none!important;font-family:var(--mana-font-title);font-size:12px}
.app-header,.user-box,.summary-card,.main-card,.panel,.modal,.project-bar,.table-wrap,.data-card,.empty,.notice,.advanced-section,.btn,.app-button,.header-action,input,select,textarea{border-radius:0}
@media(max-width:650px){.mana-theme-label{display:none!important}.mana-theme-toggle{min-width:40px;width:40px!important;padding:0}.header-brand-main{font-size:20px}.header-brand-sub{font-size:13px}.page-heading h1{font-size:21px}}
.app-header{padding:8px 14px;min-height:58px!important}.header-logo{width:42px!important;height:42px!important}.header-user{gap:6px}.user-box,.mana-theme-toggle,.header-action,.header-logout{border-radius:7px;min-height:34px!important;padding-top:5px;padding-bottom:5px}.mana-theme-toggle{height:34px!important;min-width:76px}.header-brand-main{font-size:20px}.header-brand-sub{font-size:12px}
.dashboard-summary{gap:9px;margin-bottom:13px}.summary-card{min-height:82px!important;padding:11px;border-radius:7px}.summary-title{font-size:14px}.summary-value{font-size:20px;margin-top:7px}.summary-label{font-size:12px}
.main-cards{gap:12px}.main-card{min-height:230px!important;padding:16px 14px;border-radius:7px}.card-icon{width:72px!important;height:72px!important;margin:4px 0 12px;border-radius:7px;box-shadow:0 5px 0 currentColor,0 10px 18px rgba(15,23,42,.07)}.card-icon svg{width:42px!important;height:42px!important}.main-card h2{font-size:17px}.main-card p{min-height:44px!important;margin:6px 0 11px;font-size:12px;line-height:1.65}.app-button{min-width:145px;min-height:38px!important;border-radius:7px;font-size:12px}
#app .panel,#app .modal,#app .project-bar,#app .table-wrap,#app .data-card,#app .empty,#app .notice,#app .advanced-section{border-radius:7px}
html[data-theme="dark"] #app,html[data-theme="dark"] body{background:var(--desk-outer-bg);color:var(--desk-outer-text)!important}html[data-theme="dark"] #app .app-header,html[data-theme="dark"] #app .user-box,html[data-theme="dark"] #app .summary-card:not(.primary),html[data-theme="dark"] #app .main-card,html[data-theme="dark"] #app .panel,html[data-theme="dark"] #app .modal,html[data-theme="dark"] #app .project-bar,html[data-theme="dark"] #app .table-wrap,html[data-theme="dark"] #app .data-card,html[data-theme="dark"] #app .empty,html[data-theme="dark"] #app .notice,html[data-theme="dark"] #app .advanced-section{background:var(--desk-outer-surface);color:var(--desk-outer-text)!important;border-color:var(--desk-outer-line)}html[data-theme="dark"] #app h1,html[data-theme="dark"] #app h2,html[data-theme="dark"] #app h3,html[data-theme="dark"] #app h4,html[data-theme="dark"] #app strong,html[data-theme="dark"] #app label{color:var(--desk-outer-text)!important}html[data-theme="dark"] #app p,html[data-theme="dark"] #app small,html[data-theme="dark"] #app .muted,html[data-theme="dark"] #app .details{color:var(--desk-outer-muted)!important}html[data-theme="dark"] #app input,html[data-theme="dark"] #app select,html[data-theme="dark"] #app textarea{background:#1a1c21;color:#f5f3f0!important;border-color:#45464e}html[data-theme="dark"] #app table td{background:#23242a;color:#f5f3f0!important;border-color:#414148}html[data-theme="dark"] #app table th{background:#3a3130;color:#fff!important;border-color:#5a4a46}
@media(max-width:800px){.dashboard-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.main-cards{grid-template-columns:1fr}.main-card{min-height:190px!important}}html[data-theme="dark"] .proctor-hero h1,html[data-theme="dark"] .proctor-section-head h2,html[data-theme="dark"] .proctor-detail-head h2,html[data-theme="dark"] .proctor-referral h3,html[data-theme="dark"] .proctor-side-title{color:#f5f8fc!important}html[data-theme="dark"] .proctor-hero p,html[data-theme="dark"] .proctor-section-head p,html[data-theme="dark"] .proctor-detail-head p,html[data-theme="dark"] .proctor-referral p{color:#b8c6d6!important}html[data-theme="dark"] .proctor-hero-badge strong{color:#8ec5ff!important}html[data-theme="dark"] .proctor-kpi,html[data-theme="dark"] .proctor-ops-card,html[data-theme="dark"] .proctor-side-card{background:#202d3d;border-color:#3a4b60}html[data-theme="dark"] .proctor-facts strong,html[data-theme="dark"] .psm-row b,html[data-theme="dark"] .pt-item b,html[data-theme="dark"] .proctor-action b{color:#eef5fd!important}html[data-theme="dark"] .proctor-table th{background:#2b4562;color:#d9eaff!important;border-color:#465d76}html[data-theme="dark"] .proctor-table td{background:#223142;color:#e8eef6!important;border-color:#35495f}html[data-theme="dark"] .proctor-table tbody tr:nth-child(even) td{background:#28384a}html[data-theme="dark"] .proctor-table tbody tr:hover td{background:#30475f}
html body,html #app,html .proctor-page{background:var(--warm-bg);color:var(--warm-text)!important}
html #app .app-header,html #app .main-card,html #app .summary-card:not(.primary),html #app .panel,html #app .modal,html #app .user-box,html .proctor-kpi,html .proctor-ops-card,html .proctor-side-card,html .proctor-referral,html .proctor-hero,html .proctor-action,html .proctor-facts>div,html .psm-row{background:var(--warm-surface);color:var(--warm-text)!important;border-color:var(--warm-line);border-radius:16px}
html #app h1,html #app h2,html #app h3,html #app h4,html #app strong,html #app b,html #app label,html .proctor-kpi strong,html .proctor-facts strong{color:var(--warm-text)!important}
html #app p,html #app small,html #app .muted,html #app .details,html .proctor-facts span,html .pr-meta{color:var(--warm-muted)!important}
html #app input,html #app select,html #app textarea,html #app table td{background:var(--warm-surface);color:var(--warm-text)!important;border-color:var(--warm-line)}html #app table th{background:var(--warm-raised);color:var(--warm-text)!important;border-color:var(--warm-line)}
html .proctor-referral-grid,html .proctor-action-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,245px),320px));justify-content:start!important;gap:14px}html .proctor-kpi strong{font-size:24px}html .proctor-referral h3{font-size:16px}html .proctor-referral p,html .proctor-action small,html .pr-meta{font-size:12px}html .proctor-action b{font-size:14px}html .proctor-status,html .pr-actions button{font-size:12px}html .proctor-table td,html .proctor-table th{font-size:13px}
html #app .btn-primary,html #app .app-button.blue,html #app .btn-primary b{background:#b6532a;color:#fff!important}html .proctor-status.pending{background:var(--warm-raised);color:var(--warm-muted)!important}html button:focus-visible{outline:3px solid var(--warm-accent);outline-offset:3px}
#manaThemeToggle{min-width:40px;width:40px!important;height:40px!important;padding:0;gap:0;justify-content:center!important}#manaThemeToggle .mana-theme-label{display:none!important}


html body,html body #app,html body #app *,html body .mana-login-screen,html body .mana-login-screen *,html body .proctor-picker-overlay,html body .proctor-picker-overlay *{font-family:'ManaVazirmatn',ManaUI,sans-serif}
html body #app :is(h1,h2,h3,h4,h5,h6,.header-brand-main),html body .mana-login-screen h1,html body .proctor-picker-overlay h3{font-family:'ManaBTitr','ManaVazirmatn',ManaUI,sans-serif;font-weight:700}
@media(max-width:640px){#proctorHome .proctor-manager-design-frame{height:72vh!important}}
.proctor-answer-modal .proctor-answer-status[hidden]{display:none!important}
.proctor-answer-modal-body .proctor-supply-item{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.proctor-answer-modal-body .proctor-supply-item>h3{display:none!important}
.proctor-answer-modal-body .proctor-manager-design-frame{min-height:320px!important;max-height:none!important;overflow:hidden!important;border:1px solid #cbd7e4}
.proctor-supply-item[hidden],.proctor-admission-viewer[hidden]{display:none!important}
#proctorHome .proctor-referral-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#proctorHome .proctor-referral h3{font-size:19px;line-height:1.7}
#proctorHome .proctor-referral p{font-size:14px;line-height:1.8}
#proctorHome .pr-actions button{font-size:14px}
.upload-data-workspace .upload-choice-card-center{border:0;background:transparent;box-shadow:none;transform:none!important;padding:0}
.upload-data-workspace .choice-head{padding:0 2px 11px;grid-template-columns:50px minmax(0,1fr);gap:12px}
.upload-data-workspace .choice-head .upload-choice-icon{width:48px!important;height:48px!important}
.upload-data-workspace .choice-head h3{font-size:22px;line-height:1.65;color:#183f64!important}
.upload-data-workspace .choice-stats-pro{grid-template-columns:repeat(2,minmax(130px,1fr));margin:4px 0 15px;gap:10px}
.upload-data-workspace .choice-stats-pro>div{min-height:64px!important;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.7);border-color:rgba(92,133,178,.25)}
.upload-data-workspace .choice-stats-pro b{font-size:22px}.upload-data-workspace .choice-stats-pro span{font-size:12px}
.upload-data-workspace .upload-choice-actions{padding:0}
.upload-data-workspace .upload-choice-actions{display:grid!important}
.upload-data-workspace .upload-choice-actions .btn{min-width:0;padding:9px 10px;white-space:normal}
#uploadedViewOverlay:has(.school-table-actions) .uploaded-data-table{min-width:1100px;font-size:13px}
#uploadedViewOverlay:has(.school-table-actions) .uploaded-data-table td{font-size:13px;line-height:1.75;white-space:normal}
@media(max-width:560px){.upload-data-workspace .choice-head h3{font-size:18px}.upload-data-workspace .choice-stats-pro{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){#proctorHome .proctor-referral-grid{grid-template-columns:1fr}}


.proctor-picker,.proctor-picker *,[role="dialog"],[role="dialog"] *{font-family:'ManaVazirmatn',ManaUI,sans-serif}
#app.proctor-mode>.app-header{display:none!important}
:is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .proctor-brand-fallback[hidden]{display:none!important}
:is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .proctor-exit-button{gap:7px;min-height:38px!important;height:38px!important;padding:7px 13px;border:1px solid #ef746d;border-radius:12px;background:linear-gradient(145deg,#ef6258,#c93543);color:#fff!important;box-shadow:0 5px 13px #c93c3b35}
:is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .proctor-exit-button .icon-svg{width:17px!important;height:17px!important;flex:0 0 17px;color:#fff!important;filter:drop-shadow(0 1px 1px #70202055)}
:is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .proctor-exit-button:hover{background:linear-gradient(145deg,#f37164,#b9273a);border-color:#ff8e80;box-shadow:0 8px 18px #c93c3b50}
:is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .proctor-role-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center;min-width:84px;min-height:34px!important;padding:5px 10px;background:#f1e9df;border:1px solid #dfd4c6;border-radius:8px;color:#6c6055!important;font-size:12px;font-weight:800;white-space:nowrap}
#proctorHome .proctor-project-fact,#proctorHome .proctor-project-fact:nth-child(n){background:var(--pc-card2);border-color:var(--pc-line)}
#proctorHome .proctor-project-fact span{color:var(--pc-muted)!important}
:is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome).proctor-page,html[data-theme="light"] :is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome).proctor-page{background:radial-gradient(ellipse at 90% 0,#bb653c12,transparent 48%),#f7f3ed}
html[data-theme="light"] :is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .proctor-role-badge{background:#f1e9df;border-color:#dfd4c6;color:#6c6055!important}
html[data-theme="dark"] :is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome).proctor-page{background:radial-gradient(ellipse at 90% 0,#bb653c12,transparent 48%),#51463c}
html[data-theme="dark"] :is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .proctor-role-badge{background:#756453;border-color:#8b7865;color:#ead8c4!important}
html[data-theme="dark"] :is(#proctorHome,#studentHome,#schoolAdminHome,#teacherHome) .proctor-topbar{background:color-mix(in srgb,#5e5145 88%,transparent)}
html[data-theme="dark"] #proctorHome .proctor-project-fact{background:#756453;border-color:#8b7865}
html[data-theme="dark"] #proctorHome .proctor-project-fact span,html[data-theme="dark"] #proctorHome .proctor-project-fact strong{color:#ead8c4!important}
html[data-theme="dark"] #proctorHome .proctor-welcome-row{background:#5e5145;border-color:#8b7865}
#proctorHome .proctor-center-overview{width:min(100%,520px)!important;max-width:520px;margin:0 0 14px auto;padding:15px 17px;background:var(--warm-surface,#fffdf9);border:1px solid var(--warm-line,#dfd4c6);border-radius:18px;box-shadow:var(--pc-shadow);color:var(--warm-text,#302b26)!important}
#proctorHome .proctor-center-heading .proctor-side-title{color:var(--warm-text,#302b26)!important}
#proctorHome .proctor-center-heading small{color:var(--warm-muted,#6c6055)!important}
#proctorHome .proctor-center-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
#proctorHome .proctor-center-facts>div{background:#fffdf9;border:1px solid var(--warm-line,#dfd4c6);border-radius:12px}
#proctorHome .proctor-center-facts span{color:var(--warm-muted,#6c6055)!important;font-size:12px}
#proctorHome .proctor-center-facts strong{color:var(--warm-text,#302b26)!important;font-size:13px}
#proctorHome .proctor-extra-details[hidden]{display:none!important}
html[data-theme="dark"] #proctorHome .proctor-center-overview{background:#5e5145;border-color:#8b7865;color:#fff5e9!important}
html[data-theme="dark"] #proctorHome .proctor-center-heading .proctor-side-title,html[data-theme="dark"] #proctorHome .proctor-center-heading small{color:#fff5e9!important}
html[data-theme="dark"] #proctorHome .proctor-center-facts>div,html[data-theme="dark"] #proctorHome .proctor-candidate-summary,html[data-theme="dark"] #proctorHome .proctor-delivery-status{background:#756453;border-color:#8b7865;color:#fff5e9!important}
html[data-theme="dark"] #proctorHome .proctor-center-facts span,html[data-theme="dark"] #proctorHome .proctor-center-facts strong,html[data-theme="dark"] #proctorHome .proctor-candidate-summary>span:nth-child(2),html[data-theme="dark"] #proctorHome .proctor-delivery-status>span:nth-child(2){color:#fff5e9!important}
html[data-theme="dark"] #proctorHome .proctor-candidate-summary>strong{color:#ffd4a9!important}
html[data-theme="dark"] #proctorHome .proctor-delivery-status[data-state="sent"]{background:#415b4d;border-color:#6f9c7d}
html[data-theme="dark"] #proctorHome .proctor-delivery-status[data-state="pending"]{background:#694b45;border-color:#a5756b}
@media(max-width:600px){#proctorHome .proctor-center-overview{padding:12px}#proctorHome .proctor-center-facts span{font-size:12px}#proctorHome .proctor-center-facts strong{font-size:12px}}
@media(max-width:390px){#proctorHome .proctor-center-facts{grid-template-columns:minmax(0,1fr)}}
#proctorHome .proctor-overview-grid>.proctor-side-card{margin:0}
#proctorHome .proctor-center-overview,#proctorHome .proctor-quick-resources,#proctorHome .proctor-document-details{background:var(--warm-surface,#fffdf9);border:1px solid var(--warm-line,#dfd4c6);border-radius:18px;color:var(--warm-text,#302b26)!important}
#proctorHome .proctor-quick-resources{padding:15px 17px;background:var(--warm-surface,#fffdf9);border:1px solid var(--warm-line,#dfd4c6);border-radius:18px;box-shadow:var(--pc-shadow);color:var(--warm-text,#302b26)!important}
:is(#proctorHome,.mana-student-services) .proctor-action[data-guide-tone]{border:1px solid color-mix(in srgb,var(--guide-tone) 48%,var(--pc-line));background:linear-gradient(135deg,color-mix(in srgb,var(--guide-tone) 23%,var(--pc-card)),color-mix(in srgb,var(--guide-tone) 8%,var(--pc-card)) 78%)}
:is(#proctorHome,.mana-student-services) .proctor-action[data-guide-tone]:hover{border-color:color-mix(in srgb,var(--guide-tone) 70%,var(--pc-line))}
:is(#proctorHome,.mana-student-services) .proctor-action[data-guide-tone] b{font-size:13px}
:is(#proctorHome,.mana-student-services) .proctor-action[data-guide-tone] small{font-size:12px}
:is(#proctorHome,.mana-student-services) .proctor-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-theme="dark"] :is(#proctorHome,.mana-student-services) .proctor-action[data-guide-tone]{background:linear-gradient(135deg,color-mix(in srgb,var(--guide-tone) 30%,#253548),color-mix(in srgb,var(--guide-tone) 14%,#223144) 78%);border-color:color-mix(in srgb,var(--guide-tone) 50%,#40536a)}
#proctorHome .proctor-quick-resource[data-state="waiting"] .proctor-quick-label small,#proctorHome .proctor-delivery-status[data-state="pending"] .proctor-delivery-value{color:#b42318!important}
html body #app #proctorHome .proctor-quick-resource[data-state="waiting"] .proctor-quick-label small,html body #app #proctorHome .proctor-delivery-status[data-state="pending"] .proctor-delivery-value{font-family:'ManaBTitr','B Titr',ManaUI,sans-serif;font-weight:900;color:#b42318!important}
html[data-theme="dark"] #proctorHome .proctor-center-overview,html[data-theme="dark"] #proctorHome .proctor-quick-resources,html[data-theme="dark"] #proctorHome .proctor-document-details{background:#5e5145;border-color:#8b7865;color:#fff5e9!important}
html[data-theme="dark"] #proctorHome .proctor-quick-label b{color:#fff5e9!important}
html[data-theme="dark"] #proctorHome .proctor-quick-resource[data-state="waiting"] .proctor-quick-label small{color:#ffd0c9!important}
html[data-theme="dark"] #proctorHome .proctor-delivery-status[data-state="pending"] .proctor-delivery-value{color:#ffd0c9!important}
html[data-theme="dark"] body #app #proctorHome .proctor-quick-resource[data-state="waiting"] .proctor-quick-label small,html[data-theme="dark"] body #app #proctorHome .proctor-delivery-status[data-state="pending"] .proctor-delivery-value{color:#ffd0c9!important}
#proctorHome .proctor-document-details{padding:15px 17px;box-shadow:var(--pc-shadow)}
#proctorHome .proctor-document-preview[hidden]{display:none!important}
.proctor-roster-chooser{z-index:20002!important}
.proctor-roster-chooser>.data-upload-menu-advanced{width:min(1080px,calc(100vw - 28px))!important;max-width:1080px;border-radius:0;max-height:calc(100vh - 32px)!important;overflow-y:auto!important}
.proctor-roster-chooser .data-upload-menu-head{position:relative!important;padding:20px 22px;padding-left:78px;min-height:82px!important}
.proctor-roster-chooser .data-upload-menu-head h2{font-family:"B Titr";font-size:28px;line-height:1.35;margin:0}
.proctor-roster-chooser .data-upload-menu-advanced>.modal-body{padding:22px}
.proctor-roster-chooser .upload-choice-grid-advanced{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.proctor-roster-chooser .upload-choice-card{position:relative!important;border:1px solid #d4dfeb;border-radius:0;box-shadow:0 10px 26px rgba(15,23,42,.07);background:#fff;overflow:hidden!important}
.proctor-roster-chooser .choice-color-bar{background:#059669}
.proctor-roster-chooser .choice-head{display:grid!important;grid-template-columns:60px minmax(0,1fr);gap:14px;align-items:center!important;padding:23px 20px 14px}
.proctor-roster-chooser .choice-head .upload-choice-icon{width:60px!important;height:60px!important;border-radius:0;box-shadow:none;background:#ecfbf4;border:1px solid #b9dfcb;color:#059669!important}
.proctor-roster-chooser .choice-head .upload-choice-icon svg{width:31px!important;height:31px!important}
.proctor-roster-chooser .choice-head h3{font-family:"B Titr";font-size:25px;line-height:1.35;margin:0;color:#1d3550!important}
.proctor-roster-chooser .choice-stats-pro{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 18px 16px}
.proctor-roster-chooser .choice-stats-pro>div{min-height:86px!important;padding:10px 7px;border-radius:0;border:1px solid #c8e6d5;background:#eafaf2;box-shadow:none}
.proctor-roster-chooser .choice-stats-pro b{font-family:ManaUI;font-size:24px;color:#087548!important}
.proctor-roster-chooser .choice-stats-pro span{font-family:ManaUI;font-size:16px;color:#405a74!important}
.proctor-roster-chooser .upload-choice-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 18px 18px}
.proctor-roster-chooser .upload-choice-actions .btn{min-width:0;min-height:48px!important;font-family:"B Titr";font-size:16px;white-space:nowrap;padding:7px 8px;border-radius:0}
.proctor-roster-chooser .upload-file-header-main{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px;width:100%!important}
.proctor-roster-chooser .inline-upload-confirm{margin:0 18px 18px;padding:16px;border:1px solid #d9b59d;border-radius:14px;background:linear-gradient(145deg,#fbf0e7,#f3e1d3);color:#44382f!important;box-shadow:0 8px 18px rgba(116,69,42,.12)}
html[data-theme="dark"] .proctor-roster-chooser .upload-choice-card{background:#263242;border-color:#46566a}
html[data-theme="dark"] .proctor-roster-chooser .choice-head h3{color:#f1e5d8!important}
html[data-theme="dark"] .proctor-roster-chooser .choice-stats-pro>div{background:#20372f;border-color:#496557}
html[data-theme="dark"] .proctor-roster-chooser .choice-stats-pro span{color:#d4e2da!important}
@media(max-width:760px){.proctor-roster-chooser .upload-choice-grid-advanced{grid-template-columns:1fr}.proctor-roster-chooser .upload-choice-actions{grid-template-columns:1fr}}
.proctor-document-modal .proctor-answer-status[hidden]{display:none!important}
.proctor-document-modal-body .proctor-supply-item{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.proctor-document-modal-body .proctor-supply-item>h3{margin:0 0 10px;color:#302b26!important;font-size:16px}
.proctor-document-modal-body .proctor-manager-design-frame{width:100%!important;min-height:760px!important;border:1px solid #ded5c9}
html[data-theme="dark"] .proctor-document-modal-body .proctor-supply-item>h3{color:#fff5e9!important}
@media(max-width:780px){:is(#proctorHome,.mana-student-services) .proctor-action-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){#proctorHome .proctor-quick-resources{padding:12px}}


/* Student uses the same header components and theme tokens as the center panel. */
html[data-mana-student-panel] #app > .app-header{display:none}
html[data-mana-student-panel] #app .app-main{width:calc(100% - 28px);margin:0 auto;padding:0;min-height:100vh}
html[data-mana-student-panel] #app{background:var(--warm-bg);color:var(--warm-text)}
#studentHome{min-height:100vh}


.mana-student-services{--pc-bg:var(--warm-bg);--pc-card:var(--warm-surface);--pc-line:var(--warm-line);--pc-text:var(--warm-text);--pc-muted:var(--warm-muted);background:var(--warm-bg);color:var(--warm-text);direction:rtl}
.mana-ops:is(#proctorHome,.mana-student-services) .proctor-action-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:6px;margin:8px 0 0;overflow-x:auto;padding-bottom:3px}.mana-ops:is(#proctorHome,.mana-student-services) .proctor-action{display:flex;align-items:center;justify-content:flex-start;gap:7px;min-height:44px;padding:6px 9px;white-space:nowrap}.mana-ops:is(#proctorHome,.mana-student-services) .proctor-action b{font-size:14px;line-height:1.6}.mana-student-services .pa-icon{flex:0 0 36px;width:36px;height:36px}.mana-student-services .pa-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.student-record-picker{display:grid;gap:8px;max-width:520px}.student-registration-table-wrap{overflow-x:auto;margin:8px 0;border:1px solid var(--warm-line);border-radius:10px}.student-registration-table{width:100%;border-collapse:collapse;background:var(--warm-surface)}.student-registration-table th,.student-registration-table td{padding:4px 8px;border-bottom:1px solid var(--warm-line);text-align:right}.student-registration-table th{width:34%;background:var(--warm-raised);color:var(--warm-text)}.student-registration-table input,.student-registration-table select{width:100%;box-sizing:border-box;height:32px;min-height:32px;border:1px solid var(--warm-line);border-radius:7px;padding:5px 9px;background:var(--warm-bg);color:var(--warm-text)}.student-registration-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.student-registration-footer [data-save-status]{color:var(--warm-text)}.student-registration-footer button{padding:9px 18px;border:0;border-radius:9px;background:#087b66;color:#fff;font-weight:900}.student-registration-table input:focus-visible{outline:2px solid #397cef;outline-offset:2px}
@media(max-width:750px){.student-registration-table th,.student-registration-table td{padding:7px}.student-registration-table th{font-size:12px}}

.mana-ops.mana-student-services{inset:auto;top:50%;left:50%;transform:translate(-50%,-50%);width:min(740px,calc(100vw - 24px));max-height:calc(100vh - 40px);padding:14px;box-sizing:border-box;box-shadow:0 24px 90px #0005,0 0 0 100vmax #0006;background:var(--warm-bg);border-color:var(--warm-line)}
.mana-student-services>header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mana-student-services>header .mana-student-close-button{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:0;border:1px solid #c83c36;border-radius:12px;background:linear-gradient(145deg,#f45a51,#c91f27);color:#fff;box-shadow:0 4px 12px #a81f2638}
.mana-student-services>header .mana-student-close-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round}
.mana-student-services>header .mana-student-close-button:focus-visible,.student-confirm-actions button:focus-visible{outline:3px solid #3b82f6;outline-offset:2px}
@media(max-width:650px){.mana-ops.mana-student-services{padding:14px}.mana-student-services>header{flex-wrap:wrap}.mana-student-services>header>div{display:flex;flex-wrap:wrap;gap:5px}}

.mana-student-services .student-registration-table th[scope="row"]{width:30%}.mana-student-services .student-registration-table td{width:70%}
.student-results-project{margin:14px 0;padding:12px;border:1px solid var(--warm-line);border-radius:13px;background:var(--warm-surface)}.student-results-project>h3{margin:0 0 9px;color:var(--warm-accent);font-size:15px}.student-results-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--warm-line);border-radius:10px}.student-results-table{width:100%;border-collapse:collapse;background:var(--warm-surface);color:var(--warm-text);text-align:right}.student-results-table th,.student-results-table td{padding:9px 10px;border-bottom:1px solid var(--warm-line);vertical-align:middle}.student-results-table th{background:var(--warm-raised);white-space:nowrap;color:var(--warm-text);font-size:12px}.student-results-table tr:last-child td{border-bottom:0}.student-result-subject strong,.student-result-subject small{display:block}.student-result-subject small{margin-top:3px;color:var(--warm-muted);font-size:11px}.student-result-score{font-weight:900;white-space:nowrap}.student-result-open{padding:8px 12px;border:0;border-radius:9px;background:linear-gradient(135deg,#ee9845,#db7137);color:#fff;font-weight:900;white-space:nowrap;cursor:pointer}.student-result-open:hover{filter:brightness(1.06)}
@media(max-width:520px){.student-results-project{padding:8px;margin:10px 0}.student-results-table{table-layout:fixed}.student-results-table th,.student-results-table td{padding:7px 5px;font-size:10px}.student-results-table th:nth-child(3),.student-results-table td:nth-child(3){display:none}.student-results-table th:first-child{width:42%}.student-results-table th:nth-child(2){width:25%}.student-results-table th:last-child{width:33%}.student-result-subject small{font-size:9px}.student-result-open{padding:7px 8px;font-size:10px}.student-results-table .mana-student-pending{font-size:9px}}
.mana-student-card-dialog{overflow:hidden!important}.mana-student-card-dialog [data-content]>section{padding:10px;margin:10px 0 0}.student-card-fit{position:relative;width:100%;overflow:hidden;border-radius:8px;background:#fff}.student-document-actions,.mana-student-report-actions,.mana-student-paper-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 10px}
.mana-student-services .student-document-actions button,.mana-student-services .mana-student-report-actions button,.mana-student-services .mana-student-paper-toolbar button,.mana-student-services [data-download-paper]{padding:8px 13px;border:0;border-radius:9px;color:#fff;background:linear-gradient(135deg,#397cef,#2851b7);box-shadow:0 4px 10px #2851b725;font-weight:800;text-decoration:none}.mana-student-services .student-document-actions [data-print-card],.mana-student-services .mana-student-report-actions [data-print]{background:linear-gradient(135deg,#13a68d,#08746e)}.mana-student-services .mana-student-report-actions [data-show-paper],.mana-student-services [data-download-paper]{background:linear-gradient(135deg,#9667db,#6843ad)}.mana-student-services button:disabled{opacity:.5;cursor:wait}

/* Center the entry screen; short viewports use compact controls. */
#manaLoginScreen{inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box;height:100dvh;min-height:0;padding:18px clamp(12px,3vw,40px);overflow:auto}
#manaLoginScreen.is-hidden{display:none}
#manaLoginScreen .mana-login-stage{flex:none;width:min(1000px,100%);margin:auto;padding:0}
#manaLoginScreen .mana-entry-card{animation:none}
@media(max-width:560px){#manaLoginScreen{padding:12px}#manaLoginScreen .mana-login-brand{gap:12px}#manaLoginScreen .mana-login-logo-wrap{width:64px}#manaLoginScreen .mana-login-title h1{font-size:29px}#manaLoginScreen .mana-login-welcome{margin:10px auto 12px}#manaLoginScreen .mana-login-chip{font-size:11px;padding:7px 10px}#manaLoginScreen .mana-login-grid{gap:8px}#manaLoginScreen .mana-entry-card{min-height:62px;padding:7px 10px}#manaLoginScreen .mana-entry-card strong{font-size:13px}#manaLoginScreen .mana-entry-card small{font-size:11px}#manaLoginScreen .mana-entry-icon,#manaLoginScreen .mana-entry-icon svg{width:30px;height:30px}#manaLoginScreen .mana-login-footer{margin-top:10px}}
@media(max-height:650px){#manaLoginScreen{padding:10px 14px}#manaLoginScreen .mana-login-logo-wrap{width:56px}#manaLoginScreen .mana-login-logo-wrap img{max-height:56px}#manaLoginScreen .mana-login-title h1{font-size:27px}#manaLoginScreen .mana-login-welcome{margin:8px auto}#manaLoginScreen .mana-login-chip{padding:6px 12px;font-size:11px}#manaLoginScreen .mana-entry-card{min-height:60px;padding:7px 10px}#manaLoginScreen .mana-entry-icon,#manaLoginScreen .mana-entry-icon svg{width:30px;height:30px}#manaLoginScreen .mana-login-footer{margin-top:9px}}
@media(max-height:650px) and (min-width:600px){#manaLoginScreen .mana-login-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px;gap:9px}}

.student-report-statistics-notice{display:flex;align-items:flex-start;gap:12px;margin:12px 0;padding:13px 15px;border:1px solid #e9b956;border-radius:12px;background:linear-gradient(120deg,#fff6d9,#fffaf0);color:#704410;box-shadow:0 4px 14px #b4771210}.student-report-statistics-notice strong{display:block;color:#704410;font-size:14px}.student-report-statistics-notice p{margin:4px 0 0!important;color:#795321!important;font-size:12px;line-height:1.9}.student-report-notice-icon{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#ffc95c,#f3a82d);box-shadow:0 4px 12px #d38b2330}.student-report-notice-icon svg{width:26px;height:26px;fill:none;stroke:#714110;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}html[data-theme="dark"] .student-report-statistics-notice{background:linear-gradient(120deg,#4e3d27,#423628);border-color:#94703f}html[data-theme="dark"] .student-report-statistics-notice strong,html[data-theme="dark"] .student-report-statistics-notice p{color:#ffe2a9!important}

.mana-ops.mana-student-registration-dialog{width:min(500px,calc(100vw - 24px));padding:12px}.mana-student-registration-dialog .student-registration-table th[scope="row"]{width:36%}.mana-student-registration-dialog .student-registration-table td{width:64%}.mana-student-registration-dialog .student-registration-footer{gap:8px}.mana-student-registration-dialog .student-registration-footer [data-save-status]{font-size:11px}
.mana-student-registration-dialog [data-content],.mana-student-portal [data-student-content]{position:relative}
.student-confirm-overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:12px;border-radius:12px;background:#211a17b8;backdrop-filter:blur(3px)}
.student-confirm-dialog{width:min(420px,100%);padding:22px;border:1px solid var(--warm-line);border-radius:18px;background:var(--warm-surface);color:var(--warm-text);text-align:center;box-shadow:0 18px 54px #0004;animation:student-confirm-in .16s ease-out}
.student-confirm-symbol{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 10px;border-radius:15px;background:linear-gradient(145deg,#a5e3b7,#53b87a);color:#155c31;font-size:28px;font-weight:900;box-shadow:0 5px 14px #238b4a30}
.student-confirm-dialog h3{margin:0 0 8px;color:var(--warm-text);font-size:18px}
.student-confirm-dialog p{margin:0;color:var(--warm-muted);font-size:13px;line-height:1.9}
.student-confirm-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:18px}
.student-confirm-actions button{min-height:40px;padding:8px 14px;border:1px solid var(--warm-line);border-radius:10px;background:var(--warm-raised);color:var(--warm-text);font:inherit;font-weight:800}
.student-confirm-actions [data-student-confirm-accept]{border-color:#087b66;background:linear-gradient(120deg,#16967e,#08715f);color:#fff}
.student-confirmed-notice{display:flex;align-items:center;gap:10px;max-width:100%;padding:10px 13px;border:1px solid #9dd2a8;border-radius:12px;background:#eaf7ed;color:#205b2d;line-height:1.8}
.student-confirmed-notice>span{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:#c5ebcd;color:#176332;font-weight:900}
.student-confirmed-notice p{margin:0;color:inherit;font-size:12px}
html[data-theme="dark"] .student-confirmed-notice{border-color:#497956;background:#2b4432;color:#d4f3da}
html[data-theme="dark"] .student-confirmed-notice>span{background:#3c6748;color:#dcf8e1}
@keyframes student-confirm-in{from{opacity:0;transform:translateY(5px) scale(.985)}to{opacity:1;transform:none}}

.student-individual-report-frame{display:block;width:100%;height:max(240px,calc(100dvh - 300px));border:0;background:transparent}

/* School and teacher role dashboards use the shared site header and real scoped services. */
.role-services-panel{max-width:1100px;margin:18px auto;padding:clamp(14px,2.4vw,26px);border:1px solid var(--warm-line);border-radius:18px;background:var(--warm-surface);color:var(--warm-text);box-shadow:0 12px 34px #302b2610}
.role-service-scope{display:grid;grid-template-columns:auto minmax(220px,1fr);align-items:center;gap:12px;margin:0 0 16px;font-weight:900}
.role-service-scope select{width:100%;min-height:42px;border:1px solid var(--warm-line);border-radius:10px;padding:8px 12px;background:var(--warm-bg);color:var(--warm-text);font:inherit}
.role-service-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.role-service-button{--role-tone:#397cef;display:flex;align-items:center;justify-content:flex-start;gap:13px;min-height:76px;padding:14px 18px!important;border:1px solid color-mix(in srgb,var(--role-tone) 38%,transparent)!important;border-radius:14px!important;background:linear-gradient(130deg,var(--role-tone),color-mix(in srgb,var(--role-tone) 74%,#111))!important;color:#fff!important;text-align:right;font:inherit;font-weight:900;box-shadow:0 8px 18px color-mix(in srgb,var(--role-tone) 20%,transparent);transition:transform .16s ease,filter .16s ease}
.role-service-button:hover{transform:translateY(-2px);filter:brightness(1.06)}
.role-service-button>span{display:grid;place-items:center;flex:0 0 40px;height:40px;border:1px solid #ffffff70;border-radius:12px;background:#ffffff20;font-size:25px}
.role-service-note{margin:14px 0 0;color:var(--warm-muted);font-size:13px;line-height:1.8}
.role-services-error{padding:14px;border:1px solid #e7a5a1;border-radius:12px;background:#fff1ef;color:#942f27}
.mana-ops.mana-role-reports{inset:2vh 2vw;width:96vw;height:96dvh;max-height:96dvh;display:flex;flex-direction:column;overflow:hidden;padding:14px;box-sizing:border-box}
.mana-ops.mana-role-reports>[data-content]{flex:1 1 auto;min-height:0;overflow:auto;padding:0}
.role-report-frame{display:block;width:100%;height:100%;min-height:560px;border:0;background:var(--warm-bg)}
.school-roster-upload-box{display:grid;gap:16px;margin:16px 0 2px;padding:clamp(14px,2vw,22px);border:1px solid var(--warm-line);border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--warm-accent) 7%,var(--warm-surface)),var(--warm-surface) 60%);box-shadow:0 12px 30px color-mix(in srgb,var(--warm-text) 8%,transparent);animation:student-confirm-in .18s ease-out}
.school-roster-upload-head{display:flex;align-items:center;gap:13px;min-width:0}.school-roster-upload-head>div{min-width:0}.school-roster-upload-head h2{margin:0;color:var(--warm-text);font-size:clamp(17px,2vw,21px)}.school-roster-upload-head p{margin:4px 0 0;color:var(--warm-muted);font-size:13px;line-height:1.7}
.school-roster-upload-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#e98958,#bd5c35);color:#fff;font-size:25px;font-weight:900;box-shadow:0 6px 14px #b6532a35}
.school-roster-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:5px;border:1px solid var(--warm-line);border-radius:13px;background:var(--warm-bg)}
.school-roster-choice button{min-height:44px;padding:9px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--warm-muted);font:inherit;font-weight:850;cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease}
.school-roster-choice button[aria-pressed="true"]{border-color:color-mix(in srgb,var(--warm-accent) 30%,transparent);background:linear-gradient(120deg,#e98958,#bd5c35);color:#fff;box-shadow:0 5px 12px #b6532a28}
.school-roster-upload-box form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.school-roster-upload-box form label{display:grid;align-content:start;gap:7px;min-width:0;color:var(--warm-text);font-size:13px;font-weight:800}
.school-roster-upload-box form select,.school-roster-upload-box form input[type=file]{width:100%;min-width:0;min-height:44px;padding:9px 11px;border:1px solid var(--warm-line);border-radius:11px;background:var(--warm-bg);color:var(--warm-text);font:inherit;box-sizing:border-box}
.school-roster-file-control{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:62px;padding:8px;border:1px dashed color-mix(in srgb,var(--warm-accent) 48%,var(--warm-line));border-radius:13px;background:linear-gradient(110deg,color-mix(in srgb,var(--warm-accent) 5%,var(--warm-surface)),var(--warm-surface));box-sizing:border-box;transition:border-color .16s ease,box-shadow .16s ease}
.school-roster-file-control:focus-within{border-color:var(--warm-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--warm-accent) 18%,transparent)}
.school-roster-file-name{min-width:0;overflow:hidden;color:var(--warm-muted);font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.school-roster-file-button{display:flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:42px;padding:0 15px;border-radius:10px;background:linear-gradient(120deg,#e98958,#bd5c35);color:#fff;font-size:13px;font-weight:900;box-shadow:0 5px 12px #b6532a2b;transition:filter .16s ease,transform .16s ease}
.school-roster-file-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.school-roster-file-control:hover .school-roster-file-button{filter:brightness(1.06);transform:translateY(-1px)}
.school-roster-file-control input[type=file]{position:absolute;inset:0;z-index:2;width:100%;height:100%;min-height:100%;padding:0!important;border:0!important;border-radius:inherit;background:transparent!important;opacity:0;cursor:pointer;box-sizing:border-box}
.school-roster-upload-box .school-roster-file-label,.school-roster-upload-box .school-roster-submit{grid-column:1/-1}
.school-roster-upload-box .school-roster-submit{min-height:48px;padding:10px 16px;border:0;border-radius:12px;background:linear-gradient(120deg,#168c79,#08725f);color:#fff;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 7px 16px #08725f2b;transition:transform .16s ease,filter .16s ease}
.school-roster-upload-box .school-roster-submit:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.06)}.school-roster-upload-box .school-roster-submit:disabled{opacity:.65;cursor:wait}
.school-roster-error:empty,.school-roster-status:empty{display:none}.school-roster-error,.school-roster-status{margin:0;padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.7}.school-roster-error:not(:empty){border:1px solid #e7a5a1;background:#fff1ef;color:#942f27}.school-roster-status:not(:empty){border:1px solid color-mix(in srgb,#168c79 28%,var(--warm-line));background:color-mix(in srgb,#168c79 8%,var(--warm-surface));color:var(--warm-text)}
.student-registration-readonly .student-registration-footer button:disabled{opacity:.7;cursor:default}
.mana-ops.mana-student-report-dialog{inset:2vh 2vw;transform:none;margin:0;width:96vw;height:96dvh;max-height:96dvh;display:flex;flex-direction:column;overflow:hidden;padding:14px}
.mana-ops.mana-student-report-dialog>[data-content]{flex:1 1 auto;min-height:0;overflow:auto;padding:0}
.mana-student-report-dialog .mana-student-report-shell{min-height:0}
.mana-student-report-dialog .student-individual-report-frame{height:calc(100dvh - 245px);min-height:500px;max-height:900px}
@media(max-width:820px){.role-service-actions{grid-template-columns:1fr}.role-service-scope{grid-template-columns:1fr;gap:6px}.role-service-button{min-height:60px;padding:10px 13px!important}.role-report-frame{min-height:500px}.school-roster-upload-box form{grid-template-columns:1fr}.school-roster-upload-box form label,.school-roster-upload-box .school-roster-submit{grid-column:1}.school-roster-upload-box{margin-inline:0}.mana-ops.mana-role-reports,.mana-ops.mana-student-report-dialog{inset:1vh 2vw;width:96vw;height:98dvh;max-height:98dvh;padding:10px}.mana-student-report-dialog .student-individual-report-frame{height:calc(100dvh - 270px);min-height:420px}}
@media(max-height:680px){.mana-student-report-dialog .student-individual-report-frame{height:calc(100dvh - 210px);min-height:340px}}

html[data-mana-service-panel] #app>.app-header{display:none!important}
html[data-mana-service-panel] #app .app-main{width:calc(100% - 28px);margin:0 auto;padding:0}
:is(#schoolAdminHome,#teacherHome).proctor-page{--pc-bg:var(--warm-bg);--pc-card:var(--warm-surface);--pc-line:var(--warm-line);--pc-text:var(--warm-text);--pc-muted:var(--warm-muted);background:var(--warm-bg);color:var(--warm-text);min-height:100dvh}
:is(#schoolAdminHome,#teacherHome) .role-service-actions.proctor-management-actions{margin:0;gap:10px}

.mana-ops.mana-role-picker{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(540px,calc(100vw - 24px));max-height:90dvh;box-sizing:border-box;overflow:auto;border-radius:18px;background:var(--warm-surface);color:var(--warm-text);box-shadow:0 20px 80px #0005,0 0 0 100vmax #0005}
.mana-role-picker form,.mana-role-picker label{display:grid;gap:10px}.mana-role-picker form{gap:16px}.mana-role-picker select{width:100%;min-height:42px;padding:8px;border:1px solid var(--warm-line);border-radius:10px;background:var(--warm-bg);color:var(--warm-text);font:inherit}.mana-role-picker .role-enter-button{padding:11px;background:#167f73;color:#fff;border:0;border-radius:10px;font:inherit}.mana-role-picker button:disabled{opacity:.5;cursor:not-allowed}.role-service-context{margin:0 0 18px;color:var(--warm-muted);line-height:1.9}

@media(min-width:781px){.role-service-actions[data-service-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}}

#app :is(#schoolAdminHome,#teacherHome) .page-heading p{color:var(--warm-muted)!important}

/* School admission cards: complete scoped roster details with a per-student print action. */
.school-admission-list{display:grid;gap:14px;max-width:1180px;margin:auto}
.school-admission-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border:1px solid var(--warm-line);border-radius:15px;background:linear-gradient(120deg,color-mix(in srgb,var(--warm-accent) 11%,var(--warm-surface)),var(--warm-surface))}
.school-admission-heading h3{margin:0;color:var(--warm-text);font-size:clamp(18px,2vw,23px)}
.school-admission-heading p{margin:5px 0 0;color:var(--warm-muted);line-height:1.8}
.school-admission-heading>strong{flex:0 0 auto;padding:8px 13px;border-radius:999px;background:color-mix(in srgb,var(--warm-accent) 12%,transparent);color:var(--warm-accent)}
.school-admission-tools{display:grid;grid-template-columns:minmax(240px,1fr) auto;align-items:end;gap:14px}.school-admission-bulk{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.school-admission-bulk button{min-height:42px;padding:8px 13px;border:0;border-radius:11px;background:var(--warm-accent);color:#fff;font:inherit;font-weight:900;cursor:pointer}.school-admission-bulk button[data-print-selected]{background:#087f6c}.school-admission-bulk button:disabled{opacity:.5;cursor:not-allowed}.school-admission-bulk span{color:var(--warm-muted);font-size:12px}.school-admission-select{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;color:var(--warm-muted);font-size:12px;font-weight:800}.school-admission-select input{width:18px;height:18px;accent-color:var(--warm-accent)}.school-admission-pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding:8px}.school-admission-pagination button{min-height:38px;padding:7px 12px;border:1px solid var(--warm-line);border-radius:10px;background:var(--warm-bg);color:var(--warm-text);font:inherit;font-weight:800;cursor:pointer}.school-admission-pagination button:disabled{opacity:.45;cursor:not-allowed}.school-admission-pagination span{color:var(--warm-muted);font-size:13px;font-weight:800}
.school-admission-search{display:flex;align-items:center;gap:12px;color:var(--warm-text);font-weight:800}
.school-admission-search input{flex:1;min-width:0;min-height:42px;padding:8px 12px;border:1px solid var(--warm-line);border-radius:11px;background:var(--warm-bg);color:var(--warm-text);font:inherit}
.school-admission-students{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:min(64dvh,760px);overflow:auto;padding:2px 4px 6px}
.school-admission-student{min-width:0;padding:15px;border:1px solid var(--warm-line);border-radius:15px;background:var(--warm-surface);box-shadow:0 5px 16px #302b260b}
.school-admission-student-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px solid var(--warm-line)}
.school-admission-student-title>div{min-width:0}.school-admission-student-title span{color:var(--warm-muted);font-size:12px}.school-admission-student-title h4{margin:3px 0 0;overflow-wrap:anywhere;color:var(--warm-text);font-size:17px}
.school-admission-print{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;min-height:42px;padding:8px 12px;border:0;border-radius:11px;background:linear-gradient(120deg,var(--warm-accent),color-mix(in srgb,var(--warm-accent) 72%,#302b26));color:#fff;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 5px 12px color-mix(in srgb,var(--warm-accent) 25%,transparent)}
.school-admission-print svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.school-admission-student dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;margin:8px 0 0}
.school-admission-student dl>div{min-width:0;padding:7px 0;border-bottom:1px dashed color-mix(in srgb,var(--warm-line) 78%,transparent)}
.school-admission-student dt{color:var(--warm-muted);font-size:11px}.school-admission-student dd{margin:3px 0 0;overflow-wrap:anywhere;color:var(--warm-text);font-size:13px;font-weight:800}
.school-admission-empty,.school-admission-limit{grid-column:1/-1;margin:0;padding:18px;border:1px dashed var(--warm-line);border-radius:12px;color:var(--warm-muted);text-align:center}
.role-services-panel.is-admission-page{width:100%;max-width:none;min-height:calc(100dvh - 100px);margin:0;padding:clamp(12px,2vw,26px);border:0;border-radius:0;background:var(--warm-bg);box-shadow:none;box-sizing:border-box}
#schoolAdminHome.school-admission-open>.page-heading{display:none}
.school-admission-page{display:grid;align-content:start;gap:16px;width:100%;max-width:1440px;min-height:calc(100dvh - 150px);margin:0 auto;padding:clamp(12px,2vw,24px);border:1px solid var(--warm-line);border-radius:20px;background:var(--warm-surface);box-shadow:0 14px 40px #302b2610;box-sizing:border-box}
.school-admission-page-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:16px 18px;border-radius:16px;background:linear-gradient(120deg,color-mix(in srgb,var(--warm-accent) 14%,var(--warm-surface)),var(--warm-surface));border:1px solid var(--warm-line)}
.school-admission-page-head>div{min-width:0}.school-admission-page-head>div>span{color:var(--warm-accent);font-size:12px;font-weight:900}.school-admission-page-head h2{margin:4px 0;color:var(--warm-text);font-size:clamp(20px,2.2vw,28px)}.school-admission-page-head p{margin:0;overflow-wrap:anywhere;color:var(--warm-muted);line-height:1.8}.school-admission-page-head>strong{padding:9px 13px;border:1px solid color-mix(in srgb,var(--warm-accent) 34%,transparent);border-radius:999px;background:color-mix(in srgb,var(--warm-accent) 12%,transparent);color:var(--warm-accent);white-space:nowrap}
.school-admission-back{min-height:42px;padding:8px 13px;border:1px solid var(--warm-line);border-radius:11px;background:var(--warm-bg);color:var(--warm-text);font:inherit;font-weight:800;cursor:pointer}
.school-admission-page .school-admission-students{max-height:calc(100dvh - 310px);grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.school-admission-students{grid-template-columns:1fr;max-height:60dvh}.school-admission-search{align-items:stretch;flex-direction:column;gap:6px}.school-admission-heading{align-items:flex-start}.school-admission-student dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.school-admission-heading{padding:12px}.school-admission-student{padding:12px}.school-admission-student-title{align-items:flex-start;flex-direction:column}.school-admission-print{width:100%}.school-admission-student dl{grid-template-columns:1fr}}
@media(max-width:760px){.school-admission-tools{grid-template-columns:1fr}.school-admission-bulk{justify-content:stretch}.school-admission-bulk button{flex:1}.role-services-panel.is-admission-page{width:100%;min-height:calc(100dvh - 72px);padding:8px}.school-admission-page{min-height:calc(100dvh - 88px);gap:12px;padding:10px;border-radius:14px}.school-admission-page-head{grid-template-columns:1fr auto;gap:10px;padding:12px}.school-admission-page-head>div{grid-column:1/-1;grid-row:1}.school-admission-page-head>strong{grid-column:2;grid-row:2}.school-admission-back{grid-column:1;grid-row:2}.school-admission-page .school-admission-students{max-height:calc(100dvh - 330px);grid-template-columns:1fr}}
@media(max-width:420px){.school-admission-page-head p{font-size:12px}.school-admission-page .school-admission-students{max-height:calc(100dvh - 360px)}}

/* Student service entry: isolate its layout from the manager and center workspaces. */
#studentHome .student-services-home{display:grid;align-content:start;gap:10px;width:min(1120px,calc(100% - 24px));margin:16px auto;padding:0 0 12px;box-sizing:border-box}
#studentHome .student-services-heading{padding:12px 16px;border:1px solid var(--pc-line);border-radius:16px;background:var(--pc-card);box-shadow:var(--pc-shadow);text-align:right}
#studentHome .student-services-heading h1{margin:0;color:var(--pc-text);font-size:clamp(20px,2.4vw,28px);line-height:1.5}
#studentHome .student-services-heading p{margin:4px 0 0;color:var(--pc-muted);line-height:1.8}
#studentHome .student-services-mount{display:grid;gap:10px;min-width:0;padding:12px;border:1px solid var(--pc-line);border-radius:16px;background:var(--pc-card);box-shadow:var(--pc-shadow)}
#studentHome .student-exam-choice{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;width:min(760px,100%);color:var(--pc-text);font-weight:900}
#studentHome .student-exam-choice select{width:100%;min-width:0;min-height:44px;padding:8px 12px;border:1px solid var(--pc-line);border-radius:10px;background:var(--pc-bg);color:var(--pc-text);font:inherit}
#studentHome .student-services-mount .proctor-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0;margin:0;padding:0;overflow:visible}
#studentHome .student-services-mount .proctor-action{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-width:0;min-height:72px;padding:12px 15px;white-space:normal;overflow-wrap:anywhere;border:1px solid color-mix(in srgb,var(--guide-tone) 38%,var(--pc-line));border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--guide-tone) 18%,var(--pc-card)),color-mix(in srgb,var(--guide-tone) 7%,var(--pc-card)));color:var(--pc-text);box-shadow:0 5px 14px color-mix(in srgb,var(--guide-tone) 12%,transparent);transition:transform .18s,box-shadow .18s}
#studentHome .student-services-mount .proctor-action:hover{transform:translateY(-2px);box-shadow:0 8px 20px color-mix(in srgb,var(--guide-tone) 20%,transparent)}
#studentHome .student-services-mount .proctor-action b{font-size:clamp(13px,1.4vw,16px);line-height:1.55;white-space:normal}
#studentHome .student-services-mount .proctor-action .pa-icon{flex:0 0 44px;width:44px;height:44px;border-radius:13px;background:color-mix(in srgb,var(--guide-tone) 17%,var(--pc-card));color:var(--guide-tone)}
#studentHome .student-services-mount .proctor-action .pa-icon{display:grid;place-items:center}
#studentHome .student-services-mount .proctor-action .pa-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#studentHome .student-exam-choice[hidden]{display:none}
#studentHome .student-inline-service-mount[hidden]{display:none!important}
#studentHome .student-inline-service-mount:not([hidden]){display:block;min-width:0;margin-top:4px}
#studentHome .student-inline-panel{min-width:0;padding:clamp(12px,2vw,22px);border:1px solid var(--warm-line);border-radius:18px;background:linear-gradient(150deg,var(--warm-surface),var(--warm-bg));color:var(--warm-text);box-shadow:0 12px 30px color-mix(in srgb,var(--warm-text) 8%,transparent);animation:student-confirm-in .18s ease-out}
#studentHome .student-inline-panel>header{padding:0 0 12px;border-bottom:1px solid var(--warm-line)}
#studentHome .student-inline-panel>header h2{margin:0;font-size:clamp(17px,2vw,22px);line-height:1.6;color:var(--warm-text)}
#studentHome .student-inline-panel>[data-error]:empty{display:none}
#studentHome .student-inline-panel>[data-error]:not(:empty){margin:10px 0 0;padding:10px 12px;border:1px solid #cd686855;border-radius:10px;background:#c74d4d12;color:var(--warm-text);line-height:1.8}
#studentHome .student-inline-panel>[data-content]{min-width:0;padding-top:10px}
#studentHome .student-inline-panel .student-editable-confirmation{display:grid;gap:7px;margin:0 0 10px}
#studentHome .student-inline-panel .student-editable-confirmation>span{color:var(--warm-muted);font-size:12px;line-height:1.8}
#studentHome .student-inline-panel .student-registration-form{display:grid;gap:8px}
#studentHome .student-inline-panel .student-registration-table-wrap{margin:0}
#studentHome .student-inline-panel .student-registration-footer{padding-top:4px}
#studentHome .student-inline-panel .student-registration-footer [data-save-status]{font-size:13px;line-height:1.8}
#studentHome .student-inline-panel.mana-student-card-dialog{overflow:visible!important}
#studentHome .student-inline-panel.mana-student-card-dialog [data-content]>section{margin:0;padding:0}
#studentHome .student-inline-panel.mana-student-report-dialog>[data-content]{display:block!important;overflow:visible!important}
#studentHome .student-inline-panel.mana-student-report-dialog .mana-student-report-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;width:100%;height:auto;min-height:0;overflow:visible}
#studentHome .student-inline-panel.mana-student-report-dialog .mana-student-report-shell.has-paper{grid-template-columns:minmax(0,1fr)}
#studentHome .student-inline-panel.mana-student-report-dialog [data-report],#studentHome .student-inline-panel.mana-student-report-dialog [data-paper-viewer]{grid-row:auto;height:auto;min-height:0;overflow:visible}
#studentHome .student-inline-panel.mana-student-report-dialog .student-individual-report-frame{height:min(78dvh,820px)!important;min-height:420px!important;max-height:820px!important}
#studentHome .student-inline-panel.mana-student-report-dialog .mana-student-paper{height:auto;min-height:0}
#studentHome .student-inline-panel.mana-student-report-dialog .mana-student-paper-stage{height:min(78dvh,900px);min-height:360px;flex:none}
#studentHome .student-inline-panel.mana-student-report-dialog .mana-student-paper-stage img{height:auto;max-height:100%;object-fit:contain}
.mana-student-report-dialog>[data-content]{display:flex;overflow:hidden!important}
.mana-student-report-dialog .mana-student-report-shell{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);gap:8px;width:100%;height:100%;min-height:0;overflow:hidden}
.mana-student-report-dialog .mana-student-report-shell.has-paper{grid-template-columns:repeat(2,minmax(0,1fr))}
.mana-student-report-dialog .student-report-statistics-notice,.mana-student-report-dialog .mana-student-report-actions{grid-column:1/-1;margin:0}
.mana-student-report-dialog .student-report-statistics-notice{padding:7px 10px;gap:8px}
.mana-student-report-dialog [data-report],.mana-student-report-dialog [data-paper-viewer]{grid-row:3;min-width:0;min-height:0;height:100%;overflow:hidden}
.mana-student-report-dialog [data-paper-viewer][hidden]{display:none!important}
.mana-student-report-dialog .student-individual-report-frame{width:100%;height:100%!important;min-height:0!important;max-height:none!important}
.mana-ops.mana-student-report-dialog section.mana-student-paper{display:flex;flex-direction:column;gap:6px;margin:0;padding:8px;box-sizing:border-box;height:100%;min-height:0;border:1px solid var(--warm-line);border-radius:10px;background:var(--warm-surface)}
.mana-student-report-dialog .mana-student-paper header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0}
.mana-student-report-dialog .mana-student-paper h3{font-size:14px;margin:0}
.mana-student-report-dialog .mana-student-paper header p{display:none}
.mana-student-report-dialog .mana-student-paper-toolbar{flex:none;gap:4px;margin:0}
.mana-student-report-dialog .mana-student-paper-toolbar button,.mana-student-report-dialog .mana-student-paper-toolbar [data-download-paper]{font-size:11px;padding:6px 8px}
.mana-student-report-dialog .mana-student-paper-stage{flex:1;min-height:0;height:auto;padding:5px;box-sizing:border-box;background:var(--warm-raised);overflow:auto}
.mana-student-report-dialog .mana-student-paper-stage img{width:100%;height:100%;object-fit:contain;box-shadow:none}
.mana-student-report-dialog [data-paper-status]:empty{display:none}
@media(max-width:650px){.mana-student-report-dialog .student-report-statistics-notice p{font-size:10px;line-height:1.5}.mana-student-report-dialog .student-report-notice-icon{flex-basis:26px;height:26px}.mana-student-report-dialog .mana-student-report-actions button{font-size:10px;padding:6px}.mana-student-report-dialog .mana-student-paper-toolbar{justify-content:center}.mana-student-report-dialog .mana-student-paper-toolbar button,.mana-student-report-dialog .mana-student-paper-toolbar [data-download-paper]{font-size:9px;padding:4px}.mana-student-report-dialog .mana-student-paper h3{font-size:11px}}
#studentHome .student-services-mount .role-services-error{margin:0;padding:13px;border:1px solid #c94b4b55;border-radius:10px;background:#c94b4b12;color:var(--pc-text);line-height:1.8}
@media(max-width:720px){#studentHome .student-services-home{width:calc(100% - 20px);margin:14px auto}#studentHome .student-services-mount{gap:12px;padding:12px}#studentHome .student-services-mount .proctor-action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#studentHome .student-services-mount .proctor-action{min-height:64px;padding:8px 6px;gap:5px;border-radius:10px}#studentHome .student-services-mount .proctor-action b{font-size:11px;line-height:1.65}#studentHome .student-services-mount .proctor-action .pa-icon{flex-basis:26px;width:26px;height:30px;border-radius:7px}#studentHome .student-services-mount .proctor-action .pa-icon svg{width:20px;height:20px}#studentHome .student-exam-choice{grid-template-columns:1fr;gap:5px}}
@media(max-width:650px){#studentHome .student-inline-panel{padding:11px;border-radius:14px}#studentHome .student-inline-panel>header{align-items:center}#studentHome .student-inline-panel .student-registration-footer{align-items:stretch}#studentHome .student-inline-panel .student-registration-footer button{width:100%}#studentHome .student-inline-panel.mana-student-report-dialog .student-individual-report-frame{height:66dvh!important;min-height:380px!important}#studentHome .student-inline-panel.mana-student-report-dialog .mana-student-paper-stage{height:66dvh;min-height:320px}}
@media(max-width:420px){#studentHome .student-services-heading{padding:13px}#studentHome .student-services-mount{padding:9px;border-radius:12px}}

/* Shared entry and services preserve the separately authorized operational views. */
.workspace-heading{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--warm-line)}
.workspace-heading h2{margin:0 0 6px;font-size:clamp(18px,2.3vw,25px);color:var(--warm-text)}
.workspace-heading p{margin:0;color:var(--warm-muted);line-height:1.8}
.workspace-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.workspace-service-section{display:flex;flex-direction:column;gap:12px;min-width:0;padding:clamp(16px,2.4vw,26px);border:1px solid color-mix(in srgb,var(--workspace-tone) 28%,var(--warm-line));border-top:4px solid var(--workspace-tone);border-radius:18px;background:linear-gradient(150deg,color-mix(in srgb,var(--workspace-tone) 8%,var(--warm-surface)),var(--warm-surface));box-shadow:0 8px 24px color-mix(in srgb,var(--warm-text) 5%,transparent)}
.workspace-service-section h3{margin:0;color:var(--warm-text);font-size:23px;line-height:1.6}.workspace-service-section>p{margin:0 0 8px;color:var(--warm-muted);font-size:13px;line-height:1.9}.workspace-service-section .proctor-management-action{margin-top:auto;width:100%}.workspace-service-section .workspace-access-note{margin-top:auto;padding:12px;border:1px dashed var(--warm-line);border-radius:11px;background:var(--warm-bg)}
.workspace-services .proctor-management-action{min-width:0;min-height:74px;white-space:normal;line-height:1.9;justify-content:flex-start}
.workspace-services button:disabled{opacity:.65;cursor:wait}
.workspace-back{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 13px;margin:0 0 14px;border:1px solid var(--warm-line);border-radius:11px;background:var(--warm-raised);color:var(--warm-text);font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.proctor-topbar-controls .workspace-back,.grader-account~.workspace-back,[data-grader-workbench] .workspace-back{margin:0}
@media(max-width:650px){.workspace-services{grid-template-columns:1fr;gap:16px}.workspace-services .proctor-management-action{min-height:86px}}

#app .workspace-services .proctor-management-action{padding:14px 16px;border-radius:12px;background:linear-gradient(120deg,color-mix(in srgb,var(--workspace-tone) 15%,var(--warm-surface)),color-mix(in srgb,var(--workspace-tone) 7%,var(--warm-surface)));border:1px solid color-mix(in srgb,var(--workspace-tone) 35%,var(--warm-line));color:var(--warm-text);transition:transform .16s ease,box-shadow .16s ease}
#app .workspace-services .proctor-management-action:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px color-mix(in srgb,var(--workspace-tone) 16%,transparent)}

/* The printed report template is unchanged; analysis belongs to its host panel. */
.student-report-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;min-height:0;height:100%;grid-row:3;overflow:hidden}
.mana-student-report-dialog .student-report-workspace>[data-report]{grid-row:auto;height:100%;min-width:0}
.student-report-analysis{padding:16px;border:1px solid var(--warm-line);border-radius:14px;background:var(--warm-surface);overflow:auto;min-height:0;color:var(--warm-text);font-size:12px;line-height:1.9}
.student-report-analysis section+section{border-top:1px solid var(--warm-line);margin-top:16px;padding-top:12px}.student-report-analysis h3{font-size:14px;margin:0 0 8px}.student-report-analysis p{margin:8px 0}.student-report-analysis strong{display:block;color:var(--warm-accent)}.student-report-analysis ol{padding-right:20px;margin:0}.student-report-analysis li+li{margin-top:9px}.student-report-view-tabs{display:none}
@media(max-width:950px){.student-report-workspace{grid-template-columns:minmax(0,1fr);grid-row:3}.mana-student-report-dialog .mana-student-report-shell{grid-template-rows:auto auto minmax(0,1fr)}.mana-student-report-dialog [data-paper-viewer]{grid-row:4}}

.mana-student-report-shell.has-paper .student-report-workspace{grid-template-columns:minmax(0,1fr)}
.mana-student-report-shell.has-paper .student-report-analysis{display:none}
@media(max-width:950px){.mana-student-report-dialog .mana-student-report-shell.has-paper{grid-template-columns:minmax(0,1fr)!important}.mana-student-report-shell.has-paper .student-report-workspace{display:none}.mana-student-report-shell.has-paper [data-paper-viewer]{grid-column:1;grid-row:4}}

#studentHome .student-inline-panel.mana-student-report-dialog .mana-student-report-shell{max-width:none}
#studentHome .student-inline-panel.mana-student-report-dialog .student-report-workspace{grid-row:3;height:min(78dvh,820px)}
#studentHome .student-inline-panel.mana-student-report-dialog .student-report-workspace>[data-report]{grid-row:auto;height:100%;overflow:hidden}
@media(min-width:951px){#studentHome .student-inline-panel.mana-student-report-dialog .mana-student-report-shell.has-paper{grid-template-columns:repeat(2,minmax(0,1fr))}#studentHome .student-inline-panel.mana-student-report-dialog [data-paper-viewer]{grid-row:3}}
@media(max-width:950px){#studentHome .student-inline-panel.mana-student-report-dialog .student-report-workspace{grid-row:4}#studentHome .student-inline-panel.mana-student-report-dialog [data-paper-viewer]{grid-row:4}}

.mana-student-report-dialog .student-report-statistics-notice[hidden]{display:none!important}

/* Compact school services, using the shell theme in both modes. */
.school-service-title{font-size:clamp(20px,2vw,28px);margin:0 0 8px;color:var(--warm-text)}
#schoolAdminServices .school-roster-upload-box{width:min(100%,920px);max-width:100%;margin:20px auto 0;padding:20px;box-sizing:border-box;border:1px solid var(--warm-line,#dfcdbb);border-radius:22px;background:var(--warm-surface,#fffaf5);box-shadow:0 10px 30px #58371d0a;overflow:hidden}
.school-roster-upload-head{display:flex;align-items:center;gap:12px}.school-roster-upload-head h2{margin:0;font-size:20px}.school-roster-upload-head p{margin:5px 0;font-size:13px}.school-roster-upload-head [data-close-roster]{margin-inline-start:auto;min-width:40px;min-height:40px;border-radius:12px;background:#d94949;color:#fff;font-size:24px;border:0}
#schoolAdminServices .school-roster-upload-box form[data-upload]{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(200px,1.3fr);gap:12px;margin-top:16px}
#schoolAdminServices .school-roster-upload-box form[hidden],.school-roster-upload-box [hidden]{display:none!important}
.school-roster-upload-box label{min-width:0;display:grid;gap:7px;font-size:13px;font-weight:700}.school-roster-upload-box input,.school-roster-upload-box select{width:100%;min-width:0;box-sizing:border-box;min-height:44px;font:inherit;border:1px solid var(--warm-line,#dfcdbb);border-radius:12px;padding:10px;background:var(--warm-bg,var(--warm-surface,#fffaf5));color:inherit}
.school-roster-methods,.school-roster-choice{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.school-roster-methods button,.school-roster-choice button{flex:0 1 auto;min-height:44px;padding:10px 17px;border:1px solid var(--warm-line,#dfcdbb);border-radius:12px;font:inherit;font-size:13px;font-weight:800;color:inherit;background:var(--warm-surface,#f7ede3);cursor:pointer}.school-roster-methods [aria-pressed=true],.school-roster-choice [aria-pressed=true]{background:linear-gradient(115deg,#ae4b24,#d67c4d);color:white;border-color:#be6036}.school-roster-summary{display:flex;align-items:center;gap:10px;margin-top:14px}.school-roster-summary strong{font-size:26px;color:var(--warm-accent,#b7592d)}.school-roster-summary span{font-size:13px}.school-roster-submit{grid-column:1/-1;min-height:44px;padding:10px 20px;border-radius:12px;border:0;background:linear-gradient(110deg,#ac4824,#d77b4e);color:#fff;font:inherit;font-weight:800;cursor:pointer}.school-roster-manual-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.school-roster-table-wrap{overflow:auto;max-height:420px;margin-top:16px}.school-roster-table-wrap table{border-collapse:collapse;width:100%;font-size:13px}.school-roster-table-wrap th{background:#287d72;color:white}.school-roster-table-wrap th,.school-roster-table-wrap td{padding:12px;border-bottom:1px solid var(--warm-line,#dfcdbb)}
.school-roster-status:empty,.school-roster-error:empty{display:none}.school-roster-file-control{min-width:0}.school-roster-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-report-page{width:100%;min-width:0}.role-reports-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.role-reports-heading h2{font-size:20px}.role-reports-heading button{font:inherit;border:1px solid var(--warm-line,#dfcdbb);background:var(--warm-surface,#fffaf5);color:inherit;padding:10px 16px;border-radius:12px}.is-report-page .role-report-frame{display:block;width:100%;min-height:80dvh;border:0;background:transparent}
@media(max-width:600px){#schoolAdminServices .school-roster-upload-box{padding:14px;border-radius:16px}#schoolAdminServices .school-roster-upload-box form[data-upload]{grid-template-columns:minmax(0,1fr)}.school-roster-manual-fields{grid-template-columns:minmax(0,1fr)}.school-roster-methods button{padding:10px 12px}.school-roster-upload-head h2{font-size:17px}}

#schoolAdminServices .school-roster-upload-box form[data-manual]{display:block}.school-roster-upload-box [data-manual] .school-roster-submit{width:100%}

#schoolAdminServices .school-roster-upload-box{gap:12px}.school-roster-upload-box .school-roster-choice,.school-roster-upload-box .school-roster-methods,.school-roster-upload-box .school-roster-summary{margin-top:0}.school-roster-upload-box .school-roster-summary{margin-inline-start:auto;font-size:12px}.school-roster-upload-box .school-roster-summary strong{font-size:22px}.school-roster-upload-box .school-roster-summary span{font-size:12px}.school-roster-upload-box .school-roster-manual-fields{margin-top:0}

/* School upload mirrors the manager's reference card and roster directory. */
#schoolAdminServices .school-roster-upload-box{width:min(100%,1000px);padding:22px 24px;gap:14px;background:var(--warm-surface);border-radius:22px;color:var(--warm-text)}
.school-roster-upload-box .school-roster-upload-head{padding-bottom:16px;border-bottom:1px solid var(--warm-line);gap:18px}.school-roster-upload-box .school-roster-upload-head h2{font-family:"B Titr","ManaUI",sans-serif;font-size:clamp(20px,2vw,27px);flex:1}.school-roster-upload-box .school-roster-upload-head [data-roster-back]{min-width:120px;min-height:42px;padding:9px 15px;background:var(--warm-raised);color:var(--warm-text);border:1px solid var(--warm-line);border-radius:14px;font:inherit;font-weight:800}.school-roster-upload-box .school-roster-upload-head [data-close-roster]{margin:0;flex:0 0 52px;min-height:54px;font-size:44px;font-weight:900;border-radius:15px;background:linear-gradient(145deg,#ff6a64,#ce071b);box-shadow:0 6px 14px #d1283345}
.school-roster-upload-box .school-roster-choice{padding:0;border:0;background:none;margin:0;gap:8px}.school-roster-reference-card{position:relative;min-width:0;padding:26px 20px 20px;border:1px solid var(--warm-line);border-radius:25px;background:linear-gradient(135deg,color-mix(in srgb,var(--warm-raised) 96%,#e4b187),color-mix(in srgb,var(--warm-surface) 65%,#e3d0be));overflow:hidden}.school-roster-reference-line{position:absolute;top:13px;right:20px;left:20px;height:5px;border-radius:5px;background:linear-gradient(90deg,#a9441f,#dc9867)}.school-roster-reference-title{display:flex;align-items:center;gap:16px;padding:0 0 20px;border-bottom:1px solid var(--warm-line)}.school-roster-reference-title h3{font-family:"B Titr","ManaUI",sans-serif;font-size:23px;margin:0}.school-roster-reference-title>span{display:grid;place-items:center;width:50px;height:50px;flex:0 0 50px;border:1px solid #dfb796;border-radius:10px;color:#a64d27;background:color-mix(in srgb,var(--warm-raised) 80%,#edc8a6)}.school-roster-reference-title svg,.school-roster-reference-actions svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.school-roster-reference-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(100%,570px);margin:13px 0 16px}.school-roster-reference-stats>div{min-width:0;min-height:82px;display:flex;align-items:center;justify-content:center;gap:18px;padding:12px;border:1px solid #dfc5af;border-radius:17px;background:color-mix(in srgb,var(--warm-surface) 60%,transparent);text-align:center}.school-roster-reference-stats strong{font-size:23px;color:var(--warm-accent);overflow-wrap:anywhere}.school-roster-reference-stats span{font-size:14px;color:var(--warm-muted)}.school-roster-reference-stats>div:nth-child(2){flex-direction:column;gap:4px}.school-roster-reference-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.school-roster-reference-actions button{display:flex;align-items:center;justify-content:center;gap:18px;min-width:0;min-height:84px;padding:13px;border:1px solid var(--warm-line);border-radius:17px;font:inherit;font-weight:900;line-height:1.8;cursor:pointer;background:var(--warm-raised);color:var(--warm-text);text-align:center}.school-roster-reference-actions button:first-child{background:linear-gradient(115deg,#af4822,#d0784a);color:#fff;border-color:#b6572e;box-shadow:0 7px 18px #a94e2524}.school-roster-reference-hint{background:var(--warm-surface);border:1px solid var(--warm-line);padding:17px 20px;border-radius:16px;font-size:14px;line-height:1.9;margin:14px 0 0!important;color:var(--warm-muted)}
.school-roster-list-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:13px;border:1px solid var(--warm-line);border-radius:12px;background:var(--warm-surface);box-shadow:0 5px 16px #513d2d0b}.school-roster-list-toolbar>strong{font-size:14px}.school-roster-list-metrics{display:flex;gap:6px;flex:1 1 440px}.school-roster-list-metrics>div{flex:1;min-width:0;padding:7px;text-align:center;border:1px solid var(--warm-line);border-radius:8px;background:#ecdfd0;display:grid;gap:4px}.school-roster-list-metrics>div:nth-child(even){background:#dfebdb}.school-roster-list-metrics span{font-size:10px;color:#5d554b}.school-roster-list-metrics strong{font-size:16px;color:#665545}.school-roster-list-toolbar button{min-height:38px;border:1px solid var(--warm-line);padding:8px 13px;font:inherit;font-size:12px;font-weight:800;color:var(--warm-text);background:var(--warm-raised)}.school-roster-list-toolbar [data-roster-tab=manual]{background:#ad4823;color:#fff}.school-roster-list-toolbar [data-list-count]{font-size:12px;color:var(--warm-muted)}.school-roster-upload-box .school-roster-table-wrap{max-height:520px;border:1px solid var(--warm-line);border-radius:12px;background:var(--warm-surface);margin-top:14px}.school-roster-upload-box .school-roster-table-wrap th{background:#287c72;color:#fff;position:sticky;top:0;min-width:75px;font-size:12px}.school-roster-upload-box .school-roster-table-wrap th input{display:block;width:30px;min-height:29px;height:29px;margin:7px auto 0;padding:3px;border:1px solid #99c5ba;border-radius:5px;background:#ffffff12;color:white;text-align:center}.school-roster-upload-box .school-roster-table-wrap th input:focus{width:120px;background:#fff;color:#254c42}.school-roster-table-wrap th input::placeholder{color:#fff}.school-roster-upload-box .school-roster-table-wrap td{font-size:12px;white-space:nowrap}.school-roster-upload-box [data-manual]{margin-top:14px;padding:18px;border:1px solid var(--warm-line);border-radius:16px;background:var(--warm-raised)}.school-roster-upload-box [data-manual] h3{margin:0 0 14px;font-size:18px}.school-roster-upload-box .school-roster-manual-fields{margin-top:0}
html[data-theme=dark] .school-roster-list-metrics>div{background:#58483b}html[data-theme=dark] .school-roster-list-metrics>div:nth-child(even){background:#3d5144}html[data-theme=dark] .school-roster-list-metrics strong,html[data-theme=dark] .school-roster-list-metrics span{color:#f4e8d8}
@media(max-width:600px){#schoolAdminServices .school-roster-upload-box{padding:14px}.school-roster-upload-box .school-roster-upload-head{gap:10px;flex-wrap:wrap}.school-roster-upload-box .school-roster-upload-head h2{flex-basis:100%;font-size:21px}.school-roster-upload-box .school-roster-upload-head [data-roster-back]{margin-inline-start:auto;min-width:90px}.school-roster-upload-box .school-roster-upload-head [data-close-roster]{flex-basis:43px;min-height:43px;font-size:33px}.school-roster-reference-card{padding:25px 12px 14px}.school-roster-reference-title{gap:10px;padding-bottom:13px}.school-roster-reference-title h3{font-size:19px}.school-roster-reference-title>span{width:42px;height:42px;flex-basis:42px}.school-roster-reference-stats{gap:8px;margin:12px 0}.school-roster-reference-stats>div{padding:8px;gap:8px;min-height:78px}.school-roster-reference-stats strong{font-size:18px}.school-roster-reference-stats span{font-size:12px}.school-roster-reference-actions{gap:7px}.school-roster-reference-actions button{flex-direction:column;gap:6px;min-height:104px;padding:9px 5px;border-radius:12px;font-size:11px}.school-roster-reference-actions svg{width:20px;height:20px}.school-roster-reference-hint{padding:12px;font-size:12px}.school-roster-list-metrics{flex-basis:100%;order:2;flex-wrap:wrap}.school-roster-list-metrics>div{flex:1 1 calc(50% - 6px)}.school-roster-list-toolbar [data-list-count]{order:3}.school-roster-list-toolbar [data-roster-tab=manual],.school-roster-list-toolbar [data-clear-roster-filters]{order:4}.school-roster-upload-box [data-manual]{padding:12px}}

#schoolAdminServices .school-roster-upload-box{grid-template-columns:minmax(0,1fr)}.school-roster-upload-box [data-roster-list]{min-width:0;max-width:100%;width:100%}.school-roster-upload-box .school-roster-table-wrap{min-width:0;max-width:100%;width:100%;box-sizing:border-box;overflow:auto}.school-roster-list-toolbar,.school-roster-list-metrics{min-width:0;max-width:100%}

.school-roster-list-pager{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:12px}.school-roster-list-pager button{font:inherit;padding:8px 15px;border:1px solid var(--warm-line);border-radius:10px;background:var(--warm-raised);color:var(--warm-text)}.school-roster-list-pager button:disabled{opacity:.45}

#schoolAdminServices .school-roster-upload-box.is-list-view{width:100%;max-width:100%}#schoolAdminServices .school-roster-upload-box .school-roster-table-wrap th{background:#287c72!important;color:#fff!important}#schoolAdminServices .school-roster-upload-box .school-roster-table-wrap th input{background:#ffffff15!important;color:#fff!important;border-color:#a9cfc3!important}#schoolAdminServices .school-roster-upload-box .school-roster-table-wrap th input:focus{background:#fff!important;color:#254c42!important}#schoolAdminServices .school-roster-upload-box .school-roster-table-wrap th input::placeholder{color:#fff!important}
#globalNoticeBar .server-notice{padding:12px 15px;margin:8px 0;border:1px solid #b9d1de;border-right:5px solid #377da6;border-radius:12px;background:#eef6fb;color:#244b65;text-align:right}
.server-notice>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.server-notice strong{font-size:16px}.server-notice p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.9;margin:7px 0}.server-notice small{font-size:11px}.server-notice footer{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px}.server-notice button,.server-notice a,.server-notice-dialog-actions button{padding:7px 12px;border:1px solid currentColor;border-radius:8px;color:inherit;background:#ffffff80;font:inherit;cursor:pointer;text-decoration:none}.server-notice[data-kind=success]{background:#eaf6ee!important;border-color:#308c72!important;color:#245b4b!important}.server-notice[data-kind=warning]{background:#fff3df!important;border-color:#be8a35!important;color:#715021!important}.server-notice[data-kind=danger]{background:#fbedeb!important;border-color:#b86253!important;color:#793c32!important}
.server-notice-overlay{position:fixed;inset:0;z-index:2147482000;background:#172a3c99;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;direction:rtl}.server-notice-overlay>section{width:min(660px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:#fffdf8;border-radius:18px;border:1px solid #ddcdb9;padding:20px;box-sizing:border-box;box-shadow:0 20px 80px #152a3b55}.server-notice-overlay .server-notice{border-right:5px solid #397f9e;border-radius:12px;padding:15px;background:#eef5fa;color:#244b65}.server-notice-dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:16px}.server-notice-dialog-actions button:first-child{background:#1e8171;color:#fff;border-color:#1e8171}.server-notice-overlay [role=alert]{font-size:13px;color:#a44435}#globalNoticeBar details>summary{padding:9px;cursor:pointer;font-size:13px}
@media(max-width:520px){#globalNoticeBar .server-notice{padding:10px}.server-notice>header{flex-wrap:wrap;gap:5px}.server-notice strong{font-size:15px}.server-notice-overlay>section{padding:12px}.server-notice p{font-size:13px}}

.server-notice-overlay{z-index:2147483600}.server-notice-overlay>section{border-top:5px solid #c28a35}.server-notice-overlay .server-notice>header:before{content:"!";display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#fff0ce;color:#946114;font-size:24px;font-weight:900}

/* Reports occupy the service page rather than a padded nested card. */
:is(#teacherHome,#schoolAdminHome):has(.is-report-page)>.page-heading{display:none}
:is(#teacherServices,#schoolAdminServices).is-report-page{max-width:none;width:100%;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}
.is-report-page>.workspace-home-button{margin:0 0 6px}.role-reports-heading{gap:8px;margin-block:4px}.role-reports-heading h2{font-size:17px;margin:4px 0}.is-report-page .role-report-frame{height:auto;min-height:300px;overflow:hidden}
/* Center the copyright and rights statement together as one footer. */
#manaLoginScreen .mana-login-footer{position:relative;display:flex;direction:rtl;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 6px;text-align:center}
#manaLoginScreen .mana-login-footer .mana-login-copyright{direction:ltr;unicode-bidi:isolate}
#manaLoginScreen .mana-login-footer .mana-login-rights{min-width:0;max-width:100%;text-align:center;white-space:normal}
.mana-impersonation-banner{position:fixed;z-index:2147483647;top:8px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:8px 12px;border:1px solid #d3a557;border-radius:12px;background:#fff6df;color:#634716;box-shadow:0 5px 20px #4937132e;font:700 11px/1.8 Vazirmatn,ManaUI,sans-serif}
.mana-impersonation-banner span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mana-impersonation-banner button{flex:none;border:0;border-radius:8px;padding:6px 10px;background:#9a642f;color:#fff;font:700 11px/1.7 Vazirmatn,ManaUI,sans-serif;cursor:pointer}.mana-impersonation-banner button:disabled{opacity:.65;cursor:wait}.mana-impersonation-banner small{max-width:180px;color:#9c331f}
html[data-theme=dark] .mana-impersonation-banner{background:#403620;border-color:#8a6e3c;color:#f4e2b4}html[data-theme=dark] .mana-impersonation-banner button{background:#be8c49;color:#17130b}
@media(max-width:560px){.mana-impersonation-banner{top:5px;gap:6px;padding:6px 8px;font-size:10px}.mana-impersonation-banner button{padding:5px 7px;font-size:10px}.mana-impersonation-banner small{display:none}}