.extension-hero{margin-bottom:24px}
.extension-assignment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.extension-assignment{padding:24px;border:1px solid var(--growth-border,var(--line));border-radius:24px;background:var(--growth-surface,var(--panel));box-shadow:var(--shadow)}
.extension-assignment.is-due-soon{border-color:rgba(211,148,39,.5);background:linear-gradient(145deg,var(--growth-surface,var(--panel)),rgba(255,199,83,.09))}
.extension-assignment.is-overdue{border-color:rgba(224,67,101,.45);background:linear-gradient(145deg,var(--growth-surface,var(--panel)),rgba(224,67,101,.08))}
.extension-assignment-head,.extension-parent-child{display:flex;align-items:center;justify-content:space-between;gap:14px}
.extension-assignment h3{margin:18px 0 8px;font-size:1.35rem}.extension-richtext{color:var(--muted);line-height:1.7}.extension-richtext p{margin:.5em 0}
.extension-due{font-weight:800;margin:16px 0}.extension-approved{display:inline-flex;padding:10px 15px;border-radius:999px;color:#176847;background:rgba(46,181,124,.13);font-weight:900}
.certificate-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.certificate-actions .btn{padding:.62rem .9rem;text-decoration:none}
.extension-vip-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 22px}.extension-vip-benefits span{padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--panel);font-weight:750}
.extension-vip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.extension-vip-plan{position:relative;padding:28px;border:1px solid var(--line);border-radius:26px;background:var(--panel);box-shadow:var(--shadow)}.extension-vip-plan.is-featured{border-color:rgba(122,67,198,.45);transform:translateY(-8px);background:linear-gradient(145deg,var(--panel),rgba(226,112,156,.09))}.extension-vip-plan h3{font-size:1.35rem;margin:17px 0 7px}.extension-vip-price{display:block;font-size:2.2rem;color:var(--purple);margin:10px 0}.extension-vip-plan ul{padding-left:20px;line-height:1.9;color:var(--muted);min-height:120px}.extension-vip-plan .btn{width:100%}
.extension-parent-controls{margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}.extension-parent-reports{display:grid;gap:12px;margin-top:16px}.extension-parent-report{padding:17px;border:1px solid var(--line);border-radius:19px;background:color-mix(in srgb,var(--panel-strong,#fff) 86%,transparent)}
.extension-parent-child img{width:48px;height:48px;border-radius:15px;object-fit:cover}.extension-parent-child span{flex:1;display:grid;gap:4px}.extension-parent-child small{color:var(--muted)}.extension-parent-child>button{width:34px;height:34px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--muted);cursor:pointer;font-size:1.1rem}
.extension-weekly-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}.extension-weekly-metrics span{padding:10px;border-radius:13px;background:color-mix(in srgb,var(--purple) 8%,transparent);text-align:center;font-size:.78rem}.extension-weekly-metrics b{display:block;font-size:1.05rem}
.extension-video{position:relative;aspect-ratio:16/9;margin:14px 0;border-radius:17px;overflow:hidden;background:#151222}.extension-video iframe,.extension-video video{position:absolute;inset:0;width:100%;height:100%;border:0}.growth-faq>button em{margin-left:7px;padding:3px 7px;border-radius:999px;color:var(--purple);background:color-mix(in srgb,var(--purple) 11%,transparent);font-size:.67rem;font-style:normal}
body.dark-mode .extension-assignment,body.dark-mode .extension-vip-plan,body.dark-mode .extension-vip-benefits span,body.dark-mode .extension-parent-report{background:#211f30;color:var(--text);border-color:rgba(192,180,255,.18)}
body.dark-mode .extension-vip-plan.is-featured{background:linear-gradient(145deg,#29253d,rgba(110,57,126,.72));border-color:rgba(215,178,255,.46)}body.dark-mode .extension-approved{color:#9ce5c6;background:rgba(46,181,124,.14)}
@media(max-width:900px){.extension-vip-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.extension-vip-grid{grid-template-columns:1fr}.extension-vip-plan.is-featured{transform:none}.extension-assignment-grid{grid-template-columns:1fr}}
@media(max-width:560px){.extension-vip-benefits{grid-template-columns:1fr}.extension-assignment,.extension-vip-plan{padding:18px;border-radius:20px}.extension-weekly-metrics{grid-template-columns:1fr}.certificate-actions{flex-direction:column}.certificate-actions .btn{width:100%}}