.clv-demo{--navy:#0f172a;--blue:#2563eb;--line:#e2e8f0;--muted:#64748b;--bg:#f8fafc;background:var(--bg);color:var(--navy);font-family:'DM Sans',system-ui,sans-serif;min-height:100vh}.clv-demo__intro{max-width:1160px;margin:0 auto;padding:70px 24px 34px}.clv-demo__eyebrow{color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.12em}.clv-demo h1{font-size:clamp(34px,5vw,58px);line-height:1.03;max-width:660px;margin:12px 0 16px;letter-spacing:-.04em}.clv-demo__intro>p:not(.clv-demo__eyebrow){max-width:650px;color:var(--muted);font-size:18px;line-height:1.65}.clv-demo__intro-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:26px}.clv-demo__intro-actions span{font-size:13px;color:var(--muted)}.clv-demo__button{display:inline-flex;border-radius:10px;padding:12px 18px;text-decoration:none;font-weight:700}.clv-demo__button--primary{background:var(--blue);color:#fff}.clv-demo__notice{max-width:1160px;margin:0 auto 18px;padding:12px 16px;display:flex;gap:12px;align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;font-size:13px;color:#334155}.clv-demo__notice strong{color:var(--blue);letter-spacing:.08em}.clv-demo__notice button{margin-left:auto;border:0;background:transparent;color:var(--blue);font-weight:700;cursor:pointer}.clv-demo__app{max-width:1160px;margin:0 auto 80px;display:grid;grid-template-columns:220px 1fr;min-height:620px;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 18px 45px rgba(15,23,42,.08)}.clv-demo__sidebar{background:var(--navy);color:#cbd5e1;padding:24px 14px;display:flex;flex-direction:column;gap:4px}.clv-demo__brand{color:#fff;font-size:20px;font-weight:800;padding:0 12px 26px}.clv-demo__brand small{display:block;color:#93c5fd;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-top:3px}.clv-demo__sidebar>a{color:#cbd5e1;text-decoration:none;padding:11px 12px;border-radius:8px;font-size:14px;display:flex;justify-content:space-between}.clv-demo__sidebar>a.is-active,.clv-demo__sidebar>a:hover{background:#1e293b;color:#fff}.clv-demo__sidebar-cta{margin-top:auto;padding:18px 8px 0}.clv-demo__sidebar-cta a{display:block;text-align:center;background:var(--blue);color:#fff;text-decoration:none;padding:11px 8px;border-radius:8px;font-size:13px;font-weight:700}.clv-demo__content{padding:30px;min-width:0}.clv-demo__loading{color:var(--muted);padding:80px;text-align:center}.clv-demo__page-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:24px}.clv-demo__page-head h2{font-size:30px;margin:0 0 6px;letter-spacing:-.03em}.clv-demo__page-head p{color:var(--muted);margin:0}.clv-demo__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.clv-demo__card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.clv-demo__card h3{font-size:16px;margin:0 0 8px}.clv-demo__card p{color:var(--muted);line-height:1.6;font-size:14px}.clv-demo__metric{font-size:30px;font-weight:800;margin-top:4px}.clv-demo__label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.clv-demo__section{margin-top:18px}.clv-demo__job,.clv-demo__message,.clv-demo__invoice{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-top:1px solid var(--line);padding:16px 0}.clv-demo__job:first-child,.clv-demo__message:first-child{border-top:0;padding-top:0}.clv-demo__job h3,.clv-demo__message h3{font-size:16px;margin:0 0 6px}.clv-demo__meta{color:var(--muted);font-size:13px;line-height:1.55}.clv-demo__chip{display:inline-flex;border-radius:999px;padding:5px 9px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:700;white-space:nowrap}.clv-demo__chip--draft{background:#f1f5f9;color:#64748b}.clv-demo__chip--closed{background:#f1f5f9;color:#475569}.clv-demo__action{border:1px solid var(--line);background:#fff;color:var(--blue);border-radius:8px;padding:8px 10px;font-weight:700;cursor:pointer}.clv-demo__field{display:grid;gap:7px;margin:14px 0}.clv-demo__field label{font-size:12px;font-weight:700;color:#475569}.clv-demo__field input,.clv-demo__field textarea{border:1px solid var(--line);border-radius:8px;padding:10px;font:inherit}.clv-demo__field textarea{min-height:110px}.clv-demo__bar{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}.clv-demo__bar i{display:block;height:100%;background:var(--blue)}.clv-demo__unread{font-weight:800}.clv-demo__reply{display:flex;gap:8px;margin-top:12px}.clv-demo__reply input{flex:1;border:1px solid var(--line);border-radius:8px;padding:10px;font:inherit}@media(max-width:760px){.clv-demo__intro{padding-top:42px}.clv-demo__notice{margin:0 14px 14px;align-items:flex-start;flex-wrap:wrap}.clv-demo__notice button{margin-left:0}.clv-demo__app{margin:0 14px 50px;display:block;border-radius:14px}.clv-demo__sidebar{display:flex;flex-direction:row;overflow:auto;padding:10px;position:sticky;top:0;z-index:2}.clv-demo__brand,.clv-demo__sidebar-cta{display:none}.clv-demo__sidebar>a{white-space:nowrap}.clv-demo__content{padding:20px 16px}.clv-demo__grid{grid-template-columns:1fr}.clv-demo__page-head{display:block}.clv-demo__page-head .clv-demo__button{margin-top:14px}.clv-demo__job,.clv-demo__message{display:block}.clv-demo__job .clv-demo__action,.clv-demo__message .clv-demo__action{margin-top:10px}}