:root{--kk-deep-black:#0d0d0d;--kk-gold:#8a6e3f;--kk-charcoal:#262626;--kk-soft-gold:#9d8564;--kk-tan:#d6cdb9;--kk-cream:#f0e8dd;--kk-off-white:#fcfaf6;--kk-gray-700:#545454;--kk-gray-300:#d9d9d9;--kk-gray-200:#f4f4f4;--kk-gray-100:#fafafa;--kk-primary-text:var(--kk-charcoal);--kk-secondary-text:var(--kk-gray-700);--kk-accent:var(--kk-gold);--kk-accent-hover:var(--kk-soft-gold);--kk-background:var(--kk-off-white);--kk-surface:#fff;--kk-border:var(--kk-gray-300);--kk-btn-primary-bg:var(--kk-gold);--kk-btn-primary-text:var(--kk-off-white);--kk-btn-primary-hover:#7a5e35;--kk-btn-secondary-bg:var(--kk-off-white);--kk-btn-secondary-text:var(--kk-charcoal);--kk-btn-secondary-border:var(--kk-charcoal);--kk-nav-bg:var(--kk-charcoal);--kk-nav-text:var(--kk-off-white);--kk-nav-text-secondary:var(--kk-tan);--kk-nav-hover-bg:#8a6e3f26;--kk-nav-active-bg:#8a6e3f40;--kk-nav-border:var(--kk-gold);--font-family-primary:"Albert Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0d0d0d0d;--shadow-md:0 4px 6px -1px #0d0d0d1a,0 2px 4px -1px #0d0d0d0f;--shadow-lg:0 10px 15px -3px #0d0d0d1a,0 4px 6px -2px #0d0d0d0d;--shadow-xl:0 20px 25px -5px #0d0d0d1a,0 10px 10px -5px #0d0d0d0a;--shadow-gold:0 4px 12px #8a6e3f40;--icon-xs:1rem;--icon-sm:1.25rem;--icon-md:1.5rem;--icon-lg:2rem;--icon-xl:2.5rem;--transition-fast:.15s ease-in-out;--transition-base:.2s ease-in-out;--transition-slow:.3s ease-in-out}body{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);color:var(--kk-primary-text);background-color:var(--kk-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);color:var(--kk-charcoal);line-height:1.2}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}.kk-metric-title,.kk-section-title{font-weight:var(--font-weight-bold);color:var(--kk-charcoal)}p,span,div{font-weight:var(--font-weight-regular)}.kk-subtitle,.kk-helper-text,.kk-label-light{font-weight:var(--font-weight-light);color:var(--kk-secondary-text)}label{font-weight:var(--font-weight-medium);color:var(--kk-charcoal)}.kk-btn-primary,button.kk-btn-primary{background-color:var(--kk-btn-primary-bg);color:var(--kk-btn-primary-text);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-base);box-shadow:var(--shadow-gold);cursor:pointer;border:none;padding:.625rem 1.5rem}.kk-btn-primary svg,button.kk-btn-primary svg{color:#fff!important;stroke:#fff!important}.kk-btn-primary:hover,button.kk-btn-primary:hover{background-color:var(--kk-btn-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.kk-btn-primary:hover svg,button.kk-btn-primary:hover svg{color:#fff!important;stroke:#fff!important}.kk-btn-primary:active,button.kk-btn-primary:active{transform:translateY(0)}.kk-btn-secondary,button.kk-btn-secondary{background-color:var(--kk-btn-secondary-bg);color:var(--kk-btn-secondary-text);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);border:2px solid var(--kk-btn-secondary-border);transition:all var(--transition-base);cursor:pointer;padding:.625rem 1.5rem}.kk-btn-secondary:hover,button.kk-btn-secondary:hover{background-color:var(--kk-charcoal);color:var(--kk-off-white);box-shadow:var(--shadow-md)}.kk-btn-destructive,button.kk-btn-destructive{color:#fff;font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;background-color:#dc2626;border:none;padding:.625rem 1.5rem}.kk-btn-destructive:hover,button.kk-btn-destructive:hover{box-shadow:var(--shadow-md);background-color:#b91c1c}.kk-sidebar{background-color:var(--kk-nav-bg);border-right:2px solid var(--kk-nav-border);box-shadow:var(--shadow-xl)}.kk-sidebar-header{background:linear-gradient(135deg,var(--kk-charcoal)0%,var(--kk-deep-black)100%);border-bottom:2px solid var(--kk-gold);padding:var(--spacing-lg)}.kk-nav-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-lg);margin:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius-lg);color:var(--kk-nav-text-secondary);font-weight:var(--font-weight-medium);transition:all var(--transition-base);cursor:pointer;text-decoration:none;display:flex}.kk-nav-item:hover{background-color:var(--kk-nav-hover-bg);color:var(--kk-nav-text)}.kk-nav-item.active,.kk-nav-item--active{background-color:var(--kk-nav-active-bg);color:var(--kk-nav-text);border-left:3px solid var(--kk-gold)}.kk-top-header{border-bottom:1px solid var(--kk-border);box-shadow:var(--shadow-sm);background-color:#fff}.kk-card{background-color:var(--kk-surface);border:1px solid var(--kk-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.kk-card:hover{box-shadow:var(--shadow-md)}.kk-input,input.kk-input,textarea.kk-input,select.kk-input{border:1px solid var(--kk-border);border-radius:var(--radius-md);width:100%;font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);color:var(--kk-primary-text);transition:all var(--transition-base);background-color:#fff;padding:.625rem 1rem}.kk-input:focus,input.kk-input:focus,textarea.kk-input:focus,select.kk-input:focus{border-color:var(--kk-gold);outline:none;box-shadow:0 0 0 3px #8a6e3f1a}.kk-table{border-collapse:collapse;background-color:var(--kk-surface);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);overflow:hidden}.kk-table thead{background-color:var(--kk-gray-100)}.kk-table th{padding:var(--spacing-md)var(--spacing-lg);text-align:left;font-weight:var(--font-weight-bold);color:var(--kk-charcoal);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--kk-border)}.kk-table td{padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--kk-border);color:var(--kk-primary-text)}.kk-table tbody tr:hover{background-color:var(--kk-gray-100)}.kk-table tbody tr:last-child td{border-bottom:none}.kk-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background-color:#0d0d0d80;position:fixed;inset:0}.kk-modal{background-color:var(--kk-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:51;max-width:90vw;max-height:90vh;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.kk-modal-header{padding:var(--spacing-lg)var(--spacing-xl);border-bottom:1px solid var(--kk-border)}.kk-modal-body{padding:var(--spacing-xl)}.kk-modal-footer{padding:var(--spacing-lg)var(--spacing-xl);border-top:1px solid var(--kk-border);justify-content:flex-end;gap:var(--spacing-md);display:flex}.kk-tabs{border-bottom:2px solid var(--kk-border);gap:var(--spacing-md);display:flex}.kk-tab{padding:var(--spacing-md)var(--spacing-lg);font-weight:var(--font-weight-medium);color:var(--kk-secondary-text);cursor:pointer;transition:all var(--transition-base);border-bottom:2px solid #0000;margin-bottom:-2px}.kk-tab:hover{color:var(--kk-primary-text)}.kk-tab.active,.kk-tab--active{color:var(--kk-gold);border-bottom-color:var(--kk-gold)}.kk-badge{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-medium);align-items:center;padding:.25rem .75rem;line-height:1;display:inline-flex}.kk-badge-gold{color:var(--kk-gold);background-color:#8a6e3f1a}.kk-badge-success{color:#16a34a;background-color:#22c55e1a}.kk-badge-warning{color:#d97706;background-color:#fbbf241a}.kk-badge-error{color:#dc2626;background-color:#ef44441a}.kk-toast{background-color:var(--kk-surface);border:1px solid var(--kk-border);border-radius:var(--radius-lg);padding:var(--spacing-md)var(--spacing-lg);box-shadow:var(--shadow-lg);align-items:center;gap:var(--spacing-md);display:flex}.kk-toast-success{border-left:4px solid #16a34a}.kk-toast-error{border-left:4px solid #dc2626}.kk-toast-warning{border-left:4px solid #d97706}.kk-toast-info{border-left:4px solid var(--kk-gold)}.kk-breadcrumb{align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--kk-secondary-text);display:flex}.kk-breadcrumb-item{align-items:center;gap:var(--spacing-sm);display:flex}.kk-breadcrumb-link{color:var(--kk-secondary-text);transition:color var(--transition-base);text-decoration:none}.kk-breadcrumb-link:hover{color:var(--kk-gold)}.kk-breadcrumb-separator{color:var(--kk-border)}.kk-empty-state{text-align:center;padding:var(--spacing-3xl)var(--spacing-xl);color:var(--kk-secondary-text)}.kk-empty-state-icon{width:4rem;height:4rem;margin:0 auto var(--spacing-lg);color:var(--kk-tan)}.kk-empty-state-title{font-size:var(--text-xl);font-weight:var(--font-weight-medium);color:var(--kk-charcoal);margin-bottom:var(--spacing-sm)}.kk-empty-state-description{font-size:var(--text-base);color:var(--kk-secondary-text);margin-bottom:var(--spacing-lg)}.kk-bg-primary{background-color:var(--kk-background)}.kk-bg-surface{background-color:var(--kk-surface)}.kk-bg-charcoal{background-color:var(--kk-charcoal)}.kk-bg-gold{background-color:var(--kk-gold)}.kk-bg-cream{background-color:var(--kk-cream)}.kk-bg-tan{background-color:var(--kk-tan)}.kk-text-primary{color:var(--kk-primary-text)}.kk-text-secondary{color:var(--kk-secondary-text)}.kk-text-gold{color:var(--kk-gold)}.kk-text-charcoal{color:var(--kk-charcoal)}.kk-text-white{color:var(--kk-off-white)}.kk-border{border-color:var(--kk-border)}.kk-border-gold{border-color:var(--kk-gold)}.kk-border-charcoal{border-color:var(--kk-charcoal)}.kk-icon-primary{color:var(--kk-charcoal)}.kk-icon-secondary{color:var(--kk-secondary-text)}.kk-icon-gold{color:var(--kk-gold)}.kk-icon-white{color:var(--kk-off-white)}svg{transition:color var(--transition-fast),opacity var(--transition-fast)}.w-12.h-12.bg-blue-100,.w-12.h-12.bg-green-100,.w-12.h-12.bg-purple-100,.w-12.h-12.bg-orange-100,.w-12.h-12.bg-yellow-100,.w-12.h-12.bg-indigo-100,.w-10.h-10.bg-blue-100,.w-10.h-10.bg-green-100,.w-10.h-10.bg-purple-100,.w-10.h-10.bg-orange-100,.w-10.h-10.bg-yellow-100,.w-8.h-8.bg-blue-100,.w-8.h-8.bg-green-100,.w-8.h-8.bg-purple-100,.w-8.h-8.bg-orange-100,.w-8.h-8.bg-yellow-100{background-color:#8a6e3f1a!important}.w-12.h-12 .text-blue-600,.w-12.h-12 .text-green-600,.w-12.h-12 .text-purple-600,.w-12.h-12 .text-orange-600,.w-12.h-12 .text-yellow-600,.w-10.h-10 .text-blue-600,.w-10.h-10 .text-green-600,.w-10.h-10 .text-purple-600,.w-10.h-10 .text-orange-600,.w-10.h-10 .text-yellow-600,.w-8.h-8 .text-blue-600,.w-8.h-8 .text-green-600,.w-8.h-8 .text-purple-600,.w-8.h-8 .text-orange-600,.w-8.h-8 .text-yellow-600,.w-6.h-6.text-blue-600,.w-6.h-6.text-green-600,.w-6.h-6.text-purple-600,.w-6.h-6.text-orange-600,.w-6.h-6.text-yellow-600,.w-5.h-5.text-blue-600,.w-5.h-5.text-green-600,.w-5.h-5.text-purple-600,.w-5.h-5.text-orange-600,.w-5.h-5.text-yellow-600{color:var(--kk-gold)!important}.card svg:not([class*=text-]):not([class*=stroke-]),.kk-card svg:not([class*=text-]):not([class*=stroke-]),a:not(.kk-btn-primary):not([class*=bg-]) svg:not([class*=text-]):not([class*=stroke-]),button:not(.kk-btn-primary):not([class*=bg-]) svg:not([class*=text-]):not([class*=stroke-]){color:var(--kk-gold)}.kk-btn-primary svg,.kk-btn-primary svg:not([class*=text-]):not([class*=stroke-]),button.kk-btn-primary svg,button[class*=bg-yellow] svg,button[class*=bg-amber] svg,button[style*=background][style*=gold] svg,button[style*=background][style*=\#9d8564] svg,button[style*=background][style*=\#8a6e3f] svg,.btn-primary svg,[class*=kk-btn--primary] svg{color:#fff!important}.metric-card svg,.kk-metric-card svg,.notion-metric-card svg,nav svg:not([class*=text-]):not([class*=stroke-]),header svg:not([class*=text-]):not([class*=stroke-]){color:var(--kk-gold)}table svg:not([class*=text-]):not([class*=stroke-]),.table svg:not([class*=text-]):not([class*=stroke-]),li svg:not([class*=text-]):not([class*=stroke-]){color:var(--kk-charcoal)}button:not(.kk-btn-primary):not([class*=bg-yellow]):not([class*=bg-amber]):hover svg,a:not(.kk-btn-primary):hover svg,[role=button]:not(.kk-btn-primary):hover svg{color:var(--kk-soft-gold);opacity:.9}.kk-btn-primary:hover svg,button.kk-btn-primary:hover svg,.btn-primary:hover svg,[class*=kk-btn--primary]:hover svg{opacity:1;color:#fff!important}[class*=badge] .text-green-600 svg,[class*=badge] .text-green-700 svg,[class*=badge] .text-green-800 svg,[class*=status] .text-green-600 svg,[class*=status] .text-green-700 svg,[class*=status] .text-green-800 svg,.bg-green-50 .text-green-600 svg,.bg-green-50 .text-green-700 svg,.bg-green-100 .text-green-600 svg,.bg-green-100 .text-green-700 svg{color:#059669!important}[class*=badge] .text-red-600 svg,[class*=badge] .text-red-700 svg,[class*=badge] .text-red-800 svg,[class*=status] .text-red-600 svg,[class*=status] .text-red-700 svg,[class*=status] .text-red-800 svg,.bg-red-50 .text-red-600 svg,.bg-red-50 .text-red-700 svg,.bg-red-100 .text-red-600 svg,.bg-red-100 .text-red-700 svg{color:#dc2626!important}[class*=badge] .text-blue-600 svg,[class*=badge] .text-blue-700 svg,[class*=badge] .text-blue-800 svg,[class*=status] .text-blue-600 svg,[class*=status] .text-blue-700 svg,[class*=status] .text-blue-800 svg,.bg-blue-50 .text-blue-600 svg,.bg-blue-50 .text-blue-700 svg,.bg-blue-100 .text-blue-600 svg,.bg-blue-100 .text-blue-700 svg{color:#2563eb!important}[class*=badge] .text-yellow-600 svg,[class*=badge] .text-yellow-700 svg,[class*=badge] .text-amber-600 svg,[class*=badge] .text-amber-700 svg,[class*=status] .text-yellow-600 svg,[class*=status] .text-yellow-700 svg,[class*=status] .text-amber-600 svg,[class*=status] .text-amber-700 svg,.bg-yellow-50 .text-yellow-600 svg,.bg-yellow-50 .text-yellow-700 svg,.bg-amber-50 .text-amber-600 svg,.bg-amber-50 .text-amber-700 svg{color:#d97706!important}button:disabled svg,[disabled] svg{color:var(--kk-gray-300);opacity:.5}.dark svg:not([class*=text-]):not([class*=stroke-]){color:var(--kk-soft-gold)}.dark button:hover svg,.dark a:hover svg{color:var(--kk-tan)}.kk-p-xs{padding:var(--spacing-xs)}.kk-p-sm{padding:var(--spacing-sm)}.kk-p-md{padding:var(--spacing-md)}.kk-p-lg{padding:var(--spacing-lg)}.kk-p-xl{padding:var(--spacing-xl)}.kk-icon-wrapper{border-radius:var(--radius-md);transition:all var(--transition-base);justify-content:center;align-items:center;display:inline-flex}.kk-icon-wrapper-gold{color:var(--kk-gold);background-color:#8a6e3f1a}.kk-icon-wrapper-gold:hover{color:var(--kk-soft-gold);background-color:#8a6e3f26}.kk-icon-wrapper-charcoal{color:var(--kk-charcoal);background-color:#2626260d}.kk-icon-wrapper-charcoal:hover{color:var(--kk-deep-black);background-color:#2626261a}.kk-icon-xs{width:var(--icon-xs);height:var(--icon-xs)}.kk-icon-sm{width:var(--icon-sm);height:var(--icon-sm)}.kk-icon-md{width:var(--icon-md);height:var(--icon-md)}.kk-icon-lg{width:var(--icon-lg);height:var(--icon-lg)}.kk-icon-xl{width:var(--icon-xl);height:var(--icon-xl)}.kk-m-xs{margin:var(--spacing-xs)}.kk-m-sm{margin:var(--spacing-sm)}.kk-m-md{margin:var(--spacing-md)}.kk-m-lg{margin:var(--spacing-lg)}.kk-m-xl{margin:var(--spacing-xl)}.kk-rounded-sm{border-radius:var(--radius-sm)}.kk-rounded-md{border-radius:var(--radius-md)}.kk-rounded-lg{border-radius:var(--radius-lg)}.kk-rounded-xl{border-radius:var(--radius-xl)}.kk-rounded-full{border-radius:var(--radius-full)}.kk-shadow-sm{box-shadow:var(--shadow-sm)}.kk-shadow-md{box-shadow:var(--shadow-md)}.kk-shadow-lg{box-shadow:var(--shadow-lg)}.kk-shadow-xl{box-shadow:var(--shadow-xl)}.kk-shadow-gold{box-shadow:var(--shadow-gold)}@media (max-width:768px){:root{--text-4xl:2rem;--text-3xl:1.5rem;--text-2xl:1.25rem}.kk-modal{max-width:95vw}}.kk-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--kk-gold);outline-offset:2px}@keyframes kk-fade-in{0%{opacity:0}to{opacity:1}}@keyframes kk-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes kk-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.kk-animate-fade-in{animation:.3s ease-in-out kk-fade-in}.kk-animate-slide-up{animation:.3s ease-in-out kk-slide-up}.kk-animate-slide-down{animation:.3s ease-in-out kk-slide-down}[style*=background][style*=\#9d8564] svg,[style*=background][style*=\#8a6e3f] svg,[style*=background][style*=gold] svg,[style*="background: linear-gradient"] svg,.bg-\[var\(--kk-gold\)\] svg,.bg-\[var\(--kk-soft-gold\)\] svg,.bg-yellow-500 svg,.bg-yellow-600 svg,.bg-yellow-700 svg,.bg-amber-500 svg,.bg-amber-600 svg,.bg-amber-700 svg,button.bg-yellow-500 svg,button.bg-yellow-600 svg,button.bg-yellow-700 svg,button.bg-amber-500 svg,button.bg-amber-600 svg,button.bg-amber-700 svg,div[style*=background][style*=\#9d8564] svg,div[style*=background][style*=\#8a6e3f] svg,span[style*=background][style*=\#9d8564] svg,span[style*=background][style*=\#8a6e3f] svg,button[style*=background][style*=\#9d8564] svg,button[style*=background][style*=\#8a6e3f] svg{color:#fff!important}