:root{--kp-primary:#0ea5e9;--kp-primary-hover:#0284c7;--kp-primary-active:#0369a1;--kp-primary-light:#e0f2fe;--kp-secondary:#64748b;--kp-secondary-hover:#475569;--kp-secondary-light:#f1f5f9;--kp-success:#22c55e;--kp-success-hover:#16a34a;--kp-success-light:#dcfce7;--kp-success-text:#166534;--kp-warning:#f59e0b;--kp-warning-hover:#d97706;--kp-warning-light:#fef3c7;--kp-warning-text:#92400e;--kp-error:#ef4444;--kp-error-hover:#dc2626;--kp-error-light:#fee2e2;--kp-error-text:#991b1b;--kp-info:#3b82f6;--kp-info-hover:#2563eb;--kp-info-light:#dbeafe;--kp-info-text:#1e40af;--kp-status-pending-bg:#fef3c7;--kp-status-pending-text:#92400e;--kp-status-pending-border:#fcd34d;--kp-status-approved-bg:#dcfce7;--kp-status-approved-text:#166534;--kp-status-approved-border:#86efac;--kp-status-rejected-bg:#fee2e2;--kp-status-rejected-text:#991b1b;--kp-status-rejected-border:#fca5a5;--kp-status-active-bg:#dbeafe;--kp-status-active-text:#1e40af;--kp-status-active-border:#93c5fd;--kp-bg-primary:#ffffff;--kp-bg-secondary:#f8fafc;--kp-bg-tertiary:#f1f5f9;--kp-bg-dark:#0f172a;--kp-text-primary:#1f2937;--kp-text-secondary:#6b7280;--kp-text-muted:#9ca3af;--kp-text-inverse:#ffffff;--kp-border:#e5e7eb;--kp-border-dark:#d1d5db;--kp-border-light:#f3f4f6;--kp-border-focus:#0ea5e9;--kp-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--kp-font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Monaco,Consolas,monospace;--kp-text-xs:0.75rem;--kp-text-sm:0.875rem;--kp-text-base:1rem;--kp-text-lg:1.125rem;--kp-text-xl:1.25rem;--kp-text-2xl:1.5rem;--kp-text-3xl:1.875rem;--kp-text-4xl:2.25rem;--kp-leading-none:1;--kp-leading-tight:1.25;--kp-leading-snug:1.375;--kp-leading-normal:1.5;--kp-leading-relaxed:1.625;--kp-font-normal:400;--kp-font-medium:500;--kp-font-semibold:600;--kp-font-bold:700;--kp-space-0:0;--kp-space-1:0.25rem;--kp-space-2:0.5rem;--kp-space-3:0.75rem;--kp-space-4:1rem;--kp-space-5:1.25rem;--kp-space-6:1.5rem;--kp-space-8:2rem;--kp-space-10:2.5rem;--kp-space-12:3rem;--kp-space-16:4rem;--kp-space-20:5rem;--kp-radius-none:0;--kp-radius-sm:0.25rem;--kp-radius-md:0.375rem;--kp-radius-lg:0.5rem;--kp-radius-xl:0.75rem;--kp-radius-2xl:1rem;--kp-radius-full:9999px;--kp-border-width:1px;--kp-border-width-2:2px;--kp-shadow-xs:0 1px 2px 0 rgb(0 0 0/0.05);--kp-shadow-sm:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--kp-shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--kp-shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--kp-shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--kp-shadow-inner:inset 0 2px 4px 0 rgb(0 0 0/0.05);--kp-shadow-none:0 0 #0000;--kp-ring-width:2px;--kp-ring-offset:2px;--kp-ring-color:var(--kp-primary);--kp-transition-fast:150ms ease;--kp-transition-normal:200ms ease;--kp-transition-slow:300ms ease;--kp-z-dropdown:1000;--kp-z-sticky:1100;--kp-z-modal-backdrop:1200;--kp-z-modal:1300;--kp-z-toast:1400;--kp-z-tooltip:1500}@media (prefers-color-scheme:dark){:root.kp-dark{--kp-bg-primary:#0f172a;--kp-bg-secondary:#1e293b;--kp-bg-tertiary:#334155;--kp-text-primary:#f8fafc;--kp-text-secondary:#cbd5e1;--kp-text-muted:#94a3b8;--kp-border:#334155;--kp-border-dark:#475569;--kp-border-light:#1e293b}}.kp-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--kp-space-2);padding:var(--kp-space-2) var(--kp-space-4);font-family:var(--kp-font-sans);font-size:var(--kp-text-sm);font-weight:var(--kp-font-medium);line-height:var(--kp-leading-normal);text-decoration:none;border-radius:var(--kp-radius-md);border:var(--kp-border-width) solid transparent;cursor:pointer;transition:all var(--kp-transition-fast);white-space:nowrap}.kp-button:focus-visible{outline:none;box-shadow:0 0 0 var(--kp-ring-offset) var(--kp-bg-primary),0 0 0 calc(var(--kp-ring-offset) + var(--kp-ring-width)) var(--kp-ring-color)}.kp-button:disabled{opacity:.5;cursor:not-allowed}.kp-button-primary{background-color:var(--kp-primary);color:var(--kp-text-inverse)}.kp-button-primary:hover:not(:disabled){background-color:var(--kp-primary-hover)}.kp-button-primary:active:not(:disabled){background-color:var(--kp-primary-active)}.kp-button-secondary{background-color:var(--kp-bg-secondary);color:var(--kp-text-primary);border-color:var(--kp-border)}.kp-button-secondary:hover:not(:disabled){background-color:var(--kp-bg-tertiary);border-color:var(--kp-border-dark)}.kp-button-ghost{background-color:transparent;color:var(--kp-text-primary)}.kp-button-ghost:hover:not(:disabled){background-color:var(--kp-bg-tertiary)}.kp-button-danger{background-color:var(--kp-error);color:var(--kp-text-inverse)}.kp-button-danger:hover:not(:disabled){background-color:var(--kp-error-hover)}.kp-button-success{background-color:var(--kp-success);color:var(--kp-text-inverse)}.kp-button-success:hover:not(:disabled){background-color:var(--kp-success-hover)}.kp-button-sm{padding:var(--kp-space-1) var(--kp-space-3);font-size:var(--kp-text-xs)}.kp-button-lg{padding:var(--kp-space-3) var(--kp-space-6);font-size:var(--kp-text-base)}.kp-button-icon{padding:var(--kp-space-2)}.kp-input{display:block;width:100%;padding:var(--kp-space-2) var(--kp-space-3);font-family:var(--kp-font-sans);font-size:var(--kp-text-sm);line-height:var(--kp-leading-normal);color:var(--kp-text-primary);background-color:var(--kp-bg-primary);border:var(--kp-border-width) solid var(--kp-border);border-radius:var(--kp-radius-md);transition:border-color var(--kp-transition-fast),box-shadow var(--kp-transition-fast)}.kp-input::-moz-placeholder{color:var(--kp-text-muted)}.kp-input::placeholder{color:var(--kp-text-muted)}.kp-input:focus{outline:none;border-color:var(--kp-border-focus);box-shadow:0 0 0 3px var(--kp-primary-light)}.kp-input:disabled{background-color:var(--kp-bg-tertiary);cursor:not-allowed;opacity:.7}.kp-input-error,.kp-input-error:focus{border-color:var(--kp-error)}.kp-input-error:focus{box-shadow:0 0 0 3px var(--kp-error-light)}.kp-input-group{display:flex;flex-direction:column;gap:var(--kp-space-1)}.kp-input-label{font-size:var(--kp-text-sm);font-weight:var(--kp-font-medium);color:var(--kp-text-primary)}.kp-input-hint{font-size:var(--kp-text-xs);color:var(--kp-text-muted)}.kp-input-error-message{font-size:var(--kp-text-xs);color:var(--kp-error)}.kp-card{background-color:var(--kp-bg-primary);border:var(--kp-border-width) solid var(--kp-border);border-radius:var(--kp-radius-lg);box-shadow:var(--kp-shadow-sm)}.kp-card-header{padding:var(--kp-space-4) var(--kp-space-6);border-bottom:var(--kp-border-width) solid var(--kp-border)}.kp-card-title{margin:0;font-size:var(--kp-text-lg);font-weight:var(--kp-font-semibold);color:var(--kp-text-primary)}.kp-card-description{margin-top:var(--kp-space-1);font-size:var(--kp-text-sm);color:var(--kp-text-secondary)}.kp-card-body{padding:var(--kp-space-6)}.kp-card-footer{padding:var(--kp-space-4) var(--kp-space-6);border-top:var(--kp-border-width) solid var(--kp-border);background-color:var(--kp-bg-secondary);border-radius:0 0 var(--kp-radius-lg) var(--kp-radius-lg)}.kp-badge{display:inline-flex;align-items:center;padding:var(--kp-space-1) var(--kp-space-2);font-size:var(--kp-text-xs);font-weight:var(--kp-font-medium);line-height:1;border-radius:var(--kp-radius-full);white-space:nowrap}.kp-badge-pending{background-color:var(--kp-status-pending-bg);color:var(--kp-status-pending-text)}.kp-badge-approved{background-color:var(--kp-status-approved-bg);color:var(--kp-status-approved-text)}.kp-badge-rejected{background-color:var(--kp-status-rejected-bg);color:var(--kp-status-rejected-text)}.kp-badge-active{background-color:var(--kp-status-active-bg);color:var(--kp-status-active-text)}.kp-badge-info{background-color:var(--kp-info-light);color:var(--kp-info-text)}.kp-badge-success{background-color:var(--kp-success-light);color:var(--kp-success-text)}.kp-badge-warning{background-color:var(--kp-warning-light);color:var(--kp-warning-text)}.kp-badge-error{background-color:var(--kp-error-light);color:var(--kp-error-text)}.kp-alert{display:flex;gap:var(--kp-space-3);padding:var(--kp-space-4);border-radius:var(--kp-radius-md);border:var(--kp-border-width) solid transparent}.kp-alert-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.kp-alert-content{flex:1;min-width:0}.kp-alert-title{font-weight:var(--kp-font-medium);margin-bottom:var(--kp-space-1)}.kp-alert-message{font-size:var(--kp-text-sm)}.kp-alert-success{background-color:var(--kp-success-light);border-color:var(--kp-status-approved-border);color:var(--kp-success-text)}.kp-alert-error{background-color:var(--kp-error-light);border-color:var(--kp-status-rejected-border);color:var(--kp-error-text)}.kp-alert-warning{background-color:var(--kp-warning-light);border-color:var(--kp-status-pending-border);color:var(--kp-warning-text)}.kp-alert-info{background-color:var(--kp-info-light);border-color:var(--kp-status-active-border);color:var(--kp-info-text)}.kp-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:kp-spin .75s linear infinite}.kp-spinner-sm{width:.75rem;height:.75rem}.kp-spinner-lg{width:1.5rem;height:1.5rem}.kp-spinner-xl{width:2rem;height:2rem}@keyframes kp-spin{to{transform:rotate(1turn)}}.kp-table{width:100%;border-collapse:collapse;font-size:var(--kp-text-sm)}.kp-table td,.kp-table th{padding:var(--kp-space-3) var(--kp-space-4);text-align:left;border-bottom:var(--kp-border-width) solid var(--kp-border)}.kp-table th{font-weight:var(--kp-font-medium);color:var(--kp-text-secondary)}.kp-table tbody tr:hover,.kp-table th{background-color:var(--kp-bg-secondary)}.kp-table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.kp-form{gap:var(--kp-space-4)}.kp-form,.kp-form-group{display:flex;flex-direction:column}.kp-form-group{gap:var(--kp-space-2)}.kp-form-label{font-size:var(--kp-text-sm);font-weight:var(--kp-font-medium);color:var(--kp-text-primary)}.kp-form-label-required:after{content:" *";color:var(--kp-error)}.kp-form-actions{display:flex;gap:var(--kp-space-3);margin-top:var(--kp-space-2)}.kp-divider{border:none;border-top:var(--kp-border-width) solid var(--kp-border);margin:var(--kp-space-4) 0}.kp-divider-vertical{border-left:var(--kp-border-width) solid var(--kp-border);height:100%;margin:0 var(--kp-space-4)}.kp-text-primary{color:var(--kp-text-primary)}.kp-text-secondary{color:var(--kp-text-secondary)}.kp-text-muted{color:var(--kp-text-muted)}.kp-text-success{color:var(--kp-success)}.kp-text-error{color:var(--kp-error)}.kp-text-warning{color:var(--kp-warning)}.kp-text-xs{font-size:var(--kp-text-xs)}.kp-text-sm{font-size:var(--kp-text-sm)}.kp-text-base{font-size:var(--kp-text-base)}.kp-text-lg{font-size:var(--kp-text-lg)}.kp-text-xl{font-size:var(--kp-text-xl)}.kp-text-2xl{font-size:var(--kp-text-2xl)}.kp-font-normal{font-weight:var(--kp-font-normal)}.kp-font-medium{font-weight:var(--kp-font-medium)}.kp-font-semibold{font-weight:var(--kp-font-semibold)}.kp-font-bold{font-weight:var(--kp-font-bold)}.kp-mt-0{margin-top:0}.kp-mt-2{margin-top:var(--kp-space-2)}.kp-mt-4{margin-top:var(--kp-space-4)}.kp-mt-6{margin-top:var(--kp-space-6)}.kp-mb-0{margin-bottom:0}.kp-mb-2{margin-bottom:var(--kp-space-2)}.kp-mb-4{margin-bottom:var(--kp-space-4)}.kp-mb-6{margin-bottom:var(--kp-space-6)}.kp-flex{display:flex}.kp-flex-col{flex-direction:column}.kp-items-center{align-items:center}.kp-justify-center{justify-content:center}.kp-justify-between{justify-content:space-between}.kp-gap-2{gap:var(--kp-space-2)}.kp-gap-4{gap:var(--kp-space-4)}.kp-w-full{width:100%}.kp-max-w-sm{max-width:24rem}.kp-max-w-md{max-width:28rem}.kp-max-w-lg{max-width:32rem}.kp-max-w-xl{max-width:36rem}.kp-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}