:root,[data-theme=dark]{--ndc-bg:210 44% 6%;--ndc-surface:220 30% 12%;--ndc-surface-2:218 34% 10%;--ndc-surface-elev:220 28% 14%;--ndc-fg:214 30% 92%;--ndc-muted:220 14% 64%;--ndc-primary:178 79% 57%;--ndc-primary-hover:178 79% 47%;--ndc-secondary:232 100% 68%;--ndc-success:145 63% 42%;--ndc-warning:38 92% 50%;--ndc-danger:0 72% 51%;--ndc-border:220 13% 26%;--ndc-line:220 13% 20%;--ndc-ring:var(--ndc-primary);--ndc-input-bg:220 30% 10%;--ndc-radius-sm:6px;--ndc-radius-md:10px;--ndc-radius-lg:14px;--ndc-radius-xl:18px;--ndc-radius-full:9999px;--ndc-shadow-sm:0 1px 2px rgba(0,0,0,.3);--ndc-shadow-md:0 4px 12px rgba(0,0,0,.4);--ndc-shadow-lg:0 8px 24px rgba(0,0,0,.5);--ndc-font-title:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--ndc-font-body:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--ndc-font-mono:ui-monospace,"SFMono-Regular",Menlo,Monaco,Consolas,"Liberation Mono",monospace}[data-theme=neutral]{--ndc-bg:220 13% 18%;--ndc-surface:218 14% 24%;--ndc-surface-2:220 12% 22%;--ndc-surface-elev:218 14% 28%;--ndc-fg:220 9% 94%;--ndc-muted:220 9% 65%;--ndc-primary:199 89% 48%;--ndc-primary-hover:199 89% 38%;--ndc-secondary:262 83% 58%;--ndc-success:160 84% 39%;--ndc-warning:43 96% 56%;--ndc-danger:0 84% 60%;--ndc-border:220 13% 40%;--ndc-line:220 13% 35%;--ndc-ring:var(--ndc-primary);--ndc-input-bg:220 14% 20%}[data-theme=light]{--ndc-bg:0 0% 98%;--ndc-surface:0 0% 100%;--ndc-surface-2:220 14% 96%;--ndc-surface-elev:0 0% 100%;--ndc-fg:222 47% 11%;--ndc-muted:220 9% 46%;--ndc-primary:199 89% 38%;--ndc-primary-hover:199 89% 28%;--ndc-secondary:262 83% 48%;--ndc-success:160 84% 29%;--ndc-warning:38 92% 40%;--ndc-danger:0 72% 51%;--ndc-border:220 13% 80%;--ndc-line:220 13% 85%;--ndc-ring:var(--ndc-primary);--ndc-input-bg:220 14% 96%}*,:after,:before{box-sizing:border-box}body,html{height:100%;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:hsl(var(--ndc-bg));color:hsl(var(--ndc-fg));font-family:var(--ndc-font-body);font-size:14px;line-height:1.6;transition:background-color .2s ease,color .2s ease}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit}a{color:hsl(var(--ndc-primary));text-decoration:none;transition:color .15s ease}a:hover{color:hsl(var(--ndc-primary-hover))}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--ndc-font-title);font-weight:600;line-height:1.3;color:hsl(var(--ndc-fg))}h1{font-size:28px;letter-spacing:-.02em}h2{font-size:22px;letter-spacing:-.01em}h3{font-size:18px}h4{font-size:16px}p{margin:0 0 12px}.ndcFontMono,.ndcMono,code,pre{font-family:var(--ndc-font-mono)}.ndcContainer{max-width:1280px;margin:0 auto;padding:24px}.ndcAppLayout{display:flex;min-height:100vh}.ndcSidebar{position:fixed;inset:0 auto 0 0;z-index:10;display:flex;width:240px;min-width:240px;flex-direction:column;padding:16px 0;background:hsl(var(--ndc-surface));border-right:1px solid hsl(var(--ndc-line)/.3)}.ndcSidebarBrand{margin-bottom:16px;padding:8px 20px 24px;border-bottom:1px solid hsl(var(--ndc-line)/.2)}.ndcBrandTitle,.ndcSidebarBrandTitle{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;letter-spacing:-.02em;color:hsl(var(--ndc-fg))}.ndcBrandLogo,.ndcSidebarBrandLogo{width:50px;height:40px;flex-shrink:0;border-radius:6px;object-fit:contain}.ndcBrandLogoPlaceholder,.ndcSidebarBrandLogo.placeholder{background:linear-gradient(135deg,hsl(var(--ndc-primary)),hsl(var(--ndc-secondary)))}.ndcBrand,.ndcTopNav{display:flex;align-items:center;gap:12px}.ndcBrandText{display:flex;flex-direction:column;gap:2px}.ndcBrandTag{font-size:12px;color:hsl(var(--ndc-muted))}.ndcSidebarNav{flex:1 1;padding:0 12px}.ndcSidebarNavItem{display:flex;align-items:center;gap:12px;margin-bottom:4px;padding:10px 12px;border-radius:var(--ndc-radius-md);color:hsl(var(--ndc-muted));font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:all .15s ease}.ndcSidebarNavItem:hover{background:hsl(var(--ndc-surface-elev));color:hsl(var(--ndc-fg))}.ndcSidebarNavItem.active{background:hsl(var(--ndc-primary)/.15);color:hsl(var(--ndc-primary))}.ndcSidebarNavIcon{width:20px;height:20px;flex-shrink:0;opacity:.8}.ndcSidebarFooter{margin-top:auto;padding:16px 20px;border-top:1px solid hsl(var(--ndc-line)/.2)}.ndcMain{flex:1 1;min-height:100vh;margin-left:240px;padding:24px 32px}.ndcTopNav{justify-content:space-between;flex-wrap:wrap;padding:12px 0 18px;border-bottom:1px solid hsl(var(--ndc-line)/.15)}.ndcNavLinks{display:flex;flex-wrap:wrap;gap:14px}.ndcNavLink{color:hsl(var(--ndc-muted));font-size:14px}.ndcNavLink:hover{color:hsl(var(--ndc-fg))}.ndcNavLinkActive{color:hsl(var(--ndc-primary))}.ndcMainHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid hsl(var(--ndc-line)/.2)}.ndcMainTitle{font-size:24px;font-weight:700}.ndcMainActions{display:flex;gap:12px}.ndcGrid,.ndcGrid12,.ndcGridAuto{display:grid;grid-gap:16px;gap:16px}.ndcGrid12{grid-template-columns:repeat(12,minmax(0,1fr))}.ndcGridAuto{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.ndcCol1{grid-column:span 1}.ndcCol2{grid-column:span 2}.ndcCol3{grid-column:span 3}.ndcCol4{grid-column:span 4}.ndcCol5{grid-column:span 5}.ndcCol6{grid-column:span 6}.ndcCol7{grid-column:span 7}.ndcCol8{grid-column:span 8}.ndcCol9{grid-column:span 9}.ndcCol10{grid-column:span 10}.ndcCol11{grid-column:span 11}.ndcCol12{grid-column:span 12}.ndcCard{padding:20px;background:hsl(var(--ndc-surface));border:1px solid hsl(var(--ndc-border)/.5);border-radius:var(--ndc-radius-lg);transition:all .2s ease}.ndcCard:hover{border-color:hsl(var(--ndc-border));box-shadow:var(--ndc-shadow-sm)}.ndcCardHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.ndcCardTitle{font-size:16px;font-weight:600;color:hsl(var(--ndc-fg))}.ndcCardSubtitle{margin-top:4px;font-size:13px;color:hsl(var(--ndc-muted))}.ndcCardContent{color:hsl(var(--ndc-fg)/.9)}.ndcCardFooter{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid hsl(var(--ndc-line)/.2)}.ndcBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:0;border-radius:var(--ndc-radius-md);cursor:pointer;font-family:var(--ndc-font-body);font-size:14px;font-weight:500;line-height:1;text-decoration:none;white-space:nowrap;transition:all .15s ease}.ndcBtn:disabled{opacity:.5;cursor:not-allowed}.ndcBtnPrimary{background:hsl(var(--ndc-primary));color:#090f16}.ndcBtnPrimary:hover:not(:disabled){background:hsl(var(--ndc-primary-hover));box-shadow:0 0 16px hsl(var(--ndc-primary)/.4)}.ndcBtnSecondary{background:hsl(var(--ndc-surface-elev));border:1px solid hsl(var(--ndc-border));color:hsl(var(--ndc-fg))}.ndcBtnSecondary:hover:not(:disabled){background:hsl(var(--ndc-surface));border-color:hsl(var(--ndc-muted))}.ndcBtnGhost{background:transparent;color:hsl(var(--ndc-muted))}.ndcBtnGhost:hover:not(:disabled){background:hsl(var(--ndc-surface-elev));color:hsl(var(--ndc-fg))}.ndcBtnDanger{background:hsl(var(--ndc-danger));color:#fff}.ndcBtnDanger:hover:not(:disabled){background:#b41d1d}.ndcBtnSm{padding:6px 12px;font-size:13px}.ndcBtnLg{padding:14px 24px;font-size:16px}.ndcBtnIcon{min-width:36px;min-height:36px;padding:8px}.ndcBtnFullWidth{width:100%}.ndcBtnSpinner,.ndcIconSpin{animation:ndcSpin .8s linear infinite}@keyframes ndcSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ndcInput,.ndcSelect,.ndcTextarea{width:100%;padding:10px 14px;background:hsl(var(--ndc-input-bg));border:1px solid hsl(var(--ndc-border)/.5);border-radius:var(--ndc-radius-md);color:hsl(var(--ndc-fg));outline:none;transition:all .15s ease}.ndcInput::placeholder,.ndcTextarea::placeholder{color:hsl(var(--ndc-muted)/.6)}.ndcCheckbox:focus,.ndcInput:focus,.ndcSelect:focus,.ndcTextarea:focus{border-color:hsl(var(--ndc-primary));box-shadow:0 0 0 3px hsl(var(--ndc-primary)/.2)}.ndcInput:disabled,.ndcSelect:disabled,.ndcTextarea:disabled{opacity:.5;cursor:not-allowed}.ndcInputError{border-color:hsl(var(--ndc-danger))}.ndcInputError:focus{box-shadow:0 0 0 3px hsl(var(--ndc-danger)/.2)}.ndcTextarea{min-height:100px;resize:vertical}.ndcSelect{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2393a4b8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}.ndcCheckboxLabel{display:flex;align-items:center;gap:10px;cursor:pointer}.ndcCheckbox{width:18px;height:18px;accent-color:hsl(var(--ndc-primary))}.ndcColorInput{width:48px;min-width:48px;height:42px;padding:4px}.ndcColorPreview{width:18px;height:18px;border:1px solid hsl(var(--ndc-border));border-radius:9999px}.ndcColorsRow{display:flex;flex-wrap:wrap;gap:10px}.ndcFormGroup{margin-bottom:20px}.ndcFormGroupInline{margin-bottom:0}.ndcFormLabel{display:block;margin-bottom:6px;color:hsl(var(--ndc-fg));font-size:13px;font-weight:500}.ndcFormHint{color:hsl(var(--ndc-muted))}.ndcFormError,.ndcFormHint{margin-top:6px;font-size:12px}.ndcFormError{color:hsl(var(--ndc-danger))}.ndcFormActions{display:flex;flex-wrap:wrap;gap:12px}.ndcBadge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--ndc-radius-sm);font-size:12px;font-weight:500}.ndcBadgeDefault{background:hsl(var(--ndc-surface-elev));color:hsl(var(--ndc-muted))}.ndcBadgePrimary{background:hsl(var(--ndc-primary)/.15);color:hsl(var(--ndc-primary))}.ndcBadgeSuccess{background:hsl(var(--ndc-success)/.15);color:hsl(var(--ndc-success))}.ndcBadgeWarning{background:hsl(var(--ndc-warning)/.15);color:hsl(var(--ndc-warning))}.ndcBadgeDanger{background:hsl(var(--ndc-danger)/.15);color:hsl(var(--ndc-danger))}.ndcProgressWrapper{display:flex;align-items:center;gap:10px}.ndcProgress{height:6px;flex:1 1;overflow:hidden;background:hsl(var(--ndc-surface-elev));border-radius:var(--ndc-radius-full)}.ndcProgressSm{height:4px}.ndcProgressLg{height:10px}.ndcProgressBar{height:100%;border-radius:var(--ndc-radius-full);background:linear-gradient(90deg,hsl(var(--ndc-primary)),hsl(var(--ndc-secondary)));transition:width .3s ease}.ndcProgressLabel{min-width:36px;text-align:right;color:hsl(var(--ndc-muted));font-size:12px;font-weight:600}.ndcTrialBanner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;padding:12px 16px;background:linear-gradient(90deg,hsl(var(--ndc-warning)/.15),hsl(var(--ndc-warning)/.05));border:1px solid hsl(var(--ndc-warning)/.3);border-radius:var(--ndc-radius-md)}.ndcTrialBannerText{color:hsl(var(--ndc-warning));font-size:14px}.ndcTrialWatermark{position:fixed;right:20px;bottom:20px;z-index:50;display:flex;align-items:center;gap:10px;padding:12px 20px;background:hsl(var(--ndc-warning)/.9);box-shadow:var(--ndc-shadow-md);border-radius:var(--ndc-radius-md);color:#090f16;font-size:13px;font-weight:600}.ndcTrialWatermark a{color:inherit;text-decoration:underline}.ndcSkeleton{background:linear-gradient(90deg,hsl(var(--ndc-surface-elev)) 0,hsl(var(--ndc-surface)) 50%,hsl(var(--ndc-surface-elev)) 100%);background-size:200% 100%;animation:ndcSkeletonPulse 1.5s ease-in-out infinite;border-radius:var(--ndc-radius-sm)}.ndcSkeletonText{height:14px;margin-bottom:8px}.ndcSkeletonTitle{width:60%;height:24px;margin-bottom:12px}.ndcSkeletonCard{height:120px}.ndcSkeletonCircle{border-radius:9999px}@keyframes ndcSkeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.ndcFlex{display:flex}.ndcFlexCol{flex-direction:column}.ndcFlexWrap{flex-wrap:wrap}.ndcItemsCenter{align-items:center}.ndcItemsStart{align-items:flex-start}.ndcItemsEnd{align-items:flex-end}.ndcJustifyBetween{justify-content:space-between}.ndcJustifyCenter{justify-content:center}.ndcJustifyEnd{justify-content:flex-end}.ndcGap4{gap:4px}.ndcGap8{gap:8px}.ndcGap12{gap:12px}.ndcGap16{gap:16px}.ndcGap24{gap:24px}.ndcMt8{margin-top:8px}.ndcMt16{margin-top:16px}.ndcMt24{margin-top:24px}.ndcMb8{margin-bottom:8px}.ndcMb16{margin-bottom:16px}.ndcMb24{margin-bottom:24px}.ndcTextMuted{color:hsl(var(--ndc-muted))}.ndcTextPrimary{color:hsl(var(--ndc-primary))}.ndcTextSuccess{color:hsl(var(--ndc-success))}.ndcTextWarning{color:hsl(var(--ndc-warning))}.ndcTextDanger{color:hsl(var(--ndc-danger))}.ndcTextCenter{text-align:center}.ndcTextRight{text-align:right}.ndcFontBold{font-weight:600}.ndcHidden{display:none}.ndcSrOnly{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media (max-width:1024px){.ndcSidebar{display:none}.ndcMain{margin-left:0;padding:20px}.ndcCol3,.ndcCol4,.ndcCol6,.ndcCol8,.ndcCol9{grid-column:span 12}}@media (max-width:640px){.ndcFormActions,.ndcMainHeader,.ndcTrialBanner{flex-direction:column;align-items:stretch}.ndcTrialWatermark{right:12px;bottom:12px;max-width:calc(100vw - 24px)}}