.pf-page{padding:1.5rem;max-width:960px}.pf-header-card{gap:18px;background:var(--bg-surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:10px;padding:22px;margin-bottom:16px;box-shadow:0 1px 2px rgba(15,23,42,.04)}.pf-avatar,.pf-header-card{display:flex;align-items:center}.pf-avatar{width:64px;height:64px;border-radius:16px;background:var(--primary);color:#fff;font-size:22px;font-weight:700;justify-content:center;flex-shrink:0;letter-spacing:-.02em}.pf-header-info{flex:1 1;min-width:0}.pf-name{font-size:22px;font-weight:700;color:#0f172a;margin:0 0 6px;letter-spacing:-.01em}.pf-badge{display:inline-flex;align-items:center;gap:5px;background:var(--primary-light,#F5F2FF);color:var(--primary);font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap}.pf-edit-btn{flex-shrink:0}.pf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.pf-card{background:var(--bg-surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:10px;padding:18px;box-shadow:0 1px 2px rgba(15,23,42,.04)}.pf-card-title{font-size:13.5px!important;font-weight:600!important;color:#1e293b!important;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border,#e2e8f0);display:flex;align-items:center;gap:8px}.pf-info-row{display:flex;flex-direction:column;gap:4px;padding:8px 0;border-bottom:1px solid #f1f2f6}.pf-info-row:last-child{border-bottom:none;padding-bottom:0}.pf-info-icon{color:#94a3b8;font-size:10px;flex-shrink:0}.pf-info-label{display:flex;align-items:center;gap:5px;font-size:10.5px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.pf-info-value{font-size:13px;color:#1e293b;font-weight:400;word-break:break-word}.pf-info-masked{letter-spacing:.15em;color:#64748b;font-size:13px}.pf-eye-btn{background:none;border:none;padding:.15rem .3rem;color:#9ca3af;cursor:pointer;border-radius:4px;line-height:1;flex-shrink:0;transition:color .15s}.pf-eye-btn:hover{color:var(--primary)}.modal-xl .modal-content{height:82vh;max-height:720px;min-height:480px}.modal-xl .modal-content,.pf-modal-form{display:flex;flex-direction:column;overflow:hidden}.pf-modal-form{flex:1 1;min-height:0}.pf-modal-header{border-bottom:1px solid #f3f4f6!important;padding:1.1rem 1.5rem!important}.pf-modal-title{font-size:1.1rem;font-weight:700;color:#111827}.pf-modal-body{padding:0!important;background:#f9fafb;flex:1 1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.pf-modal-footer{border-top:1px solid #e5e7eb!important;padding:.875rem 1.5rem!important;display:flex;align-items:center;gap:.75rem;justify-content:space-between;background:#fff}.pf-modal-footer-hint{font-size:11.5px;color:#9ca3af;display:flex;align-items:center;gap:.3rem}.pf-modal-footer-actions{display:flex;align-items:center;gap:.5rem}.pf-modal-esc-key{display:inline-flex;align-items:center;justify-content:center;padding:1px 6px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;font-size:10.5px;font-family:inherit;color:#6b7280;line-height:1.4}.pf-modal-section{padding:1.25rem 1.5rem;border-bottom:1px solid #f3f4f6;background:#fff}.pf-modal-section:last-child{border-bottom:none}.pf-modal-section-title{display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:14px}.pf-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.25rem}.pf-field{display:flex;flex-direction:column;gap:.3rem}.pf-field--full{grid-column:1/-1}.pf-field-label{font-size:12px;font-weight:600;color:#374151;margin:0;letter-spacing:.01em}.pf-required{color:#dc2626;margin-left:.2rem}.pf-field-input{width:100%;border:1px solid #e5e7eb;border-radius:8px;padding:8.5px 11px;font-size:13px;color:#111827;background:#fff;font-family:inherit;transition:border-color .15s,box-shadow .15s;outline:none;appearance:auto;line-height:1.5}.pf-field-input::placeholder{color:#c4c9d4}.pf-field-input:focus{border-color:var(--primary,#2D2B7A);box-shadow:0 0 0 3px rgba(45,43,122,.1)}.pf-field-input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.pf-field-input:invalid:not(:placeholder-shown){border-color:#dc2626}.pf-field-textarea{resize:vertical;min-height:76px}.pf-field-input-wrap{position:relative;display:flex;align-items:center}.pf-field-input-wrap .pf-field-input{padding-right:2.2rem}.pf-field-eye{position:absolute;right:.5rem;background:none;border:none;color:#9ca3af;cursor:pointer;padding:.2rem;line-height:1;transition:color .15s}.pf-field-eye:hover{color:var(--primary)}.pf-grid--2col{grid-template-columns:repeat(2,1fr)}.pf-grid--3col{grid-template-columns:repeat(3,1fr)}.pf-card--span2{grid-column:span 2}.pf-card--span3{grid-column:span 3}.pf-header-meta{display:flex;gap:.5rem;flex-wrap:wrap}.pf-badge--party{background:#ede9fe;color:#6d28d9}.pf-completion{margin-top:10px}.pf-completion-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.pf-completion-label{font-size:12px;font-weight:600;color:var(--text-secondary,#64748b)}.pf-completion-cta{background:none;border:none;padding:0;font-size:11.5px;font-weight:600;color:var(--primary,#2D2B7A);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.pf-completion-track{height:5px;background:var(--border,#e2e8f0);border-radius:999px;overflow:hidden}.pf-completion-fill{height:100%;border-radius:999px;transition:width .4s ease}.pf-completion-fill--low{background:#ef4444}.pf-completion-fill--mid{background:#f59e0b}.pf-completion-fill--high{background:#22c55e}.pf-completion-hint{margin:4px 0 0;font-size:11px;color:var(--text-secondary,#94a3b8)}.pf-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;margin-top:4px}.pf-toggle input{display:none}.pf-toggle-track{flex-shrink:0;width:36px;height:20px;background:var(--border,#cbd5e1);border-radius:999px;position:relative;transition:background .2s}.pf-toggle input:checked+.pf-toggle-track{background:var(--primary,#2D2B7A)}.pf-toggle-thumb{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}.pf-toggle input:checked~.pf-toggle-track .pf-toggle-thumb{transform:translateX(16px)}.pf-toggle-desc{font-size:12.5px;color:var(--text-secondary,#64748b)}.pf-tag-section{margin-top:12px}.pf-tag-section-label{font-size:10.5px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.pf-tag-list{display:flex;flex-wrap:wrap;gap:5px}.pf-tag{font-size:11.5px;font-weight:500;padding:3px 9px;border-radius:999px;background:var(--primary-light,#F5F2FF);color:var(--primary,#2D2B7A)}.pf-tag--blue{background:#eff6ff;color:#2563eb}.pf-tag--green{background:#f0fdf4;color:#15803d}.pf-tag--purple{background:#f3e8ff;color:#7c3aed}.pf-tag--teal{background:#f0fdfa;color:#0f766e}.pf-tag--red{background:#fef2f2;color:#dc2626}.pf-tag--primary{background:var(--primary-light,#F5F2FF);color:var(--primary,#2D2B7A)}.pf-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:0}.pf-stat-item{background:#FAFBFD;border:1px solid var(--border,#e2e8f0);border-radius:10px;padding:12px}.pf-stat-value{font-size:20px;font-weight:700;color:#0f172a;letter-spacing:-.01em;line-height:1.2;margin-top:4px}.pf-stat-label{font-size:10.5px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.pf-platform-row{display:flex;align-items:center;gap:.6rem;padding:.5rem 0;border-bottom:1px solid #f9fafb}.pf-platform-row:last-child{border-bottom:none}.pf-platform-dot{width:8px;height:8px;border-radius:50%;background:#d1d5db;flex-shrink:0}.pf-platform-dot--on{background:#22c55e}.pf-platform-name{flex:1 1;font-size:13px;color:#1e293b;font-weight:500}.pf-platform-status{font-size:11.5px;font-weight:600}.pf-platform-status--on{color:#15803d}.pf-platform-status--off{color:#9ca3af}.pf-client-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pf-client-badge{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border,#e2e8f0);border-radius:8px}.pf-client-initials{width:28px;height:28px;border-radius:6px;background:#f1f2f6;color:#475569;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pf-client-name{font-size:12.5px;font-weight:500;color:#1e293b}.pf-cert-list{display:flex;flex-direction:column}.pf-cert-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #f1f2f6}.pf-cert-row:last-child{border-bottom:none;padding-bottom:0}.pf-cert-icon-wrap{width:22px;height:22px;border-radius:50%;background:#f0fdf4;color:#15803d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pf-cert-icon{color:#15803d;font-size:10px;flex-shrink:0}.pf-cert-body{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pf-cert-name{font-size:12.5px;font-weight:500;color:#1e293b}.pf-cert-year{font-size:10.5px;color:#64748b}.pf-cert-badge{font-size:10.5px;font-weight:600;background:#f0fdf4;color:#15803d;padding:2px 8px;border-radius:999px}.pf-billing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pf-agency-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.pf-agency-commission{font-size:13px;color:#1e293b;line-height:1.5;padding-top:4px}.pf-agency-roster-list{display:flex;flex-direction:column;gap:.75rem}.pf-agency-row{padding:.65rem .75rem;background:var(--bg-app,#f0f2f5);border-radius:8px;border:1px solid var(--border,#e2e8f0)}.pf-agency-name-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.pf-agency-name{font-size:13px;font-weight:600;color:#1e293b}.pf-badge--lead{font-size:10.5px;font-weight:600;background:#eff6ff;color:#2563eb;padding:2px 8px;border-radius:999px}.pf-agency-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:11.5px;color:#64748b}.pf-agency-meta span:before{content:"·";margin-right:.4rem}.pf-agency-meta span:first-child:before{content:"";margin-right:0}.pf-approver-list{display:flex;flex-direction:column;gap:.6rem}.pf-approver-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid #f9fafb}.pf-approver-row:last-child{border-bottom:none}.pf-approver-avatar{width:32px;height:32px;border-radius:8px;background:var(--primary,#2D2B7A);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pf-approver-name{font-size:13px;font-weight:600;color:#1e293b}.pf-approver-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:11.5px;color:#64748b;margin-top:2px}.pf-badge--primary-sm{font-size:10.5px;font-weight:600;background:var(--primary-light,#F5F2FF);color:var(--primary,#2D2B7A);padding:2px 8px;border-radius:999px}.pf-empty-text{font-size:12.5px;color:#94a3b8;margin:0;font-style:italic}.pf-modal-header--gone{display:none!important;height:0!important;padding:0!important;border:none!important;overflow:hidden!important}.pf-modal-layout{display:flex;min-height:0;flex:1 1;overflow:hidden}.pf-modal-sidebar{width:188px;flex-shrink:0;border-right:1px solid #e5e7eb;background:#f9fafb;padding:0;overflow-y:auto;display:flex;flex-direction:column}.pf-modal-sidebar-header{display:flex;align-items:center;gap:10px;padding:1.1rem 1rem 1rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.pf-modal-sidebar-logo{width:32px;height:32px;background:var(--primary,#2D2B7A);color:#fff;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.pf-modal-sidebar-title{font-size:13px;font-weight:700;color:#111827;line-height:1.2}.pf-modal-tab-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;margin:2px 8px;width:calc(100% - 16px);background:transparent;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;text-align:left;border-radius:8px;border:none;transition:background .12s,color .12s}.pf-modal-tab-btn .pi{font-size:13px;flex-shrink:0;opacity:.8}.pf-modal-tab-btn:hover{background:#fff;color:var(--primary,#2D2B7A);box-shadow:0 1px 3px rgba(0,0,0,.06)}.pf-modal-tab-btn--active{background:#fff;color:var(--primary,#2D2B7A);font-weight:600;box-shadow:0 1px 4px rgba(45,43,122,.1)}.pf-modal-tab-btn--active .pi{opacity:1}.pf-modal-sidebar>.pf-modal-tab-btn:first-of-type{margin-top:8px}.pf-modal-sidebar>.pf-modal-tab-btn:last-of-type{margin-bottom:8px}.pf-modal-tab-wrapper{flex:1 1;display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.pf-modal-content-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:1.1rem 1.5rem 1rem;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.pf-modal-content-title{font-size:15px;font-weight:700;color:#111827;margin:0 0 3px;line-height:1.3}.pf-modal-content-subtitle{font-size:11.5px;color:#9ca3af;margin:0;line-height:1.4}.pf-modal-close-btn{width:28px;height:28px;background:none;border:1px solid #e5e7eb;color:#9ca3af;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:7px;font-size:11px;line-height:1;transition:color .12s,background .12s,border-color .12s;flex-shrink:0;margin-top:1px}.pf-modal-close-btn:hover{color:#374151;background:#f3f4f6;border-color:#d1d5db}.pf-modal-tab-content{flex:1 1;overflow-y:auto;min-width:0;background:#f9fafb}.pf-modal-tab-panel{padding:1.5rem}.pf-colour-wrap{display:flex;align-items:center;gap:8px}.pf-colour-swatch{width:38px;height:38px;border:1px solid #e5e7eb;border-radius:8px;padding:3px;cursor:pointer;background:#fff;flex-shrink:0}.pf-colour-hex{flex:1 1}.pf-chip-picker{border:1px solid #e5e7eb;border-radius:8px;padding:.5rem;display:flex;flex-wrap:wrap;gap:.4rem;background:#fff;min-height:42px}.pf-chip{display:inline-flex;align-items:center;padding:.25rem .7rem;border-radius:999px;border:1.5px solid #e5e7eb;background:#f3f4f6;color:#374151;font-size:.75rem;font-weight:500;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.pf-chip--active,.pf-chip:hover{border-color:var(--primary,#2D2B7A);color:var(--primary,#2D2B7A)}.pf-chip--active{background:var(--primary-light,#EEEEFF)}.pf-list-editor{display:flex;flex-direction:column;gap:.6rem}.pf-list-row{display:flex;align-items:center;gap:.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:.5rem .6rem;flex-wrap:wrap}.pf-list-row .pf-field-input{flex:1 1;min-width:80px}.pf-list-add-btn{display:inline-flex;align-items:center;gap:.35rem;background:none;border:1px dashed var(--primary,#2d2b7a);color:var(--primary,#2D2B7A);border-radius:8px;padding:.4rem .85rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .12s;margin-top:.3rem}.pf-list-add-btn:hover{background:var(--primary-light,#EEEEFF)}.pf-list-remove-btn{background:none;border:none;color:#ef4444;cursor:pointer;padding:.2rem;border-radius:4px;display:flex;align-items:center;font-size:.85rem;flex-shrink:0;transition:background .12s}.pf-list-remove-btn:hover{background:#fee2e2}@media (max-width:600px){.pf-header-card{flex-wrap:wrap;padding:1.25rem}.pf-edit-btn{width:100%;justify-content:center;flex-shrink:unset}.pf-grid--2col,.pf-grid--3col,.pf-modal-grid{grid-template-columns:1fr}.pf-card--span2,.pf-card--span3{grid-column:span 1}.pf-modal-layout{flex-direction:column}.pf-agency-detail-grid,.pf-billing-grid,.pf-stat-grid{grid-template-columns:repeat(2,1fr)}.pf-modal-sidebar{width:100%;border-right:none;border-bottom:1px solid #e5e7eb;flex-direction:row;flex-wrap:wrap;padding:.5rem;gap:2px}.pf-modal-sidebar-header{display:none}.pf-modal-tab-btn{width:auto;margin:0;padding:6px 10px;font-size:12px}.pf-modal-footer-hint{display:none}}@media (min-width:601px) and (max-width:900px){.pf-grid--3col{grid-template-columns:repeat(2,1fr)}.pf-card--span3{grid-column:span 2}.pf-billing-grid,.pf-stat-grid{grid-template-columns:repeat(2,1fr)}}