.pcf{max-width:900px;margin:25px auto;padding:22px;background:#fff;border:1px solid #e2e8ee;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.06);font-family:system-ui,-apple-system,sans-serif;color:#123047}.pcf-head{text-align:center;background:#f3fafc;padding:22px;border-radius:14px}.pcf-head span{font-size:10px;font-weight:800;letter-spacing:.15em;color:#607789}.pcf-head h2{margin:6px 0;font-size:28px}.pcf-head p{margin:0;color:#6a7d8c}.pcf-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0}.pcf-mode button{padding:13px;border:1px solid #d7e0e7;background:#fff;border-radius:10px;font-weight:750;color:#17364d;cursor:pointer}.pcf-mode button.active{background:#063b5c;color:#fff;border-color:#063b5c}.pcf-panel{display:none;border:1px solid #e0e6eb;border-radius:13px;padding:17px}.pcf-panel.active{display:block}.pcf-panel label{display:block;font-weight:750;margin-bottom:8px}.pcf-row{display:flex;gap:9px}.pcf-row input{flex:1;min-width:0;padding:13px;border:1px solid #cbd5df;border-radius:10px;font-size:16px}.pcf-btn{border:0;background:#10bddb;color:#fff;border-radius:10px;padding:0 20px;font-weight:800;cursor:pointer}.pcf-status{min-height:20px;margin:12px 0;color:#566c7c;font-size:14px}.pcf-status.error{color:#b42318}.pcf-message{padding:13px;background:#f3fafc;border-radius:10px;color:#526b7a;font-size:13px;margin-bottom:12px}.pcf-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pcf-card{border:1px solid #e0e7ec;border-radius:13px;padding:15px}.pcf-card h3{margin:0 0 7px;font-size:17px}.pcf-detail{display:flex;justify-content:space-between;gap:15px;padding:7px 0;border-bottom:1px solid #edf1f4;font-size:13px}.pcf-detail:last-child{border-bottom:0}.pcf-detail span{color:#6c7e8c}.pcf-detail b{text-align:right}.pcf-note{text-align:center;color:#7b8994;font-size:11px;margin-top:15px}@media(max-width:650px){.pcf{padding:14px}.pcf-head h2{font-size:23px}.pcf-row{display:grid}.pcf-btn{padding:12px}.pcf-grid{grid-template-columns:1fr}}