.home-preview{box-shadow:var(--surface-shadow);background:#f0f5fc;border:1px solid #d9e4ff57;border-radius:26px;padding:9px;position:relative}.preview-frame{min-width:0;color:var(--ink);background:#fcfdff;border-radius:18px;grid-template-columns:56px minmax(0,1fr);display:grid;overflow:hidden}.preview-rail{background:linear-gradient(var(--green-50), #f2f6ff 48%, var(--violet-100));border-inline-end:1px solid var(--border);color:#516389;flex-direction:column;align-items:center;gap:14px;padding-block:17px;display:flex}.preview-rail span{border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.preview-rail .preview-rail-brand{color:#ccf5e4;background:#192b46;margin-bottom:8px}.preview-rail-active{color:var(--blue-700);background:var(--blue-100)}.preview-body{min-width:0;padding:24px}.preview-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.preview-heading h2{font-size:19px;font-weight:730}.preview-demo{background:var(--violet-100);color:var(--violet-700);border-radius:6px;padding:3px 8px;font-size:11px;font-weight:650}.preview-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:17px;display:grid}.preview-metric{border:1px solid var(--border);background:#f8faff;border-radius:10px;min-width:0;padding:12px 12px 9px;position:relative}.preview-metric>span{color:var(--muted);font-size:11px;display:block}.preview-metric>strong{font-variant-numeric:tabular-nums;font-size:31px;font-weight:700;line-height:1.35;display:block}.preview-metric>svg{inset-inline-end:12px;color:var(--violet-700);position:absolute;bottom:12px}.preview-sparkline{inset-inline-end:10px;flex-direction:row-reverse;align-items:end;gap:3px;height:24px;display:flex;position:absolute;bottom:13px}.preview-sparkline i{background:var(--blue-500);border-radius:2px;width:4px}.preview-sparkline i:last-child{background:var(--violet-700)}.preview-list-title{margin-top:19px;font-size:13px;font-weight:700}.preview-list{margin:5px 0 0;padding:0;list-style:none}.preview-list li{border-bottom:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding-block:10px;display:grid}.preview-list li:last-child{border-bottom:0;padding-bottom:0}.preview-task-icon{border-radius:8px;place-items:center;width:33px;height:33px;display:grid}.preview-list strong,.preview-list small{display:block}.preview-list strong{font-size:12px;font-weight:650;line-height:1.6}.preview-list small{color:var(--muted);font-size:10px}.preview-status{border-radius:5px;padding:3px 6px;font-size:10px;font-weight:650;line-height:1.55}.preview-status.complete{color:#125c45;background:#dcf4ea}.preview-status.pending{color:#6d4a0c;background:#fff1d5}@media (max-width:950px){.preview-frame{grid-template-columns:44px minmax(0,1fr)}.preview-body{padding:17px}}@media (max-width:760px){.home-preview{width:100%;max-width:550px}}@media (max-width:420px){.home-preview{border-radius:17px;padding:5px}.preview-frame{border-radius:12px;grid-template-columns:minmax(0,1fr)}.preview-rail{display:none}.preview-body{padding:13px}}