:root{--cl-card-bg:rgba(255,255,255,0.88);--cl-card-inner:rgba(255,255,255,0.96);--cl-ghost-bg:rgba(255,255,255,0.72);--cl-ghost-border:rgba(105,114,152,0.20);--cl-locked-bg:rgba(217,184,106,0.08);--cl-locked-border:rgba(217,184,106,0.22);--cl-eyebrow:rgba(93,107,141,0.80);--cl-flow-bg:rgba(105,114,152,0.10);--cl-flow-border:rgba(105,114,152,0.18);--cl-list-item-bg:rgba(255,255,255,0.60);--cl-shadow:0 10px 40px rgba(78,64,140,0.12),inset 0 1px 0 rgba(255,255,255,0.90);--cl-shadow-sm:0 4px 16px rgba(78,64,140,0.08);--cl-stat-label:rgba(93,107,141,0.75);--cl-stat-hint:rgba(93,107,141,0.65);--cl-input-bg:rgba(255,255,255,0.90);--cl-input-border:rgba(105,114,152,0.22);--cl-badge-paid:rgba(34,197,94,0.14);--cl-badge-paid-border:rgba(34,197,94,0.25);--cl-badge-paid-text:#15803d;--cl-badge-sent:rgba(59,130,246,0.12);--cl-badge-sent-border:rgba(59,130,246,0.22);--cl-badge-sent-text:#1d4ed8;--cl-badge-draft:rgba(148,163,184,0.14);--cl-badge-draft-border:rgba(148,163,184,0.22);--cl-badge-draft-text:#475569;--cl-badge-overdue:rgba(239,68,68,0.12);--cl-badge-overdue-border:rgba(239,68,68,0.22);--cl-badge-overdue-text:#b91c1c}html.dark{--cl-card-bg:linear-gradient(180deg,rgba(255,255,255,0.08),rgba(255,255,255,0.03));--cl-card-inner:rgba(255,255,255,0.05);--cl-ghost-bg:rgba(255,255,255,0.07);--cl-ghost-border:rgba(255,255,255,0.10);--cl-locked-bg:rgba(217,184,106,0.08);--cl-locked-border:rgba(217,184,106,0.18);--cl-eyebrow:rgba(255,255,255,0.65);--cl-flow-bg:rgba(255,255,255,0.05);--cl-flow-border:rgba(255,255,255,0.08);--cl-list-item-bg:rgba(255,255,255,0.04);--cl-shadow:0 20px 60px rgba(0,0,0,0.35),inset 0 1px 0 rgba(255,255,255,0.07);--cl-shadow-sm:0 8px 28px rgba(0,0,0,0.25);--cl-stat-label:rgba(255,255,255,0.55);--cl-stat-hint:rgba(255,255,255,0.55);--cl-input-bg:rgba(255,255,255,0.06);--cl-input-border:rgba(255,255,255,0.12);--cl-badge-paid:rgba(34,197,94,0.14);--cl-badge-paid-border:rgba(34,197,94,0.22);--cl-badge-paid-text:rgba(134,239,172,0.95);--cl-badge-sent:rgba(59,130,246,0.14);--cl-badge-sent-border:rgba(59,130,246,0.22);--cl-badge-sent-text:rgba(147,197,253,0.95);--cl-badge-draft:rgba(148,163,184,0.12);--cl-badge-draft-border:rgba(148,163,184,0.18);--cl-badge-draft-text:rgba(203,213,225,0.80);--cl-badge-overdue:rgba(239,68,68,0.14);--cl-badge-overdue-border:rgba(239,68,68,0.22);--cl-badge-overdue-text:rgba(252,165,165,0.95)}.cl-card{border-radius:24px;background:var(--cl-card-bg);border:1px solid var(--pp-card-border,rgba(105,114,152,.18));box-shadow:var(--cl-shadow);backdrop-filter:blur(32px) saturate(1.8);-webkit-backdrop-filter:blur(32px) saturate(1.8)}.cl-locked-card{border-radius:24px;background:var(--cl-locked-bg);border:1px solid var(--cl-locked-border);box-shadow:var(--cl-shadow-sm);backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6)}.cl-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cl-eyebrow)}.cl-dot{width:7px;height:7px;border-radius:999px;background:#d9b86a;box-shadow:0 0 14px rgba(217,184,106,.55);flex-shrink:0}.cl-btn-primary{min-height:48px;padding:0 20px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;font-size:14px;background:linear-gradient(135deg,var(--pp-accent,#7357ff),var(--pp-accent-2,#4fa2ff));color:#fff;border:none;cursor:pointer;box-shadow:0 12px 28px rgba(115,87,255,.28);transition:opacity .2s ease,transform .12s ease}.cl-btn-primary:hover{opacity:.92;transform:translateY(-1px)}.cl-btn-ghost{min-height:48px;padding:0 18px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:600;font-size:14px;background:var(--cl-ghost-bg);border:1px solid var(--cl-ghost-border);color:var(--pp-text,#16213f);cursor:pointer;transition:opacity .2s ease}.cl-btn-ghost:hover{opacity:.8}.cl-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.cl-h1{font-size:clamp(28px,4.5vw,52px);letter-spacing:-.04em;line-height:1.02;font-family:var(--pp-font-header,"Cormorant Garamond",Georgia,serif)}.cl-h1,.cl-h2{margin:0;font-weight:700;color:var(--pp-text,#16213f)}.cl-h2{font-size:18px;letter-spacing:-.02em}.cl-p{margin:8px 0 0;font-size:14px;line-height:1.65;color:var(--pp-text-muted,#5d6b8d)}.cl-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.cl-flow-step{min-height:40px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;background:var(--cl-flow-bg);border:1px solid var(--cl-flow-border);font-weight:700;font-size:13px;color:var(--pp-text,#16213f)}.cl-flow-arrow{color:var(--pp-text-muted,#5d6b8d);font-size:16px}.cl-input{width:100%;min-height:48px;padding:0 14px;border-radius:14px;background:var(--cl-input-bg);border:1px solid var(--cl-input-border);color:var(--pp-text,#16213f);font-size:14px;font-family:inherit;outline:none;transition:border-color .2s ease;box-sizing:border-box}.cl-input:focus{border-color:var(--pp-accent,#7357ff)}.cl-textarea{width:100%;padding:12px 14px;border-radius:14px;background:var(--cl-input-bg);border:1px solid var(--cl-input-border);color:var(--pp-text,#16213f);font-size:14px;font-family:inherit;outline:none;resize:vertical;min-height:90px;transition:border-color .2s ease;box-sizing:border-box}.cl-textarea:focus{border-color:var(--pp-accent,#7357ff)}.cl-select{width:100%;min-height:48px;padding:0 14px;border-radius:14px;background:var(--cl-input-bg);border:1px solid var(--cl-input-border);color:var(--pp-text,#16213f);font-size:14px;font-family:inherit;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none}.cl-label{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cl-eyebrow);margin-bottom:6px}.cl-field{display:grid;gap:6px}.cl-error{font-size:13px;color:var(--pp-danger,#ef4444);margin-top:2px}.cl-message{font-size:13px;padding:10px 16px;border-radius:12px;background:var(--cl-ghost-bg);border:1px solid var(--cl-ghost-border);color:var(--pp-text-muted)}.cl-lock-chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--cl-locked-bg);border:1px solid var(--cl-locked-border);color:#d9b86a}.cl-meter-track{height:6px;border-radius:999px;background:var(--cl-ghost-bg);border:1px solid var(--cl-ghost-border);overflow:hidden;margin-top:8px}.cl-meter-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--pp-accent,#7357ff),var(--pp-accent-2,#4fa2ff));transition:width .6s ease}.cl-meter-fill--warn{background:linear-gradient(90deg,var(--pp-warning,#f59e0b),#fb923c)}.cl-meter-fill--full{background:linear-gradient(90deg,var(--pp-danger,#ef4444),#f97316)}.cl-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}@media (max-width:900px){.cl-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.cl-stats{grid-template-columns:1fr}}