.toast-viewport{z-index:1000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:18px;right:18px}.toast{pointer-events:auto;border:1px solid var(--border-subtle);min-width:260px;max-width:380px;color:var(--text-primary);background:#fff;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex;box-shadow:0 8px 28px #0f0a3c24}.toast-success{border-left:3px solid #10b981}.toast-success .toast-icon{color:#10b981}.toast-error{border-left:3px solid #ef4444}.toast-error .toast-icon{color:#ef4444}.toast-info{border-left:3px solid var(--accent-primary)}.toast-info .toast-icon{color:var(--accent-primary)}.toast-msg{flex:1}.toast-dismiss{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px}.toast-dismiss:hover{color:var(--text-primary);background:#0000000a}.sb{z-index:100;background:var(--surface-raised);border-right:1px solid var(--surface-border);border-top-right-radius:18px;border-bottom-right-radius:18px;flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.sb[data-collapsed=true]{border-top-right-radius:0;border-bottom-right-radius:0}[data-ui=obsidian] .sb,[data-ui=midnight] .sb{-webkit-backdrop-filter:blur(20px)}.sb-brand{white-space:nowrap;flex-shrink:0;align-items:center;gap:12px;height:64px;padding:0 16px;display:flex;overflow:hidden}.sb[data-collapsed=true] .sb-brand{flex-direction:column;justify-content:center;height:auto;padding:12px 12px 4px}.sb-brand-icon{width:36px;height:36px;color:var(--text-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sb-brand-text{letter-spacing:-.02em;color:var(--text-primary);font-size:16px;font-weight:700}.sb-close{background:var(--surface-inset);border:1px solid var(--surface-border);border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;margin-left:auto;display:none}.sb[data-mobile=true] .sb-close{display:inline-flex}.sb-search{border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--surface-inset);color:var(--text-muted);cursor:pointer;text-align:left;transition:border-color .15s var(--ease-out-soft), background .15s var(--ease-out-soft), color .15s var(--ease-out-soft);align-items:center;gap:10px;margin:4px 12px 10px;padding:9px 12px;font-family:inherit;font-size:13px;display:flex}.sb-search:hover{border-color:var(--surface-border-strong);background:var(--bg-surface-hover);color:var(--text-primary)}.sb-search[data-collapsed=true]{justify-content:center;margin:4px 12px 10px;padding:9px 0}.sb-search-label{flex:1}.sb-search-kbd{font-family:var(--font-mono);letter-spacing:.04em;border:1px solid var(--surface-border-strong);background:var(--surface-canvas);color:var(--text-muted);border-radius:6px;padding:2px 6px;font-size:10px;font-weight:600}.sb-nav{flex-direction:column;flex:1;gap:14px;padding:6px 8px 8px;display:flex;overflow:hidden auto}.sb-nav::-webkit-scrollbar{width:4px}.sb-nav::-webkit-scrollbar-thumb{background:var(--surface-border-strong);border-radius:999px}.sb-section{flex-direction:column;gap:2px;display:flex}.sb-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);opacity:.7;padding:4px 12px 2px;font-size:10px;font-weight:700}.sb-section-divider{background:var(--surface-border);height:1px;margin:6px 16px}.sb-section-items{flex-direction:column;gap:2px;display:flex}.sb-link{border-radius:var(--radius-md);color:var(--text-secondary);white-space:nowrap;transition:background .14s var(--ease-out-soft), color .14s var(--ease-out-soft);align-items:center;gap:11px;padding:8px 12px;font-size:13.5px;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.sb-link:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.sb-link.is-active{background:color-mix(in srgb, var(--accent-tertiary) 12%, transparent);color:var(--accent-primary);font-weight:600}.sb-link.is-active:before{content:"";background:var(--accent-tertiary);border-radius:0 3px 3px 0;width:3px;position:absolute;top:22%;bottom:22%;left:0}.sb-link[data-collapsed=true]{justify-content:center;gap:0;padding:9px 0}.sb-link-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;display:flex}.sb-link-label{text-overflow:ellipsis;flex:1;overflow:hidden}.sb-link-swatch{border-radius:3px;width:10px;height:10px;display:inline-block}.sb-pin-row{align-items:center;gap:2px;display:flex}.sb-pin-row .sb-link{flex:1}.sb-pin-btn{width:24px;height:24px;color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity .12s var(--ease-out-soft);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin-right:6px;display:inline-flex}.sb-pin-row:hover .sb-pin-btn{opacity:1}.sb-pin-btn:hover{background:var(--surface-inset);color:var(--text-primary)}.sb-bottom{flex-direction:column;flex-shrink:0;gap:4px;padding:8px 8px 12px;display:flex}.sb-divider{background:var(--surface-border);height:1px;margin:6px 8px}.sb-user{position:relative}.sb-user-btn{border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--surface-inset);cursor:pointer;width:100%;font:inherit;color:inherit;text-align:left;transition:background .12s var(--ease-out-soft), border-color .12s var(--ease-out-soft);align-items:center;gap:10px;padding:8px 10px;display:flex}.sb-user-btn:hover{background:var(--bg-surface-hover);border-color:var(--surface-border-strong)}.sb-user-btn[data-collapsed=true]{justify-content:center;padding:6px}.sb-user-avatar{background:var(--accent-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex;overflow:hidden}.sb-user-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.sb-user-meta{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.sb-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.sb-user-role-pill{letter-spacing:.04em;text-transform:uppercase;color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 14%, transparent);border:1px solid color-mix(in srgb, var(--accent-primary) 24%, transparent);border-radius:999px;flex-shrink:0;align-self:flex-end;align-items:center;gap:4px;margin-left:auto;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.sb-user-btn[data-collapsed=true] .sb-user-role-pill{display:none}.sb-user-menu{background:var(--surface-canvas);border:1px solid var(--surface-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-float-strong);z-index:50;animation:sb-menu-pop .16s var(--ease-out-soft);padding:6px;position:absolute;bottom:calc(100% + 8px);left:8px;right:8px}@keyframes sb-menu-pop{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sb-user-menu-head{border-bottom:1px solid var(--surface-border);margin-bottom:4px;padding:8px 10px}.sb-user-menu-name{color:var(--text-primary);font-size:13px;font-weight:600}.sb-user-menu-email{color:var(--text-muted);margin-top:2px;font-size:11px}.sb-user-menu-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.sb-user-menu-item:hover{background:var(--surface-inset)}.sb-foot{justify-content:space-between;align-items:center;gap:6px;padding:4px 4px 0;display:flex}.sb[data-collapsed=true] .sb-foot{justify-content:center}.sb-health{text-transform:uppercase;letter-spacing:.08em;background:var(--surface-inset);border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:10px;font-weight:600;display:inline-flex}.sb-health--ok{color:#10b981}.sb-health--degraded{color:#f59e0b}.sb-health--down{color:#ef4444}.sb-health--offline,.sb-health-label{color:var(--text-muted)}.sb-collapse{border:1px solid var(--surface-border);background:var(--surface-inset);width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.sb-collapse:hover{color:var(--text-primary);border-color:var(--surface-border-strong)}.sb-collapse-top{border:1px solid var(--surface-border);background:var(--surface-inset);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:color .12s var(--ease-out-soft), border-color .12s var(--ease-out-soft), background .12s var(--ease-out-soft);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.sb-collapse-top:hover{color:var(--text-primary);border-color:var(--surface-border-strong);background:var(--bg-surface-hover)}.sb[data-collapsed=true] .sb-collapse-top{margin-top:8px;margin-left:0}@media (width<=1024px){.sb{border-right:1px solid var(--surface-border-strong);z-index:950;border-radius:0;height:100dvh;position:fixed;inset:0 auto 0 0;box-shadow:0 20px 60px #00000047;width:min(82vw,300px)!important}.sb[data-mobile-open=false]{pointer-events:none}}.vas-fab-wrap{z-index:9000;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:18px;right:18px}.vas-fab{background:var(--card-bg);border:1px solid var(--border-strong);color:var(--text-primary);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;transition:transform .15s,background .15s;display:inline-flex;box-shadow:0 8px 24px #0000002e}.vas-fab:hover{transform:translateY(-1px)}.vas-fab--alt{background:color-mix(in srgb, var(--accent-primary) 18%, var(--bg-surface));border-color:color-mix(in srgb, var(--accent-primary) 50%, var(--border-default));color:var(--accent-primary)}.vas-menu{background:var(--surface-canvas);border:1px solid var(--border-strong);border-radius:var(--radius-md);flex-direction:column;width:240px;padding:8px;display:flex;box-shadow:0 16px 40px #00000047}.vas-menu-head{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:6px 10px 8px;font-size:11px;font-weight:600}.vas-opt{border-radius:var(--radius-sm,8px);color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:grid}.vas-opt:hover{background:color-mix(in srgb, var(--accent-primary) 8%, transparent);color:var(--text-primary)}.vas-opt--active{background:color-mix(in srgb, var(--accent-primary) 14%, transparent);border-color:color-mix(in srgb, var(--accent-primary) 35%, transparent);color:var(--accent-primary)}.vas-opt-label{font-weight:600}.vas-opt-hint{color:var(--text-muted);font-size:11px}.vas-opt--active .vas-opt-hint{color:color-mix(in srgb, var(--accent-primary) 70%, var(--text-muted))}.vas-opt[disabled]{opacity:.6;cursor:default}.vas-spin{color:var(--accent-primary);animation:.8s linear infinite vas-spin}@keyframes vas-spin{to{transform:rotate(360deg)}}.vas-menu-error{color:#f87171;background:#f871711a;border:1px solid #f871714d;border-radius:6px;margin:4px 6px 0;padding:6px 10px;font-size:12px}.vas-menu-foot{color:var(--text-muted);border-top:1px solid var(--border-default);margin-top:6px;padding:8px 10px;font-size:11px;line-height:1.4}.vas-strip{z-index:8500;background:color-mix(in srgb, var(--accent-primary) 16%, var(--bg-surface));border-bottom:1px solid color-mix(in srgb, var(--accent-primary) 35%, var(--border-default));color:var(--accent-primary);justify-content:center;align-items:center;gap:10px;padding:6px 14px;font-size:12.5px;font-weight:600;display:flex;position:sticky;top:0}.vas-strip strong{color:var(--accent-primary)}.vas-strip-reset{border:1px solid color-mix(in srgb, var(--accent-primary) 50%, transparent);color:var(--accent-primary);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.vas-strip-reset:hover{background:color-mix(in srgb, var(--accent-primary) 12%, transparent)}.tb{z-index:90;background:var(--surface-raised);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--surface-border);flex-shrink:0;align-items:center;gap:14px;height:64px;padding:0 20px;display:flex;position:sticky;top:0}.tb-menu{border:1px solid var(--surface-border);background:var(--surface-inset);width:36px;height:36px;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:none}.tb-menu:hover{color:var(--text-primary);border-color:var(--surface-border-strong)}.tb-crumbs{min-width:0;color:var(--text-muted);flex-shrink:1;align-items:center;font-size:13.5px;display:flex}.tb-crumb-wrap{align-items:center;min-width:0;display:inline-flex}.tb-crumb{appearance:none;color:var(--text-muted);font:inherit;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;max-width:220px;transition:color .12s var(--ease-out-soft), background .12s var(--ease-out-soft);background:0 0;border:none;border-radius:6px;padding:6px 8px;overflow:hidden}.tb-crumb:hover{color:var(--text-primary);background:var(--surface-inset)}.tb-crumb--last{color:var(--text-primary);cursor:default;font-weight:600}.tb-crumb--last:hover{background:0 0}.tb-crumb-sep{color:var(--text-muted);opacity:.5;margin:0 2px}.tb-search{background:var(--surface-inset);border:1px solid var(--surface-border);border-radius:var(--radius-md);max-width:480px;color:var(--text-muted);font:inherit;cursor:pointer;transition:border-color .15s var(--ease-out-soft), background .15s var(--ease-out-soft), max-width .2s var(--ease-out-soft);flex:1;align-items:center;gap:10px;margin:0 auto;padding:7px 12px;font-size:13px;display:flex}.tb-search:hover,.tb-search:focus-visible{border-color:var(--surface-border-strong);background:var(--bg-surface-hover);color:var(--text-primary);outline:none}.tb-search:focus-visible{max-width:640px}.tb-search-placeholder{text-align:left;flex:1}.tb-search-kbd{font-family:var(--font-mono);border:1px solid var(--surface-border-strong);background:var(--surface-canvas);color:var(--text-muted);border-radius:6px;padding:2px 6px;font-size:10px;font-weight:600}.tb-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.tb-icon-btn{border:1px solid var(--surface-border);background:var(--surface-inset);width:36px;height:36px;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:color .12s var(--ease-out-soft), border-color .12s var(--ease-out-soft), background .12s var(--ease-out-soft);justify-content:center;align-items:center;display:flex;position:relative}.tb-icon-btn:hover{color:var(--text-primary);border-color:var(--surface-border-strong);background:var(--bg-surface-hover)}.tb-notif-badge{background:var(--accent-primary);color:#fff;border:2px solid var(--surface-raised);border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:-4px;right:-4px}.tb-create{border-radius:var(--radius-md);display:inline-flex;position:relative;overflow:visible}.tb-create-main{background:var(--accent-primary);color:#fff;font:inherit;cursor:pointer;border-radius:var(--radius-md) 0 0 var(--radius-md);transition:filter .12s var(--ease-out-soft);border:none;align-items:center;gap:6px;padding:7px 12px 7px 10px;font-size:13px;font-weight:600;display:inline-flex}.tb-create-main:hover{filter:brightness(1.06)}.tb-create-toggle{background:var(--accent-primary);color:#fff;cursor:pointer;border-radius:0 var(--radius-md) var(--radius-md) 0;transition:filter .12s var(--ease-out-soft);border:none;border-left:1px solid #ffffff38;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.tb-create-toggle:hover{filter:brightness(1.06)}.tb-create-menu{background:var(--surface-canvas);border:1px solid var(--surface-border-strong);border-radius:var(--radius-md);min-width:240px;box-shadow:var(--shadow-float-strong);z-index:80;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.tb-create-item{cursor:pointer;width:100%;font:inherit;color:var(--text-primary);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:13px;display:flex}.tb-create-item:hover{background:var(--surface-inset)}.tb-create-item-label{flex:1}.tb-create-item-hint{color:var(--text-muted);font-size:11px}.tb-notif{position:relative}.tb-notif-panel{background:var(--surface-canvas);border:1px solid var(--surface-border-strong);border-radius:var(--radius-lg);width:380px;max-height:520px;box-shadow:var(--shadow-float-strong);z-index:200;flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.tb-notif-head{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.tb-notif-head strong{color:var(--text-primary);font-size:14px;font-weight:700}.tb-notif-mark{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.tb-notif-list{flex:1;padding:6px;overflow-y:auto}.tb-notif-empty{color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;padding:40px 16px;font-size:13px;display:flex}.tb-notif-item{cursor:pointer;width:100%;font:inherit;text-align:left;color:inherit;background:0 0;border:none;border-radius:8px;grid-template-columns:32px 1fr;align-items:flex-start;gap:10px;padding:10px;display:grid;position:relative}.tb-notif-item:hover{background:var(--surface-inset)}.tb-notif-item.is-unread{background:color-mix(in srgb, var(--accent-primary) 6%, transparent)}.tb-notif-item.is-unread:after{content:"";background:var(--accent-primary);border-radius:0 3px 3px 0;width:3px;position:absolute;top:14%;bottom:14%;left:0}.tb-notif-icon{background:color-mix(in srgb, var(--accent-primary) 14%, transparent);width:32px;height:32px;color:var(--accent-primary);border-radius:8px;justify-content:center;align-items:center;display:flex}.tb-notif-text{color:var(--text-primary);font-size:13px;line-height:1.45}.tb-notif-time{color:var(--text-muted);margin-top:3px;font-size:11px}@media (width<=1024px){.tb{gap:8px;padding:0 12px}.tb-menu{display:inline-flex}.tb-search{max-width:220px}.tb-search-placeholder,.tb-search-kbd,.tb-crumbs,.tb-create-label{display:none}.tb-create-main{padding:7px 10px}}@media (width<=640px){.tb-search,.tb-create{display:none}}.cp-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0806126b;justify-content:center;align-items:flex-start;padding:12vh 16px 0;display:flex;position:fixed;inset:0}.cp-panel{background:var(--surface-canvas);border:1px solid var(--surface-border-strong);width:min(680px,100%);max-height:70vh;box-shadow:var(--shadow-float-strong);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.cp-input-row{border-bottom:1px solid var(--surface-border);align-items:center;gap:10px;padding:14px 16px;display:flex}.cp-input-icon{color:var(--text-muted);flex-shrink:0}.cp-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:15px}.cp-input::placeholder{color:var(--text-muted)}.cp-kbd,.cp-item-kbd,.cp-foot kbd{font-family:var(--font-mono);border:1px solid var(--surface-border-strong);background:var(--surface-inset);color:var(--text-muted);border-radius:6px;padding:2px 6px;font-size:10px;font-weight:600}.cp-results{flex:1;padding:6px;overflow-y:auto}.cp-results::-webkit-scrollbar{width:6px}.cp-results::-webkit-scrollbar-thumb{background:var(--surface-border-strong);border-radius:999px}.cp-group+.cp-group{margin-top:6px}.cp-group-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);opacity:.7;padding:8px 12px 4px;font-size:10px;font-weight:700}.cp-item{width:100%;color:var(--text-primary);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;display:flex}.cp-item.is-active{background:color-mix(in srgb, var(--accent-primary) 10%, transparent)}.cp-item-icon{color:var(--text-muted);flex-shrink:0}.cp-item.is-active .cp-item-icon{color:var(--accent-primary)}.cp-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.cp-item-hint{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:11.5px;font-family:var(--font-mono);overflow:hidden}.cp-empty{color:var(--text-muted);flex-direction:column;align-items:center;gap:6px;padding:48px 24px;font-size:14px;display:flex}.cp-empty-hint{opacity:.8;font-size:12px}.cp-foot{border-top:1px solid var(--surface-border);color:var(--text-muted);background:var(--surface-inset);align-items:center;gap:18px;padding:10px 14px;font-size:11px;display:flex}.cp-foot span{align-items:center;gap:4px;display:inline-flex}@media (width<=640px){.cp-backdrop{padding-top:8vh}}.db-page{flex-direction:column;gap:20px;width:100%;max-width:1440px;margin:0 auto;padding-bottom:48px;display:flex}.db-hero{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-primary) 8%, transparent), transparent 60%), var(--surface-panel);-webkit-backdrop-filter:blur(14px);border:1px solid var(--surface-border);box-shadow:var(--shadow-float);isolation:isolate;border-radius:22px;justify-content:space-between;align-items:center;gap:16px;padding:36px;display:flex;position:relative;overflow:hidden}.db-hero>.dotgrid{z-index:0}.db-hero>.db-hero-text,.db-hero>.db-hero-cta{z-index:2;position:relative}.db-hero-text{z-index:1;min-width:0}.db-hero-title{letter-spacing:-.025em;color:var(--text-primary);margin:0;font-size:34px;font-weight:600;line-height:1.1}.db-hero-name{background:linear-gradient(120deg, var(--accent-primary) 0%, var(--accent-secondary) 60%, var(--accent-primary) 100%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text}.db-hero-name.shiny-text{animation:6s linear infinite shiny-sweep}.db-hero-sub{color:var(--text-secondary);max-width:60ch;margin:8px 0 0;font-size:14px;line-height:1.5}.db-hero-sub strong{color:var(--text-primary);font-weight:700}.db-hero-cta{background:var(--accent-primary);color:#fff;z-index:1;box-shadow:0 4px 16px color-mix(in srgb, var(--accent-primary) 30%, transparent);transition:transform .15s var(--ease-out-soft), filter .15s var(--ease-out-soft);border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.db-hero-cta:hover{filter:brightness(1.06);transform:translateY(-1px)}.db-hero-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--accent-primary) 28%, transparent), transparent 70%);pointer-events:none;filter:blur(4px);width:360px;height:360px;position:absolute;top:-40%;right:-10%}.db-pulse-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.db-pulse-grid--3{grid-template-columns:repeat(3,1fr)}@media (width<=1024px){.db-pulse-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.db-pulse-grid{grid-template-columns:1fr}}.db-pulse-link{color:inherit;height:100%;text-decoration:none;display:block}.db-pulse{box-sizing:border-box;background:linear-gradient(160deg, color-mix(in srgb, var(--accent-tertiary) 5%, transparent), transparent 70%), var(--surface-panel);border:1px solid var(--surface-border);height:100%;box-shadow:var(--shadow-float);transition:transform .18s var(--ease-out-soft), box-shadow .18s var(--ease-out-soft), border-color .18s var(--ease-out-soft), background .18s var(--ease-out-soft);border-radius:18px;align-items:flex-start;gap:14px;padding:20px;display:flex;position:relative}.db-pulse-link:hover .db-pulse,.db-pulse:hover{background:radial-gradient(420px 150px at 18% 0%, color-mix(in srgb, var(--accent-primary) 18%, transparent), transparent 62%), linear-gradient(160deg, color-mix(in srgb, var(--accent-primary) 12%, transparent), transparent 68%), var(--surface-panel);border-color:color-mix(in srgb, var(--accent-primary) 55%, transparent);box-shadow:0 1px 3px color-mix(in srgb, var(--accent-primary) 10%, transparent), 0 8px 32px -8px color-mix(in srgb, var(--accent-primary) 40%, transparent), inset 0 1px 0 #fff;transform:translateY(-3px)}.db-pulse-icon{background:color-mix(in srgb, var(--accent-tertiary) 16%, transparent);width:34px;height:34px;color:var(--accent-tertiary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.db-pulse--warn .db-pulse-icon{color:#d97706;background:#f59e0b29}.db-pulse--success .db-pulse-icon{color:#059669;background:#10b98124}.db-pulse--danger .db-pulse-icon{color:#dc2626;background:#ef444424}.db-pulse-body{flex:1;min-width:0}.db-pulse-value{letter-spacing:-.025em;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;line-height:1.05}.db-pulse-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:12px;font-weight:600}.db-pulse-hint{color:var(--text-secondary);font-size:11.5px;font-family:var(--font-mono);margin-top:4px}.db-spark{color:var(--accent-primary);opacity:.85;align-self:flex-end}.db-spark--warn{color:#f59e0b}.db-spark--success{color:#10b981}.db-row{grid-template-columns:2fr 1fr;gap:14px;display:grid}@media (width<=1024px){.db-row{grid-template-columns:1fr}}.db-panel{background:var(--surface-panel);-webkit-backdrop-filter:blur(14px);border:1px solid var(--surface-border);box-shadow:var(--shadow-float);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.db-panel-head{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.db-panel-head h2{letter-spacing:-.005em;color:var(--text-primary);align-items:center;gap:7px;margin:0;font-size:13px;font-weight:700;display:inline-flex}.db-link{color:var(--text-muted);align-items:center;gap:4px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.db-link:hover{color:var(--accent-primary)}.db-empty{color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:48px 20px;font-size:13px;display:flex}.db-empty--soft{padding:28px 20px;font-size:12.5px}.db-empty-hint{opacity:.8;font-size:11px}.db-empty-hint code{font-family:var(--font-mono)}.db-chips{gap:6px;display:inline-flex}.db-chip{border:1px solid var(--surface-border);background:var(--surface-inset);color:var(--text-secondary);font:inherit;cursor:pointer;transition:all .12s var(--ease-out-soft);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;line-height:1.2;display:inline-flex}.db-chip:hover{color:var(--text-primary);border-color:var(--surface-border-strong)}.db-chip.is-active{background:color-mix(in srgb, var(--accent-primary) 14%, transparent);color:var(--accent-primary);border-color:color-mix(in srgb, var(--accent-primary) 28%, transparent)}.db-chip-count{font-family:var(--font-mono);opacity:.8;background:color-mix(in srgb, currentColor 14%, transparent);border-radius:999px;padding:1px 6px;font-size:11px;font-weight:700}.db-queue-list{flex-direction:column;gap:4px;margin:0;padding:8px;list-style:none;display:flex}.db-queue-item{padding:var(--density-pad-row,12px);transition:background .12s var(--ease-out-soft);background:0 0;border-radius:12px;align-items:center;gap:12px;display:flex}.db-queue-item:hover{background:var(--surface-inset)}.db-queue-item--high{box-shadow:inset 3px 0 #ef4444}.db-queue-item--medium{box-shadow:inset 3px 0 #f59e0b}.db-queue-icon{background:color-mix(in srgb, var(--accent-primary) 14%, transparent);width:32px;height:32px;color:var(--accent-primary);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.db-queue-body{flex:1;min-width:0}.db-queue-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.db-queue-context{color:var(--text-muted);font-size:11.5px;font-family:var(--font-mono);margin-top:2px}.db-queue-action{border:1px solid var(--surface-border);background:var(--surface-inset);color:var(--text-primary);font:inherit;cursor:pointer;transition:all .12s var(--ease-out-soft);border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:6px 11px;font-size:12px;font-weight:600;display:inline-flex}.db-queue-action:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.db-show-more{border:1px dashed var(--surface-border-strong);color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border-radius:10px;margin:4px 12px 14px;padding:8px;font-size:12px;font-weight:600}.db-show-more:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.db-due{border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.db-due--danger{color:#dc2626;background:#ef444424}.db-due--warn{color:#d97706;background:#f59e0b24}.db-due--accent{background:color-mix(in srgb, var(--accent-primary) 12%, transparent);color:var(--accent-primary)}.db-due--muted{background:var(--surface-inset);color:var(--text-muted)}.db-today-list{flex-direction:column;gap:2px;margin:0;padding:8px 12px 12px;list-style:none;display:flex}.db-today-row{border-bottom:1px solid var(--surface-border);grid-template-columns:60px 1fr;gap:10px;padding:8px 4px;display:grid}.db-today-row:last-child{border-bottom:none}.db-today-time{font-family:var(--font-mono);color:var(--accent-primary);padding-top:1px;font-size:11px;font-weight:600}.db-today-title{color:var(--text-primary);font-size:13px;font-weight:600}.db-today-loc{color:var(--text-muted);margin-top:2px;font-size:11px}.db-streak{border:1px solid var(--surface-border);background:var(--surface-inset);border-radius:12px;margin:8px 14px 14px;padding:12px}.db-streak-head{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.db-streak-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:11px;font-weight:700}.db-streak-count{color:var(--accent-primary);font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.db-streak-cells{grid-template-columns:repeat(14,1fr);gap:3px;display:grid}.db-streak-cell{aspect-ratio:1;background:var(--surface-border);border-radius:3px}.db-streak-cell.is-hit{background:var(--accent-primary);opacity:.85;box-shadow:0 0 6px color-mix(in srgb, var(--accent-primary) 50%, transparent)}.db-activity-list{flex-direction:column;gap:2px;margin:0;padding:8px 12px 12px;list-style:none;display:flex}.db-activity-row{border-bottom:1px solid var(--surface-border);grid-template-columns:18px 1fr;gap:10px;padding:8px 4px;display:grid}.db-activity-row:last-child{border-bottom:none}.db-activity-dot{background:var(--accent-primary);border-radius:50%;width:8px;height:8px;margin-top:6px}.db-activity-dot--completion{background:#10b981}.db-activity-text{color:var(--text-secondary);font-size:12.5px;line-height:1.4}.db-activity-text strong{color:var(--text-primary);font-weight:600}.db-activity-text em{color:var(--text-primary);font-style:normal;font-weight:500}.db-activity-time{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);margin-top:2px}.db-atrisk-list{flex-direction:column;gap:4px;margin:0;padding:8px;list-style:none;display:flex}.db-atrisk-row{isolation:isolate;border-radius:12px;position:relative}.db-atrisk-btn{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;transition:background .18s var(--ease-out-soft), border-color .18s var(--ease-out-soft), transform .18s var(--ease-out-soft), box-shadow .18s var(--ease-out-soft);background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:10px 12px 10px 16px;display:grid}.db-atrisk-btn:before{content:"";background:var(--surface-border-strong);width:3px;transition:top .18s var(--ease-out-soft), bottom .18s var(--ease-out-soft), box-shadow .18s var(--ease-out-soft);border-radius:3px;position:absolute;top:14px;bottom:14px;left:6px}.db-atrisk-row--overdue .db-atrisk-btn:before{background:linear-gradient(#f87171,#dc2626)}.db-atrisk-row--inactive_14d .db-atrisk-btn:before{background:linear-gradient(#fbbf24,#d97706)}.db-atrisk-row--new_no_start .db-atrisk-btn:before{background:linear-gradient(180deg, var(--accent-primary), var(--accent-tertiary))}.db-atrisk-btn:hover{background:linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) 8%, transparent), transparent 70%), var(--surface-inset);border-color:color-mix(in srgb, var(--accent-primary) 22%, var(--surface-border));box-shadow:0 4px 14px -8px color-mix(in srgb, var(--accent-primary) 60%, transparent);transform:translate(2px)}.db-atrisk-row--overdue .db-atrisk-btn:hover{background:linear-gradient(90deg, #ef44441a, transparent 70%), var(--surface-inset);border-color:color-mix(in srgb, #ef4444 30%, var(--surface-border));box-shadow:0 4px 14px -8px #ef444499}.db-atrisk-row--inactive_14d .db-atrisk-btn:hover{background:linear-gradient(90deg, #f59e0b1a, transparent 70%), var(--surface-inset);border-color:color-mix(in srgb, #f59e0b 30%, var(--surface-border));box-shadow:0 4px 14px -8px #f59e0b99}.db-atrisk-btn:hover:before{top:10px;bottom:10px;box-shadow:0 0 12px -2px}.db-atrisk-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.db-atrisk-btn:active{transform:translate(2px)scale(.995)}.db-atrisk-avatar{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-primary) 85%, transparent), color-mix(in srgb, var(--accent-secondary) 85%, transparent));width:36px;height:36px;color:var(--text-on-accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-primary) 18%, transparent), 0 4px 10px -6px color-mix(in srgb, var(--accent-primary) 70%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.db-atrisk-row--overdue .db-atrisk-avatar{background:linear-gradient(135deg,#fca5a5,#dc2626);box-shadow:0 0 0 1px #ef444438,0 4px 10px -6px #ef4444b3}.db-atrisk-row--inactive_14d .db-atrisk-avatar{background:linear-gradient(135deg,#fcd34d,#d97706);box-shadow:0 0 0 1px #f59e0b38,0 4px 10px -6px #f59e0bb3}.db-atrisk-info{min-width:0}.db-atrisk-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.db-atrisk-meta-line{color:var(--text-muted);align-items:center;gap:8px;margin-top:3px;font-size:11.5px;display:inline-flex}.db-atrisk-sep{color:var(--text-muted);opacity:.5}.db-atrisk-flag{align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.db-atrisk-flag-dot{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px}.db-atrisk-flag--inactive_14d{color:#f59e0b}.db-atrisk-flag--overdue{color:#f87171}.db-atrisk-flag--new_no_start{color:var(--accent-primary)}.db-atrisk-arrow{width:28px;height:28px;color:var(--text-muted);opacity:0;transition:all .18s var(--ease-out-soft);border-radius:8px;justify-content:center;align-items:center;display:inline-flex;transform:translate(-4px)}.db-atrisk-btn:hover .db-atrisk-arrow{opacity:1;color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 14%, transparent);transform:translate(0)}.db-atrisk-row--overdue .db-atrisk-btn:hover .db-atrisk-arrow{color:#f87171;background:#ef444429}.db-atrisk-row--inactive_14d .db-atrisk-btn:hover .db-atrisk-arrow{color:#f59e0b;background:#f59e0b29}.db-disclosure{border:1px solid var(--surface-border);background:var(--surface-inset);color:var(--text-secondary);font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.db-disclosure:hover{color:var(--text-primary);border-color:var(--surface-border-strong)}.db-health{flex-direction:column;gap:10px;padding:4px 14px 14px;display:flex}.db-health-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:6px 4px 4px;display:flex}.db-health-sort{color:var(--text-muted);align-items:center;gap:4px;font-size:11.5px;display:inline-flex}.db-health-sort-label{text-transform:uppercase;letter-spacing:.05em;margin-right:4px;font-size:10.5px;font-weight:600}.db-health-sort-btn{color:var(--text-muted);font:inherit;cursor:pointer;transition:all .12s var(--ease-out-soft);background:0 0;border:1px solid #0000;border-radius:6px;padding:4px 8px;font-size:11.5px;font-weight:600}.db-health-sort-btn:hover{color:var(--text-primary);background:var(--surface-inset)}.db-health-sort-btn.is-active{color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 12%, transparent);border-color:color-mix(in srgb, var(--accent-primary) 22%, transparent)}.db-health-attn-pill{letter-spacing:.04em;text-transform:uppercase;color:#f59e0b;background:#f59e0b24;border:1px solid #f59e0b42;border-radius:999px;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.db-health-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.db-health-row{border-radius:12px}.db-health-link{border:1px solid var(--surface-border);background:var(--surface-inset);color:inherit;transition:all .15s var(--ease-out-soft);border-radius:12px;grid-template-columns:minmax(0,1.4fr) minmax(220px,auto) 20px;align-items:center;gap:16px;padding:12px 14px;text-decoration:none;display:grid}.db-health-link:hover{border-color:color-mix(in srgb, var(--accent-primary) 25%, var(--surface-border));box-shadow:0 6px 18px -10px color-mix(in srgb, var(--accent-primary) 50%, transparent);transform:translateY(-1px)}.db-health-row--amber .db-health-link{border-left:3px solid #f59e0b;padding-left:11px}.db-health-row--red .db-health-link{border-left:3px solid #ef4444;padding-left:11px}.db-health-row--amber .db-health-link:hover{box-shadow:0 6px 18px -10px #f59e0b99}.db-health-row--red .db-health-link:hover{box-shadow:0 6px 18px -10px #ef444499}.db-health-main{align-items:center;gap:12px;min-width:0;display:flex}.db-health-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:4px 9px;font-size:10.5px;font-weight:700;display:inline-flex}.db-health-badge--green{color:#10b981;background:#10b9811f}.db-health-badge--amber{color:#f59e0b;background:#f59e0b24}.db-health-badge--red{color:#ef4444;background:#ef444424}.db-health-dot{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px}.db-health-title-wrap{min-width:0}.db-health-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.db-health-meta{color:var(--text-muted);margin-top:2px;font-size:11px}.db-health-stats{flex-shrink:0;align-items:center;gap:16px;display:flex}.db-health-stat{min-width:110px}.db-health-stat-num{font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:14px;font-weight:700;line-height:1.1}.db-health-stat-denom{color:var(--text-muted);font-weight:500}.db-health-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:1px;font-size:10px}.db-health-bar{background:color-mix(in srgb, var(--surface-border-strong) 60%, transparent);border-radius:2px;width:100%;height:4px;margin-top:4px;overflow:hidden}.db-health-bar-fill{background:linear-gradient(90deg, var(--accent-secondary), var(--accent-primary));height:100%;transition:width .35s var(--ease-out-soft);border-radius:2px}.db-health-pill{color:var(--text-secondary);background:var(--surface-panel);border:1px solid var(--surface-border);border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:600;display:inline-flex}.db-health-pill--warn{color:#f59e0b;background:#f59e0b1f;border-color:#f59e0b38}.db-health-arrow{color:var(--text-muted);transition:transform .15s var(--ease-out-soft), color .15s var(--ease-out-soft)}.db-health-link:hover .db-health-arrow{color:var(--accent-primary);transform:translate(2px)}@media (width<=720px){.db-health-link{grid-template-columns:1fr;gap:8px}.db-health-stats{justify-content:space-between;width:100%}}.db-skel{background:linear-gradient(90deg, var(--surface-inset) 0%, color-mix(in srgb, var(--surface-inset) 70%, var(--bg-surface-hover)) 50%, var(--surface-inset) 100%);background-size:200% 100%;border-radius:16px;animation:1.6s linear infinite db-skel-shimmer}@keyframes db-skel-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.db-skel{animation:none}}.db-skel--hero{height:120px}.db-skel--pulse{height:108px}.db-skel--panel-l,.db-skel--panel-s{height:360px}@media (width<=768px){.db-hero{flex-direction:column;align-items:flex-start;gap:12px;padding:22px 20px}.db-hero-title{font-size:26px}}.db-admin{flex-direction:column;gap:16px;display:flex}.db-pulse-grid>*{min-width:0}.kn-dropdown{-webkit-user-select:none;user-select:none;display:inline-flex;position:relative}.kn-dropdown-trigger{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;justify-content:space-between;align-items:center;gap:8px;min-width:130px;padding:7px 12px;font-family:inherit;font-size:13px;font-weight:500;display:flex}.kn-dropdown-trigger:hover{background:var(--bg-surface-hover);border-color:var(--border-default);color:var(--text-primary)}.kn-dropdown.open .kn-dropdown-trigger{border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 12%, transparent);color:var(--text-primary)}.kn-dropdown--small .kn-dropdown-trigger{min-width:100px;padding:5px 10px;font-size:12px}.kn-dropdown-value{align-items:center;gap:6px;display:flex}.kn-dropdown-placeholder{color:var(--text-muted)}.kn-dropdown-chevron{color:var(--text-muted);transition:transform var(--transition-fast);flex-shrink:0}.kn-dropdown-chevron.rotated{transform:rotate(180deg)}.kn-dropdown-menu{z-index:400;background:var(--surface-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-width:100%;max-height:280px;margin:0;padding:4px;list-style:none;animation:.12s dropdownIn;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.kn-dropdown-item{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.kn-dropdown-item:hover{background:color-mix(in srgb, var(--accent-primary) 9%, var(--bg-surface));color:var(--text-primary)}.kn-dropdown-item.selected{background:color-mix(in srgb, var(--accent-primary) 10%, transparent);color:var(--accent-primary);font-weight:600}.kn-dropdown-check{color:var(--accent-primary);margin-left:auto}.cs-root{width:100%;display:inline-block;position:relative}.cs-trigger{background:var(--bg-base,#f5f5ff);border:1.5px solid var(--border-default);border-radius:var(--radius-md,14px);width:100%;color:var(--text-primary);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:8px;padding:9px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s;display:flex}.cs-trigger:hover:not(:disabled){border-color:var(--accent-primary)}.cs-root--open .cs-trigger{border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 18%, transparent)}.cs-trigger:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px}.cs-root--disabled .cs-trigger{opacity:.5;cursor:not-allowed}.cs-trigger-inner{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.cs-trigger-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.cs-placeholder{color:var(--text-muted)}.cs-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.cs-root--open .cs-chevron{transform:rotate(180deg)}.cs-listbox{z-index:1300;border:1.5px solid var(--border-default);border-radius:var(--radius-md,14px);background-color:#fff;max-height:280px;padding:4px;position:fixed;overflow:hidden auto;box-shadow:0 8px 32px #00000026}.cs-option{border-radius:calc(var(--radius-md,14px) - 4px);width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:9px 12px;font-size:14px;transition:background .1s;display:flex}.cs-option:hover{background:var(--bg-base,#f5f5ff)}.cs-option--selected{background:color-mix(in srgb, var(--accent-primary) 10%, transparent)}.cs-option--selected:hover{background:color-mix(in srgb, var(--accent-primary) 14%, transparent)}.cs-option:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.cs-opt-icon{flex-shrink:0;display:flex}.cs-opt-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.cs-opt-label{font-weight:500}.cs-opt-desc{color:var(--text-muted);font-size:12px}.cs-opt-check{color:var(--accent-primary);flex-shrink:0}.dtp-root{flex-direction:column;gap:5px;display:flex;position:relative}.dtp-label{color:var(--text-primary);letter-spacing:.02em;font-size:12px;font-weight:600}.dtp-trigger{background:var(--bg-base,#f5f5ff);border:1.5px solid var(--border-default);border-radius:var(--radius-md,14px);color:var(--text-primary);cursor:pointer;text-align:left;align-items:center;gap:8px;width:100%;padding:9px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s;display:flex}.dtp-trigger:hover{border-color:var(--accent-primary)}.dtp-trigger--open{border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 18%, transparent)}.dtp-trigger:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px}.dtp-icon{color:var(--accent-primary);flex-shrink:0}.dtp-trigger-text{text-align:left;flex:1;min-width:0}.dtp-placeholder{color:var(--text-muted)}.dtp-hint{color:var(--text-muted);font-size:12px}.dtp-clear{color:var(--text-muted);cursor:pointer;border-radius:50%;flex-shrink:0;align-items:center;padding:2px;transition:color .1s,background .1s;display:flex}.dtp-clear:hover{color:var(--text-primary);background:var(--bg-surface)}.dtp-popover{z-index:1250;border:1.5px solid var(--border-default);background-color:#fff;border-radius:18px;flex-direction:column;gap:12px;width:320px;max-width:calc(100vw - 32px);padding:14px;display:flex;position:fixed;box-shadow:0 10px 40px #0000002e}.dtp-nav{justify-content:space-between;align-items:center;display:flex}.dtp-month-year-controls{flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.dtp-month-select,.dtp-year-input{border:1.5px solid var(--border-default);color:var(--text-primary);background:#fff;border-radius:10px;font-family:inherit;font-size:13px;font-weight:600}.dtp-month-select{min-width:116px;padding:6px 8px}.dtp-year-input{-moz-appearance:textfield;width:68px;padding:6px 8px}.dtp-year-input::-webkit-inner-spin-button{-webkit-appearance:none}.dtp-year-input::-webkit-outer-spin-button{-webkit-appearance:none}.dtp-month-select:focus,.dtp-year-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 14%, transparent);outline:0}.dtp-nav-btn{background:var(--bg-base);border:1px solid var(--border-default);cursor:pointer;width:30px;height:30px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;transition:background .1s,color .1s;display:flex}.dtp-nav-btn:hover{background:var(--accent-primary);color:#fff;border-color:#0000}.dtp-month-label{color:var(--text-primary);font-size:14px;font-weight:700}.dtp-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.dtp-day-head{color:var(--text-muted);text-align:center;letter-spacing:.04em;padding:3px 0;font-size:11px;font-weight:700}.dtp-day{aspect-ratio:1;cursor:pointer;color:var(--text-primary);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:500;transition:background .1s,color .1s;display:flex}.dtp-day:hover{background:var(--bg-base)}.dtp-day--today{color:var(--accent-primary);box-shadow:inset 0 0 0 1.5px var(--accent-primary);font-weight:700}.dtp-day--sel{font-weight:700;background:var(--accent-primary)!important;color:#fff!important}.dtp-day:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px}.dtp-time{background:var(--bg-base);border-radius:12px;align-items:center;gap:6px;padding:8px 10px;display:flex}.dtp-time-icon{color:var(--text-muted);flex-shrink:0}.dtp-time .cs-root{flex:1 1 0;min-width:0}.dtp-time .dtp-time-ampm{flex:0 0 62px;width:auto;min-width:62px}.dtp-time .cs-trigger{border-radius:8px;padding:6px 8px;font-size:13px}.dtp-time-sep{color:var(--text-muted);font-size:16px;font-weight:700;line-height:1}.dtp-confirm{background:var(--accent-primary);color:#fff;cursor:pointer;border:0;border-radius:12px;width:100%;padding:10px 16px;font-size:13px;font-weight:600;transition:filter .15s}.dtp-confirm:hover:not(:disabled){filter:brightness(1.08)}.dtp-confirm:disabled{opacity:.45;cursor:not-allowed}.modal-backdrop{z-index:500;-webkit-backdrop-filter:blur(4px);background:#0c0a1eb8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-panel{border-radius:var(--radius-xl);background:#fff;border:1px solid #00000014;width:100%;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 32px 96px #00000047,0 4px 20px #0000001f}.modal-detail{max-width:520px;padding:28px}.modal-detail--tabbed{max-width:640px}.modal-edit{max-width:640px;padding:28px}.modal-confirm{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:420px;padding:36px 32px;display:flex}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-title{color:#111827;letter-spacing:-.02em;font-size:18px;font-weight:800}.modal-close-btn{border-radius:var(--radius-sm);color:#6b7280;cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);background:0 0;border:1px solid #0000001a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-close-btn:hover{color:#111827;background:#f3f4f6}.modal-close-btn--abs{position:absolute;top:14px;right:14px}.modal-header-actions{gap:8px;display:flex}.modal-action-btn{border-radius:var(--radius-md);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.modal-action-btn.edit{background:color-mix(in srgb, var(--accent-primary) 10%, transparent);color:var(--accent-primary);border-color:color-mix(in srgb, var(--accent-primary) 22%, transparent)}.modal-action-btn.edit:hover{background:color-mix(in srgb, var(--accent-primary) 18%, transparent)}.modal-action-btn.delete{color:#dc2626;background:#dc262614;border-color:#dc262638}.modal-action-btn.delete:hover{background:#dc262624}.modal-profile{align-items:flex-start;gap:20px;margin-bottom:16px;display:flex}.modal-avatar{border-radius:var(--radius-md);cursor:default;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:20px;font-weight:800;display:flex;position:relative;overflow:hidden}.modal-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.modal-profile-info{flex-direction:column;flex:1;gap:6px;display:flex}.modal-name{color:#111827;letter-spacing:-.02em;font-size:22px;font-weight:800}.modal-role-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);align-items:center;gap:5px;width:fit-content;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.modal-bio{color:#6b7280;font-size:13px;line-height:1.6}.modal-tags{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.modal-details-grid{border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:0;display:flex;overflow:hidden}.modal-attendance-stat{border:1px solid color-mix(in srgb, var(--accent-primary) 18%, var(--border-subtle));border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent-primary) 7%, transparent);gap:6px;margin-bottom:16px;padding:12px;display:grid}.modal-attendance-stat strong{color:#111827;font-size:14px}.modal-attendance-stat span{color:#6b7280;font-size:12px;font-weight:700}.modal-detail-row{cursor:default;border-bottom:1px solid #0000000f;align-items:center;gap:12px;padding:10px 14px;transition:background .18s,padding-left .18s;display:flex;position:relative}.modal-detail-row:before{content:"";background:var(--accent-primary);opacity:0;border-radius:0 2px 2px 0;width:3px;transition:opacity .18s;position:absolute;top:0;bottom:0;left:0}.modal-detail-row:last-child{border-bottom:none}.modal-detail-row:hover{background:#6c63ff0d;padding-left:18px}.modal-detail-row:hover:before{opacity:1}.modal-detail-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;min-width:90px;font-size:12px;font-weight:600;display:flex}.modal-detail-value{color:#374151;font-size:13px}.confirm-icon{color:#dc2626;background:#dc26261a;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.confirm-title{color:#111827;letter-spacing:-.02em;font-size:20px;font-weight:800}.confirm-body{color:#6b7280;max-width:300px;font-size:14px;line-height:1.6}.confirm-actions{gap:10px;margin-top:8px;display:flex}.btn-danger{color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#dc2626;border:none;padding:9px 22px;font-family:inherit;font-size:14px;font-weight:600}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.modal-form{flex-direction:column;gap:16px;display:flex}.modal-edit .modal-header{background:#fff;padding-top:0;position:static}.modal-edit .edit-actions{z-index:2;background:#fff;border-top:1px solid #f0f2f5;padding-top:10px;position:sticky;bottom:-2px}.edit-avatar-section{align-items:center;gap:20px;margin-bottom:4px;display:flex}.edit-avatar-preview{cursor:pointer;position:relative;overflow:hidden}.edit-avatar-overlay{opacity:0;transition:opacity var(--transition-fast);color:#fff;background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.edit-avatar-preview:hover .edit-avatar-overlay{opacity:1}.edit-avatar-right{flex-direction:column;gap:10px;display:flex}.edit-avatar-hint{color:var(--text-muted);font-size:12px}.color-picker{flex-wrap:wrap;gap:6px;display:flex}.color-swatch{cursor:pointer;width:22px;height:22px;transition:all var(--transition-fast);border:2px solid #0000;border-radius:50%;padding:0}.color-swatch.selected{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-surface), 0 0 0 4px var(--text-primary);transform:scale(1.15)}.color-swatch:hover{transform:scale(1.15)}.edit-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.edit-field{flex-direction:column;gap:5px;display:flex}.edit-field--full{grid-column:1/-1}.edit-field label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.edit-field input,.edit-field textarea{border-radius:var(--radius-md);color:#111827;transition:all var(--transition-fast);resize:vertical;background:#f9fafb;border:1px solid #e5e7eb;outline:none;padding:8px 12px;font-family:inherit;font-size:13px}.edit-field input:focus,.edit-field textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 12%, transparent);background:#fff}.edit-field input::placeholder,.edit-field textarea::placeholder{color:#9ca3af}.login-password-row{align-items:center;gap:8px;display:flex}.login-password-row input{flex:1}.login-password-row .modal-close-btn{border-radius:var(--radius-md);border:1px solid #e5e7eb;flex:none;width:34px;height:34px;position:static}.modal-edit .kn-dropdown-trigger{color:#374151;background:#f9fafb;border-color:#e5e7eb}.modal-edit .kn-dropdown-trigger:hover{color:#111827;border-color:#d1d5db}.modal-edit .kn-dropdown.open .kn-dropdown-trigger{border-color:var(--accent-primary);background:#fff}.modal-edit .kn-dropdown-menu{background:#fff;border-color:#e5e7eb}.modal-edit .kn-dropdown-item{color:#374151}.modal-edit .kn-dropdown-item:hover{color:#111827;background:#f3f4f6}.modal-edit .dtp-trigger{color:#374151;background:#f9fafb;border-color:#e5e7eb}.modal-edit .dtp-trigger:hover{border-color:#d1d5db}.modal-edit .dtp-trigger--open{border-color:var(--accent-primary);background:#fff}.modal-edit .dtp-popover{border-color:#e5e7eb}.edit-field .kn-dropdown,.edit-field .kn-dropdown-trigger,.edit-field .kn-dropdown-menu,.edit-field .dtp-root{width:100%}.tag-editor{flex-direction:column;gap:8px;display:flex}.tag-editor-input-row{gap:6px;display:flex}.tag-editor-input-row input{border-radius:var(--radius-md);color:#111827;transition:all var(--transition-fast);background:#f9fafb;border:1px solid #e5e7eb;outline:none;flex:1;padding:8px 12px;font-family:inherit;font-size:13px}.tag-editor-input-row input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 12%, transparent);background:#fff}.tag-add-btn{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--accent-primary) 10%, transparent);width:36px;height:36px;color:var(--accent-primary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.tag-add-btn:hover{background:color-mix(in srgb, var(--accent-primary) 18%, transparent)}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tag-chip{background:color-mix(in srgb, var(--accent-primary) 10%, transparent);color:var(--accent-primary);border-radius:var(--radius-full);align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:flex}.tag-chip button{cursor:pointer;color:inherit;opacity:.7;transition:opacity var(--transition-fast);background:0 0;border:none;align-items:center;padding:0;display:flex}.tag-chip button:hover{opacity:1}.edit-error{color:#dc2626;border-radius:var(--radius-md);background:#dc262614;border:1px solid #dc26262e;padding:8px 12px;font-size:13px}.edit-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.person-tabs{border-radius:var(--radius-md);background:#0000000a;gap:4px;margin:6px 0 14px;padding:4px;display:flex}.person-tab{border-radius:var(--radius-sm);color:#6b7280;cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .16s;display:inline-flex}.person-tab:hover{color:#111827}.person-tab--active{color:var(--accent-primary);background:#fff;box-shadow:0 1px 3px #00000014}.person-tab-content{min-height:200px}.person-subtab-loading{color:#6b7280;justify-content:center;align-items:center;gap:8px;padding:40px;font-size:13px;display:flex}.growth-path{flex-direction:column;gap:12px;display:flex}.growth-summary{border-radius:var(--radius-md);background:#6c63ff0d;border:1px solid #6c63ff1f;justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;display:flex}.growth-summary-counts{flex-wrap:wrap;gap:12px;display:flex}.growth-summary-pill{align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.growth-progress{border-radius:var(--radius-full);background:#00000014;flex-shrink:0;width:130px;height:8px;position:relative;overflow:hidden}.growth-progress-bar{border-radius:var(--radius-full);background:linear-gradient(90deg,#6c63ff,#10b981);transition:width .3s;position:absolute;inset:0}.growth-progress-label{color:#111827;font-size:11px;font-weight:700;position:absolute;top:-5px;right:-34px}.growth-add-btn{border-radius:var(--radius-md);color:var(--accent-primary);cursor:pointer;background:#6c63ff0a;border:1px dashed #6c63ff66;align-self:flex-start;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .16s;display:inline-flex}.growth-add-btn:hover{background:#6c63ff1a;border-color:#6c63ff99}.growth-form{border-radius:var(--radius-md);background:#6c63ff08;border:1px solid #6c63ff33;flex-direction:column;gap:10px;padding:14px;display:flex}.growth-form-title{color:#111827;font-size:13px;font-weight:700}.growth-form-row{flex-wrap:wrap;gap:8px;display:flex}.growth-form-row>*{flex:1;min-width:120px}.growth-control{min-width:140px}.growth-control .kn-dropdown,.growth-control .kn-dropdown-trigger,.growth-control .dtp-root,.growth-control .dtp-trigger{width:100%}.growth-control .kn-dropdown-trigger,.growth-control .dtp-trigger{border-radius:var(--radius-sm);color:#111827;min-height:36px;box-shadow:none;background:#fff;border:1px solid #0000001f;font-size:13px}.growth-control .kn-dropdown.open .kn-dropdown-trigger,.growth-control .dtp-trigger--open{border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 14%, transparent)}.growth-control .dtp-popover,.growth-control .kn-dropdown-menu{border-color:#0000001f}.growth-form-actions{justify-content:flex-end;gap:8px;display:flex}.growth-input{color:#111827;border-radius:var(--radius-sm);resize:vertical;background:#fff;border:1px solid #0000001f;outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .16s,box-shadow .16s}.growth-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 14%, transparent)}.growth-input--select{cursor:pointer}.growth-input--date{padding:7px 10px}.growth-btn-primary,.growth-btn-ghost{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .16s;display:inline-flex}.growth-btn-primary{background:var(--accent-primary);color:#fff}.growth-btn-primary:hover{filter:brightness(1.08)}.growth-btn-primary:disabled{opacity:.55;cursor:not-allowed}.growth-btn-ghost{color:#6b7280;background:0 0;border-color:#0000001f}.growth-btn-ghost:hover{color:#111827;background:#0000000a}.growth-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.growth-item{border-radius:var(--radius-md);background:#fff;border:1px solid #00000014;align-items:flex-start;gap:10px;padding:12px 14px;transition:border-color .16s,background .16s;display:flex}.growth-item:hover{border-color:#0000002e}.growth-item--completed{background:#10b9810a}.growth-item--completed .growth-item-title{color:#6b7280;text-decoration:line-through}.growth-status-btn{cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:background .16s;display:flex}.growth-status-btn:hover{background:#0000000d}.growth-item-body{flex:1;min-width:0}.growth-item-title{color:#111827;margin-bottom:2px;font-size:14px;font-weight:600}.growth-item-desc{color:#6b7280;margin-bottom:6px;font-size:12px;line-height:1.5}.growth-item-meta{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.growth-chip{border-radius:var(--radius-full);color:#4b5563;text-transform:capitalize;background:#0000000a;align-items:center;gap:3px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.growth-chip--status{background:0 0;border:1px solid #00000014}.growth-chip--muted{color:#9ca3af;text-transform:none}.growth-item-actions{opacity:.6;flex-shrink:0;align-items:center;gap:4px;transition:opacity .16s;display:flex}.growth-item:hover .growth-item-actions{opacity:1}.growth-icon-btn{color:#6b7280;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:26px;height:26px;transition:all .16s;display:flex}.growth-icon-btn:hover{color:#111827;background:#0000000d}.growth-icon-btn--danger:hover{color:#dc2626;background:#dc26261a}.growth-icon-btn--active{color:var(--accent-primary);background:#6c63ff1a}.growth-empty{color:#6b7280;text-align:center;flex-direction:column;align-items:center;gap:4px;padding:40px 20px;font-size:13px;display:flex}.growth-empty-sub{color:#9ca3af;font-size:12px}.staff-notes{flex-direction:column;gap:12px;display:flex}.staff-notes-composer{border-radius:var(--radius-md);background:#00000005;border:1px solid #00000014;flex-direction:column;gap:8px;padding:12px;display:flex}.staff-notes-composer-actions{justify-content:space-between;align-items:center;display:flex}.staff-notes-pin-toggle{color:#6b7280;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.staff-notes-pin-toggle input{cursor:pointer}.staff-notes-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.staff-note{border-radius:var(--radius-md);background:#fff;border:1px solid #00000014;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.staff-note--pinned{background:#f59e0b0f;border-color:#f59e0b40}.staff-note-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.staff-note-author{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:inline-flex}.staff-note-author-name{color:#111827;font-weight:700}.staff-note-role{text-transform:uppercase;letter-spacing:.05em;color:var(--accent-primary);border-radius:var(--radius-full);background:#6c63ff1a;align-items:center;gap:3px;padding:1px 7px;font-size:10px;font-weight:700;display:inline-flex}.staff-note-time{color:#9ca3af;font-size:11px}.staff-note-actions{opacity:.7;gap:2px;display:flex}.staff-note:hover .staff-note-actions{opacity:1}.staff-note-body{color:#1f2937;white-space:pre-wrap;word-wrap:break-word;font-size:13px;line-height:1.55}.people-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.people-count{color:var(--text-muted);margin-top:4px;font-size:13px}.people-access-denied{border-radius:var(--radius-xl);text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;margin-top:40px;padding:60px 40px;display:flex}.people-access-denied h2{color:var(--text-primary);font-size:20px;font-weight:700}.people-access-denied p{max-width:320px;font-size:14px}.people-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.people-search{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-subtle);border-radius:var(--radius-full);min-width:220px;transition:all var(--transition-base);align-items:center;gap:8px;padding:8px 14px;display:flex}.people-search:focus-within{border-color:var(--border-strong);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 12%, transparent)}.people-search-icon{color:var(--text-muted);flex-shrink:0}.people-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13px}.people-search-input::placeholder{color:var(--text-muted)}.people-filter-tabs{background:var(--glass-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-full);gap:4px;padding:4px;display:flex}.filter-tab{border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:5px 14px;font-size:13px;font-weight:500;display:flex}.filter-tab:hover{color:var(--text-primary)}.filter-tab.active{background:var(--accent-primary);color:#fff}.filter-tab-count{border-radius:var(--radius-full);text-align:center;background:var(--border-subtle);min-width:18px;color:var(--text-muted);padding:1px 6px;font-size:11px;font-weight:700}.filter-tab.active .filter-tab-count{color:#fff;background:#ffffff40}.people-controls-right{align-items:center;gap:8px;margin-left:auto;display:flex}.layout-toggle{background:var(--glass-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-md);gap:2px;padding:3px;display:flex}.layout-btn{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.layout-btn:hover{color:var(--text-primary)}.layout-btn.active{background:var(--accent-primary);color:#fff}.people-loading{color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;padding:60px;font-size:14px;display:flex}.people-error{color:#dc2626;border-radius:var(--radius-md);background:#dc262614;padding:12px 16px;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.people-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.person-card{cursor:pointer;flex-direction:column;gap:12px;padding:20px;display:flex;position:relative}.person-card:hover{border-color:var(--border-strong);box-shadow:0 8px 32px #6c63ff1a,0 2px 8px #0000000f}.person-card-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.person-card-top-right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.person-avatar{border-radius:var(--radius-md);letter-spacing:.01em;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:15px;font-weight:800;display:flex;overflow:hidden}.person-avatar.small{border-radius:var(--radius-sm);width:38px;height:38px;font-size:12px}.person-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.person-role-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-full);align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:flex}.person-card-icon-actions{opacity:0;transition:opacity var(--transition-fast);gap:4px;display:flex}.person-card:hover .person-card-icon-actions{opacity:1}.person-icon-btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--glass-bg);cursor:pointer;width:26px;height:26px;transition:all var(--transition-fast);color:var(--text-muted);justify-content:center;align-items:center;display:flex}.person-icon-btn.edit:hover{background:color-mix(in srgb,var(--accent-primary) 12%,transparent);color:var(--accent-primary);border-color:color-mix(in srgb,var(--accent-primary) 28%,transparent)}.person-icon-btn.delete:hover{color:#dc2626;background:#dc26261a;border-color:#dc262647}.person-card-body{flex-direction:column;flex:1;gap:6px;display:flex}.person-name{color:var(--text-primary);letter-spacing:-.01em;font-size:15px;font-weight:700}.person-bio{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.person-tags{flex-wrap:wrap;gap:5px;margin-top:2px;display:flex}.person-attendance-stat{border:1px solid color-mix(in srgb, var(--accent-primary) 18%, var(--border-subtle));background:color-mix(in srgb, var(--accent-primary) 7%, transparent);color:var(--text-secondary);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-top:4px;padding:8px 10px;font-size:12px;font-weight:800;display:flex}.person-attendance-stat strong{color:var(--accent-primary);font-size:11px}.person-tag{border-radius:var(--radius-full);padding:3px 9px;font-size:11px;font-weight:600}.year-tag{color:var(--accent-primary);background:#6c63ff1a}.tag-neutral{background:var(--border-subtle);color:var(--text-secondary)}.age-tag{color:#b45309;background:#f59e0b1a}.gender-tag{color:#0d9488;background:#0d94881a}.person-card-footer{border-top:1px solid var(--border-subtle);margin-top:auto;padding-top:8px}.person-card-hint{color:var(--text-muted);font-size:11px}.person-detail-link{color:var(--accent-primary);font-size:13px;text-decoration:none}.person-detail-link:hover{text-decoration:underline}.people-list-wrap{flex-direction:column;padding:0;display:flex;overflow:hidden}.person-list-row{border-bottom:1px solid var(--border-subtle);cursor:pointer}.person-list-row:last-child{border-bottom:none}.person-row-inner{transition:background var(--transition-fast);grid-template-columns:36px 220px 108px 1fr auto auto;align-items:center;gap:16px;padding:12px 18px;display:grid}.person-list-row:hover .person-row-inner{background:var(--bg-surface-hover)}.person-row-left{align-items:center;gap:12px;min-width:0;display:flex}.person-row-info{flex-direction:column;gap:2px;min-width:0;display:flex}.person-row-info .person-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.person-row-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.person-row-role{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-full);white-space:nowrap;justify-content:center;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:flex}.person-row-contact{align-items:center;gap:24px;min-width:0;display:flex;overflow:hidden}.row-contact-item{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;min-width:0;font-size:13px;display:flex;overflow:hidden}.person-row-tags{align-items:center;gap:5px;display:flex}.person-row-actions{opacity:0;transition:opacity var(--transition-fast);gap:4px;display:flex}.person-list-row:hover .person-row-actions{opacity:1}.people-empty{color:var(--text-muted);flex-direction:column;grid-column:1/-1;align-items:center;gap:12px;padding:60px;font-size:14px;display:flex}.people-header-actions{align-items:center;gap:8px;display:flex}.btn-sm{gap:5px!important;padding:6px 12px!important;font-size:12px!important}.filter-pills-area{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-pills-group{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.filter-pills-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-right:2px;font-size:11px;font-weight:700}.filter-pill{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--glass-bg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.filter-pill:hover{border-color:var(--border-default);color:var(--text-primary)}.filter-pill.active{background:color-mix(in srgb, var(--accent-primary) 12%, transparent);border-color:color-mix(in srgb, var(--accent-primary) 30%, transparent);color:var(--accent-primary);font-weight:600}.filter-pill-clear{border-radius:var(--radius-full);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:4px;margin-left:4px;padding:4px 10px;font-size:12px;display:inline-flex}.filter-pill-clear:hover{color:var(--text-primary);border-color:var(--border-default)}.list-sort-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:var(--radius-md) var(--radius-md) 0 0;grid-template-columns:36px 220px 108px 1fr auto auto;align-items:center;gap:16px;padding:8px 18px;display:grid}.list-header-check{justify-content:center;align-items:center;display:flex}.list-header-check input[type=checkbox]{cursor:pointer;width:15px;height:15px;accent-color:var(--accent-primary)}.list-header-cell{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:11px;font-weight:700}.sort-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:11px;font-weight:700;display:flex}.sort-btn:hover{color:var(--text-primary)}.sort-btn.active{color:var(--accent-primary)}.person-row-check{justify-content:center;align-items:center;display:flex}.row-checkbox{border:1.5px solid var(--border-default);cursor:pointer;width:15px;height:15px;transition:all var(--transition-fast);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.row-checkbox.checked{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.person-list-row.selected .person-row-inner{background:color-mix(in srgb, var(--accent-primary) 5%, transparent)}.card-select-check{z-index:2;opacity:0;transition:opacity var(--transition-fast);position:absolute;top:12px;left:12px}.person-card:hover .card-select-check,.person-card.selected .card-select-check{opacity:1}.card-checkbox{border:1.5px solid var(--border-default);background:var(--bg-surface);cursor:pointer;width:18px;height:18px;transition:all var(--transition-fast);border-radius:5px;justify-content:center;align-items:center;display:flex}.card-checkbox.checked{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.person-card.selected{border-color:var(--accent-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-primary) 20%, transparent)}.bulk-bar{color:var(--text-primary);-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border-radius:var(--radius-full);border:1px solid var(--border-default);z-index:300;white-space:nowrap;background:#ffffffc7;align-items:center;gap:12px;padding:10px 16px;animation:.2s bulkSlideUp;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #6c63ff24,0 2px 8px #00000014}@keyframes bulkSlideUp{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.bulk-count{color:var(--text-muted);border-right:1px solid var(--border-subtle);padding-right:12px;font-size:13px;font-weight:600}.bulk-bar-actions{align-items:center;gap:8px;display:flex}.bulk-tag-input{background:color-mix(in srgb, var(--accent-primary) 8%, transparent);border:1px solid var(--border-subtle);border-radius:var(--radius-full);align-items:center;gap:6px;padding:5px 10px;display:flex}.bulk-tag-input input{color:var(--text-primary);background:0 0;border:none;outline:none;width:110px;font-family:inherit;font-size:12px}.bulk-tag-input input::placeholder{color:var(--text-muted)}.bulk-tag-input button{background:var(--accent-primary);color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:opacity var(--transition-fast);border:none;padding:3px 10px;font-size:12px}.bulk-tag-input button:hover{opacity:.85}.bulk-tag-input button:disabled{opacity:.35;cursor:not-allowed}.bulk-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;display:flex}.bulk-btn.export{background:var(--glass-bg);color:var(--text-secondary)}.bulk-btn.export:hover{background:var(--bg-surface-hover);border-color:var(--border-default)}.bulk-btn.delete{color:#dc2626;background:#dc262614;border-color:#dc262633}.bulk-btn.delete:hover{background:#dc262626;border-color:#dc262659}.bulk-btn.delete:disabled{opacity:.4;cursor:not-allowed}.bulk-btn.clear{color:var(--text-muted);background:0 0;border-color:#0000;padding:5px 8px}.bulk-btn.clear:hover{background:var(--glass-bg);border-color:var(--border-subtle);color:var(--text-primary)}.import-modal{width:560px;max-width:calc(100vw - 48px)}.import-modal>.modal-header{padding:24px 24px 0}.import-body{flex-direction:column;gap:16px;padding:20px 24px 24px;display:flex}.import-dropzone{border:2px dashed var(--border-default);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--transition-fast);color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;padding:32px 24px;display:flex}.import-dropzone:hover,.import-dropzone.has-file{border-color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 5%, transparent);color:var(--text-secondary)}.import-dropzone-name{font-size:14px;font-weight:500}.import-dropzone-hint{color:var(--text-muted);max-width:400px;font-size:11px;line-height:1.5}.import-error{color:#dc2626;border-radius:var(--radius-md);background:#dc262614;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.import-preview-label{color:var(--text-secondary);font-size:13px;font-weight:500}.import-preview{border:1px solid var(--border-subtle);border-radius:var(--radius-md);max-height:200px;overflow:auto}.import-preview table{border-collapse:collapse;width:100%;font-size:12px}.import-preview th{background:var(--bg-surface);text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);padding:7px 12px;font-size:11px;font-weight:700;position:sticky;top:0}.import-preview td{color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);padding:7px 12px}.import-preview tr:last-child td{border-bottom:none}.import-more{color:var(--text-muted);text-align:center;font-style:italic}.import-start-btn{justify-content:center;width:100%}.import-progress{color:var(--text-muted);flex-direction:column;align-items:center;gap:10px;font-size:13px;display:flex}.import-progress-track{background:var(--border-subtle);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.import-progress-fill{background:var(--accent-primary);border-radius:var(--radius-full);height:100%;transition:width .2s}.import-done{flex-direction:column;align-items:center;gap:12px;padding:20px 0;display:flex}.import-done-icon{border-radius:var(--radius-full);background:color-mix(in srgb, var(--accent-primary) 14%, transparent);width:56px;height:56px;color:var(--accent-primary);justify-content:center;align-items:center;display:flex}.import-done-title{color:var(--text-primary);font-size:18px;font-weight:700}.import-done-sub{color:var(--text-muted);font-size:13px}.import-failures{color:#dc2626;border-radius:var(--radius-md);background:#dc26260f;width:100%;max-height:120px;padding:10px 14px;font-size:12px;list-style:none;overflow-y:auto}.import-failures li{padding:2px 0}.pp-shell{flex-direction:column;gap:18px;animation:.28s both pp-enter;display:flex}@keyframes pp-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pp-back{border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-self:flex-start;align-items:center;gap:7px;padding:7px 12px;font-size:13px;font-weight:700;display:inline-flex}.pp-back:hover{color:var(--accent-primary);border-color:color-mix(in srgb, var(--accent-primary) 35%, transparent)}.pp-page-header{flex-direction:column;gap:4px;display:flex}.pp-page-title{color:var(--text-primary);align-items:center;gap:9px;margin:0;font-size:22px;font-weight:800;display:flex}.pp-page-subtitle{color:var(--text-muted);margin:0;font-size:13.5px}.pp-hero{border:1px solid color-mix(in srgb, var(--accent-primary) 16%, var(--border-subtle));border-radius:var(--radius-xl);background:radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--accent-primary) 13%, transparent), transparent 36%), linear-gradient(135deg, color-mix(in srgb, var(--bg-surface) 88%, #fff), var(--card-bg));box-shadow:0 16px 50px -34px color-mix(in srgb, var(--accent-primary) 60%, #111827);justify-content:space-between;align-items:flex-start;gap:20px;padding:24px;display:flex}.pp-hero-main{align-items:center;gap:20px;min-width:0;display:flex}.pp-avatar{border-radius:24px;flex-shrink:0;place-items:center;width:84px;height:84px;font-size:28px;font-weight:850;display:grid;overflow:hidden;box-shadow:0 8px 24px -12px #0f172a80}.pp-avatar-img{object-fit:cover;width:100%;height:100%}.pp-hero-info{min-width:0}.pp-role-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.pp-name{letter-spacing:-.03em;color:var(--text-primary);margin:9px 0 7px;font-size:clamp(26px,3.4vw,36px)}.pp-hero-meta{color:var(--text-secondary);flex-wrap:wrap;gap:8px 14px;font-size:13px;display:flex}.pp-hero-meta span,.pp-hero-link{align-items:center;gap:6px;display:inline-flex}.pp-hero-link{color:var(--text-secondary);text-decoration:none}.pp-hero-link:hover{color:var(--accent-primary)}.pp-bio{max-width:620px;color:var(--text-secondary);margin:12px 0 0;font-size:14px;line-height:1.55}.pp-hero-actions{flex-shrink:0;gap:8px;display:flex}.pp-action-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:750;display:inline-flex}.pp-action-btn:hover{color:var(--accent-primary);border-color:color-mix(in srgb, var(--accent-primary) 35%, transparent)}.pp-action-btn--danger:hover{color:#ef4444;border-color:#ef444466}.pp-tabs{border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:var(--card-bg);gap:6px;width:fit-content;max-width:100%;padding:6px;display:flex;overflow-x:auto}.pp-tab{border-radius:var(--radius-full);color:var(--text-secondary);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:0;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:750;display:inline-flex}.pp-tab:hover{color:var(--text-primary)}.pp-tab--active{color:#fff;background:var(--accent-primary);box-shadow:0 8px 20px -12px color-mix(in srgb, var(--accent-primary) 80%, #111827)}.pp-tab-content{animation:.22s both pp-fade}@keyframes pp-fade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.pp-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--card-bg);padding:20px;box-shadow:0 10px 34px -28px #0f172a9e}.pp-panel-title{color:var(--text-primary);align-items:center;gap:8px;margin:0 0 16px;font-size:14px;font-weight:850;display:flex}.pp-grid-2{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;display:grid}.pp-empty-text{color:var(--text-muted);margin:0;font-size:13px}.pp-details{gap:2px;display:grid}.pp-detail-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:140px minmax(0,1fr);align-items:center;gap:12px;padding:11px 0;display:grid}.pp-detail-row:last-child{border-bottom:0}.pp-detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;font-size:12px;font-weight:750;display:inline-flex}.pp-detail-value{color:var(--text-primary);word-break:break-word;font-size:14px}.pp-link{color:var(--accent-primary);text-decoration:none}.pp-link:hover{text-decoration:underline}.pp-tags{flex-wrap:wrap;gap:7px;display:flex}.pp-tag{border-radius:var(--radius-full);background:color-mix(in srgb, var(--accent-primary) 10%, transparent);color:var(--accent-primary);padding:5px 11px;font-size:12px;font-weight:700}.pp-att{flex-direction:column;gap:16px;display:flex}.pp-att-top{grid-template-columns:minmax(220px,.8fr) minmax(0,1.6fr);gap:16px;display:grid}.pp-att-mid{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:16px;display:grid}.pp-att-ring-card{flex-direction:column;align-items:center;display:flex}.pp-att-ring-card .pp-panel-title{align-self:flex-start}.pp-ring{margin:4px auto 0}.pp-ring-text{fill:var(--text-primary);font-size:30px;font-weight:850}.pp-att-ring-sub{color:var(--text-muted);margin:12px 0 0;font-size:12px;font-weight:700}.pp-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.pp-stat-tile{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--bg-surface) 86%, transparent);border-radius:16px;padding:14px}.pp-stat-tile strong{color:var(--text-primary);align-items:center;gap:6px;font-size:26px;line-height:1;display:flex}.pp-stat-tile span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:7px;font-size:12px;font-weight:800;display:block}.pp-stat-tile small{color:var(--text-muted);margin-top:2px;font-size:11px;display:block}.pp-stat-tile--present{border-color:#10b98166}.pp-stat-tile--absent{border-color:#ef44445c}.pp-stat-tile--accent{border-color:color-mix(in srgb, var(--accent-primary) 38%, transparent)}.pp-stat-tile--accent strong{color:var(--accent-primary)}.pp-breakdown{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.pp-donut-text{fill:var(--text-primary);font-size:26px;font-weight:850}.pp-legend{flex:1;gap:9px;min-width:150px;margin:0;padding:0;list-style:none;display:grid}.pp-legend li{align-items:center;gap:9px;display:flex}.pp-legend-dot{border-radius:4px;flex-shrink:0;width:11px;height:11px}.pp-legend-label{color:var(--text-secondary);flex:1;font-size:13px;font-weight:650}.pp-legend-value{color:var(--text-primary);font-size:13px;font-weight:850}.pp-trend{flex-direction:column;gap:8px;display:flex}.pp-trend-caption{color:var(--text-muted);font-size:12px;font-weight:700}.pp-trend-caption strong{color:var(--accent-primary)}.pp-history{gap:6px;margin:0;padding:0;list-style:none;display:grid}.pp-history-row{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--bg-surface) 72%, transparent);border-radius:13px;grid-template-columns:90px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 12px;display:grid}.pp-history-status{border-radius:var(--radius-full);justify-self:start;padding:4px 10px;font-size:11px;font-weight:800}.pp-history-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:650;overflow:hidden}.pp-history-date{color:var(--text-muted);white-space:nowrap;font-size:12px}.pp-att-empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;padding:46px 20px;display:flex}.pp-att-empty h3{color:var(--text-secondary);margin:6px 0 0;font-size:16px}.pp-att-empty p{margin:0;font-size:13px}.pp-loading{color:var(--text-muted);align-items:center;gap:9px;padding:18px;font-size:14px;display:flex}.pp-denied{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:10px;padding:60px 20px;display:flex}.pp-denied h2{color:var(--text-secondary);margin:6px 0 0}.pp-denied p{margin:0;font-size:14px}@keyframes pp-spin{to{transform:rotate(360deg)}}@media (width<=1080px){.pp-grid-2,.pp-att-top,.pp-att-mid{grid-template-columns:1fr}}@media (width<=720px){.pp-hero{flex-direction:column}.pp-hero-main{flex-direction:column;align-items:flex-start}.pp-hero-actions{flex-wrap:wrap;width:100%}.pp-action-btn{flex:calc(50% - 4px);justify-content:center}.pp-stat-grid{grid-template-columns:1fr 1fr}.pp-history-row{grid-template-columns:80px minmax(0,1fr)}.pp-history-date{grid-column:2;justify-self:start}}.cal-page{flex-direction:column;gap:16px;height:100%;animation:.3s cubic-bezier(.22,1,.36,1) both cal-fade-in;display:flex}@keyframes cal-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cal-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cal-nav{align-items:center;gap:6px;display:flex}.cal-nav-btn{border:1px solid var(--border-subtle);background:var(--bg-surface);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.cal-nav-btn:hover{background:color-mix(in srgb, var(--accent-primary) 10%, transparent);border-color:color-mix(in srgb, var(--accent-primary) 35%, transparent);color:var(--accent-primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent-primary) 8%, transparent)}.cal-today-btn{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);letter-spacing:.01em;padding:6px 16px;font-size:12.5px;font-weight:700}.cal-today-btn:hover{background:color-mix(in srgb, var(--accent-primary) 10%, transparent);border-color:color-mix(in srgb, var(--accent-primary) 35%, transparent);color:var(--accent-primary)}.cal-attendance-box{border:1px solid color-mix(in srgb, var(--accent-primary) 18%, var(--border-subtle));background:color-mix(in srgb, var(--accent-primary) 7%, var(--bg-surface));border-radius:14px;gap:10px;padding:13px;display:grid}.cal-attendance-box-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.cal-attendance-box h3{color:var(--text-primary);margin:0 0 4px;font-size:13px;font-weight:850}.cal-attendance-box p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.45}.cal-attendance-switch{border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;flex-shrink:0;align-items:center;gap:7px;padding:6px 9px;font-size:12px;font-weight:800;display:flex}.cal-attendance-switch input{accent-color:var(--accent-primary)}.cal-attendance-summary{flex-wrap:wrap;gap:7px;display:flex}.cal-attendance-summary span{border-radius:var(--radius-full);color:var(--text-muted);background:#ffffffb8;align-items:center;gap:5px;padding:5px 8px;font-size:11px;font-weight:750;display:inline-flex}.cal-detail-row--attendance{padding-top:8px}.cal-attendance-link{border-radius:var(--radius-full);background:color-mix(in srgb, var(--accent-primary) 10%, transparent);color:var(--accent-primary);cursor:pointer;border:0;align-items:center;gap:6px;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.cal-attendance-link:hover{background:color-mix(in srgb, var(--accent-primary) 16%, transparent)}.cal-header-label{color:var(--text-primary);letter-spacing:-.03em;white-space:nowrap;margin-left:8px;font-size:18px;font-weight:800}.cal-view-tabs{background:color-mix(in srgb, var(--accent-primary) 6%, var(--bg-base));border:1px solid color-mix(in srgb, var(--accent-primary) 15%, transparent);border-radius:var(--radius-full);gap:2px;margin-left:auto;padding:3px;display:flex}.cal-view-tab{border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:5px 16px;font-size:12px;font-weight:600}.cal-view-tab:hover:not(.active){color:var(--text-secondary)}.cal-view-tab.active{background:var(--accent-primary);color:#fff;box-shadow:0 2px 8px color-mix(in srgb, var(--accent-primary) 35%, transparent)}.cal-add-btn{white-space:nowrap}.cal-body{border-radius:var(--radius-xl);border:1px solid var(--border-subtle);background:var(--card-bg);min-height:0;-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:0 2px 8px #0000000d, 0 12px 40px -8px color-mix(in srgb, var(--accent-primary) 12%, transparent);flex:1;position:relative;overflow:hidden}.cal-body:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent-primary) 60%, transparent) 40%, color-mix(in srgb, var(--accent-primary) 60%, transparent) 60%, transparent);z-index:2;pointer-events:none;height:1px;animation:5s ease-in-out infinite cal-glow-sweep;position:absolute;top:0;left:10%;right:10%}@keyframes cal-glow-sweep{0%{opacity:.5;left:10%;right:10%}50%{opacity:1;left:5%;right:5%}to{opacity:.5;left:10%;right:10%}}.cal-loading{justify-content:center;align-items:center;height:100%;display:flex}.cal-spin{animation:1s linear infinite spin}.cal-month{flex-direction:column;height:100%;display:flex}.cal-month-header{border-bottom:1px solid var(--border-subtle);grid-template-columns:repeat(7,1fr);display:grid}.cal-day-name{text-align:center;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:8px 0;font-size:11px;font-weight:700}.cal-month-grid{flex:1;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;display:grid;overflow-y:auto}.cal-cell{border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);cursor:pointer;min-height:96px;padding:6px 8px;transition:background .2s,box-shadow .25s;position:relative;overflow:hidden}.cal-cell:nth-child(7n){border-right:none}.cal-cell:hover{background:color-mix(in srgb, var(--accent-primary) 7%, transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent-primary) 20%, transparent), inset 4px 0 12px -4px color-mix(in srgb, var(--accent-primary) 15%, transparent);z-index:1}.cal-cell.outside{opacity:.32}.cal-cell.drag-over{background:color-mix(in srgb, var(--accent-primary) 12%, transparent);outline:2px dashed color-mix(in srgb, var(--accent-primary) 70%, transparent);outline-offset:-2px}.cal-cell.today .cal-cell-num{background:var(--accent-primary);color:#fff;border-radius:var(--radius-full);width:24px;height:24px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent-primary) 20%, transparent);justify-content:center;align-items:center;display:flex}.cal-cell-num{color:var(--text-secondary);justify-content:center;align-items:center;width:24px;height:24px;margin-bottom:4px;font-size:13px;font-weight:600;display:flex}.cal-cell-events{flex-direction:column;gap:2px;display:flex}.cal-event-chip{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,filter .15s;display:flex;overflow:hidden}.cal-event-chip:hover{filter:brightness(1.04)saturate(1.1);transform:translateY(-2px);box-shadow:0 4px 12px #00000029}.cal-event-chip.draggable{cursor:grab}.cal-event-chip.draggable:active{cursor:grabbing}.cal-abs-event.draggable{cursor:grab}.cal-abs-event.draggable:active{cursor:grabbing}.cal-modal-panel,.cal-modal-panel.card,.cal-modal-panel.card:hover,.cal-detail-panel,.cal-detail-panel.card,.cal-detail-panel.card:hover{-webkit-backdrop-filter:none!important;background:#fff!important;border-color:#6c63ff1f!important;box-shadow:0 24px 64px #0a081e38!important}.cal-event-chip span{opacity:.75;flex-shrink:0;font-size:10px}.cal-event-more{color:var(--text-muted);padding-left:7px;font-size:11px;font-weight:500}.cal-week,.cal-day{flex-direction:column;height:100%;display:flex;overflow:hidden}.cal-week-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;grid-template-columns:52px repeat(7,1fr);display:grid}.cal-week-time-gutter{width:52px}.cal-week-col-header{text-align:center;border-left:1px solid var(--border-subtle);cursor:default;padding:10px 0}.cal-week-day-name{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:11px;font-weight:700;display:block}.cal-week-day-num{width:28px;height:28px;color:var(--text-secondary);border-radius:var(--radius-full);justify-content:center;align-items:center;margin-top:2px;font-size:16px;font-weight:800;display:inline-flex}.cal-week-day-num.today{background:var(--accent-primary);color:#fff;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent-primary) 20%, transparent)}.cal-week-col-header.today .cal-week-day-name{color:var(--accent-primary)}.cal-week-body{flex:1;min-height:0;display:flex;overflow-y:auto}.cal-week-times{flex-shrink:0;width:52px}.cal-time-slot-label{height:44px;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);justify-content:flex-end;align-items:flex-start;padding:4px 8px 0 0;font-size:10px;font-weight:600;display:flex}.cal-week-col,.cal-day-col{border-left:1px solid var(--border-subtle);flex:1 0;min-width:0;position:relative}.cal-time-slot{border-bottom:1px solid var(--border-subtle);box-sizing:border-box;cursor:pointer;border-left:2px solid #0000;height:44px;transition:background .15s,border-left-color .2s}.cal-time-slot:hover{background:color-mix(in srgb, var(--accent-primary) 5%, transparent);border-left-color:color-mix(in srgb, var(--accent-primary) 45%, transparent)}.cal-time-slot.drag-over{background:color-mix(in srgb, var(--accent-primary) 10%, transparent);outline:2px dashed var(--accent-primary);outline-offset:-1px}.cal-abs-event{cursor:pointer;z-index:2;box-sizing:border-box;will-change:transform;border-radius:5px;flex-direction:column;justify-content:flex-start;gap:2px;padding:4px 8px;font-size:11px;transition:transform .2s cubic-bezier(.34,1.4,.64,1),box-shadow .2s,filter .15s;display:flex;position:absolute;left:2px;right:2px;overflow:hidden}.cal-abs-event:hover{filter:brightness(1.06)saturate(1.08);z-index:4;transform:translateY(-2px);box-shadow:0 6px 20px #0000002e}.cal-abs-event-title{white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;align-items:center;font-weight:700;display:flex;overflow:hidden}.cal-abs-event-time{opacity:.75;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.cal-week-event{cursor:pointer;transition:filter var(--transition-fast);border-radius:5px;justify-content:space-between;align-items:center;gap:6px;padding:3px 7px;font-size:11px;display:flex;overflow:hidden}.cal-week-event:hover{box-shadow:none;opacity:1}.cal-week-event-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.cal-week-event-time{opacity:.7;flex-shrink:0;font-size:10px}.cal-day-event{padding:5px 10px;font-size:12px}.cal-day-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex}.cal-day-header-num{color:var(--text-primary);border-radius:var(--radius-full);justify-content:center;align-items:center;width:44px;height:44px;font-size:28px;font-weight:900;line-height:1;display:flex}.cal-day-header-num.today{background:var(--accent-primary);color:#fff;box-shadow:0 0 0 5px color-mix(in srgb, var(--accent-primary) 18%, transparent)}.cal-day-header-label{color:var(--text-secondary);font-size:14px;font-weight:500}.cal-detail-backdrop{z-index:400;-webkit-backdrop-filter:blur(5px)saturate(1.15);background:#0c0a1e73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.cal-detail-panel{border-radius:var(--radius-xl);width:380px;max-width:calc(100vw - 48px);position:relative;overflow:hidden}.cal-detail-type-bar{width:100%;height:5px}.cal-detail-body{padding:20px}.cal-detail-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.cal-detail-type-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.cal-detail-title{color:var(--text-primary);font-size:18px;font-weight:800;line-height:1.2}.cal-detail-desc{color:var(--text-secondary);margin-bottom:14px;font-size:13px;line-height:1.6}.cal-detail-meta{flex-direction:column;gap:8px;display:flex}.cal-detail-row{color:var(--text-secondary);align-items:flex-start;gap:8px;font-size:13px;display:flex}.cal-detail-row svg{color:var(--text-muted);flex-shrink:0;margin-top:1px}.cal-detail-actions{flex-shrink:0;gap:4px;display:flex}.cal-detail-people{flex-wrap:wrap;gap:4px;display:flex}.cal-detail-person-pill{border-radius:var(--radius-full);background:color-mix(in srgb, var(--accent-primary) 10%, transparent);color:var(--accent-primary);border:1px solid color-mix(in srgb, var(--accent-primary) 20%, transparent);padding:2px 9px;font-size:11px;font-weight:600}.tag-pill-input{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--glass-bg);cursor:text;min-height:38px;transition:border-color var(--transition-fast);flex-wrap:wrap;gap:5px;padding:7px 10px;display:flex}.tag-pill-input:focus-within{border-color:var(--accent-primary);background:var(--bg-surface-hover)}.tag-pill{border-radius:var(--radius-full);background:color-mix(in srgb, var(--accent-primary) 12%, transparent);color:var(--accent-primary);border:1px solid color-mix(in srgb, var(--accent-primary) 22%, transparent);align-items:center;gap:4px;padding:2px 8px 2px 10px;font-size:11px;font-weight:600;display:inline-flex}.tag-pill button{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;align-items:center;padding:0;line-height:1;display:flex}.tag-pill button:hover{opacity:1}.tag-pill-raw-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:120px;font-family:inherit;font-size:13px}.people-picker-wrap{position:relative}.people-picker-box{flex-wrap:wrap;align-items:center;gap:5px;min-height:38px;display:flex}.people-pill{border-radius:var(--radius-full);background:color-mix(in srgb, var(--accent-primary) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent-primary) 22%, transparent);color:var(--accent-primary);align-items:center;gap:5px;padding:3px 8px 3px 6px;font-size:12px;font-weight:600;display:inline-flex}.people-pill-avatar{background:var(--accent-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex}.people-pill button{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;align-items:center;padding:0;line-height:1;display:flex}.people-pill button:hover{opacity:1}.people-add-btn{border-radius:var(--radius-full);border:1px dashed var(--border-default);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.people-add-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 6%, transparent)}.people-picker-dropdown{z-index:600;background:var(--surface-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 12px 36px #0a081e24}.people-search-input{border:none;border-bottom:1px solid var(--border-subtle);width:100%;color:var(--text-primary);background:0 0;outline:none;padding:10px 14px;font-family:inherit;font-size:13px}.people-picker-list{max-height:200px;overflow-y:auto}.people-picker-option{cursor:pointer;text-align:left;width:100%;transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:10px;padding:8px 14px;display:flex}.people-picker-option:hover{background:color-mix(in srgb, var(--accent-primary) 8%, transparent)}.people-picker-avatar{background:var(--accent-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.people-picker-info{flex-direction:column;gap:1px;display:flex}.people-picker-name{color:var(--text-primary);font-size:13px;font-weight:600}.people-picker-role{color:var(--text-muted);font-size:11px}.people-picker-empty{text-align:center;color:var(--text-muted);margin:0;padding:14px;font-size:13px}.cal-tag{border-radius:var(--radius-full);background:color-mix(in srgb, var(--accent-primary) 10%, transparent);color:var(--accent-primary);border:1px solid color-mix(in srgb, var(--accent-primary) 20%, transparent);padding:2px 9px;font-size:11px;font-weight:600}.cal-icon-btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--glass-bg);width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.cal-icon-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-default)}.cal-icon-btn.danger:hover{color:#dc2626;background:#dc26261a;border-color:#dc262640}.cal-modal-backdrop{z-index:500;-webkit-backdrop-filter:blur(6px)saturate(1.15);background:#0c0a1e8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.cal-modal-panel{border-radius:var(--radius-xl);width:520px;max-width:calc(100vw - 48px);max-height:90vh;overflow-y:auto}.cal-confirm{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:400px;padding:36px 32px;display:flex}.cal-modal-header{justify-content:space-between;align-items:center;padding:22px 24px 0;display:flex}.cal-modal-title{color:var(--text-primary);letter-spacing:-.02em;font-size:18px;font-weight:800}.cal-modal-form{flex-direction:column;gap:14px;padding:18px 24px 24px;display:flex}.cal-type-selector{flex-wrap:wrap;gap:6px;display:flex}.cal-type-btn{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--glass-bg);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);padding:5px 14px;font-size:12px;font-weight:600}.cal-type-btn:hover{border-color:var(--border-default);color:var(--text-secondary)}.cal-type-btn.active{font-weight:700}.cal-field{flex-direction:column;gap:5px;display:flex}.cal-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.cal-field-hint{text-transform:none;letter-spacing:0;font-size:11px;font-weight:400}.cal-field input,.cal-field textarea{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--glass-bg);color:var(--text-primary);transition:border-color var(--transition-fast);resize:none;outline:none;padding:9px 13px;font-family:inherit;font-size:13px}.cal-field input:focus,.cal-field textarea:focus{border-color:var(--accent-primary);background:var(--bg-surface-hover)}.cal-field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cal-allday-check{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.cal-allday-check input{accent-color:var(--accent-primary);cursor:pointer}.cal-modal-error{color:#dc2626;border-radius:var(--radius-md);background:#dc262614;padding:10px 14px;font-size:13px}.cal-modal-footer{justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.pp-panel{flex-direction:column;gap:10px;display:flex}.pp-role-filters{flex-wrap:wrap;gap:5px;display:flex}.pp-role-btn{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--glass-bg);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);padding:4px 12px;font-size:12px;font-weight:600}.pp-role-btn.active{background:color-mix(in srgb, var(--accent-primary) 12%, transparent);color:var(--accent-primary);border-color:var(--accent-primary)}.pp-search-row{align-items:center;gap:8px;display:flex}.pp-search-input{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--glass-bg);color:var(--text-primary);outline:none;flex:1;padding:8px 12px;font-family:inherit;font-size:13px}.pp-search-input:focus{border-color:var(--accent-primary)}.pp-select-all-btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:0 0;padding:6px 12px;font-size:11px;font-weight:600}.pp-select-all-btn:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.pp-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;max-height:200px;display:grid;overflow-y:auto}.pp-card{border-radius:var(--radius-md);border:1.5px solid var(--border-subtle);background:var(--glass-bg);cursor:pointer;transition:all var(--transition-fast);text-align:center;flex-direction:column;align-items:center;gap:5px;padding:10px 8px;display:flex;position:relative}.pp-card:hover{border-color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 5%, transparent)}.pp-card.selected{border-color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 10%, transparent)}.pp-card-avatar{background:color-mix(in srgb, var(--accent-primary) 20%, transparent);width:34px;height:34px;color:var(--accent-primary);transition:background var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;overflow:hidden}.pp-card-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.pp-card.selected .pp-card-avatar{background:var(--accent-primary);color:#fff}.pp-card-name{color:var(--text-primary);word-break:break-word;font-size:11px;font-weight:600;line-height:1.2}.pp-card-role{color:var(--text-muted);font-size:10px}.pp-card-check{background:var(--accent-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;top:4px;right:4px}.pp-summary{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.pp-clear-btn{color:var(--accent-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;font-weight:600;text-decoration:underline}.pp-empty{color:var(--text-muted);text-align:center;grid-column:1/-1;margin:0;padding:16px;font-size:13px}.cal-type-color-row{flex-direction:column;gap:10px;display:flex}.color-picker-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.color-picker-label{color:var(--text-muted);white-space:nowrap;min-width:36px;font-size:12px;font-weight:600}.color-swatch{cursor:pointer;color:#fff;border:2px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:transform .12s,box-shadow .12s;display:flex}.color-swatch:hover{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 25%, transparent);transform:scale(1.18)}.color-swatch.selected{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-surface)}.color-swatch.default{background:var(--glass-bg);border:1.5px solid var(--border-default);color:var(--text-muted)}.color-swatch.default.selected{border-color:var(--accent-primary)}.recurrence-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.recurrence-select{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--glass-bg);color:var(--text-primary);cursor:pointer;outline:none;flex:1;padding:8px 12px;font-family:inherit;font-size:13px}.recurrence-select:focus{border-color:var(--accent-primary)}.recurrence-interval-input{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--glass-bg);width:52px;color:var(--text-primary);text-align:center;outline:none;padding:8px 10px;font-family:inherit;font-size:13px}.recurrence-interval-input:focus{border-color:var(--accent-primary)}.recurrence-unit,.recurrence-every{color:var(--text-secondary);white-space:nowrap;font-size:13px}.recurrence-end-row{color:var(--text-secondary);align-items:center;gap:8px;margin-top:4px;font-size:13px;display:flex}.recurrence-end-row .dtp-root{flex:1}.recurrence-end-row input[type=date]{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--glass-bg);color:var(--text-primary);outline:none;flex:1;padding:7px 10px;font-family:inherit;font-size:13px}.recurrence-end-row input[type=date]:focus{border-color:var(--accent-primary)}.recurrence-until{white-space:nowrap}.cal-now-line{background:linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) 80%, transparent), color-mix(in srgb, var(--accent-primary) 30%, transparent) 100%);z-index:5;pointer-events:none;height:2px;position:absolute;left:0;right:0;transform:translateY(-50%)}.cal-now-dot{background:var(--accent-primary);width:10px;height:10px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 25%, transparent);border-radius:50%;position:absolute;top:50%;left:-4px;transform:translateY(-50%)}.cal-add-btn{position:relative;overflow:hidden}.cal-add-btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff3d,#0000);width:50%;height:100%;animation:3.5s ease-in-out 1s infinite cal-shimmer;position:absolute;top:0;left:-75%;transform:skew(-20deg)}@keyframes cal-shimmer{0%{opacity:0;left:-75%}10%{opacity:1}50%{opacity:.8;left:130%}to{opacity:0;left:130%}}.cal-event-chip.recurring{gap:4px}.cal-week-event.recurring{gap:5px}.csel-wrap{position:relative}.csel-trigger{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--glass-bg);width:100%;min-width:0;color:var(--text-primary);cursor:pointer;text-align:left;transition:border-color var(--transition-fast), background var(--transition-fast);justify-content:space-between;align-items:center;gap:6px;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:500;display:flex}.csel-trigger:hover,.csel-trigger.open{border-color:var(--accent-primary);background:var(--bg-surface-hover)}.csel-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .18s}.csel-trigger.open .csel-chevron{transform:rotate(180deg)}.csel-dropdown{z-index:700;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 8px 28px #0a081e24}.csel-option{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;transition:background var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:9px 14px;font-family:inherit;font-size:13px;display:flex}.csel-option:hover{background:color-mix(in srgb, var(--accent-primary) 8%, transparent);color:var(--text-primary)}.csel-option.selected{color:var(--accent-primary);font-weight:600}.csel-check{color:var(--accent-primary);flex-shrink:0}.dtp-csel-hour .csel-trigger,.dtp-csel-min .csel-trigger{min-width:52px;padding:5px 8px;font-size:14px;font-weight:700}.dtp-csel-ampm .csel-trigger{min-width:54px;padding:5px 8px;font-size:12px;font-weight:700}.dtp-csel-hour,.dtp-csel-min,.dtp-csel-ampm{flex-shrink:0}.dtp-csel-hour .csel-dropdown,.dtp-csel-min .csel-dropdown{min-width:68px;max-height:180px;overflow-y:auto}.dtp-csel-ampm .csel-dropdown{min-width:68px}.recurrence-csel{flex:1}.recurrence-csel .csel-trigger{padding:8px 12px}.pp-pills-wrap{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pp-pill{border-radius:var(--radius-full);background:color-mix(in srgb, var(--accent-primary) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent-primary) 22%, transparent);color:var(--accent-primary);align-items:center;gap:5px;padding:4px 8px 4px 6px;font-size:12px;font-weight:600;display:inline-flex}.pp-pill-avatar{background:var(--accent-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;overflow:hidden}.pp-pill-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.pp-pill-remove{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;align-items:center;padding:0;display:flex}.pp-pill-remove:hover{opacity:1}.pp-add-btn{border-radius:var(--radius-full);border:1px dashed var(--border-default);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.pp-add-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 6%, transparent)}.pp-modal-backdrop{z-index:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c0a1e8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.pp-modal-panel{border-radius:var(--radius-xl);border:1px solid #6c63ff1f;flex-direction:column;width:540px;max-width:calc(100vw - 48px);max-height:80vh;display:flex;overflow:hidden;box-shadow:0 32px 80px #0a081e47,0 4px 20px #0000001a;-webkit-backdrop-filter:none!important;background:#fff!important}.pp-modal-panel:hover{box-shadow:0 32px 80px #0a081e47}.pp-modal-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 20px 0;display:flex}.pp-modal-title{color:var(--text-primary);font-size:17px;font-weight:800}.pp-modal-subtitle{color:var(--text-muted);margin:4px 0 0;font-size:12px;line-height:1.35}.pp-modal-role-filters{flex-wrap:wrap;flex-shrink:0;gap:5px;padding:14px 20px 0;display:flex}.pp-modal-search-row{flex-shrink:0;align-items:center;gap:8px;padding:12px 20px 0;display:flex}.pp-modal-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;padding:14px 20px;display:grid;overflow-y:auto}.pp-modal-footer{border-top:1px solid var(--border-subtle);background:#f9f8ff;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.cal-day-allday-bar{border-bottom:1px solid var(--border-subtle);background:color-mix(in srgb, var(--accent-primary) 3%, transparent);flex-wrap:wrap;flex-shrink:0;gap:4px;padding:6px 12px;display:flex}.cal-detail-recurrence{color:var(--text-muted);text-transform:capitalize;align-items:center;gap:5px;margin-top:4px;font-size:11px;font-weight:600;display:inline-flex}.confirm-actions--col{flex-direction:column;gap:8px;width:100%;margin-top:4px;display:flex}.confirm-full-width{justify-content:center;width:100%}.btn-danger-outline{border:1.5px solid var(--danger,#e53e3e);color:var(--danger,#e53e3e);background:0 0;font-weight:600}.btn-danger-outline:hover:not(:disabled){background:#e53e3e12}.cal-week-allday-row{border-bottom:1px solid var(--border-subtle);background:color-mix(in srgb, var(--accent-primary) 3%, transparent);flex-shrink:0;grid-template-columns:52px repeat(7,1fr);display:grid}.cal-week-allday-gutter{text-transform:uppercase;letter-spacing:.05em;width:52px;color:var(--text-muted);justify-content:flex-end;align-items:center;padding:4px 6px 4px 0;font-size:9px;font-weight:700;display:flex}.cal-week-allday-cell{border-left:1px solid var(--border-subtle);flex-direction:column;gap:2px;min-height:24px;padding:3px 4px;display:flex}.cal-event-more{cursor:pointer}.cal-event-more:hover{color:var(--accent-primary);text-decoration:underline}.btn-primary-outline{border:1.5px solid var(--accent-primary);color:var(--accent-primary);background:0 0;font-weight:600}.btn-primary-outline:hover:not(:disabled){background:#6c63ff12}.courses-page{flex-direction:column;gap:24px;display:flex}.courses-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.courses-subtitle{color:var(--text-secondary);margin-top:4px}.courses-search{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-full);align-items:center;gap:8px;min-width:260px;padding:8px 14px;display:flex}.courses-search input{color:var(--text-primary);background:0 0;border:0;outline:0;flex:1;font-size:14px}.courses-search svg{color:var(--text-muted)}.courses-new-btn{background:var(--accent-primary);color:#fff;border-radius:var(--radius-full);cursor:pointer;border:0;align-items:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:600;transition:filter .15s;display:inline-flex}.courses-new-btn:hover{filter:brightness(1.08)}.courses-new-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.courses-empty{border-radius:var(--radius-xl);text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:8px;padding:56px 24px;display:flex}.courses-empty svg{color:var(--accent-primary);margin-bottom:8px}.courses-empty h2{margin:0}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:24px;display:grid}.course-card{--course-color:#6c63ff;text-align:left;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);cursor:pointer;min-height:360px;color:inherit;font:inherit;flex-direction:column;padding:0;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.course-card:hover{border-color:var(--course-color);box-shadow:0 12px 32px -12px color-mix(in srgb, var(--course-color) 45%, transparent);transform:translateY(-3px)}.course-card-banner{background:linear-gradient(135deg, var(--course-color), color-mix(in srgb, var(--course-color) 60%, #000));color:#fff;justify-content:space-between;align-items:center;height:110px;padding:0 22px;display:flex;position:relative}.course-card-banner:after{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#ffffff2e,#0000 60%);position:absolute;inset:0}.course-card-banner--image{background-position:50%;background-repeat:no-repeat;background-size:cover}.course-card-banner--image:after{background:linear-gradient(#0000000d 0%,#00000059 100%)}.course-card-banner--bright:after{background:linear-gradient(#ffffff0d 0%,#ffffff40 100%)}.course-card-banner--bright .course-card-badge{color:#111;background:#ffffffb3;border-color:#00000026}.course-card-badge{z-index:1;border-radius:var(--radius-full);letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000040;border:1px solid #ffffff40;padding:5px 11px;font-size:12px;font-weight:600;position:relative}.course-card-body{flex-direction:column;flex:1;gap:10px;padding:20px 22px 16px;display:flex}.course-card-title{margin:0;font-size:19px;line-height:1.25}.course-card-subtitle{color:var(--text-secondary);margin:0;font-size:13px;font-weight:500}.course-card-desc{color:var(--text-secondary);-webkit-line-clamp:3;background:color-mix(in srgb, var(--course-color) 6%, transparent);border-left:3px solid color-mix(in srgb, var(--course-color) 50%, transparent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;-webkit-box-orient:vertical;margin:0;padding:8px 12px;font-size:13.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.course-card-stats{flex-wrap:wrap;gap:10px 16px;margin-top:4px;display:flex}.course-stat{color:var(--text-secondary);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.course-stat strong{color:var(--text-primary);font-weight:600}.course-stat svg{color:var(--course-color)}.course-card-progress{margin-top:auto}.course-card-progress-track{border-radius:var(--radius-full);background:var(--border-subtle);height:6px;overflow:hidden}.course-card-progress-fill{background:var(--course-color);height:100%;transition:width .4s}.course-card-progress-label{color:var(--text-muted);margin-top:6px;font-size:12px;display:block}.course-card-cta{border-top:1px solid var(--border-subtle);color:var(--course-color);justify-content:space-between;align-items:center;padding:14px 22px;font-size:13.5px;font-weight:600;display:flex}.course-card:hover .course-card-cta svg{transform:translate(4px)}.course-card-cta svg{transition:transform .18s}.course-detail-page{flex-direction:column;gap:0;padding-bottom:48px;display:flex}.cd-banner{--course-color:#6c63ff;background:linear-gradient(135deg, var(--course-color), color-mix(in srgb, var(--course-color) 55%, #000));border-radius:var(--radius-xl);color:#fff;margin-bottom:28px;padding:28px 32px 32px;position:relative;overflow:hidden}.cd-banner:before{content:"";pointer-events:none;background:radial-gradient(at 100% 0,#ffffff1f,#0000 60%);position:absolute;inset:0}.cd-banner--image{background-repeat:no-repeat!important;background-size:cover!important}.cd-banner--image:before{background:linear-gradient(#00000040 0%,#0009 100%)}.cd-banner--bright{color:#16171a}.cd-banner--bright:before{background:linear-gradient(#ffffff0d 0%,#ffffff59 100%)}.cd-banner--bright .cd-back,.cd-banner--bright .cd-edit-btn{color:#16171a;background:#ffffff8c;border-color:#00000026}.cd-banner--bright .cd-back:hover{background:#ffffffbf}.cd-banner--bright .cd-edit-btn:hover{background:#fffc}.cd-banner--bright .cd-edit-btn:focus-visible{outline-color:#16171a}.cd-banner--bright .cd-stat-card{background:#ffffff8c;border-color:#0000001f}.cd-banner--bright .cd-stat-bar{background:#0000001f}.cd-banner--bright .cd-stat-fill{background:#16171a}.cd-back{border-radius:var(--radius-full);color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;align-items:center;gap:6px;margin-bottom:20px;padding:6px 14px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.cd-back:hover{background:#ffffff40}.cd-edit-btn{border-radius:var(--radius-full);color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex;position:absolute;top:24px;right:24px}.cd-edit-btn:hover{background:#ffffff47}.cd-edit-btn:focus-visible{outline-offset:2px;outline:2px solid #fff}.cd-banner-content{align-items:flex-start;gap:24px;display:flex}.cd-banner-text{flex:1}.cd-title{margin:0 0 6px;font-size:28px;font-weight:700;line-height:1.2}.cd-subtitle{opacity:.85;margin:0 0 8px;font-size:16px;font-weight:500}.cd-description{opacity:.75;max-width:640px;margin:0;font-size:14px;line-height:1.6}.cd-meta{flex-wrap:wrap;gap:14px;margin-top:14px;display:flex}.cd-meta-item{opacity:.85;align-items:center;gap:6px;font-size:13px;display:flex}.cd-stats{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.cd-stat-card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0003;border:1px solid #ffffff26;flex-direction:column;flex:1;gap:8px;min-width:130px;padding:14px 16px;display:flex}.cd-stat-label{opacity:.75;letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:flex}.cd-stat-value{font-size:22px;font-weight:700}.cd-stat-bar{background:#ffffff2e;border-radius:999px;height:5px;overflow:hidden}.cd-stat-fill{background:#fff;border-radius:999px;height:100%;transition:width .4s}.cd-stat-pct{opacity:.7;font-size:12px}.cd-stat-card--overall{align-items:center}.cd-overall-ring{width:56px;height:56px;position:relative}.cd-overall-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.cd-overall-ring span{justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:absolute;inset:0}.cd-modules{flex-direction:column;gap:12px;display:flex}.cd-empty{text-align:center;color:var(--text-muted);background:var(--bg-surface);border-radius:var(--radius-xl);border:1px dashed var(--border-default);padding:40px 24px}.module-accordion{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);transition:border-color .15s;overflow:hidden}.module-accordion:focus-within{border-color:var(--border-strong)}.module-accordion-header{cursor:pointer;text-align:left;width:100%;color:inherit;font:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;transition:background .15s;display:flex}.module-accordion-header:hover{background:var(--bg-surface-raised,#ffffff08)}.module-accordion-left{flex:1;align-items:flex-start;gap:12px;display:flex}.module-accordion-chevron{color:var(--text-muted);flex-shrink:0;margin-top:2px;transition:transform .15s}.module-title{margin:0;font-size:16px;font-weight:600}.module-desc{color:var(--text-secondary);margin:3px 0 0;font-size:13px}.module-accordion-right{flex-shrink:0}.module-progress-ring{background:var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);padding:4px 12px;font-size:12px;font-weight:600}.module-items{border-top:1px solid var(--border-subtle)}.module-item{border:0;border-bottom:1px solid var(--border-subtle);cursor:pointer;width:100%;color:inherit;font:inherit;text-align:left;background:0 0;align-items:center;gap:14px;padding:14px 20px;transition:background .15s,padding-left .15s,box-shadow .15s;display:flex;position:relative}.module-item:before{content:"";background:0 0;border-radius:0 3px 3px 0;width:3px;transition:background .15s;position:absolute;top:0;bottom:0;left:0}.module-item:last-child{border-bottom:0}.module-item:hover{background:var(--bg-surface-raised,#ffffff0a);padding-left:24px}.module-item:hover:before{background:var(--accent-primary)}.module-item--done:hover:before{background:#10b981}.module-item--done .module-item-title{color:var(--text-secondary)}.module-item-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.module-item-icon--lesson{background:color-mix(in srgb, var(--accent-primary) 15%, transparent);color:var(--accent-primary)}.module-item-icon--assignment{background:color-mix(in srgb, var(--accent-tertiary) 15%, transparent);color:var(--accent-tertiary)}.module-item-main{flex:1;min-width:0}.module-item-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.module-item-title{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:500;overflow:hidden}.module-item-sub{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:3px;font-size:12px;display:flex}.module-item-sub svg{color:var(--text-muted)}.module-item-type-pill{background:var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);padding:2px 8px;font-size:11px;font-weight:600}.module-item-arrow{color:var(--text-muted);flex-shrink:0;transition:transform .12s}.module-item:hover .module-item-arrow{transform:translate(3px)}.module-item-badge{border-radius:var(--radius-full);flex-shrink:0;padding:2px 9px;font-size:11px;font-weight:600}.badge-green{color:#10b981;background:#10b98126}.badge-blue{color:#3b82f6;background:#3b82f626}.badge-yellow{color:#f59e0b;background:#f59e0b26}.badge-gray{background:var(--border-subtle);color:var(--text-muted)}.module-item-unread{color:#fff;background:#ef4444;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 1px 4px #ef444473}.module-footer-progress{border-top:1px solid var(--border-subtle);color:var(--text-muted);align-items:center;gap:10px;padding:10px 20px 12px;font-size:12px;display:flex}.module-footer-track{background:var(--border-subtle);border-radius:999px;flex:1;height:4px;overflow:hidden}.module-footer-fill{background:var(--accent-primary);height:100%;transition:width .4s}.ncp-shell{justify-content:center;align-items:center;min-height:calc(100vh - 56px);margin:-28px;padding:40px 24px;display:flex;position:relative;overflow:hidden}.ncp-blob{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.ncp-blob--a{background:radial-gradient(circle, color-mix(in srgb, var(--accent-primary) 22%, transparent), transparent 70%);width:480px;height:380px;animation:18s ease-in-out infinite alternate ncp-drift-a;top:-80px;left:-120px}.ncp-blob--b{background:radial-gradient(circle, color-mix(in srgb, var(--accent-primary) 14%, transparent), transparent 70%);width:360px;height:320px;animation:22s ease-in-out infinite alternate ncp-drift-b;bottom:-60px;right:-80px}@keyframes ncp-drift-a{0%{transform:translate(0)scale(1)}to{transform:translate(40px,30px)scale(1.08)}}@keyframes ncp-drift-b{0%{transform:translate(0)scale(1)}to{transform:translate(-30px,-20px)scale(1.06)}}.ncp-inner{z-index:1;flex-direction:column;gap:20px;width:100%;max-width:520px;animation:.4s cubic-bezier(.22,1,.36,1) both ncp-fade-up;display:flex;position:relative}@keyframes ncp-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.ncp-back{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:4px 0;font-size:13px;font-weight:500;transition:color .15s,gap .15s;display:inline-flex}.ncp-back:hover{color:var(--accent-primary);gap:8px}.ncp-card{background:var(--bg-surface);border:1px solid var(--border-default);box-shadow:0 2px 8px #0000000f, 0 12px 40px -8px color-mix(in srgb, var(--accent-primary) 16%, transparent);border-radius:24px;padding:32px;position:relative;overflow:hidden}.ncp-card-glow{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent-primary) 70%, transparent) 40%, color-mix(in srgb, var(--accent-primary) 70%, transparent) 60%, transparent);height:1px;animation:4s ease-in-out infinite ncp-glow-sweep;position:absolute;top:0;left:10%;right:10%}@keyframes ncp-glow-sweep{0%{opacity:.4;left:10%;right:10%}50%{opacity:1;left:5%;right:5%}to{opacity:.4;left:10%;right:10%}}.ncp-header{align-items:center;gap:14px;margin-bottom:28px;display:flex}.ncp-icon-wrap{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-primary) 20%, transparent), color-mix(in srgb, var(--accent-primary) 8%, transparent));border:1px solid color-mix(in srgb, var(--accent-primary) 28%, transparent);width:44px;height:44px;color:var(--accent-primary);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ncp-title{letter-spacing:-.025em;color:var(--text-primary);margin:0;font-size:22px;font-weight:700;line-height:1.15}.ncp-sub{color:var(--text-secondary);margin:3px 0 0;font-size:13px}.ncp-form{flex-direction:column;gap:22px;display:flex}.ncp-field{flex-direction:column;gap:7px;display:flex;position:relative}.ncp-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:12px;font-weight:600;transition:color .15s}.ncp-field--active .ncp-label{color:var(--accent-primary)}.ncp-input{box-sizing:border-box;background:color-mix(in srgb, var(--accent-primary) 4%, var(--bg-base));border:1px solid var(--border-default);width:100%;color:var(--text-primary);border-radius:12px;padding:11px 14px;font-size:15px;font-weight:500;transition:border-color .15s,background .15s,box-shadow .15s}.ncp-input:focus{border-color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 5%, white);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 16%, transparent);outline:0}.ncp-input--mono{font-family:SF Mono,Fira Code,monospace;font-size:13px}.ncp-hint{color:var(--text-muted);margin:0;font-size:12px}.ncp-hint strong{color:var(--text-secondary);font-weight:600}.ncp-divider{background:var(--border-subtle);height:1px;margin:2px 0}.ncp-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.ncp-btn-cancel{border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:999px;padding:9px 20px;font-size:13.5px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.ncp-btn-cancel:hover:not(:disabled){background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-strong)}.ncp-btn-cancel:disabled{opacity:.4;cursor:not-allowed}.ncp-btn-submit{color:#fff;background:var(--accent-primary);cursor:pointer;box-shadow:0 2px 8px color-mix(in srgb, var(--accent-primary) 30%, transparent), 0 1px 0 #fff3 inset;border:0;border-radius:999px;align-items:center;gap:7px;padding:10px 22px;font-size:13.5px;font-weight:700;transition:transform .15s,box-shadow .15s,filter .15s;display:inline-flex;position:relative;overflow:hidden}.ncp-btn-submit:hover:not(:disabled){box-shadow:0 4px 18px color-mix(in srgb, var(--accent-primary) 45%, transparent), 0 1px 0 #fff3 inset;filter:brightness(1.07);transform:translateY(-1px)}.ncp-btn-submit:active:not(:disabled){transform:translateY(0)}.ncp-btn-submit:disabled{opacity:.5;cursor:not-allowed}.ncp-btn-shimmer{background:linear-gradient(90deg,#0000,#ffffff47,#0000);width:50%;height:100%;animation:2.8s ease-in-out .6s infinite ncp-shimmer;position:absolute;top:0;left:-75%;transform:skew(-20deg)}@keyframes ncp-shimmer{0%{opacity:0;left:-75%}10%{opacity:1}50%{opacity:.8;left:130%}to{opacity:0;left:130%}}.ncp-btn-submit:hover .ncp-arrow{transform:translate(3px)}.ncp-arrow{transition:transform .2s}.ncp-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite ncp-spin;display:inline-block}@keyframes ncp-spin{to{transform:rotate(360deg)}}.re-root{flex-direction:column;gap:6px;display:flex}.re-label{color:var(--text-primary);letter-spacing:.02em;font-size:12px;font-weight:600}.bm-md-chrome{border:1.5px solid var(--border-default,#6c63ff2e);border-radius:var(--radius-md,10px);background:#fff;flex-direction:column;display:flex;overflow:hidden}.re-body{background:#fff;min-height:0;display:grid}.re-body--write,.re-body--preview{grid-template-columns:1fr}.re-body--split{grid-template-columns:1fr 1fr}.re-body--split .re-preview{border-left:1px solid var(--border-subtle,#6c63ff1a)}.re-textarea{resize:vertical;color:#1a1535;letter-spacing:0;font-variant-ligatures:none;tab-size:2;box-sizing:border-box;background:#fff;border:0;outline:0;width:100%;height:100%;min-height:120px;padding:14px 16px;font-family:ui-monospace,SF Mono,Fira Code,Cascadia Code,Menlo,monospace;font-size:13.5px;line-height:1.7}.re-textarea::placeholder{color:var(--text-muted,#9b96b5)}.re-textarea::selection{background:#6c63ff40}.re-preview{color:var(--text-primary,#1a1535);background:#fff;padding:14px 18px;font-size:14px;line-height:1.85;overflow-y:auto}.re-preview>:first-child{margin-top:0}.re-preview>:last-child{margin-bottom:0}.re-preview p{margin:0 0 1.25em}.re-preview h1,.re-preview h2,.re-preview h3,.re-preview h4{color:var(--text-primary,#1a1535);margin:1.2em 0 .5em}.re-preview h1{font-size:1.5em}.re-preview h2{font-size:1.25em}.re-preview h3{font-size:1.1em}.re-preview ul,.re-preview ol{margin:0 0 .85em 1.5em;padding:0}.re-preview li{margin:.2em 0}.re-preview blockquote{border-left:3px solid var(--accent-primary,#6c63ff);color:var(--text-secondary,#555);background:#6c63ff0a;border-radius:0 6px 6px 0;margin:0 0 .85em;padding:4px 12px}.re-preview code{color:var(--accent-primary,#6c63ff);background:#f1f0ff;border-radius:6px;padding:1px 5px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px}.re-preview pre{color:#f8f7ff;background:#1a1535;border-radius:8px;padding:12px 14px;font-size:12.5px;line-height:1.55;overflow-x:auto}.re-preview pre code{color:inherit;background:0 0;padding:0}.re-preview a{color:var(--accent-primary,#6c63ff);text-decoration:underline}.re-preview img{border-radius:8px;max-width:100%}.re-preview mark{color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#ffeb3b8c;border-radius:4px;padding:.05em .28em}.re-preview mark.hl-yellow{background:#ffeb3b8c}.re-preview mark.hl-green{background:#66e86680}.re-preview mark.hl-blue{background:#66c2ff80}.re-preview mark.hl-pink{background:#ff79c673}.re-preview mark.hl-orange{background:#ffa74080}.re-preview mark.hl-purple{background:#bd93ff80}.re-hl-wrap{display:inline-flex;position:relative}.re-hl-popover{z-index:1000;border:1px solid var(--border-default,#6c63ff38);background:#fff;border-radius:8px;flex-direction:column;gap:2px;min-width:140px;padding:6px;display:flex;position:fixed;box-shadow:0 8px 24px #0000002e}.re-hl-swatch{font:inherit;color:var(--text-primary,inherit);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.re-hl-swatch:hover{background:var(--border-subtle,#6c63ff14)}.re-hl-dot{border:1px solid #00000014;border-radius:4px;flex-shrink:0;width:16px;height:16px}.re-hl-dot--ul{border:none;border-bottom:3px solid;border-radius:0;height:12px;background:0 0!important}.re-scr-popover{gap:6px;min-width:260px;padding:10px 10px 8px}.re-scr-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary,#6b6b7d);font-size:11px;font-weight:700}.re-scr-input{width:100%;font:inherit;border:1px solid var(--border-default,#6c63ff38);color:var(--text-primary,#1a1535);background:#fff;border-radius:6px;padding:6px 8px;font-size:13px}.re-scr-input:focus{border-color:var(--accent-primary,#6c63ff);outline:none;box-shadow:0 0 0 2px #6c63ff2e}.re-scr-insert{background:var(--accent-primary,#6c63ff);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:6px;align-self:flex-end;padding:6px 12px;font-size:12.5px;font-weight:600}.re-scr-insert:hover{filter:brightness(1.05)}.re-preview hr{border:0;border-top:1px solid var(--border-default,#6c63ff38);margin:1.2em 0}.re-upload-btn{gap:5px;background:color-mix(in srgb, var(--accent-primary) 10%, transparent)!important;color:var(--accent-primary)!important;border-radius:8px!important;padding:5px 10px!important}.re-upload-btn:hover{background:color-mix(in srgb, var(--accent-primary) 18%, transparent)!important}.re-upload-btn:disabled{opacity:.5;cursor:not-allowed}.bm-backdrop{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;justify-content:center;align-items:flex-start;padding:32px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.bm-panel{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:#fff;flex-direction:column;width:100%;max-width:680px;max-height:calc(100vh - 64px);display:flex;overflow:hidden;box-shadow:0 32px 80px #140e3c59,0 2px 8px #00000014}.bm-panel--wide{max-width:960px}.bm-head{border-bottom:1px solid var(--border-default);background:linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) 4%, #fff) 0%, #fff 100%);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.bm-head h2{letter-spacing:-.01em;color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.bm-close{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:0;align-items:center;padding:6px;display:inline-flex}.bm-close:hover{background:var(--bg-base);color:var(--text-primary)}.bm-close:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.bm-body{background:#fbfaff;flex-direction:column;flex:1;gap:20px;padding:24px 28px;display:flex;overflow-y:auto}.bm-foot{border-top:1px solid var(--border-default);background:#fff;flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex;box-shadow:0 -6px 18px -16px #0003}.bm-field{flex-direction:column;gap:6px;display:flex}.bm-field--span-2{grid-column:1/-1}.bm-field-label{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;font-size:11.5px;font-weight:700}.bm-field input[type=text],.bm-field input[type=number],.bm-field input[type=url],.bm-field input[type=date],.bm-field input[type=datetime-local],.bm-field select,.bm-field textarea{border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);background:#fff;width:100%;padding:9px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.bm-field input:hover,.bm-field select:hover,.bm-field textarea:hover{border-color:color-mix(in srgb, var(--accent-primary) 40%, var(--border-default))}.bm-field input:focus,.bm-field select:focus,.bm-field textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 18%, transparent);outline:0}.bm-field textarea{resize:vertical;min-height:76px;line-height:1.5}.bm-field-hint{color:var(--text-muted);font-size:12px}.bm-field-error{color:var(--accent-danger,#d63a3a);font-size:12px}.bm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}@media (width<=640px){.bm-grid{grid-template-columns:1fr}.bm-field--span-2{grid-column:auto}}.bm-row{align-items:center;gap:10px;display:flex}.bm-inline-check{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:inline-flex}.bm-inline-check input{width:16px;height:16px}.bm-md-wrap{flex-direction:column;gap:8px;display:flex}.bm-md-chrome{border:1.5px solid var(--border-default);background:#fff;border-radius:14px;flex-direction:column;transition:border-color .15s;display:flex;overflow:hidden;box-shadow:0 2px 12px #0000000f}.bm-md-chrome:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 14%, transparent), 0 2px 12px #0000000f}.bm-md-toolbar{border-bottom:1.5px solid var(--border-subtle,#6c63ff1a);background:#f8f7ff;flex-shrink:0;align-items:center;gap:0;padding:0 6px;display:flex;overflow-x:auto}.bm-md-toolbar-sep{background:var(--border-default);flex-shrink:0;width:1px;height:18px;margin:0 4px}.bm-md-toolbar-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:6px 7px;font-size:13px;font-weight:600;transition:background .1s,color .1s;display:inline-flex}.bm-md-toolbar-btn:hover{color:var(--accent-primary);background:#6c63ff1a}.bm-md-toolbar-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-1px}.bm-md-toolbar-btn--active{color:var(--accent-primary);background:#6c63ff1f}.bm-md-editor-area{flex:1}.bm-md-tabs{border-top:1.5px solid var(--border-subtle,#6c63ff1a);background:#f8f7ff;flex-shrink:0;display:flex}.bm-md-tab{color:var(--text-muted);cursor:pointer;letter-spacing:.02em;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:6px 10px;font-size:12px;font-weight:600;transition:color .15s}.bm-md-tab--active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.bm-md-tab:hover{color:var(--accent-primary)}.bm-upload-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bm-upload-row .upload-btn{border:1.5px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);background:#f8f7ff;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:border-color .15s,color .15s;display:inline-flex}.bm-upload-row .upload-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.bm-upload-row small{color:var(--text-muted);font-size:12px}.bm-subsection{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:#fff;flex-direction:column;gap:14px;padding:18px 20px;display:flex;position:relative;box-shadow:0 1px 2px #00000008}.bm-subsection:before{content:"";background:var(--accent-primary);opacity:.85;border-radius:3px;width:3px;position:absolute;top:14px;bottom:14px;left:0}.bm-subsection-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-primary);border-bottom:1px solid var(--border-default);margin:0;padding-bottom:10px;font-size:13px;font-weight:700}.bm-checklist-item{align-items:center;gap:8px;display:flex}.bm-checklist-item input{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);flex:1;padding:7px 11px;font-size:14px}.bm-checklist-add{font-size:13px}.bm-q-list{flex-direction:column;gap:10px;display:flex}.bm-q-row{border:1px solid var(--border-default);border-radius:var(--radius-md);background:#fff;flex-direction:column;gap:10px;padding:12px 14px;transition:border-color .15s,box-shadow .15s,transform 50ms;display:flex}.bm-q-row:hover{border-color:var(--accent-primary);box-shadow:0 4px 14px -8px color-mix(in srgb, var(--accent-primary) 40%, transparent)}.bm-q-row-head{align-items:center;gap:10px;display:flex}.bm-q-row-head .bm-q-type{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-primary);border-radius:var(--radius-full,999px);background:color-mix(in srgb, var(--accent-primary) 10%, transparent);white-space:nowrap;padding:3px 8px;font-size:10.5px;font-weight:700}.bm-q-prompt{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:14px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.bm-q-choice-row{border-radius:var(--radius-md);align-items:center;gap:10px;padding:6px 10px;transition:background .15s;display:flex}.bm-q-choice-row:hover{background:color-mix(in srgb, var(--accent-primary) 5%, transparent)}.bm-q-choice-row input[type=text]{flex:1}.em-loading{justify-content:center;padding:32px;display:flex}.spinner{border:2px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}.em-root{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=640px){.em-root{grid-template-columns:1fr}}.em-panel{background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.em-panel-head{color:var(--text-secondary);border-bottom:1px solid var(--border-default);background:color-mix(in srgb, var(--bg-surface) 60%, transparent);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;padding:10px 14px;font-size:12px;font-weight:600;display:flex}.em-count{background:var(--accent-primary);color:#fff;text-align:center;border-radius:999px;min-width:20px;margin-left:auto;padding:1px 7px;font-size:11px}.em-search-row{border-bottom:1px solid var(--border-default);align-items:center;gap:6px;padding:8px 12px;display:flex;position:relative}.em-search-icon{color:var(--text-secondary);flex-shrink:0}.em-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:13px}.em-clear-search{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:2px 4px;font-size:16px;line-height:1}.em-clear-search:hover{color:var(--text-primary)}.em-empty{color:var(--text-secondary);margin:0;padding:16px 14px;font-size:13px}.em-more{color:var(--text-secondary);padding:8px 14px;font-size:12px;font-style:italic;list-style:none}.em-list{max-height:340px;margin:0;padding:0;list-style:none;overflow-y:auto}.em-row{border-bottom:1px solid color-mix(in srgb, var(--border-default) 50%, transparent);align-items:center;gap:10px;padding:8px 12px;transition:background .1s;display:flex}.em-row:last-child{border-bottom:none}.em-row:hover{background:color-mix(in srgb, var(--accent-primary) 5%, transparent)}.em-avatar{background:color-mix(in srgb, var(--accent-primary) 18%, white);width:32px;height:32px;color:var(--accent-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;overflow:hidden}.em-avatar img{object-fit:cover;width:100%;height:100%}.em-user-info{flex:1;min-width:0}.em-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;display:block;overflow:hidden}.em-email{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.em-role-badge{text-transform:uppercase;letter-spacing:.06em;background:color-mix(in srgb, var(--accent-primary) 12%, transparent);color:var(--accent-primary);border-radius:999px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:600}.em-action{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s,border-color .15s;display:flex}.em-action:disabled{opacity:.4;cursor:not-allowed}.em-action--add{color:var(--accent-primary)}.em-action--add:hover{background:color-mix(in srgb, var(--accent-primary) 12%, transparent);border-color:var(--accent-primary)}.em-action--remove{color:#e53e3e}.em-action--remove:hover{background:#e53e3e1a;border-color:#e53e3e}.em-modal-backdrop{z-index:1100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.em-modal-panel{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:#fff;width:100%;max-width:420px;padding:22px 24px;box-shadow:0 24px 60px #0006}.em-modal-panel h3{color:var(--text-primary);margin:0 0 8px;font-size:17px;font-weight:600}.em-modal-panel p{color:var(--text-secondary);margin:0 0 18px;font-size:14px;line-height:1.5}.em-modal-actions{justify-content:flex-end;gap:8px;display:flex}.em-btn-ghost,.em-btn-danger{cursor:pointer;border-radius:var(--radius-md);border:none;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s,transform 50ms}.em-btn-ghost{color:var(--text-secondary);background:0 0}.em-btn-ghost:hover{background:var(--bg-base);color:var(--text-primary)}.em-btn-danger{color:#fff;background:#e53e3e}.em-btn-danger:hover{background:#c53030}.em-btn-danger:active{transform:scale(.98)}.pvl-search{border:1px solid var(--border-default);background:var(--bg-surface);border-radius:var(--radius-full);width:100%;color:var(--text-muted);align-items:center;gap:8px;margin-bottom:14px;padding:9px 14px;display:inline-flex}.pvl-search input{color:var(--text-primary);font:inherit;background:0 0;border:none;width:100%}.pvl-search input:focus{outline:none}.pvl-state{text-align:center;color:var(--text-muted);padding:24px 4px;font-size:14px}.pvl-list{flex-direction:column;gap:8px;max-height:360px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.pvl-item{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);align-items:center;gap:12px;padding:10px 12px;display:flex}.pvl-item-icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent-primary) 12%, var(--bg-surface));width:32px;height:32px;color:var(--accent-primary);flex:none;justify-content:center;align-items:center;display:inline-flex}.pvl-item-body{flex:1;min-width:0}.pvl-item-title{color:var(--text-primary);font-size:14px;font-weight:600}.pvl-item-summary{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.cp-root{flex-direction:column;gap:5px;display:flex;position:relative}.cp-label{color:var(--text-primary);letter-spacing:.02em;font-size:12px;font-weight:600}.cp-trigger-row{align-items:center;gap:10px;display:flex}.cp-swatch{border:3px solid var(--bg-surface,#fff);width:36px;height:36px;box-shadow:0 0 0 1.5px var(--border-default), 0 2px 8px #00000026;background:var(--swatch-color,#6c63ff);cursor:pointer;border-radius:50%;flex-shrink:0;padding:0;transition:transform .15s,box-shadow .15s}.cp-swatch:hover{box-shadow:0 0 0 2px var(--accent-primary), 0 4px 12px #0003;transform:scale(1.1)}.cp-swatch:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}.cp-swatch-inner{display:none}.cp-hex-display{color:var(--text-secondary);letter-spacing:.04em;font-family:ui-monospace,monospace;font-size:13px}.cp-popover{z-index:900;background:var(--bg-surface,#fff);-webkit-backdrop-filter:none;border:1px solid var(--border-default);background-color:#fff;border-radius:16px;flex-direction:column;gap:10px;width:220px;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 8px 32px #0000002e}.cp-preview{border:1px solid var(--border-subtle,#00000014);border-radius:10px;height:44px;transition:background .15s}.cp-presets{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.cp-preset{background:var(--preset-color);cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;padding:0;transition:transform .12s,border-color .12s;box-shadow:0 1px 3px #00000026}.cp-preset:hover{transform:scale(1.2)}.cp-preset--active{border-color:var(--text-primary,#1a1535);transform:scale(1.15)}.cp-preset:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.cp-hex-row{background:var(--bg-base,#f0eeff);border-radius:10px;align-items:center;gap:6px;padding:6px 8px;display:flex}.cp-hex-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;font-size:11px;font-weight:700}.cp-hex-input{color:var(--text-primary);background:0 0;border:0;flex:1;min-width:0;padding:0;font-family:ui-monospace,monospace;font-size:13px}.cp-hex-input:focus{outline:0}.cp-apply{background:var(--accent-primary);color:#fff;cursor:pointer;border:0;border-radius:8px;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:600}.cp-apply:hover{filter:brightness(1.08)}.course-builder-page{flex-direction:column;gap:28px;max-width:1280px;display:flex}.course-builder-page .back-link{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;width:fit-content;padding:4px 0;font-size:13px;display:inline-flex}.course-builder-page .back-link:hover{color:var(--text-primary)}.course-builder-page .muted{color:var(--text-secondary);margin:4px 0 0}.builder-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:0;display:flex}.builder-header-text{flex-direction:column;gap:2px;min-width:0;display:flex}.cb-preview-btn{border:1px solid var(--border-default);align-self:flex-end;padding:8px 14px;font-weight:600;text-decoration:none}.cb-preview-btn:hover{background:var(--bg-base);color:var(--text-primary);border-color:var(--accent-primary)}.cb-section{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);flex-direction:column;gap:20px;padding:26px 28px;display:flex;box-shadow:0 1px 2px #0000000a}.cb-section-head{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.cb-section-head h2{letter-spacing:-.01em;margin:0;font-size:19px;font-weight:700}.cb-save-state{color:var(--text-muted);background:var(--bg-base);border-radius:var(--radius-full);padding:3px 10px;font-size:12px}.cb-section-count{color:var(--text-secondary);font-size:13px}.cb-section-heading{color:var(--text-primary);margin:0 0 4px;font-size:17px;font-weight:600}.cb-section-desc{color:var(--text-secondary);margin:0;font-size:13px}.cb-section-foot{border-top:1px solid var(--border-default);justify-content:flex-end;padding-top:14px;display:flex}.cb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.cb-field{flex-direction:column;gap:5px;display:flex}.cb-field--span-2{grid-column:1/-1}.cb-field>span{color:var(--text-primary);letter-spacing:.02em;font-size:12px;font-weight:600}.cb-field input[type=text],.cb-field input[type=number],.cb-field textarea{border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);background:#f9fafb;width:100%;padding:8px 11px;font-family:inherit;font-size:14px;transition:border-color .15s,background .15s}.cb-field input:focus,.cb-field textarea:focus{border-color:var(--accent-primary);background:#fff;outline:0}.cb-field textarea{resize:vertical;min-height:80px}.cb-color-row{align-items:center;gap:10px;display:flex}.cb-color-row input[type=color]{border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;background:0 0;width:44px;height:36px;padding:0}.cb-color-row input[type=text]{max-width:110px;font-family:monospace}.cb-field--check{flex-direction:row;align-items:center;gap:10px;padding-top:18px}.cb-field--check input{cursor:pointer;width:16px;height:16px}.cb-field--check>span{font-size:14px;font-weight:500}.cb-cover-upload{align-items:stretch;gap:14px;display:flex}.cb-cover-preview{border-radius:var(--radius-md);border:1px solid var(--border-color);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-shrink:0;width:200px;height:110px}.cb-cover-preview--empty{color:#ffffffd9;letter-spacing:.02em;text-transform:uppercase;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.cb-cover-actions{flex-direction:column;justify-content:center;gap:8px;display:flex}.cb-btn-primary{background:var(--accent-primary);color:#fff;border-radius:var(--radius-full);cursor:pointer;border:0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:filter .15s;display:inline-flex}.cb-btn-primary:hover:not(:disabled){filter:brightness(1.08)}.cb-btn-primary:disabled{opacity:.5;cursor:not-allowed}.cb-btn-primary:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.cb-btn-ghost{color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:4px;padding:6px 10px;font-size:13px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.cb-btn-ghost:hover{background:var(--bg-base);color:var(--text-primary)}.cb-btn-ghost:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px}.cb-btn-danger-ghost:hover{color:var(--accent-danger,#d63a3a)}.cb-btn-danger{color:var(--accent-danger,#d63a3a);border:1px solid var(--accent-danger,#d63a3a);border-radius:var(--radius-full);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.cb-btn-danger:hover{background:var(--accent-danger,#d63a3a);color:#fff}.cb-btn-danger:focus-visible{outline:2px solid var(--accent-danger,#d63a3a);outline-offset:2px}.cb-module-list{flex-direction:column;gap:14px;display:flex}.cb-module{background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:border-color .15s,box-shadow .15s}.cb-module:hover{border-color:var(--border-strong,var(--border-default))}.cb-module-head{border-bottom:1px solid #0000;align-items:center;gap:10px;padding:14px 16px;display:flex}.cb-module:has(.cb-module-body) .cb-module-head{border-bottom-color:var(--border-default)}.cb-drag-handle{color:var(--text-muted);cursor:grab;touch-action:none;background:0 0;border:0;align-items:center;padding:4px;display:inline-flex}.cb-drag-handle:hover{color:var(--text-primary)}.cb-drag-handle:active{cursor:grabbing}.cb-drag-handle:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:4px}.cb-module-toggle{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;align-items:center;padding:4px;display:inline-flex}.cb-module-toggle:hover{color:var(--text-primary)}.cb-module-title{flex:1;min-width:0}.cb-module-title h3{letter-spacing:-.005em;margin:0;font-size:16px;font-weight:600}.cb-module-title p{color:var(--text-secondary);margin:3px 0 0;font-size:13px}.cb-module-actions{gap:4px;display:inline-flex}.cb-module-edit{flex-direction:column;flex:1;gap:8px;display:flex}.cb-module-edit input{border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);background:#f9fafb;padding:7px 11px;font-size:14px;transition:border-color .15s,background .15s}.cb-module-edit input:focus{border-color:var(--accent-primary);background:#fff;outline:0}.cb-module-edit-actions{gap:8px;display:flex}.cb-module-body{flex-direction:column;gap:12px;padding:14px 16px 16px 52px;display:flex}.cb-item-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cb-item{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-default);align-items:center;gap:10px;padding:10px 12px;font-size:13px;transition:border-color .15s,background .15s;display:flex}.cb-item:hover{border-color:var(--accent-primary)}.cb-item--unlisted{opacity:.6}.cb-item--unlisted .cb-item-title{text-decoration:line-through;-webkit-text-decoration-color:var(--text-muted);text-decoration-color:var(--text-muted);text-decoration-thickness:1px}.cb-item-icon{color:var(--accent-primary);flex-shrink:0;align-items:center;display:inline-flex}.cb-item svg{flex-shrink:0}.cb-item-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-primary);flex:1;font-weight:500;overflow:hidden}.cb-item-kind{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-radius:var(--radius-full);background:var(--bg-base);border:1px solid var(--border-default);padding:2px 8px;font-size:10px;font-weight:600}.cb-empty{color:var(--text-secondary);margin:0;padding:8px 0;font-size:13px}.cb-icon-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;justify-content:center;align-items:center;padding:6px;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.cb-icon-btn:hover{color:var(--text-primary);background:var(--bg-base)}.cb-icon-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px}.cb-icon-btn--danger:hover{color:var(--accent-danger,#d63a3a)}.cb-icon-btn--muted{color:var(--text-muted)}.cb-icon-btn--muted:hover{color:var(--accent-primary)}.cb-move-wrap{color:var(--text-secondary);border-radius:var(--radius-sm);align-items:center;transition:background .15s,color .15s;display:inline-flex;position:relative}.cb-move-wrap:hover{color:var(--text-primary);background:var(--bg-base)}.cb-move-icon{pointer-events:none;position:absolute;left:6px}.cb-move-select{appearance:none;color:#0000;cursor:pointer;background:0 0;border:0;width:26px;padding:6px 6px 6px 26px;font-size:13px}.cb-move-select:focus{outline:2px solid var(--accent-primary);outline-offset:1px;border-radius:var(--radius-sm)}.cb-move-select option{color:var(--text-primary);background:var(--bg-surface)}.cb-drag-handle--sm{padding:2px}.cb-module-add-row{border-top:1px dashed var(--border-default);gap:8px;margin-top:4px;padding-top:10px;display:flex}.cb-module-add-row .cb-btn-ghost{border:1px dashed var(--border-default);padding:7px 12px}.cb-module-add-row .cb-btn-ghost:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:0 0}.cb-add-module{border-top:1px solid var(--border-default);gap:8px;padding-top:8px;display:flex}.cb-add-module input{border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);background:#f9fafb;flex:1;padding:8px 12px;font-size:14px;transition:border-color .15s,background .15s}.cb-add-module input:focus{border-color:var(--accent-primary);background:#fff;outline:0}.cb-orphan-note{background:var(--bg-base);border:1px dashed var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);padding:10px 12px;font-size:13px}.cb-orphan-block{background:var(--bg-base);border:1px dashed var(--border-default);border-radius:var(--radius-lg);flex-direction:column;gap:10px;padding:16px 18px;display:flex}.cb-orphan-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.cb-orphan-head h3{color:var(--text-primary);margin:0;font-size:15px;font-weight:600}.cb-orphan-desc{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.45}.cb-confirm-backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cb-confirm-panel{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:100%;max-width:460px;padding:22px;box-shadow:0 20px 50px #00000059}.cb-confirm-panel h3{margin:0 0 8px;font-size:17px;font-weight:600}.cb-confirm-panel p{color:var(--text-secondary);margin:0 0 18px;font-size:14px;line-height:1.45}.cb-confirm-actions{justify-content:flex-end;gap:10px;display:flex}@media (width<=720px){.cb-grid{grid-template-columns:1fr}.cb-field--span-2{grid-column:auto}.cb-field--check{padding-top:0}}.cvp-backdrop{z-index:1000;background:#0f0f198c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cvp-panel{background:var(--bg-elevated,#fff);border-radius:var(--radius-lg,16px);flex-direction:column;gap:12px;width:min(520px,92vw);padding:20px;display:flex;box-shadow:0 24px 60px -20px #0006}.cvp-panel h3{margin:0;font-size:16px}.cvp-hint{color:var(--text-secondary);margin:0;font-size:13px}.cvp-frame{aspect-ratio:200/110;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-base);touch-action:none;-webkit-user-select:none;user-select:none;width:100%;position:relative;overflow:hidden}.cvp-actions{justify-content:flex-end;gap:8px;display:flex}.be-root{flex-direction:column;gap:4px;display:flex}.be-insertbar{justify-content:center;padding:4px 0;display:flex;position:relative}.be-insertbar--first{padding:8px 0 12px}.be-insertbar:before{content:"";pointer-events:none;background:0 0;height:1px;position:absolute;inset:50% 0 auto}.be-insertbar:hover:before{background:var(--border-default)}.be-insertbtn{border:1px dashed var(--border-default);color:var(--text-secondary);border-radius:var(--radius-full,999px);cursor:pointer;opacity:.55;background:#fff;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;transition:opacity .15s,color .15s,border-color .15s;display:inline-flex}.be-insertbar--first .be-insertbtn{opacity:1;padding:6px 14px}.be-insertbar:hover .be-insertbtn{opacity:1}.be-insertbtn:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.be-picker{border:1px solid var(--border-default);border-radius:var(--radius-md);background:#fff;margin:6px 0;padding:12px;box-shadow:0 4px 14px #0000000f}.be-picker-header{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.be-picker-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:12px}.be-picker-close:hover{color:var(--text-primary)}.be-picker-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;display:grid}.be-picker-item{background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:14px 8px;font-size:12px;transition:background .15s,border-color .15s,transform 50ms;display:flex}.be-picker-item:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#fff}.be-picker-item:active{transform:scale(.98)}.be-block{border:1px solid var(--border-default);border-radius:var(--radius-md);background:#fff;align-items:stretch;gap:10px;margin:4px 0;padding:14px 14px 14px 10px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 1px 2px #00000008}.be-block:hover{border-color:color-mix(in srgb, var(--accent-primary) 40%, var(--border-default));box-shadow:0 4px 14px -8px #0000001f}.be-block:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 14%, transparent)}.be-block-side{flex-direction:column;align-items:center;gap:6px;min-width:32px;padding-top:2px;display:flex}.be-handle{cursor:grab;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;padding:2px}.be-handle:hover{color:var(--text-primary);background:var(--bg-base)}.be-handle:active{cursor:grabbing}.be-block-type{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-primary);writing-mode:vertical-rl;opacity:.7;margin:4px 0;font-size:9.5px;font-weight:700;transform:rotate(180deg)}.be-block-del{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;margin-top:auto;padding:2px}.be-block-del:hover{color:#e53e3e;background:var(--bg-base)}.be-block-body{flex:1;min-width:0}.be-input,.be-heading-input,.be-textarea{border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:#fff;padding:8px 10px;font-size:14px}.be-input:focus,.be-heading-input:focus,.be-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-primary) 20%, transparent);outline:none}.be-textarea{resize:vertical;font-family:inherit;line-height:1.5}.be-label{color:var(--text-secondary);font-size:12px;font-weight:500}.be-btn{background:var(--accent-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;padding:8px 14px;font-size:13px;font-weight:500}.be-btn:disabled{opacity:.6;cursor:default}.be-btn:hover:not(:disabled){filter:brightness(.92)}.be-heading-row{align-items:center;gap:8px;display:flex}.be-heading-level{flex:none;width:auto;min-width:90px}.be-img-stack{flex-direction:column;gap:8px;display:flex}.be-img-row{align-items:center;gap:8px;display:flex}.be-img-row .be-input{flex:1}.be-img-preview{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-base);justify-content:center;max-height:240px;display:flex;overflow:hidden}.be-img-preview img{object-fit:contain;max-width:100%;max-height:240px}.be-img-empty{text-align:center;color:var(--text-secondary);background:var(--bg-base);border-radius:var(--radius-md);border:1px dashed var(--border-default);padding:24px;font-size:13px}.be-video-preview{border-radius:var(--radius-md);background:#000;width:100%;padding-top:56.25%;position:relative;overflow:hidden}.be-video-preview iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.be-callout-stack{flex-direction:column;gap:8px;display:flex}.be-callout-row{align-items:center;gap:8px;display:flex}.be-divider-preview{text-align:center;color:var(--text-secondary);border-top:1px dashed var(--border-default);border-bottom:1px dashed var(--border-default);padding:8px;font-size:12px}.be-unknown{color:#e53e3e;padding:8px;font-size:13px}.be-table-wrap{flex-direction:column;gap:10px;display:flex}.be-table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.be-table-toggle{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.be-table-toggle input{accent-color:var(--accent-primary);cursor:pointer}.be-table-actions{align-items:center;gap:4px;display:flex}.be-table-sep{background:var(--border-default);width:1px;height:16px;margin:0 2px}.be-table-btn{border-radius:var(--radius-full,999px);border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;background:#fff;align-items:center;gap:4px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.be-table-btn:hover:not(:disabled){color:var(--accent-primary);border-color:var(--accent-primary)}.be-table-btn--danger:hover:not(:disabled){color:#e53e3e;border-color:#e53e3e}.be-table-btn:disabled{opacity:.35;cursor:not-allowed}.be-table-grid{grid-template-columns:repeat(var(--be-cols,3), 1fr);gap:4px;display:grid}.be-table-cell{border:1px solid var(--border-default);color:var(--text-primary);box-sizing:border-box;background:#fff;border-radius:6px;outline:none;width:100%;padding:7px 10px;font-size:13px;transition:border-color .15s,box-shadow .15s}.be-table-cell:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-primary) 15%, transparent)}.be-table-cell--header{background:color-mix(in srgb, var(--accent-primary) 7%, #f8f7ff);border-color:color-mix(in srgb, var(--accent-primary) 30%, transparent);font-weight:700}.lesson-view{flex-direction:column;gap:28px;max-width:780px;margin:0 auto;padding-bottom:48px;display:flex}.lv-breadcrumb{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.lv-back{cursor:pointer;color:var(--accent-primary);background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:13px;font-weight:500;transition:opacity .15s;display:inline-flex}.lv-back:hover{opacity:.8}.lv-bc-sep,.lv-bc-module{color:var(--text-muted)}.lv-eyebrow{color:var(--text-secondary);align-items:center;gap:10px;margin-bottom:8px;font-size:13px;display:flex}.lv-eyebrow svg{color:var(--accent-primary)}.lv-title{margin:0 0 8px;font-size:26px;line-height:1.25}.lv-summary{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.6}.lv-video-wrap{flex-direction:column;gap:8px;display:flex}.lv-video-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.lv-video-frame{border-radius:var(--radius-xl);background:#000;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.lv-video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.lv-body.prose{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);color:var(--text-primary);padding:28px 32px;font-size:15px;line-height:1.85}.lv-body.prose p{margin:0}.lv-body.prose p+p{margin-top:.85em}.lv-block--text p{margin:0;line-height:1.85}.lv-block--text p+p{margin-top:.85em}.lv-body.prose ol,.lv-body.prose ul,.lv-block--text ol,.lv-block--text ul{margin:0;padding-left:1.5em}.lv-body.prose li,.lv-block--text li{margin:2px 0}.lv-body.prose li>p,.lv-block--text li>p{margin:0}.lv-body.prose h1,.lv-body.prose h2,.lv-body.prose h3{margin:24px 0 10px}.lv-body.prose strong{color:var(--text-primary)}.lv-body.prose em{color:var(--text-secondary)}.lv-body.prose code{background:var(--border-subtle);border-radius:4px;padding:2px 6px;font-size:13.5px}.prose mark,.lv-body.prose mark,.lv-block--callout mark,.lv-block--text mark{color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-color:#ffeb3b8c;border-radius:4px;padding:.05em .28em}.prose mark.hl-yellow,.lv-body.prose mark.hl-yellow,.lv-block--callout mark.hl-yellow,.lv-block--text mark.hl-yellow{background-color:#ffeb3b8c}.prose mark.hl-green,.lv-body.prose mark.hl-green,.lv-block--callout mark.hl-green,.lv-block--text mark.hl-green{background-color:#66e86680}.prose mark.hl-blue,.lv-body.prose mark.hl-blue,.lv-block--callout mark.hl-blue,.lv-block--text mark.hl-blue{background-color:#66c2ff80}.prose mark.hl-pink,.lv-body.prose mark.hl-pink,.lv-block--callout mark.hl-pink,.lv-block--text mark.hl-pink{background-color:#ff79c673}.prose mark.hl-orange,.lv-body.prose mark.hl-orange,.lv-block--callout mark.hl-orange,.lv-block--text mark.hl-orange{background-color:#ffa74080}.prose mark.hl-purple,.lv-body.prose mark.hl-purple,.lv-block--callout mark.hl-purple,.lv-block--text mark.hl-purple{background-color:#bd93ff80}.prose u,.lv-body.prose u,.lv-block--callout u,.lv-block--text u{text-underline-offset:2px;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;-webkit-text-decoration-skip:none;text-decoration:underline;text-decoration-thickness:4px;transition:text-decoration-thickness .2s,text-underline-offset .2s,filter .2s}.prose u:hover,.lv-body.prose u:hover,.lv-block--callout u:hover,.lv-block--text u:hover{text-underline-offset:4px;filter:brightness(1.08);text-decoration-thickness:6px}.prose u.ul-red,.lv-body.prose u.ul-red,.lv-block--callout u.ul-red,.lv-block--text u.ul-red{text-decoration-color:#ef444473}.prose u.ul-yellow,.lv-body.prose u.ul-yellow,.lv-block--callout u.ul-yellow,.lv-block--text u.ul-yellow{text-decoration-color:#eab30873}.prose u.ul-green,.lv-body.prose u.ul-green,.lv-block--callout u.ul-green,.lv-block--text u.ul-green{text-decoration-color:#16a34a73}.prose u.ul-blue,.lv-body.prose u.ul-blue,.lv-block--callout u.ul-blue,.lv-block--text u.ul-blue{text-decoration-color:#2563eb73}.prose u.ul-pink,.lv-body.prose u.ul-pink,.lv-block--callout u.ul-pink,.lv-block--text u.ul-pink{text-decoration-color:#ec489973}.prose u.ul-orange,.lv-body.prose u.ul-orange,.lv-block--callout u.ul-orange,.lv-block--text u.ul-orange{text-decoration-color:#f9731673}.prose u.ul-purple,.lv-body.prose u.ul-purple,.lv-block--callout u.ul-purple,.lv-block--text u.ul-purple{text-decoration-color:#8b5cf673}.lv-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.lv-quiz-wrap{flex-direction:column;gap:0;display:flex}.lv-footer{border-top:1px solid var(--border-default);flex-direction:column;gap:16px;padding-top:20px;display:flex}.lv-complete-btn{border-radius:var(--radius-full);cursor:pointer;background:color-mix(in srgb, var(--accent-primary) 12%, transparent);border:1.5px solid var(--accent-primary);color:var(--accent-primary);align-self:flex-start;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.lv-complete-btn:hover{background:color-mix(in srgb, var(--accent-primary) 20%, transparent)}.lv-complete-btn:active{transform:scale(.98)}.lv-complete-btn--done{color:#10b981;background:#10b9811f;border-color:#10b981}.lv-complete-btn:disabled{opacity:.6;cursor:not-allowed}.lv-nav{gap:12px;display:flex}.lv-nav-btn{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;color:inherit;font:inherit;flex:1;align-items:center;gap:10px;padding:14px 18px;transition:border-color .15s,background .15s;display:flex}.lv-nav-btn:hover:not(:disabled){border-color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 5%, transparent)}.lv-nav-btn:disabled{opacity:.4;cursor:not-allowed}.lv-nav-btn--next{text-align:right;justify-content:flex-end}.lv-nav-btn--next .lv-nav-label{order:-1}.lv-nav-label{flex-direction:column;gap:2px;min-width:0;display:flex}.lv-nav-hint{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:500}.lv-nav-title{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:500;overflow:hidden}.lv-blocks{flex-direction:column;gap:20px;margin:24px 0;display:flex}.lv-block{margin:0}.lv-block--heading{color:var(--text-primary);font-weight:700;line-height:1.3}.lv-block--image{flex-direction:column;align-items:center;gap:8px;display:flex}.lv-block--image img{border-radius:var(--radius-md);max-width:100%;box-shadow:0 4px 16px #00000014}.lv-block--image figcaption,.lv-block--video figcaption{color:var(--text-secondary);text-align:center;font-size:13px;font-style:italic}.lv-block--video .lv-video-frame{border-radius:var(--radius-md);background:#000;width:100%;padding-top:56.25%;position:relative;overflow:hidden}.lv-block--video .lv-video-frame iframe,.lv-block--video video{border:0;width:100%;height:100%;position:absolute;inset:0}.lv-block--video video{position:static}.lv-block--divider{border:none;border-top:1px solid var(--border-default);margin:8px 0}.lv-block--callout{border-radius:var(--radius-md);background:var(--bg-base);border-left:4px solid;padding:14px 18px}.lv-block--callout .prose,.lv-block--callout p{line-height:1.85}.lv-block--callout p+p{margin-top:.85em}.lv-callout--info{background:#3b82f60f;border-left-color:#3b82f6}.lv-callout--success{background:#10b9810f;border-left-color:#10b981}.lv-callout--warning{background:#f59e0b0f;border-left-color:#f59e0b}.lv-callout--quote{border-left-color:var(--text-secondary);background:var(--bg-base);font-style:italic}.lv-block--file{background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--accent-primary);align-items:center;gap:6px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.lv-block--file:hover{border-color:var(--accent-primary);background:#fff}.lv-block--table{border:1px solid var(--surface-border,#6c63ff26);border-radius:12px;overflow-x:auto;box-shadow:0 2px 12px #0000000d}.lv-table{border-collapse:collapse;width:100%;min-width:320px;font-size:14px}.lv-table thead tr{background:linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) 10%, transparent), color-mix(in srgb, var(--accent-primary) 5%, transparent))}.lv-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-primary);border-bottom:2px solid color-mix(in srgb, var(--accent-primary) 25%, transparent);white-space:nowrap;padding:11px 16px;font-size:12.5px;font-weight:700}.lv-table td{color:var(--text-secondary);border-bottom:1px solid var(--surface-border,#6c63ff1a);vertical-align:top;padding:10px 16px;line-height:1.5}.lv-table tbody tr:last-child td{border-bottom:0}.lv-table tbody tr:hover td{background:color-mix(in srgb, var(--accent-primary) 4%, transparent)}.lv-preview{padding-bottom:8px}.lv-preview-banner{background:color-mix(in srgb, var(--accent-primary) 12%, transparent);color:var(--accent-primary);border:1px solid color-mix(in srgb, var(--accent-primary) 28%, transparent);border-radius:var(--radius-md);letter-spacing:.02em;text-align:center;padding:8px 14px;font-size:12px;font-weight:600}.lv-preview-empty{text-align:center;color:var(--text-muted);padding:32px 0;font-size:14px}.lb-page{max-width:1180px;margin:0 auto;padding:0 28px 96px}.lb-header{z-index:50;background:color-mix(in srgb, var(--bg-base,#f6f6fb) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-default);align-items:center;gap:16px;margin-bottom:28px;padding:16px 0;display:flex;position:sticky;top:0;box-shadow:0 6px 20px -16px #0000002e}.lb-back{color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:4px;max-width:280px;padding:6px 10px;font-size:13px;font-weight:500;display:inline-flex;overflow:hidden}.lb-back:hover{border-color:var(--border-default);color:var(--text-primary);background:#fff}.lb-header-title{color:var(--text-secondary);text-align:center;letter-spacing:.02em;flex:1;font-size:15px;font-weight:600}.lb-header-actions{gap:8px;display:flex}.lb-btn-ghost,.lb-btn-primary{cursor:pointer;border-radius:var(--radius-md);border:none;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s,transform 50ms,filter .15s;display:inline-flex}.lb-btn-ghost{color:var(--text-secondary);border:1px solid var(--border-default);background:#fff}.lb-btn-ghost:hover{color:var(--text-primary);background:var(--bg-base)}.lb-btn-primary{background:var(--accent-primary);color:#fff}.lb-btn-primary:hover:not(:disabled){filter:brightness(.92)}.lb-btn-primary:disabled,.lb-btn-ghost:disabled{opacity:.55;cursor:default}.lb-spin{animation:.9s linear infinite lb-spin}@keyframes lb-spin{to{transform:rotate(360deg)}}.lb-body{flex-direction:column;gap:28px;display:flex}.lb-section{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:#fff;padding:28px 30px;transition:box-shadow .2s,border-color .2s;position:relative;box-shadow:0 1px 2px #00000008,0 6px 24px -18px #0000001f}.lb-section:hover{box-shadow:0 1px 2px #0000000a,0 10px 32px -20px #0000002e}.lb-section:before{content:"";background:linear-gradient(180deg, var(--accent-primary), color-mix(in srgb, var(--accent-primary) 30%, transparent));opacity:.85;border-radius:3px;width:3px;position:absolute;top:16px;bottom:16px;left:0}.lb-section--meta{padding-bottom:24px}.lb-section-head{border-bottom:1px solid var(--border-default);margin-bottom:20px;padding-bottom:14px}.lb-section-head h2{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.lb-section-head p{color:var(--text-secondary);margin:6px 0 0;font-size:13.5px;line-height:1.5}.lb-grid{grid-template-columns:1fr 1fr;gap:18px 20px;display:grid}.lb-field{flex-direction:column;gap:7px;min-width:0;display:flex}.lb-field--span-2{grid-column:span 2}.lb-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:11.5px;font-weight:700}.lb-required{color:#e53e3e;margin-left:2px}.lb-hint{color:var(--text-muted);font-size:12px}.lb-error{color:#e53e3e;font-size:12px}.lb-input{border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:#fff;padding:10px 13px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.lb-input:hover{border-color:color-mix(in srgb, var(--accent-primary) 40%, var(--border-default))}.lb-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 18%, transparent);outline:none}.lb-input--title{letter-spacing:-.01em;padding:14px 16px;font-size:22px;font-weight:700}.lb-loading{justify-content:center;align-items:center;min-height:50vh;display:flex}@media (width<=720px){.lb-header-title{display:none}.lb-grid{grid-template-columns:1fr}.lb-field--span-2{grid-column:span 1}}.lb-section-head--row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.lb-section-head h2{align-items:center;gap:10px;display:inline-flex}.lb-section-head h2 svg{color:var(--accent-primary)}.lb-quiz-summary{border:1px solid var(--border-default);border-radius:var(--radius-md);background:linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) 5%, #fff) 0%, #fff 100%);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.lb-quiz-title{color:var(--text-primary);font-size:15px;font-weight:600}.lb-quiz-meta{color:var(--text-secondary);letter-spacing:.01em;font-size:12.5px}.quiz-player{border-radius:var(--radius-lg);border:1px solid var(--border-default);background:color-mix(in srgb, var(--accent-primary) 4%, var(--bg-surface));flex-direction:column;gap:16px;padding:22px 24px;display:flex}.quiz-player-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.quiz-player-title{color:var(--text-primary);align-items:center;gap:6px;margin:0;font-size:16px;font-weight:700;display:inline-flex}.quiz-player-desc{color:var(--text-secondary);margin:4px 0 0;font-size:13px}.quiz-passing-note{color:var(--text-muted);margin:4px 0 0;font-size:12px;font-weight:500}.quiz-score{border-radius:var(--radius-full);align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:700;display:inline-flex}.quiz-score.pass{background:color-mix(in srgb, var(--accent-tertiary) 15%, transparent);color:var(--accent-tertiary)}.quiz-score.fail{color:#dc2626;background:#e53e3e1f}.quiz-score-fraction{opacity:.8;font-size:12px;font-weight:500}.quiz-progress-bar{border-radius:var(--radius-full);background:color-mix(in srgb, var(--accent-primary) 8%, transparent);height:22px;position:relative;overflow:hidden}.quiz-progress-fill{background:linear-gradient(90deg, var(--accent-primary), var(--accent-primary-light));transition:width .2s;position:absolute;inset:0}.quiz-progress-label{z-index:1;color:var(--text-primary);mix-blend-mode:normal;justify-content:center;align-items:center;height:100%;font-size:11px;font-weight:600;display:flex;position:relative}.quiz-questions{flex-direction:column;gap:14px;display:flex}.quiz-question{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-subtle);padding:14px 16px}.quiz-question.q-correct{border-color:color-mix(in srgb, var(--accent-tertiary) 50%, transparent)}.quiz-question.q-wrong{border-color:#e53e3e73}.quiz-question-head{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.quiz-question-index{border-radius:var(--radius-full);background:color-mix(in srgb, var(--accent-primary) 14%, transparent);width:24px;height:24px;color:var(--accent-primary);flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.quiz-question-prompt{color:var(--text-primary);flex:1;margin:0;font-size:14px;font-weight:600;line-height:1.4}.quiz-question-mark.correct,.quiz-question.q-correct .quiz-question-mark{color:var(--accent-tertiary)}.quiz-question.q-wrong .quiz-question-mark{color:#dc2626}.quiz-choices{flex-direction:column;gap:6px;display:flex}.quiz-choices-tf{flex-direction:row;gap:10px}.quiz-choices-tf .quiz-choice{flex:1;justify-content:center}.quiz-choice{border-radius:var(--radius-md);border:1px solid var(--border-subtle);cursor:pointer;text-align:left;color:var(--text-primary);will-change:transform;background:0 0;align-items:center;gap:10px;padding:10px 12px;font-family:inherit;font-size:13px;transition:background .15s,border-color .15s,box-shadow .15s;display:flex;position:relative}.quiz-choice:hover:not(:disabled){background:color-mix(in srgb, var(--accent-primary) 8%, transparent);border-color:var(--border-default);box-shadow:0 2px 8px #0000000f}.quiz-choice:disabled{cursor:default}.quiz-choice.selected{background:color-mix(in srgb, var(--accent-primary) 14%, transparent);border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 18%, transparent)}.quiz-choice.correct{background:color-mix(in srgb, var(--accent-tertiary) 18%, transparent);border-color:var(--accent-tertiary);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-tertiary) 18%, transparent);color:var(--text-primary)}.quiz-choice.wrong{background:#e53e3e1a;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261f}.quiz-choice-letter{border-radius:var(--radius-full);background:color-mix(in srgb, var(--accent-primary) 12%, transparent);width:24px;height:24px;color:var(--accent-primary);flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;transition:background .15s,color .15s;display:flex}.quiz-choice.correct .quiz-choice-letter{background:var(--accent-tertiary);color:#fff}.quiz-choice.wrong .quiz-choice-letter{color:#fff;background:#dc2626}.quiz-choice-check{color:var(--accent-tertiary);flex-shrink:0;align-items:center;margin-left:auto;display:flex}.quiz-short-input{width:100%;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);outline:none;padding:10px 12px;font-family:inherit;font-size:14px}.quiz-short-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 18%, transparent)}.quiz-short-input:disabled{opacity:.75}.quiz-short-input.input-correct{border-color:var(--accent-tertiary);background:color-mix(in srgb, var(--accent-tertiary) 6%, var(--bg-surface))}.quiz-short-input.input-wrong{background:#e53e3e0d;border-color:#dc2626}.quiz-explanation{border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent-primary) 6%, transparent);color:var(--text-secondary);margin-top:10px;padding:10px 12px;font-size:13px;line-height:1.5;overflow:hidden}.quiz-explanation strong{color:var(--text-primary);margin-right:4px}.quiz-footer{justify-content:flex-end;display:flex}.quiz-rules{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.quiz-rule{background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-secondary);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.quiz-rule--warn{border-color:color-mix(in srgb, #f87171 35%, var(--border-default));color:#f87171;background:#f871711f;animation:1s ease-in-out infinite quiz-pulse}@keyframes quiz-pulse{0%,to{opacity:1}50%{opacity:.65}}.quiz-tries-left{color:var(--text-muted);font-size:12px;font-weight:500}.quiz-no-retries{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.vault-page{gap:20px;width:100%;max-width:900px;margin:0 auto}.vault-head{align-items:flex-start;gap:14px;display:flex}.vault-head-icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent-primary) 12%, var(--bg-surface));width:42px;height:42px;color:var(--accent-primary);border:1px solid var(--border-subtle,var(--border-default));flex:none;justify-content:center;align-items:center;display:inline-flex}.vault-sub{color:var(--text-secondary);max-width:64ch;margin:4px 0 0;font-size:13px}.vault-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.vault-search{border:1px solid var(--border-default);background:var(--bg-surface);border-radius:var(--radius-full);min-width:220px;color:var(--text-muted);flex:1;align-items:center;gap:8px;padding:9px 14px;display:inline-flex}.vault-search input{color:var(--text-primary);font:inherit;background:0 0;border:none;width:100%}.vault-search input:focus{outline:none}.vault-new-btn{background:var(--accent-primary);color:#fff;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;border:0;align-items:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:600;transition:filter .15s;display:inline-flex}.vault-new-btn:hover{filter:brightness(1.08)}.vault-state{color:var(--text-muted);text-align:center;border:1px dashed var(--border-default);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:56px 24px;font-size:14px;display:flex}.vault-count{color:var(--text-muted);margin:0;font-size:13px}.vault-list{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.vault-row{border-bottom:1px solid var(--border-subtle,var(--border-default));align-items:center;gap:14px;padding:13px 16px;display:flex}.vault-row:last-child{border-bottom:none}.vault-row:hover{background:var(--bg-surface-hover)}.vault-row-main{cursor:pointer;flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.vault-title{color:var(--text-primary);font-size:14px;font-weight:600}.vault-summary{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.vault-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px;font-size:12px;display:flex}.vault-usage{color:var(--accent-primary)}.vault-updated{align-items:center;gap:4px;display:inline-flex}.vault-row-actions{flex:none;align-items:center;gap:6px;display:flex}.vault-icon-btn{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-surface);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.vault-icon-btn:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary)}.vault-icon-btn--danger:hover:not(:disabled){color:#e11d48;border-color:#e11d48}.vault-icon-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=560px){.vault-row{flex-wrap:wrap;align-items:flex-start}.vault-row-actions{justify-content:flex-end;width:100%}}.ct2{background:var(--bg-elevated,#ffffff05);border:1px solid var(--border,#ffffff14);border-radius:12px;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.ct2-list{scroll-behavior:smooth;flex-direction:column;flex:auto;gap:10px;padding:14px 16px;display:flex;overflow-y:auto}.ct2-empty{color:var(--text-muted);text-align:center;padding:24px 0;font-size:13px}.ct2-day{align-items:center;gap:10px;margin:8px 0 2px;display:flex}.ct2-day:before,.ct2-day:after{content:"";background:var(--border,#ffffff14);flex:1;height:1px}.ct2-day span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.ct2-msg{border-radius:8px;align-items:flex-start;gap:10px;padding:6px 8px;display:flex;position:relative}.ct2-msg:hover{background:#ffffff05}.ct2-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.ct2-avatar[data-role=admin]{background:linear-gradient(135deg,#f59e0b,#ef4444)}.ct2-bubble-wrap{flex:1;min-width:0;position:relative}.ct2-line{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:2px;display:flex}.ct2-author{color:var(--text-primary);font-size:13px;font-weight:600}.ct2-role{text-transform:uppercase;letter-spacing:.5px;color:#f59e0b;background:#f59e0b24;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:600}.ct2-bubble-wrap .ct2-line .ct2-role:not([data-role]){display:none}.ct2-time{color:var(--text-muted);font-size:11px}.ct2-edited{color:var(--text-muted);font-size:11px;font-style:italic}.ct2-body{color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;font-size:14px;line-height:1.45}.ct2-deleted{color:var(--text-muted);font-size:13px;font-style:italic}.ct2-msg .ct2-role{display:none}.ct2-avatar[data-role=admin]+.ct2-bubble-wrap .ct2-role{display:inline-flex}.ct2-attachment{border:1px solid var(--border,#ffffff14);color:var(--text-primary);background:#ffffff05;border-radius:8px;align-items:center;gap:10px;max-width:380px;margin-top:6px;padding:8px 12px;text-decoration:none;transition:background .12s,border-color .12s;display:inline-flex}.ct2-attachment:hover{background:#6366f114;border-color:#6366f166}.ct2-att-info{flex-direction:column;flex:1;min-width:0;display:flex}.ct2-att-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.ct2-att-size{color:var(--text-muted);font-size:11px}.ct2-att-dl{color:var(--text-muted);flex-shrink:0}.ct2-actions{background:var(--bg-surface,#1c1c24);border:1px solid var(--border,#ffffff14);border-radius:6px;gap:2px;padding:2px;display:none;position:absolute;top:-8px;right:0}.ct2-msg:hover .ct2-actions{display:flex}.ct2-icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:inline-flex}.ct2-icon-btn:hover{color:var(--text-primary);background:#ffffff0f}.ct2-edit{flex-direction:column;gap:6px;margin-top:4px;display:flex}.ct2-edit-input{resize:vertical;border:1px solid var(--border,#ffffff1f);width:100%;color:var(--text-primary);background:#ffffff0a;border-radius:6px;padding:6px 8px;font-family:inherit;font-size:13px}.ct2-edit-input:focus{outline:1px solid var(--accent-primary)}.ct2-edit-actions{gap:4px;display:flex}.ct2-compose{border-top:1px solid var(--border,#ffffff14);background:var(--bg-surface,#00000026);align-items:flex-end;gap:8px;padding:10px 12px;display:flex}.ct2-attach,.ct2-send{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.ct2-attach:hover{color:var(--text-primary);background:#ffffff0d}.ct2-send{background:var(--accent-primary,#6366f1);color:#fff}.ct2-send:hover:not(:disabled){filter:brightness(1.1)}.ct2-send:disabled,.ct2-attach:disabled{opacity:.4;cursor:not-allowed}.ct2-input{resize:none;border:1px solid var(--border,#ffffff14);color:var(--text-primary);background:#ffffff0a;border-radius:8px;flex:1;min-height:36px;max-height:140px;padding:8px 10px;font-family:inherit;font-size:14px;line-height:1.4}.ct2-input:focus{outline:1px solid var(--accent-primary);border-color:#0000}.assignment-view{flex-direction:column;gap:24px;max-width:780px;margin:0 auto;padding-bottom:48px;display:flex}.av-breadcrumb{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.av-back{cursor:pointer;color:var(--accent-primary);background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:13px;font-weight:500;transition:opacity .15s;display:inline-flex}.av-back:hover{opacity:.8}.av-bc-sep,.av-bc-mod{color:var(--text-muted)}.av-header{flex-direction:column;gap:10px;display:flex}.av-type-badge{--type-color:var(--accent-primary);background:color-mix(in srgb, var(--type-color) 12%, transparent);border:1px solid color-mix(in srgb, var(--type-color) 30%, transparent);color:var(--type-color);border-radius:var(--radius-full);align-self:flex-start;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.av-title{margin:0;font-size:26px;line-height:1.25}.av-meta{color:var(--text-secondary);flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.av-meta span{align-items:center;gap:6px;display:flex}.av-meta .av-due-soon{color:#f59e0b;font-weight:600}.av-meta .av-due-overdue{color:#ef4444;font-weight:600}.av-instructions.prose{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);color:var(--text-primary);padding:24px 28px;font-size:14.5px;line-height:1.75}.av-instructions.prose p{margin:0 0 14px}.av-instructions.prose p:last-child{margin-bottom:0}.av-instructions.prose h1,.av-instructions.prose h2,.av-instructions.prose h3{margin:20px 0 8px}.av-instructions.prose strong{color:var(--text-primary)}.av-instructions.prose ol,.av-instructions.prose ul{margin:0 0 14px;padding-left:1.5em}.av-instructions.prose ol:last-child,.av-instructions.prose ul:last-child{margin-bottom:0}.av-instructions.prose li{margin:2px 0}.av-instructions.prose li>p{margin:0}.av-instructions.prose code{background:var(--border-subtle);border-radius:3px;padding:2px 5px;font-size:13px}.av-status-banner{border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px;font-size:14px;display:flex}.av-status-banner--submitted{background:var(--bg-overlay);border:1.5px solid var(--accent-primary);color:var(--accent-primary);flex-direction:column;align-items:flex-start;gap:8px}.av-status-banner--draft{border:1px solid var(--border-default);color:var(--text-secondary);background:#9ca3af1a}.av-status-top{align-items:center;gap:10px;width:100%;display:flex}.av-feedback-block{border-top:1px solid var(--border-default);width:100%;padding-top:10px}.av-feedback-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:11.5px;font-weight:700}.av-feedback{color:var(--text-primary);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-md);box-sizing:border-box;width:100%;margin:0;padding:10px 14px;font-size:13.5px}.av-grade-block{border-top:1px solid var(--border-default);align-items:center;gap:12px;width:100%;padding-top:10px;display:flex}.av-grade-letter{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-default);justify-content:center;align-items:center;min-width:42px;height:42px;font-size:20px;font-weight:800;display:inline-flex}.av-grade-numeric{color:var(--text-secondary);font-size:14px;font-weight:600}.av-grade-block[data-letter=A] .av-grade-letter{color:#16a34a;background:#22c55e2e;border-color:#22c55e59}.av-grade-block[data-letter=B] .av-grade-letter{color:#2563eb;background:#3b82f62e;border-color:#3b82f659}.av-grade-block[data-letter=C] .av-grade-letter{color:#ca8a04;background:#eab3082e;border-color:#eab30859}.av-grade-block[data-letter=D] .av-grade-letter{color:#ea580c;background:#f973162e;border-color:#f9731659}.av-grade-block[data-letter=F] .av-grade-letter{color:#dc2626;background:#ef44442e;border-color:#ef444459}.av-submission-section{flex-direction:column;gap:10px;display:flex}.av-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:12px;font-weight:600}.av-form{flex-direction:column;gap:0;display:flex}.av-textarea{box-sizing:border-box;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:100%;color:var(--text-primary);resize:vertical;outline:0;padding:16px 18px;font:15px/1.6 inherit;transition:border-color .15s}.av-textarea:focus{border-color:var(--accent-primary)}.av-textarea[readonly]{opacity:.75;cursor:not-allowed}.av-form-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.av-form-actions{align-items:center;gap:8px;display:flex}.av-word-count{color:var(--text-muted);font-size:12.5px}.av-word-count--warn{color:#f59e0b}.av-autosave{color:var(--text-muted);align-items:center;gap:6px;min-width:88px;font-size:12px;font-weight:500;transition:color .2s,opacity .2s;display:inline-flex}.av-autosave--idle{opacity:0}.av-autosave--pending{color:var(--text-muted)}.av-autosave--saving{color:var(--text-secondary)}.av-autosave--saved{color:var(--accent-tertiary)}.av-autosave--error{color:#dc2626}.av-attach-btn{border:1.5px dashed var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;align-items:center;gap:10px;margin-top:10px;padding:14px 16px;font:600 13px inherit;transition:all .15s;display:flex}.av-attach-btn:hover:not(:disabled){background:color-mix(in srgb, var(--accent-primary) 5%, transparent);border-color:var(--accent-primary);color:var(--accent-primary)}.av-attach-btn:disabled{opacity:.6;cursor:progress}.av-attach-btn .av-attach-hint{color:var(--text-muted);margin-left:auto;font-size:11.5px;font-weight:400}.av-attach-btn:hover:not(:disabled) .av-attach-hint{color:inherit;opacity:.85}.av-attached-file{background:color-mix(in srgb, var(--accent-primary) 6%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--accent-primary) 35%, var(--border-default));border-radius:var(--radius-md);align-items:center;gap:12px;margin-top:10px;padding:12px 14px;display:flex}.av-attached-file>svg{color:var(--accent-primary);flex-shrink:0}.av-attached-info{flex-direction:column;flex:1;min-width:0;display:flex}.av-attached-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;text-decoration:none;overflow:hidden}.av-attached-name:hover{color:var(--accent-primary);text-decoration:underline}.av-attached-size{color:var(--text-muted);font-size:11.5px}.av-attached-remove{border:1px solid var(--border-default);border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.av-attached-remove:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary)}.spinner-sm{border-width:2px;width:14px;height:14px}.av-scripture-ref{background:color-mix(in srgb, #f87171 8%, var(--bg-surface));border:1px solid color-mix(in srgb, #f87171 30%, var(--border-default));border-radius:var(--radius-md);align-items:center;gap:12px;margin-bottom:14px;padding:14px 16px;font-size:14px;display:flex}.av-scripture-ref>svg{color:#f87171;flex-shrink:0}.av-scripture-ref strong{color:var(--text-primary);font-size:15px}.av-scripture-translation{color:var(--text-muted);font-size:13px}.av-url-field{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);align-items:center;gap:10px;padding:12px 16px;transition:border-color .15s;display:flex}.av-url-field:focus-within{border-color:var(--accent-primary)}.av-url-field>svg{color:var(--text-muted);flex-shrink:0}.av-url-input{color:var(--text-primary);background:0 0;border:0;outline:0;flex:1;font:15px/1 inherit}.av-url-input[readonly]{opacity:.75}.av-url-indicator{flex-shrink:0}.av-url-indicator.valid{color:#10b981}.av-url-indicator.invalid{color:#f87171}.av-dropzone{border:2px dashed var(--border-default);border-radius:var(--radius-xl);cursor:pointer;color:var(--text-secondary);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:40px 24px;transition:border-color .15s,background .15s;display:flex}.av-dropzone:hover,.av-dropzone--over{border-color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 5%, transparent);color:var(--text-primary)}.av-dropzone svg{color:var(--accent-primary)}.av-dropzone p{margin:0;font-size:14px}.av-dropzone-hint{color:var(--text-muted);font-size:12px}.av-file-done{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);align-items:center;gap:12px;padding:16px 18px;display:flex}.av-file-done svg{color:var(--accent-primary);flex-shrink:0}.av-file-name{font-size:14px;font-weight:500}.av-file-size{color:var(--text-muted);font-size:12px}.av-file-replace{border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;background:0 0;align-items:center;gap:6px;margin-left:auto;padding:6px 12px;font-size:12.5px;transition:border-color .15s;display:flex}.av-file-replace:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.av-action-done{border-radius:var(--radius-full);color:#10b981;background:#10b9811f;align-items:center;gap:6px;padding:5px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.av-instructions.prose mark{color:inherit;background:#ffeb3b8c;border-radius:3px;padding:0 2px}.av-instructions.prose mark.hl-yellow{background:#ffeb3b8c}.av-instructions.prose mark.hl-green{background:#66e86680}.av-instructions.prose mark.hl-blue{background:#66c2ff80}.av-instructions.prose mark.hl-pink{background:#ff79c673}.av-instructions.prose mark.hl-orange{background:#ffa74080}.av-instructions.prose mark.hl-purple{background:#bd93ff80}.av-instructions.prose u{text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:2px}.av-instructions.prose u.ul-red{text-decoration-color:#ef44448c}.av-instructions.prose u.ul-yellow{text-decoration-color:#eab3088c}.av-instructions.prose u.ul-green{text-decoration-color:#16a34a8c}.av-instructions.prose u.ul-blue{text-decoration-color:#2563eb8c}.av-instructions.prose u.ul-pink{text-decoration-color:#ec48998c}.av-instructions.prose u.ul-orange{text-decoration-color:#f973168c}.av-instructions.prose u.ul-purple{text-decoration-color:#8b5cf68c}.av-checklist-progress{color:var(--text-muted);align-items:center;gap:12px;margin-bottom:14px;font-size:13px;display:flex}.av-cl-track{background:var(--border-subtle);border-radius:999px;flex:1;height:6px;overflow:hidden}.av-cl-fill{background:var(--accent-tertiary);height:100%;transition:width .3s}.av-checklist{flex-direction:column;gap:4px;display:flex}.av-cl-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;width:100%;color:inherit;font:inherit;text-align:left;align-items:center;gap:12px;padding:12px 14px;transition:background .12s,border-color .12s;display:flex}.av-cl-item:hover:not(:disabled){background:color-mix(in srgb, var(--accent-tertiary) 6%, transparent);border-color:var(--accent-tertiary)}.av-cl-item--done{color:var(--text-secondary)}.av-cl-item:disabled{cursor:default}.av-cl-checkbox{border:2px solid var(--border-default);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:background .12s,border-color .12s;display:flex}.av-cl-checkbox--checked{background:var(--accent-tertiary);border-color:var(--accent-tertiary);color:#fff}.av-nav{border-top:1px solid var(--border-default);gap:12px;padding-top:20px;display:flex}.av-nav-btn{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;color:inherit;font:inherit;flex:1;align-items:center;gap:10px;padding:14px 18px;transition:border-color .15s,background .15s;display:flex}.av-nav-btn:hover:not(:disabled){border-color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 5%, transparent)}.av-nav-btn:disabled{opacity:.4;cursor:not-allowed}.av-nav-btn--next{text-align:right;justify-content:flex-end}.av-nav-btn--next .av-nav-label{order:-1}.av-nav-label{flex-direction:column;gap:2px;min-width:0;display:flex}.av-nav-hint{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:500}.av-nav-title{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:500;overflow:hidden}.av-grade-link{background:color-mix(in srgb, var(--accent-primary) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent-primary) 35%, transparent);color:var(--accent-primary);cursor:pointer;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:6px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.av-grade-link:hover{background:color-mix(in srgb, var(--accent-primary) 20%, transparent)}.av-staff-panel{border:1px solid var(--border,#ffffff14);background:0 0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:8px;padding:14px 16px;display:flex}.av-staff-stats{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:14px;font-size:13px;display:flex}.av-staff-count strong{color:var(--text-primary);margin-right:4px;font-size:18px}.av-staff-dot{border-radius:var(--radius-full);align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.av-staff-dot--warn{color:#f59e0b;background:#f59e0b24}.av-open-submissions{position:relative}.av-open-submissions-badge{color:#fff;font-variant-numeric:tabular-nums;background:#ff3b30;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:8px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 1px 4px #ff3b3080}.sp-page{width:100%;height:calc(100vh - var(--topbar-height,56px));background:var(--bg-base,#14141a);flex-direction:column;display:flex;max-width:100%!important;padding:0!important}.sp-shell{flex:1;grid-template-columns:320px 1fr;min-height:0;display:grid}.sp-rail{border-right:1px solid var(--border,#ffffff14);background:#ffffff04;flex-direction:column;min-height:0;display:flex}.sp-rail-head{border-bottom:1px solid var(--border,#ffffff0f);padding:14px 16px 10px}.sp-back{cursor:pointer;color:var(--accent-primary);background:0 0;border:0;align-items:center;gap:4px;padding:0 0 4px;font-size:13px;font-weight:500;transition:opacity .12s;display:inline-flex}.sp-back:hover{opacity:.8}.sp-rail-meta{color:var(--text-muted);margin-top:2px;font-size:11px}.sp-rail-unread{color:var(--accent-primary);margin-left:4px}.sp-rail-search{background:#ffffff0a;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;margin:10px 12px;padding:8px 12px;transition:border-color .12s,background .12s;display:flex}.sp-rail-search:focus-within{border-color:var(--accent-primary);background:#ffffff0f}.sp-rail-search svg{color:var(--text-muted);flex-shrink:0}.sp-rail-search input{color:var(--text-primary);background:0 0;border:0;outline:none;flex:1;font-size:13px}.sp-list{flex:1;padding:4px 6px 12px;overflow-y:auto}.sp-list-empty{color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;padding:32px 16px;font-size:13px;display:flex}.sp-row:hover{background:#ffffff0a}.sp-row--turned_in{background:#10b98112;border-left-color:#10b981}.sp-row--turned_in:hover{background:#10b9811f}.sp-row--draft{background:#f59e0b12;border-left-color:#f59e0b}.sp-row--draft:hover{background:#f59e0b1f}.sp-row--assigned{background:#ef444412;border-left-color:#ef4444}.sp-row--assigned:hover{background:#ef44441f}.sp-row--graded{background:#6366f10d;border-left-color:#6366f1}.sp-row--graded:hover{background:#6366f11a}.sp-row--on{border-left-color:var(--accent-primary,#6366f1)!important;background:#6366f12e!important}.sp-row-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:600;display:flex}.sp-row-avatar[data-role=admin]{background:linear-gradient(135deg,#f59e0b,#ef4444)}.sp-row-main{flex:1;min-width:0}.sp-row-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.sp-row-status{margin-top:2px;font-size:11px}.sp-st--turned_in{color:#10b981}.sp-st--graded{color:#6b7280}.sp-st--draft{color:#f59e0b}.sp-st--assigned{color:var(--text-muted)}.sp-legend{border-top:1px solid var(--border,#00000014);color:var(--text-muted);flex-wrap:wrap;gap:10px 14px;padding:10px 12px;font-size:11.5px;display:flex}.sp-legend-item{align-items:center;gap:6px;display:inline-flex}.sp-legend-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.sp-legend-dot--turned_in{background:#10b981}.sp-legend-dot--draft{background:#f59e0b}.sp-legend-dot--assigned{background:#ef4444}.sp-row-avatar-wrap{flex-shrink:0;line-height:0;position:relative}.sp-row-unread{color:#fff;font-variant-numeric:tabular-nums;border:2px solid var(--bg-base,#f0eeff);pointer-events:none;z-index:2;background:#ff3b30;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:-5px;right:-6px;box-shadow:0 1px 4px #ff3b3080}.sp-main{background:var(--bg-base,#14141a);min-height:0;overflow-y:auto}.sp-empty{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:14px;display:flex}.sp-view{padding:24px 32px 48px}.sp-viewing{background:var(--bg-elevated,#ffffff08);border:1px solid var(--border,#ffffff14);border-radius:10px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;display:flex}.sp-viewing-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:600;display:flex}.sp-viewing-avatar[data-role=admin]{background:linear-gradient(135deg,#f59e0b,#ef4444)}.sp-viewing-who{flex-direction:column;flex:1;min-width:0;display:flex}.sp-viewing-who strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.sp-viewing-who span{color:var(--text-muted);margin-top:1px;font-size:11px}.sp-pill{border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:600}.sp-pill--turned_in{color:#10b981;background:#10b98129}.sp-pill--graded{color:#9ca3af;background:#6b72802e}.sp-pill--draft{color:#f59e0b;background:#f59e0b24}.sp-pill--assigned{color:var(--text-secondary);background:#ffffff0a}.sp-text{background:var(--bg-elevated,#ffffff08);border:1px solid var(--border,#ffffff14);white-space:pre-wrap;color:var(--text-primary);border-radius:10px;padding:14px 16px;font-size:14px;line-height:1.6}.sp-no-sub{text-align:center;color:var(--text-muted);background:var(--bg-elevated,#ffffff05);border:1px dashed var(--border,#ffffff1a);border-radius:10px;padding:24px;font-size:13px;font-style:italic}.sp-feedback-area{border:1px solid var(--border-default);background:var(--bg-overlay);width:100%;color:var(--text-primary);resize:vertical;transition:border-color var(--transition-fast);border-radius:8px;margin-top:8px;padding:10px 12px;font-family:inherit;font-size:13.5px}.sp-feedback-area:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 12%, transparent);outline:none}.sp-feedback-save{background:var(--accent-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:filter var(--transition-fast);border:none;align-items:center;gap:6px;margin-top:8px;padding:7px 16px;font-size:13px;font-weight:600;display:inline-flex}.sp-feedback-save:hover:not(:disabled){filter:brightness(1.12)}.sp-feedback-save:disabled{opacity:.5;cursor:not-allowed}.sp-grade-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sp-grade-input{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);width:90px;color:var(--text-primary);text-align:center;padding:7px 10px;font-size:14px;font-weight:600}.sp-grade-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 12%, transparent);outline:none}.sp-grade-letter{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-default);min-width:32px;height:32px;color:var(--text-primary);justify-content:center;align-items:center;padding:0 8px;font-size:14px;font-weight:700;display:inline-flex}.sp-grade-letter[data-letter=A]{color:#16a34a;background:#22c55e2e;border-color:#22c55e59}.sp-grade-letter[data-letter=B]{color:#2563eb;background:#3b82f62e;border-color:#3b82f659}.sp-grade-letter[data-letter=C]{color:#ca8a04;background:#eab3082e;border-color:#eab30859}.sp-grade-letter[data-letter=D]{color:#ea580c;background:#f973162e;border-color:#f9731659}.sp-grade-letter[data-letter=F]{color:#dc2626;background:#ef44442e;border-color:#ef444459}.sp-grade-err{color:#dc2626;font-size:12px}.sp-attach{background:var(--bg-elevated,#ffffff08);border:1px solid var(--border,#ffffff14);color:var(--text-primary);border-radius:10px;align-items:center;gap:12px;margin-top:8px;padding:12px 14px;text-decoration:none;transition:background .12s,border-color .12s;display:flex}.sp-attach:hover{border-color:var(--accent-primary);background:#6366f10f}.sp-attach>svg{color:var(--accent-primary);flex-shrink:0}.sp-attach-info{flex-direction:column;gap:2px;min-width:0;display:flex}.sp-attach-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.sp-attach-sub{color:var(--text-muted);align-items:center;gap:4px;font-size:11px;display:inline-flex}.sp-checklist{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sp-checklist li{color:var(--text-secondary);background:var(--bg-elevated,#ffffff05);border:1px solid var(--border,#ffffff0f);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.sp-checklist .sp-cl--done,.sp-checklist .sp-cl--done svg{color:#10b981}.sp-action-done{color:#22c55e;background:#22c55e1f;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.sp-fb{flex-direction:column;gap:8px;display:flex}.sp-fb textarea{background:var(--bg-elevated,#ffffff08);border:1px solid var(--border,#ffffff1a);width:100%;color:var(--text-primary);resize:vertical;border-radius:10px;outline:none;padding:12px 14px;font-family:inherit;font-size:13px;line-height:1.5;transition:border-color .12s}.sp-fb textarea:focus{border-color:var(--accent-primary)}.sp-fb-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.sp-saved{color:#10b981;align-items:center;gap:5px;font-size:12px;display:inline-flex}@media (width<=900px){.sp-shell{grid-template-columns:260px 1fr}}.sp-rail-head{border-bottom:1px solid var(--border,#ffffff0f);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 14px;display:grid}.sp-rail-head .sp-back{align-self:center;padding:0}.sp-rail-title{flex-direction:column;gap:2px;min-width:0;display:flex}.sp-rail-count{color:var(--text-muted);font-size:12px;font-weight:500}.sp-rail-unread-pill{color:var(--accent-primary,#818cf8);letter-spacing:.02em;background:#6366f12e;border-radius:999px;align-self:flex-start;align-items:center;padding:1px 7px;font-size:10.5px;font-weight:700;display:inline-flex}.sp-analytics-btn{color:var(--accent-primary,#6366f1);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#6366f126,#8b5cf61f);border:1px solid #6366f14d;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.sp-analytics-btn:hover{background:linear-gradient(135deg,#6366f140,#8b5cf633);border-color:#6366f180;transform:translateY(-1px)}.sp-row{cursor:default;text-align:left;background:0 0;border:0;border-left:3px solid #0000;border-radius:8px;align-items:center;gap:4px;width:100%;padding:9px 8px 9px 4px;transition:background .12s,border-color .12s;display:flex;position:relative}.sp-row-check{cursor:pointer;width:22px;height:22px;color:var(--accent-primary,#6366f1);opacity:0;background:0 0;border:0;flex:0 0 22px;justify-content:center;align-items:center;padding:0;transition:opacity .12s;display:flex}.sp-row-check-empty{border:1.5px solid var(--text-muted);border-radius:50%;width:16px;height:16px;display:block}.sp-row:hover .sp-row-check,.sp-row--picked .sp-row-check,.sp-row--select-mode .sp-row-check{opacity:1}.sp-row--picked .sp-row-check-empty{display:none}.sp-row-body{cursor:pointer;text-align:left;min-width:0;color:inherit;font:inherit;background:0 0;border:0;flex:auto;align-items:center;gap:11px;padding:0;display:flex}.sp-row-menu-btn{width:26px;height:26px;color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:6px;flex:0 0 26px;justify-content:center;align-items:center;transition:opacity .12s,background .12s;display:flex}.sp-row:hover .sp-row-menu-btn{opacity:1}.sp-row-menu-btn:hover{color:var(--text-primary);background:#ffffff1a}.sp-row--picked{border-left-color:var(--accent-primary,#6366f1)!important;background:#6366f129!important}.sp-row-meta{align-items:center;gap:8px;margin-top:2px;font-size:11px;display:flex}.sp-row-late{color:#ef4444;background:#ef444426;border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-size:10.5px;font-weight:600;display:inline-flex}.sp-row-menu{z-index:30;flex-direction:column;gap:4px;min-width:240px;padding:8px;display:flex;position:absolute;top:calc(100% - 4px);right:8px}.sp-row-menu .sp-row-grade{color:color-mix(in srgb, var(--accent-primary) 82%, #fff);background:color-mix(in srgb, var(--accent-primary) 18%, transparent);border:1px solid color-mix(in srgb, var(--accent-primary) 36%, transparent);border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.sp-row-menu{background:var(--bg-card,#fff);border:1px solid var(--border,#0000001a);border-radius:10px;box-shadow:0 12px 32px #0000002e}.sp-row-menu button{text-align:left;cursor:pointer;color:var(--text-primary);background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.sp-row-menu button:hover{background:#0000000d}.sp-menu-label{color:var(--text-muted);margin:6px 2px 0;font-size:11px}.sp-row-menu textarea{border:1px solid var(--border,#0000001f);color:var(--text-primary);resize:vertical;background:#00000005;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:13px}.sp-menu-row{justify-content:flex-end;gap:6px;margin-top:4px;display:flex}.sp-menu-cancel{color:var(--text-muted)!important}.sp-menu-primary{background:var(--accent-primary,#6366f1)!important;color:#fff!important;padding:7px 14px!important;font-weight:600!important}.sp-menu-primary:hover{filter:brightness(1.1)}.sp-action-dock{z-index:100;background:linear-gradient(135deg, var(--accent-primary) 0%, #8b5cf6 100%);color:#fff;border:1px solid #fff3;border-radius:999px;align-items:center;gap:12px;padding:8px 8px 8px 16px;font-size:13px;display:inline-flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #6c63ff66,0 2px 8px #6c63ff33}.sp-action-count{background:var(--accent-primary,#6366f1);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.sp-action-label{color:#fff9;font-size:12px}.sp-action-divider{background:#ffffff26;width:1px;height:18px;margin:0 2px}.sp-action-btn{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;transition:background .12s;display:inline-flex}.sp-action-btn:hover{background:#ffffff1a}.sp-action-btn--primary{background:var(--accent-primary,#6366f1);color:#fff}.sp-action-btn--primary:hover{background:#4f46e5}.sp-action-cancel{color:#fff9;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sp-action-cancel:hover{color:#fff;background:#ffffff1a}.sp-rail-toggle{border:0;border-bottom:1px solid var(--border,#00000014);text-align:left;width:100%;color:var(--accent-primary,#6366f1);cursor:pointer;background:#6366f11a;padding:11px 14px;font-size:13px;font-weight:600;display:none}.sp-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.sp-modal{background:var(--bg-card,#fff);border:1px solid var(--border,#00000014);width:100%;max-width:500px;color:var(--text-primary);border-radius:14px;flex-direction:column;padding:18px;display:flex;box-shadow:0 24px 60px #00000040}.sp-modal header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sp-modal h2{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:inline-flex}.sp-modal-hint{color:var(--text-muted);margin:0 0 12px;font-size:12px}.sp-modal textarea,.sp-modal input{border:1px solid var(--border,#0000001a);width:100%;color:var(--text-primary);resize:vertical;background:#00000005;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:13.5px}.sp-modal textarea:focus,.sp-modal input:focus{border-color:var(--accent-primary,#6366f1);outline:none}.sp-modal footer{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.sp-modal-x{cursor:pointer;width:30px;height:30px;color:var(--text-muted);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;display:flex}.sp-modal-x:hover{color:var(--text-primary);background:#0000000f}.sp-modal--analytics{max-width:540px;padding:0;overflow:hidden}.sp-an-head{border-bottom:1px solid var(--border,#0000000f);background:linear-gradient(135deg,#6366f11a,#8b5cf60d);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px 20px;display:grid}.sp-an-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 6px 16px #6366f166}.sp-an-head h2{margin:0;font-size:16px;font-weight:600}.sp-an-head p{color:var(--text-muted);margin:2px 0 0;font-size:12px}.sp-an-body{flex-direction:column;gap:18px;padding:18px 20px 20px;display:flex}.sp-an-bar-group{flex-direction:column;gap:14px;display:flex}.sp-an-bar-row{grid-template-columns:1fr auto;align-items:center;gap:4px 10px;display:grid}.sp-an-bar-label{color:var(--text-muted);grid-column:1/2;justify-content:space-between;align-items:baseline;font-size:12px;display:flex}.sp-an-bar-label strong{color:var(--text-primary);font-size:13px;font-weight:600}.sp-an-bar{background:#0000000f;border-radius:999px;grid-column:1/2;height:8px;overflow:hidden}.sp-an-bar-fill{border-radius:999px;height:100%;transition:width .5s cubic-bezier(.2,.8,.2,1)}.sp-an-bar-fill--green{background:linear-gradient(90deg,#10b981,#34d399)}.sp-an-bar-fill--blue{background:linear-gradient(90deg,#6366f1,#818cf8)}.sp-an-bar-pct{color:var(--text-primary);font-variant-numeric:tabular-nums;text-align:right;grid-area:1/2/3/3;align-self:center;min-width:48px;font-size:16px;font-weight:700}.sp-an-chips{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.sp-an-chip{border:1px solid var(--border,#0000000f);color:var(--text-muted);background:#00000008;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.sp-an-chip strong{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.sp-an-chip--green,.sp-an-chip--green strong{color:#059669}.sp-an-chip--amber,.sp-an-chip--amber strong{color:#d97706}.sp-an-chip--red,.sp-an-chip--red strong{color:#dc2626}.sp-an-chip--late,.sp-an-chip--late strong{color:#ea580c}.sp-an-foot{color:var(--text-muted);background:#00000008;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;font-size:12px;display:flex}.sp-an-foot strong{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.av-late-tag{color:#ea580c;background:#fb923c2e;border-radius:999px;align-items:center;margin-left:8px;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-flex}@media (width<=720px){.sp-shell{grid-template-columns:1fr;position:relative}.sp-rail-toggle{display:block}.sp-rail{border-right:0;border-bottom:1px solid var(--border,#0000000f);max-height:65vh;display:none}.sp-rail--open{display:flex}.sp-an-chips{grid-template-columns:1fr 1fr}.sp-action-dock{justify-content:center;bottom:16px;left:12px;right:12px;transform:none}.sp-row-check,.sp-row-menu-btn{opacity:1}}.ai-page{flex-direction:column;gap:24px;display:flex}.ai-header{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.ai-subtitle{color:var(--text-secondary);margin-top:4px}.ai-empty{border-radius:var(--radius-xl);text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:8px;padding:56px 24px;display:flex}.ai-empty svg{color:var(--accent-primary);margin-bottom:8px}.ai-empty h2{margin:0}.ai-sections{flex-direction:column;gap:28px;display:flex}.ai-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:8px;padding:0 4px;font-size:11.5px;font-weight:700}.ai-list{flex-direction:column;gap:6px;display:flex}.ai-row{--type-color:var(--accent-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;width:100%;color:inherit;font:inherit;text-align:left;align-items:center;gap:14px;padding:14px 18px;transition:border-color .13s,background .13s;display:flex}.ai-row:hover{border-color:var(--type-color);background:color-mix(in srgb, var(--type-color) 4%, transparent)}.ai-row-icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--type-color) 12%, transparent);width:36px;height:36px;color:var(--type-color);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ai-row-main{flex:1;min-width:0}.ai-row-top{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;display:flex}.ai-row-title{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:500;overflow:hidden}.ai-feedback-dot{background:#ff3b30;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 3px #ff3b302e}.ai-row-sub{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.ai-row-sub svg{color:var(--text-muted)}.ai-course-pill{border-radius:var(--radius-full);padding:2px 9px;font-size:11px;font-weight:600}.ai-type-label{color:var(--text-muted)}.ai-overdue{color:#f87171!important}.ai-badge{border-radius:var(--radius-full);flex-shrink:0;padding:2px 9px;font-size:11px;font-weight:600}.ai-badge-green{color:#10b981;background:#10b98126}.ai-badge-blue{color:#3b82f6;background:#3b82f626}.ai-badge-yellow{color:#f59e0b;background:#f59e0b26}.ai-badge-gray{background:var(--border-subtle);color:var(--text-muted)}.ai-done-icon{color:var(--border-default)}.ai-done-icon--done{color:#10b981}.notif-page{flex-direction:column;gap:24px;width:100%;max-width:680px;margin:0 auto;display:flex}.notif-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.notif-page-sub{color:var(--text-secondary);margin-top:4px;font-size:14px}.notif-page-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.notif-filter-tabs{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-full);gap:2px;padding:3px;display:flex}.notif-tab{border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:5px 14px;font-size:13px;font-weight:500;display:inline-flex}.notif-tab:hover{color:var(--text-primary)}.notif-tab--active{background:var(--accent-primary);color:#fff}.notif-tab-badge{border-radius:var(--radius-full);text-align:center;background:#ffffff40;min-width:18px;padding:1px 6px;font-size:11px;font-weight:700}.notif-tab:not(.notif-tab--active) .notif-tab-badge{background:var(--accent-primary);color:#fff}.notif-mark-all-btn{border:1.5px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.notif-mark-all-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.notif-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:80px 24px;display:flex}.notif-empty p{color:var(--text-secondary);font-size:15px}.notif-feed{flex-direction:column;gap:24px;display:flex}.notif-group{flex-direction:column;gap:2px;display:flex}.notif-group-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:0 4px 6px;font-size:11px;font-weight:700}.notif-item{text-align:left;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:default;width:100%;color:inherit;transition:background var(--transition-fast), border-color var(--transition-fast);grid-template-columns:40px 1fr 12px;align-items:center;gap:12px;padding:12px 14px;display:grid}.notif-item.notif-item--link{cursor:pointer}.notif-item.notif-item--link:hover{background:var(--bg-surface-hover);border-color:var(--border-default)}.notif-item--unread{background:var(--bg-overlay);border-color:var(--border-default)}.notif-item-icon{border-radius:var(--radius-md);background:var(--kind-color,var(--accent-primary));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.notif-item-body{flex-direction:column;gap:3px;min-width:0;display:flex}.notif-item-text{color:var(--text-primary);white-space:normal;word-break:break-word;margin:0;font-size:14px;font-weight:500;line-height:1.45}.notif-item--unread .notif-item-text{font-weight:600}.notif-item-time{color:var(--text-muted);font-size:12px}.notif-unread-dot{background:var(--accent-primary);border-radius:50%;flex-shrink:0;place-self:center end;width:8px;height:8px}.ann-page{background:radial-gradient(1200px 320px at 10% -10%, color-mix(in srgb, var(--accent-primary) 12%, transparent), transparent 58%), radial-gradient(900px 280px at 95% -20%, #22c55e1a, transparent 52%);flex-direction:column;gap:16px;display:flex}.ann-head{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.ann-sub{color:var(--text-secondary);max-width:64ch;margin:6px 0 0;font-size:13px}.ann-composer{border:1px solid color-mix(in srgb, var(--surface-border) 75%, var(--accent-primary) 25%);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-panel) 82%, var(--accent-primary) 5%), var(--surface-panel));border-radius:20px;flex-direction:column;gap:14px;padding:16px;display:flex;box-shadow:0 18px 48px #0f172a17}.ann-composer-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.ann-composer-head h2{color:var(--text-primary);margin:0;font-size:17px}.ann-grid{gap:12px;display:grid}.ann-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.ann-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.ann-field{flex-direction:column;gap:7px;display:flex}.ann-field span{color:var(--text-muted);letter-spacing:.01em;font-size:12px;font-weight:700}.ann-field input,.ann-field textarea{border:1px solid color-mix(in srgb, var(--surface-border) 80%, var(--accent-primary) 20%);background:color-mix(in srgb, var(--surface-inset) 86%, white 14%);color:var(--text-primary);font:inherit;border-radius:12px;padding:10px 11px}.ann-field input:focus,.ann-field textarea:focus{border-color:color-mix(in srgb, var(--accent-primary) 72%, var(--surface-border));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 18%, transparent);outline:none}.ann-field .kn-dropdown{width:100%}.ann-field .kn-dropdown-trigger{border-radius:12px;justify-content:space-between;width:100%;min-height:42px}.ann-field .kn-dropdown-menu{z-index:450;width:100%}.ann-field textarea{resize:vertical;min-height:100px}.ann-field .re-root{width:100%}.ann-field .bm-md-chrome{min-height:220px}.ann-check{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.ann-actions{justify-content:flex-end;display:flex}.ann-audience-builder{border:1px solid color-mix(in srgb, var(--accent-primary) 28%, var(--surface-border));background:color-mix(in srgb, var(--surface-inset) 92%, white 8%);border-radius:14px;gap:10px;padding:11px;display:grid}.ann-builder-desc{color:var(--text-muted);margin:0;font-size:12px}.ann-candidate-search{border:1px solid color-mix(in srgb, var(--surface-border) 75%, var(--accent-primary) 25%);background:color-mix(in srgb, var(--surface-panel) 85%, white 15%);color:var(--text-muted);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.ann-candidate-search input{color:var(--text-primary);font:inherit;background:0 0;border:none;outline:none;flex:1}.ann-filter-row{gap:6px;display:grid}.ann-filter-row h4{color:var(--text-secondary);margin:0;font-size:12px;font-weight:700}.ann-filter-items{flex-wrap:wrap;gap:6px;display:flex}.ann-filter-pill{border:1px solid color-mix(in srgb, var(--surface-border) 74%, var(--accent-primary) 26%);background:color-mix(in srgb, var(--surface-panel) 82%, white 18%);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600}.ann-filter-pill:hover{border-color:color-mix(in srgb, var(--accent-primary) 56%, var(--surface-border));color:var(--text-primary)}.ann-filter-pill.active{border-color:color-mix(in srgb, var(--accent-primary) 70%, var(--surface-border));color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 13%, transparent)}.ann-builder-summary{color:var(--text-secondary);font-size:12px;font-weight:600}.ann-empty{border:1px solid var(--surface-border);background:var(--surface-panel);color:var(--text-muted);text-align:center;border-radius:18px;padding:42px 16px}.ann-empty p{margin:10px 0 0}.ann-list{gap:14px;display:grid}.ann-card{text-align:left;border:1px solid color-mix(in srgb, var(--surface-border) 72%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--surface-panel) 92%, white 8%), var(--surface-panel)), radial-gradient(420px 160px at 0% 0%, color-mix(in srgb, var(--accent-primary) 11%, transparent), transparent 60%);color:inherit;cursor:pointer;border-radius:20px;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:16px;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 34px #02061717}.ann-card:before{content:"";background:var(--accent-primary);opacity:.9;width:5px;position:absolute;inset:0 auto 0 0}.ann-card:after{content:"";background:color-mix(in srgb, var(--accent-primary) 9%, transparent);pointer-events:none;border-radius:999px;width:220px;height:160px;position:absolute;inset:-60px -120px auto auto}.ann-card:hover{border-color:color-mix(in srgb, var(--surface-border-strong) 56%, var(--accent-primary) 44%);transform:translateY(-3px);box-shadow:0 20px 44px #02061724}.ann-card.is-unread{border-color:color-mix(in srgb, var(--accent-primary) 45%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-primary) 24%, transparent), 0 18px 42px #0206171f}.ann-card--urgent:before{background:#ef4444}.ann-card--urgent .ann-card-mark{color:#ef4444;background:#ef44441f;border-color:#ef44443d}.ann-card--important:before{background:#f59e0b}.ann-card--important .ann-card-mark{color:#f59e0b;background:#f59e0b21;border-color:#f59e0b47}.ann-card-main{z-index:1;flex-direction:column;gap:10px;min-width:0;display:flex;position:relative}.ann-card-mark{z-index:1;width:44px;height:44px;color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 13%, var(--surface-panel));border:1px solid color-mix(in srgb, var(--accent-primary) 28%, transparent);border-radius:14px;justify-content:center;align-items:center;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff5c}.ann-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ann-card-title-wrap{flex-direction:column;gap:4px;min-width:0;display:flex}.ann-card-kicker{color:var(--text-muted);flex-wrap:wrap;gap:8px;font-size:12px;font-weight:600;line-height:1.2;display:flex}.ann-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ann-badges--foot{margin-top:2px}.ann-badge{border:1px solid color-mix(in srgb, var(--surface-border) 70%, var(--accent-primary) 30%);background:color-mix(in srgb, var(--surface-inset) 76%, white 24%);color:var(--text-secondary);border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:650;display:inline-flex}.ann-badge--priority{background:color-mix(in srgb, var(--accent-primary) 13%, var(--surface-inset));border-color:color-mix(in srgb, var(--accent-primary) 38%, var(--surface-border));color:color-mix(in srgb, var(--accent-primary) 75%, var(--text-primary))}.ann-badge--draft{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b4d}.ann-unread-dot{color:var(--accent-primary);fill:currentColor}.ann-read-dot{color:#10b981}.ann-card h3{letter-spacing:.005em;color:var(--text-primary);margin:0;font-size:19px;font-weight:720;line-height:1.2}.ann-body{color:var(--text-secondary);text-align:left;max-width:78ch;padding:2px 0 0;font-size:15px;line-height:1.58}.ann-body p{margin:0 0 8px}.ann-body p:last-child{margin-bottom:0}.ann-meta{color:var(--text-muted);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.ann-card .ann-staff-actions{margin-top:2px}.ann-meta span{background:color-mix(in srgb, var(--surface-inset) 78%, white 22%);border:1px solid color-mix(in srgb, var(--surface-border) 84%, transparent);border-radius:999px;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.ann-staff-actions{gap:8px;display:flex}@media (width<=980px){.ann-grid--3{grid-template-columns:1fr 1fr}.ann-card{padding:13px}}@media (width<=700px){.ann-head{flex-direction:column;align-items:flex-start}.ann-grid--2,.ann-grid--3{grid-template-columns:1fr}.ann-meta{gap:8px}}.bmem-page{flex-direction:column;gap:22px;width:100%;max-width:780px;margin:0 auto;display:flex}.bmem-page--staff{max-width:1080px}.bmem-loading{color:var(--text-secondary);text-align:center;padding:40px 0}.bmem-denied{text-align:center;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface);color:var(--text-secondary);flex-direction:column;align-items:center;gap:10px;padding:56px 24px;display:flex}.bmem-denied h2{color:var(--text-primary);margin:0}.bmem-denied p{max-width:46ch}.bmem-denied code{background:var(--surface-inset,#0000000f);color:var(--text-primary);border-radius:6px;padding:1px 6px}.bmem-head{border-bottom:1px solid var(--border-subtle,var(--border-default));flex-wrap:wrap;align-items:center;gap:16px;padding:2px 2px 18px;display:flex}.bmem-head-icon{border-radius:var(--radius-lg);background:linear-gradient(145deg, var(--accent-primary), color-mix(in srgb, var(--accent-primary) 55%, #22c55e 45%));color:#fff;width:46px;height:46px;box-shadow:0 6px 16px color-mix(in srgb, var(--accent-primary) 35%, transparent);flex:none;justify-content:center;align-items:center;display:inline-flex}.bmem-head h1{margin:0}.bmem-sub{color:var(--text-secondary);max-width:64ch;margin:4px 0 0;font-size:13px}.bmem-add-card{border:1.5px dashed color-mix(in srgb, var(--accent-primary) 45%, var(--border-default));border-radius:var(--radius-lg);background:color-mix(in srgb, var(--accent-primary) 5%, var(--bg-surface));color:var(--text-primary);cursor:pointer;font:inherit;transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:6px;padding:28px 20px;display:flex}.bmem-add-card:hover{border-color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 9%, var(--bg-surface));box-shadow:0 12px 28px color-mix(in srgb, var(--accent-primary) 16%, transparent)}.bmem-add-icon{background:var(--accent-primary);width:40px;height:40px;color:var(--text-on-accent);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.bmem-add-title{font-size:14px;font-weight:700}.bmem-add-hint{color:var(--text-muted);font-size:12px}.bmem-composer{border:1px solid color-mix(in srgb, var(--border-default) 75%, var(--accent-primary) 25%);border-radius:var(--radius-lg);background:linear-gradient(180deg, color-mix(in srgb, var(--bg-surface) 82%, var(--accent-primary) 5%), var(--bg-surface));flex-direction:column;grid-column:1/-1;gap:16px;padding:20px;display:flex;box-shadow:0 18px 44px #0f172a14}.bmem-composer-head{color:var(--text-primary);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.bmem-composer-head svg:first-child{color:var(--accent-primary)}.bmem-composer-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;padding:5px;display:inline-flex}.bmem-composer-close:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.bmem-composer-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.bmem-field{flex-direction:column;gap:7px;display:flex}.bmem-field--full{width:100%}.bmem-field span{color:var(--text-muted);letter-spacing:.01em;font-size:12px;font-weight:700}.bmem-field span em{color:var(--text-muted);opacity:.8;font-style:normal;font-weight:500}.bmem-field input,.bmem-field select{border:1px solid var(--border-default);background:var(--bg-surface-hover);color:var(--text-primary);border-radius:var(--radius-sm);font:inherit;width:100%;padding:11px 12px}.bmem-field input:focus,.bmem-field select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 18%, transparent);outline:none}.bmem-ref-row{gap:10px;display:flex}.bmem-ref-row .bmem-book-select{flex:1;min-width:0;display:flex}.bmem-ref-row .bmem-book-select .kn-dropdown-trigger{width:100%}input.bmem-chapter-input{text-align:center;flex:none;width:90px}.bmem-verse-range{align-items:center;gap:8px;display:flex}.bmem-verse-range input{text-align:center}.bmem-verse-dash{color:var(--text-muted);font-weight:700}.bmem-composer-actions{justify-content:flex-end;display:flex}.bmem-btn-primary{border-radius:var(--radius-full);background:var(--accent-primary);color:var(--text-on-accent);cursor:pointer;transition:opacity var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:13px;font-weight:600;display:inline-flex}.bmem-btn-primary:hover{opacity:.9}.bmem-btn-primary:disabled{opacity:.6;cursor:not-allowed}.bmem-empty{color:var(--text-muted);text-align:center;border:1px dashed var(--border-default);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:8px;padding:32px 20px;font-size:13px;display:flex}.bmem-chip{border-radius:var(--radius-full);white-space:nowrap;background:var(--bg-surface-hover);color:var(--text-secondary);align-items:center;gap:6px;padding:4px 11px;font-size:12px;font-weight:600;display:inline-flex}.bmem-chip--done{color:#0f9d6d;background:#10b98129}.bmem-chip--overdue{color:#e11d48;background:#e11d481f}.bmem-chip--soon{color:#b45309;background:#f59e0b2e}.bmem-chip--neutral{background:var(--bg-surface-hover);color:var(--text-secondary)}.bmem-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-items:start;gap:16px;display:grid}.bmem-entry-card{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);transition:box-shadow var(--transition-fast);cursor:default;border-left-style:solid;border-left-width:5px;flex-direction:column;gap:10px;padding:16px 18px;display:flex;position:relative;box-shadow:0 2px 10px #0f172a0a}.bmem-entry-card:hover{box-shadow:0 16px 32px #0f172a1f}.bmem-entry-title{color:var(--text-primary);padding-right:24px;font-size:16px;font-weight:700}.bmem-entry-steps{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.bmem-step{border:1px solid var(--border-default);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.bmem-step:hover{border-color:var(--accent-primary)}.bmem-step--active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-on-accent)}.bmem-entry-delete{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:inline-flex;position:absolute;top:12px;right:12px}.bmem-entry-delete:hover{color:#e11d48;background:#e11d481a}.bmem-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.bmem-stat{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);flex-direction:column;gap:2px;padding:14px 16px;display:flex}.bmem-stat-value{color:var(--text-primary);font-size:22px;font-weight:700}.bmem-stat-label{color:var(--text-muted);font-size:12px;font-weight:600}.bmem-stat--done .bmem-stat-value{color:#0f9d6d}.bmem-stat--overdue .bmem-stat-value{color:#e11d48}.bmem-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.bmem-search{border:1px solid var(--border-default);background:var(--bg-surface);border-radius:var(--radius-full);color:var(--text-muted);flex:220px;align-items:center;gap:8px;max-width:340px;padding:9px 14px;display:inline-flex}.bmem-search input{color:var(--text-primary);font:inherit;background:0 0;border:none;width:100%}.bmem-search input:focus{outline:none}.bmem-filter-tabs{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.bmem-filter-tab{color:var(--text-muted);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.bmem-filter-tab:hover{color:var(--text-primary);background:var(--bg-surface)}.bmem-filter-tab--active{background:var(--accent-primary);color:#fff}.bmem-filter-tab--active:hover{color:#fff}.bmem-filter-tab-count{background:var(--bg-surface);color:var(--text-muted);border-radius:var(--radius-full);text-align:center;min-width:18px;padding:1px 7px;font-size:11px;font-weight:700}.bmem-filter-tab--active .bmem-filter-tab-count{color:#fff;background:#ffffff40}.bmem-people-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.bmem-person-card{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface);flex-direction:column;gap:12px;padding:16px;display:flex}.bmem-person-head{align-items:center;gap:12px;display:flex}.bmem-avatar{color:#fff;letter-spacing:.02em;border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:15px;font-weight:700;display:flex;overflow:hidden}.bmem-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.bmem-person-id{flex:1;min-width:0}.bmem-person-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.bmem-person-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.bmem-person-tally{flex-direction:column;flex:none;align-items:flex-end;line-height:1.1;display:flex}.bmem-tally-num{color:#0f9d6d;font-size:18px;font-weight:700}.bmem-tally-den{color:var(--text-muted);font-size:14px;font-weight:600}.bmem-tally-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-top:2px;font-size:10px;font-weight:700}.bmem-person-alert{color:#e11d48;border-radius:var(--radius-full);background:#e11d481a;align-self:flex-start;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.bmem-person-empty{color:var(--text-muted);padding:10px 0 4px;font-size:13px;font-style:italic}.bmem-chapter-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.bmem-chapter-row{border-radius:var(--radius-md);background:var(--bg-surface-hover);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.bmem-chapter-main{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.bmem-chapter-ref{color:var(--text-primary);font-size:14px;font-weight:700}.bmem-chapter-flags{align-items:center;gap:6px;display:flex}.bmem-mini{border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-muted);border-radius:var(--radius-full);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.bmem-mini:hover{border-color:var(--accent-primary);color:var(--text-secondary)}.bmem-mini--done{color:#0f9d6d;background:#10b9811f;border-color:#10b98173}.bmem-delete{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:inline-flex}.bmem-delete:hover{color:#e11d48;background:#e11d481a}.al-page{flex-direction:column;gap:24px;width:100%;max-width:1200px;margin:0 auto;padding-bottom:48px;animation:.35s cubic-bezier(.22,1,.36,1) both al-fade-in;display:flex}@keyframes al-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.al-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.al-sub{color:var(--text-muted);margin:4px 0 0;font-size:14px}.al-window{background:color-mix(in srgb, var(--accent-primary) 6%, var(--bg-base));border:1px solid color-mix(in srgb, var(--accent-primary) 15%, transparent);border-radius:var(--radius-full);gap:2px;padding:3px;display:inline-flex}.al-window-btn{color:var(--text-muted);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:0;padding:5px 16px;font-size:12px;font-weight:600}.al-window-btn:hover:not(.al-window-btn--active){color:var(--text-secondary)}.al-window-btn--active{background:var(--accent-primary);color:#fff;box-shadow:0 2px 8px color-mix(in srgb, var(--accent-primary) 35%, transparent)}.al-card{background:var(--surface-panel);border:1px solid var(--surface-border);box-shadow:var(--shadow-float);border-radius:18px;padding:18px 20px;position:relative;overflow:hidden}.al-card:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent-primary) 50%, transparent) 40%, color-mix(in srgb, var(--accent-primary) 50%, transparent) 60%, transparent);pointer-events:none;height:1px;animation:5s ease-in-out infinite al-glow-sweep;position:absolute;top:0;left:8%;right:8%}@keyframes al-glow-sweep{0%{opacity:.5;left:8%;right:8%}50%{opacity:1;left:4%;right:4%}to{opacity:.5;left:8%;right:8%}}.al-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.al-stat{box-sizing:border-box;border:1px solid var(--surface-border);background:linear-gradient(160deg, color-mix(in srgb, var(--accent-tertiary,var(--accent-primary)) 5%, transparent), transparent 70%), var(--surface-panel);height:100%;box-shadow:var(--shadow-float);border-radius:18px;align-items:flex-start;gap:14px;padding:20px;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s,border-color .18s,background .18s;display:flex;position:relative;overflow:hidden}.al-stat:hover{background:radial-gradient(420px 150px at 18% 0%, color-mix(in srgb, var(--accent-primary) 18%, transparent), transparent 62%), linear-gradient(160deg, color-mix(in srgb, var(--accent-primary) 12%, transparent), transparent 68%), var(--surface-panel);border-color:color-mix(in srgb, var(--accent-primary) 55%, transparent);box-shadow:0 1px 3px color-mix(in srgb, var(--accent-primary) 10%, transparent), 0 8px 32px -8px color-mix(in srgb, var(--accent-primary) 40%, transparent), inset 0 1px 0 #ffffffe6;transform:translateY(-3px)}.al-stat-icon{background:color-mix(in srgb, var(--c) 14%, transparent);width:36px;height:36px;color:var(--c);border-radius:10px;flex:0 0 36px;place-items:center;transition:background .18s;display:grid}.al-stat:hover .al-stat-icon{background:color-mix(in srgb, var(--c) 22%, transparent)}.al-stat-body{flex-direction:column;gap:2px;min-width:0;display:flex}.al-stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:11.5px;font-weight:700}.al-stat-value{letter-spacing:-.025em;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;line-height:1.05}.al-stat-sub{color:var(--text-secondary);margin-top:2px;font-size:12px}.al-charts{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px;display:grid}.al-chart{padding:18px 20px}.al-chart-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.al-chart-head h3{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:15px;font-weight:700}.al-chart-sub{color:var(--text-muted);margin:4px 0 0;font-size:12px}.al-chart-icon-wrap{color:#fb923c;background:#fb923c24;border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.al-chart-icon-wrap--purple{color:#a78bfa;background:#a78bfa24}.al-chart-axis{color:var(--text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.al-sparkline-wrap{position:relative}@keyframes al-draw{to{stroke-dashoffset:0}}.al-tooltip{background:var(--bg-overlay,#1e1e2e);border:1px solid var(--border-default);border-radius:var(--radius-md);pointer-events:none;white-space:nowrap;z-index:10;flex-direction:column;align-items:center;gap:1px;padding:5px 10px;display:flex;position:absolute;top:0;transform:translate(-50%);box-shadow:0 4px 16px #0000002e}.al-tooltip-val{color:var(--text-primary);font-size:15px;font-weight:600;line-height:1.2}.al-tooltip-day{color:var(--text-muted);font-size:11px}.al-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=880px){.al-grid{grid-template-columns:1fr}}.al-list{flex-direction:column;gap:12px;display:flex}.al-list-head{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:baseline;margin-bottom:2px;padding-bottom:10px;display:flex}.al-list-head h3{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:14px;font-weight:700}.al-list-sub{color:var(--text-muted);font-size:12px}.al-list-items{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.al-list-empty{color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;padding:24px 0;font-size:13px;display:flex}.al-course-row{flex-direction:column;gap:6px;display:flex}.al-course-title{color:var(--text-primary);width:fit-content;transition:color var(--transition-fast);align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.al-course-title:hover{color:var(--accent-primary)}.al-course-title svg{opacity:.5;transition:opacity var(--transition-fast), transform var(--transition-fast)}.al-course-title:hover svg{opacity:1;transform:translate(3px)}.al-course-meta{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.al-dot{background:var(--text-muted);opacity:.6;border-radius:50%;width:3px;height:3px}.al-bar{background:color-mix(in srgb, var(--accent-primary) 10%, var(--bg-surface-hover));border-radius:var(--radius-full);height:6px;overflow:hidden}.al-bar-fill{background:linear-gradient(90deg, var(--accent-primary), #a78bfa);border-radius:var(--radius-full);height:100%;transition:width .6s cubic-bezier(.34,1.1,.64,1);position:relative;overflow:hidden}.al-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);width:60%;height:100%;animation:2.5s ease-in-out .6s infinite al-bar-shimmer;position:absolute;top:0;left:-100%}@keyframes al-bar-shimmer{0%{left:-100%}to{left:200%}}.al-activity-row{color:var(--text-secondary);border-radius:var(--radius-md);transition:background var(--transition-fast);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:0 -8px;padding:6px 8px;font-size:13px;display:grid}.al-activity-row:hover{background:color-mix(in srgb, var(--accent-primary) 6%, transparent)}.al-pill{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-full);white-space:nowrap;padding:3px 8px;font-size:10.5px;font-weight:700}.al-pill--sub{color:#fb923c;background:#fb923c2e}.al-pill--lp{color:#34d399;background:#34d3992e}.al-activity-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.al-activity-text strong{color:var(--text-primary);font-weight:500}.al-activity-time{color:var(--text-muted);white-space:nowrap;font-size:11px}.al-table-wrap{padding:18px 20px}.al-table{border-collapse:collapse;width:100%;margin-top:12px;font-size:13px}.al-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--surface-border);padding:8px 12px;font-size:11px;font-weight:700}.al-table td{border-bottom:1px solid var(--surface-border);color:var(--text-secondary);vertical-align:middle;transition:background var(--transition-fast);padding:11px 12px}.al-table tr:last-child td{border-bottom:0}.al-table tbody tr:hover td{background:color-mix(in srgb, var(--accent-primary) 4%, transparent)}.al-td-title a{color:var(--text-primary);font-weight:600;text-decoration:none}.al-td-title a:hover{color:var(--accent-primary)}.al-td-course{color:var(--text-secondary);text-decoration:none}.al-td-course:hover{color:var(--text-primary)}.al-type{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-full);background:color-mix(in srgb, var(--accent-primary) 10%, var(--bg-surface-hover));color:var(--accent-primary);padding:2px 8px;font-size:11px;font-weight:600}.al-pct{align-items:center;gap:10px;min-width:140px;display:flex}.al-pct .al-bar{flex:1}.al-pct-num{color:var(--text-primary);text-align:right;font-variant-numeric:tabular-nums;min-width:36px;font-size:12px;font-weight:600}@media (width<=1024px){.al-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.al-stats{grid-template-columns:repeat(2,1fr)}.al-charts{grid-template-columns:1fr}}@media (width<=540px){.al-stats{grid-template-columns:1fr}}.att-page{flex-direction:column;gap:18px;animation:.28s both att-enter;display:flex}@keyframes att-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.att-hero{border:1px solid color-mix(in srgb, var(--accent-primary) 16%, var(--border-subtle));border-radius:var(--radius-xl);background:radial-gradient(circle at 14% 20%, color-mix(in srgb, var(--accent-primary) 13%, transparent), transparent 34%), linear-gradient(135deg, color-mix(in srgb, var(--bg-surface) 88%, #fff), var(--card-bg));box-shadow:0 16px 50px -34px color-mix(in srgb, var(--accent-primary) 60%, #111827);justify-content:space-between;align-items:flex-end;gap:18px;padding:24px;display:flex}.att-eyebrow,.att-event-kicker{color:var(--accent-primary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.att-hero h1,.att-event-head h2{color:var(--text-primary);letter-spacing:-.03em;margin:7px 0 6px}.att-hero h1{font-size:clamp(28px,4vw,44px)}.att-hero p{max-width:680px;color:var(--text-secondary);margin:0;line-height:1.55}.att-hero-stat{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--bg-surface) 88%, transparent);text-align:right;border-radius:16px;min-width:132px;padding:14px 16px}.att-hero-stat strong{color:var(--text-primary);font-size:32px;display:block}.att-hero-stat span{color:var(--text-muted);font-size:12px;font-weight:700}.att-layout{grid-template-columns:minmax(240px,310px) minmax(0,1fr);gap:18px;min-height:0;display:grid}.att-events,.att-card{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--card-bg);box-shadow:0 10px 34px -28px #0f172a9e}.att-events{flex-direction:column;align-self:start;gap:8px;max-height:calc(100vh - 250px);padding:14px;display:flex;overflow:auto}.att-panel-title{color:var(--text-primary);align-items:center;gap:8px;font-size:13px;font-weight:850;display:flex}.att-event-search{border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-muted);align-items:center;gap:8px;padding:8px 10px;display:flex}.att-event-search:focus-within{border-color:color-mix(in srgb, var(--accent-primary) 42%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 10%, transparent)}.att-event-search input{width:100%;min-width:0;color:var(--text-primary);background:0 0;border:0;outline:0;font-size:13px}.att-event-filters{flex-wrap:wrap;gap:6px;display:flex}.att-event-filters button{border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;padding:6px 9px;font-size:11px;font-weight:800}.att-event-filters button.is-active,.att-event-filters button:hover{color:var(--accent-primary);border-color:color-mix(in srgb, var(--accent-primary) 38%, transparent);background:color-mix(in srgb, var(--accent-primary) 9%, transparent)}.att-event{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:14px;gap:4px;padding:12px;display:grid}.att-event:hover,.att-event.is-active{background:color-mix(in srgb, var(--accent-primary) 9%, var(--bg-surface));border-color:color-mix(in srgb, var(--accent-primary) 26%, transparent)}.att-event.is-active{box-shadow:inset 3px 0 0 var(--accent-primary)}.att-event-title{color:var(--text-primary);font-size:13px;font-weight:800}.att-event-time,.att-event-count{color:var(--text-muted);font-size:12px}.att-main{flex-direction:column;gap:16px;min-width:0;display:flex}.att-card{padding:18px}.att-event-head{justify-content:space-between;gap:18px;display:flex}.att-event-meta{flex-wrap:wrap;gap:8px;display:flex}.att-event-meta span{border-radius:var(--radius-full);color:var(--text-secondary);background:color-mix(in srgb, var(--accent-primary) 7%, transparent);align-items:center;gap:5px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.att-summary-grid{grid-template-columns:repeat(4,minmax(74px,1fr));gap:10px;min-width:min(420px,100%);display:grid}.att-summary{background:color-mix(in srgb, var(--bg-surface) 86%, transparent);border:1px solid var(--border-subtle);border-radius:15px;padding:12px}.att-summary strong{color:var(--text-primary);font-size:25px;display:block}.att-summary span,.att-summary small{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:800;display:block}.att-summary--present{border-color:#10b9816b}.att-summary--late{border-color:#f59e0b70}.att-summary--absent{border-color:#ef444461}.att-summary--flag{border-color:color-mix(in srgb, var(--accent-primary) 38%, transparent)}.att-builder{gap:13px;display:grid}.att-section-toggle{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0;display:flex}.att-section-toggle-right{align-items:center;gap:12px;display:flex}.att-chevron{color:var(--text-muted);transition:transform var(--transition-fast);flex-shrink:0}.att-chevron.is-open{transform:rotate(180deg)}.att-builder-body{gap:13px;animation:.2s both att-reveal;display:grid}@keyframes att-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.att-builder-desc{max-width:700px;color:var(--text-secondary);margin:0;font-size:13px;line-height:1.45}.att-count-pill{border-radius:var(--radius-full);background:color-mix(in srgb, var(--accent-primary) 14%, transparent);min-width:22px;height:20px;color:var(--accent-primary);place-items:center;padding:0 7px;font-size:11px;font-weight:850;display:inline-grid}.att-builder-preview{border:1px solid color-mix(in srgb, var(--accent-primary) 22%, var(--border-subtle));background:color-mix(in srgb, var(--accent-primary) 8%, var(--bg-surface));text-align:right;border-radius:14px;min-width:118px;padding:10px 12px}.att-builder-preview strong{color:var(--text-primary);font-size:24px;line-height:1;display:block}.att-builder-preview span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:800}.att-candidate-search{border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:var(--bg-surface);width:min(420px,100%);color:var(--text-muted);align-items:center;gap:8px;padding:9px 12px;display:flex}.att-candidate-search:focus-within{border-color:color-mix(in srgb, var(--accent-primary) 42%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 10%, transparent)}.att-candidate-search input{width:100%;color:var(--text-primary);background:0 0;border:0;outline:0;font-size:13px}.att-filter-row{gap:7px;display:grid}.att-filter-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:850}.att-filter-chips{flex-wrap:wrap;gap:7px;display:flex}.att-chip,.att-primary,.att-statuses button{border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-weight:750}.att-chip{padding:6px 10px;font-size:12px}.att-chip.is-active,.att-chip:hover{color:var(--accent-primary);border-color:color-mix(in srgb, var(--accent-primary) 38%, transparent);background:color-mix(in srgb, var(--accent-primary) 9%, transparent)}.att-chip--more{color:var(--text-muted)}.att-primary{color:#fff;background:var(--accent-primary);border-color:var(--accent-primary);justify-self:start;align-items:center;gap:7px;padding:9px 14px;display:inline-flex}.att-primary:disabled{opacity:.6;cursor:not-allowed}.att-builder-action{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:2px;display:flex}.att-builder-action>span{color:var(--text-muted);font-size:12px;font-weight:700}.att-roster-tools{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.att-roster-tools .att-section-toggle{flex:0 auto;width:auto}.att-search{border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:var(--bg-surface);min-width:min(320px,100%);color:var(--text-muted);align-items:center;gap:8px;padding:8px 11px;display:flex}.att-search input{width:100%;color:var(--text-primary);background:0 0;border:0;outline:0}.att-roster{gap:9px;display:grid}.att-roster-compact{border:1px dashed var(--border-subtle);min-height:74px;color:var(--text-secondary);border-radius:16px;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.att-roster-row{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--bg-surface) 72%, transparent);border-radius:16px;grid-template-columns:42px minmax(150px,1fr) minmax(330px,1.4fr) 110px;align-items:center;gap:10px;padding:10px;display:grid}.att-roster-row--present{border-left:4px solid #10b981}.att-roster-row--late{border-left:4px solid #f59e0b}.att-roster-row--absent{border-left:4px solid #ef4444}.att-roster-row--excused{border-left:4px solid #3b82f6}.att-avatar{background:var(--accent-primary);color:#fff;border-radius:13px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:850;display:grid;overflow:hidden}.att-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.att-person{min-width:0}.att-person strong,.att-person span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.att-person strong{color:var(--text-primary);font-size:13px}.att-person span{color:var(--text-muted);font-size:12px}.att-statuses{flex-wrap:wrap;gap:5px;display:flex}.att-statuses button{padding:5px 8px;font-size:11px}.att-statuses button.is-active{color:#fff;background:var(--accent-primary);border-color:var(--accent-primary)}.att-roster-row select{border:1px solid var(--border-subtle);background:var(--bg-surface);min-width:0;color:var(--text-primary);border-radius:10px;padding:8px 9px}.att-marked{color:var(--text-muted);align-items:center;gap:5px;font-size:12px;display:flex}.att-stats-table{gap:6px;margin-top:12px;display:grid}.att-stat-row{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);grid-template-columns:minmax(150px,1fr) 90px 90px;gap:8px;padding:9px 0;display:grid}.att-stat-row:last-child{border-bottom:0}.att-stat-row strong{color:var(--text-primary)}.att-stat-row small{color:var(--text-muted)}.att-empty,.att-loading{color:var(--text-muted);align-items:center;gap:9px;padding:18px;font-size:13px;display:flex}.att-empty--large{border:1px dashed var(--border-subtle);border-radius:16px;justify-content:center;min-height:180px}@keyframes att-spin{to{transform:rotate(360deg)}}@media (width<=1180px){.att-layout{grid-template-columns:1fr}.att-events{max-height:none}.att-event-head{flex-direction:column}}@media (width<=860px){.att-hero{flex-direction:column;align-items:stretch}.att-hero-stat{text-align:left}.att-summary-grid{grid-template-columns:repeat(2,1fr)}.att-roster-tools{flex-direction:column;align-items:stretch}.att-roster-row{grid-template-columns:38px minmax(0,1fr)}.att-statuses,.att-marked{grid-column:1/-1}}.sp-page{flex-direction:column;gap:24px;width:100%;max-width:960px;margin:0 auto;padding-bottom:48px;display:flex}.sp-header{margin-bottom:4px}.sp-sub{color:var(--text-muted);margin:6px 0 0;font-size:14px}.sp-layout{grid-template-columns:220px 1fr;align-items:flex-start;gap:24px;display:grid}@media (width<=760px){.sp-layout{grid-template-columns:1fr;gap:16px}}.sp-nav{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:2px;padding:8px;display:flex;position:sticky;top:16px}@media (width<=760px){.sp-nav{flex-direction:row;padding:6px;position:static;overflow-x:auto}}.sp-nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;text-align:left;transition:var(--transition-fast);white-space:nowrap;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:10px 12px;font-family:inherit;font-size:13.5px;font-weight:500;display:inline-flex}.sp-nav-item:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.sp-nav-item--active{background:color-mix(in srgb, var(--accent-primary) 14%, transparent);color:var(--accent-primary)}.sp-nav-item--active:hover{background:color-mix(in srgb, var(--accent-primary) 18%, transparent)}.sp-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.sp-panel-head{border-bottom:1px solid var(--border-subtle);padding:24px 28px 16px}.sp-panel-head h2{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600}.sp-panel-head p{color:var(--text-muted);margin:4px 0 0;font-size:13px}.sp-panel-body{flex-direction:column;gap:24px;padding:24px 28px 28px;display:flex}.sp-identity{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-primary) 8%, var(--bg-base)), var(--bg-base));border:1px solid var(--border-subtle);border-radius:var(--radius-lg);align-items:center;gap:16px;padding:16px;display:flex}.sp-avatar{background:var(--accent-primary);color:#fff;width:56px;height:56px;box-shadow:0 4px 12px color-mix(in srgb, var(--accent-primary) 30%, transparent);border-radius:50%;flex:0 0 56px;place-items:center;font-size:20px;font-weight:600;display:grid;overflow:hidden}.sp-avatar img{object-fit:cover;width:100%;height:100%}.sp-identity-body{flex-direction:column;gap:6px;min-width:0;display:flex}.sp-identity-name{color:var(--text-primary);margin:0;font-size:17px;font-weight:600}.sp-identity-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sp-avatar-actions{margin-top:8px}.sp-avatar-file-input{display:none}.sp-role-pill{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);background:var(--bg-surface-hover);color:var(--text-secondary);align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.sp-role-pill--admin{color:#ef4444;background:#ef444429}.sp-role-pill--student{color:#34d399;background:#34d3992e}.sp-meta-chip{color:var(--text-secondary);border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-subtle);align-items:center;gap:4px;padding:3px 9px;font-size:11.5px;display:inline-flex}.sp-meta-chip--quiet{color:var(--text-muted)}.sp-form{flex-direction:column;gap:18px;display:flex}.sp-field{flex-direction:column;gap:6px;display:flex}.sp-field--readonly{gap:6px}.sp-field .kn-dropdown,.sp-field .kn-dropdown-trigger,.sp-field .kn-dropdown-menu,.sp-field .dtp-root{width:100%}.sp-label{color:var(--text-secondary);letter-spacing:.02em;font-size:12px;font-weight:600}.sp-input{background:var(--bg-base);border:1px solid var(--border-default);color:var(--text-primary);border-radius:var(--radius-md);transition:var(--transition-fast);width:100%;padding:10px 13px;font-family:inherit;font-size:14px}.sp-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 18%, transparent);outline:none}.sp-input::placeholder{color:var(--text-muted)}.sp-input-group{position:relative}.sp-input-group .sp-input{padding-right:38px}.sp-eye{border-radius:var(--radius-md);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.sp-eye:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.sp-static{color:var(--text-primary);background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:8px;padding:10px 13px;font-size:14px;display:inline-flex}.sp-static svg{color:var(--text-muted);flex:none}.sp-hint{color:var(--text-muted);margin-top:2px;font-size:11.5px}.sp-inline-warn{color:#f59e0b;border-radius:var(--radius-md);background:#f59e0b1f;align-items:center;gap:6px;width:fit-content;padding:6px 10px;font-size:12.5px;display:inline-flex}.sp-strength{align-items:center;gap:10px;margin-top:-8px;display:flex}.sp-strength-bar{flex:1;gap:4px;display:flex}.sp-strength-seg{border-radius:var(--radius-full);background:var(--bg-surface-hover);flex:1;height:4px;transition:background .2s}.sp-strength-seg--1{background:#ef4444}.sp-strength-seg--2{background:#f59e0b}.sp-strength-seg--3{background:#facc15}.sp-strength-seg--4{background:#34d399}.sp-strength-seg--5{background:#10b981}.sp-strength-label{color:var(--text-muted);text-align:right;min-width:72px;font-size:11.5px;font-weight:600}.sp-strength-label--1{color:#ef4444}.sp-strength-label--2{color:#f59e0b}.sp-strength-label--3{color:#ca8a04}.sp-strength-label--4{color:#34d399}.sp-strength-label--5{color:#10b981}.sp-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:8px;margin-top:6px;padding-top:16px;display:flex}.sp-btn{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);align-items:center;gap:6px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.sp-btn:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--border-strong)}.sp-btn:disabled{opacity:.5;cursor:not-allowed}.sp-btn--primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 2px 8px color-mix(in srgb, var(--accent-primary) 28%, transparent)}.sp-btn--primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent-primary) 88%, black);border-color:color-mix(in srgb, var(--accent-primary) 88%, black);box-shadow:0 4px 12px color-mix(in srgb, var(--accent-primary) 38%, transparent);transform:translateY(-1px)}.sp-btn--danger{border-color:color-mix(in srgb, #ef4444 45%, var(--border-default));color:#ef4444;background:0 0}.sp-btn--danger:hover:not(:disabled){background:#ef44441f;border-color:#ef4444}.sp-btn--ghost{border-color:var(--border-subtle);color:var(--text-secondary);background:0 0}.sp-btn--ghost:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--border-default);color:var(--text-primary)}.sp-spin{animation:1s linear infinite sp-spin}@keyframes sp-spin{to{transform:rotate(360deg)}}.sp-callout{background:var(--bg-base);border:1px solid color-mix(in srgb, #ef4444 25%, var(--border-subtle));border-radius:var(--radius-lg);align-items:center;gap:14px;padding:16px;display:flex}.sp-callout-icon{border-radius:var(--radius-md);color:#ef4444;background:#ef444424;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}.sp-callout-body{flex:1;min-width:0}.sp-callout-body strong{color:var(--text-primary);margin-bottom:2px;font-size:14px;display:block}.sp-callout-body p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.4}.sp-crop-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1200;background:#0206178c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.sp-crop-modal{border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);gap:12px;width:min(560px,100%);padding:14px;display:grid;box-shadow:0 24px 60px #02061759}.sp-crop-head{justify-content:space-between;align-items:center;display:flex}.sp-crop-head h3{color:var(--text-primary);margin:0;font-size:16px}.sp-crop-close{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;place-items:center;display:grid}.sp-crop-close:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.sp-crop-stage{place-items:center;padding:8px;display:grid}.sp-crop-viewport{border:2px solid color-mix(in srgb, var(--accent-primary) 45%, transparent);background:linear-gradient(45deg, #e2e8f0 25%, transparent 25%) -8px 0/16px 16px, linear-gradient(-45deg, #e2e8f0 25%, transparent 25%) -8px 0/16px 16px, linear-gradient(45deg, transparent 75%, #e2e8f0 75%) -8px 0/16px 16px, linear-gradient(-45deg, transparent 75%, #e2e8f0 75%) -8px 0/16px 16px, var(--bg-base);border-radius:18px;width:280px;height:280px;position:relative;overflow:hidden}.sp-crop-viewport img{transform-origin:50%;-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sp-crop-controls{gap:10px;display:grid}.sp-crop-field{gap:6px;display:grid}.sp-crop-field span{color:var(--text-secondary);font-size:12px;font-weight:600}.sp-crop-field input[type=range]{width:100%}.sp-crop-actions{justify-content:flex-end;gap:8px;display:flex}.aud-page{gap:20px;width:100%;max-width:900px;margin:0 auto}.aud-head{align-items:flex-start;gap:14px;display:flex}.aud-head-icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent-primary) 12%, var(--bg-surface));width:42px;height:42px;color:var(--accent-primary);border:1px solid var(--border-subtle,var(--border-default));flex:none;justify-content:center;align-items:center;display:inline-flex}.aud-sub{color:var(--text-secondary);max-width:62ch;margin:4px 0 0;font-size:13px}.aud-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.aud-search{border:1px solid var(--border-default);background:var(--bg-surface);border-radius:var(--radius-full);min-width:220px;color:var(--text-muted);flex:1;align-items:center;gap:8px;padding:9px 14px;display:inline-flex}.aud-search input{color:var(--text-primary);font:inherit;background:0 0;border:none;width:100%}.aud-search input:focus{outline:none}.aud-state{color:var(--text-muted);text-align:center;border:1px dashed var(--border-default);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:56px 24px;font-size:14px;display:flex}.aud-state--error{color:#e11d48;border-color:#e11d484d}.aud-retry{border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-primary);border-radius:var(--radius-full);font:inherit;cursor:pointer;padding:6px 16px;font-size:13px}.aud-retry:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.aud-list{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.aud-row{border-bottom:1px solid var(--border-subtle,var(--border-default));align-items:flex-start;gap:14px;padding:13px 16px;display:flex}.aud-row:last-child{border-bottom:none}.aud-row:hover{background:var(--bg-surface-hover)}.aud-badge{border-radius:var(--radius-md);color:#fff;background:var(--text-muted);flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.aud-badge--grade{background:#0f9d6d}.aud-badge--edit{background:var(--accent-primary)}.aud-badge--danger{background:#e11d48}.aud-badge--export{background:#f59e0b}.aud-badge--muted{background:var(--text-muted)}.aud-row-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.aud-summary{color:var(--text-primary);text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.aud-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.aud-actor{color:var(--text-secondary);align-items:center;gap:6px;font-weight:600;display:inline-flex}.aud-avatar{background:color-mix(in srgb, var(--accent-primary) 18%, var(--bg-surface));width:20px;height:20px;color:var(--accent-primary);letter-spacing:.02em;border-radius:50%;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:inline-flex}.aud-dot{opacity:.5}.aud-action-tag{color:var(--text-muted);background:var(--bg-surface-hover);border-radius:5px;padding:1px 6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px}.aud-changes{flex-direction:column;gap:3px;margin:4px 0 0;padding:0;list-style:none;display:flex}.aud-change-row{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.aud-change-field{color:var(--text-muted);font-weight:600}.aud-change-from{color:var(--text-secondary);-webkit-text-decoration:line-through #e11d488c;text-decoration:line-through #e11d488c}.aud-change-arrow{color:var(--text-muted)}.aud-change-to{color:var(--text-primary);font-weight:600}.aud-change-tag{border-radius:5px;padding:1px 6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px}.aud-change-tag--add{color:#0f9d6d;background:#0f9d6d24}.aud-change-tag--remove{color:#e11d48;background:#e11d4824}.aud-time{color:var(--text-muted);white-space:nowrap;flex:none;font-size:12px}.aud-pager{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.aud-count{color:var(--text-muted);font-size:13px}.aud-pager-btns{gap:8px;display:flex}.aud-pager-btn{border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-primary);border-radius:var(--radius-full);font:inherit;cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);align-items:center;gap:4px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.aud-pager-btn:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary)}.aud-pager-btn:disabled{opacity:.45;cursor:not-allowed}@media (width<=480px){.aud-row{align-items:flex-start;gap:10px;padding:12px}.aud-time{align-self:flex-start}}.login-shell{background:var(--bg-base);background-image:radial-gradient(circle at 15% 20%,#6c63ff2e,#0000 40%),radial-gradient(circle at 85% 80%,#ec489924,#0000 45%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{border-radius:18px;flex-direction:column;gap:14px;width:100%;max-width:380px;padding:32px 28px;display:flex}.login-brand{align-items:center;gap:10px;display:flex}.login-brand h1{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.login-brand-icon{color:#fff;background:linear-gradient(135deg, var(--accent-primary), #8b5cf6);border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.login-brand-icon--brand{color:#000;background:0 0;border-radius:0;width:44px;height:44px}.login-subtitle{color:var(--text-muted);margin:0 0 8px;font-size:13px}.login-field{color:var(--text-primary);flex-direction:column;gap:5px;font-size:12px;font-weight:600;display:flex}.login-input-wrap{border:1px solid var(--border-subtle);background:#fff9;border-radius:10px;align-items:center;gap:8px;padding:0 10px;transition:border-color .15s,box-shadow .15s;display:flex}.login-input-wrap:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6c63ff26}.login-input-wrap input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-size:14px}.login-toggle-password{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.login-toggle-password:hover{color:var(--text-primary)}.login-error{color:#b91c1c;background:#ef44441a;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:500}.login-submit{justify-content:center;align-items:center;gap:6px;width:100%;margin-top:4px;padding:10px 16px;font-size:14px;font-weight:600;display:flex}.login-dev-bypass{border:1px dashed var(--border);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;margin-top:8px;padding:7px;font-size:12px}.login-dev-bypass:hover{color:var(--text-primary);border-color:var(--text-muted)}.login-legal{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;margin-top:14px;font-size:12px;display:flex}.login-legal a{color:var(--text-muted);text-decoration:none}.login-legal a:hover{color:var(--accent-primary);text-decoration:underline}.spin{animation:.9s linear infinite spin}.register-card{max-width:460px}.register-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.login-field em{color:var(--text-muted);font-size:11px;font-style:normal;font-weight:400}.register-program-options{gap:10px;display:flex}.register-program-option{border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;background:#fff9;border-radius:10px;flex:1;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:500;transition:border-color .15s,box-shadow .15s;display:flex}.register-program-option input{margin:0}.register-program-option.selected{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6c63ff26}.register-select-wrap select{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-size:14px}.register-hint{color:var(--text-muted);font-size:11px}.register-inline-warn{color:#f59e0b;background:#f59e0b1f;border-radius:8px;align-items:center;gap:6px;width:fit-content;padding:6px 10px;font-size:12.5px;display:inline-flex}@media (width<=480px){.register-row{grid-template-columns:1fr}}.legal-shell{background:var(--bg-base);min-height:100vh;padding:40px 20px 80px;overflow-y:auto}.legal-doc{max-width:760px;margin:0 auto}.legal-head{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.legal-back{border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:7px 12px;font-size:13px;transition:border-color .15s,color .15s;display:inline-flex}.legal-back:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.legal-brand{color:var(--text-primary);align-items:center;gap:8px;font-weight:700;display:inline-flex}.legal-title{color:var(--text-primary);margin:0 0 6px;font-size:30px;font-weight:750}.legal-updated{color:var(--text-muted);margin:0 0 20px;font-size:13px}.legal-draft{border-radius:var(--radius-md);color:#a16207;background:#eab3081f;border:1px solid #eab30866;margin-bottom:28px;padding:12px 14px;font-size:13px;line-height:1.5}.legal-body{color:var(--text-primary);font-size:15px;line-height:1.75}.legal-body h2{color:var(--text-primary);margin:30px 0 10px;font-size:19px;font-weight:700}.legal-body p{margin:0 0 14px}.legal-body ul{margin:0 0 14px;padding-left:1.4em}.legal-body li{margin:4px 0}.legal-body a{color:var(--accent-primary)}.legal-body strong{color:var(--text-primary)}:root{--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-xs:0 1px 3px #0000000f;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 20px #0000001a;--shadow-lg:0 8px 40px #00000024;--shadow-xl:0 16px 64px #0000002e;--glass-blur:16px;--glass-blur-heavy:32px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1)}:root,[data-ui=celestial]{--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-xs:0 1px 3px #0000000f;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 20px #0000001a;--shadow-lg:0 8px 40px #00000024;--shadow-xl:0 16px 64px #0000002e;--glass-blur:16px;--glass-blur-heavy:32px;--bg-base:#f0eeff;--bg-gradient:linear-gradient(135deg, #e8e4ff 0%, #f5f0ff 40%, #ede8f5 100%);--bg-surface:#ffffffb8;--bg-surface-hover:#ffffffe0;--bg-overlay:#ffffff73;--accent-primary:#6c63ff;--accent-primary-light:#a59eff;--accent-secondary:#f5a623;--accent-tertiary:#10b981;--text-primary:#1a1535;--text-secondary:#5a5280;--text-muted:#9b93b8;--text-on-accent:#fff;--border-subtle:#6c63ff1f;--border-default:#6c63ff38;--border-strong:#6c63ff66;--glass-bg:#fff9;--glass-border:#fffc;--glass-shadow:0 8px 32px #6c63ff1f;--card-bg:#ffffffb3;--sidebar-bg:#f4f1ffd9;--nav-bg:#fffc}[data-ui=aurora]{--bg-base:#ecfdf8;--bg-gradient:linear-gradient(135deg, #ccfbf1 0%, #f0fdf9 40%, #d1faf0 100%);--bg-surface:#ffffffbd;--bg-surface-hover:#ffffffe6;--bg-overlay:#ffffff73;--accent-primary:#0d9488;--accent-primary-light:#5eead4;--accent-secondary:#f59e0b;--accent-tertiary:#8b5cf6;--text-primary:#0d2d29;--text-secondary:#2d7a72;--text-muted:#6ab8b0;--text-on-accent:#fff;--border-subtle:#0d94881f;--border-default:#0d948838;--border-strong:#0d948866;--glass-bg:#fff9;--glass-border:#ffffffd1;--glass-shadow:0 8px 32px #0d94881f;--card-bg:#ffffffb8;--sidebar-bg:#ecfdf8e0;--nav-bg:#ffffffd1}[data-ui=rosegold]{--bg-base:#fff0f6;--bg-gradient:linear-gradient(135deg, #fce7f3 0%, #fff4f8 40%, #fde8f0 100%);--bg-surface:#ffffffbd;--bg-surface-hover:#ffffffe6;--bg-overlay:#ffffff73;--accent-primary:#db2777;--accent-primary-light:#f9a8d4;--accent-secondary:#8b5cf6;--accent-tertiary:#0d9488;--text-primary:#2d0a18;--text-secondary:#7a2050;--text-muted:#c07090;--text-on-accent:#fff;--border-subtle:#db27771f;--border-default:#db277738;--border-strong:#db277766;--glass-bg:#fff9;--glass-border:#ffffffd1;--glass-shadow:0 8px 32px #db27771f;--card-bg:#ffffffb8;--sidebar-bg:#fff0f6e0;--nav-bg:#ffffffd1}[data-ui=porcelain]{--bg-base:#fdfcf9;--bg-gradient:radial-gradient(1100px 700px at 8% -10%, #f8f6f0 0%, transparent 55%), radial-gradient(900px 600px at 100% 0%, #faf7f1 0%, transparent 50%), linear-gradient(180deg, #fdfcf9 0%, #f9f7f1 100%);--bg-surface:#fffffdd1;--bg-surface-hover:#fffffdfa;--bg-overlay:#fffffd99;--accent-primary:#1b1a17;--accent-primary-light:#4a4843;--accent-secondary:#8a8378;--accent-tertiary:#d2691e;--text-primary:#14130f;--text-secondary:#56524a;--text-muted:#9a9388;--text-on-accent:#faf7f0;--border-subtle:#14130f12;--border-default:#14130f1f;--border-strong:#14130f38;--glass-bg:#fffffdc7;--glass-border:#ffffffe6;--glass-shadow:0 10px 30px #28201814;--card-bg:#fff;--sidebar-bg:#fdfcf9eb;--nav-bg:#fffffde6;--shadow-xs:0 1px 2px #2820180d;--shadow-sm:0 2px 6px #2820180f;--shadow-md:0 4px 18px #28201814;--shadow-lg:0 12px 36px #2820181a;--shadow-xl:0 24px 60px #28201821}[data-ui=obsidian]{--bg-base:#07080c;--bg-gradient:radial-gradient(ellipse at top, #15131f 0%, #0a0b12 45%, #06070b 100%);--bg-surface:#ffffff09;--bg-surface-hover:#ffffff0f;--bg-overlay:#ffffff06;--accent-primary:#a78bfa;--accent-primary-light:#c4b5fd;--accent-secondary:#22d3ee;--accent-tertiary:#f472b6;--text-primary:#f1f0fa;--text-secondary:#a8a5c4;--text-muted:#6b6789;--text-on-accent:#0b0a14;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff2e;--glass-bg:#12101c9e;--glass-border:#ffffff14;--glass-shadow:0 16px 48px #0000008c;--card-bg:#100e18b8;--sidebar-bg:#08080ef0;--nav-bg:#0a0a10e0}[data-ui=midnight]{--bg-base:#0e0f1a;--bg-gradient:linear-gradient(135deg, #0d0e1c 0%, #111222 50%, #0a0b16 100%);--bg-surface:#ffffff0d;--bg-surface-hover:#ffffff17;--bg-overlay:#ffffff08;--accent-primary:#7c6cff;--accent-primary-light:#b0a5ff;--accent-secondary:#f5a623;--accent-tertiary:#10b981;--text-primary:#eeeaff;--text-secondary:#9990c0;--text-muted:#5a5478;--text-on-accent:#fff;--border-subtle:#ffffff12;--border-default:#ffffff1f;--border-strong:#ffffff38;--glass-bg:#ffffff0a;--glass-border:#ffffff17;--glass-shadow:0 8px 40px #00000080;--card-bg:#ffffff0d;--sidebar-bg:#0c0d16f5;--nav-bg:#0e0f1aeb}[data-ui=sunset]{--bg-base:#fff8f0;--bg-gradient:linear-gradient(135deg, #fef3c7 0%, #fff8f0 40%, #fef4e4 100%);--bg-surface:#ffffffbd;--bg-surface-hover:#ffffffe6;--bg-overlay:#ffffff73;--accent-primary:#ea580c;--accent-primary-light:#fdba74;--accent-secondary:#d946ef;--accent-tertiary:#0d9488;--text-primary:#2c0e00;--text-secondary:#7c3010;--text-muted:#b87850;--text-on-accent:#fff;--border-subtle:#ea580c1f;--border-default:#ea580c38;--border-strong:#ea580c66;--glass-bg:#fff9;--glass-border:#ffffffd1;--glass-shadow:0 8px 32px #ea580c1f;--card-bg:#ffffffb8;--sidebar-bg:#fff8f0e0;--nav-bg:#ffffffd1}[data-ui=ocean]{--bg-base:#eff6ff;--bg-gradient:linear-gradient(135deg, #dbeafe 0%, #eff6ff 40%, #e0f0fe 100%);--bg-surface:#ffffffbd;--bg-surface-hover:#ffffffe6;--bg-overlay:#ffffff73;--accent-primary:#2563eb;--accent-primary-light:#93c5fd;--accent-secondary:#10b981;--accent-tertiary:#f59e0b;--text-primary:#0a1628;--text-secondary:#1e4a90;--text-muted:#5888cc;--text-on-accent:#fff;--border-subtle:#2563eb1f;--border-default:#2563eb38;--border-strong:#2563eb66;--glass-bg:#fff9;--glass-border:#ffffffd1;--glass-shadow:0 8px 32px #2563eb1f;--card-bg:#ffffffb8;--sidebar-bg:#eff6ffe0;--nav-bg:#ffffffd1}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--bg-gradient);color:var(--text-primary);min-height:100vh;transition:background var(--transition-slow), color var(--transition-base);background-attachment:fixed;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-heavy{background:var(--bg-surface);-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border:1px solid var(--glass-border);box-shadow:var(--shadow-lg)}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base), border-color var(--transition-base), background var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-default);background:var(--bg-surface-hover)}.btn{border-radius:var(--radius-md);letter-spacing:.01em;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";transition:background var(--transition-fast);background:#fff0;position:absolute;inset:0}.btn:hover:after{background:#ffffff1f}.btn:active{opacity:.88}.btn-primary{background:var(--accent-primary);color:var(--text-on-accent);box-shadow:0 2px 12px #0000002e}.btn-primary:hover{box-shadow:0 4px 20px #0000003d}.btn-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-default);color:var(--text-primary)}.btn-glass:hover{background:var(--bg-surface-hover);border-color:var(--border-strong)}.badge{border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-primary{background:color-mix(in srgb, var(--accent-primary) 14%, transparent);color:var(--accent-primary);border:1px solid color-mix(in srgb, var(--accent-primary) 22%, transparent)}.badge-success{color:#059669;background:#10b98124;border:1px solid #10b98138}.badge-warning{color:#d97706;background:#f59e0b24;border:1px solid #f59e0b38}.badge-danger{color:#dc2626;background:#ef444424;border:1px solid #ef444438}.app-layout{min-height:100vh;display:flex;position:relative}.app-mobile-backdrop{z-index:900;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;background:#0806126b;border:0;padding:0;animation:.18s ease-out both backdrop-fade;display:none;position:fixed;inset:0}@keyframes backdrop-fade{0%{opacity:0}to{opacity:1}}@media (width<=1024px){.app-layout[data-mobile-nav-open=true] .app-mobile-backdrop{display:block}}.app-loading{background:var(--bg-base);justify-content:center;align-items:center;min-height:100vh;display:flex}.spinner{border:3px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin;display:inline-block}.main-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:clip}.page-content{flex:1;padding:28px;overflow-y:auto}.page-shell{flex-direction:column;gap:8px;display:flex}.page-heading{color:var(--text-primary);letter-spacing:-.02em;font-size:24px;font-weight:800}@media (width<=768px){.page-content{padding:16px}.page-heading{font-size:20px}}@media (width<=480px){.page-content{padding:12px}.page-heading{font-size:18px}.btn{padding:9px 14px;font-size:13px}}@media (width<=1024px){.main-content{width:100%;min-width:0}}.responsive-scroll-x{-webkit-overflow-scrolling:touch;overflow-x:auto}:root{--surface-canvas:var(--bg-base);--surface-raised:var(--nav-bg);--surface-panel:var(--card-bg);--surface-inset:#00000008;--surface-border:var(--border-subtle);--surface-border-strong:var(--border-default);--shadow-float:0 1px 2px #0000000a, 0 12px 32px -12px #0000002e;--shadow-float-strong:0 2px 4px #0000000d, 0 24px 56px -16px #0000003d;--density-pad-card:20px;--density-pad-row:12px;--density-font-scale:1;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", "Menlo", monospace;--ease-out-soft:cubic-bezier(.22, 1, .36, 1);--focus-ring:0 0 0 2px var(--surface-canvas), 0 0 0 4px var(--accent-primary)}[data-density=compact]{--density-pad-card:14px;--density-pad-row:8px;--density-font-scale:.94}[data-density=cozy]{--density-pad-card:24px;--density-pad-row:14px;--density-font-scale:1.04}[data-ui=midnight]{--surface-inset:#ffffff0a;--shadow-float:0 1px 2px #0000004d, 0 16px 40px -12px #0000008c;--shadow-float-strong:0 2px 4px #0006, 0 28px 64px -16px #000000b3}[data-ui=obsidian]{--surface-canvas:#07080c;--surface-raised:#0e0d16eb;--surface-panel:#12101ca8;--surface-inset:#ffffff09;--surface-border:#ffffff0f;--surface-border-strong:#ffffff24;--shadow-float:0 1px 2px #00000080, 0 18px 48px -14px #000000b3, inset 0 1px 0 #ffffff0a;--shadow-float-strong:0 2px 4px #0009, 0 32px 72px -18px #000000d9, inset 0 1px 0 #ffffff0d;--focus-ring:0 0 0 2px var(--surface-canvas), 0 0 0 4px var(--accent-primary)}[data-ui=porcelain]{--surface-canvas:#fdfcf9;--surface-raised:#fff;--surface-panel:#fff;--surface-inset:#14130f09;--surface-border:#14130f12;--surface-border-strong:#14130f24;--shadow-float:0 1px 2px #2820180d, 0 14px 36px -14px #28201829, inset 0 1px 0 #fffefaf2;--shadow-float-strong:0 2px 5px #28201812, 0 26px 60px -18px #2820183d, inset 0 1px 0 #fffefa}.aurora{z-index:-1;pointer-events:none;background:var(--bg-base);position:fixed;inset:0;overflow:hidden}.aurora:before,.aurora:after{content:"";filter:blur(120px);opacity:.55;will-change:transform;border-radius:50%;position:absolute}.aurora:before{background:radial-gradient(closest-side, color-mix(in srgb, var(--accent-primary) 45%, transparent), transparent 70%);width:60vw;height:60vw;animation:28s ease-in-out infinite alternate aurora-drift-a;top:-15vw;left:-10vw}.aurora:after{background:radial-gradient(closest-side, color-mix(in srgb, var(--accent-secondary) 40%, transparent), transparent 70%);width:55vw;height:55vw;animation:36s ease-in-out infinite alternate aurora-drift-b;bottom:-18vw;right:-12vw}@keyframes aurora-drift-a{0%{transform:translate(0,0)scale(1)}to{transform:translate(8vw,6vh)scale(1.08)}}@keyframes aurora-drift-b{0%{transform:translate(0,0)scale(1)}to{transform:translate(-6vw,-4vh)scale(1.05)}}@media (prefers-reduced-motion:reduce),(prefers-contrast:more){.aurora:before,.aurora:after{opacity:.35;animation:none}}@media (width<=768px){.aurora:before,.aurora:after{opacity:.4;animation:none}}body.has-aurora{background:0 0}[data-ui=obsidian] .aurora:before{background:radial-gradient(closest-side, color-mix(in srgb, var(--accent-primary) 60%, transparent), transparent 70%);opacity:.42}[data-ui=obsidian] .aurora:after{background:radial-gradient(closest-side, color-mix(in srgb, var(--accent-secondary) 55%, transparent), transparent 70%);opacity:.32}[data-ui=porcelain] .aurora:before{background:radial-gradient(closest-side, color-mix(in srgb, var(--accent-tertiary) 55%, transparent), transparent 72%);opacity:.32}[data-ui=porcelain] .aurora:after{background:radial-gradient(closest-side, color-mix(in srgb, var(--accent-tertiary) 40%, transparent), transparent 72%);opacity:.22}.spotlight{isolation:isolate;position:relative}.spotlight:before{content:"";border-radius:inherit;background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--accent-primary) 22%, transparent), transparent 55%);opacity:0;transition:opacity .25s var(--ease-out-soft);pointer-events:none;z-index:0;position:absolute;inset:0}.spotlight:hover:before{opacity:1}.spotlight>*{z-index:1;position:relative}@media (prefers-reduced-motion:reduce){.spotlight:before{transition:none}}.dotgrid{pointer-events:none;background-image:radial-gradient(circle at center, color-mix(in srgb, var(--text-primary) 22%, transparent) 1px, transparent 1.4px);opacity:.5;background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 25%,#0000 75%);mask-image:radial-gradient(#000 25%,#0000 75%)}[data-ui=obsidian] .dotgrid,[data-ui=midnight] .dotgrid{opacity:.7}.gradient-border{position:relative}.gradient-border:after{content:"";border-radius:inherit;background:conic-gradient(from 180deg at 50% 50%, color-mix(in srgb, var(--accent-primary) 65%, transparent) 0deg, transparent 90deg, color-mix(in srgb, var(--accent-secondary) 55%, transparent) 200deg, transparent 320deg, color-mix(in srgb, var(--accent-primary) 65%, transparent) 360deg);-webkit-mask-composite:xor;opacity:0;transition:opacity .3s var(--ease-out-soft);pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.gradient-border:hover:after,.gradient-border.is-active:after{opacity:1}.shiny-text{background:linear-gradient(100deg, color-mix(in srgb, var(--text-primary) 92%, transparent) 0%, color-mix(in srgb, var(--text-primary) 92%, transparent) 40%, var(--accent-primary) 50%, color-mix(in srgb, var(--text-primary) 92%, transparent) 60%, color-mix(in srgb, var(--text-primary) 92%, transparent) 100%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite shiny-sweep}@keyframes shiny-sweep{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.shiny-text{animation:none}}@media (width<=768px){body,.main-content,.page-content{overflow-x:hidden}.prose,.av-instructions,.lv-body,.av-feedback,.cb-section,.lb-section,.modal-panel{word-wrap:break-word;overflow-wrap:anywhere}img,video{max-width:100%;height:auto}button,input,select,textarea{font-size:max(14px,1em)}.db-hero{gap:12px;padding:20px 18px}.db-hero-title{font-size:22px}.db-hero-sub{font-size:13px}.db-stat{gap:12px;padding:14px}.db-stat-value{font-size:20px}}@media (width<=480px){.db-hero{flex-direction:column;align-items:flex-start;padding:16px 14px}.db-hero-title{font-size:19px}.db-card-head{flex-wrap:wrap;padding:14px 14px 10px}.db-card-head h2{font-size:14px}.db-course-row{gap:10px;padding:10px 12px}.db-course-thumb{flex:0 0 36px;width:36px;height:36px}.db-event-time{min-width:56px;padding:4px 7px;font-size:11px}.db-event-row{gap:10px;padding:8px 10px}}@media (width<=768px){.courses-grid{grid-template-columns:1fr;gap:16px}.courses-search{flex:1;min-width:0}.course-card{min-height:320px}.course-card-banner{height:100px;padding:0 16px}.course-card-body{padding:16px 16px 12px}.course-card-title{font-size:17px}}@media (width<=480px){.courses-header{flex-direction:column;align-items:stretch}.courses-header>div:last-child{flex-wrap:wrap;gap:8px;display:flex}.courses-new-btn{padding:9px 14px;font-size:13px}}@media (width<=768px){.cd-banner{margin-bottom:20px;padding:22px 18px 24px}.cd-title{font-size:22px}.cd-subtitle{font-size:14px}.cd-description{font-size:13px}.cd-edit-btn{padding:5px 10px;font-size:12px;top:14px;right:14px}.cd-banner-content{flex-direction:column;gap:14px}.cd-stats{gap:8px;margin-top:16px}.cd-stat-card{min-width:140px;padding:12px 14px}.module-accordion-header{gap:8px;padding:14px}.module-title{font-size:15px}.module-item{gap:10px;padding:12px 14px}.module-item-icon{width:32px;height:32px}}@media (width<=480px){.cd-banner{padding:18px 14px 20px}.cd-title{font-size:19px}.cd-stat-card{flex:100%}.module-item-arrow{display:none}}@media (width<=768px){.lv-body.prose{padding:20px 18px;font-size:14.5px}.lv-title{font-size:22px}.lv-summary{font-size:14px}.lv-complete-btn{justify-content:center;width:100%}}@media (width<=480px){.lv-nav{flex-direction:column;gap:8px}.lv-nav-btn{padding:12px 14px}.lv-nav-btn--next{text-align:left;justify-content:flex-start}.lv-nav-btn--next .lv-nav-label{order:0}.lv-block--callout{padding:12px 14px}}@media (width<=768px){.av-instructions.prose{padding:18px 16px;font-size:14px}.av-title{font-size:22px}.av-meta{gap:12px;font-size:12.5px}.av-textarea{padding:14px;font-size:14px}.av-dropzone{padding:28px 16px}.av-staff-panel{gap:12px;padding:12px 14px}}@media (width<=480px){.av-nav{flex-direction:column;gap:8px}.av-nav-btn{padding:12px 14px}.av-nav-btn--next{text-align:left;justify-content:flex-start}.av-nav-btn--next .av-nav-label{order:0}.av-form-footer{flex-direction:column;align-items:stretch}.av-form-actions{justify-content:flex-end}.av-grade-link{justify-content:center;width:100%;margin-left:0}.av-attached-file{flex-wrap:wrap}}@media (width<=900px){.sp-page{height:auto;min-height:calc(100dvh - 64px)}.sp-shell{grid-template-columns:1fr}.sp-rail{border-right:0;border-bottom:1px solid var(--border,#ffffff14);max-height:50vh}.sp-list{max-height:36vh}.sp-main{overflow-y:visible}}@media (width<=768px){.ai-header{flex-direction:column;align-items:stretch;gap:10px}.ai-row{gap:10px;padding:12px 14px}.ai-row-icon{width:32px;height:32px}.ai-row-title{font-size:14px}.cal-controls{gap:8px}.cal-header-label{font-size:15px}.cal-view-tabs{flex-basis:100%;order:99;margin-left:0}.cal-add-btn{margin-left:auto}.cal-cell{min-height:64px;padding:4px 5px}.cal-cell-num{width:20px;height:20px;font-size:11px}.cal-event-chip{padding:1px 5px;font-size:10px}.cal-event-chip span{display:none}.cal-day-name{padding:6px 0;font-size:10px}}@media (width<=480px){.cal-cell{min-height:52px}.cal-detail-backdrop{padding:12px}.cal-detail-panel{width:100%;max-width:100%}.cal-detail-body{padding:16px}.cal-week-header{grid-template-columns:36px repeat(7,1fr)}.cal-week-time-gutter,.cal-week-times{width:36px}.cal-time-slot-label{padding:3px 4px 0 0;font-size:9px}}@media (width<=768px){.people-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:12px}.people-search{flex:1;min-width:0}.people-filter-tabs{flex-wrap:nowrap;max-width:100%;overflow-x:auto}.filter-tab{white-space:nowrap}.people-controls-right{margin-left:0}}@media (width<=480px){.people-grid{grid-template-columns:1fr}.person-card{padding:16px}.notif-page-header{gap:10px}.notif-filter-tabs{flex-wrap:nowrap;max-width:100%;overflow-x:auto}.notif-tab{white-space:nowrap}.notif-item{grid-template-columns:36px 1fr 12px;gap:10px;padding:10px 12px}.notif-item-icon{width:36px;height:36px}}@media (width<=768px){.al-header{flex-direction:column;align-items:stretch;gap:10px}.al-stats,.al-charts{gap:12px}.al-stat{padding:14px}.al-stat-value{font-size:22px}.al-chart{padding:14px 16px}.sp-panel-head{padding:18px 18px 12px}.sp-panel-body{gap:18px;padding:18px}.sp-identity{flex-wrap:wrap;padding:14px}.sp-avatar{flex:0 0 48px;width:48px;height:48px;font-size:17px}.sp-identity-name{font-size:16px}.cb-section{gap:16px;padding:18px 16px}.cb-section-head h2{font-size:17px}.cb-grid{grid-template-columns:1fr;gap:12px}.cb-cover-upload{flex-direction:column;align-items:stretch}.cb-cover-preview{width:100%;height:140px}.cb-module-head{flex-wrap:wrap;gap:8px;padding:12px 14px}.cb-module-body{padding:12px 14px 14px}}@media (width<=480px){.builder-header{flex-direction:column;align-items:stretch}.cb-preview-btn{text-align:center;justify-content:center;align-self:stretch}}@media (width<=768px){.lb-page{padding:0 14px 64px}.lb-header{gap:8px;padding:12px 0}.lb-back{max-width:140px;padding:6px 8px;font-size:12px}.lb-header-actions{gap:6px}.lb-btn-ghost,.lb-btn-primary{padding:8px 10px;font-size:12.5px}.lb-section{padding:18px 16px}.lb-section-head h2{font-size:16px}.lb-input--title{padding:12px 14px;font-size:18px}}@media (width<=480px){.lb-btn-ghost .lb-btn-label-extra,.lb-btn-primary .lb-btn-label-extra{display:none}.new-course-form{gap:16px;padding:18px 16px}.form-actions{flex-direction:column-reverse;align-items:stretch}.form-actions>*{text-align:center;justify-content:center;width:100%}}@media (width<=768px){.modal-backdrop{align-items:flex-end;padding:12px}.modal-panel{border-radius:var(--radius-lg);max-height:92dvh}.modal-detail,.modal-detail--tabbed,.modal-edit{padding:20px}.modal-confirm{padding:26px 22px}.modal-title{font-size:16px}}@media (width<=480px){.modal-backdrop{padding:0}.modal-panel{border:0;border-radius:0;width:100%;height:100dvh;max-height:100dvh;max-width:100%!important}}@media (width<=768px){.bm-panel{width:100%!important;max-width:100%!important}}@media (width<=480px){.edit-grid{grid-template-columns:1fr}}@media (width<=768px){.re-body--split{grid-template-columns:1fr}.re-body--split .re-preview{border-left:0;border-top:1px solid var(--border-subtle,#6c63ff1a)}.be-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.be-table-grid{grid-template-columns:repeat(var(--be-cols,3), minmax(90px, 1fr));width:max-content;min-width:100%}.comment-thread,.quiz-player,.comment-thread textarea,.quiz-player textarea,.quiz-player input{font-size:14px}.quiz-option{padding:12px 14px}}@media (width<=480px){.login-shell{padding:16px}.login-card{padding:24px 20px}}@media (width<=768px){.view-as-switcher{bottom:10px!important;right:10px!important}}#root{width:100%;min-height:100vh}