@import '_content/TutorPack.UI/TutorPack.UI.uy3irvbiov.bundle.scp.css';

/* /Components/Layout/LoginLayout.razor.rz.scp.css */
.login-shell[b-z78rnle15j] {
    min-height: 100dvh;
    padding: 28px;
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at 12% 8%, rgba(69, 132, 190, .14), transparent 32%),
        radial-gradient(circle at 88% 90%, rgba(20, 122, 101, .1), transparent 28%),
        var(--background);
}

@media (max-width: 720px) {
    .login-shell[b-z78rnle15j] {
        padding: 14px;
        place-items: start center;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.admin-shell[b-bw5wmrm6qh] { min-height:100dvh }
.admin-app-bar[b-bw5wmrm6qh] { position:sticky;top:0;z-index:50;height:72px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);box-shadow:0 3px 18px rgba(27,64,101,.06);backdrop-filter:blur(18px) }
.app-bar-inner[b-bw5wmrm6qh] { width:min(100% - 40px,1180px);height:100%;margin:0 auto;display:flex;align-items:center;gap:28px }
.admin-brand[b-bw5wmrm6qh] { min-width:210px;display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none }
.admin-brand img[b-bw5wmrm6qh] { width:46px;height:46px;border-radius:14px;box-shadow:0 8px 20px rgba(18,73,137,.18) }
.admin-brand span[b-bw5wmrm6qh] { display:grid;gap:1px }
.admin-brand strong[b-bw5wmrm6qh] { font-size:1.08rem;font-weight:750;letter-spacing:-.025em }
.admin-brand small[b-bw5wmrm6qh] { color:var(--muted);font-size:.68rem }
.logout-form[b-bw5wmrm6qh] { margin-left:auto }
.icon-button[b-bw5wmrm6qh] { width:44px;height:44px;padding:0;display:grid;place-items:center;color:#526477;background:transparent;border:0;border-radius:50%;cursor:pointer;transition:color .16s,background .16s }
.icon-button:hover[b-bw5wmrm6qh] { color:var(--primary);background:var(--primary-soft) }
.icon-button:focus-visible[b-bw5wmrm6qh] { outline:3px solid rgba(18,91,162,.2);outline-offset:2px }
.icon-button[b-bw5wmrm6qh]  svg { width:23px;height:23px }
.admin-main[b-bw5wmrm6qh] { min-height:calc(100dvh - 72px) }
.admin-content[b-bw5wmrm6qh] { width:min(100% - 40px,1060px);margin:0 auto;padding:54px 0 124px }
#blazor-error-ui[b-bw5wmrm6qh] { position:fixed;z-index:1000;right:18px;bottom:18px;left:18px;display:none;max-width:560px;margin:auto;padding:15px 48px 15px 18px;color:#6f2c36;background:#fff4f5;border:1px solid #f3ccd2;border-radius:16px;box-shadow:var(--shadow) }
#blazor-error-ui .reload[b-bw5wmrm6qh] { margin-left:8px;color:#a73547;font-weight:700 }
#blazor-error-ui .dismiss[b-bw5wmrm6qh] { position:absolute;top:8px;right:13px;padding:4px;font-size:1.4rem;cursor:pointer }

@media (max-width:720px) {
    .admin-app-bar[b-bw5wmrm6qh] { height:64px }
    .app-bar-inner[b-bw5wmrm6qh] { width:calc(100% - 28px) }
    .admin-brand[b-bw5wmrm6qh] { min-width:0 }
    .admin-brand img[b-bw5wmrm6qh] { width:42px;height:42px;border-radius:13px }
    .admin-brand strong[b-bw5wmrm6qh] { font-size:1rem }
    .admin-brand small[b-bw5wmrm6qh] { display:none }
    .admin-main[b-bw5wmrm6qh] { min-height:calc(100dvh - 64px) }
    .admin-content[b-bw5wmrm6qh] { width:calc(100% - 28px);padding:34px 0 118px }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.admin-nav[b-ewu630lwtq] { position:fixed;z-index:60;left:50%;bottom:max(16px,env(safe-area-inset-bottom));width:min(calc(100% - 32px),360px);height:72px;padding:7px;display:flex;align-items:center;gap:4px;transform:translateX(-50%);background:rgba(255,255,255,.96);border:1px solid rgba(210,222,236,.95);border-radius:26px;box-shadow:0 14px 38px rgba(27,61,99,.18);backdrop-filter:blur(18px) }
.admin-nav[b-ewu630lwtq]  a { min-width:0;height:58px;padding:6px;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#617286;border-radius:20px;font-size:.66rem;font-weight:650;letter-spacing:.01em;text-decoration:none;transition:color .16s,background .16s }
.admin-nav[b-ewu630lwtq]  a:hover { color:var(--primary);background:#f0f5fb }
.admin-nav[b-ewu630lwtq]  a.active { color:var(--primary);background:var(--primary-soft) }
.admin-nav[b-ewu630lwtq]  svg { width:23px;height:23px }

@media (max-width:720px) {
    .admin-nav[b-ewu630lwtq] { bottom:max(10px,env(safe-area-inset-bottom));width:calc(100% - 24px);height:68px;border-radius:23px }
    .admin-nav[b-ewu630lwtq]  a { height:54px;border-radius:17px;font-size:.64rem }
    .admin-nav[b-ewu630lwtq]  svg { width:22px;height:22px }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-5k1bax9sy6],
.components-reconnect-repeated-attempt-visible[b-5k1bax9sy6],
.components-reconnect-failed-visible[b-5k1bax9sy6],
.components-pause-visible[b-5k1bax9sy6],
.components-resume-failed-visible[b-5k1bax9sy6],
.components-rejoining-animation[b-5k1bax9sy6] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-5k1bax9sy6],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-5k1bax9sy6],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-5k1bax9sy6],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-5k1bax9sy6],
#components-reconnect-modal.components-reconnect-retrying[b-5k1bax9sy6],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-5k1bax9sy6],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-5k1bax9sy6],
#components-reconnect-modal.components-reconnect-failed[b-5k1bax9sy6],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-5k1bax9sy6] {
    display: block;
}


