/* Inter 4.1, self-hosted; license: assets/fonts/inter/LICENSE.txt. */
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('../fonts/inter/InterVariable.woff2') format('woff2');
}

@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url('../fonts/inter/InterVariable-Italic.woff2') format('woff2');
}

:root {
    --pars-font-family: "Inter", "Segoe UI", Arial, sans-serif;
    --bs-font-sans-serif: var(--pars-font-family);
    --bs-body-font-family: var(--pars-font-family);
    --pars-yellow: #f6df00;
    --pars-yellow-dark: #dcc800;
    --pars-black: #171717;
    --pars-ink: #242424;
    --pars-muted: #737373;
    --pars-bg: #f5f5f1;
    --pars-border: #e7e7e1;
    --pars-white: #ffffff;
    --sidebar-width: 278px;
    --radius: 18px;
    --shadow: 0 18px 45px rgba(20, 20, 20, .07);
}

* { box-sizing: border-box; }
html { min-height: 100%; scroll-padding-top: 95px; }
body { color: var(--pars-ink); font-family: var(--pars-font-family); font-optical-sizing: auto; -webkit-font-smoothing: antialiased; }
button, input, optgroup, select, textarea, code, kbd, pre, samp { font-family: var(--pars-font-family); }
a { color: inherit; }
.min-w-0 { min-width: 0; }
.form-control, .form-select { border-color: #deded8; border-radius: 11px; min-height: 46px; box-shadow: none !important; }
.form-control:focus, .form-select:focus { border-color: #a89800; box-shadow: 0 0 0 4px rgba(246, 223, 0, .16) !important; }
.form-label { color: #3c3c3c; font-size: .83rem; font-weight: 700; margin-bottom: .45rem; }
.form-check-input:checked { background-color: var(--pars-black); border-color: var(--pars-black); }
/* KVKK onayı tarayıcının yerel checkbox çizimine bağlı kalmadan daima görünür. */
.consent-box { position: relative; }
.consent-box .form-check-input {
    -webkit-appearance: none !important;
    appearance: none !important;
    background-image: none !important;
    border: 0 !important;
    cursor: pointer;
    height: 22px !important;
    left: 13px;
    margin: 0 !important;
    opacity: 0 !important;
    position: absolute !important;
    top: 13px;
    width: 22px !important;
    z-index: 2;
}
.consent-box label { align-items: flex-start; cursor: pointer; display: flex; flex: 1 1 auto; gap: 10px; margin: 0; }
.consent-box label::before {
    align-items: center;
    background: #fff;
    border: 2px solid var(--pars-black);
    border-radius: 4px;
    color: #fff;
    content: "";
    display: inline-flex;
    flex: 0 0 22px;
    font-size: 16px;
    font-weight: 900;
    height: 22px;
    justify-content: center;
    line-height: 1;
    margin-top: 1px;
    width: 22px;
}
.consent-box .form-check-input:checked + label::before { background: var(--pars-black); content: "\2713"; }
.consent-box .form-check-input:focus-visible + label::before { outline: 3px solid rgba(168, 152, 0, .35); outline-offset: 3px; }
.consent-box .form-check-input:invalid:not(:focus) + label::before { border-color: #9d2c2c; }
/* Gerçek dosya girdisi tüm yükleme yüzeyini kaplar; tıklama ve sürükle-bırak tarayıcıya doğrudan ulaşır. */
.file-drop { overflow: hidden; position: relative; }
.file-drop:focus-within { background: #fffdf0; border-color: #a89a00; box-shadow: 0 0 0 4px rgba(246, 223, 0, .18); }
.file-drop input[type="file"] {
    cursor: pointer;
    display: block !important;
    height: 100%;
    inset: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}
.privacy-notice-prompt { font-size: .8rem; line-height: 1.6; margin-bottom: 12px; }
.privacy-notice-prompt p { color: #65655e; margin: 0 0 7px; }
.privacy-notice-link { color: #383421; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.privacy-notice-link i { margin-left: 5px; }
.privacy-notice-link:focus-visible { border-radius: 3px; outline: 3px solid #9e8f00; outline-offset: 4px; }
.public-footer a { color: inherit; text-underline-offset: 3px; }
.legal-notice { background: #fff; border: 1px solid var(--pars-border); border-radius: 20px; margin: 0 auto; max-width: 960px; padding: clamp(22px, 4vw, 48px); }
.legal-notice-heading { border-bottom: 3px solid var(--pars-yellow); margin-bottom: 28px; padding-bottom: 24px; }
.legal-organization { color: #68685e; font-size: .75rem; font-weight: 700; letter-spacing: .02em; }
.legal-notice h1 { font-size: clamp(1.25rem, 2.6vw, 1.85rem); font-weight: 800; line-height: 1.35; margin: 0; }
.legal-notice-content { color: #393933; font-size: .92rem; line-height: 1.85; overflow-wrap: anywhere; }
.legal-notice-content h2 { color: #20201e; font-size: 1.08rem; font-weight: 750; line-height: 1.5; margin: 30px 0 12px; }
.legal-notice-content p { margin: 0 0 16px; }
.legal-notice-content ul { margin: 0 0 20px; padding-left: 23px; }
.legal-notice-content li { padding-left: 3px; margin-bottom: 9px; }
.legal-details { background: #f8f8f2; border: 1px solid var(--pars-border); border-radius: 12px; margin: 0 0 24px; padding: 4px 18px; }
.legal-details > div { border-bottom: 1px solid var(--pars-border); display: grid; gap: 16px; grid-template-columns: 155px minmax(0,1fr); padding: 12px 0; }
.legal-details > div:last-child { border-bottom: 0; }
.legal-details dt { font-weight: 700; }
.legal-details dd { margin: 0; }
.legal-notice-footer { border-top: 1px solid var(--pars-border); color: #77776e; font-size: .72rem; margin-top: 30px; padding-top: 18px; }
@media(max-width:575.98px) { .legal-details > div { gap: 3px; grid-template-columns: 1fr; }.legal-notice-content { font-size: .88rem; } }
.btn { align-items: center; border-radius: 10px; display: inline-flex; font-weight: 700; gap: .5rem; min-height: 42px; }
.btn-brand { background: var(--pars-yellow); border-color: var(--pars-yellow); color: var(--pars-black); box-shadow: 0 8px 20px rgba(246, 223, 0, .19); }
.btn-brand:hover, .btn-brand:focus { background: var(--pars-yellow-dark); border-color: var(--pars-yellow-dark); color: #000; transform: translateY(-1px); }
.btn-icon { align-items: center; display: inline-flex; height: 40px; justify-content: center; min-height: 40px; padding: 0; width: 40px; }
.text-bg-warning-subtle { background: #fff7b8 !important; color: #6e6000 !important; }
.text-bg-info-subtle { background: #dff5fb !important; color: #145c6c !important; }
.text-bg-primary-subtle { background: #e5eaff !important; color: #3048a1 !important; }
.text-bg-success-subtle { background: #dff7e9 !important; color: #1d7341 !important; }
.text-bg-secondary-subtle { background: #ededed !important; color: #555 !important; }

/* Yönetim yerleşimi */
.admin-body { background: var(--pars-bg); min-height: 100vh; }
.sidebar { background: var(--pars-black); bottom: 0; color: #fff; display: flex; flex-direction: column; left: 0; overflow-y: auto; position: fixed; top: 0; width: var(--sidebar-width); z-index: 1040; }
.sidebar-brand { border-bottom: 1px solid rgba(255,255,255,.09); padding: 25px 25px 20px; }
.sidebar-brand a { background: transparent; border-radius: 0; display: block; overflow: visible; padding: 3px 7px; }
.sidebar-brand img { display: block; height: 46px; object-fit: contain; width: 100%; }
.brand-caption { color: rgba(255,255,255,.45); display: block; font-size: .62rem; font-weight: 800; letter-spacing: .21em; margin-top: 12px; }
.sidebar-nav { padding: 18px 15px; }
.nav-section { color: rgba(255,255,255,.38); display: block; font-size: .61rem; font-weight: 800; letter-spacing: .17em; margin: 20px 12px 8px; }
.nav-section:first-child { margin-top: 3px; }
.sidebar .nav-link { align-items: center; border-radius: 11px; color: rgba(255,255,255,.68); display: flex; font-size: .91rem; font-weight: 650; gap: 13px; margin: 3px 0; padding: 11px 13px; position: relative; transition: .2s ease; }
.sidebar .nav-link i { font-size: 1rem; width: 20px; }
.sidebar .nav-link:hover { background: rgba(255,255,255,.07); color: #fff; }
.sidebar .nav-link.active { background: var(--pars-yellow); color: var(--pars-black); }
.sidebar .nav-link.active::after { background: #fff; border-radius: 10px 0 0 10px; content: ""; height: 19px; position: absolute; right: -15px; width: 4px; }
.sidebar-footer { border-top: 1px solid rgba(255,255,255,.09); margin-top: auto; padding: 15px; }
.user-card { align-items: center; display: flex; gap: 10px; }
.user-avatar, .person-avatar { align-items: center; background: var(--pars-yellow); border-radius: 11px; color: var(--pars-black); display: inline-flex; flex: 0 0 auto; font-weight: 900; height: 40px; justify-content: center; width: 40px; }
.user-card strong, .user-card small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.user-card strong { font-size: .8rem; max-width: 115px; }
.user-card small { color: rgba(255,255,255,.45); font-size: .67rem; }
.btn-logout { color: rgba(255,255,255,.55); }
.btn-logout:hover { background: rgba(255,255,255,.08); color: #fff; }
.sidebar-backdrop { background: rgba(0,0,0,.55); border: 0; inset: 0; opacity: 0; pointer-events: none; position: fixed; transition: .2s ease; z-index: 1035; }
.app-main { margin-left: var(--sidebar-width); min-height: 100vh; }
.topbar { align-items: center; background: rgba(245,245,241,.92); border-bottom: 1px solid var(--pars-border); display: flex; justify-content: space-between; min-height: 89px; padding: 17px 34px; position: sticky; top: 0; backdrop-filter: blur(12px); z-index: 1020; }
.page-eyebrow, .section-kicker { color: #98988f; display: block; font-size: .62rem; font-weight: 900; letter-spacing: .18em; }
.topbar h1 { font-size: 1.48rem; font-weight: 850; letter-spacing: -.035em; margin: 3px 0 0; }
.notification-bell { background:#fff; border:1px solid var(--pars-border); border-radius:12px; box-shadow:0 7px 20px rgba(23,23,23,.07); position:relative; }
.notification-bell.has-new { color:#171717; }
.notification-bell.has-new::after { animation:notification-pulse 2s infinite; background:var(--pars-yellow); border-radius:50%; content:""; height:8px; position:absolute; right:5px; top:5px; width:8px; }
.notification-count { align-items:center; background:#dc3545; border:2px solid #fff; border-radius:20px; color:#fff; display:flex; font-size:.57rem; font-weight:900; height:20px; justify-content:center; min-width:20px; padding:0 4px; position:absolute; right:-8px; top:-8px; }
.notification-menu { border:1px solid var(--pars-border); box-shadow:0 22px 60px rgba(23,23,23,.16); margin-top:10px!important; overflow:hidden; padding:0; width:min(390px,calc(100vw - 28px)); }
.notification-head { align-items:center; border-bottom:1px solid var(--pars-border); display:flex; justify-content:space-between; padding:16px 17px; }
.notification-head strong { display:block; font-size:.88rem; margin-top:3px; }
.notification-item { align-items:flex-start; border-bottom:1px solid #efefe9; color:#171717; display:flex; gap:11px; padding:13px 16px; text-decoration:none; }
.notification-item:hover { background:#fffbea; }
.notification-item>span:last-child { min-width:0; }
.notification-item strong,.notification-item small,.notification-item time { display:block; }
.notification-item strong { font-size:.78rem; }.notification-item small { color:#5f5f59; font-size:.69rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.notification-item time { color:#99998f; font-size:.61rem; margin-top:3px; }
.notification-icon { align-items:center; background:var(--pars-yellow); border-radius:10px; display:flex; flex:0 0 auto; height:37px; justify-content:center; width:37px; }
.notification-empty { align-items:center; color:#777; display:flex; gap:10px; justify-content:center; padding:25px 16px; }.notification-empty i { color:#198754; font-size:1.2rem; }
.notification-all { align-items:center; background:#171717; color:#fff; display:flex; font-size:.7rem; font-weight:850; justify-content:space-between; padding:12px 17px; text-decoration:none; }.notification-all:hover { color:var(--pars-yellow); }
.study-popup-icon { align-items:center; background:var(--pars-yellow); border-radius:18px; display:flex; font-size:1.5rem; height:58px; justify-content:center; margin-bottom:17px; width:58px; }
.student-profile-strip { background:#171717; color:#fff; display:grid; gap:1px; grid-template-columns:repeat(4,minmax(0,1fr)); }
.student-profile-strip>div { background:rgba(255,255,255,.035); min-width:0; padding:17px 20px; }.student-profile-strip span { color:rgba(255,255,255,.52); display:block; font-size:.61rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }.student-profile-strip strong { display:block; font-size:.82rem; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.study-calendar-heading { align-items:flex-end; display:flex; gap:16px; justify-content:space-between; }.study-calendar-heading small { color:#777; display:block; }.study-calendar-selection { background:#ededE8; border-radius:20px; color:#777; flex:0 0 auto; font-size:.68rem; font-weight:850; padding:8px 12px; }.study-calendar-selection.has-selection { background:#171717; color:var(--pars-yellow); }.study-calendar-selection.is-error { background:#f8d7da; color:#842029; }
.parent-study-calendar { border:1px solid #deded8; border-radius:17px; margin-top:14px; overflow:auto; }.parent-study-calendar.is-locked { opacity:.66; }.parent-calendar-grid { display:grid; grid-template-columns:70px repeat(var(--day-count),minmax(92px,1fr)); min-width:790px; }.parent-calendar-corner,.parent-calendar-day { align-items:center; background:#171717; color:#fff; display:flex; justify-content:center; min-height:62px; position:sticky; top:0; z-index:2; }.parent-calendar-corner { color:var(--pars-yellow); font-size:.62rem; font-weight:900; letter-spacing:.08em; left:0; z-index:3; }.parent-calendar-day { border-left:1px solid rgba(255,255,255,.12); flex-direction:column; }.parent-calendar-day strong { font-size:.72rem; }.parent-calendar-day span { color:rgba(255,255,255,.58); font-size:.62rem; margin-top:2px; }.parent-calendar-time { align-items:center; background:#f1f1ed; border-top:1px solid #deded8; color:#555; display:flex; font-size:.69rem; font-weight:850; justify-content:center; min-height:58px; position:sticky; left:0; z-index:1; }.parent-calendar-slot { align-items:center; background:#fff; border:0; border-left:1px solid #e5e5df; border-top:1px solid #e5e5df; display:flex; flex-direction:column; justify-content:center; min-height:58px; padding:5px; transition:.15s ease; }.parent-calendar-slot strong { font-size:.66rem; letter-spacing:.05em; }.parent-calendar-slot small { color:#888; font-size:.58rem; }.parent-calendar-slot.is-available { color:#237a48; cursor:pointer; }.parent-calendar-slot.is-available:hover { background:#e7f7ed; box-shadow:inset 0 0 0 2px #237a48; }.parent-calendar-slot.is-selected { background:var(--pars-yellow)!important; box-shadow:inset 0 0 0 2px #171717!important; color:#171717!important; }.parent-calendar-slot.is-lesson { background:#ececeb; color:#555; }.parent-calendar-slot.is-booked,.parent-calendar-slot.is-pending { background:#f8d7da; color:#8a2932; }.parent-calendar-slot:disabled { cursor:not-allowed; opacity:1; }
@keyframes notification-pulse { 0%,100%{box-shadow:0 0 0 0 rgba(246,223,0,.55)} 50%{box-shadow:0 0 0 7px rgba(246,223,0,0)} }
@media(max-width:767.98px){.student-profile-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.study-calendar-heading{align-items:flex-start;flex-direction:column}.study-calendar-selection{align-self:stretch;text-align:center}.parent-study-calendar{border-radius:13px}.parent-calendar-grid{grid-template-columns:62px repeat(var(--day-count),86px)}}

/* Veli öğrenci profili */
.parent-profile-shell{margin:0 auto;max-width:1180px}.parent-profile-hero{align-items:center;background:#171717;border-radius:24px;color:#fff;display:flex;justify-content:space-between;margin-bottom:22px;overflow:hidden;padding:28px 32px;position:relative}.parent-profile-hero::after{background:var(--pars-yellow);border-radius:50%;content:"";height:210px;opacity:.95;position:absolute;right:-95px;top:-125px;width:210px}.parent-profile-identity{align-items:center;display:flex;gap:19px;position:relative;z-index:1}.parent-profile-avatar{align-items:center;background:var(--pars-yellow);border-radius:20px;color:#171717;display:flex;font-size:2rem;font-weight:950;height:74px;justify-content:center;width:74px}.parent-profile-identity h1{font-size:clamp(1.55rem,3vw,2.2rem);font-weight:900;letter-spacing:-.045em;margin:5px 0}.parent-profile-identity p{color:rgba(255,255,255,.58);margin:0}.parent-profile-actions{align-items:center;display:flex;gap:10px;position:relative;z-index:1}.parent-readonly-card,.parent-chart-card{background:#fff;border:1px solid var(--pars-border);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.parent-readonly-card{margin-bottom:18px}.parent-card-heading{align-items:center;border-bottom:1px solid var(--pars-border);display:flex;justify-content:space-between;padding:18px 21px}.parent-card-heading h2{font-size:1rem;font-weight:900;margin:4px 0 0}.parent-card-heading>a{color:#665d00;font-size:.72rem;font-weight:850;text-decoration:none}.parent-card-heading>i{color:#9b8c00;font-size:1.2rem}.readonly-badge{background:#ededE8;border-radius:20px;color:#60605a;font-size:.65rem;font-weight:800;padding:7px 10px}.parent-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:8px}.parent-info-grid>div{border-radius:13px;padding:14px 16px}.parent-info-grid>div:nth-child(odd){background:#f8f8f5}.parent-info-grid span{color:#929289;display:block;font-size:.59rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.parent-info-grid strong{display:block;font-size:.79rem;margin-top:5px}.parent-info-grid small{color:#888;display:block;font-size:.65rem;margin-top:2px}.parent-profile-stats{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}.parent-profile-stats article{align-items:center;background:#fff;border:1px solid var(--pars-border);border-radius:17px;display:flex;gap:12px;padding:16px;box-shadow:0 8px 24px rgba(23,23,23,.05)}.parent-profile-stats article>span{align-items:center;border-radius:13px;display:flex;flex:0 0 auto;height:46px;justify-content:center;width:46px}.parent-profile-stats .is-yellow{background:var(--pars-yellow)}.parent-profile-stats .is-dark{background:#171717;color:#fff}.parent-profile-stats .is-blue{background:#e4effa;color:#315c8a}.parent-profile-stats .is-green{background:#e1f4e8;color:#237a48}.parent-profile-stats small{color:#8c8c84;display:block;font-size:.62rem;font-weight:800}.parent-profile-stats strong{display:block;font-size:1.03rem;margin-top:3px}.profile-bar-chart,.profile-topic-chart{padding:19px 21px}.profile-bar-row{margin-bottom:18px}.profile-bar-row:last-child{margin-bottom:0}.profile-bar-label{align-items:flex-end;display:flex;gap:12px;justify-content:space-between;margin-bottom:7px}.profile-bar-label strong{font-size:.74rem}.profile-bar-label span{color:#85857e;font-size:.62rem}.profile-bar-track{background:#eeeeea;border-radius:20px;height:9px;overflow:hidden}.profile-bar-track>span{background:#315c8a;border-radius:20px;display:block;height:100%;width:var(--bar-width)}.profile-bar-track>span[style*="--bar-index:1"]{background:#7c5cc4}.profile-bar-track>span[style*="--bar-index:2"]{background:#d97706}.profile-bar-track>span[style*="--bar-index:3"]{background:#159a85}.profile-bar-track>span[style*="--bar-index:4"]{background:#d14d72}.profile-bar-track>span[style*="--bar-index:5"]{background:#598b2c}.profile-topic-chart article{border-bottom:1px solid #ededE8;padding:13px 0}.profile-topic-chart article:first-child{padding-top:0}.profile-topic-chart article:last-child{border:0;padding-bottom:0}.topic-chart-top{align-items:center;display:flex;gap:10px;margin-bottom:9px}.topic-chart-top>div{flex:1;min-width:0}.topic-chart-top small,.topic-chart-top strong{display:block}.topic-chart-top small{color:#8b8b84;font-size:.59rem}.topic-chart-top strong{font-size:.73rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic-chart-top em{font-size:.7rem;font-style:normal;font-weight:900}.topic-dot{background:#315c8a;border-radius:50%;height:10px;width:10px}.topic-dot.is-1{background:#7c5cc4}.topic-dot.is-2{background:#d97706}.topic-dot.is-3{background:#159a85}.topic-dot.is-4{background:#d14d72}.topic-dot.is-5{background:#598b2c}.profile-empty{align-items:center;color:#8a8a82;display:flex;flex-direction:column;gap:5px;justify-content:center;min-height:170px;text-align:center}.profile-empty i{color:#c3b000;font-size:1.7rem}.profile-empty strong{color:#555;font-size:.8rem}.profile-empty small{font-size:.67rem}.parent-request-list{padding:8px 18px}.parent-request-list article{align-items:center;border-bottom:1px solid #ededE8;display:flex;gap:10px;justify-content:space-between;padding:13px 0}.parent-request-list article:last-child{border:0}.parent-request-list article>div{min-width:0}.parent-request-list strong,.parent-request-list small{display:block}.parent-request-list strong{font-size:.71rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.parent-request-list small{color:#888;font-size:.62rem;margin-top:3px}.parent-request-list article>span{border-radius:20px;flex:0 0 auto;font-size:.59rem;font-weight:850;padding:6px 8px}.parent-request-list .is-approved{background:#dff7e9;color:#1d7341}.parent-request-list .is-rejected{background:#f8d7da;color:#842029}.parent-request-list .is-pending{background:#fff3cd;color:#765e00}
@media(max-width:991.98px){.parent-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.parent-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.parent-profile-hero{align-items:flex-start;flex-direction:column;gap:22px}.parent-profile-actions{width:100%}.parent-profile-actions .btn{justify-content:center}.parent-profile-actions>a{flex:1}}
@media(max-width:575.98px){.parent-profile-hero{border-radius:18px;padding:22px 18px}.parent-profile-avatar{border-radius:15px;height:58px;width:58px}.parent-profile-actions{align-items:stretch;flex-direction:column}.parent-profile-actions form,.parent-profile-actions button{width:100%}.parent-info-grid,.parent-profile-stats{grid-template-columns:1fr}.parent-card-heading{align-items:flex-start;gap:10px}.readonly-badge{white-space:nowrap}.profile-bar-label{align-items:flex-start;flex-direction:column;gap:2px}}
.app-content { margin: 0 auto; max-width: 1650px; padding: 30px 34px 42px; }
.app-footer { color: #92928b; font-size: .72rem; padding: 0 34px 24px; text-align: center; }
.page-lead { color: var(--pars-muted); font-size: .91rem; }

/* Kartlar ve gösterge paneli */
.welcome-banner { align-items: center; background: var(--pars-black); border-radius: 22px; color: #fff; display: flex; justify-content: space-between; min-height: 186px; overflow: hidden; padding: 32px 38px; position: relative; }
.welcome-banner::before { background: var(--pars-yellow); content: ""; height: 6px; left: 0; position: absolute; top: 0; width: 100%; }
.welcome-banner::after { border: 1px solid rgba(255,255,255,.08); border-radius: 50%; content: ""; height: 310px; position: absolute; right: -50px; top: -130px; width: 310px; }
.welcome-badge { align-items: center; color: var(--pars-yellow); display: flex; font-size: .64rem; font-weight: 900; gap: 7px; letter-spacing: .14em; margin-bottom: 13px; }
.welcome-banner h2 { font-size: clamp(1.5rem, 3vw, 2.2rem); font-weight: 850; letter-spacing: -.045em; margin-bottom: 8px; }
.welcome-banner p { color: rgba(255,255,255,.56); margin: 0; max-width: 580px; }
.welcome-mark { color: var(--pars-yellow); font-size: 8rem; font-weight: 950; line-height: 1; opacity: .95; padding-right: 30px; transform: skew(-6deg); z-index: 1; }
.stat-card { align-items: center; background: #fff; border: 1px solid var(--pars-border); border-radius: var(--radius); display: flex; gap: 14px; min-height: 112px; padding: 20px; transition: .2s ease; }
.stat-card:hover { box-shadow: var(--shadow); transform: translateY(-3px); }
.stat-icon { align-items: center; border-radius: 14px; display: flex; flex: 0 0 auto; font-size: 1.18rem; height: 51px; justify-content: center; width: 51px; }
.stat-icon.yellow { background: var(--pars-yellow); color: #111; }.stat-icon.dark { background: #222; color: #fff; }.stat-icon.soft { background: #edece7; color: #333; }.stat-icon.green { background: #daf4e4; color: #18713c; }
.stat-card span { color: var(--pars-muted); display: block; font-size: .72rem; font-weight: 700; }
.stat-card strong { display: block; font-size: 1.65rem; font-weight: 900; letter-spacing: -.04em; }
.stat-card > a { color: #aaa; font-size: 1.05rem; margin-left: auto; }
.panel-card { background: #fff; border: 1px solid var(--pars-border); border-radius: var(--radius); overflow: hidden; }
.panel-heading { align-items: center; border-bottom: 1px solid var(--pars-border); display: flex; justify-content: space-between; padding: 22px 24px; }
.panel-heading h3 { font-size: 1.02rem; font-weight: 850; margin: 4px 0 0; }
.activity-list, .exam-mini-list { padding: 7px 22px; }
.activity-item, .exam-mini-item { align-items: center; border-bottom: 1px solid #f0f0eb; display: flex; gap: 12px; padding: 14px 2px; }
.activity-item:last-child, .exam-mini-item:last-child { border-bottom: 0; }
.activity-item strong, .activity-item small, .exam-mini-item strong, .exam-mini-item small { display: block; }
.activity-item strong, .exam-mini-item strong { font-size: .82rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.activity-item small, .exam-mini-item small { color: var(--pars-muted); font-size: .7rem; margin-top: 3px; }
.activity-item time { color: #9b9b94; font-size: .65rem; white-space: nowrap; }
.badge-status { border-radius: 20px; font-size: .62rem; font-weight: 800; padding: 7px 9px; white-space: nowrap; }
.date-box { align-items: center; background: var(--pars-yellow); border-radius: 11px; display: flex; flex: 0 0 auto; flex-direction: column; height: 49px; justify-content: center; width: 49px; }
.date-box strong { font-size: 1.03rem; line-height: 1; }.date-box span { font-size: .52rem; font-weight: 900; margin-top: 3px; }
.quota-pill, .summary-chip { background: #f0f0eb; border-radius: 30px; color: #555; font-size: .68rem; font-weight: 800; padding: 7px 10px; white-space: nowrap; }
.summary-chip { align-items: center; display: inline-flex; gap: 8px; padding: 10px 14px; }
.empty-state { color: var(--pars-muted); padding: 48px 20px; text-align: center; }.empty-state i { color: #c9c9c1; font-size: 2.2rem; }.empty-state h4 { color: var(--pars-ink); font-size: .95rem; font-weight: 800; margin: 10px 0 4px; }.empty-state p { font-size: .78rem; margin: 0; }

/* Tablolar, araçlar, modallar */
.toolbar-card { align-items: center; background: #fff; border: 1px solid var(--pars-border); border-radius: 15px; display: flex; gap: 14px; padding: 14px; }
.app-table { font-size: .78rem; }.app-table thead th { background: #fafaf7; border-bottom-color: var(--pars-border); color: #8b8b83; font-size: .61rem; font-weight: 900; letter-spacing: .08em; padding: 13px 18px; text-transform: uppercase; white-space: nowrap; }.app-table td { border-bottom-color: #efefea; padding: 14px 18px; vertical-align: middle; }.app-table tbody tr:hover { background: #fffef5; }.app-table tbody tr:last-child td { border-bottom: 0; }
.table-title { align-items: center; display: flex; gap: 11px; min-width: 180px; }.table-title strong, .table-title small { display: block; }.table-title strong { font-size: .79rem; }.table-title small { color: var(--pars-muted); font-size: .66rem; margin-top: 2px; max-width: 230px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.table-icon { align-items: center; background: #f1f1ec; border-radius: 10px; color: #444; display: inline-flex; flex: 0 0 auto; font-size: .95rem; height: 39px; justify-content: center; width: 39px; }
.dark-avatar { background: #222; color: #fff; }.person-avatar { height: 38px; width: 38px; }.count-link, .table-contact { color: #373100; font-weight: 750; text-decoration: none; }.count-link { background: #fff8b9; border-radius: 20px; padding: 6px 9px; }.table-contact:hover { text-decoration: underline; }
.status-dot { background: #bbb; border-radius: 50%; display: inline-block; height: 7px; margin-right: 7px; width: 7px; }.status-dot.is-active { background: #28a65b; box-shadow: 0 0 0 4px #e0f5e8; }.status-dot.is-passive { background: #aaa; box-shadow: 0 0 0 4px #eee; }
.code-chip { background: #f3f3ef; border-radius: 6px; color: #555; font-size: .68rem; padding: 5px 7px; }.role-badge { align-items: center; background: #f1f1ec; border-radius: 20px; display: inline-flex; font-size: .69rem; font-weight: 800; gap: 6px; padding: 7px 10px; }.role-badge.is-super { background: var(--pars-yellow); color: #171717; }
.dropdown-menu { border-radius: 12px; font-size: .78rem; padding: 7px; }.dropdown-item { border-radius: 8px; padding: 8px 10px; }.app-modal { border: 0; border-radius: 20px; box-shadow: 0 30px 80px rgba(0,0,0,.2); }.app-modal .modal-header { border-bottom-color: var(--pars-border); padding: 21px 24px; }.app-modal .modal-title { font-size: 1.2rem; font-weight: 850; margin-top: 3px; }.app-modal .modal-body { padding: 24px; }.app-modal .modal-footer { border-top-color: var(--pars-border); padding: 15px 24px; }
.detail-grid { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0,1fr)); }.detail-grid > div { background: #f7f7f3; border-radius: 11px; padding: 13px 15px; }.detail-grid span, .detail-note span { color: #909088; display: block; font-size: .61rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }.detail-grid strong { display: block; font-size: .79rem; margin-top: 5px; }.detail-grid a { text-decoration: none; }.detail-note { border-left: 4px solid var(--pars-yellow); margin-top: 15px; padding: 9px 15px; }.detail-note p { font-size: .8rem; margin: 5px 0 0; }

/* Form bağlantıları */
.form-link-card { background: #fff; border: 1px solid var(--pars-border); border-radius: var(--radius); padding: 22px; transition: .2s ease; }.form-link-card:hover { box-shadow: var(--shadow); }.form-link-card.is-disabled { opacity: .68; }.form-link-top { align-items: center; display: flex; gap: 13px; }.form-type-icon { align-items: center; border-radius: 13px; display: flex; flex: 0 0 auto; font-size: 1.1rem; height: 48px; justify-content: center; width: 48px; }.form-type-icon.yellow { background: var(--pars-yellow); }.form-type-icon.dark { background: var(--pars-black); color: #fff; }.form-link-top h3 { font-size: .96rem; font-weight: 850; margin: 4px 0 0; }.status-label { border-radius: 20px; font-size: .61rem; font-weight: 850; padding: 6px 9px; }.status-label.active { background: #dcf5e6; color: #227547; }.status-label.passive { background: #eee; color: #666; }
.link-copy-group { display: flex; gap: 7px; margin-top: 20px; }.link-copy-group .form-control { background: #f7f7f3; font-size: .72rem; }.form-link-meta { color: #85857d; display: flex; flex-wrap: wrap; font-size: .66rem; gap: 18px; margin-top: 12px; }.form-link-meta i { margin-right: 4px; }.form-link-actions { align-items: center; border-top: 1px solid var(--pars-border); display: flex; margin-top: 18px; padding-top: 15px; }

/* Giriş */
.auth-body { background: #fff; min-height: 100vh; }.auth-shell { display: grid; grid-template-columns: minmax(420px, 1.05fr) minmax(440px, .95fr); min-height: 100vh; }.auth-visual { background: var(--pars-black); color: #fff; min-height: 100vh; overflow: hidden; padding: 48px clamp(38px, 6vw, 90px); position: relative; }.visual-grid { background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size: 48px 48px; inset: 0; mask-image: linear-gradient(to bottom right, #000, transparent 78%); position: absolute; }.auth-visual::after { background: var(--pars-yellow); border-radius: 50%; bottom: -160px; content: ""; filter: blur(2px); height: 390px; position: absolute; right: -110px; width: 390px; }.auth-visual-content { max-width: 650px; position: relative; z-index: 1; }.auth-logo { background: #fff; border-radius: 10px; height: 63px; margin-bottom: clamp(90px, 18vh, 190px); object-fit: contain; padding: 4px 8px; width: 235px; }.auth-kicker, .auth-form-kicker { color: var(--pars-yellow); font-size: .67rem; font-weight: 900; letter-spacing: .17em; }.auth-visual h1 { font-size: clamp(2.35rem, 5.2vw, 4.9rem); font-weight: 900; letter-spacing: -.065em; line-height: .98; margin: 18px 0 25px; }.auth-visual h1 span { color: var(--pars-yellow); }.auth-visual p { color: rgba(255,255,255,.55); font-size: 1.02rem; line-height: 1.7; max-width: 530px; }.auth-visual-footer { align-items: center; bottom: 40px; color: rgba(255,255,255,.43); display: flex; font-size: .68rem; font-weight: 700; gap: 8px; letter-spacing: .09em; position: absolute; z-index: 2; }.auth-visual-footer span { background: var(--pars-yellow); height: 2px; width: 24px; }.auth-panel { align-items: center; display: flex; flex-direction: column; justify-content: center; padding: 45px clamp(35px, 6vw, 95px); }.auth-form-wrap { max-width: 465px; width: 100%; }.auth-form-kicker { color: #8d8000; }.auth-form-wrap h2 { font-size: clamp(1.8rem, 3vw, 2.4rem); font-weight: 900; letter-spacing: -.05em; margin: 10px 0 8px; }.auth-form .input-group-text { background: #f7f7f3; border-color: #deded8; border-radius: 11px 0 0 11px; color: #777; }.auth-form .form-control { border-left: 0; font-size: .9rem; }.password-toggle { border-color: #deded8; }.demo-credentials { align-items: flex-start; background: #fffbea; border: 1px solid #f0e595; border-radius: 11px; color: #6c6200; display: flex; font-size: .72rem; gap: 10px; margin-top: 24px; padding: 12px 14px; }.auth-mobile-logo { display: none; }

/* Herkese açık başvuru formları */
.public-body { background: #f4f4ef; min-height: 100vh; }.public-header { align-items: center; background: #fff; border-bottom: 1px solid var(--pars-border); display: flex; height: 82px; justify-content: space-between; padding: 10px clamp(22px, 6vw, 90px); }.public-header img { display: block; height: 51px; width: 195px; }.public-header > span { color: #72726b; font-size: .72rem; font-weight: 750; }.public-header > span i { color: #4b9b63; margin-left: 5px; }.public-main { overflow: hidden; padding: 52px 0 70px; position: relative; }.public-accent { border: 1px solid rgba(0,0,0,.05); border-radius: 50%; position: absolute; }.public-accent-one { height: 420px; left: -230px; top: 60px; width: 420px; }.public-accent-two { background: var(--pars-yellow); bottom: -260px; height: 520px; opacity: .48; right: -250px; width: 520px; }.public-form-shell { align-items: start; display: grid; gap: clamp(35px, 6vw, 85px); grid-template-columns: minmax(300px, .78fr) minmax(520px, 1.22fr); margin: 0 auto; max-width: 1240px; }.public-intro { padding: 35px 0; position: sticky; top: 30px; }.public-kicker { align-items: center; color: #827600; display: flex; font-size: .66rem; font-weight: 900; gap: 7px; letter-spacing: .16em; }.public-intro h1 { font-size: clamp(2.4rem, 5vw, 4.5rem); font-weight: 950; letter-spacing: -.065em; line-height: 1; margin: 17px 0 22px; }.public-intro > p { color: #696963; line-height: 1.75; max-width: 540px; }.public-feature-list { display: grid; gap: 13px; margin-top: 30px; }.public-feature-list > div { align-items: center; display: flex; gap: 13px; }.public-feature-list > div > i { align-items: center; background: var(--pars-black); border-radius: 11px; color: var(--pars-yellow); display: flex; flex: 0 0 auto; height: 43px; justify-content: center; width: 43px; }.public-feature-list strong, .public-feature-list small { display: block; }.public-feature-list strong { font-size: .8rem; }.public-feature-list small { color: #81817a; font-size: .68rem; margin-top: 2px; }.public-quote { border-left: 4px solid var(--pars-yellow); color: #77776f; font-size: .78rem; font-style: italic; margin-top: 32px; padding: 5px 13px; }.public-form-card { background: #fff; border: 1px solid var(--pars-border); border-radius: 23px; box-shadow: var(--shadow); padding: clamp(24px, 4vw, 43px); }.form-card-heading { align-items: center; border-bottom: 1px solid var(--pars-border); display: flex; gap: 13px; margin-bottom: 25px; padding-bottom: 20px; }.form-card-heading > span { align-items: center; background: var(--pars-yellow); border-radius: 11px; display: flex; font-size: .8rem; font-weight: 950; height: 43px; justify-content: center; width: 43px; }.form-card-heading small { color: #95958d; font-size: .59rem; font-weight: 900; letter-spacing: .13em; }.form-card-heading h2 { font-size: 1.2rem; font-weight: 900; margin: 3px 0 0; }.form-divider { align-items: center; display: flex; gap: 12px; margin: 8px 0 1px; }.form-divider::after { background: var(--pars-border); content: ""; flex: 1; height: 1px; }.form-divider span { color: #999990; font-size: .6rem; font-weight: 900; letter-spacing: .12em; }.consent-box { align-items: flex-start; background: #f7f7f2; border-radius: 11px; display: flex; font-size: .72rem; gap: 10px; line-height: 1.5; padding: 13px; }.consent-box .form-check-input { flex: 0 0 auto; margin-top: 3px; }.file-drop { align-items: center; background: #fafaf6; border: 1.5px dashed #cfcfc6; border-radius: 13px; cursor: pointer; display: flex; flex-direction: column; gap: 5px; justify-content: center; min-height: 138px; padding: 20px; text-align: center; transition: .2s ease; }.file-drop:hover { background: #fffdf0; border-color: #a89a00; }.file-drop input { display: none; }.file-drop > i { color: #8d8000; font-size: 1.8rem; }.file-drop span { font-size: .8rem; }.file-drop small { color: #8b8b84; font-size: .66rem; }.public-footer { background: var(--pars-black); color: rgba(255,255,255,.52); font-size: .68rem; padding: 20px; text-align: center; }.not-found-card { margin: 80px auto; max-width: 600px; text-align: center; }.not-found-card > span { color: var(--pars-yellow-dark); font-size: 5rem; font-weight: 950; }.not-found-card h2 { font-size: 1.8rem; font-weight: 900; }.not-found-card p { color: var(--pars-muted); margin: 12px 0 25px; }

@media (max-width: 1199.98px) {
    .activity-item .badge-status { display: none; }
    .public-form-shell { gap: 40px; grid-template-columns: minmax(270px,.72fr) minmax(480px,1.28fr); }
}
@media (max-width: 991.98px) {
    .sidebar { transform: translateX(-100%); transition: .25s ease; }.sidebar.is-open { transform: translateX(0); }.sidebar.is-open + .sidebar-backdrop { opacity: 1; pointer-events: auto; }.app-main { margin-left: 0; }.topbar { padding: 15px 22px; }.app-content { padding: 24px 22px 38px; }
    .auth-shell { display: block; }.auth-visual { display: none; }.auth-panel { min-height: 100vh; }.auth-mobile-logo { display: block; margin-bottom: 45px; max-width: 465px; width: 100%; }.auth-mobile-logo img { height: 60px; width: 220px; }
    .public-form-shell { grid-template-columns: 1fr; max-width: 740px; }.public-intro { padding: 0; position: static; }.public-intro h1 { max-width: 600px; }.public-feature-list { grid-template-columns: repeat(3,1fr); }.public-feature-list > div { align-items: flex-start; }.public-feature-list small { display: none; }
}
@media (max-width: 767.98px) {
    .topbar { min-height: 76px; }.topbar h1 { font-size: 1.18rem; }.app-content { padding: 20px 14px 34px; }.welcome-banner { min-height: 170px; padding: 28px 24px; }.welcome-mark { display: none; }.toolbar-card { align-items: stretch; flex-direction: column; }.toolbar-card > .btn { justify-content: center; }.activity-item time { display: none; }.panel-heading { padding: 18px; }.activity-list, .exam-mini-list { padding: 6px 16px; }.detail-grid { grid-template-columns: 1fr; }.link-copy-group { align-items: stretch; flex-direction: column; }.link-copy-group .btn { justify-content: center; }.form-link-actions { align-items: stretch; flex-direction: column; gap: 8px; }.form-link-actions .ms-auto { margin-left: 0 !important; }.form-link-actions .btn { justify-content: center; width: 100%; }
    .public-header { height: 69px; padding: 9px 16px; }.public-header img { height: 43px; width: 165px; }.public-header > span { display: none; }.public-main { padding: 30px 12px 48px; }.public-intro h1 { font-size: 2.55rem; }.public-feature-list { grid-template-columns: 1fr; }.public-feature-list small { display: block; }.public-form-card { border-radius: 18px; padding: 23px 17px; }.auth-panel { padding: 35px 22px; }.auth-mobile-logo { margin-bottom: 35px; }
}
@media (max-width: 480px) {
    .stat-card { min-height: 94px; padding: 15px; }.stat-icon { height: 45px; width: 45px; }.stat-card strong { font-size: 1.35rem; }.form-link-top { align-items: flex-start; flex-wrap: wrap; }.status-label { margin-left: 61px !important; }.public-intro h1 { font-size: 2.2rem; }
}

/* Orijinal CorelDRAW PDF'sinden çıkarılan gerçek vektör marka bileşeni. */
.auth-forgot-link { color: #6f6500; font-size: .75rem; font-weight: 750; margin-bottom: .45rem; text-decoration: none; }
.auth-forgot-link:hover,.auth-back-link a:hover { color: #171717; }
.auth-back-link { font-size: .78rem; font-weight: 700; margin-top: 22px; text-align: center; }
.auth-back-link a { color: #6f6500; text-decoration: none; }
.auth-sms-note { align-items: flex-start; background: #f7f7f2; border: 1px solid #e4e4dc; border-radius: 11px; color: #74746c; display: flex; font-size: .72rem; gap: 10px; line-height: 1.55; margin-top: 24px; padding: 13px 14px; }
.brand-image { background-color: transparent; background-image: url('../img/pars-logo.svg?v=495022de'); background-position: center; background-repeat: no-repeat; background-size: contain; display: block; overflow: visible; }
.sidebar-brand a.brand-image { background-color: transparent; background-image: url('../img/pars-logo.svg?v=495022de'); background-position: center; background-repeat: no-repeat; background-size: contain; border-radius: 0; height: 52px; overflow: visible; padding: 0; }
.auth-logo.brand-image { background-color: transparent; border-radius: 0; height: 63px; overflow: visible; padding: 0; width: 235px; }
.auth-mobile-logo .brand-image { height: 60px; width: 220px; }
.public-header a.brand-image { height: 51px; width: 195px; }
@media (max-width: 767.98px) { .public-header a.brand-image { height: 43px; width: 165px; } }
.dashboard-export-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;background:#fff;border:1px solid #e8e8df;border-radius:18px}
.dashboard-export-bar strong{font-size:1rem;color:#242421}
.dashboard-export-bar p{font-size:.85rem;color:#717169;margin:5px 0 0}
.dashboard-export-bar .btn{white-space:nowrap}
.dashboard-recent-card{display:flex;flex-direction:column;min-height:100%}
.dashboard-recent-card .activity-list,.dashboard-recent-card .empty-state{flex:1 1 auto}
.dashboard-list-footer{align-items:center;background:#fff;border-top:1px solid #efefea;color:#34342e;display:flex;flex:0 0 auto;font-size:.82rem;font-weight:700;gap:12px;justify-content:space-between;line-height:1.35;margin-top:auto;min-height:54px;padding:16px 24px;position:relative;text-decoration:none;z-index:1}
.dashboard-list-footer:hover{background:#fbfbea;color:#161614}
.dashboard-list-footer span{display:flex;gap:12px;align-items:center}
@media(max-width:767.98px){.dashboard-export-bar{align-items:stretch;flex-direction:column;padding:20px}.dashboard-export-bar .btn{white-space:normal}}
.table-action-menu { z-index: 1030; max-height: calc(100vh - 16px); overflow-y: auto; }
.school-picker { position: relative; }
.school-picker-trigger { min-height: 46px; }
.school-picker-trigger span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.school-picker-trigger:disabled { background-color: #f3f3ef; color: #85857d; }
.school-picker-popup { position: absolute; top: calc(100% + 7px); left: 0; right: 0; z-index: 1030; background: #fff; border: 1px solid #d9d9ce; border-radius: 14px; box-shadow: 0 15px 38px rgba(20,20,20,.16); overflow: hidden; }
.school-picker-popup[hidden], [data-school-picker][hidden], [data-school-select][hidden], .school-no-results[hidden] { display: none !important; }
.school-search-header { padding: 12px; border-bottom: 1px solid #ecece5; background: #fcfcf8; }
.school-search-header .form-control { min-height: 42px; font-size: .83rem; }
.school-result-count { display: block; margin-top: 8px; color: #79796e; font-size: .7rem; }
.school-options { list-style: none; padding: 5px; margin: 0; max-height: min(280px, 40vh); overflow-y: auto; overscroll-behavior: contain; }
.school-options li { padding: 10px 12px; border-radius: 8px; cursor: pointer; }
.school-options li.is-highlighted { background: #fffbd4; }
.school-options li[aria-selected="true"] { background: #f5e900; }
.school-option-name { display: block; color: #242424; font-size: .76rem; font-weight: 650; overflow-wrap: anywhere; }
.school-options small { display: block; font-size: .67rem; color: #77776d; margin-top: 3px; }
.school-picker-footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 12px; border-top: 1px solid #ecece5; background: #fcfcf8; }
.school-picker-footer button { border: 0; border-radius: 6px; background: transparent; padding: 6px 3px; font-size: .72rem; font-weight: 650; color: #5a5419; }
.school-picker-footer button:hover { color: #161614; background: #f2f2e9; }
.school-no-results { padding: 18px; margin: 0; font-size: .76rem; color: #73736a; }
.student-form-section .panel-heading { background: #fcfcf9; }
.student-school-section { overflow: visible; position: relative; z-index: 5; }
.student-school-search .btn { min-width: 86px; }
.service-table-title { background: #20283f; color: #fff; font-size: .78rem; font-weight: 800; letter-spacing: .04em; padding: 10px 16px; text-align: center; }
.service-selector { border: 0; margin: 0; padding: 12px; }
.service-grid { display: grid; gap: 7px; grid-template-columns: repeat(5,minmax(0,1fr)); scroll-margin-top: 95px; }
.service-column { display: flex; flex-direction: column; gap: 7px; }
.service-choice { align-items: stretch; cursor: pointer; display: grid; grid-template-columns: minmax(0,1fr) 34px; margin: 0; min-height: 38px; }
.service-choice > span { align-items: center; background: #e5e5e7; border: 1px solid #c9c9cc; color: #334163; display: flex; font-size: .72rem; justify-content: center; padding: 7px; text-align: center; }
.service-choice .form-check-input { align-self: stretch; border: 1px solid #b8b8ba; border-radius: 0; height: auto; margin: 0; width: 34px; }
.service-choice .form-check-input:checked { background-color: var(--pars-yellow); border-color: #aaa000; }
.installment-settings { background: #f8f8f3; border: 1px solid var(--pars-border); border-radius: 13px; margin: 0; padding: 4px 4px 18px; }
.payment-plan-preview tbody td:last-child { color: #776b00; font-weight: 700; }
.student-detail-grid small { color: var(--pars-muted); display: block; font-size: .68rem; margin-top: 4px; }
.registration-timeline > div { align-items: center; display: flex; gap: 14px; }
.registration-timeline small,.registration-timeline strong { display: block; }
.registration-timeline small { color: var(--pars-muted); font-size: .68rem; }
.registration-timeline strong { font-size: .95rem; margin-top: 3px; }
.timeline-icon { align-items: center; background: #efefe9; border-radius: 50%; display: flex; flex: 0 0 auto; height: 42px; justify-content: center; width: 42px; }
.timeline-icon.is-complete { background: var(--pars-yellow); }
.timeline-line { background: #d8d8d0; display: block; height: 27px; margin: 5px 0 5px 20px; width: 2px; }
.selected-services { display: flex; flex-wrap: wrap; gap: 9px; }
.selected-services span { align-items: center; background: #f3f3ed; border-radius: 30px; display: inline-flex; font-size: .75rem; font-weight: 650; gap: 7px; padding: 9px 13px; }
.selected-services i { color: #8f8300; }
@media(max-width:991.98px) { .service-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:575.98px) { .service-grid { grid-template-columns: 1fr; }.service-choice { min-height: 42px; }.student-record-form > .d-flex .btn { justify-content: center; width: 100%; } }

/* İK mülakat formu */
.hr-interview-form,.interview-detail-sheet{margin:0 auto;max-width:1240px}.interview-source-note{align-items:center;background:#fffbd8;border:1px solid #e8dd68;border-radius:12px;color:#665f00;display:flex;font-size:.78rem;font-weight:700;gap:9px;margin-bottom:16px;padding:11px 14px}.interview-sheet-section,.interview-detail-section{background:#fff;border:1px solid var(--pars-border);border-radius:18px;margin-bottom:18px;overflow:hidden}.interview-section-title{align-items:center;background:#fbfbf7;border-bottom:1px solid var(--pars-border);display:flex;gap:12px;padding:14px 18px}.interview-section-title>span{align-items:center;background:var(--pars-yellow);border-radius:9px;color:#171717;display:flex;flex:0 0 auto;font-size:.73rem;font-weight:950;height:31px;justify-content:center;width:31px}.interview-section-title h2{font-size:1rem;font-weight:900;letter-spacing:-.02em;margin:0}.interview-section-body,.interview-question-list{padding:20px 22px}.interview-question{border-bottom:1px solid #eeeeea;padding:0 0 18px}.interview-question+.interview-question{padding-top:18px}.interview-question:last-child{border-bottom:0;padding-bottom:0}.interview-question label{display:block;font-size:.82rem;font-weight:700;line-height:1.5;margin-bottom:9px}.interview-question label strong{color:#887d00;margin-right:4px}.interview-score-header,.interview-score-row{display:grid;grid-template-columns:minmax(270px,1.1fr) 275px minmax(230px,.9fr)}.interview-score-header{background:#202020;color:#fff;font-size:.65rem;font-weight:900;letter-spacing:.09em;padding:10px 18px;text-transform:uppercase}.interview-score-row{align-items:center;border-bottom:1px solid #eeeeea;gap:18px;padding:15px 18px}.interview-score-row:last-child{border-bottom:0}.interview-criterion strong,.interview-criterion small{display:block}.interview-criterion strong{font-size:.79rem}.interview-criterion small{color:#77776f;font-size:.68rem;line-height:1.45;margin-top:4px}.score-fieldset{margin:0;min-width:0}.score-options{align-items:center;display:flex;gap:5px}.score-options label{cursor:pointer;margin:0}.score-options input,.decision-options input{height:1px;opacity:0;position:absolute;width:1px}.score-options label span{align-items:center;background:#f0f0eb;border:1px solid #ddddD5;border-radius:9px;display:flex;font-size:.75rem;font-weight:850;height:35px;justify-content:center;transition:.15s ease;width:35px}.score-options input:focus-visible+span,.decision-options input:focus-visible+span{box-shadow:0 0 0 3px rgba(224,211,0,.35)}.score-options input:checked+span{background:var(--pars-yellow);border-color:#aaa000;color:#171717}.score-clear{align-items:center;background:transparent;border:0;border-radius:8px;color:#999;display:flex;height:32px;justify-content:center;margin-left:2px;width:28px}.score-clear:hover{background:#eee;color:#333}.score-note{font-size:.72rem;min-height:58px}.interview-guidance{align-items:flex-start;background:#f8f7e9;border-left:4px solid var(--pars-yellow);color:#656056;display:flex;font-size:.75rem;gap:9px;line-height:1.55;margin:0 0 18px;padding:11px 13px}.interview-guidance i{color:#938600}.mini-score-list{border:1px solid #ebebe4;border-radius:12px;overflow:hidden}.mini-score-row{align-items:center;display:flex;gap:18px;justify-content:space-between;padding:12px 14px}.mini-score-row+.mini-score-row{border-top:1px solid #eeeeea}.mini-score-row>strong{font-size:.77rem}.decision-options{display:flex;flex-wrap:wrap;gap:8px}.decision-options label{cursor:pointer}.decision-options span{background:#f2f2ed;border:1px solid #dfdfd8;border-radius:30px;display:block;font-size:.74rem;font-weight:750;padding:9px 14px}.decision-options input:checked+span{background:var(--pars-black);border-color:var(--pars-black);color:var(--pars-yellow)}.interview-save-bar{align-items:center;background:#fff;border:1px solid var(--pars-border);border-radius:16px;bottom:14px;box-shadow:0 15px 35px rgba(0,0,0,.12);display:flex;gap:20px;justify-content:space-between;margin-top:22px;padding:13px 16px;position:sticky;z-index:1010}.interview-live-total{align-items:center;display:flex;gap:12px}.interview-live-total small,.interview-live-total em{color:#85857d;font-size:.65rem;font-style:normal}.interview-live-total span{font-size:.75rem}.interview-live-total span strong{font-size:1.35rem}

/* İK mülakat detay ve yazdırma görünümü */
.interview-detail-sheet{background:#fff;border:1px solid var(--pars-border);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.interview-detail-header{align-items:center;background:#191919;border-top:7px solid var(--pars-yellow);color:#fff;display:flex;gap:28px;justify-content:space-between;padding:28px 32px}.interview-detail-header .section-kicker{color:var(--pars-yellow)}.interview-detail-header h2{font-size:1.45rem;font-weight:900;letter-spacing:-.035em;margin:6px 0}.interview-detail-header p{color:rgba(255,255,255,.55);font-size:.75rem;margin:0}.interview-detail-score{align-items:center;background:rgba(255,255,255,.08);border-radius:14px;display:flex;flex:0 0 auto;flex-direction:column;min-width:125px;padding:13px 18px}.interview-detail-score small{color:rgba(255,255,255,.55);font-size:.56rem;font-weight:900;letter-spacing:.12em}.interview-detail-score strong{color:var(--pars-yellow);font-size:1.8rem}.interview-detail-score strong span{color:#fff;font-size:.72rem}.interview-detail-score em{color:rgba(255,255,255,.55);font-size:.61rem;font-style:normal}.interview-detail-section{border:0;border-bottom:1px solid var(--pars-border);border-radius:0;margin:0}.interview-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 22px 22px}.interview-info-grid>div{border-bottom:1px solid #eeeeea;padding:12px}.interview-info-grid small,.interview-topic small,.interview-notes-grid small,.interview-detail-footer small{color:#898981;display:block;font-size:.58rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.interview-info-grid strong,.interview-topic strong{display:block;font-size:.77rem;margin-top:4px}.interview-answer-list{padding:8px 22px 18px}.interview-answer-list>div{padding:13px 8px}.interview-answer-list>div+div{border-top:1px solid #eeeeea}.interview-answer-list h3{align-items:flex-start;display:flex;font-size:.76rem;font-weight:800;gap:8px;line-height:1.5;margin:0 0 6px}.interview-answer-list h3 span{align-items:center;background:#f2e600;border-radius:50%;display:flex;flex:0 0 auto;font-size:.62rem;height:22px;justify-content:center;width:22px}.interview-answer-list p,.interview-notes-grid p{font-size:.74rem;line-height:1.6;margin:0 0 0 30px}.interview-result-heading,.interview-result-row{display:grid;grid-template-columns:minmax(280px,1.1fr) 80px minmax(240px,1fr)}.interview-result-heading{background:#202020;color:#fff;font-size:.59rem;font-weight:900;letter-spacing:.08em;padding:9px 22px;text-transform:uppercase}.interview-result-row{align-items:center;border-bottom:1px solid #eeeeea;gap:14px;padding:12px 22px}.interview-result-row:last-child{border-bottom:0}.interview-result-row strong,.interview-result-row small{display:block}.interview-result-row strong{font-size:.73rem}.interview-result-row small{color:#818179;font-size:.62rem;margin-top:3px}.interview-result-row>div:last-child{font-size:.71rem;line-height:1.45}.result-score{color:#766c00;font-size:1.05rem;font-weight:900}.result-score small{display:inline;font-size:.57rem;margin-left:2px}.interview-topic{background:#f8f8f3;border-radius:10px;margin:18px 22px 10px;padding:11px 13px}.mini-result-grid{display:grid;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr));padding:8px 22px 22px}.mini-result-grid>div{background:#f7f7f2;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;min-height:76px;padding:10px}.mini-result-grid span{font-size:.63rem;line-height:1.35}.mini-result-grid strong{font-size:.9rem;margin-top:7px}.interview-notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 22px 22px}.interview-notes-grid>div{border-bottom:1px solid #eeeeea;min-height:82px;padding:12px}.interview-notes-grid p{margin:6px 0 0}.interview-outcome{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));padding:18px 22px 2px}.interview-outcome>div{background:#f7f7f2;border-left:4px solid var(--pars-yellow);border-radius:9px;padding:12px 14px}.interview-outcome small{color:#888880;display:block;font-size:.57rem;font-weight:900;letter-spacing:.09em}.interview-outcome strong{display:block;font-size:.88rem;margin-top:5px}.interview-wide-note{grid-column:1/-1}.interview-detail-footer{align-items:end;border-top:1px solid #deded7;display:flex;gap:20px;justify-content:space-between;margin:0 34px 24px;padding-top:17px}.interview-detail-footer strong{display:block;font-size:.75rem;margin-top:5px}.interview-danger-zone{display:flex;justify-content:flex-end;margin:18px auto 0;max-width:1240px}

@media(max-width:991.98px){.interview-score-header{display:none!important}.interview-score-row{grid-template-columns:1fr}.interview-result-heading{display:none}.interview-result-row{grid-template-columns:minmax(0,1fr) 70px}.interview-result-row>div:last-child{grid-column:1/-1}.mini-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.interview-detail-header{align-items:flex-start}.interview-save-bar{align-items:flex-start;flex-direction:column}.interview-save-bar>div:last-child{justify-content:flex-end;width:100%}}
@media(max-width:575.98px){.interview-section-body,.interview-question-list{padding:16px 14px}.interview-score-row{padding:15px 14px}.mini-score-row{align-items:flex-start;flex-direction:column}.interview-save-bar{bottom:8px}.interview-save-bar>div:last-child .btn{flex:1}.interview-detail-header{padding:22px 18px}.interview-detail-header h2{font-size:1.15rem}.interview-detail-score{min-width:98px;padding:10px}.interview-info-grid,.interview-notes-grid,.interview-outcome{grid-template-columns:1fr;padding-left:14px;padding-right:14px}.interview-answer-list{padding-left:14px;padding-right:14px}.interview-result-row{padding-left:14px;padding-right:14px}.mini-result-grid{grid-template-columns:1fr;padding-left:14px;padding-right:14px}.interview-detail-footer{align-items:flex-start;flex-direction:column;margin-left:22px;margin-right:22px}.interview-live-total{flex-wrap:wrap}}
@media print{body{background:#fff!important}.sidebar,.sidebar-backdrop,.topbar,.app-footer,.interview-print-actions{display:none!important}.app-main{margin:0!important}.app-content{max-width:none!important;padding:0!important}.interview-detail-sheet{border:0;border-radius:0;box-shadow:none;max-width:none}.interview-detail-header{print-color-adjust:exact;-webkit-print-color-adjust:exact}.interview-detail-section,.interview-result-row,.interview-answer-list>div,.interview-notes-grid>div{break-inside:avoid;page-break-inside:avoid}.interview-section-title,.interview-answer-list h3 span,.interview-outcome>div{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
.appointment-slot.is-selected{background:#f6df00!important;border-color:#171717!important}
@media(max-width:767.98px){.appointment-slots{gap:8px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.appointment-slot{border-radius:10px;min-height:48px;padding:5px}.appointment-slot strong{font-size:13px}.appointment-slot small{font-size:8px}.appointment-picker{border-radius:14px;padding:12px}}
@media(max-width:340px){.appointment-slots{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.appointment-picker{background:#f8f8f5;border:1px solid #e4e4de;border-radius:18px;padding:18px}.appointment-empty{align-items:center;color:#777;display:flex;gap:12px;justify-content:center;min-height:92px;text-align:left}.appointment-empty>i{align-items:center;background:#171717;border-radius:50%;color:#f6df00;display:flex;font-size:20px;height:44px;justify-content:center;width:44px}.appointment-empty span{display:flex;flex-direction:column}.appointment-empty strong{color:#252525}.appointment-empty small{margin-top:3px}.appointment-summary{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:15px}.appointment-summary>span{font-weight:800}.appointment-summary>span i{color:#a89900;margin-right:6px}.appointment-legend{display:flex;flex-wrap:wrap;gap:10px 14px}.appointment-legend small{align-items:center;color:#666;display:flex;gap:5px}.appointment-legend i{border:1px solid #171717;border-radius:4px;display:inline-block;height:11px;width:11px}.appointment-legend .is-selected{background:#f6df00}.appointment-legend .is-booked{background:#e5e5e2;border-color:#c7c7c2}.appointment-slots{display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr))}.appointment-slot{align-items:center;background:#fff;border:1.5px solid #171717;border-radius:13px;color:#171717;display:flex;flex-direction:column;gap:1px;justify-content:center;min-height:58px;padding:8px;transition:.16s ease}.appointment-slot strong{font-size:15px}.appointment-slot small{color:#707070;font-size:10px;font-weight:700;text-transform:uppercase}.appointment-slot:not(:disabled):hover{background:#fffbea;border-color:#b6a400;transform:translateY(-1px)}.appointment-slot.is-selected{background:#f6df00;border-color:#171717;box-shadow:0 5px 13px rgba(23,23,23,.14)}.appointment-slot.is-selected small{color:#171717}.appointment-slot.is-booked{background:#e8e8e5;border-color:#d0d0cb;color:#999;cursor:not-allowed;text-decoration:line-through}.appointment-slot.is-booked small{color:#999;text-decoration:none}.appointment-no-slots{background:#fff3cd;border-radius:12px;color:#664d03;margin:0;padding:14px;text-align:center}@media(max-width:767.98px){.appointment-picker{padding:14px}.appointment-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.appointment-summary{align-items:flex-start;flex-direction:column}}@media(max-width:390px){.appointment-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* Puantaj */
.timesheet-earned { background: #e3f6e9; border-radius: 8px; color: #176b39; display: inline-block; font-weight: 900; padding: 7px 10px; white-space: nowrap; }
.app-table tfoot th { background: #171717; border: 0; color: #fff; font-size: .72rem; padding: 15px 18px; }
@media print {
    .sidebar, .topbar, .app-footer, .no-print { display: none !important; }
    .app-main { margin: 0 !important; }
    .app-content { padding: 0 !important; }
    .panel-card, .stat-card { break-inside: avoid; box-shadow: none !important; }
}

/* Öğretmen puantaj fişi */
.receipt-actions { display:flex; justify-content:flex-end; gap:10px; margin-bottom:18px; }
.timesheet-receipt { background:#fff; border:1px solid var(--pars-border); border-radius:20px; box-shadow:var(--shadow); margin:0 auto; max-width:920px; overflow:hidden; }
.receipt-header { align-items:flex-start; background:#171717; border-top:7px solid var(--pars-yellow); color:#fff; display:flex; justify-content:space-between; padding:28px 32px; }
.receipt-header h2 { font-size:1.55rem; font-weight:900; margin:5px 0; }.receipt-header p { color:rgba(255,255,255,.6); margin:0; }.receipt-number { background:var(--pars-yellow); border-radius:8px; color:#171717; font-size:.75rem; font-weight:900; padding:8px 10px; }
.receipt-teacher { display:grid; gap:1px; grid-template-columns:repeat(2,minmax(0,1fr)); background:var(--pars-border); border-bottom:1px solid var(--pars-border); }.receipt-teacher>div { background:#fff; padding:17px 22px; }.receipt-teacher span,.receipt-total span { color:#8c8c83; display:block; font-size:.6rem; font-weight:900; letter-spacing:.09em; }.receipt-teacher strong { display:block; font-size:.82rem; margin-top:5px; }
.receipt-table { border-collapse:collapse; width:100%; }.receipt-table th { background:#fafaf7; color:#898980; font-size:.62rem; letter-spacing:.08em; padding:12px 18px; text-transform:uppercase; }.receipt-table td { border-top:1px dashed #deded6; font-size:.78rem; padding:13px 18px; }.receipt-empty { color:#888; padding:35px!important; text-align:center; }
.receipt-total { align-items:stretch; background:#f6f6f1; border-top:2px solid #171717; display:grid; grid-template-columns:1fr 1fr 1.3fr; }.receipt-total>div { border-right:1px solid #dddcd4; padding:18px 22px; }.receipt-total>div:last-child { border-right:0; }.receipt-total strong { display:block; font-size:1.1rem; margin-top:5px; }.receipt-total .receipt-pay { background:var(--pars-yellow); }.receipt-total .receipt-pay span { color:#655d00; }.receipt-total .receipt-pay strong { font-size:1.35rem; }
.receipt-note { color:#77776e; font-size:.7rem; margin:0; padding:15px 22px; text-align:center; }
@media (max-width: 767.98px) { .receipt-header { padding:22px 20px; }.receipt-teacher { grid-template-columns:1fr; }.receipt-table th,.receipt-table td { padding:10px; }.receipt-total { grid-template-columns:1fr; }.receipt-total>div { border-bottom:1px solid #dddcd4; border-right:0; } }
@media print { .timesheet-receipt { border:0; border-radius:0; box-shadow:none; max-width:none; }.receipt-header { print-color-adjust:exact; -webkit-print-color-adjust:exact; }.receipt-total .receipt-pay { print-color-adjust:exact; -webkit-print-color-adjust:exact; } }
.student-sheet-table{max-height:calc(100vh - 285px);overflow:auto}.student-sheet-table thead th{position:sticky;top:0;z-index:2;background:#f7f7f3;white-space:nowrap}.student-sheet-table tbody tr[hidden]{display:none}.student-sheet-table td{white-space:nowrap}.student-sheet-table td:nth-child(2),.student-sheet-table td:nth-child(5){white-space:normal;min-width:180px}@media(max-width:991.98px){.student-sheet-table{max-height:none}}
.schedule-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.schedule-week-nav{display:flex;align-items:center;gap:8px}.schedule-week-nav strong{min-width:205px;text-align:center}.schedule-class-filter{min-width:190px}.schedule-layout{display:grid;grid-template-columns:72px repeat(7,minmax(145px,1fr));grid-template-rows:68px 840px;overflow:auto;background:#fff}.schedule-corner,.schedule-day-head{position:sticky;top:0;z-index:5;background:#f8f8f5;border-bottom:1px solid #ddd;border-right:1px solid #e7e7e2;display:flex;align-items:center;justify-content:center}.schedule-day-head{flex-direction:column}.schedule-day-head span{font-size:.75rem;color:#777}.schedule-day-head.is-today{background:#fff8c7;color:#111}.schedule-time-axis{position:sticky;left:0;z-index:4;background:#fafaf8;border-right:1px solid #ddd;position:relative}.schedule-time-axis span{position:absolute;top:calc(var(--slot)*60px - 8px);right:12px;font-size:.72rem;color:#777}.schedule-day-column{position:relative;border-right:1px solid #e5e5df;background:repeating-linear-gradient(to bottom,#fff 0,#fff 59px,#ecece7 60px)}.schedule-hour-hit{position:absolute;top:calc(var(--slot)*60px);left:0;width:100%;height:60px;border:0;background:transparent}.schedule-hour-hit:hover{background:rgba(246,223,0,.08)}.schedule-event{position:absolute;top:var(--top);height:var(--height);min-height:38px;left:5px;right:5px;z-index:2;border:0;border-left:4px solid var(--event-color);border-radius:8px;background:color-mix(in srgb,var(--event-color) 14%,white);box-shadow:0 3px 12px rgba(0,0,0,.08);padding:7px 9px;overflow:hidden;display:flex;flex-direction:column}.schedule-event>span{font-size:.67rem;font-weight:700;color:var(--event-color)}.schedule-event>strong{font-size:.82rem;line-height:1.2}.schedule-event>small{font-size:.68rem;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-event[hidden]{display:none}.schedule-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px}.schedule-footer>div{display:flex;flex-direction:column}.schedule-footer small{color:#777}.schedule-footer form{min-width:440px}@media(max-width:991.98px){.schedule-toolbar,.schedule-footer{align-items:stretch;flex-direction:column}.schedule-footer form{min-width:0}.schedule-layout{grid-template-columns:64px repeat(7,150px)}}
.schedule-teacher-filter{min-width:220px}.schedule-event{border-left-color:var(--subject-color,var(--event-color));background:color-mix(in srgb,var(--subject-color,var(--event-color)) 14%,white)}
.study-stat-card{align-items:center;background:#fff;border:1px solid var(--pars-border);border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.045);display:flex;gap:14px;min-height:104px;padding:17px}.study-stat-card>div{display:flex;flex-direction:column;min-width:0}.study-stat-card small{color:#777;font-size:.68rem;font-weight:750;letter-spacing:.035em;text-transform:uppercase}.study-stat-card strong{font-size:1.45rem;letter-spacing:-.04em;line-height:1.15;margin-top:5px}.study-stat-card .study-next-date{font-size:1rem}.study-stat-icon{align-items:center;border-radius:13px;display:flex;flex:0 0 48px;font-size:1.3rem;height:48px;justify-content:center}.study-stat-icon.is-yellow{background:#fff6a8;color:#766c00}.study-stat-icon.is-dark{background:#202020;color:var(--pars-yellow)}.study-stat-icon.is-blue{background:#e6f0ff;color:#225ca8}.study-stat-icon.is-green{background:#e4f7ec;color:#1e7a46}.study-topic-cards{display:grid;gap:10px}.study-topic-card{align-items:center;background:#fafaf7;border:1px solid #e8e8e1;border-radius:13px;display:flex;gap:14px;justify-content:space-between;padding:13px 14px}.study-topic-card>div{display:flex;flex-direction:column;min-width:0}.study-topic-card strong{font-size:.82rem}.study-topic-card small{color:#85857d;font-size:.68rem;margin-top:3px}.study-topic-card>span{background:#171717;border-radius:20px;color:var(--pars-yellow);font-size:.7rem;font-weight:850;padding:7px 10px;white-space:nowrap}.student-request-card{background:linear-gradient(145deg,#fffef3,#fff);border:1px solid #e5df9d;border-radius:14px;display:flex;flex-direction:column;height:100%;padding:15px}.student-request-card>span{color:#8b8000;font-size:.67rem;font-weight:850}.student-request-card>strong{font-size:.82rem;line-height:1.45;margin-top:6px}.student-request-card>small{color:#777;font-size:.69rem;margin-top:4px}.student-request-card>em{align-self:flex-start;background:#fff1b8;border-radius:20px;color:#6c6000;font-size:.64rem;font-style:normal;font-weight:800;margin-top:11px;padding:5px 8px}