:root{--pk-primary-h:220;--pk-primary-s:90%;--pk-primary-l:54%;--color-primary:hsl(var(--pk-primary-h),var(--pk-primary-s),var(--pk-primary-l));--color-primary-hover:hsl(var(--pk-primary-h),var(--pk-primary-s),45%);--color-primary-light:hsl(var(--pk-primary-h),var(--pk-primary-s),96%);--color-background:#fff;--color-surface:#f8f9fc;--color-surface-hover:#f1f3f9;--color-border:#e2e4e9;--color-border-hover:#d1d5db;--color-text-main:#111827;--color-text-secondary:#4b5563;--color-text-tertiary:#9ca3af;--color-text-inverse:#fff;--color-error:#ef4444;--color-error-bg:#fef2f2;--color-success:#10b981;--color-success-bg:#ecfdf5;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--header-height:64px;--sidebar-width:280px;--drawer-width:360px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-float:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-default:.25s cubic-bezier(.4,0,.2,1)}@media (prefers-color-scheme:dark){:root{--color-background:#0f1115;--color-surface:#1a1d23;--color-surface-hover:#23272f;--color-border:#2e333d;--color-border-hover:#404652;--color-text-main:#f9fafb;--color-text-secondary:#d1d5db;--color-text-tertiary:#9ca3af;--color-text-inverse:#111827;--color-primary-light:hsl(var(--pk-primary-h),var(--pk-primary-s),10%,.5)}}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--color-text-main);background:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}.container{max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.flex-center{justify-content:center;align-items:center;display:flex}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.btn{border-radius:var(--radius-md);transition:all var(--transition-default);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);border:none;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text-main)}.card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}