.study-plans { --sp-accent:var(--color1,#7022b8);--sp-ink:#302740;--sp-muted:#81758f;display:grid;gap:28px;padding:32px;border:1px solid #ece3f7;border-radius:24px;background:#fff;color:var(--sp-ink);box-shadow:0 10px 40px #39224b05; }
.study-plans .sp-heading { display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:24px;border-bottom:1px solid #f0eaf7; }.study-plans h1 { font-size:1.65rem;font-weight:750;margin:12px 0;color:var(--sp-ink); }.study-plans .sp-heading p,.study-plans .sp-section-heading p { font-size:.85rem;line-height:2;color:var(--sp-muted);margin:0; }.study-plans .sp-eyebrow { display:inline-block;background:#f7f0fd;color:var(--sp-accent);padding:6px 12px;border-radius:9px;font-size:.75rem; }.study-plans .sp-heading-icon { display:grid;place-items:center;flex-shrink:0;width:64px;height:64px;background:#f5edfc;color:var(--sp-accent);border-radius:20px;font-size:1.5rem; }
.study-plans .sp-options { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px; }.study-plans .sp-option { display:flex;flex-direction:column;align-items:stretch;gap:18px;text-align:start;border:1px solid #e7d9f4;border-radius:20px;padding:26px;background:#fcf9ff;color:var(--sp-ink);font-family:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s;min-width:0; }.study-plans .sp-option-top { display:flex;align-items:center;justify-content:space-between; }.study-plans .sp-option-icon { display:grid;place-items:center;width:44px;height:44px;border-radius:13px;color:var(--sp-accent);background:#eee0fa;font-size:1.15rem; }.study-plans .sp-check { color:#d8c4e9;font-size:1rem; }.study-plans .sp-option strong { font-size:1.05rem;line-height:1.9;font-weight:700; }.study-plans .sp-option > span:last-child { font-size:.8rem;line-height:2;color:var(--sp-muted);border-top:1px solid #e8dcf5;padding-top:14px; }.study-plans .sp-option:hover:not(:disabled) { border-color:#b981dd;box-shadow:0 6px 20px #7022b80e; }.study-plans .sp-option.is-selected { background:linear-gradient(120deg,#ae2aee,#5a0daa);color:white;border-color:transparent;box-shadow:0 8px 20px #7022b820; }.study-plans .sp-option.is-selected .sp-option-icon { background:#ffffff24;color:#fff; }.study-plans .sp-option.is-selected .sp-check { color:#fff; }.study-plans .sp-option.is-selected > span:last-child { color:#f1e2ff;border-color:#ffffff28; }.study-plans .sp-option:focus-visible,.study-plans summary:focus-visible { outline:3px solid #a155d7;outline-offset:4px; }.study-plans .sp-option:disabled { cursor:wait; }
.study-plans .sp-week-section { display:grid;gap:22px; }.study-plans .sp-section-heading { display:flex;align-items:center;justify-content:space-between;gap:16px; }.study-plans h2 { font-size:1.1rem;font-weight:700;margin:0 0 8px;color:var(--sp-ink); }.study-plans .sp-badge,.study-plans .sp-week-number { display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:10px;background:#f3e9fc;color:var(--sp-accent);font-size:.78rem;white-space:nowrap; }.study-plans .sp-timeline { display:grid;gap:16px; }.study-plans .sp-week { border:1px solid #e9dff4;border-radius:16px;overflow:hidden; }.study-plans .sp-week summary { display:flex;align-items:center;gap:20px;padding:22px;cursor:pointer;list-style:none;background:#fdfaff; }.study-plans .sp-week summary::-webkit-details-marker { display:none; }.study-plans h3 { margin:0;color:var(--sp-ink);font-size:.95rem;font-weight:650;line-height:1.9;overflow-wrap:anywhere; }.study-plans .sp-week summary > i { margin-inline-start:auto;color:#a68bbb;font-size:.8rem; }.study-plans .sp-week[open] summary > i { transform:rotate(180deg); }.study-plans .sp-week[open] summary { border-bottom:1px solid #f0e9f7; }.study-plans .sp-week-content { white-space:pre-wrap;overflow-wrap:anywhere;padding:28px;font-size:.9rem;line-height:2.25;color:#5d5269; }
.study-plans .sp-empty { padding:36px 24px;border:1px dashed #e3d6ee;border-radius:16px;text-align:center;color:var(--sp-muted);font-size:.85rem;line-height:2; }.study-plans .sp-empty > i { display:block;margin-bottom:16px;color:#bb9bd4;font-size:1.6rem; }.study-plans .sp-empty p { margin:0; }.study-plans .sp-status { display:flex;align-items:center;gap:12px;padding:18px;background:#faf6ff;border-radius:12px;color:var(--sp-accent);font-size:.85rem; }
.study-plans .sp-toolbar { display:flex;align-items:center;gap:16px;flex-wrap:wrap; }.study-plans .sp-toolbar label { flex-shrink:0;margin:0;font-size:.85rem;font-weight:600; }.study-plans .sp-toolbar select { flex:1 1 260px;max-width:520px;min-width:0;padding-block:12px;padding-inline:16px 44px;text-align:start;background-position:right 16px center; }.study-plans[dir="rtl"] .sp-toolbar select { background-position:left 16px center; }.study-plans .sp-toolbar > button { flex-shrink:0; }.study-plans .form-select,.study-plans .form-control { border-color:#e5d9ef;border-radius:10px;min-height:44px;background-color:#fff; }.study-plans textarea { resize:vertical;line-height:2; }.study-plans .sp-admin-grid { display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start; }.study-plans .sp-panel { padding:24px;border:1px solid #e9dff4;border-radius:18px;min-width:0; }.study-plans .sp-admin-list { display:grid;gap:14px;margin-top:20px; }.study-plans .sp-admin-row { display:flex;justify-content:space-between;gap:18px;padding:18px;background:#fcfaff;border:1px solid #eee5f7;border-radius:14px; }.study-plans .sp-admin-row.is-editing { border-color:#b480d6;background:#faf3ff; }.study-plans .sp-admin-row h3 { margin:12px 0 8px; }.study-plans .sp-row-actions { display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px; }.study-plans .sp-publish { color:#91829c;font-size:.72rem; }.study-plans .sp-publish.is-published { color:#318368; }.study-plans .sp-form { display:grid;gap:20px;min-width:0;margin-top:20px; }.study-plans .sp-form label { display:block;margin-bottom:10px;font-size:.85rem; }.study-plans .sp-form .sp-checkbox { display:flex;align-items:center;gap:10px;margin:0; }.study-plans .sp-hint { margin:0;color:var(--sp-muted);font-size:.78rem;line-height:1.9; }.study-plans .btn { font-size:.8rem;border-radius:10px; }.study-plans .sp-form > button { justify-self:start; }.study-plans .sp-delete { display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:20px;border:1px solid #f1ced5;border-radius:14px;background:#fff7f8; }.study-plans .sp-delete > span { flex:1; }
@media(max-width:1199px){.study-plans .sp-admin-grid { grid-template-columns:minmax(0,1fr); }.study-plans .sp-option { padding:22px; }.study-plans .sp-option strong { font-size:.95rem; }}
@media(max-width:767px){.study-plans { padding:22px;gap:22px; }.study-plans .sp-options { grid-template-columns:minmax(0,1fr);gap:14px; }.study-plans .sp-option { gap:12px; }.study-plans .sp-heading-icon { width:48px;height:48px;font-size:1.2rem; }.study-plans h1 { font-size:1.35rem; }.study-plans .sp-panel { padding:20px; }.study-plans .sp-admin-row { flex-direction:column; }.study-plans .sp-week summary { padding:18px;gap:12px; }.study-plans .sp-week-content { padding:20px; }}
@media(max-width:479px){.study-plans { padding:16px; }.study-plans .sp-heading-icon { display:none; }.study-plans .sp-toolbar select { flex-basis:100%; }.study-plans .sp-section-heading { align-items:flex-start; }.study-plans .sp-week summary { flex-wrap:wrap; }.study-plans .sp-week summary h3 { flex-basis:65%; }}
@media(prefers-reduced-motion:reduce){.study-plans .sp-option { transition:none; }}

.study-plans .sp-age-tabs { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px; }
.study-plans .sp-age-tab { display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;padding:18px;border:1px solid #e5d7ef;border-radius:14px;background:#faf7fd;color:#7425b6;font:inherit;font-size:.9rem;font-weight:600;cursor:pointer; }
.study-plans .sp-age-tab.is-selected { color:#fff;background:linear-gradient(120deg,var(--color2,#a52bea),var(--color1,#7425b6));border-color:transparent;box-shadow:0 5px 16px #7425b620; }
.study-plans .sp-age-tab:focus-visible { outline:3px solid #7425b6;outline-offset:3px; }.study-plans .sp-age-tab:disabled { opacity:.6;cursor:wait; }
@media(max-width:479px){.study-plans .sp-age-tabs { gap:8px; }.study-plans .sp-age-tab { flex-direction:column;padding:14px 6px;font-size:.8rem; }}

.study-plans .sp-manage-heading > a.btn { flex-shrink:0;white-space:nowrap; }
@media(max-width:575px){.study-plans .sp-manage-heading { flex-direction:column;align-items:stretch; }.study-plans .sp-manage-heading > a.btn { align-self:flex-start; }}

.sp-audio-upload{display:grid;gap:.75rem;padding:1rem;border:1px solid #e6d7fa;border-radius:14px;background:var(--bs-body-bg,#fff);min-width:0}
.sp-audio-upload + .sp-audio-upload{margin-top:.75rem}

.study-plans .sp-destinations { grid-template-columns:repeat(3,minmax(0,1fr)); }
.study-plans .sp-destination { text-decoration:none; }
.study-plans .sp-destination:focus-visible { outline:3px solid var(--sp-accent);outline-offset:4px; }
@media(max-width:767px){.study-plans .sp-destinations { grid-template-columns:minmax(0,1fr); }}