.cp-browser{background:#f8fafc;border:1px solid #0000000d;border-radius:12px;width:100%;font-family:Inter,sans-serif;overflow:hidden;box-shadow:0 20px 60px #00000026}.cp-app{flex-direction:column;height:700px;display:flex}.cp-topbar{background:#7ca8aa;justify-content:space-between;align-items:center;height:50px;padding:0 20px 0 0;display:flex}.cp-logo{background:#0000001a;align-items:center;width:220px;height:100%;padding-left:20px;display:flex}.cp-logo-icon{color:#fff;letter-spacing:-1px;background:#334155;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;font-weight:800;display:flex}.cp-user-menu{color:#fff;cursor:pointer;align-items:center;gap:8px;font-size:.85rem;font-weight:500;display:flex}.cp-layout{flex:1;display:flex;overflow:hidden}.cp-sidebar{background:#f1f5f9;border-right:1px solid #e2e8f0;flex-direction:column;justify-content:space-between;width:220px;display:flex}.cp-nav{margin:0;padding:16px 0;list-style:none;overflow-y:auto}.cp-nav-item{color:#475569;cursor:pointer;align-items:center;gap:12px;padding:10px 20px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.cp-nav-item:hover{background:#7ca8aa1a}.cp-nav-item.active{color:#0f172a;background:#fff;font-weight:600;box-shadow:0 1px 2px #00000005}.cp-nav-item.active svg{color:#0d9488}.cp-sidebar-footer{border-top:1px solid #e2e8f0;padding:16px}.cp-credit{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px;font-size:.75rem;display:flex}.cp-credit span{color:#64748b}.cp-credit strong{color:#0f172a;font-weight:700}.cp-settings{color:#475569;cursor:pointer;align-items:center;gap:12px;padding:8px 4px;font-size:.85rem;font-weight:500;display:flex}.cp-main{background:#f8fafc;flex:1;padding:32px;overflow-y:auto}.cp-tab-pane{animation:.3s forwards fadeUp;display:none}.cp-tab-pane.active{display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cp-welcome h2{color:#0f172a;margin:0 0 4px;font-size:1.5rem;font-weight:700}.cp-welcome p{color:#64748b;margin:0 0 24px;font-size:.9rem}.cp-stats-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.cp-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px;position:relative;box-shadow:0 1px 3px #00000005}.cp-stat-card span{color:#64748b;margin-bottom:8px;font-size:.75rem;font-weight:600;display:block}.cp-stat-card strong{color:#0f172a;font-size:1.5rem;font-weight:800}.cp-stat-icon{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:20px;right:20px}.cp-dash-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.cp-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.cp-card-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.cp-card-header h3{color:#0f172a;margin:0;font-size:.9rem;font-weight:700}.cp-card-header a{color:#0d9488;font-size:.75rem;font-weight:500;text-decoration:none}.cp-card-body{padding:20px}.cp-empty{color:#94a3b8;justify-content:center;align-items:center;height:200px;font-size:.85rem;display:flex}.cp-list{flex-direction:column;display:flex}.cp-list-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.cp-list-item:last-child{border-bottom:none}.cp-list-info strong{color:#1e293b;margin-bottom:4px;font-size:.8rem;display:block}.cp-list-info span{color:#64748b;font-size:.75rem}.cp-list-meta{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.cp-list-meta strong{color:#0f172a;font-size:.85rem}.cp-badge{text-transform:uppercase;border-radius:50px;padding:2px 8px;font-size:.65rem;font-weight:600}.cp-badge-blue{color:#0284c7;background:#e0f2fe}.cp-badge-green{color:#16a34a;background:#dcfce7}.cp-badge-purple{color:#9333ea;background:#f3e8ff}.cp-badge-gray{color:#475569;background:#f1f5f9}.cp-po-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-width:800px}.cp-po-blue-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:24px;padding:16px;display:flex}.cp-po-label{color:#1e293b;font-size:.8rem;font-weight:500}.cp-radio{color:#334155;align-items:center;gap:6px;font-size:.8rem;display:flex}.cp-po-types{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.cp-type-box{color:#475569;cursor:pointer;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;align-items:center;gap:12px;padding:16px;font-size:.85rem;display:flex}.cp-type-box.active{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.cp-input{border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:.85rem}.cp-input:focus{border-color:#3b82f6}.cp-input-disabled{color:#94a3b8;background:#f8fafc}.cp-po-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.cp-page-header{margin-bottom:24px}.cp-page-header h2{color:#0f172a;margin:0 0 4px;font-size:1.5rem;font-weight:700}.cp-page-header p{color:#64748b;margin:0;font-size:.9rem}.cp-res-list{flex-direction:column;gap:16px;display:flex}.cp-res-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.cp-res-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:16px;padding:16px 20px;display:flex}.cp-res-header strong{color:#1e293b;font-size:.9rem}.cp-res-body{grid-template-columns:2fr 1fr;gap:24px;padding:20px;display:grid}.cp-res-info{align-items:flex-start;gap:12px;display:flex}.cp-res-info strong{color:#64748b;text-transform:uppercase;margin-bottom:4px;font-size:.75rem;display:block}.cp-res-info span{color:#0f172a;font-size:.85rem;line-height:1.4}.cp-res-footer{color:#64748b;text-align:right;background:#f8fafc;border-top:1px solid #f1f5f9;padding:12px 20px;font-size:.75rem}.cp-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:600}.cp-btn-teal{color:#fff;background:#0d9488}.cpm-tab-pane[data-astro-cid-3i3w5y2s]{animation:.3s ease-in-out cpmFadeIn;display:none}.cpm-tab-pane[data-astro-cid-3i3w5y2s].active{display:block}@keyframes cpmFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cpm-screen[data-astro-cid-3i3w5y2s]::-webkit-scrollbar{display:none}.cpm-screen[data-astro-cid-3i3w5y2s]{-ms-overflow-style:none;scrollbar-width:none}.cpm-nav-item[data-astro-cid-3i3w5y2s]{text-align:left;color:#475569;cursor:pointer;border-radius:8px;justify-content:flex-start;align-items:center;gap:12px;padding:10px 16px;font-size:1rem;font-weight:600;display:flex}.cpm-nav-item[data-astro-cid-3i3w5y2s].active{color:#2563eb;background:#eff6ff}.of-badge{color:var(--primary,#2f4550);text-transform:uppercase;letter-spacing:1px;background:#2f455014;border-radius:49px;align-items:center;gap:8px;padding:5px 16px;font-size:.75rem;font-weight:700;display:inline-flex}@media (width<=1200px){.cpm-phone-wrapper{margin:40px auto 0!important;display:block!important;position:relative!important;bottom:auto!important;right:auto!important}.cp-browser{margin:0 auto!important}}@media (width<=992px){.cp-browser{display:none!important}.cpm-phone-wrapper{margin:0 auto!important}.cp-hero-mock-wrapper>p{display:none!important}}@media (width<=768px){.of-hero-section{padding:120px 20px 48px!important}.of-hero-title{font-size:2rem!important}.cp-hero-mock-wrapper{zoom:.95}}@media (width<=480px){.cp-hero-mock-wrapper{zoom:.85}}