:root{--cp-color-bg:#0b0f14;--cp-color-surface:#11161d;--cp-color-surface-2:#161c25;--cp-color-border:#232a35;--cp-color-text:#e6edf3;--cp-color-text-muted:#8b96a5;--cp-color-accent:#4ea8ff;--cp-color-accent-hover:#74bcff;--cp-color-accent-strong:#1565c0;--cp-color-accent-strong-hover:#1976d2;--cp-color-success:#3fb950;--cp-color-warn:#d29922;--cp-color-danger:#f85149;--cp-radius-s:4px;--cp-radius-m:8px;--cp-radius-l:14px;--cp-space-1:4px;--cp-space-2:8px;--cp-space-3:12px;--cp-space-4:16px;--cp-space-5:24px;--cp-space-6:32px;--cp-shadow-1:0 1px 2px rgba(0,0,0,.3);--cp-shadow-2:0 4px 12px rgba(0,0,0,.45);--cp-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,sans-serif;--cp-font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--cp-color-bg);color:var(--cp-color-text);font-family:var(--cp-font-sans);font-size:15px;line-height:1.5;min-height:100vh}a{color:var(--cp-color-accent);text-decoration:none}a:hover{color:var(--cp-color-accent-hover);text-decoration:underline}button,input,select,textarea{font:inherit}.cp-container{max-width:1200px;margin:0 auto;padding:var(--cp-space-5) var(--cp-space-4)}.cp-surface{background:var(--cp-color-surface);border:1px solid var(--cp-color-border);border-radius:var(--cp-radius-l);padding:var(--cp-space-5);box-shadow:var(--cp-shadow-1)}.cp-btn{display:inline-flex;align-items:center;gap:var(--cp-space-2);background:var(--cp-color-accent-strong);color:#fff;border:0;padding:var(--cp-space-2) var(--cp-space-4);border-radius:var(--cp-radius-m);cursor:pointer;transition:background .12s ease}.cp-btn:hover{background:var(--cp-color-accent-strong-hover)}.cp-btn:disabled{opacity:.5;cursor:not-allowed}.cp-btn--ghost{background:transparent;color:var(--cp-color-text);border:1px solid var(--cp-color-border)}.cp-btn--ghost:hover,.cp-input{background:var(--cp-color-surface-2)}.cp-input{display:block;width:100%;border:1px solid var(--cp-color-border);color:var(--cp-color-text);padding:var(--cp-space-2) var(--cp-space-3);border-radius:var(--cp-radius-m)}.cp-input:focus{outline:2px solid var(--cp-color-accent);outline-offset:-1px}.cp-label{display:block;font-size:13px;margin-bottom:var(--cp-space-1)}.cp-empty-state,.cp-label{color:var(--cp-color-text-muted)}.cp-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--cp-space-2);padding:var(--cp-space-6);text-align:center}.cp-empty-state-icon{font-size:40px;line-height:1}.cp-empty-state-title{margin:0;font-size:17px;font-weight:600;color:var(--cp-color-text)}.cp-empty-state-desc{margin:0;font-size:14px}.cp-empty-state-action{margin-top:var(--cp-space-3)}.cp-loading-state{display:flex;align-items:center;justify-content:center;gap:var(--cp-space-3);padding:var(--cp-space-5);color:var(--cp-color-text-muted)}.cp-spinner{width:22px;height:22px;border:3px solid var(--cp-color-surface-2);border-top-color:var(--cp-color-accent);border-radius:50%;animation:cp-spin .8s linear infinite}.cp-loading-state-label{font-size:14px}@keyframes cp-spin{to{transform:rotate(1turn)}}.cp-error-state{display:flex;flex-direction:column;gap:var(--cp-space-3);padding:var(--cp-space-4);background:rgba(248,81,73,.1);border:1px solid var(--cp-color-danger);border-radius:var(--cp-radius-m);color:var(--cp-color-danger)}.cp-error-state-text{margin:0;font-size:14px}.cp-success-state{display:flex;flex-direction:column;gap:var(--cp-space-2);padding:var(--cp-space-5);background:rgba(63,185,80,.1);border:1px solid var(--cp-color-success);border-radius:var(--cp-radius-m);text-align:center}.cp-success-state-title{margin:0;font-weight:600;color:var(--cp-color-success)}.cp-success-state-msg{margin:0;font-size:14px;color:var(--cp-color-text-muted)}.cp-success-state-action{margin-top:var(--cp-space-2)}