@import '_content/TutorPack.UI/TutorPack.UI.iix2jbdlrs.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/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 }
}