:root{--pyko-primary-50: #EFF6FF;--pyko-primary-100: #DBEAFE;--pyko-primary-200: #BFDBFE;--pyko-primary-300: #93C5FD;--pyko-primary-400: #60A5FA;--pyko-primary-500: #3B82F6;--pyko-primary-600: #2563EB;--pyko-primary-700: #1E40AF;--pyko-primary-800: #1E3A8A;--pyko-primary-900: #172554;--pyko-primary-950: #0F1827;--pyko-neutral-0: #FFFFFF;--pyko-neutral-50: #F8FAFC;--pyko-neutral-100: #F1F5F9;--pyko-neutral-200: #E2E8F0;--pyko-neutral-300: #CBD5E1;--pyko-neutral-400: #94A3B8;--pyko-neutral-500: #64748B;--pyko-neutral-600: #475569;--pyko-neutral-700: #334155;--pyko-neutral-800: #1E293B;--pyko-neutral-900: #0F172A;--pyko-success: #16A34A;--pyko-success-bg: #DCFCE7;--pyko-warning: #D97706;--pyko-warning-bg: #FEF3C7;--pyko-danger: #DC2626;--pyko-danger-bg: #FEE2E2;--pyko-info: #0284C7;--pyko-info-bg: #E0F2FE;--pyko-font-sans: "Figtree", system-ui, sans-serif;--pyko-font-mono: "JetBrains Mono", ui-monospace, monospace;--pyko-space-1: 4px;--pyko-space-2: 8px;--pyko-space-3: 12px;--pyko-space-4: 16px;--pyko-space-6: 24px;--pyko-space-8: 32px;--pyko-space-12: 48px;--pyko-space-16: 64px;--pyko-radius-sm: 4px;--pyko-radius-md: 8px;--pyko-radius-lg: 12px;--pyko-radius-xl: 16px;--pyko-shadow-sm: 0 1px 3px rgba(15,24,39,.06), 0 1px 2px rgba(15,24,39,.04);--pyko-shadow-md: 0 4px 6px rgba(15,24,39,.05), 0 2px 4px rgba(15,24,39,.03);--pyko-shadow-lg: 0 10px 15px rgba(15,24,39,.06), 0 4px 6px rgba(15,24,39,.04);--pyko-shadow-xl: 0 20px 25px rgba(15,24,39,.12), 0 8px 10px rgba(15,24,39,.06);--pyko-shadow-fab: 0 8px 24px rgba(30,64,175,.35);--pyko-shadow-card: 0 1px 0 rgba(15,23,42,.04), 0 1px 3px rgba(15,23,42,.06);--pyko-bg: var(--pyko-neutral-100);--pyko-surface: #FFFFFF;--pyko-border: var(--pyko-neutral-200);--pyko-border-strong: var(--pyko-neutral-300);--pyko-text: var(--pyko-neutral-900);--pyko-text-secondary: var(--pyko-neutral-600);--pyko-text-tertiary: var(--pyko-neutral-500);--pyko-surface-2: var(--pyko-neutral-50);--pyko-primary: var(--pyko-primary-600);--pyko-primary-strong: var(--pyko-primary-700);--pyko-primary-weak: var(--pyko-primary-50);--pyko-on-primary: #FFFFFF;--pyko-focus-ring: var(--pyko-primary-500);--pyko-accent-positive: #15803D;--pyko-accent-negative: #B91C1C}[data-theme=dark]{--pyko-bg: #0B1220;--pyko-surface: #111A2C;--pyko-border: #1E293B;--pyko-border-strong: #334155;--pyko-text: #E2E8F0;--pyko-text-secondary: #94A3B8;--pyko-text-tertiary: #64748B;--pyko-neutral-50: #0F172A;--pyko-neutral-100: #111A2C;--pyko-neutral-200: #1E293B;--pyko-neutral-300: #334155;--pyko-shadow-card: 0 1px 0 rgba(255,255,255,.02), 0 1px 3px rgba(0,0,0,.4);--pyko-surface-2: #0D1524;--pyko-primary-weak: rgba(59,130,246,.18)}:root[data-pyko-redesign=a]{--pyko-radius: var(--pyko-radius-lg);--pyko-radius-sm: var(--pyko-radius-md);--pyko-bg: #EDF1F8;--pyko-border: #CBD5E1;--pyko-surface-2: #EBF1FB;--pyko-shadow-card: 0 1px 3px rgba(15,23,42,.1), 0 8px 24px rgba(15,23,42,.13)}[data-pyko-redesign=a] .rounded-xl.shadow-sm,[data-pyko-redesign=a] .rounded-2xl.shadow-sm,[data-pyko-redesign=a] .rounded-lg.shadow-sm,[data-pyko-redesign=a] .rounded-xl.shadow-md{box-shadow:var(--pyko-shadow-card);border:1px solid var(--pyko-border-strong)}[data-pyko-redesign=a] .pyko-card{border-color:var(--pyko-border-strong)!important}[data-pyko-redesign=a] :is(.rounded-lg,.rounded-xl,.rounded-2xl):is(.p-4,.p-5,.p-6,.p-7,.p-8){border:1px solid rgba(15,23,42,.1);box-shadow:var(--pyko-shadow-card)}[data-pyko-redesign=a] table thead th{background:var(--pyko-header-bg, var(--pyko-primary-600))!important;color:var(--pyko-header-color, #FFFFFF)!important;font-weight:700}[data-pyko-redesign=a] .pyko-nav-section{background:var(--pyko-primary-100);border-radius:var(--pyko-radius-md);margin:5px 6px 2px}[data-pyko-redesign=a] .pyko-nav-section span{color:var(--pyko-primary-800)!important}[data-pyko-redesign=a] .pyko-nav-active{background:var(--pyko-primary-100)!important;color:var(--pyko-primary-800)!important;font-weight:700!important;box-shadow:inset 3px 0 0 0 var(--pyko-primary-600)}[data-pyko-redesign=a] .pyko-modal-head{background:var(--pyko-header-bg, var(--pyko-primary-600))!important;border-bottom-color:var(--pyko-primary-700)!important}[data-pyko-redesign=a] .pyko-modal-head,[data-pyko-redesign=a] .pyko-modal-head *{color:var(--pyko-header-color, #FFFFFF)!important}[data-pyko-redesign=a] .pyko-modal-head{border-top-left-radius:var(--pyko-radius-xl);border-top-right-radius:var(--pyko-radius-xl)}[data-pyko-redesign=a] table thead tr:first-child th:first-child{border-top-left-radius:var(--pyko-radius-lg)}[data-pyko-redesign=a] table thead tr:first-child th:last-child{border-top-right-radius:var(--pyko-radius-lg)}[data-pyko-redesign=a][data-theme=dark]{--pyko-success: #4ADE80;--pyko-success-bg: rgba(74,222,128,.18);--pyko-warning: #FBBF24;--pyko-warning-bg: rgba(251,191,36,.18);--pyko-danger: #F87171;--pyko-danger-bg: rgba(248,113,113,.18);--pyko-info: #38BDF8;--pyko-info-bg: rgba(56,189,248,.18);--pyko-accent-positive: #4ADE80;--pyko-accent-negative: #F87171}html,body{margin:0;padding:0;font-family:var(--pyko-font-sans);color:var(--pyko-text);background:var(--pyko-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit}.pyko-logo{display:inline-flex;align-items:center;gap:8px;font-family:var(--pyko-font-sans);font-weight:700;letter-spacing:-.02em;color:var(--pyko-primary-700)}.pyko-logo svg{display:block}.pyko-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum","ss01"}.pyko-placeholder{background-image:repeating-linear-gradient(135deg,var(--pyko-neutral-100) 0px,var(--pyko-neutral-100) 8px,var(--pyko-neutral-50) 8px,var(--pyko-neutral-50) 16px);color:var(--pyko-neutral-500);font-family:var(--pyko-font-mono);font-size:11px;display:flex;align-items:center;justify-content:center;border-radius:var(--pyko-radius-md)}:focus-visible{outline:2px solid var(--pyko-focus-ring);outline-offset:2px}.pyko-scroll::-webkit-scrollbar{width:8px;height:8px}.pyko-scroll::-webkit-scrollbar-track{background:transparent}.pyko-scroll::-webkit-scrollbar-thumb{background:var(--pyko-neutral-300);border-radius:4px;border:2px solid transparent;background-clip:content-box}.pyko-scroll::-webkit-scrollbar-thumb:hover{background:var(--pyko-neutral-400);background-clip:content-box}.pyko-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--pyko-btn-font, var(--pyko-font-sans));font-weight:var(--pyko-btn-weight, 600);border-radius:var(--pyko-btn-radius, var(--pyko-radius-md));border:1px solid transparent;cursor:pointer;transition:background .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);white-space:nowrap}.pyko-btn:disabled{opacity:.5;cursor:not-allowed}.pyko-btn-primary{background:var(--pyko-btn-primary-bg, var(--pyko-primary-700));color:var(--pyko-btn-primary-color, #fff)}.pyko-btn-primary:hover:not(:disabled){background:var(--pyko-primary-800)}.pyko-btn-secondary{background:var(--pyko-btn-secondary-bg, var(--pyko-surface));border-color:var(--pyko-btn-secondary-border, var(--pyko-border));color:var(--pyko-btn-secondary-color, var(--pyko-text))}.pyko-btn-secondary:hover:not(:disabled){background:var(--pyko-neutral-50)}.pyko-btn-ghost{background:var(--pyko-btn-ghost-bg, transparent);color:var(--pyko-btn-ghost-color, var(--pyko-text-secondary))}.pyko-btn-ghost:hover:not(:disabled){background:var(--pyko-neutral-100)}.pyko-btn-danger{background:var(--pyko-btn-danger-bg, var(--pyko-danger));color:var(--pyko-btn-danger-color, #fff)}.pyko-btn-danger:hover:not(:disabled){background:#b91c1c}.pyko-input{font-family:var(--pyko-input-font, var(--pyko-font-sans));font-size:14px;background:var(--pyko-input-bg, var(--pyko-surface));border:1px solid var(--pyko-input-border-color, var(--pyko-border));border-radius:var(--pyko-input-radius, var(--pyko-radius-md));color:var(--pyko-input-color, var(--pyko-text));padding:0 12px;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);width:100%}.pyko-input::placeholder{color:var(--pyko-text-tertiary)}.pyko-input:focus{outline:none;border-color:var(--pyko-primary-500);box-shadow:0 0 0 3px #3b82f626}.pyko-input--error{border-color:var(--pyko-danger)}.pyko-input--error:focus{box-shadow:0 0 0 3px #dc262626}.pyko-tab{background:transparent;border:0;border-bottom:2px solid transparent;padding:10px 14px;font-family:var(--pyko-tab-font, var(--pyko-font-sans));font-size:var(--pyko-tab-size, 13px);font-weight:var(--pyko-tab-weight, 600);color:var(--pyko-tab-color, var(--pyko-text-secondary));cursor:pointer;transition:border-color .15s,color .15s}.pyko-tab:hover{color:var(--pyko-text)}.pyko-tab--active{border-bottom-color:var(--pyko-tab-active-color, var(--pyko-primary-700));color:var(--pyko-tab-active-color, var(--pyko-primary-700))}.pyko-sidebar-item{display:flex;align-items:center;gap:10px;padding:7px 10px;background:transparent;border:0;border-radius:var(--pyko-sidebar-radius, 7px);width:100%;font-family:var(--pyko-sidebar-font, var(--pyko-font-sans));font-size:13px;font-weight:500;color:var(--pyko-sidebar-color, var(--pyko-text-secondary));cursor:pointer;text-align:left;margin-bottom:2px;transition:background .15s}.pyko-sidebar-item:hover{background:var(--pyko-neutral-100)}.pyko-sidebar-item--active{background:var(--pyko-sidebar-active-bg, var(--pyko-primary-50));color:var(--pyko-sidebar-active-color, var(--pyko-primary-700));font-weight:600}@keyframes pyko-spin{to{transform:rotate(360deg)}}.pyko-spinner{animation:pyko-spin .8s linear infinite}@keyframes pyko-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pyko-fade-in{animation:pyko-fade-in .24s cubic-bezier(.4,0,.2,1)}.pyko-page-header{padding-bottom:24px}.pyko-page-header--compact{padding-bottom:16px}.pyko-page-header__breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:2px;font-size:12px;margin-bottom:8px;font-weight:500;font-family:var(--pyko-font-sans);color:var(--pyko-text-tertiary)}.pyko-page-header__crumb-link{color:var(--pyko-text-secondary);text-decoration:none;font-weight:500;transition:color .12s}.pyko-page-header__crumb-link:hover{color:var(--pyko-text)}.pyko-page-header__row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.pyko-page-header__title{margin:0;font-size:var(--pyko-title-size, 22px);font-weight:var(--pyko-title-weight, 700);color:var(--pyko-title-color, var(--pyko-text));letter-spacing:-.02em;line-height:1.2;font-family:var(--pyko-title-font, var(--pyko-font-sans))}.pyko-page-header--compact .pyko-page-header__title{font-size:18px}.pyko-page-header__subtitle{margin:4px 0 0;font-size:13px;color:var(--pyko-text-secondary);line-height:1.5;font-family:var(--pyko-font-sans)}.pyko-page-header__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.pyko-form-section{border:1px solid var(--pyko-formsection-border, var(--pyko-border));border-radius:var(--pyko-formsection-radius, var(--pyko-radius-lg));overflow:hidden}.pyko-form-section__header{display:flex;align-items:flex-start;justify-content:space-between;width:100%;padding:16px 20px;background:var(--pyko-formsection-header-bg, var(--pyko-neutral-50));border:0;text-align:left;font-family:var(--pyko-font-sans);cursor:default;gap:12px}.pyko-form-section__header:not(:disabled){cursor:pointer}.pyko-form-section__header:not(:disabled):hover{background:var(--pyko-neutral-100)}.pyko-form-section__title{font-size:14px;font-weight:600;color:var(--pyko-text);margin:0}.pyko-form-section__description{font-size:12px;color:var(--pyko-text-secondary);margin-top:2px;line-height:1.4}.pyko-form-section__body{padding:20px;border-top:1px solid var(--pyko-border);background:var(--pyko-surface)}@keyframes pyko-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pyko-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.pyko-toast{padding:12px 14px;border-radius:var(--pyko-toast-radius, var(--pyko-radius-md));box-shadow:var(--pyko-toast-shadow, var(--pyko-shadow-md));font-family:var(--pyko-toast-font, var(--pyko-font-sans))}.pyko-toast--in{animation:pyko-toast-in .2s cubic-bezier(.4,0,.2,1) both}.pyko-toast--out{animation:pyko-toast-out .2s cubic-bezier(.4,0,.2,1) both;pointer-events:none}@keyframes pyko-toast-in{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pyko-toast-out{0%{opacity:1;transform:scale(1);max-height:200px;margin-bottom:0}to{opacity:0;transform:scale(.95);max-height:0;margin-bottom:-8px}}.pyko-datatable{background:var(--pyko-table-bg, var(--pyko-surface));border:1px solid var(--pyko-table-border, var(--pyko-border));border-radius:var(--pyko-table-radius, var(--pyko-radius-lg));overflow:hidden}.pyko-datatable__row:hover td{background:var(--pyko-table-row-hover, var(--pyko-neutral-50))}.pyko-datatable__skeleton{background:var(--pyko-neutral-100);border-radius:4px;animation:pyko-skeleton 1.4s ease-in-out infinite}@keyframes pyko-skeleton{0%,to{opacity:1}50%{opacity:.35}}.pyko-datatable__pagination{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--pyko-border);background:var(--pyko-neutral-50);font-family:var(--pyko-font-sans)}.pyko-datatable__pg-btn{min-width:28px;height:28px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:6px;font-family:var(--pyko-font-sans);font-size:12px;font-weight:500;color:var(--pyko-text-secondary);cursor:pointer;transition:background .12s,border-color .12s}.pyko-datatable__pg-btn:hover:not(:disabled){background:var(--pyko-neutral-100);border-color:var(--pyko-border)}.pyko-datatable__pg-btn:disabled{opacity:.4;cursor:not-allowed}.pyko-datatable__pg-btn--active{background:var(--pyko-table-pg-active, var(--pyko-primary-700))!important;border-color:var(--pyko-table-pg-active, var(--pyko-primary-700))!important;color:#fff!important}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--pyko-font-sans);background:var(--pyko-bg);color:var(--pyko-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font-family:inherit}
