.kc-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.kc-kpi{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-md);min-inline-size:0}.kc-kpi__label{font-size:var(--text-xs);color:var(--text-mid)}.kc-kpi__value{font-size:var(--text-2xl);color:var(--text-hi);font-weight:var(--font-bold);font-variant-numeric:tabular-nums;line-height:1.25}.kc-kpi__footer{font-size:var(--text-xs);color:var(--text-mid)}.kc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:var(--space-4);margin-block-start:var(--space-4)}.kc-card{position:relative;display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;min-inline-size:0;transition:border-color var(--k-motion-micro) var(--k-ease),box-shadow var(--k-motion-micro) var(--k-ease)}.kc-card:hover{border-color:var(--line-strong);box-shadow:var(--k-shadow-overlay)}.kc-card__main{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);flex:1;cursor:pointer}.kc-card__main:hover{background:color-mix(in srgb,var(--bg-elevated) 45%,var(--bg-surface))}.kc-card__main:focus-visible{outline:2px solid var(--brand-500);outline-offset:-2px;border-radius:inherit}.kc-card__header{display:flex;align-items:flex-start;gap:var(--space-3)}.kc-card__icon-block{position:relative;flex:0 0 auto}.kc-card__icon{display:inline-flex;align-items:center;justify-content:center;inline-size:44px;block-size:44px;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-md);font-size:var(--text-xl)}.kc-card__status-dot{position:absolute;inset-block-start:-4px;inset-inline-end:-4px;inline-size:12px;block-size:12px;border-radius:var(--radius-full);border:2px solid var(--bg-surface)}.kc-card__title-block{flex:1;min-inline-size:0}.kc-card__name{margin:0;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-hi)}.kc-card__category{margin:2px 0 0;font-size:var(--text-xs);color:var(--text-mid)}.kc-card__description{margin:0;font-size:var(--text-sm);color:var(--text-mid);line-height:1.6}.kc-card__status-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.kc-card__status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.kc-card__uptime{font-size:var(--text-xs);color:var(--text-mid)}.kc-card__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);padding-block-start:var(--space-3);border-block-start:1px solid var(--line)}.kc-card__metric{display:flex;flex-direction:column;gap:2px;min-inline-size:0}.kc-card__metric-label{font-size:var(--text-xs);color:var(--text-mid)}.kc-card__metric-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-hi);font-variant-numeric:tabular-nums}.kc-card__health{display:flex;align-items:center;gap:var(--space-2)}.kc-card__health-bar{flex:1;block-size:6px;border-radius:var(--radius-full);background:var(--bg-base);overflow:hidden}.kc-card__health-fill{block-size:100%;border-radius:var(--radius-full)}.kc-card__health-label{font-size:var(--text-xs);color:var(--text-mid)}.kc-card__readonly{margin-block-start:auto;padding-block-start:var(--space-1)}.kc-card__readonly-badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--text-mid)}.kc-card__error,.kc-card__pending{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-3) var(--space-4);border-block-start:1px solid var(--line);font-size:var(--text-xs);color:var(--text-mid)}.kc-card__error{background:#ef444414}.kc-card__pending{background:#f59e0b14}.kc-card__error-icon,.kc-card__pending-icon{flex:0 0 auto;font-size:var(--text-sm)}.kc-card--custom{align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-5) var(--space-4);text-align:center;border-style:dashed;background:var(--bg-elevated)}.kc-card--custom .kc-card__name{margin:0}.kc-card__custom-icon{inline-size:48px;block-size:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:#2dd4a71f;border:1px solid rgba(45,212,167,.35);color:var(--bright-400);font-size:var(--text-2xl);line-height:1}.kc-card__renew-btn,.kc-card__setup-btn,.kc-card__custom-btn,.kc-test__btn{display:inline-flex;align-items:center;justify-content:center;min-block-size:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);font-family:inherit;cursor:pointer;transition:background var(--k-motion-micro) var(--k-ease),border-color var(--k-motion-micro) var(--k-ease)}.kc-card__renew-btn:focus-visible,.kc-card__setup-btn:focus-visible,.kc-card__custom-btn:focus-visible,.kc-test__btn:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}.kc-card__renew-btn,.kc-test__btn,.kc-card__custom-btn{background:linear-gradient(135deg,var(--brand-500) 0%,var(--brand-700) 100%);border:1px solid transparent;color:var(--text-inverse)}.kc-card__renew-btn:hover,.kc-test__btn:hover,.kc-card__custom-btn:hover{background:linear-gradient(135deg,var(--brand-400) 0%,var(--brand-600) 100%)}.kc-card__setup-btn{background:transparent;border:1px solid var(--line-strong);color:var(--text-hi)}.kc-card__setup-btn:hover{background:var(--bg-elevated)}.kc-guide{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:var(--space-3);margin-block-start:var(--space-4)}.kc-guide__step{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--line);border-radius:var(--radius-md);min-inline-size:0}.kc-guide__step-num{flex:0 0 auto;inline-size:32px;block-size:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--brand-500) 0%,var(--brand-700) 100%);color:var(--text-inverse);font-size:var(--text-sm);font-weight:var(--font-bold)}.kc-guide__step-body{min-inline-size:0}.kc-guide__step-title{margin:0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-hi)}.kc-guide__step-desc{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--text-mid);line-height:1.6}.kc-drawer{position:fixed;inset:0;z-index:130}.kc-drawer[hidden]{display:none}.kc-drawer__backdrop{position:absolute;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:kc-fade-in var(--k-motion-panel) var(--k-ease)}.kc-drawer__panel{position:absolute;inset-block:0;inset-inline-end:0;inline-size:min(560px,100%);background:var(--bg-surface);border-inline-start:1px solid var(--line-strong);box-shadow:var(--k-shadow-overlay);display:flex;flex-direction:column;overflow:hidden;animation:kc-slide-in var(--k-motion-drawer) var(--k-ease)}@keyframes kc-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes kc-slide-in-rtl{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes kc-fade-in{0%{opacity:0}to{opacity:1}}[dir=rtl] .kc-drawer__panel{inset-inline-end:auto;inset-inline-start:0;border-inline-start:none;border-inline-end:1px solid var(--line-strong);animation-name:kc-slide-in-rtl}.kc-drawer__header{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-block-end:1px solid var(--line)}.kc-drawer__title{margin:0;font-size:var(--text-lg);color:var(--text-hi)}.kc-drawer__subtitle{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--text-mid)}.kc-drawer__close{flex:0 0 auto;inline-size:44px;block-size:44px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text-mid);font-size:var(--text-xl);line-height:1;cursor:pointer}.kc-drawer__close:hover{background:var(--bg-elevated);color:var(--text-hi)}.kc-drawer__close:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}.kc-drawer__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.kc-drawer__section{min-inline-size:0}.kc-drawer__section>h3{margin:0 0 var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-hi)}body.kc-drawer-open{overflow:hidden}.kc-flow{display:flex;flex-direction:column;gap:var(--space-2)}.kc-flow__node{padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-mid)}.kc-flow__node--source{color:var(--text-hi);font-weight:var(--font-semibold)}.kc-flow__node--connector{border-color:#2dd4a759;color:var(--bright-400)}.kc-flow__node--kernel{border-color:#f59e0b59;color:#fbbf24}.kc-flow__node--model{border-color:#6366f159;color:#a5b4fc}.kc-flow__arrow{text-align:center;color:var(--text-low);font-size:var(--text-sm)}.kc-test__warning{margin:0 0 var(--space-2);padding:var(--space-2) var(--space-3);background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);font-size:var(--text-xs);color:#fbbf24}.kc-test__input-row{display:flex;gap:var(--space-2)}.kc-test__input{flex:1;min-inline-size:0;block-size:44px;padding:var(--space-2) var(--space-3);background:var(--bg-base);border:1px solid var(--line-strong);border-radius:var(--radius-md);color:var(--text-hi);font-size:var(--text-sm);font-family:inherit}.kc-test__input::placeholder{color:var(--text-low)}.kc-test__input:focus-visible{outline:2px solid var(--brand-500);outline-offset:1px;border-color:var(--brand-500)}.kc-test__response{display:none;margin-block-start:var(--space-2);padding:var(--space-2) var(--space-3);background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--k-allow)}.kc-test__response--visible{display:block}.kc-sync-log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.kc-sync-log__entry{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-block-end:1px solid var(--line);font-size:var(--text-xs);color:var(--text-mid)}.kc-sync-log__entry:last-child{border-block-end:none}.kc-sync-log__icon{flex:0 0 auto}.kc-sync-log__time{flex:0 0 auto;font-variant-numeric:tabular-nums}.kc-sync-log__records{margin-inline-start:auto}.kc-sync-log__duration{flex:0 0 auto;color:var(--text-low)}.kc-queue{padding:var(--space-3) var(--space-4);background:#f59e0b14;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md)}.kc-queue__header{display:flex;align-items:center;gap:var(--space-2)}.kc-queue__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-hi)}.kc-queue__count{margin-block-start:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-bold);color:#fbbf24}.kc-queue__desc{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--text-mid);line-height:1.6}.kc-toast{position:fixed;inset-block-end:var(--space-5);inset-inline-start:50%;translate:-50% 0;z-index:140;max-inline-size:min(92vw,480px);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--k-shadow-overlay);color:var(--text-hi);font-size:var(--text-sm);animation:kc-toast-in var(--k-motion-panel) var(--k-ease)}.kc-toast[hidden]{display:none}@keyframes kc-toast-in{0%{opacity:0;translate:-50% 8px}to{opacity:1;translate:-50% 0}}@media(prefers-reduced-motion:reduce){.kc-drawer__backdrop,.kc-drawer__panel,.kc-toast,.kc-card{animation:none!important;transition:none!important}}@media(max-width:1023px){.kc-drawer__panel{inline-size:min(560px,100%)}}