#components-reconnect-modal[b-5k1bax9sy6] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-5k1bax9sy6 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-5k1bax9sy6 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-5k1bax9sy6 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-5k1bax9sy6]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-5k1bax9sy6 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-5k1bax9sy6 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-5k1bax9sy6 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-5k1bax9sy6 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-5k1bax9sy6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-5k1bax9sy6] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-5k1bax9sy6] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-5k1bax9sy6] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-5k1bax9sy6] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-5k1bax9sy6] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-5k1bax9sy6] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-5k1bax9sy6 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-5k1bax9sy6] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-5k1bax9sy6 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-card[b-olxxn3k5ga] { width:min(100%,980px);padding:16px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:16px;background:rgba(255,255,255,.76);border:1px solid rgba(211,223,236,.95);border-radius:36px;box-shadow:0 28px 84px rgba(24,61,99,.16);backdrop-filter:blur(20px) }
.login-brand-panel[b-olxxn3k5ga] { position:relative;min-height:540px;padding:38px;overflow:hidden;display:flex;flex-direction:column;color:#1c2b39;background:linear-gradient(145deg,#f8fafc 0%,#edf3f8 52%,#e1ebf4 100%);border-radius:27px }
.login-brand-panel[b-olxxn3k5ga]::before { content:"";position:absolute;width:330px;height:330px;right:-170px;top:-150px;background:rgba(159,190,218,.2);border:1px solid rgba(119,158,192,.12);border-radius:50% }
.login-brand[b-olxxn3k5ga] { position:relative;z-index:1;display:flex;align-items:center;gap:14px }
.login-brand img[b-olxxn3k5ga] { width:66px;height:66px;border-radius:20px;box-shadow:0 12px 28px rgba(31,67,101,.16) }
.login-brand div[b-olxxn3k5ga] { display:grid }
.login-brand strong[b-olxxn3k5ga] { font-size:1.35rem;font-weight:750;letter-spacing:-.03em }
.login-brand span[b-olxxn3k5ga] { color:#70808f;font-size:.72rem }
.login-copy[b-olxxn3k5ga] { position:relative;z-index:1;margin:auto 0 }
.login-kicker[b-olxxn3k5ga] { padding:7px 11px;display:inline-flex;align-items:center;gap:7px;color:#426887;background:rgba(255,255,255,.72);border:1px solid rgba(166,188,207,.34);border-radius:999px;font-size:.66rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase }
.login-kicker[b-olxxn3k5ga]  svg { width:16px;height:16px }
.login-copy h1[b-olxxn3k5ga] { margin:21px 0 0;font-size:clamp(2.8rem,5vw,4.2rem);line-height:.98;letter-spacing:-.055em }
.login-copy h1 span[b-olxxn3k5ga] { color:#4d7393 }
.login-copy p[b-olxxn3k5ga] { max-width:470px;margin:23px 0 0;color:#647586;font-size:.94rem;line-height:1.65 }
.login-form-panel[b-olxxn3k5ga] { padding:40px 30px;display:flex;flex-direction:column;justify-content:center;background:#fff;border:1px solid #e7edf4;border-radius:27px;box-shadow:0 12px 34px rgba(25,62,99,.07) }
.login-form-panel h2[b-olxxn3k5ga] { margin-bottom:12px;font-size:1.9rem;line-height:1.08;letter-spacing:-.04em }
.login-lead[b-olxxn3k5ga] { margin-bottom:25px;color:var(--muted);font-size:.82rem;line-height:1.55 }
.login-form-panel .result-card[b-olxxn3k5ga] { margin-bottom:19px }
.login-form[b-olxxn3k5ga] { display:grid;gap:18px }
.login-form[b-olxxn3k5ga]  .tp-button { width:100%;min-height:54px }

@media (max-width:720px) {
    .login-card[b-olxxn3k5ga] { display:block;padding:9px;border-radius:29px }
    .login-brand-panel[b-olxxn3k5ga] { min-height:auto;padding:26px 22px 29px;border-radius:22px }
    .login-brand img[b-olxxn3k5ga] { width:54px;height:54px;border-radius:17px }
    .login-brand strong[b-olxxn3k5ga] { font-size:1.15rem }
    .login-copy[b-olxxn3k5ga] { margin-top:38px }
    .login-copy h1[b-olxxn3k5ga] { font-size:2.45rem }
    .login-copy p[b-olxxn3k5ga] { margin-top:17px;font-size:.84rem }
    .login-form-panel[b-olxxn3k5ga] { padding:28px 15px 18px;background:transparent;border:0;box-shadow:none }
    .login-form-panel h2[b-olxxn3k5ga] { font-size:1.65rem }
}
/* /Components/Pages/StudentStatistics.razor.rz.scp.css */
.statistics-layout[b-yt59c8165p] { height:clamp(560px,calc(100dvh - 310px),720px);min-height:560px;display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow) }
.group-master[b-yt59c8165p] { min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);border-right:1px solid var(--line) }
.group-master-heading[b-yt59c8165p] { padding:22px 20px 16px;display:grid;gap:16px;border-bottom:1px solid var(--line) }
.group-master-heading > div[b-yt59c8165p] { display:flex;align-items:baseline;justify-content:space-between;gap:12px }
.group-master-heading h2[b-yt59c8165p] { margin:0;font-size:1.15rem }
.group-master-heading span[b-yt59c8165p] { color:var(--muted);font-size:.72rem;font-weight:650 }
.group-search[b-yt59c8165p] { min-height:48px;padding:0 13px;display:flex;align-items:center;gap:9px;background:#f5f8fb;border:1px solid #d4dfe9;border-radius:14px }
.group-search:focus-within[b-yt59c8165p] { border-color:var(--primary);box-shadow:0 0 0 3px rgba(18,91,162,.1) }
.group-search[b-yt59c8165p]  svg { width:19px;height:19px;flex:0 0 19px;color:var(--muted) }
.group-search input[b-yt59c8165p] { min-width:0;width:100%;height:44px;padding:0;background:transparent;border:0;outline:0;font-size:.8rem }
.group-list[b-yt59c8165p] { min-height:0;padding:8px;overflow:auto;scrollbar-gutter:stable }
.group-row[b-yt59c8165p] { position:relative;width:100%;min-height:56px;padding:8px 10px 8px 13px;display:grid;grid-template-columns:minmax(0,1fr) 42px 20px;align-items:center;gap:10px;color:var(--ink);text-align:left;background:transparent;border:0;border-radius:14px;cursor:pointer }
.group-row:hover[b-yt59c8165p] { background:#f3f7fb }
.group-row:focus-visible[b-yt59c8165p] { outline:3px solid rgba(18,91,162,.2);outline-offset:-2px }
.group-row.selected[b-yt59c8165p] { color:var(--primary-strong);background:linear-gradient(90deg,#dceafb 0%,#e8f1fc 100%) }
.group-row.selected[b-yt59c8165p]::before { position:absolute;top:12px;bottom:12px;left:0;width:4px;content:"";background:var(--primary);border-radius:0 4px 4px 0 }
.group-name[b-yt59c8165p] { overflow:hidden;font-size:.84rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap }
.group-count[b-yt59c8165p] { width:42px;height:30px;display:grid;place-items:center;color:#52677a;background:#eaf0f5;border:1px solid transparent;border-radius:999px;font-size:.7rem;font-variant-numeric:tabular-nums;font-weight:800;pointer-events:none }
.group-row.selected .group-count[b-yt59c8165p] { color:#fff;background:var(--primary) }
.group-row[b-yt59c8165p]  svg { width:18px;height:18px;color:#8190a0 }
.no-groups[b-yt59c8165p] { padding:30px 18px;color:var(--muted);font-size:.78rem;text-align:center }
.statistics-detail[b-yt59c8165p] { min-width:0;min-height:0;padding:24px;display:grid;grid-template-rows:auto minmax(0,1fr);align-content:start;gap:18px;overflow:hidden;background:linear-gradient(145deg,#fff 0%,#fbfdff 58%,#f4f8fd 100%) }
.detail-heading[b-yt59c8165p] { min-height:82px;padding:14px 16px 14px 18px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;background:rgba(255,255,255,.88);border:1px solid #e1e9f2;border-radius:20px;box-shadow:0 8px 24px rgba(28,65,102,.055) }
.detail-heading > div > span[b-yt59c8165p] { color:var(--muted);font-size:.66rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase }
.detail-heading h2[b-yt59c8165p] { margin:2px 0 0;font-size:1.45rem;letter-spacing:-.03em }
.detail-count[b-yt59c8165p] { min-width:108px;min-height:58px;padding:7px 15px;display:grid;place-items:center;align-content:center;color:#fff;background:linear-gradient(145deg,var(--primary),#287bbd);border-radius:17px;box-shadow:0 9px 20px rgba(18,91,159,.18);line-height:1 }
.detail-count strong[b-yt59c8165p] { font-size:1.18rem;font-variant-numeric:tabular-nums;font-weight:850 }
.detail-count span[b-yt59c8165p] { margin-top:4px;font-size:.61rem;font-weight:700;letter-spacing:.035em;opacity:.88 }
.detail-back[b-yt59c8165p] { display:none }
.student-list[b-yt59c8165p] { min-height:0;padding:2px 4px 2px 0;display:grid;align-content:start;gap:9px;overflow:auto;scrollbar-gutter:stable }
.student-row[b-yt59c8165p] { min-height:68px;padding:9px 12px;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.86);border:1px solid #e2e9f0;border-radius:16px;transition:border-color .16s,box-shadow .16s,transform .16s }
.student-row:hover[b-yt59c8165p] { border-color:#cddbe8;box-shadow:0 7px 18px rgba(28,65,102,.07);transform:translateY(-1px) }
.student-avatar[b-yt59c8165p] { position:relative;width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;overflow:hidden;color:var(--primary);background:linear-gradient(145deg,#e8f2ff,#dceafb);border:1px solid #d5e4f4;border-radius:15px;font-size:.72rem;font-weight:800 }
.student-avatar img[b-yt59c8165p] { position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;background:transparent }
.student-row div[b-yt59c8165p] { min-width:0;display:grid;gap:2px }
.student-row strong[b-yt59c8165p] { overflow:hidden;font-size:.84rem;text-overflow:ellipsis;white-space:nowrap }
.student-row div span[b-yt59c8165p] { color:var(--muted);font-size:.7rem }
.detail-state[b-yt59c8165p] { min-height:300px;display:grid;place-items:center;align-content:center;gap:12px;color:var(--muted);text-align:center }
.detail-state strong[b-yt59c8165p] { color:var(--ink);font-size:.9rem }
.detail-state p[b-yt59c8165p] { margin:0;font-size:.76rem }
.detail-state.error[b-yt59c8165p] { color:#7d4b53 }
.visually-hidden[b-yt59c8165p] { position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important }

@media (max-width:720px) {
    .statistics-layout[b-yt59c8165p] { height:auto;min-height:520px;display:block;overflow:visible;border-radius:24px }
    .group-master[b-yt59c8165p] { border-right:0 }
    .group-list[b-yt59c8165p] { max-height:none }
    .group-row[b-yt59c8165p] { min-height:58px }
    .statistics-detail[b-yt59c8165p] { position:fixed;z-index:70;inset:64px 0 0;padding:20px 14px max(24px,env(safe-area-inset-bottom));overflow:auto;background:var(--background) }
    .statistics-detail.empty[b-yt59c8165p] { display:none }
    .detail-heading[b-yt59c8165p] { position:sticky;z-index:1;top:-20px;min-height:88px;margin:-20px -14px 0;padding:14px;grid-template-columns:48px minmax(0,1fr) auto;background:rgba(255,255,255,.97);border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;backdrop-filter:blur(16px) }
    .detail-heading > div[b-yt59c8165p] { min-width:0 }
    .detail-heading h2[b-yt59c8165p] { overflow:hidden;font-size:1.2rem;text-overflow:ellipsis;white-space:nowrap }
    .detail-back[b-yt59c8165p] { width:48px;height:48px;padding:0;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft);border:0;border-radius:15px;cursor:pointer }
    .detail-back:focus-visible[b-yt59c8165p] { outline:3px solid rgba(18,91,162,.2);outline-offset:2px }
    .detail-back[b-yt59c8165p]  svg { width:22px;height:22px }
    .detail-count[b-yt59c8165p] { min-width:58px;min-height:58px;padding:6px 9px;border-radius:16px }
    .detail-count span[b-yt59c8165p] { display:none }
    .student-list[b-yt59c8165p] { padding-top:2px;overflow:visible;scrollbar-gutter:auto }
    .student-row[b-yt59c8165p] { min-height:68px;background:#fff }
}
/* /Components/Pages/TeacherApplications.razor.rz.scp.css */
.application-list[b-8ymp3r9x65] { display:grid;gap:14px }
.application-card[b-8ymp3r9x65] { min-width:0;padding:20px 22px 18px;display:grid;gap:16px;background:#fff;border:1px solid #d8e2ec;border-radius:22px;box-shadow:0 4px 14px rgba(28,65,102,.05);transition:border-color .16s,box-shadow .16s }
.application-card:hover[b-8ymp3r9x65] { border-color:#c4d4e3;box-shadow:0 7px 20px rgba(28,65,102,.075) }
.application-heading[b-8ymp3r9x65] { min-width:0;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:13px }
.teacher-avatar[b-8ymp3r9x65] { width:46px;height:46px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft);border-radius:15px }
.teacher-avatar[b-8ymp3r9x65]  svg { width:24px;height:24px }
.teacher-copy[b-8ymp3r9x65] { min-width:0 }
.section-label[b-8ymp3r9x65] { display:block;margin-bottom:3px;color:var(--muted);font-size:.61rem;font-weight:750;letter-spacing:.075em;text-transform:uppercase }
.application-heading h2[b-8ymp3r9x65] { margin:0;overflow:hidden;font-size:1.18rem;line-height:1.15;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap }
.position-label[b-8ymp3r9x65] { display:block;margin-top:2px;color:#5d6d7d;font-size:.72rem;font-weight:600 }
.pending-chip[b-8ymp3r9x65] { min-height:28px;padding:0 9px;display:inline-flex;align-items:center;gap:5px;color:#735e24;background:#fff3cd;border-radius:999px;font-size:.63rem;font-weight:750;white-space:nowrap }
.pending-chip[b-8ymp3r9x65]  svg { width:14px;height:14px }
.application-details[b-8ymp3r9x65] { padding:13px 0;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:24px;border-top:1px solid #e7edf3;border-bottom:1px solid #e7edf3 }
.detail-item[b-8ymp3r9x65] { min-width:0;display:grid;align-content:start }
.request-detail[b-8ymp3r9x65] { padding-left:24px;border-left:1px solid #e7edf3 }
.detail-item strong[b-8ymp3r9x65],.detail-item time[b-8ymp3r9x65] { overflow:hidden;color:var(--ink);font-size:.82rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap }
.detail-item a[b-8ymp3r9x65] { overflow:hidden;color:#5f7183;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;text-decoration:none }
.detail-item a:hover[b-8ymp3r9x65] { color:var(--primary);text-decoration:underline }
.application-actions[b-8ymp3r9x65] { display:flex;justify-content:flex-end;gap:8px }
.application-actions[b-8ymp3r9x65]  .tp-button { width:auto;min-width:128px;min-height:42px;padding:0 16px;border-radius:14px;font-size:.74rem }

@media (max-width:720px) {
    .application-card[b-8ymp3r9x65] { padding:17px 16px 15px;gap:14px;border-radius:20px }
    .application-heading[b-8ymp3r9x65] { grid-template-columns:42px minmax(0,1fr);gap:11px }
    .teacher-avatar[b-8ymp3r9x65] { width:42px;height:42px;border-radius:14px }
    .teacher-avatar[b-8ymp3r9x65]  svg { width:22px;height:22px }
    .application-heading h2[b-8ymp3r9x65] { font-size:1.08rem }
    .pending-chip[b-8ymp3r9x65] { width:max-content;grid-column:2 }
    .application-details[b-8ymp3r9x65] { padding:11px 0;grid-template-columns:1fr;gap:10px }
    .request-detail[b-8ymp3r9x65] { padding:10px 0 0;border-top:1px solid #eef2f6;border-left:0 }
    .application-actions[b-8ymp3r9x65] { flex-wrap:wrap }
    .application-actions[b-8ymp3r9x65]  .tp-button { min-width:122px;padding:0 14px;font-size:.7rem }
}

@media (max-width:390px) {
    .application-actions[b-8ymp3r9x65] { justify-content:stretch }
    .application-actions[b-8ymp3r9x65]  .tp-button { flex:1 }
}