.sp{--sp-primary: oklch(53% .18 252);--sp-primary-hover: oklch(48% .18 252);--sp-primary-soft: oklch(95.5% .025 250);--sp-bg: oklch(98.2% .004 252);--sp-fg: oklch(22% .025 255);--sp-card: #fff;--sp-border: oklch(91% .012 252);--sp-muted: oklch(96.2% .006 252);--sp-muted-fg: oklch(50% .027 254);--sp-accent: oklch(94% .026 250);--sp-success: oklch(52% .14 154);--sp-success-soft: oklch(95% .045 154);--sp-warning: oklch(50% .12 65);--sp-warning-soft: oklch(95.5% .06 85);--sp-danger: oklch(52% .19 25);--sp-danger-soft: oklch(95.5% .035 25);--sp-info: oklch(46% .15 252);--sp-info-soft: oklch(94.5% .035 250);--sp-progress: oklch(46% .14 290);--sp-progress-soft: oklch(95% .03 290);--sp-radius: .75rem;--sp-radius-sm: .5rem;--sp-shadow: 0 1px 2px oklch(22% .025 255 / .05);--sp-shadow-lg: 0 10px 30px -12px oklch(22% .025 255 / .18);--sp-font: "Manrope", ui-sans-serif, system-ui, sans-serif;--sp-display: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr);background:var(--sp-bg);color:var(--sp-fg);font-family:var(--sp-font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;transition:grid-template-columns .2s ease}.sp.sp--collapsed{grid-template-columns:76px minmax(0,1fr)}:where(.sp) *,:where(.sp) *:before,:where(.sp) *:after{box-sizing:border-box}:where(.sp) a{color:inherit;text-decoration:none}:where(.sp) :is(h1,h2,h3,h4){font-family:var(--sp-display);margin:0;letter-spacing:-.01em}:where(.sp) button{font:inherit}:where(.sp) :focus-visible{outline:2px solid var(--sp-primary);outline-offset:2px}.sp-side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--sp-border);background:var(--sp-card);z-index:30}.sp-brand{display:flex;align-items:center;gap:.75rem;height:64px;padding:0 1rem;border-bottom:1px solid var(--sp-border)}.sp-brand__mark{width:36px;height:36px;flex:none;border-radius:10px;display:grid;place-items:center;background:var(--sp-primary);color:#fff}.sp-brand__name{font-family:var(--sp-display);font-weight:700;font-size:1rem;line-height:1.2}.sp-brand__sub{font-size:.72rem;color:var(--sp-muted-fg)}.sp-collapse{position:absolute;right:-12px;top:80px;width:24px;height:24px;border-radius:50%;border:1px solid var(--sp-border);background:var(--sp-card);color:var(--sp-muted-fg);display:grid;place-items:center;cursor:pointer;box-shadow:var(--sp-shadow)}.sp-collapse:hover{color:var(--sp-fg)}.sp-nav{display:flex;flex-direction:column;gap:4px;padding:.75rem}.sp-nav a{display:flex;align-items:center;gap:.75rem;height:42px;padding:0 .75rem;border-radius:10px;color:#323b48;font-weight:500;white-space:nowrap;transition:background .15s,color .15s}.sp-nav a:hover{background:var(--sp-muted);color:var(--sp-fg)}.sp-nav a.is-active{background:var(--sp-primary);color:#fff;font-weight:600}.sp-nav sp-icon{flex:none}.sp-side__foot{margin-top:auto;border-top:1px solid var(--sp-border);padding:.75rem;display:flex;flex-direction:column;gap:2px}.sp-me{display:flex;align-items:center;gap:.7rem;padding:.5rem .5rem .75rem}.sp-avatar{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--sp-accent);color:var(--sp-info);font-size:.75rem;font-weight:700}.sp-me__name{font-weight:600;font-size:.85rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-me__role{font-size:.72rem;color:var(--sp-muted-fg)}.sp-side__link{display:flex;align-items:center;gap:.7rem;height:38px;padding:0 .5rem;border-radius:8px;color:#323b48;font-size:.85rem;background:none;border:0;cursor:pointer;text-align:left;width:100%}.sp-side__link:hover{background:var(--sp-muted)}.sp--collapsed .sp-brand{justify-content:center;padding:0}.sp--collapsed .sp-brand__text,.sp--collapsed .sp-nav__label,.sp--collapsed .sp-me__text,.sp--collapsed .sp-side__label{display:none}.sp--collapsed .sp-nav a,.sp--collapsed .sp-side__link{justify-content:center;padding:0}.sp--collapsed .sp-me{justify-content:center;padding:.5rem 0}.sp-main{min-width:0;display:flex;flex-direction:column}.sp-top{position:sticky;top:0;z-index:20;height:64px;display:flex;align-items:center;gap:1rem;padding:0 2rem;border-bottom:1px solid var(--sp-border);background:color-mix(in oklab,var(--sp-bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sp-top__title{font-family:var(--sp-display);font-size:1.1rem;font-weight:600}.sp-top__user{display:flex;align-items:center;gap:.6rem;padding-left:1rem;border-left:1px solid var(--sp-border);font-weight:500;font-size:.9rem}.sp-top .sp-burger{display:none}.sp-page{padding:2rem 2rem 4rem;width:100%;max-width:1320px}.sp-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.75rem;flex-wrap:wrap}.sp-eyebrow{color:var(--sp-primary);font-weight:600;font-size:.85rem;margin-bottom:.35rem}.sp-h1{font-size:2rem;font-weight:700;line-height:1.15}.sp-sub{color:var(--sp-muted-fg);margin-top:.35rem}.sp-h2{font-size:1.1rem;font-weight:700}.sp-h3{font-size:1rem;font-weight:700}.sp-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin:2rem 0 .9rem}.sp-section-sub{font-size:.82rem;color:var(--sp-muted-fg);margin-top:.15rem}.sp-link{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;font-size:.9rem;color:var(--sp-fg)}.sp-link:hover{color:var(--sp-primary)}.sp-muted{color:var(--sp-muted-fg)}.sp-small{font-size:.8rem}.sp-card{background:var(--sp-card);border:1px solid var(--sp-border);border-radius:var(--sp-radius);box-shadow:var(--sp-shadow)}.sp-card--pad{padding:1.5rem}.sp-card--pad-lg{padding:2rem}.sp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.sp-stat{padding:1.25rem;display:flex;flex-direction:column;gap:.35rem;min-height:136px}.sp-stat__top{display:flex;justify-content:space-between;align-items:flex-start;color:var(--sp-muted-fg);font-weight:500}.sp-stat__icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--sp-primary-soft);color:var(--sp-primary)}.sp-stat__value{font-family:var(--sp-display);font-size:1.9rem;font-weight:700;line-height:1.1}.sp-stat__hint{margin-top:auto;font-size:.8rem;color:var(--sp-muted-fg)}.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:40px;padding:0 1.1rem;border-radius:var(--sp-radius-sm);border:1px solid transparent;font-weight:600;font-size:.9rem;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.sp-btn:disabled{opacity:.55;cursor:not-allowed}.sp-btn--primary{background:var(--sp-primary);color:#fff;box-shadow:0 1px 2px oklch(53% .18 252deg / .3)}.sp-btn--primary:hover:not(:disabled){background:var(--sp-primary-hover)}.sp-btn--outline{background:var(--sp-card);border-color:var(--sp-border);color:var(--sp-fg);box-shadow:var(--sp-shadow)}.sp-btn--outline:hover:not(:disabled){background:var(--sp-muted)}.sp-btn--ghost{background:transparent;color:var(--sp-fg)}.sp-btn--ghost:hover:not(:disabled){background:var(--sp-muted)}.sp-btn--danger{background:var(--sp-card);border-color:color-mix(in oklab,var(--sp-danger) 35%,transparent);color:var(--sp-danger)}.sp-btn--danger:hover:not(:disabled){background:var(--sp-danger-soft)}.sp-btn--sm{height:32px;padding:0 .75rem;font-size:.8rem}.sp-btn--lg{height:44px;padding:0 1.4rem;font-size:.95rem}.sp-btn--block{width:100%}.sp-icon-btn{width:34px;height:34px;border-radius:8px;border:0;background:transparent;color:var(--sp-muted-fg);display:inline-grid;place-items:center;cursor:pointer}.sp-icon-btn:hover{background:var(--sp-muted);color:var(--sp-fg)}.sp-badge{display:inline-flex;align-items:center;gap:.3rem;height:22px;padding:0 .55rem;border-radius:999px;font-size:.72rem;font-weight:700;white-space:nowrap;background:var(--sp-muted);color:#3a4350}.sp-badge[data-tone=success]{background:var(--sp-success-soft);color:var(--sp-success)}.sp-badge[data-tone=warning]{background:var(--sp-warning-soft);color:var(--sp-warning)}.sp-badge[data-tone=danger]{background:var(--sp-danger-soft);color:var(--sp-danger)}.sp-badge[data-tone=info]{background:var(--sp-info-soft);color:var(--sp-info)}.sp-badge[data-tone=progress]{background:var(--sp-progress-soft);color:var(--sp-progress)}.sp-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.sp-chip{display:inline-flex;align-items:center;gap:.35rem;height:26px;padding:0 .3rem 0 .6rem;border-radius:6px;background:var(--sp-info-soft);color:var(--sp-info);font-size:.78rem;font-weight:600}.sp-chip button{border:0;background:none;color:inherit;cursor:pointer;display:grid;place-items:center;width:18px;height:18px;border-radius:4px}.sp-chip button:hover{background:color-mix(in oklab,var(--sp-info) 12%,transparent)}.sp-pi{display:inline-grid;place-items:center;width:22px;height:22px;color:var(--pi)}.sp-pi svg{width:100%;height:100%}.sp-pi--boxed{width:44px;height:44px;padding:10px;border-radius:10px;border:1px solid var(--sp-border);background:var(--sp-card)}.sp-pi-round{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--sp-muted)}.sp-pi-round .sp-pi{width:15px;height:15px}.sp-pi-row{display:inline-flex;gap:.4rem;align-items:center}.sp-pi-row .sp-pi-round[data-state=Failed]{box-shadow:inset 0 0 0 1.5px var(--sp-danger)}.sp-pi-row .sp-pi-round[data-state=Published]{box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--sp-success) 55%,transparent)}.sp-field{display:flex;flex-direction:column;gap:.4rem;min-width:0}.sp-field+.sp-field{margin-top:1.1rem}.sp-label{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;font-size:.85rem;font-weight:600}.sp-count{font-size:.75rem;font-weight:500;color:var(--sp-muted-fg);font-variant-numeric:tabular-nums}.sp-count--over{color:var(--sp-danger);font-weight:700}.sp-hint{font-size:.78rem;color:var(--sp-muted-fg)}.sp-input,.sp-select,.sp-textarea{width:100%;border:1px solid var(--sp-border);border-radius:var(--sp-radius-sm);background:var(--sp-card);color:var(--sp-fg);font:inherit;font-size:.92rem;padding:0 .8rem;height:40px;box-shadow:var(--sp-shadow);transition:border-color .15s,box-shadow .15s}.sp-textarea{height:auto;min-height:120px;padding:.65rem .8rem;resize:vertical;line-height:1.55}.sp-input:focus,.sp-select:focus,.sp-textarea:focus{outline:none;border-color:var(--sp-primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--sp-primary) 18%,transparent)}.sp-input--error{border-color:var(--sp-danger)}.sp-search{position:relative;flex:1;min-width:200px}.sp-search sp-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--sp-muted-fg)}.sp-search .sp-input{padding-left:2.3rem}.sp-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}.sp-grid-2>.sp-field+.sp-field{margin-top:0}.sp-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.sp-seg{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.sp-seg button{height:40px;border-radius:var(--sp-radius-sm);border:1px solid var(--sp-border);background:var(--sp-card);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.sp-seg button.is-on{background:var(--sp-primary-soft);border-color:color-mix(in oklab,var(--sp-primary) 40%,transparent);color:var(--sp-info)}.sp-tagbox{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;min-height:40px;padding:.35rem .5rem;border:1px solid var(--sp-border);border-radius:var(--sp-radius-sm);background:var(--sp-card);box-shadow:var(--sp-shadow)}.sp-tagbox:focus-within{border-color:var(--sp-primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--sp-primary) 18%,transparent)}.sp-tagbox input{flex:1;min-width:120px;border:0;outline:0;font:inherit;font-size:.9rem;background:transparent;height:28px}.sp-check{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500}.sp-check input{width:18px;height:18px;accent-color:var(--sp-primary)}.sp-note{display:flex;gap:.6rem;align-items:flex-start;padding:.75rem .9rem;border-radius:var(--sp-radius-sm);background:var(--sp-muted);color:#3a4350;font-size:.85rem}.sp-note sp-icon{flex:none;margin-top:1px}.sp-note--info{background:var(--sp-info-soft);color:var(--sp-info)}.sp-note--warn{background:var(--sp-warning-soft);color:var(--sp-warning)}.sp-note--danger{background:var(--sp-danger-soft);color:var(--sp-danger)}.sp-table-wrap{overflow-x:auto}.sp-table{width:100%;border-collapse:collapse}.sp-table th{text-align:left;font-size:.8rem;font-weight:600;color:var(--sp-muted-fg);padding:.85rem 1rem;background:var(--sp-muted);border-bottom:1px solid var(--sp-border);white-space:nowrap}.sp-table td{padding:.9rem 1rem;border-bottom:1px solid var(--sp-border);vertical-align:middle;font-size:.9rem}.sp-table tr:last-child td{border-bottom:0}.sp-table tbody tr.is-link{cursor:pointer}.sp-table tbody tr.is-link:hover td{background:color-mix(in oklab,var(--sp-muted) 60%,transparent)}.sp-table th:first-child{border-top-left-radius:var(--sp-radius)}.sp-table th:last-child{border-top-right-radius:var(--sp-radius)}.sp-vid{display:flex;align-items:center;gap:.9rem;min-width:0}.sp-vid__title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:34ch}.sp-vid__meta{font-size:.8rem;color:var(--sp-muted-fg);display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.sp-thumb{position:relative;flex:none;width:128px;aspect-ratio:16/10;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,var(--sp-accent),var(--sp-muted));display:grid;place-items:center;color:var(--sp-muted-fg)}.sp-thumb img{width:100%;height:100%;object-fit:cover;display:block}.sp-thumb--sm{width:80px}.sp-thumb--md{width:96px}.sp-thumb__dur{position:absolute;right:6px;bottom:6px;padding:1px 5px;border-radius:4px;font-size:.68rem;font-weight:700;background:#000000b8;color:#fff}.sp-expired{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;color:var(--sp-muted-fg)}.sp-list>*+*{border-top:1px solid var(--sp-border)}.sp-row{display:flex;align-items:center;gap:1rem;padding:1rem 1.1rem}.sp-row--link{cursor:pointer}.sp-row--link:hover{background:color-mix(in oklab,var(--sp-muted) 60%,transparent)}.sp-row__body{flex:1;min-width:0}.sp-row__title{font-weight:600}.sp-row__meta{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--sp-muted-fg);margin-top:.2rem;flex-wrap:wrap}.sp-filters{display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem;margin-bottom:1.25rem}.sp-filters .sp-select{width:auto;min-width:150px}.sp-pager{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.1rem;border-top:1px solid var(--sp-border);font-size:.85rem;color:var(--sp-muted-fg)}.sp-empty{text-align:center;padding:3rem 1.5rem;color:var(--sp-muted-fg)}.sp-empty__icon{width:48px;height:48px;margin:0 auto .9rem;border-radius:12px;display:grid;place-items:center;background:var(--sp-primary-soft);color:var(--sp-primary)}.sp-empty h3{color:var(--sp-fg);font-size:1rem;margin-bottom:.3rem}.sp-empty p{margin:0 0 1.1rem;font-size:.9rem}.sp-menu{position:relative;display:inline-block}.sp-menu__list{position:absolute;right:0;top:calc(100% + 4px);min-width:180px;z-index:40;padding:.3rem;background:var(--sp-card);border:1px solid var(--sp-border);border-radius:var(--sp-radius-sm);box-shadow:var(--sp-shadow-lg)}.sp-menu__list button,.sp-menu__list a{display:flex;width:100%;align-items:center;gap:.55rem;padding:.5rem .65rem;border:0;background:none;border-radius:6px;cursor:pointer;font-size:.87rem;text-align:left;color:var(--sp-fg)}.sp-menu__list button:hover,.sp-menu__list a:hover{background:var(--sp-muted)}.sp-menu__list .is-danger{color:var(--sp-danger)}.sp-menu__list hr{border:0;border-top:1px solid var(--sp-border);margin:.3rem 0}.sp-toast{position:fixed;right:1.25rem;bottom:1.25rem;z-index:90;max-width:420px;padding:.8rem 1rem;border-radius:var(--sp-radius-sm);background:var(--sp-fg);color:#fff;font-size:.88rem;box-shadow:var(--sp-shadow-lg);display:flex;gap:.6rem;align-items:flex-start}.sp-toast--error{background:var(--sp-danger)}.sp-skel{border-radius:6px;background:linear-gradient(90deg,var(--sp-muted),var(--sp-accent),var(--sp-muted));background-size:200% 100%;animation:sp-skel 1.3s ease-in-out infinite}@keyframes sp-skel{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:1100px){.sp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.sp,.sp.sp--collapsed{grid-template-columns:minmax(0,1fr)}.sp-side{position:fixed;left:0;top:0;width:264px;transform:translate(-100%);transition:transform .2s ease;box-shadow:var(--sp-shadow-lg)}.sp--menu-open .sp-side{transform:none}.sp--collapsed .sp-brand__text,.sp--collapsed .sp-nav__label,.sp--collapsed .sp-me__text,.sp--collapsed .sp-side__label{display:revert}.sp--collapsed .sp-nav a,.sp--collapsed .sp-side__link{justify-content:flex-start;padding:0 .75rem}.sp-collapse{display:none}.sp-top .sp-burger{display:inline-grid}.sp-scrim{position:fixed;inset:0;background:#00000059;z-index:25}.sp-top{padding:0 1rem}.sp-page{padding:1.25rem 1rem 3rem}.sp-h1{font-size:1.6rem}.sp-grid-2,.sp-grid-3{grid-template-columns:minmax(0,1fr)}.sp-top__user span:last-child{display:none}}@media(max-width:560px){.sp-stats{grid-template-columns:minmax(0,1fr)}.sp-thumb{width:88px}}