.growth-shell{background:var(--color-background,var(--bg-page));min-height:100vh;color:var(--color-text-primary,var(--text-primary));padding-bottom:5rem;overflow-x:clip}.growth-shell>header{z-index:var(--z-sticky);border-bottom:1px solid var(--color-border,var(--border-default));background:color-mix(in srgb,var(--color-surface,var(--bg-card)) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;min-height:4.5rem;padding:.75rem max(1rem,50vw - 38rem);display:flex;position:sticky;top:0}.growth-shell>header>div{align-items:center;gap:.75rem;display:flex}.growth-shell>header button[aria-label]{border-radius:var(--radius-control);width:2.5rem;height:2.5rem;color:var(--color-text-secondary,var(--text-secondary));place-items:center;display:grid}.growth-shell>header button[aria-label]:hover{background:var(--bg-subtle)}.growth-brand-mark{background:var(--color-primary,var(--brand-primary));color:#fff;border-radius:.75rem;place-items:center;width:2.5rem;height:2.5rem;font-weight:900;display:grid}.growth-shell>header b,.growth-shell>header small{display:block}.growth-shell>header small{color:var(--color-text-secondary,var(--text-muted));margin-top:.12rem;font-size:.68rem}.growth-shell>main{width:min(76rem,100%);margin:auto;padding:1.5rem}.growth-shell>nav{z-index:var(--z-sticky);border-top:1px solid var(--color-border,var(--border-default));background:color-mix(in srgb,var(--color-surface,var(--bg-card)) 94%,transparent);padding:.4rem max(.25rem,calc((100vw - 36rem)/2)) max(.4rem,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.growth-shell>nav a{border-radius:var(--radius-control);min-height:3.4rem;color:var(--color-text-secondary,var(--text-muted));flex-direction:column;justify-content:center;align-items:center;gap:.2rem;font-size:.66rem;font-weight:700;display:flex}.growth-shell>nav a svg{width:1.18rem}.growth-shell>nav a.active{background:var(--color-primary-soft,var(--brand-primary-light));color:var(--color-primary,var(--brand-primary))}.growth-dashboard{min-width:0}.growth-heading{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;display:flex}.growth-heading span,.growth-editor-head span{color:var(--color-primary,var(--brand-primary));letter-spacing:.13em;font-size:.66rem;font-weight:850}.growth-heading h1{letter-spacing:-.035em;margin-top:.28rem;font-size:clamp(1.8rem,4vw,2.55rem);font-weight:850}.growth-heading p{color:var(--color-text-secondary,var(--text-muted));margin-top:.35rem;font-size:.88rem}.growth-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.growth-stat-grid article{border:1px solid var(--color-border,var(--border-default));border-radius:var(--radius-card);background:var(--color-surface,var(--bg-card));min-width:0;box-shadow:var(--shadow-xs);align-items:center;gap:.85rem;padding:1rem;display:flex}.growth-stat-grid article>span{background:var(--color-primary-soft,var(--brand-primary-light));width:2.55rem;height:2.55rem;color:var(--color-primary,var(--brand-primary));border-radius:.75rem;flex:none;place-items:center;display:grid}.growth-stat-grid svg{width:1.2rem}.growth-stat-grid small,.growth-stat-grid strong{display:block}.growth-stat-grid small{color:var(--color-text-secondary,var(--text-muted));font-size:.72rem}.growth-stat-grid strong{margin-top:.22rem;font-size:1.45rem}.growth-filters{border:1px solid var(--color-border,var(--border-default));border-radius:var(--radius-card);background:var(--color-surface,var(--bg-card));margin:1rem 0;padding:1rem}.growth-filters summary{cursor:pointer;font-size:.82rem;font-weight:800}.growth-filters>div{grid-template-columns:.8fr 1fr 1fr 1fr 1.35fr;gap:.7rem;margin-top:.8rem;display:grid}.growth-filters label{min-width:0;color:var(--color-text-secondary,var(--text-muted));font-size:.68rem;font-weight:700}.growth-filters .input{margin-top:.35rem}.growth-search{display:block;position:relative}.growth-search svg{width:1rem;color:var(--text-muted);position:absolute;top:1.1rem;left:.75rem}.growth-search .input{padding-left:2.3rem}.growth-list{flex-direction:column;gap:.65rem;display:flex}.growth-lesson-card{border:1px solid var(--color-border,var(--border-default));border-radius:var(--radius-card);background:var(--color-surface,var(--bg-card));min-width:0;box-shadow:var(--shadow-xs);justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.growth-lesson-card:hover{border-color:color-mix(in srgb,var(--color-primary,var(--brand-primary)) 45%,var(--color-border,var(--border-default)))}.growth-lesson-main{align-items:flex-start;gap:.85rem;min-width:0;display:flex}.growth-avatar{background:var(--brand-green-light);width:2.65rem;height:2.65rem;color:var(--brand-green);border-radius:.8rem;flex:none;place-items:center;font-weight:850;display:grid}.growth-lesson-card h3{font-size:1rem;font-weight:820}.growth-course{color:var(--color-text-secondary,var(--text-secondary));margin-top:.18rem;font-size:.78rem;font-weight:650}.growth-meta{color:var(--color-text-secondary,var(--text-muted));flex-wrap:wrap;gap:.35rem .75rem;margin-top:.55rem;font-size:.69rem;display:flex}.growth-meta span{align-items:center;gap:.25rem;display:inline-flex}.growth-meta svg{width:.8rem;height:.8rem}.growth-lesson-side{flex-direction:column;flex:none;align-items:flex-end;gap:.2rem;display:flex}.growth-lesson-side small{color:var(--color-text-secondary,var(--text-muted));font-size:.62rem}.growth-lesson-side time{font-size:.68rem;font-weight:650}.growth-card-actions{gap:.4rem;margin-top:.35rem;display:flex}.growth-card-actions button{min-height:2.25rem;padding:.4rem .7rem;font-size:.72rem}.growth-status{border-radius:999px;padding:.24rem .52rem;font-size:.64rem;font-weight:800;display:inline-flex}.growth-status-pending{background:var(--warning-light);color:var(--warning)}.growth-status-draft{background:var(--info-light);color:var(--info)}.growth-status-published{background:var(--success-light);color:var(--success)}.growth-status-withdrawn{background:var(--neutral-light);color:var(--text-muted)}.growth-state{border:1px dashed var(--color-border,var(--border-default));border-radius:var(--radius-card);background:var(--color-surface,var(--bg-card));text-align:center;align-content:center;place-items:center;min-height:19rem;padding:2rem;display:grid}.growth-state>svg{width:2rem;height:2rem;color:var(--color-primary,var(--brand-primary));margin-bottom:.8rem}.growth-state strong{font-size:1rem}.growth-state p{max-width:28rem;color:var(--color-text-secondary,var(--text-muted));margin:.35rem 0 1rem;font-size:.8rem}.growth-state.error>svg,.growth-state.error strong{color:var(--error)}.growth-skeleton{gap:.7rem;display:grid}.growth-skeleton i{border-radius:var(--radius-card);background:linear-gradient(90deg,var(--bg-subtle),var(--color-surface,var(--bg-card)),var(--bg-subtle));background-size:200% 100%;height:7rem;animation:1.2s infinite growth-shimmer;display:block}@keyframes growth-shimmer{to{background-position:-200% 0}}.growth-editor{min-width:0}.growth-back{color:var(--color-primary,var(--brand-primary));align-items:center;gap:.35rem;margin-bottom:1rem;font-size:.78rem;font-weight:750;display:inline-flex}.growth-back svg{width:1rem}.growth-editor-head{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem;display:flex}.growth-editor-head h1{margin-top:.3rem;font-size:clamp(1.55rem,4vw,2.15rem);font-weight:850}.growth-editor-head p{color:var(--color-text-secondary,var(--text-muted));margin-top:.25rem;font-size:.8rem}.growth-editor-status{text-align:right}.growth-editor-status b,.growth-editor-status small{display:block}.growth-editor-status b{color:var(--color-primary,var(--brand-primary));font-size:.82rem}.growth-editor-status small{color:var(--color-text-secondary,var(--text-muted));margin-top:.25rem;font-size:.68rem}.growth-lesson-info{border:1px solid var(--color-border,var(--border-default));border-radius:var(--radius-card);background:var(--color-border,var(--border-default));grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-bottom:1rem;display:grid;overflow:hidden}.growth-lesson-info>div{background:var(--color-surface,var(--bg-card));min-width:0;padding:.8rem}.growth-lesson-info small,.growth-lesson-info b{display:block}.growth-lesson-info small{color:var(--color-text-secondary,var(--text-muted));font-size:.64rem}.growth-lesson-info b{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.25rem;margin-top:.25rem;font-size:.76rem;display:flex;overflow:hidden}.growth-lesson-info svg{width:.85rem}.growth-panel{border:1px solid var(--color-border,var(--border-default));border-radius:var(--radius-card);background:var(--color-surface,var(--bg-card));box-shadow:var(--shadow-xs);margin-bottom:1rem;padding:1.15rem}.growth-section-title{align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.growth-section-title>span{background:var(--color-primary-soft,var(--brand-primary-light));width:2rem;height:2rem;color:var(--color-primary,var(--brand-primary));border-radius:.62rem;flex:none;place-items:center;font-size:.7rem;font-weight:850;display:grid}.growth-section-title h2{font-size:1rem;font-weight:820}.growth-section-title p{color:var(--color-text-secondary,var(--text-muted));margin-top:.2rem;font-size:.72rem}.growth-dropzone{border:1.5px dashed color-mix(in srgb,var(--color-primary,var(--brand-primary)) 45%,var(--color-border,var(--border-default)));border-radius:var(--radius-card);background:var(--color-primary-soft,var(--brand-primary-light));text-align:center;align-content:center;place-items:center;min-height:11.5rem;padding:1.2rem;display:grid}.growth-dropzone>svg{width:2rem;height:2rem;color:var(--color-primary,var(--brand-primary))}.growth-dropzone>b{margin-top:.5rem;font-size:.82rem}.growth-dropzone>small{color:var(--color-text-secondary,var(--text-muted));margin-top:.2rem;font-size:.68rem}.growth-dropzone>div{gap:.5rem;margin-top:.8rem;display:flex}.growth-dropzone button{gap:.3rem}.growth-dropzone button svg{width:1rem}.growth-artwork-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;margin-top:1rem;display:grid}.growth-artwork-item{aspect-ratio:1;border:1px solid var(--color-border,var(--border-default));background:var(--bg-subtle);border-radius:.7rem;min-width:0;position:relative;overflow:hidden}.growth-artwork-item img,.growth-artwork-thumb{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.growth-artwork-thumb span{color:var(--color-text-secondary,var(--text-muted));font-size:.67rem}.growth-artwork-item>button:not(.growth-artwork-thumb){color:#fff;background:#101828bf;border-radius:999px;place-items:center;width:1.8rem;height:1.8rem;display:grid;position:absolute;top:.3rem;right:.3rem}.growth-artwork-item>button svg{width:.85rem}.growth-artwork-item>span{color:#fff;text-align:center;background:#101828b3;padding:.25rem;font-size:.62rem;position:absolute;bottom:0;left:0;right:0}.growth-artwork-item>small{color:#fff;font-size:.55rem;position:absolute;bottom:1.6rem;left:.3rem;right:.3rem}.growth-artwork-item .retry{font-size:.6rem;width:auto!important;padding:0 .4rem!important;top:auto!important;bottom:1.6rem!important;right:.3rem!important}.growth-progress{background:var(--color-primary,var(--brand-primary));width:45%;height:.2rem;animation:1s infinite alternate growth-progress;position:absolute;bottom:0;left:0}@keyframes growth-progress{to{transform:translate(125%)}}.growth-upload-submit{margin-top:.8rem}.growth-upload-message,.growth-notice{background:var(--success-light);color:var(--success);border-radius:.6rem;align-items:center;gap:.35rem;margin-top:.75rem;padding:.65rem .8rem;font-size:.72rem;font-weight:700;display:flex}.growth-upload-message.error,.growth-notice.error{background:var(--error-light);color:var(--error)}.growth-notice{margin:0 0 1rem}.growth-notice svg{width:1rem}.growth-inline-empty{background:var(--bg-subtle);text-align:center;color:var(--color-text-secondary,var(--text-muted));border-radius:.7rem;padding:1.5rem;font-size:.75rem}.growth-lightbox{z-index:var(--z-modal);background:#080d18e6;place-items:center;padding:2rem;display:grid;position:fixed;inset:0}.growth-lightbox>button{color:#172033;background:#fff;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;display:grid;position:absolute;top:1rem;right:1rem}.growth-lightbox img{-o-object-fit:contain;object-fit:contain;max-width:min(70rem,100%);max-height:calc(100vh - 4rem)}.growth-fieldset{margin-bottom:1rem}.growth-fieldset legend,.growth-field>span{color:var(--color-text-secondary,var(--text-secondary));margin-bottom:.5rem;font-size:.74rem;font-weight:750}.growth-fieldset em,.growth-field em{color:var(--error);margin-left:.2rem;font-style:normal}.growth-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.growth-choice-grid label,.growth-visibility label{cursor:pointer;border:1px solid var(--color-border,var(--border-default));background:var(--color-surface,var(--bg-card));text-align:center;border-radius:.65rem;padding:.7rem;font-size:.75rem;font-weight:700}.growth-choice-grid label.selected,.growth-visibility label.selected{border-color:var(--color-primary,var(--brand-primary));background:var(--color-primary-soft,var(--brand-primary-light));color:var(--color-primary,var(--brand-primary));box-shadow:0 0 0 2px var(--color-focus-ring,#4a7cff2e)}.growth-choice-grid input,.growth-visibility input{opacity:0;position:absolute}.growth-field{margin-bottom:1rem;display:block}.growth-field>span{justify-content:space-between;display:flex}.growth-field>span small{font-weight:500}.growth-field textarea{resize:vertical;border:1px solid var(--color-border,var(--border-default));background:var(--color-surface,var(--bg-card));width:100%;min-height:6rem;color:var(--color-text-primary,var(--text-primary));border-radius:.65rem;padding:.75rem;font-size:.8rem;line-height:1.65}.growth-field textarea:focus{border-color:var(--color-primary,var(--brand-primary));box-shadow:0 0 0 3px var(--color-focus-ring,#4a7cff2e)}.growth-field>b,.growth-error{color:var(--error);margin-top:.3rem;font-size:.68rem;display:block}.growth-visibility{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.growth-visibility label{text-align:left;align-items:center;display:flex}.growth-visibility b,.growth-visibility small{display:block}.growth-visibility small{color:var(--color-text-secondary,var(--text-muted));margin-top:.18rem;font-size:.63rem;font-weight:500}.growth-viewer dl{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.growth-viewer dl>div{background:var(--bg-subtle);border-radius:.65rem;padding:.8rem}.growth-viewer dl .wide{grid-column:1/-1}.growth-viewer dt{color:var(--color-text-secondary,var(--text-muted));font-size:.65rem}.growth-viewer dd{white-space:pre-wrap;margin-top:.35rem;font-size:.8rem;line-height:1.65}.growth-publish-meta{border-top:1px solid var(--color-border,var(--border-default));color:var(--color-text-secondary,var(--text-muted));flex-wrap:wrap;gap:.5rem 1rem;margin-top:1rem;padding-top:.8rem;font-size:.68rem;display:flex}.growth-publish-meta span{align-items:center;gap:.25rem;display:inline-flex}.growth-publish-meta svg{width:.85rem}.growth-actionbar{z-index:20;border:1px solid var(--color-border,var(--border-default));border-radius:var(--radius-card);background:color-mix(in srgb,var(--color-surface,var(--bg-card)) 92%,transparent);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:flex-end;align-items:center;gap:.55rem;padding:.7rem;display:flex;position:sticky;bottom:4.5rem}.growth-actionbar>span:first-child{color:var(--color-text-secondary,var(--text-muted));margin-right:auto;font-size:.7rem}.growth-actionbar button{gap:.35rem}.growth-actionbar svg{width:1rem}.growth-actionbar .danger{color:var(--error)!important}.growth-limit{color:var(--color-text-secondary,var(--text-muted));align-items:center;gap:.3rem;display:inline-flex}.growth-confirm{z-index:var(--z-modal);background:var(--bg-overlay);place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.growth-confirm>div{border-radius:var(--radius-card);background:var(--color-surface,var(--bg-card));width:min(28rem,100%);box-shadow:var(--shadow-modal);text-align:center;padding:1.5rem}.growth-confirm>div>svg{width:2rem;height:2rem;color:var(--warning)}.growth-confirm h2{margin-top:.6rem;font-size:1.1rem;font-weight:850}.growth-confirm p{color:var(--color-text-secondary,var(--text-muted));margin-top:.5rem;font-size:.78rem;line-height:1.7}.growth-confirm>div>div{justify-content:center;gap:.6rem;margin-top:1rem;display:flex}@media (width>=900px){.growth-shell>nav{border:1px solid var(--color-border,var(--border-default));width:36rem;box-shadow:var(--shadow-card);border-bottom:0;border-radius:1rem 1rem 0 0;left:50%;right:auto;transform:translate(-50%)}}@media (width<=800px){.growth-stat-grid,.growth-filters>div{grid-template-columns:repeat(2,minmax(0,1fr))}.growth-filters label:last-child{grid-column:1/-1}.growth-lesson-info{grid-template-columns:repeat(2,minmax(0,1fr))}.growth-artwork-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=540px){.growth-shell>header{padding:.65rem 1rem}.growth-shell>header>.btn-secondary{padding:.45rem .6rem;font-size:.7rem}.growth-shell>main{padding:1rem}.growth-shell>nav a{font-size:.58rem}.growth-heading{align-items:flex-start}.growth-heading .btn-secondary{padding:.45rem .6rem;font-size:.7rem}.growth-stat-grid{gap:.55rem}.growth-stat-grid article{gap:.55rem;padding:.8rem}.growth-stat-grid article>span{width:2.15rem;height:2.15rem}.growth-stat-grid strong{font-size:1.2rem}.growth-filters>div{grid-template-columns:1fr}.growth-filters label:last-child{grid-column:auto}.growth-lesson-card{flex-direction:column;align-items:flex-start}.growth-lesson-side{border-top:1px solid var(--color-border,var(--border-default));align-items:flex-start;width:100%;padding-top:.65rem}.growth-card-actions{width:100%}.growth-card-actions button{flex:1}.growth-editor-head{flex-direction:column;align-items:flex-start}.growth-editor-status{text-align:left}.growth-lesson-info{grid-template-columns:1fr 1fr}.growth-artwork-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.growth-dropzone>div{flex-direction:column;width:100%}.growth-choice-grid,.growth-visibility{grid-template-columns:1fr 1fr}.growth-viewer dl{grid-template-columns:1fr}.growth-viewer dl .wide{grid-column:auto}.growth-actionbar{flex-wrap:wrap;bottom:4.15rem}.growth-actionbar>span:first-child{width:100%;margin-right:0}.growth-actionbar button{flex:1}.growth-lightbox{padding:.5rem}.growth-lightbox img{max-height:calc(100vh - 1rem)}}.growth-shell>nav{justify-items:stretch}.growth-shell>nav>a{white-space:nowrap;width:100%;min-width:0}@media (width>=900px){.growth-shell>nav{grid-template-columns:repeat(5,minmax(0,1fr));padding-left:.25rem;padding-right:.25rem}}@media (width<=540px){.growth-editor{padding-bottom:5rem}}.growth-v1{border:1px solid var(--border-subtle);background:var(--color-surface);color:var(--text-primary);border-radius:20px;gap:14px;margin-top:18px;padding:18px;display:grid}.growth-v1>header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.growth-v1>header span{color:var(--brand-primary);letter-spacing:.15em;font-size:10px;font-weight:900}.growth-v1>header h2{margin-top:4px;font-size:22px;font-weight:900}.growth-v1>header p{color:var(--text-secondary);margin-top:4px;font-size:12px}.growth-v1>nav{border-bottom:1px solid var(--border-subtle);gap:5px;display:flex;overflow:auto}.growth-v1>nav button{white-space:nowrap;min-height:42px;color:var(--text-secondary);border-bottom:2px solid #0000;padding:0 13px;font-size:12px;font-weight:800}.growth-v1>nav button.active{border-color:var(--brand-primary);color:var(--brand-primary)}.v1-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.v1-toolbar input,.v1-toolbar select{border:1px solid var(--border-subtle);background:var(--bg-page);min-width:145px;min-height:40px;color:var(--text-primary);border-radius:10px;flex:1;padding:0 10px;font-size:12px}.v1-toolbar button,.v1-list article>div:last-child button,.v1-card-grid article button{background:var(--brand-primary);color:#fff;border-radius:10px;min-height:40px;padding:0 13px;font-size:11px;font-weight:800}.v1-card-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.v1-card-grid article,.v1-list article{border:1px solid var(--border-subtle);background:var(--bg-subtle);border-radius:14px;padding:14px}.v1-card-grid h3,.v1-list h3{margin-top:7px;font-weight:850}.v1-card-grid p,.v1-list p,.v1-list blockquote{color:var(--text-secondary);margin:5px 0;font-size:12px;line-height:1.6}.v1-card-grid small,.v1-list small{color:var(--text-tertiary);font-size:10px}.v1-card-grid article button{background:var(--color-surface);color:var(--brand-primary);border:1px solid var(--border-subtle);margin-top:10px}.v1-list{gap:9px;display:grid}.v1-list article{justify-content:space-between;align-items:center;gap:14px;display:flex}.v1-list article>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.v1-status{background:var(--bg-muted);color:var(--text-secondary);border-radius:9px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-flex}.v1-status.published,.v1-status.active,.v1-status.completed,.v1-status.resolved{background:var(--success-light);color:var(--success)}.v1-status.pending_review,.v1-status.new{background:var(--warning-light);color:var(--warning)}.v1-status.withdrawn,.v1-status.closed,.v1-status.inactive{background:var(--error-light);color:var(--error)}.v1-message{background:var(--brand-primary-light);color:var(--brand-primary);border-radius:10px;padding:9px;font-size:12px;font-weight:750}.v1-state{text-align:center;color:var(--text-secondary);padding:35px;font-size:13px}@media (width<=700px){.growth-v1{padding:12px}.growth-v1>header{flex-direction:column}.v1-card-grid{grid-template-columns:1fr}.v1-list article{flex-direction:column;align-items:flex-start}.v1-list article>div:last-child{justify-content:flex-start}.v1-toolbar>*{width:100%}}.student-growth-shell{background:var(--bg-page);min-height:100vh;color:var(--text-primary);padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 24px);overflow-x:clip}.student-growth-top{min-height:58px;padding:max(12px, env(safe-area-inset-top)) max(16px, calc((100vw - 960px) / 2));background:var(--bg-sidebar);color:#fff;justify-content:space-between;align-items:center;gap:16px;display:flex}.student-growth-top button{align-items:center;gap:7px;min-height:42px;font-size:13px;font-weight:750;display:flex}.student-growth-top span{color:#ffffffb3;font-size:12px}.student-growth-shell>main{width:min(960px,100%);margin:auto;padding:18px}.student-growth-overview{border:1px solid var(--border-subtle);background:linear-gradient(145deg, color-mix(in srgb, var(--brand-primary) 8%, var(--color-surface)), var(--color-surface));box-shadow:var(--shadow-sm);border-radius:22px;grid-template-columns:1.1fr 1fr;gap:22px;padding:24px;display:grid}.student-growth-overview>div>span{color:var(--brand-primary);letter-spacing:.17em;font-size:10px;font-weight:900}.student-growth-overview h1{margin:5px 0;font-size:26px;font-weight:900}.student-growth-overview p{color:var(--text-secondary);font-size:13px}.student-growth-overview dl{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.student-growth-overview dl div{background:color-mix(in srgb, var(--color-surface) 90%, transparent);border-radius:14px;padding:12px}.student-growth-overview dt{color:var(--text-secondary);font-size:11px}.student-growth-overview dd{margin-top:5px;font-size:18px;font-weight:850}.student-growth-tabs{border:1px solid var(--border-subtle);background:var(--color-surface);border-radius:16px;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px;padding:6px;display:grid}.student-growth-tabs button{min-height:48px;color:var(--text-secondary);border-radius:11px;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:800;display:flex}.student-growth-tabs svg{width:17px}.student-growth-tabs button.active{background:var(--brand-primary-light);color:var(--brand-primary)}.student-growth-tabs span{background:var(--bg-muted);border-radius:8px;padding:1px 6px;font-size:10px}.student-growth-content{border:1px solid var(--border-subtle);background:var(--color-surface);box-shadow:var(--shadow-sm);border-radius:20px;margin-top:14px}.student-growth-empty,.student-growth-state{text-align:center;min-height:260px;color:var(--text-secondary);place-content:center;padding:35px;display:grid}.student-growth-empty strong,.student-growth-state strong{color:var(--text-primary);font-size:17px}.student-growth-empty p,.student-growth-state p{max-width:420px;margin-top:8px;font-size:13px;line-height:1.7}.student-growth-state button{color:var(--brand-primary);margin:15px auto 0;font-weight:800}.student-timeline{padding:22px}.student-timeline li{grid-template-columns:85px 1fr;gap:15px;display:grid}.student-timeline time{color:var(--text-tertiary);padding-top:17px;font-size:11px}.student-timeline article{border:1px solid var(--border-subtle);background:var(--bg-subtle);border-radius:16px;grid-template-columns:120px 1fr;gap:16px;margin-bottom:14px;padding:15px;display:grid}.student-timeline article>img,.student-timeline article>.student-art-loading,.student-timeline article>.student-art-failed{-o-object-fit:cover;object-fit:cover;border-radius:11px;width:120px;height:96px}.student-timeline article>div>span{color:var(--brand-primary);font-size:11px;font-weight:800}.student-timeline article b{color:#fff;background:#ef4444;border-radius:9px;margin-left:6px;padding:2px 6px;font-size:9px}.student-timeline h3{margin-top:4px;font-weight:850}.student-timeline p,.student-timeline blockquote{color:var(--text-secondary);margin-top:4px;font-size:12px;line-height:1.6}.student-timeline button{color:var(--brand-primary);margin-top:8px;font-size:12px;font-weight:800}.student-art-grid{grid-template-columns:repeat(3,1fr);gap:14px;padding:18px;display:grid}.student-art-card{border:1px solid var(--border-subtle);background:var(--color-surface);text-align:left;border-radius:16px;overflow:hidden}.student-art-card>img,.student-art-card>.student-art-loading,.student-art-card>.student-art-failed{aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;width:100%}.student-art-card>span{padding:12px;display:block}.student-art-card strong,.student-art-card small{display:block}.student-art-card small{color:var(--text-secondary);margin-top:4px;font-size:11px}.student-art-loading,.student-art-failed{background:var(--bg-muted);text-align:center;color:var(--text-tertiary);place-items:center;padding:12px;font-size:11px;display:grid}.student-art-failed{color:var(--error)}.student-feedback-list{gap:10px;padding:18px;display:grid}.student-feedback-list>button{border:1px solid var(--border-subtle);text-align:left;border-radius:15px;grid-template-columns:42px 1fr auto;align-items:start;gap:12px;padding:15px;display:grid}.student-feedback-icon{background:var(--brand-primary-light);width:42px;height:42px;color:var(--brand-primary);border-radius:13px;place-items:center;font-weight:900;display:grid}.student-feedback-list strong,.student-feedback-list small{display:block}.student-feedback-list small{color:var(--text-secondary);margin-top:4px;font-size:11px}.student-feedback-list p{color:var(--text-secondary);margin-top:7px;font-size:12px;line-height:1.55}.student-feedback-list em{background:var(--bg-muted);color:var(--text-tertiary);border-radius:9px;padding:3px 7px;font-size:10px;font-style:normal}.student-modal{z-index:var(--z-modal);background:var(--bg-overlay);place-items:center;padding:18px;display:grid;position:fixed;inset:0;overflow:auto}.student-detail{background:var(--color-surface);width:min(900px,100%);max-height:calc(100vh - 36px);box-shadow:var(--shadow-modal);border-radius:22px;grid-template-columns:minmax(280px,.8fr) minmax(320px,1fr);display:grid;position:relative;overflow:auto}.student-detail>section{padding:28px}.student-close{z-index:2;background:color-mix(in srgb, var(--color-surface) 90%, transparent);border-radius:50%;place-items:center;width:42px;height:42px;font-size:25px;display:grid;position:absolute;top:12px;right:12px}.student-art-large{background:#111;min-height:420px;position:relative}.student-art-large>img,.student-art-large>.student-art-loading,.student-art-large>.student-art-failed{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.student-art-large>span{color:#fff;background:#0009;border-radius:12px;padding:6px 10px;font-size:11px;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.student-chip{background:var(--brand-primary-light);color:var(--brand-primary);border-radius:10px;padding:4px 9px;font-size:11px;font-weight:850;display:inline-flex}.student-detail h2{margin:8px 0 5px;font-size:24px;font-weight:900}.student-detail>section>p{color:var(--text-secondary);font-size:12px}.student-detail blockquote{background:var(--bg-subtle);border-radius:10px;margin-top:12px;padding:10px;font-size:13px;line-height:1.7}.student-detail-fields{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px;display:grid}.student-detail-fields>div{background:var(--bg-subtle);border-radius:12px;padding:12px}.student-detail-fields b{color:var(--text-secondary);font-size:11px}.student-detail-fields p{white-space:pre-wrap;margin-top:5px;font-size:13px;line-height:1.6}.feedback-detail{width:min(680px,100%);display:block}.student-preview{z-index:calc(var(--z-modal) + 1);background:#000e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.student-preview>button{color:#fff;font-size:32px;position:absolute;top:20px;right:20px}.student-preview>img{-o-object-fit:contain;object-fit:contain;max-width:95vw;max-height:92vh}.guardian-form{border-top:1px solid var(--border-subtle);margin-top:18px;padding-top:16px}.guardian-form h4{font-weight:850}.guardian-form>p{color:var(--text-secondary);margin-top:3px;font-size:11px}.guardian-types{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px;display:grid}.guardian-types button{border:1px solid var(--border-subtle);border-radius:10px;min-height:38px;font-size:11px;font-weight:750}.guardian-types button.active{border-color:var(--brand-primary);background:var(--brand-primary-light);color:var(--brand-primary)}.guardian-form label{margin-top:10px;display:block}.guardian-form label span,.guardian-form label small{color:var(--text-secondary);font-size:11px;display:block}.guardian-form textarea{border:1px solid var(--border-subtle);background:var(--bg-page);width:100%;min-height:90px;color:var(--text-primary);resize:vertical;border-radius:10px;margin-top:5px;padding:10px}.guardian-form label small{text-align:right}.student-primary{background:var(--brand-primary);color:#fff;border-radius:11px;min-height:42px;margin-top:10px;padding:0 18px;font-size:12px;font-weight:800}.guardian-success,.guardian-error{background:var(--success-light);color:var(--success);border-radius:9px;margin-top:8px;padding:8px;font-size:12px}.guardian-error{background:var(--error-light);color:var(--error)}.student-growth-bottom{z-index:var(--z-sticky);min-height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));padding:7px max(8px, calc((100vw - 560px) / 2)) env(safe-area-inset-bottom);border-top:1px solid var(--border-subtle);background:color-mix(in srgb, var(--color-surface) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.student-growth-bottom button{min-height:48px;color:var(--text-secondary);font-size:12px;font-weight:800}.student-growth-bottom button.active{color:var(--brand-primary)}.student-inline-error{background:var(--error-light);color:var(--error);border-radius:10px;justify-content:space-between;margin-top:10px;padding:10px;font-size:12px;display:flex}@media (width<=720px){.student-growth-top span{display:none}.student-growth-shell>main{padding:12px}.student-growth-overview{grid-template-columns:1fr;padding:18px}.student-growth-overview h1{font-size:22px}.student-growth-tabs{z-index:5;position:sticky;top:0}.student-growth-tabs button{flex-direction:column;gap:2px;font-size:11px}.student-timeline{padding:12px}.student-timeline li{grid-template-columns:1fr}.student-timeline time{padding:4px 2px}.student-timeline article{grid-template-columns:92px 1fr;padding:12px}.student-timeline article>img,.student-timeline article>.student-art-loading,.student-timeline article>.student-art-failed{width:92px;height:86px}.student-art-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}.student-detail{max-height:calc(100dvh - 20px);display:block}.student-art-large{height:42vh;min-height:300px}.student-detail>section{padding:20px}.student-detail-fields{grid-template-columns:1fr}.guardian-types{grid-template-columns:repeat(2,1fr)}}@media (width<=380px){.student-growth-overview dl{grid-template-columns:1fr 1fr}.student-art-grid,.student-timeline article{grid-template-columns:1fr}.student-timeline article>img,.student-timeline article>.student-art-loading,.student-timeline article>.student-art-failed{aspect-ratio:4/3;width:100%;height:auto}}.student-v1{min-width:0}.student-v1>nav{border-bottom:1px solid var(--border-subtle);gap:4px;padding:8px;display:flex;overflow:auto}.student-v1>nav button{white-space:nowrap;min-height:40px;color:var(--text-secondary);border-radius:10px;padding:0 12px;font-size:11px;font-weight:800}.student-v1>nav button.active{background:var(--brand-primary-light);color:var(--brand-primary)}.student-v1-list{gap:10px;padding:13px;display:grid}.student-v1-list>article{border:1px solid var(--border-subtle);background:var(--bg-subtle);border-radius:14px;padding:14px}.student-v1-list>article>span{background:var(--success-light);color:var(--success);border-radius:8px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-flex}.student-v1-list h3{margin-top:7px;font-weight:850}.student-v1-list p,.student-v1-list blockquote{white-space:pre-wrap;color:var(--text-secondary);margin-top:5px;font-size:12px;line-height:1.65}.student-v1-list small{color:var(--text-tertiary);margin-top:6px;font-size:10px;display:block}.student-goal,.student-report,.student-assignment{background:var(--color-surface);border-radius:11px;margin-top:10px;padding:11px}.student-goal em{float:right;color:var(--brand-primary);font-size:10px;font-style:normal}.student-assignment textarea{border:1px solid var(--border-subtle);background:var(--bg-page);width:100%;min-height:70px;color:var(--text-primary);border-radius:9px;margin-top:8px;padding:8px}.student-assignment input{width:100%;margin:8px 0;font-size:11px;display:block}.student-assignment button{background:var(--brand-primary);color:#fff;border-radius:9px;min-height:40px;padding:0 13px;font-size:11px;font-weight:800}.admin-growth{color:var(--text-primary);gap:20px;display:grid}.growth-hero,.student-growth-head{border:1px solid color-mix(in srgb,var(--brand-primary) 18%,var(--border-subtle));background:linear-gradient(135deg,color-mix(in srgb,var(--brand-primary) 10%,var(--bg-card)),var(--bg-card));box-shadow:var(--shadow-sm);border-radius:22px;justify-content:space-between;align-items:center;gap:24px;padding:28px;display:flex}.growth-hero h2,.student-growth-head h2{margin:4px 0 6px;font-size:28px;font-weight:900}.growth-hero p,.student-growth-head p{color:var(--text-secondary)}.growth-hero>span{background:color-mix(in srgb,var(--brand-primary) 10%,transparent);max-width:250px;color:var(--brand-primary);border-radius:14px;padding:10px 14px;font-size:12px;font-weight:700}.growth-eyebrow{letter-spacing:.16em;font-weight:900;color:var(--brand-primary)!important;font-size:10px!important}.growth-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.growth-metric{border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:18px;padding:18px;position:relative}.growth-metric p{color:var(--text-secondary);font-size:12px}.growth-metric strong{margin-top:8px;font-size:28px;display:inline-block}.growth-metric span{color:var(--text-tertiary);margin-left:5px;font-size:12px}.growth-metric small{color:#dc2626;margin-top:6px;display:block}.growth-metric.is-alert{background:color-mix(in srgb,#ef4444 7%,var(--bg-card));border-color:#fca5a5}.growth-panel{border:1px solid var(--border-subtle);background:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:20px;overflow:hidden}.growth-filters{border-bottom:1px solid var(--border-subtle);grid-template-columns:1.5fr 1fr 1fr 1fr auto;align-items:end;gap:12px;padding:18px;display:grid}.growth-filters label{color:var(--text-secondary);gap:6px;font-size:11px;font-weight:700;display:grid}.growth-filters input,.growth-filters select{border:1px solid var(--border-subtle);background:var(--bg-card);height:40px;color:var(--text-primary);border-radius:10px;padding:0 11px}.growth-filter-actions{gap:8px;display:flex}.growth-tabs{border-bottom:1px solid var(--border-subtle);gap:4px;padding:12px 18px 0;display:flex}.growth-tabs button{color:var(--text-secondary);border-bottom:2px solid #0000;padding:11px 16px;font-size:13px;font-weight:700}.growth-tabs button.active{border-color:var(--brand-primary);color:var(--brand-primary)}.growth-tabs span{background:var(--bg-muted);border-radius:10px;margin-left:4px;padding:2px 7px}.growth-table-wrap{overflow:auto}.growth-table{border-collapse:collapse;width:100%;min-width:900px}.growth-table th,.growth-table td{border-bottom:1px solid var(--border-subtle);text-align:left;padding:14px 16px;font-size:13px}.growth-table th{background:var(--bg-muted);color:var(--text-secondary);font-size:11px}.growth-table td small{color:var(--text-tertiary);margin-top:4px;display:block}.growth-badge{border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800;display:inline-flex}.growth-badge.ok{color:#15803d;background:#dcfce7}.growth-badge.warn{color:#b45309;background:#fef3c7}.growth-danger,.growth-link.danger{color:#dc2626}.growth-link{color:var(--brand-primary);font-weight:700}.growth-empty,.growth-loading,.growth-error{text-align:center;border:1px dashed var(--border-subtle);color:var(--text-secondary);border-radius:16px;margin:24px;padding:42px}.growth-error{color:#dc2626}.growth-error button{color:var(--brand-primary);margin:12px auto 0;display:block}.growth-back{color:var(--brand-primary);justify-self:start;font-size:13px;font-weight:800}.student-growth-head{justify-content:flex-start}.student-avatar{background:var(--brand-primary);color:#fff;border-radius:20px;place-items:center;width:68px;height:68px;font-size:28px;font-weight:900;display:grid}.student-growth-head dl{grid-template-columns:repeat(4,1fr);gap:10px;margin-left:auto;display:grid}.student-growth-head dl div{background:var(--bg-card);text-align:center;border-radius:14px;min-width:90px;padding:12px}.student-growth-head dt{color:var(--text-secondary);font-size:11px}.student-growth-head dd{margin-top:5px;font-size:22px;font-weight:900}.detail-tabs{padding-top:4px}.growth-timeline{max-width:850px;padding:24px 32px}.growth-timeline li{grid-template-columns:18px 1fr;gap:15px;padding-bottom:26px;display:grid;position:relative}.growth-timeline li:before{background:var(--border-subtle);content:"";width:2px;position:absolute;top:16px;bottom:0;left:7px}.growth-timeline i{z-index:1;border:4px solid color-mix(in srgb,var(--brand-primary) 25%,var(--bg-card));background:var(--brand-primary);border-radius:50%;width:16px;height:16px;position:relative}.growth-timeline span{color:var(--text-tertiary);font-size:11px}.growth-timeline strong{margin:4px 0;display:block}.growth-timeline p{color:var(--text-secondary);font-size:13px}.artwork-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:20px;display:grid}.artwork-card{border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden}.artwork-image{aspect-ratio:4/3;background:var(--bg-muted);color:var(--text-tertiary);place-items:center;display:grid}.artwork-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.artwork-card>div:last-child{padding:13px}.artwork-card p{color:var(--text-secondary);margin:5px 0;font-size:11px}.feedback-list{gap:12px;padding:20px;display:grid}.feedback-card{border:1px solid var(--border-subtle);border-radius:15px}.feedback-summary{text-align:left;justify-content:space-between;align-items:center;width:100%;padding:16px;display:flex}.feedback-summary small{color:var(--text-secondary);margin-top:5px;display:block}.feedback-body{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(2,1fr);gap:15px;padding:0 16px 18px;display:grid}.feedback-body section{padding-top:14px}.feedback-body h4{color:var(--text-secondary);font-size:12px}.feedback-body p{white-space:pre-wrap;margin-top:5px;font-size:13px;line-height:1.7}.feedback-meta{color:var(--text-tertiary);grid-column:1/-1}.growth-withdraw{justify-self:start}@media (width<=1100px){.growth-metrics{grid-template-columns:repeat(3,1fr)}.growth-filters{grid-template-columns:repeat(2,1fr)}.growth-filter-actions{grid-column:1/-1}.student-growth-head{flex-wrap:wrap}.student-growth-head dl{width:100%;margin-left:0}.artwork-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.admin-growth{gap:12px}.growth-hero{flex-direction:column;align-items:flex-start;padding:20px}.growth-hero h2,.student-growth-head h2{font-size:22px}.growth-metrics{grid-template-columns:repeat(2,1fr)}.growth-metric{padding:14px}.growth-filters{grid-template-columns:1fr}.growth-filter-actions{grid-column:auto}.growth-tabs{overflow:auto}.student-growth-head{padding:18px}.student-growth-head dl{grid-template-columns:repeat(2,1fr)}.artwork-grid,.feedback-body{grid-template-columns:1fr}.feedback-meta{grid-column:auto}.growth-timeline{padding:20px}.growth-table{min-width:780px}}:root{--brand-primary:#4a7cff;--brand-primary-hover:#3b68e8;--brand-primary-active:#3159cc;--brand-primary-light:#eef3ff;--brand-green:#18b89a;--brand-green-hover:#11977f;--brand-green-light:#e9f9f5;--brand-purple:#7b6cff;--brand-purple-light:#f1efff;--brand-orange:#f5a623;--brand-orange-light:#fff6e5;--text-primary:#172033;--text-secondary:#344054;--text-muted:#667085;--text-disabled:#98a2b3;--text-inverse:#fff;--bg-page:#f6f8fb;--bg-card:#fff;--bg-subtle:#f9fafb;--bg-sidebar:#162238;--bg-overlay:#1018287a;--border-default:#e4e7ec;--border-light:#f0f2f5;--border-focus:#4a7cff;--success:#12b76a;--success-light:#ecfdf3;--warning:#f79009;--warning-light:#fffaeb;--error:#f04438;--error-light:#fef3f2;--info:#2e90fa;--info-light:#eff8ff;--neutral-light:#f2f4f7;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-metric:2rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:800;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--radius-sm:.5rem;--radius-control:.625rem;--radius-card:.875rem;--radius-featured:1.125rem;--radius-mobile:1.25rem;--radius-full:9999px;--shadow-xs:0 1px 2px #1018280a;--shadow-sm:0 1px 3px #10182814,0 1px 2px #1018280a;--shadow-card:0 8px 24px #1018280f;--shadow-modal:0 24px 48px -12px #10182838;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--duration-fast:.12s;--duration-normal:.18s;--duration-slow:.26s;--ease-standard:cubic-bezier(.2,0,0,1);--z-dropdown:30;--z-sticky:40;--z-overlay:50;--z-modal:60;--z-toast:70;--sidebar-width:16rem;--topbar-height:4.5rem;--content-max-width:100rem;--mobile-nav-height:4.25rem}html{color:var(--text-primary);background:var(--bg-page)}body{background:var(--bg-page);min-width:320px;color:var(--text-primary)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{transition-duration:var(--duration-normal);transition-timing-function:var(--ease-standard)}:focus-visible{outline-offset:2px;outline:3px solid #4a7cff38}::selection{background:var(--brand-primary-light);color:var(--text-primary)}:focus-visible{outline-color:var(--color-focus-ring)}.btn-primary{background:var(--color-primary)!important}.btn-primary:hover{background:var(--color-primary-hover)!important}.btn-secondary,.input{border-color:var(--color-border)!important;background:var(--color-surface)!important;color:var(--color-text-primary)!important}.card{border-color:var(--color-border)!important;background:var(--color-surface)!important}.modal,.toast{background:var(--color-surface);color:var(--color-text-primary)}.settings-center{min-width:0;color:var(--color-text-primary)}.settings-standalone{background:var(--color-background);min-height:100vh;padding-bottom:2rem;overflow-x:clip}.settings-standalone>header{border-bottom:1px solid var(--color-border);background:var(--color-surface);align-items:center;gap:1rem;padding:1rem max(1rem,50vw - 32rem);display:flex}.settings-standalone>header h1{font-size:1.25rem;font-weight:800}.settings-standalone>header p{color:var(--color-text-secondary);font-size:.75rem}.settings-standalone>.settings-center{width:min(64rem,100%);margin:auto;padding:1rem}.settings-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.settings-heading h2{letter-spacing:-.025em;font-size:clamp(1.45rem,3vw,2rem);font-weight:850}.settings-heading p{max-width:48rem;color:var(--color-text-secondary);margin-top:.35rem;font-size:.875rem;line-height:1.6}.settings-eyebrow{color:var(--color-primary);letter-spacing:.16em;margin-bottom:.45rem;font-size:.68rem;font-weight:800;display:block}.settings-back{min-height:2.5rem;color:var(--color-primary);align-items:center;gap:.45rem;margin-bottom:1rem;font-size:.82rem;font-weight:750;display:inline-flex}.settings-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.settings-nav-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);text-align:left;min-width:0;box-shadow:var(--shadow-xs);align-items:center;gap:.9rem;padding:1.1rem;display:flex}.settings-nav-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-card);transform:translateY(-1px)}.settings-card-icon{border-radius:var(--radius-md);background:var(--color-primary-soft);width:2.75rem;height:2.75rem;color:var(--color-primary);flex:none;place-items:center;display:grid}.settings-card-icon svg{width:1.25rem}.settings-nav-card b,.settings-nav-card small,.settings-nav-card em{display:block}.settings-nav-card b{font-size:.95rem}.settings-nav-card small{color:var(--color-text-secondary);text-overflow:ellipsis;margin-top:.25rem;font-size:.75rem;line-height:1.45;overflow:hidden}.settings-nav-card em{color:var(--color-primary);margin-top:.5rem;font-size:.68rem;font-style:normal;font-weight:750}.settings-status{border-radius:999px;flex:none;align-items:center;padding:.32rem .62rem;font-size:.7rem;font-weight:750;display:inline-flex}.settings-status.ok{background:var(--success-light);color:var(--success)}.settings-status.pending{background:var(--warning-light);color:var(--warning)}.settings-chip{background:var(--color-primary-soft);color:var(--color-primary);border-radius:999px;margin-left:.5rem;padding:.25rem .55rem;font-size:.68rem;font-style:normal;font-weight:750;display:inline-flex}.settings-loading{min-height:15rem;color:var(--color-text-secondary);place-items:center;display:grid}.settings-banner{border-radius:var(--radius-md);border:1px solid;align-items:flex-start;gap:.75rem;margin:0 0 1rem;padding:.9rem 1rem;display:flex}.settings-banner b{font-size:.85rem}.settings-banner p{margin-top:.2rem;font-size:.78rem;line-height:1.55}.settings-banner.warning{background:var(--warning-light);color:#9a4b08;border-color:#fec84b}.settings-banner.error{background:var(--error-light);color:var(--error);border-color:#fda29b}.settings-banner.info{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-text-primary)}.settings-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);min-width:0;padding:calc(var(--density-space) * 1.2);box-shadow:var(--shadow-xs)}.settings-panel h3{font-size:1rem;font-weight:800}.settings-panel>p{color:var(--color-text-secondary);margin-top:.35rem;font-size:.8rem;line-height:1.55}.settings-form-grid{gap:var(--density-space);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.setting-field{min-width:0;display:block}.setting-field>span{color:var(--color-text-secondary);margin-bottom:.4rem;font-size:.76rem;font-weight:700;display:block}.setting-field .input{width:100%}.setting-field .input:disabled{opacity:.72;background:var(--bg-subtle)!important}.setting-toggle{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:1rem;min-height:2.8rem;font-size:.83rem;font-weight:650;display:flex}.setting-toggle input{opacity:0;pointer-events:none;position:absolute}.setting-toggle i{background:var(--border-default);border-radius:999px;flex:none;width:2.5rem;height:1.4rem;position:relative}.setting-toggle i:after{content:"";width:1rem;height:1rem;box-shadow:var(--shadow-xs);background:#fff;border-radius:50%;transition:all .18s;position:absolute;top:.2rem;left:.2rem}.setting-toggle input:checked+i{background:var(--color-primary)}.setting-toggle input:checked+i:after{transform:translate(1.1rem)}.setting-toggle input:disabled+i{opacity:.5}.rule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem 1.25rem;margin-top:.8rem;display:grid}.rule-grid .setting-field{padding:.35rem 0}.settings-savebar{z-index:20;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-surface) 92%,transparent);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:flex-end;align-items:center;gap:.6rem;margin-top:1rem;padding:.75rem;display:flex;position:sticky;bottom:.75rem}.settings-savebar>span{color:var(--color-text-secondary);margin-right:auto;font-size:.75rem}.settings-message{border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-primary);margin:1rem 0;padding:.75rem 1rem;font-size:.8rem;font-weight:700}.profile-avatar{align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.profile-avatar>svg,.profile-avatar>img{border-radius:var(--radius-lg);-o-object-fit:cover;object-fit:cover;width:4.25rem;height:4.25rem;color:var(--color-primary)}.history-row{border-bottom:1px solid var(--border-light);color:var(--color-text-secondary);justify-content:space-between;gap:1rem;padding:.7rem 0;font-size:.78rem;display:flex}.settings-empty{color:var(--color-text-secondary);padding:2rem;text-align:center!important}.campus-list,.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.campus-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1rem 0;display:grid}.campus-meta dt{color:var(--color-text-secondary);font-size:.68rem}.campus-meta dd{margin-top:.2rem;font-size:.8rem;font-weight:700}.settings-dialog{z-index:var(--z-modal);background:var(--bg-overlay);place-items:center;padding:1rem;display:grid;position:fixed;inset:0;overflow:auto}.settings-dialog>div{border-radius:var(--radius-lg);background:var(--color-surface);width:min(42rem,100%);max-height:calc(100vh - 2rem);box-shadow:var(--shadow-modal);padding:1.25rem;position:relative;overflow:auto}.dialog-close{position:absolute;top:.8rem;right:.8rem}.template-list{border-top:1px solid var(--border-light);margin-top:1rem;padding-top:1rem}.template-list>div{grid-template-columns:1fr 1fr auto;gap:.5rem;padding:.5rem 0;font-size:.78rem;display:grid}.security-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:1rem;display:grid}.security-rules span{border-radius:var(--radius-md);background:var(--bg-subtle);color:var(--color-text-secondary);align-items:center;gap:.5rem;padding:.65rem;font-size:.76rem;display:flex}.theme-workspace{grid-template-columns:minmax(0,1fr) minmax(18rem,.8fr);align-items:start;gap:1rem;display:grid}.settings-segmented{border-radius:var(--radius-md);background:var(--bg-subtle);grid-auto-columns:1fr;grid-auto-flow:column;gap:.35rem;margin-top:.7rem;padding:.3rem;display:grid}.settings-segmented button{border-radius:var(--radius-sm);min-height:2.35rem;color:var(--color-text-secondary);font-size:.78rem;font-weight:700}.settings-segmented button.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.8rem;display:grid}.preset-grid button{border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:left;grid-template-columns:1rem 1rem 1fr;align-items:center;gap:.35rem;padding:.65rem;display:grid}.preset-grid button.active{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-focus-ring)}.preset-grid button span{border-radius:50%;width:1rem;height:1rem}.preset-grid button b{font-size:.72rem}.custom-swatch{background:conic-gradient(#4a7cff,#18b89a,#f5a623,#7457d9,#4a7cff)}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.8rem;display:grid}.color-grid label>span{color:var(--color-text-secondary);margin-bottom:.3rem;font-size:.72rem;font-weight:700;display:block}.color-grid label>div{grid-template-columns:2.5rem 1fr;gap:.4rem;display:grid}.color-grid input[type=color]{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:2.5rem;height:2.5rem;padding:.18rem}.color-grid .invalid{border-color:var(--error)!important}.theme-preview{top:calc(var(--topbar-height) + 1rem);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-background);box-shadow:var(--shadow-card);position:sticky;overflow:hidden}.preview-top{background:var(--color-sidebar);color:#fff;justify-content:space-between;padding:.75rem;font-size:.72rem;font-weight:800;display:flex}.preview-body{grid-template-columns:6.5rem 1fr;min-height:25rem;display:grid}.preview-body nav{background:var(--color-sidebar);color:#fff;flex-direction:column;gap:.4rem;padding:.75rem;font-size:.68rem;display:flex}.preview-body nav span,.preview-body nav b{border-radius:var(--radius-sm);padding:.5rem}.preview-body nav .active{background:var(--color-navigation-active)}.preview-body main{flex-direction:column;gap:.75rem;min-width:0;padding:1rem;display:flex}.preview-body main p{color:var(--color-text-secondary);font-size:.72rem}.preview-alert{border-radius:var(--radius-md);background:var(--success-light);color:var(--success);align-items:center;gap:.4rem;padding:.65rem;font-size:.72rem;display:flex}.preview-card{border-left:4px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-xs);padding:.8rem;font-size:.72rem}.preview-login{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;gap:.6rem;padding:.8rem;font-size:.74rem;display:flex}.preview-mobile{border-top:1px solid var(--color-border);background:var(--color-surface);text-align:center;color:var(--color-text-secondary);grid-template-columns:repeat(3,1fr);padding:.7rem;font-size:.68rem;display:none}.preview-mobile b{color:var(--color-primary)}.notification-table{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}.notification-head,.notification-row{grid-template-columns:1.1fr .55fr 1fr 1fr 2fr;align-items:center;gap:.75rem;padding:.75rem 1rem;display:grid}.notification-head{background:var(--bg-subtle);color:var(--color-text-secondary);font-size:.7rem;font-weight:800}.notification-row{border-top:1px solid var(--border-light);font-size:.75rem}.channel-pills{flex-wrap:wrap;gap:.3rem;display:flex}.channel-pills em,.channel-pills i{border-radius:999px;padding:.25rem .45rem;font-size:.64rem;font-style:normal}.channel-pills em{background:var(--success-light);color:var(--success)}.channel-pills i{background:var(--bg-subtle);color:var(--color-text-secondary)}.privacy-actions{flex-wrap:wrap;gap:.6rem;margin:1rem 0;display:flex}.integration-grid article{grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;display:grid}.integration-grid article>svg{color:var(--color-primary)}.settings-log-wrap{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);max-height:70vh;padding:1rem;overflow:auto}.prose-settings h3{margin-top:1rem}.prose-settings h3:first-child{margin-top:0}[data-theme=dark] .bg-white,[data-theme=dark] .bg-white\/95,[data-theme=dark] .bg-white\/90{background-color:var(--color-surface)!important}[data-theme=dark] .text-slate-900{color:var(--color-text-primary)!important}[data-theme=dark] .text-slate-500,[data-theme=dark] .text-slate-400{color:var(--color-text-secondary)!important}[data-theme=dark] .border{border-color:var(--color-border)}[data-theme=dark] .shadow-2xl{box-shadow:var(--shadow-modal)}[data-density=compact] .settings-panel{padding:.85rem}[data-density=comfortable] .settings-panel{padding:1.5rem}.app-page{background:var(--bg-page);min-height:100vh}.page-container{width:100%;max-width:var(--content-max-width);padding:var(--space-6);margin-inline:auto}.mobile-shell{background:var(--bg-page);min-height:100vh;padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + var(--space-4));overflow-x:clip}.mobile-safe-top{padding-top:max(var(--space-4),env(safe-area-inset-top))}.mobile-bottom-nav{min-height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}@media (width>=768px){.page-container{padding:var(--space-8)}}@media (width<=640px){.mobile-overflow-sidebar{display:none}.mobile-overflow-layout{width:100%;min-width:0;max-width:100%;overflow-x:clip;margin-left:0!important}.mobile-overflow-layout>header{padding-inline:var(--space-4);background:var(--bg-card);-webkit-backdrop-filter:none;backdrop-filter:none;flex-wrap:wrap}.mobile-overflow-layout>header>*{min-width:0;max-width:100%}.mobile-overflow-layout>header>div:last-child{flex-wrap:wrap}.mobile-overflow-layout .page-container{width:100%;min-width:0;max-width:100%}.mobile-overflow-layout .page-container>*,.mobile-overflow-layout .page-head>*,.mobile-overflow-layout .filters>*,.mobile-overflow-layout .card{min-width:0;max-width:100%}.mobile-overflow-layout .table-wrap{width:100%;min-width:0;max-width:100%}}@media (width<=1024px){.settings-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-workspace{grid-template-columns:1fr}.theme-preview{position:relative;top:auto}.preview-mobile{display:grid}.notification-head{display:none}.notification-row{grid-template-columns:1fr 4rem}.notification-row>:nth-child(n+3){grid-column:1/-1}.notification-row>b:before{content:"事件：";color:var(--color-text-secondary)}}@media (width<=640px){.settings-card-grid,.settings-form-grid,.rule-grid,.campus-list,.integration-grid,.security-rules,.color-grid{grid-template-columns:1fr}.settings-heading{flex-direction:column}.settings-heading>.settings-status{align-self:flex-start}.settings-nav-card{padding:.9rem}.settings-savebar{flex-wrap:wrap;bottom:.4rem}.settings-savebar>span{width:100%;margin-right:0}.settings-savebar button{white-space:nowrap;flex:1}.campus-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-body{grid-template-columns:4.75rem 1fr}.preview-body main{padding:.75rem}.settings-standalone>header{padding:1rem}.notification-row{padding:.8rem}.settings-segmented{grid-auto-flow:row}.preset-grid{grid-template-columns:1fr}.profile-avatar{flex-wrap:wrap}.theme-preview .btn-primary,.theme-preview .btn-secondary{padding:.45rem;font-size:.7rem}.page-container{padding:1rem}.settings-center{width:100%;min-width:0;max-width:100%;overflow-x:clip}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{border-color:var(--border-default)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}button,input,select,textarea{outline-offset:2px;outline:2px solid #0000}.card{border:1px solid var(--border-default);border-radius:var(--radius-card);background:var(--bg-card);box-shadow:var(--shadow-xs)}.btn-primary{justify-content:center;align-items:center;gap:.5rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;font-weight:600;line-height:1.25rem;display:inline-flex}.portal-footer .portal-container>div:first-child>.btn-primary{background:#fff;border-radius:.55rem;padding:.28rem .48rem;box-shadow:0 1px #1018280d}.btn-primary{border-radius:var(--radius-control);min-height:40px;transition-property:color,background-color,border-color,box-shadow,transform,opacity}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.55}.btn-primary{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (width<=640px){.btn-primary{min-height:44px}}.btn-primary{background:var(--brand-primary);box-shadow:var(--shadow-xs)}.btn-primary:hover:not(:disabled){background:var(--brand-primary-hover)}.btn-secondary{justify-content:center;align-items:center;gap:.5rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;font-weight:600;line-height:1.25rem;display:inline-flex}.portal-footer .portal-container>div:first-child>.btn-secondary{background:#fff;border-radius:.55rem;padding:.28rem .48rem;box-shadow:0 1px #1018280d}.btn-secondary{border-radius:var(--radius-control);min-height:40px;transition-property:color,background-color,border-color,box-shadow,transform,opacity}.btn-secondary:active:not(:disabled){transform:translateY(1px)}.btn-secondary:disabled{cursor:not-allowed;opacity:.55}.btn-secondary{border-width:1px}@media (width<=640px){.btn-secondary{min-height:44px}}.btn-secondary{background:var(--bg-card);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--text-disabled)}.icon-btn{justify-content:center;align-items:center;display:inline-flex}.portal-footer .portal-container>div:first-child>.icon-btn{background:#fff;border-radius:.55rem;padding:.28rem .48rem;box-shadow:0 1px #1018280d}.icon-btn{border-radius:var(--radius-sm);min-width:36px;min-height:36px;color:var(--text-muted)}.icon-btn:hover:not(:disabled){background:var(--neutral-light);color:var(--text-primary)}.\!input,.input{border-width:1px;width:100%;padding-left:.875rem;padding-right:.875rem;font-size:.875rem;line-height:1.25rem}.\!input{border-radius:var(--radius-control)!important;border-color:var(--border-default)!important;background:var(--bg-card)!important;min-height:42px!important;color:var(--text-primary)!important}.input{border-radius:var(--radius-control);border-color:var(--border-default);background:var(--bg-card);min-height:42px;color:var(--text-primary)}.\!input::placeholder{color:var(--text-disabled)!important}.input::placeholder{color:var(--text-disabled)}.\!input:focus{border-color:var(--border-focus)!important;box-shadow:0 0 0 3px #4a7cff24!important}.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #4a7cff24}.\!input:disabled{cursor:not-allowed!important;background:var(--neutral-light)!important;color:var(--text-disabled)!important}.input:disabled{cursor:not-allowed;background:var(--neutral-light);color:var(--text-disabled)}.label{color:var(--text-secondary);margin-bottom:.375rem;font-size:.75rem;font-weight:600;line-height:1rem;display:block}.table-wrap{border-radius:var(--radius-card);overflow-x:auto}.data-table{text-align:left;width:100%;min-width:max-content;font-size:.875rem;line-height:1.25rem}.data-table th{background:var(--bg-subtle);color:var(--text-muted);border-bottom-width:1px;padding:.75rem 1rem;font-size:.75rem;font-weight:600;line-height:1rem}.data-table td{vertical-align:middle;color:var(--text-secondary);border-bottom-width:1px;padding:.75rem 1rem}.data-table tbody tr{transition:background-color var(--duration-fast)}.data-table tbody tr:hover{background:var(--bg-subtle)}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.section-title{color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1.5rem}.filters{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.field-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem;display:grid}@media (width>=640px){.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.muted{color:var(--text-muted);font-size:.75rem;line-height:1rem}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-\[12\%\]{inset:12%}.inset-y-0{top:0;bottom:0}.-right-12{right:-3rem}.-top-14{top:-3.5rem}.bottom-0{bottom:0}.bottom-5{bottom:1.25rem}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.left-\[16\%\]{left:16%}.left-\[8\%\]{left:8%}.right-0{right:0}.right-3{right:.75rem}.right-\[16\%\]{right:16%}.right-\[8\%\]{right:8%}.top-0{top:0}.top-1\/2{top:50%}.top-2\.5{top:.625rem}.top-3{top:.75rem}.top-\[15\%\]{top:15%}.top-\[2\.4\%\]{top:2.4%}.top-\[2\.5\%\]{top:2.5%}.top-\[31\%\]{top:31%}.top-\[33\%\]{top:33%}.top-\[62\.5\%\]{top:62.5%}.top-\[66\.5\%\]{top:66.5%}.top-\[71\.5\%\]{top:71.5%}.top-\[8\.5\%\]{top:8.5%}.z-10{z-index:10}.z-50{z-index:50}.z-\[var\(--z-modal\)\]{z-index:var(--z-modal)}.z-\[var\(--z-sticky\)\]{z-index:var(--z-sticky)}.col-span-2{grid-column:span 2/span 2}.col-span-full{grid-column:1/-1}.m-4{margin:1rem}.mx-auto{margin-left:auto;margin-right:auto}.\!mb-0{margin-bottom:0!important}.\!mb-4{margin-bottom:1rem!important}.-mt-14{margin-top:-3.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-\[2\%\]{margin-top:2%}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[2\/3\]{aspect-ratio:2/3}.aspect-square{aspect-ratio:1}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-32{height:8rem}.h-36{height:9rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-56{height:14rem}.h-60{height:15rem}.h-7{height:1.75rem}.h-72{height:18rem}.h-8{height:2rem}.h-80{height:20rem}.h-9{height:2.25rem}.h-\[10\.5\%\]{height:10.5%}.h-\[100dvh\]{height:100dvh}.h-auto{height:auto}.h-full{height:100%}.max-h-72{max-height:18rem}.max-h-\[86vh\]{max-height:86vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[calc\(90vh-64px\)\]{max-height:calc(90vh - 64px)}.\!min-h-11{min-height:2.75rem!important}.\!min-h-9{min-height:2.25rem!important}.min-h-10{min-height:2.5rem}.min-h-11{min-height:2.75rem}.min-h-12{min-height:3rem}.min-h-14{min-height:3.5rem}.min-h-16{min-height:4rem}.min-h-24{min-height:6rem}.min-h-64{min-height:16rem}.min-h-9{min-height:2.25rem}.min-h-\[136px\]{min-height:136px}.min-h-\[176px\]{min-height:176px}.min-h-\[60vh\]{min-height:60vh}.min-h-\[72px\]{min-height:72px}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-28{width:7rem}.w-32{width:8rem}.w-36{width:9rem}.w-4{width:1rem}.w-40{width:10rem}.w-44{width:11rem}.w-60{width:15rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\[40\%\]{width:40%}.w-\[41\.8679\%\]{width:41.8679%}.w-\[52\%\]{width:52%}.w-auto{width:auto}.w-full{width:100%}.\!min-w-11{min-width:2.75rem!important}.\!min-w-9{min-width:2.25rem!important}.min-w-0{min-width:0}.max-w-2xl{max-width:42rem}.max-w-36{max-width:9rem}.max-w-3xl{max-width:48rem}.max-w-40{max-width:10rem}.max-w-48{max-width:12rem}.max-w-4xl{max-width:56rem}.max-w-52{max-width:13rem}.max-w-56{max-width:14rem}.max-w-5xl{max-width:64rem}.max-w-64{max-width:16rem}.max-w-6xl{max-width:72rem}.max-w-\[150px\]{max-width:150px}.max-w-\[18rem\]{max-width:18rem}.max-w-\[220px\]{max-width:220px}.max-w-\[430px\]{max-width:430px}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.cursor-pointer{cursor:pointer}.auto-cols-fr{grid-auto-columns:minmax(0,1fr)}.grid-flow-col{grid-auto-flow:column}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-\[90px_1fr\]{grid-template-columns:90px 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[10\%\]{border-radius:10%}.rounded-\[30px\]{border-radius:30px}.rounded-\[8\%\]{border-radius:8%}.rounded-\[var\(--radius-card\)\]{border-radius:var(--radius-card)}.rounded-\[var\(--radius-control\)\]{border-radius:var(--radius-control)}.rounded-\[var\(--radius-featured\)\]{border-radius:var(--radius-featured)}.rounded-\[var\(--radius-mobile\)\]{border-radius:var(--radius-mobile)}.rounded-\[var\(--radius-sm\)\]{border-radius:var(--radius-sm)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-t-\[30px\]{border-top-left-radius:30px;border-top-right-radius:30px}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.\!border-\[var\(--error\)\]{border-color:var(--error)!important}.border-\[var\(--border-default\)\]{border-color:var(--border-default)}.border-\[var\(--border-light\)\]{border-color:var(--border-light)}.border-\[var\(--brand-primary\)\]{border-color:var(--brand-primary)}.border-amber-100{--tw-border-opacity:1;border-color:rgb(254 243 199/var(--tw-border-opacity,1))}.border-blue-600\/75{border-color:#2563ebbf}.border-blue-700\/30{border-color:#1d4ed84d}.border-brand-100{--tw-border-opacity:1;border-color:rgb(215 238 231/var(--tw-border-opacity,1))}.border-brand-500{--tw-border-opacity:1;border-color:rgb(46 139 114/var(--tw-border-opacity,1))}.border-current{border-color:currentColor}.border-cyan-600\/75{border-color:#0891b2bf}.border-emerald-100{--tw-border-opacity:1;border-color:rgb(209 250 229/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-white\/10{border-color:#ffffff1a}.border-white\/15{border-color:#ffffff26}.border-r-transparent{border-right-color:#0000}.bg-\[\#173227\]{--tw-bg-opacity:1;background-color:rgb(23 50 39/var(--tw-bg-opacity,1))}.bg-\[\#1f6b4d\]{--tw-bg-opacity:1;background-color:rgb(31 107 77/var(--tw-bg-opacity,1))}.bg-\[var\(--bg-card\)\]{background-color:var(--bg-card)}.bg-\[var\(--bg-overlay\)\]{background-color:var(--bg-overlay)}.bg-\[var\(--bg-page\)\]{background-color:var(--bg-page)}.bg-\[var\(--bg-sidebar\)\]{background-color:var(--bg-sidebar)}.bg-\[var\(--bg-subtle\)\]{background-color:var(--bg-subtle)}.bg-\[var\(--brand-green\)\]{background-color:var(--brand-green)}.bg-\[var\(--brand-green-light\)\]{background-color:var(--brand-green-light)}.bg-\[var\(--brand-orange-light\)\]{background-color:var(--brand-orange-light)}.bg-\[var\(--brand-primary\)\]{background-color:var(--brand-primary)}.bg-\[var\(--brand-primary-light\)\]{background-color:var(--brand-primary-light)}.bg-\[var\(--brand-purple-light\)\]{background-color:var(--brand-purple-light)}.bg-\[var\(--color-surface\)\]{background-color:var(--color-surface)}.bg-\[var\(--error\)\]{background-color:var(--error)}.bg-\[var\(--error-light\)\]{background-color:var(--error-light)}.bg-\[var\(--info-light\)\]{background-color:var(--info-light)}.bg-\[var\(--neutral-light\)\]{background-color:var(--neutral-light)}.bg-\[var\(--success\)\]{background-color:var(--success)}.bg-\[var\(--success-light\)\]{background-color:var(--success-light)}.bg-\[var\(--warning-light\)\]{background-color:var(--warning-light)}.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-50\/20{background-color:#eff6ff33}.bg-blue-700{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.bg-brand-50{--tw-bg-opacity:1;background-color:rgb(238 248 245/var(--tw-bg-opacity,1))}.bg-cyan-700{--tw-bg-opacity:1;background-color:rgb(14 116 144/var(--tw-bg-opacity,1))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-slate-50\/70{background-color:#f8fafcb3}.bg-slate-900\/85{background-color:#0f172ad9}.bg-slate-950\/45{background-color:#02061773}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/25{background-color:#ffffff40}.bg-white\/5{background-color:#ffffff0d}.bg-white\/80{background-color:#fffc}.bg-white\/90{background-color:#ffffffe6}.bg-white\/95{background-color:#fffffff2}.bg-\[linear-gradient\(135deg\,var\(--bg-sidebar\)\,var\(--brand-primary\)\)\]{background-image:linear-gradient(135deg,var(--bg-sidebar),var(--brand-primary))}.bg-\[linear-gradient\(180deg\,\#fdfbf6\,\#eff7f2\)\]{background-image:linear-gradient(#fdfbf6,#eff7f2)}.bg-\[linear-gradient\(180deg\,var\(--bg-sidebar\)_0\,var\(--bg-sidebar\)_32\%\,var\(--bg-page\)_32\%\)\]{background-image:linear-gradient(180deg,var(--bg-sidebar) 0,var(--bg-sidebar) 32%,var(--bg-page) 32%)}.bg-\[linear-gradient\(rgba\(255\,255\,255\,\.55\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,rgba\(255\,255\,255\,\.55\)_1px\,transparent_1px\)\]{background-image:linear-gradient(#ffffff8c 1px,#0000 1px),linear-gradient(90deg,#ffffff8c 1px,#0000 1px)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))}.from-\[var\(--brand-green-light\)\]{--tw-gradient-from:var(--brand-green-light) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-white{--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}.bg-\[size\:32px_32px\]{background-size:32px 32px}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.p-0{padding:0}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.\!px-3{padding-left:.75rem!important;padding-right:.75rem!important}.\!py-1\.5{padding-top:.375rem!important;padding-bottom:.375rem!important}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-\[3\%\]{padding-left:3%;padding-right:3%}.px-\[3\.5\%\]{padding-left:3.5%;padding-right:3.5%}.px-\[4\%\]{padding-left:4%;padding-right:4%}.px-\[5\%\]{padding-left:5%;padding-right:5%}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[1\%\]{padding-top:1%;padding-bottom:1%}.py-\[1\.2\%\]{padding-top:1.2%;padding-bottom:1.2%}.py-\[1\.5\%\]{padding-top:1.5%;padding-bottom:1.5%}.py-\[2\%\]{padding-top:2%;padding-bottom:2%}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-4{padding-bottom:1rem}.pl-10{padding-left:2.5rem}.pl-7{padding-left:1.75rem}.pl-9{padding-left:2.25rem}.pr-10{padding-right:2.5rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[clamp\(13px\,3\.8vw\,25px\)\]{font-size:clamp(13px,3.8vw,25px)}.text-\[clamp\(15px\,4\.2vw\,28px\)\]{font-size:clamp(15px,4.2vw,28px)}.text-\[clamp\(20px\,5\.8vw\,40px\)\]{font-size:clamp(20px,5.8vw,40px)}.text-\[clamp\(26px\,7\.4vw\,66px\)\]{font-size:clamp(26px,7.4vw,66px)}.text-\[clamp\(8px\,2\.1vw\,17px\)\]{font-size:clamp(8px,2.1vw,17px)}.text-\[clamp\(9px\,2\.4vw\,16px\)\]{font-size:clamp(9px,2.4vw,16px)}.text-\[clamp\(9px\,2\.6vw\,17px\)\]{font-size:clamp(9px,2.6vw,17px)}.text-\[clamp\(9px\,2\.7vw\,21px\)\]{font-size:clamp(9px,2.7vw,21px)}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-tight{line-height:1.25}.tracking-\[\.08em\]{letter-spacing:.08em}.tracking-\[\.12em\]{letter-spacing:.12em}.tracking-\[\.18em\]{letter-spacing:.18em}.tracking-\[0\.15em\]{letter-spacing:.15em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.\!text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.text-\[var\(--brand-green\)\]{color:var(--brand-green)}.text-\[var\(--brand-orange\)\]{color:var(--brand-orange)}.text-\[var\(--brand-primary\)\]{color:var(--brand-primary)}.text-\[var\(--brand-purple\)\]{color:var(--brand-purple)}.text-\[var\(--error\)\]{color:var(--error)}.text-\[var\(--info\)\]{color:var(--info)}.text-\[var\(--success\)\]{color:var(--success)}.text-\[var\(--text-muted\)\]{color:var(--text-muted)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-\[var\(--warning\)\]{color:var(--warning)}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-brand-600{--tw-text-opacity:1;color:rgb(35 115 94/var(--tw-text-opacity,1))}.text-brand-700{--tw-text-opacity:1;color:rgb(31 92 77/var(--tw-text-opacity,1))}.text-emerald-50\/80{color:#ecfdf5cc}.text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-emerald-800{--tw-text-opacity:1;color:rgb(6 95 70/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-slate-950{--tw-text-opacity:1;color:rgb(2 6 23/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/40{color:#fff6}.text-white\/55{color:#ffffff8c}.text-white\/60{color:#fff9}.text-white\/65{color:#ffffffa6}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.opacity-70{opacity:.7}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_18px_50px_rgba\(15\,23\,42\,\.12\)\]{--tw-shadow:0 18px 50px #0f172a1f;--tw-shadow-colored:0 18px 50px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[var\(--shadow-card\)\]{--tw-shadow-color:var(--shadow-card);--tw-shadow:var(--tw-shadow-colored)}.shadow-\[var\(--shadow-modal\)\]{--tw-shadow-color:var(--shadow-modal);--tw-shadow:var(--tw-shadow-colored)}.shadow-\[var\(--shadow-sm\)\]{--tw-shadow-color:var(--shadow-sm);--tw-shadow:var(--tw-shadow-colored)}.shadow-\[var\(--shadow-xs\)\]{--tw-shadow-color:var(--shadow-xs);--tw-shadow:var(--tw-shadow-colored)}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.\!ring-red-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(254 226 226/var(--tw-ring-opacity,1))!important}.blur-2xl{--tw-blur:blur(40px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.brightness-95{--tw-brightness:brightness(.95);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\[k\:string\]{k:string}@media (width<=640px){.btn{min-height:44px}.icon-btn{min-width:44px;min-height:44px}.input{min-height:44px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#cbd5e1}.portal-home{background:var(--bg-page);min-height:100vh;color:var(--text-primary);overflow-x:clip}.portal-container{width:min(1240px,100% - 48px);margin-inline:auto}.portal-nav{z-index:var(--z-sticky);border-bottom:1px solid color-mix(in srgb,var(--border-default) 82%,transparent);background:color-mix(in srgb,var(--bg-page) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0}.portal-nav [aria-label=艺课通首页],.portal-footer .portal-container>div:first-child>.inline-flex{background:#fff;border-radius:.55rem;padding:.28rem .48rem;box-shadow:0 1px #1018280d}.portal-nav-links{color:var(--text-secondary);align-items:center;gap:1.65rem;font-size:.84rem;font-weight:650;display:flex}.portal-nav-links>a:hover{color:var(--brand-primary)}.portal-system-link,.portal-workbench-link,.portal-mobile-entry{border-radius:var(--radius-control);background:var(--brand-primary);min-height:42px;box-shadow:var(--shadow-xs);justify-content:center;align-items:center;gap:.4rem;padding:0 1rem;display:inline-flex;color:#fff!important}.portal-system-link:hover,.portal-workbench-link:hover,.portal-mobile-entry:hover{background:var(--brand-primary-hover)}.portal-mobile-entry{font-size:.8rem;font-weight:700;display:none}.portal-hero{padding:clamp(4.2rem,8vw,7.5rem) 0 4.5rem;position:relative}.portal-hero:before{background:radial-gradient(circle,color-mix(in srgb,var(--brand-primary) 13%,transparent),transparent 68%);content:"";pointer-events:none;border-radius:50%;height:36rem;position:absolute;inset:-6rem 0 auto 52%}.portal-hero-grid{grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);align-items:center;gap:clamp(3rem,7vw,7rem);display:grid}.portal-eyebrow,.portal-section-heading>span{border:1px solid color-mix(in srgb,var(--brand-primary) 22%,var(--border-default));background:var(--brand-primary-light);color:var(--brand-primary);letter-spacing:.12em;border-radius:999px;align-items:center;padding:.45rem .75rem;font-size:.68rem;font-weight:800;display:inline-flex}.portal-hero h1{letter-spacing:-.05em;margin-top:1.35rem;font-size:clamp(2.3rem,4.2vw,3.75rem);font-weight:850;line-height:1.12}.portal-hero h1>span{color:#4a7cff;letter-spacing:.08em;margin-bottom:.75rem;font-size:.34em;font-weight:850;display:block}.portal-lead{color:var(--text-primary);margin-top:1.65rem;font-size:clamp(1.05rem,1.7vw,1.3rem);font-weight:750;line-height:1.65}.portal-supporting{max-width:38rem;color:var(--text-secondary);margin-top:.75rem;font-size:.94rem;line-height:1.8}.portal-hero-actions{flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:2rem;display:flex}.portal-primary-action,.portal-secondary-action{border-radius:var(--radius-control);justify-content:center;align-items:center;gap:.55rem;min-height:50px;padding:0 1.25rem;font-size:.9rem;font-weight:750;display:inline-flex}.portal-primary-action{background:var(--brand-primary);color:#fff;box-shadow:0 10px 25px color-mix(in srgb,var(--brand-primary) 22%,transparent)}.portal-primary-action:hover{background:var(--brand-primary-hover);transform:translateY(-1px)}.portal-secondary-action{border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-primary)}.portal-secondary-action:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.portal-visual{isolation:isolate;min-height:410px;position:relative}.portal-visual:before{border:1px solid color-mix(in srgb,var(--brand-primary) 20%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--brand-primary) 12%,var(--bg-card)),color-mix(in srgb,var(--brand-green) 9%,var(--bg-card)));content:"";border-radius:45% 55% 46% 54%;position:absolute;inset:2rem 3rem;transform:rotate(-4deg)}.portal-visual-orbit{border:1px dashed color-mix(in srgb,var(--brand-primary) 28%,transparent);pointer-events:none;border-radius:50%;position:absolute}.portal-visual-orbit-one{inset:0 4rem 1rem 1rem}.portal-visual-orbit-two{inset:4rem 0 0 5rem}.portal-visual-main{z-index:2;border:1px solid color-mix(in srgb,var(--border-default) 80%,transparent);border-radius:var(--radius-featured);background:color-mix(in srgb,var(--bg-card) 94%,transparent);width:min(84%,380px);box-shadow:var(--shadow-modal);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portal-visual-head{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1.2rem;display:flex}.portal-visual-head>span{align-items:center;gap:.55rem;font-size:.88rem;font-weight:800;display:flex}.portal-visual-head svg{color:var(--brand-primary)}.portal-visual-head em{color:var(--text-secondary);font-size:.66rem;font-style:normal}.portal-metric-row{grid-template-columns:5.4rem 1fr;align-items:center;gap:.8rem;margin-top:1.1rem;display:grid}.portal-metric-row>b{font-size:.72rem}.portal-metric-row>span{background:var(--bg-subtle);border-radius:999px;height:.48rem;overflow:hidden}.portal-metric-row i{border-radius:inherit;background:linear-gradient(90deg,var(--brand-primary),var(--brand-green));height:100%;display:block}.portal-floating-card{z-index:3;border:1px solid var(--border-default);border-radius:var(--radius-card);background:var(--bg-card);box-shadow:var(--shadow-card);align-items:center;gap:.7rem;padding:.8rem 1rem;display:flex;position:absolute}.portal-floating-card>svg{width:1.1rem;color:var(--brand-primary)}.portal-floating-card b,.portal-floating-card small{display:block}.portal-floating-card b{font-size:.74rem}.portal-floating-card small{color:var(--text-secondary);margin-top:.15rem;font-size:.6rem}.portal-float-course{top:1.1rem;right:.5rem}.portal-float-student{bottom:1rem;left:0}.portal-float-campus{bottom:4.5rem;right:-1rem}.portal-entries{padding:4.5rem 0}.portal-section-heading{text-align:center}.portal-section-heading h2{letter-spacing:-.035em;margin-top:1rem;font-size:clamp(2rem,4vw,3rem);font-weight:850}.portal-section-heading p{color:var(--text-secondary);margin-top:.65rem;font-size:.9rem}.portal-entry-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:2.5rem;display:grid}.portal-entry-card{border:1px solid var(--border-default);border-radius:var(--radius-featured);background:var(--bg-card);min-width:0;min-height:390px;box-shadow:var(--shadow-xs);transition:transform var(--duration-normal),border-color var(--duration-normal),box-shadow var(--duration-normal);flex-direction:column;padding:1.55rem;display:flex}.portal-entry-card:hover,.portal-entry-card:focus-within{border-color:color-mix(in srgb,var(--entry-accent) 45%,var(--border-default));box-shadow:var(--shadow-card);transform:translateY(-4px)}.portal-entry-icon{border-radius:var(--radius-card);background:color-mix(in srgb,var(--entry-accent) 12%,var(--bg-card));width:3rem;height:3rem;color:var(--entry-accent);place-items:center;display:grid}.portal-entry-icon svg{width:1.35rem}.portal-entry-card h3{margin-top:1.25rem;font-size:1.16rem;font-weight:850}.portal-entry-card>p{min-height:3rem;color:var(--text-secondary);margin-top:.55rem;font-size:.77rem;line-height:1.7}.portal-entry-card ul{grid-template-columns:1fr;gap:.58rem;margin:1.2rem 0 1.5rem;display:grid}.portal-entry-card li{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.portal-entry-card li svg{color:var(--entry-accent);flex:none}.portal-entry-card>a{border-radius:var(--radius-control);background:color-mix(in srgb,var(--entry-accent) 10%,var(--bg-card));min-height:46px;color:var(--entry-accent);justify-content:space-between;align-items:center;margin-top:auto;padding:0 .9rem;font-size:.78rem;font-weight:800;display:flex}.portal-entry-card>a:hover{background:var(--entry-accent);color:#fff}.portal-entry-platform{--entry-accent:#4a7cff}.portal-entry-admin{--entry-accent:#18b89a}.portal-entry-teacher{--entry-accent:#7b6cff}.portal-entry-student{--entry-accent:#d88613}.portal-value{grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem 0 5rem;display:grid}.portal-value>div{border-top:1px solid var(--border-default);align-items:center;gap:1rem;padding:1.5rem .5rem;display:flex}.portal-value svg{color:var(--brand-primary);flex:none}.portal-value b,.portal-value small{display:block}.portal-value b{font-size:.85rem}.portal-value small{color:var(--text-secondary);margin-top:.3rem;font-size:.72rem}.portal-footer{border-top:1px solid var(--border-default);background:var(--bg-card)}.portal-footer .portal-container{justify-content:space-between;align-items:center;gap:2rem;min-height:120px;display:flex}.portal-footer .portal-container>div{align-items:center;gap:1rem;display:flex}.portal-footer p,.portal-footer span{color:var(--text-secondary);font-size:.72rem}@media (width<=1050px){.portal-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-entry-card{min-height:350px}.portal-hero-grid{grid-template-columns:1fr minmax(370px,.8fr);gap:2rem}.portal-float-campus{right:0}}@media (width<=780px){.portal-container{width:min(100% - 32px,1240px)}.portal-nav-links{display:none}.portal-mobile-entry{display:inline-flex}.portal-hero{padding:3.4rem 0 2.7rem}.portal-hero-grid{grid-template-columns:1fr;gap:2.4rem}.portal-hero h1{font-size:clamp(2.1rem,9vw,2.8rem)}.portal-visual{min-height:350px}.portal-entries{padding:3.2rem 0}.portal-entry-grid{grid-template-columns:1fr}.portal-entry-card,.portal-entry-card>p{min-height:0}.portal-entry-card ul{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-entry-admin{order:1}.portal-entry-teacher{order:2}.portal-entry-student{order:3}.portal-entry-platform{order:4}.portal-value{grid-template-columns:1fr;padding-bottom:3rem}.portal-value>div{padding:1rem .5rem}.portal-footer .portal-container{flex-direction:column;justify-content:center;align-items:flex-start;min-height:150px}.portal-footer .portal-container>div{flex-direction:column;align-items:flex-start}}@media (width<=430px){.portal-container{width:calc(100% - 28px)}.portal-hero-actions{flex-direction:column;align-items:stretch}.portal-primary-action,.portal-secondary-action{width:100%}.portal-visual{min-height:315px}.portal-visual:before{inset:1.5rem}.portal-visual-main{width:88%;padding:1.1rem}.portal-floating-card{padding:.65rem .75rem}.portal-float-course{right:-.35rem}.portal-float-student{left:-.2rem}.portal-float-campus{display:none}.portal-entry-card{padding:1.35rem}.portal-entry-card ul{grid-template-columns:1fr 1fr}.portal-footer p{line-height:1.6}}.last\:border-0:last-child{border-width:0}.hover\:border-emerald-200:hover{--tw-border-opacity:1;border-color:rgb(167 243 208/var(--tw-border-opacity,1))}.hover\:\!bg-white\/10:hover{background-color:#ffffff1a!important}.hover\:bg-\[var\(--bg-subtle\)\]:hover{background-color:var(--bg-subtle)}.hover\:bg-\[var\(--brand-primary-hover\)\]:hover{background-color:var(--brand-primary-hover)}.hover\:bg-\[var\(--brand-primary-light\)\]:hover{background-color:var(--brand-primary-light)}.hover\:bg-\[var\(--neutral-light\)\]:hover{background-color:var(--neutral-light)}.hover\:bg-white\/15:hover{background-color:#ffffff26}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:text-\[var\(--brand-primary\)\]:hover{color:var(--brand-primary)}.hover\:text-brand-700:hover{--tw-text-opacity:1;color:rgb(31 92 77/var(--tw-text-opacity,1))}.hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:brightness-95:hover{--tw-brightness:brightness(.95);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.active\:translate-y-px:active{--tw-translate-y:1px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-slate-300:disabled{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-55:disabled{opacity:.55}@media not all and (width>=640px){.max-sm\:min-h-11{min-height:2.75rem}}@media (width>=640px){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:h-40{height:10rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-center{justify-content:center}.sm\:p-6{padding:1.5rem}.sm\:p-7{padding:1.75rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}}@media (width>=768px){.md\:block{display:block}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[1\.2fr_\.9fr\]{grid-template-columns:1.2fr .9fr}.md\:p-10{padding:2.5rem}.md\:p-12{padding:3rem}.md\:pt-10{padding-top:2.5rem}}@media (width>=1024px){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,1\.35fr\)_minmax\(280px\,\.65fr\)\]{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)}.lg\:items-end{align-items:flex-end}}@media (width>=1280px){.xl\:col-span-2{grid-column:span 2/span 2}.xl\:flex{display:flex}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.xl\:grid-cols-\[1\.2fr_\.8fr\]{grid-template-columns:1.2fr .8fr}.xl\:px-8{padding-left:2rem;padding-right:2rem}}