:root{--cp-bg: #f3f4f6;--cp-surface: #ffffff;--cp-border: #e5e7eb;--cp-border-strong: #d1d5db;--cp-text: #111827;--cp-muted: #6b7280;--cp-primary: #2563eb;--cp-primary-600: #1d4ed8;--cp-danger: #dc2626;--cp-danger-700: #b91c1c;--cp-shadow: 0 1px 3px rgba(0,0,0,.06);--cp-shadow-lg: 0 8px 24px rgba(17,24,39,.08);--cp-radius: 12px;--cp-radius-sm: 10px;--cp-ring: 0 0 0 4px rgba(37, 99, 235, .18);--cp-ring-danger: 0 0 0 4px rgba(220, 38, 38, .18)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--cp-bg);color:var(--cp-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.cp-card{background:var(--cp-surface);border:1px solid var(--cp-border);border-radius:var(--cp-radius);box-shadow:var(--cp-shadow)}.cp-section-title{font-weight:800;color:var(--cp-text);letter-spacing:.2px;display:flex;align-items:center;gap:.5rem}.cp-input,.cp-select,.cp-textarea{width:100%;border:1px solid var(--cp-border-strong);border-radius:10px;padding:.55rem .75rem;background:var(--cp-surface);color:var(--cp-text);outline:none;transition:box-shadow .15s ease,border-color .15s ease,transform .05s ease}.cp-textarea{resize:vertical}.cp-input:focus-visible,.cp-select:focus-visible,.cp-textarea:focus-visible{border-color:#2563eb99;box-shadow:var(--cp-ring)}.cp-btn{border-radius:10px;padding:.55rem .9rem;font-weight:700;font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .05s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease,color .15s ease;display:inline-flex;align-items:center;gap:.45rem;border:1px solid transparent}.cp-btn:active{transform:translateY(1px)}.cp-btn:focus-visible{box-shadow:var(--cp-ring)}.cp-btn[disabled]{opacity:.7;cursor:default;transform:none}.cp-btn-primary{background:var(--cp-primary);color:#fff}.cp-btn-primary:hover{background:var(--cp-primary-600)}.cp-btn-outline{background:var(--cp-surface);border-color:var(--cp-border-strong);color:#374151}.cp-btn-outline:hover{background:#f8fafc;border-color:#cbd5e1}.cp-btn-danger{background:var(--cp-danger);color:#fff}.cp-btn-danger:hover{background:var(--cp-danger-700)}.cp-btn-danger:focus-visible{box-shadow:var(--cp-ring-danger)}.cp-btn-danger-outline{background:transparent;border-color:var(--cp-danger);color:var(--cp-danger)}.cp-btn-danger-outline:hover{background:#dc26260f;border-color:var(--cp-danger-700);color:var(--cp-danger-700)}.cp-btn-danger-outline:focus-visible{box-shadow:var(--cp-ring-danger)}.cp-link{color:var(--cp-primary);text-decoration:none;font-weight:700}.cp-link:hover{text-decoration:underline}