:root{--bg:#0d1426;--bg-soft:#162240;--surface:#ffffff;--text:#0f1628;--muted:#6b7280;--brand:#1F4E91;--brand-600:#1b447f;--accent:#6B1E2C;--danger:#6B1E2C;--warning:#f59e0b;--ok:#16a34a;--radius:16px;--shadow:0 6px 20px rgba(13,19,39,.08)}.cpa *{box-sizing:border-box}.cpa{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:#f6f8fb;color:var(--text)}.cpa a{color:var(--brand);text-decoration:none}.cpa a:hover{color:var(--brand-600)}.cpa .container{max-width:1200px;margin:0 auto;padding:24px}.cpa .site-header{background:var(--bg);color:#fff}.cpa .topbar{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:14px 0}.cpa .brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.2px}.cpa .brand .logo{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,var(--brand),#7aa6ff)}.cpa .nav{display:flex;gap:18px;flex-wrap:wrap}.cpa .nav a{color:#b9c7ff;font-weight:500}.cpa .nav a:hover{color:#fff}.cpa .hero{padding:28px 0 34px;border-top:1px solid #1a2242}.cpa .hero h1{font-size:36px;margin:8px 0 6px;color:#fff}.cpa .hero p{margin:0;color:#c6d0ff}.cpa .searchbar{margin-top:18px;display:grid;grid-template-columns:1fr auto auto;gap:10px}.cpa .searchbar input{padding:14px 14px;border-radius:12px;border:1px solid #22325f;background:#0f1735;color:#e6ecff}.cpa .btn{padding:12px 16px;border-radius:12px;border:0;cursor:pointer;font-weight:600}.cpa .btn-primary{background:var(--brand);color:#fff}.cpa .btn-primary:hover{background:var(--brand-600)}.cpa .btn-ghost{background:#fff0;color:#e6ecff;border:1px solid #2b3769}.cpa .hero-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;color:#cbd6ff;font-size:14px}.cpa .hero-meta .kpi{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #1c2852;border-radius:12px;background:#0f1735}.cpa .kpi strong{color:#fff;font-size:18px}.cpa .filters{margin-top:-22px}.cpa .filter-bar{display:flex;gap:8px;flex-wrap:wrap;background:var(--surface);padding:14px;border-radius:14px;box-shadow:var(--shadow)}.cpa .chip{padding:8px 12px;border-radius:999px;background:#eef2ff;color:#2a3c7b;border:1px solid #dbe3ff;font-weight:600;font-size:14px}.cpa .chip[data-active="true"]{background:#dfe7ff;border-color:#bfcfff}.cpa .chip .qty{background:var(--bg-soft);color:#fff;margin-left:8px;padding:.5px 8px;border-radius:999px;font-weight:700}.cpa .chip .close{margin-left:8px;opacity:.6}.cpa .clear-all{margin-left:auto;color:#6c778f}.cpa .grid{display:grid;grid-template-columns:280px 1fr;gap:20px;margin-top:16px}.cpa .sidebar,.cpa .content{min-width:0}.cpa .card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}.cpa .card h3{margin:0 0 6px}.cpa .card .body{padding:16px}.cpa .block+.block{margin-top:14px}.cpa .block .item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eef1f6}.cpa .block .item:last-child{border-bottom:0}.cpa .save{display:flex;gap:8px;align-items:center}.cpa .switch{position:relative;width:42px;height:24px;background:#d7dbe6;border-radius:999px}.cpa .switch::after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:all .2s}.cpa .switch[data-on="true"]{background:var(--brand)}.cpa .switch[data-on="true"]::after{left:21px}.cpa .toolbar{display:flex;gap:12px;align-items:center;margin-bottom:10px}.cpa .toolbar .select{padding:10px 12px;border:1px solid #e1e6ef;border-radius:10px;background:#fff}.cpa .result-list{display:grid;gap:12px}.cpa .result{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px;border:1px solid #edf0f7;border-radius:14px;background:#fff}.cpa .result{border-color:#dbe5ff}.cpa .result:hover{border-color:#a9befc;box-shadow:0 10px 24px rgb(31 64 153 / .06)}.cpa .meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:14px}.cpa .badges{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}.cpa .badge{padding:6px 10px;border-radius:999px;font-weight:600;font-size:12px;border:1px solid #e7ebf5;background:#f7f9ff}.cpa .badge.green{border-color:#bbf7d0;background:#ecfdf5;color:#166534}.cpa .badge.orange{border-color:#fed7aa;background:#fffbeb;color:#9a3412}.cpa .badge.red{border-color:#f0c9cf;background:#fdebee;color:#6B1E2C}.cpa .title{font-size:18px;margin:0}.cpa .actions{display:flex;align-items:center;gap:8px}.cpa .btn-outline{background:#fff;border:1px solid #dbe2ee}.cpa .btn-outline:hover{border-color:var(--brand);color:var(--brand)}.cpa .btn-cta{background:var(--brand);color:#fff}.cpa .btn-cta:hover{background:var(--brand-600)}.cpa .pagination{display:flex;justify-content:center;margin:16px 0}.cpa .pagination .btn{padding:12px 18px}@media (max-width:980px){.cpa .grid{grid-template-columns:1fr}.cpa .sidebar{order:2}.cpa .result{grid-template-columns:1fr}.cpa .searchbar{grid-template-columns:1fr}}.cpa .sticky-mobile{position:sticky;bottom:0;background:#fff;box-shadow:0 -8px 20px rgb(0 0 0 / .06);padding:10px;border-top-left-radius:14px;border-top-right-radius:14px;display:flex;gap:10px;justify-content:space-between}.cpa .card{border:1px solid #e3e9ff}.cpa .card.body{border-color:#dbe5ff}.cpa .site-header::after{content:"";display:block;height:2px;background:linear-gradient(90deg,#c7d2fe,transparent);opacity:.7;padding:2px}.cpa .cpa-type-grid{display:grid;grid-template-columns:1fr;gap:10px}.cpa .cpa-type-card{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #edf0f7;border-radius:12px;background:#f7f9ff;color:var(--text);text-decoration:none}.cpa .cpa-type-card:hover{border-color:#c7d2fe}.cpa .cpa-type-badge{display:inline-flex;width:46px;height:46px;border-radius:50%;align-items:center;justify-content:center;background:#0f3b47;color:#fff;font-weight:700}.cpa .cpa-type-label{font-weight:600}