@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--bg: #f4f8f7;--surface: #ffffff;--border: #e2e5ea;--text: #1c2330;--muted: #667085;--primary: #1f8a8b;--primary-contrast: #ffffff;--accent: #b7d84b;--accent-ink: #5a6b1f;--accent-soft: #dce775;--violet: #6d28d9;--teal: #3fc1a5;--isu-color: #3b82f6;--heartlink-color: #e85d75;--ministry-color: #36a269;--attention: #d89b2b;--error: #c0362c;--success: #1f7a4d;--radius: 10px;--radius-lg: 18px;--gap: 1rem;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0 2px 8px rgba(16, 24, 40, .08);--shadow-lg: 0 8px 24px rgba(16, 24, 40, .12);--shadow-xl: 0 16px 40px rgba(16, 24, 40, .16);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.muted{color:var(--muted)}.error{color:var(--error)}.success{color:var(--success)}.btn{font:inherit;padding:.5rem .9rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.btn:hover{border-color:var(--muted)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-contrast);border-color:var(--primary)}.btn-danger{background:#dc143c;color:#fff;border-color:#dc143c}.btn-danger:hover{border-color:#8b0000;background:#8b0000}:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 45%,transparent);outline-offset:2px}.btn:focus-visible,.input:focus-visible,a:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 25%,transparent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;margin-block:var(--gap);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .2s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.centered{min-height:100dvh;display:grid;place-items:center;padding:1rem}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-form{width:min(360px,100%);display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem;margin:0}.auth-form h1{margin:0}.auth-form form{width:100%;display:flex;flex-direction:column;align-items:center}.auth-form label{align-self:center;margin-top:.6rem;font-weight:600}.auth-form input{width:100%;font:inherit;padding:.55rem .7rem;border:1px solid var(--border);border-radius:var(--radius);text-align:center}.auth-form .btn{width:100%}.auth-form .btn-primary{margin-top:1rem}.auth-form .divider{display:flex;align-items:center;text-align:center;color:var(--muted);font-size:.8rem;margin:.8rem 0 .4rem}.auth-form .divider:before,.auth-form .divider:after{content:"";flex:1;border-bottom:1px solid var(--border)}.auth-form .divider:before{margin-right:.5em}.auth-form .divider:after{margin-left:.5em}.btn-google{display:flex;align-items:center;justify-content:center;gap:.6rem;background:var(--surface);color:var(--text);border:1px solid var(--border);font-weight:500;padding:.55rem .9rem}.btn-google:hover{background:color-mix(in srgb,var(--bg) 40%,var(--surface))}.app{display:flex;flex-direction:column;min-height:100dvh}.app-header{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap}.app-header-left{display:flex;align-items:center;gap:var(--space-sm)}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:transparent;color:var(--text);border-radius:var(--radius);cursor:pointer;padding:0}.sidebar-toggle:hover{background:color-mix(in srgb,var(--text) 10%,transparent)}.app-header .brand{font-weight:700;color:var(--text);font-size:var(--text-xl)}.app-header-right{margin-left:auto;display:flex;align-items:center;gap:var(--space-sm)}.app-body{display:flex;flex:1;position:relative}.app-sidebar{width:240px;background:var(--surface);border-right:1px solid var(--border);transition:width .3s ease;overflow:hidden;display:flex;flex-direction:column;flex-shrink:0}.sidebar-closed .app-sidebar{width:0;border-right:none}.sidebar-closed .app-sidebar nav{visibility:hidden;opacity:0;transition:visibility 0s .3s,opacity .3s ease}.app-sidebar nav{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-lg);white-space:nowrap;opacity:1;visibility:visible;transition:opacity .3s ease}.app-sidebar nav a,.app-sidebar nav .btn-find{padding:var(--space-sm) var(--space-md);border-radius:var(--radius);color:var(--text);text-decoration:none;font-weight:500;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease;font-size:var(--text-sm)}.app-sidebar nav a:hover{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);text-decoration:none}.app-sidebar nav .btn-find{margin-top:var(--space-md);text-align:left;border:1px solid var(--border);background:var(--surface);width:100%}.app-sidebar nav .btn-find:hover{background:var(--bg)}.nav-group{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.nav-heading{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:0 var(--space-md);margin-bottom:var(--space-xs);font-weight:600}.app-main{flex:1;max-width:960px;margin:var(--space-lg) auto;padding:0 var(--space-lg);width:100%}@media (max-width: 768px){.app-sidebar{position:absolute;z-index:20;height:100%;box-shadow:4px 0 12px #0000000d}}.detail{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:0}.detail dt{font-weight:600;color:var(--muted)}.detail dd{margin:0}.page-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.row{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.empty{text-align:center;color:var(--muted)}.form{display:flex;flex-direction:column;gap:.35rem;max-width:480px}.form label{margin-top:.6rem;font-weight:600}.form input,.form select{font:inherit;padding:.55rem .7rem;border:1px solid var(--border);border-radius:var(--radius)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.form-group>label,.form-group>span.form-label{font-size:var(--text-sm);font-weight:600;color:var(--text)}.form-group input,.form-group select,.form-group textarea{font:inherit;font-size:var(--text-base);padding:.6rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}.form-group input:focus-visible,.form-group select:focus-visible,.form-group textarea:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:color-mix(in srgb,var(--bg) 70%,var(--surface));color:var(--muted);cursor:not-allowed}.form-group input[readonly]{background:color-mix(in srgb,var(--bg) 70%,var(--surface));color:var(--muted)}.form-group textarea{resize:vertical;min-height:4.5rem}.form-section-title{font-size:var(--text-xl);font-weight:700;margin:0 0 var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border)}.option-group{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);margin-top:var(--space-xs)}.option-group.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-sm)}.option-item{display:flex;align-items:center;gap:.4rem;font-weight:400;font-size:var(--text-base);margin:0;cursor:pointer}.option-item input{width:1.05rem;height:1.05rem;accent-color:var(--primary);cursor:pointer}.step-progress{margin-bottom:var(--space-xl)}.step-progress-track{display:flex;gap:var(--space-xs);margin-bottom:var(--space-sm)}.step-progress-segment{flex:1;height:6px;border-radius:999px;background:var(--border);transition:background-color .2s ease}.step-progress-segment.is-complete,.step-progress-segment.is-current{background:var(--primary)}.step-progress-label{display:flex;align-items:baseline;gap:var(--space-sm);font-size:var(--text-sm);color:var(--muted)}.step-progress-label strong{font-size:var(--text-base);font-weight:700;color:var(--text)}.history{margin:.5rem 0 0;padding-left:1.1rem}.history li{margin-bottom:.25rem}.table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.table th,.table td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid var(--border)}.table th{background:color-mix(in srgb,var(--bg) 60%,var(--surface));font-size:.85rem;color:var(--muted)}.table tr:last-child td{border-bottom:none}.member-bulk-toolbar{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--primary) 6%,var(--surface))}.pager{display:flex;align-items:center;gap:1rem;margin-top:1rem}.qr-placeholder{background:color-mix(in srgb,var(--bg) 70%,var(--surface));border:1px dashed var(--border);border-radius:var(--radius)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--gap);align-items:start}.card-grid>.card{margin-block:0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--gap)}.stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-value{font-size:1.8rem;font-weight:700}.nested{margin:.5rem 0 0 .5rem;padding-left:.75rem;border-left:2px solid var(--border)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (max-width: 640px){.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block;width:100%}.table td{border:none;padding:.25rem .8rem}.table tr{border-bottom:1px solid var(--border);padding:.5rem 0}}@media (max-width: 560px){.app-header{gap:.75rem}.app-header-right{width:100%}}.badge{display:inline-block;padding:.15rem .5rem;border-radius:9999px;font-size:.8rem;font-weight:600;text-transform:capitalize}.status-pending{background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary)}.status-approved{background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success)}.status-rejected{background:color-mix(in srgb,var(--error) 15%,transparent);color:var(--error)}.list{list-style:none;padding:0;margin:0}.list>li{margin-bottom:1rem}.grid-responsive{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem}.login-split{display:flex;min-height:100dvh;flex-direction:column}.login-split-form{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1rem}.login-split-image{display:none}@media (min-width: 768px){.login-split{flex-direction:row}.login-split-image{display:block;flex:1;position:relative}.login-split-image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}}.login-logo{max-height:140px;width:auto;display:block}.dashboard-bento h1{margin-bottom:var(--space-lg);font-size:var(--text-3xl)}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-md)}.bento-grid-detail{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.bento-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .2s ease}.bento-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.bento-card-wide{grid-column:span 2}.bento-card .stat-value{font-size:var(--text-3xl);font-weight:700;line-height:1.1}.bento-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.85rem}.bento-icon-primary{color:var(--primary);background:color-mix(in srgb,var(--primary) 14%,transparent)}.bento-icon-accent{color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 30%,transparent)}.bento-icon-success{color:var(--success);background:color-mix(in srgb,var(--success) 14%,transparent)}.bento-icon-error{color:var(--error);background:color-mix(in srgb,var(--error) 14%,transparent)}.bento-icon-violet{color:var(--violet);background:color-mix(in srgb,var(--violet) 14%,transparent)}.bento-icon-teal{color:var(--teal);background:color-mix(in srgb,var(--teal) 14%,transparent)}.bento-card-detail{gap:var(--space-md)}.bento-detail-head{display:flex;align-items:center;gap:var(--space-sm)}.bento-detail-head h2{margin:0;font-size:var(--text-base)}.bento-card-detail .detail{width:100%}@media (max-width: 900px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-card-wide{grid-column:span 2}}@media (max-width: 520px){.bento-grid{grid-template-columns:1fr}.bento-card-wide{grid-column:span 1}}.skeleton{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md)}.skeleton-row{height:48px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-lg);text-align:center}.empty-state-icon{width:48px;height:48px;margin-bottom:var(--space-md);display:flex;align-items:center;justify-content:center}.empty-state-icon svg{width:100%;height:100%}.empty-state-heading{margin:0 0 var(--space-xs);font-size:var(--text-lg);font-weight:600;color:var(--text)}.empty-state-desc{margin:0 0 var(--space-lg);max-width:400px}.empty-state-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.journey-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:999px;font-size:var(--text-xs);font-weight:600}.journey-badge-not_started{background:#eef1f0;color:var(--muted)}.journey-badge-in_progress{background:#fef3e0;color:#a5680f}.journey-badge-completed{background:#e3f4ea;color:var(--success)}.journey-badge-current{background:var(--primary);color:var(--primary-contrast)}.journey-stage-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-sm);flex:1}.journey-stage-current{border-color:var(--primary);box-shadow:var(--shadow-md)}.journey-stage-isu{border-top:4px solid var(--isu-color, #3b82f6)}.journey-stage-heartlink{border-top:4px solid var(--heartlink-color, #e85d75)}.journey-stage-ministry{border-top:4px solid var(--ministry-color, #36a269)}.journey-stage-note{color:var(--muted);font-size:var(--text-sm)}.journey-roadmap-cards{display:flex;gap:var(--space-lg);align-items:stretch;margin-top:var(--space-md)}@media (max-width: 768px){.journey-roadmap-cards{flex-direction:column}}.journey-welcome{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap}.journey-welcome-avatar{width:56px;height:56px;border-radius:50%;background:var(--primary);color:var(--primary-contrast);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-lg);flex-shrink:0}.journey-welcome-stage{margin-left:auto}.journey-summary{display:flex;flex-direction:column;gap:var(--space-sm)}.journey-progress-track{width:100%;height:10px;background:var(--bg);border-radius:999px;overflow:hidden;border:1px solid var(--border)}.journey-progress-fill{height:100%;background:var(--primary);border-radius:999px;transition:width .2s ease}.journey-next-step{border-left:4px solid var(--attention)}.journey-activities-list,.journey-support-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.journey-activity-item{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:baseline;padding:var(--space-sm) 0;border-bottom:1px solid var(--border)}.journey-activity-type{font-size:var(--text-xs);font-weight:700;color:var(--primary);text-transform:uppercase}.journey-support-row{display:flex;align-items:center;gap:var(--space-sm)}.journey-support-avatar{width:36px;height:36px;font-size:var(--text-sm)}.journey-skeleton{display:flex;flex-direction:column;gap:var(--space-lg)}.skeleton-block{background:linear-gradient(90deg,var(--bg) 25%,#e9edec 50%,var(--bg) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-lg)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton-block{animation:none}}.journey-dashboard{display:flex;flex-direction:column;gap:var(--space-xl);max-width:1200px;margin:0 auto}.journey-secondary-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-lg)}@media (max-width: 768px){.journey-secondary-grid{grid-template-columns:1fr}}.modal-overlay,.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:#10182873}.modal,.drawer-panel{width:100%;max-width:480px;max-height:calc(100dvh - var(--space-2xl));overflow-y:auto}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--muted);cursor:pointer;transition:border-color .15s ease,color .15s ease}.btn-icon:hover{border-color:var(--muted);color:var(--text)}.btn-secondary{background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary);border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.btn-secondary:hover{background:color-mix(in srgb,var(--primary) 18%,var(--surface))}.member-photo-card{margin:var(--space-lg) 0;padding:var(--space-lg);border:1px solid var(--border);border-radius:var(--radius-lg, 16px);background:var(--surface)}.member-photo-heading,.member-photo-layout,.member-photo-button-row{display:flex;align-items:center;gap:var(--space-md)}.member-photo-heading{justify-content:space-between;margin-bottom:var(--space-md)}.member-photo-heading h2,.member-photo-heading p{margin:0}.member-photo-heading h2{font-size:1.05rem}.eyebrow{color:var(--muted);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em}.privacy-badge{padding:.3rem .65rem;border-radius:999px;color:var(--success, #16803c);background:color-mix(in srgb,var(--success, #16803c) 12%,var(--surface));font-size:var(--text-sm);font-weight:600}.member-photo-preview{position:relative;width:144px;height:180px;flex:0 0 auto;overflow:hidden;border-radius:22px;background:color-mix(in srgb,var(--primary) 8%,var(--surface));display:grid;place-items:center}.member-photo-media{width:100%;height:100%;object-fit:cover}.member-photo-placeholder{color:var(--muted);font-size:var(--text-sm)}.member-photo-guide{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border:2px dashed rgba(255,255,255,.9);border-radius:48%;pointer-events:none}.member-photo-actions{min-width:0}.member-photo-actions>p{margin-top:0;color:var(--muted)}.member-photo-button-row{flex-wrap:wrap}.btn-danger{border-color:color-mix(in srgb,var(--error, #b42318) 45%,var(--border));color:var(--error, #b42318)}@media (max-width: 600px){.member-photo-layout{align-items:stretch;flex-direction:column}.member-photo-preview{width:160px;margin-inline:auto}.member-photo-button-row,.member-photo-button-row .btn{width:100%}}.faq-item{padding-block:var(--space-sm)}.faq-item+.faq-item{border-top:1px solid var(--border)}.dialog-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-lg)}.leadership-ladder{list-style:none;margin:var(--space-md) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.leadership-ladder-step{padding:var(--space-sm) var(--space-md);border-radius:var(--radius);border:1px solid var(--border);color:var(--muted)}.leadership-ladder-in_progress{border-color:var(--primary);color:var(--text);background:color-mix(in srgb,var(--primary) 8%,var(--surface));font-weight:600}.leadership-ladder-completed{color:var(--success);border-color:color-mix(in srgb,var(--success) 35%,var(--border))}.leadership-ladder-not_started{opacity:.7}.member-picker{display:flex;flex-direction:column;gap:var(--space-xs)}.member-picker-selected{gap:var(--space-sm)}.picker-selection{flex:1}.requirement-checklist{list-style:none;margin:var(--space-md) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.requirement-item{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:var(--radius)}.requirement-name{font-weight:600}.requirement-status{font-size:var(--text-sm);color:var(--muted)}.status-not_started{background:color-mix(in srgb,var(--muted) 15%,transparent);color:var(--muted)}.status-in_progress{background:color-mix(in srgb,var(--attention) 18%,transparent);color:var(--attention)}.status-submitted{background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary)}.status-completed{background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success)}.status-waived{background:color-mix(in srgb,var(--teal) 15%,transparent);color:var(--teal)}.journey-progress-bar{display:flex;flex-direction:column;gap:var(--space-xs);margin:var(--space-sm) 0}.journey-progress-bar>p{margin:0;font-size:var(--text-sm);color:var(--muted)}.progress-track{width:100%;height:10px;background:var(--bg);border-radius:999px;overflow:hidden;border:1px solid var(--border)}.progress-fill{height:100%;background:var(--primary);border-radius:999px;transition:width .2s ease}.next-actions-list{list-style:none;margin:var(--space-md) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-md)}.next-action-item{padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius)}.detail-row{padding-block:var(--space-sm)}.detail-row+.detail-row{border-top:1px solid var(--border)}.form-inline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm)}.journey-error{border-left:4px solid var(--error)}.journey-empty{border-left:4px solid var(--primary)}.journey-roadmap{display:flex;flex-direction:column;gap:var(--space-md)}.journey-dashboard-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm)}.tabs{border-bottom:1px solid var(--border);padding-bottom:var(--space-sm)}.tabs-container{display:flex;flex-direction:column;gap:var(--space-md);width:100%}.tabs-list{display:flex;flex-wrap:wrap;gap:1rem;border-bottom:1px solid var(--border)}.tabs-tab{background:none;border:none;padding:.5rem 1rem;font:inherit;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s ease;white-space:nowrap}.tabs-tab:hover{color:var(--primary)}.tabs-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.tabs-panel{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-sm) 0}.toast-container{position:fixed;bottom:var(--space-lg);right:var(--space-lg);z-index:200;display:flex;flex-direction:column;gap:var(--space-sm);pointer-events:none}.toast-region{display:flex;flex-direction:column;gap:var(--space-sm)}.toast{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:300px;max-width:480px;animation:toast-slide-in .2s ease}.toast-success{border-left:4px solid var(--success)}.toast-error{border-left:4px solid var(--error)}.toast-dismiss{flex-shrink:0;width:28px;height:28px}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.toast{animation:none}}.field-error{margin:.25rem 0 0;font-size:var(--text-sm);color:var(--error)}@media (max-width: 768px){.form-group input,.form-group select,.form-group textarea{min-height:44px;font-size:1rem}}.eyebrow{margin:0 0 var(--space-xs);color:var(--primary);font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.journey-dashboard-actions{display:flex;align-items:center;gap:var(--space-sm)}.next-action-card{border-left:4px solid var(--attention)}.next-action-card h2,.dashboard-section-heading h2{margin:0}.journey-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);list-style:none;padding:0;margin:0}.journey-summary-card{display:flex;flex-direction:column;min-width:0}.journey-summary-card-head,.dashboard-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm)}.journey-summary-card-head h3{margin:0}.journey-summary-card-description{flex:1;margin-bottom:var(--space-md)}.journey-progress-label{margin-bottom:var(--space-sm);font-size:var(--text-sm)}.journey-progress-track{margin-bottom:var(--space-md)}.journey-attention{margin-bottom:var(--space-sm);color:var(--attention);font-size:var(--text-sm);font-weight:700}.journey-summary-card-action,.dashboard-feed-action{margin-top:auto;padding-top:var(--space-sm)}.journey-card-button,.dashboard-feed-action .btn{width:100%;text-align:center}.member-status-overview{border-top:3px solid var(--primary)}.status-trust-label{color:var(--success);font-size:var(--text-sm);font-weight:700;text-align:right}.member-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm);margin-top:var(--space-md)}.member-profile-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);margin:var(--space-md) 0 0}.member-profile-summary>div{padding:var(--space-md);background:color-mix(in srgb,var(--bg) 40%,var(--surface));border-radius:var(--radius)}.member-profile-summary dt{color:var(--text-muted);font-size:var(--text-xs);font-weight:700;text-transform:uppercase}.member-profile-summary dd{margin:var(--space-xs) 0 0;font-weight:700}.member-status-item{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0;padding:var(--space-md);background:var(--bg);border-radius:var(--radius)}.member-status-name{color:var(--muted);font-size:var(--text-sm);font-weight:700}.member-status-item strong{overflow-wrap:anywhere}.member-status-item .muted{font-size:var(--text-sm)}.member-status-note{margin:var(--space-md) 0 0;font-size:var(--text-sm)}.dashboard-feed-card h2{font-size:var(--text-xl)}@media (max-width: 768px){.journey-dashboard{gap:var(--space-lg)}.journey-dashboard-head{align-items:stretch}.journey-welcome{align-items:flex-start;gap:var(--space-md)}.journey-welcome>div{flex:1 1 200px;min-width:0}.journey-welcome h1{font-size:var(--text-2xl)}.journey-welcome-stage{flex-basis:100%;margin-left:0;text-align:center}.journey-dashboard-actions{width:100%}.journey-dashboard-actions>*{flex:1;min-height:44px}.journey-summary-grid,.member-status-grid,.member-profile-summary{grid-template-columns:1fr}.dashboard-section-heading{flex-direction:column}.status-trust-label{text-align:left}.dashboard-feed-card li{padding-bottom:var(--space-md)}}@media (max-width: 380px){.journey-dashboard-actions{flex-direction:column;align-items:stretch}}.staff-dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-lg)}.staff-dashboard-head h1{margin:0}.staff-dashboard-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.member-activity-monitor{margin-top:var(--space-lg)}.member-activity-monitor .dashboard-section-heading{margin-bottom:var(--space-md)}.member-activity-monitor h2{margin:0}.member-activity-search-label{display:block;margin-bottom:var(--space-xs);font-weight:700}.member-activity-search{width:100%;max-width:460px;min-height:44px;margin-bottom:var(--space-lg);padding:0 var(--space-md);border:1px solid var(--border);border-radius:var(--radius);font:inherit}.member-activity-table-wrap{overflow-x:auto}.member-activity-table{width:100%;min-width:760px;border-collapse:collapse}.member-activity-table th,.member-activity-table td{padding:var(--space-sm);border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.member-activity-table th{color:var(--muted);font-size:var(--text-xs);text-transform:uppercase}.member-activity-table td:not(:first-child){white-space:nowrap}.member-activity-meta{display:block;margin-top:.2rem;color:var(--muted);font-size:var(--text-xs)}.activity-status{display:inline-flex;padding:.25rem .5rem;border-radius:999px;font-size:var(--text-xs);font-weight:700}.activity-status-active{color:var(--success);background:color-mix(in srgb,var(--success) 14%,transparent)}.activity-status-watch{color:var(--attention);background:color-mix(in srgb,var(--attention) 18%,transparent)}.activity-status-inactive{color:var(--error);background:color-mix(in srgb,var(--error) 12%,transparent)}.btn-small{min-height:36px;padding:.4rem .65rem;font-size:var(--text-sm)}.member-activity-error{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}@media (max-width: 768px){.staff-dashboard-head{flex-direction:column}.staff-dashboard-actions,.staff-dashboard-actions .btn,.member-activity-monitor .dashboard-section-heading .btn{width:100%}.member-activity-table-wrap{overflow:visible}.member-activity-table,.member-activity-table thead,.member-activity-table tbody,.member-activity-table tr,.member-activity-table th,.member-activity-table td{display:block}.member-activity-table{min-width:0}.member-activity-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.member-activity-table tr{padding:var(--space-md) 0;border-bottom:1px solid var(--border)}.member-activity-table td{display:grid;grid-template-columns:7.5rem 1fr;gap:var(--space-sm);padding:var(--space-xs) 0;border:0;white-space:normal}.member-activity-table td:before{content:attr(data-label);color:var(--muted);font-size:var(--text-sm);font-weight:700}.member-activity-table td:first-child{display:block;padding-bottom:var(--space-sm)}.member-activity-table td:first-child:before{display:none}.member-activity-table td:last-child .btn{width:100%;text-align:center}.member-activity-error{align-items:stretch;flex-direction:column}}.nav-group{margin-top:var(--space-md)}.app-sidebar nav>*:first-of-type{margin-top:0}.nav-group-heading{margin:0;padding:0;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.nav-accordion-toggle{background:none;border:none;width:100%;text-align:left;padding:var(--space-xs) var(--space-md);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-radius:var(--radius-sm);transition:background-color .15s ease,color .15s ease}.nav-accordion-toggle:hover{background-color:#ffffff0d;color:var(--text)}.nav-chevron{font-size:10px;transition:transform .2s ease}.contact-actions{display:inline-flex;gap:var(--space-xs);margin-left:var(--space-sm);vertical-align:middle}.contact-action-btn{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:.8rem;border-radius:var(--radius-sm);text-decoration:none;background-color:var(--surface, #ffffff);color:var(--text, #1c2330);border:1px solid var(--border, #e2e5ea);transition:background-color .15s ease}.contact-action-btn:hover{background-color:var(--primary, #0066cc);color:#fff;border-color:var(--primary, #0066cc)}.nav-group-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.nav-group-list-collapsed{display:none}.nav-group-list li{margin:0;padding:0}.pastoral-quick-nav{margin:var(--space-lg) 0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 10px 24px #1c233012}.pastoral-quick-nav-heading{margin:0}.pastoral-quick-nav-toggle{align-items:center;display:flex;justify-content:space-between;width:100%;padding:0;border:0;background:none;color:#3f514f;cursor:pointer;font:inherit;font-size:var(--text-lg);font-weight:700;text-align:left}.pastoral-quick-nav-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 35%,transparent);outline-offset:4px}.pastoral-quick-nav-chevron{display:none;color:var(--primary);font-size:1.5rem;font-weight:400;line-height:1}.pastoral-quick-nav h2{margin-top:0;margin-bottom:var(--space-md);padding-left:var(--space-sm);color:#3f514f}.pastoral-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm);list-style:none;margin:0;padding:0}.pastoral-tabs li{margin:0;padding:0}.pastoral-tab{align-items:center;min-height:72px;position:relative;background:#ffffffd1;border:1px solid #d9e2df;border-radius:var(--radius);box-shadow:0 2px #1c23300a;color:var(--text);display:flex;font-size:var(--text-sm);font-weight:600;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;white-space:nowrap}.pastoral-tab span{align-items:center;display:inline-flex;flex:0 0 30px;justify-content:center;width:30px;height:30px;border-radius:8px;background:color-mix(in srgb,var(--primary) 12%,white);color:var(--primary);font-size:.95rem;line-height:1}.pastoral-tab:hover,.pastoral-tab:focus-visible{background:#fff;border-color:var(--primary);color:var(--primary);text-decoration:none;transform:translateY(-2px)}@media (max-width: 600px){.pastoral-quick-nav-heading{margin-bottom:0}.pastoral-quick-nav-chevron{display:inline}.pastoral-quick-nav-collapsed nav{display:none}.pastoral-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 420px){.pastoral-tabs{grid-template-columns:1fr}}.nav-group-list .btn-find{width:100%}.pcm-lineup{display:flex;flex-direction:column;gap:var(--space-md, 1rem)}.pcm-summary{display:flex;flex-wrap:wrap;gap:var(--space-md, 1rem);margin:0;font-size:.95rem}.pcm-stat{background:var(--surface-2, #f5f5f5);border-radius:8px;padding:.35rem .7rem}.pcm-notice{margin:0;padding:.6rem .8rem;border:1px solid var(--border, #ddd);border-left:4px solid var(--warn, #d97706);border-radius:6px;background:var(--surface-2, #faf5ff);font-size:.92rem}.pcm-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm, .5rem)}.pcm-row{background:var(--surface, #fff);border:1px solid var(--border, #e5e7eb);border-radius:10px;padding:.7rem;display:flex;flex-direction:column;gap:.5rem}.pcm-row-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;flex-wrap:wrap}.pcm-row-id{display:flex;flex-direction:column;gap:.1rem;min-width:0}.pcm-name{font-weight:600;font-size:1.02rem}.pcm-meta,.pcm-channels,.pcm-muted{color:var(--muted, #6b7280);font-size:.82rem}.pcm-badge{display:inline-block;padding:.15rem .45rem;border-radius:999px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.pcm-badge-warn{background:var(--warn-bg, #fef3c7);color:var(--warn, #b45309)}.heartlink-book-badge{align-self:flex-start;border:1px solid transparent;border-radius:999px;padding:.2rem .55rem;font-size:.76rem;font-weight:700;text-transform:capitalize}.heartlink-book-red{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.heartlink-book-green{background:#dcfce7;border-color:#86efac;color:#166534}.heartlink-book-yellow{background:#fef9c3;border-color:#fde047;color:#854d0e}.heartlink-book-blue{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.heartlink-book-violet{background:#ede9fe;border-color:#c4b5fd;color:#5b21b6}.heartlink-book-none{background:#f3f4f6;border-color:#d1d5db;color:#4b5563}.pcm-heartlink-analytics{display:grid;gap:1rem;margin:1rem 0}.pcm-heartlink-analytics h2,.pcm-heartlink-analytics p{margin:0}.heartlink-book-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}.heartlink-book-card{display:grid;gap:.15rem;min-width:0;border:1px solid;border-radius:12px;padding:.8rem}.heartlink-book-card strong{font-size:1.65rem}.heartlink-book-card small{opacity:.8}.pcm-methods{display:flex;flex-wrap:wrap;gap:.4rem}.pcm-method{min-height:44px;min-width:44px;padding:0 .6rem;border:1px solid var(--border, #d1d5db);border-radius:8px;background:var(--surface, #fff);font-weight:600;font-size:.9rem;cursor:pointer;transition:background .1s ease}.pcm-method:hover{background:var(--surface-2, #f3f4f6)}.pcm-method-active{background:var(--primary, #4f46e5);color:#fff;border-color:var(--primary, #4f46e5)}.pcm-inline-control{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding-top:.3rem;border-top:1px dashed var(--border, #e5e7eb)}.pcm-inline-reached{display:inline-flex;gap:.35rem}.pcm-chip{min-height:44px;padding:0 .9rem;border:1px solid var(--border, #d1d5db);border-radius:999px;background:var(--surface, #fff);font-size:.88rem;font-weight:500;cursor:pointer}.pcm-chip-on{background:var(--success, #16a34a);color:#fff;border-color:var(--success, #16a34a)}.pcm-chip-off{background:var(--danger, #dc2626);color:#fff;border-color:var(--danger, #dc2626)}.pcm-remark{flex:1 1 200px;min-height:44px;padding:.4rem .6rem;border:1px solid var(--border, #d1d5db);border-radius:8px;font-size:.92rem}.pcm-save{min-height:44px;padding:0 1rem}.pcm-recorded{margin:0;font-size:.85rem;color:var(--success, #15803d)}.pcm-error{display:flex;flex-direction:column;gap:.6rem;align-items:flex-start}@media (max-width: 480px){.pcm-row{padding:.55rem}.pcm-method{min-width:40px}}.pcm-my-numbers,.pcm-kra{padding:var(--space-md);max-width:100%;overflow-x:hidden}.pcm-analytics-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.pcm-stat-card{padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.pcm-stat-card h2{font-size:var(--font-lg);margin-bottom:var(--space-sm)}.pcm-stat-value{font-size:var(--font-xl);font-weight:700}.pcm-stat-denominator{font-size:var(--font-md);font-weight:400;color:var(--color-muted);margin-left:var(--space-xs)}.pcm-warning-card{border-left:4px solid var(--color-error)}.pcm-warning-text{color:var(--color-error)}.pcm-kra-controls{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-md)}.pcm-kra-controls label{color:var(--text-muted);font-size:var(--text-sm);font-weight:700}.pcm-kra-controls input{min-height:2.5rem;padding:.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.pcm-kra-summary{margin:var(--space-md) 0;font-size:var(--font-md)}.pcm-table-container{margin-top:var(--space-md)}.pcm-kra-staff-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:var(--space-md)}.pcm-kra-staff-tab{max-width:100%;padding:.65rem .9rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:inherit;cursor:pointer;overflow-wrap:anywhere}.pcm-kra-staff-tab.is-active{border-color:var(--color-primary);background:var(--color-primary-soft, var(--color-surface-hover));font-weight:700}.pcm-kra-staff-panel{min-width:0;margin-top:var(--space-md);padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md)}.pcm-kra-staff-panel h3,.pcm-kra-quality h4{margin-top:0}.pcm-kra-staff-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}.pcm-kra-staff-metrics>div{display:flex;min-width:0;flex-direction:column;gap:.45rem;padding:var(--space-sm);border-radius:var(--radius-md);background:var(--color-surface-hover)}.pcm-kra-staff-metrics strong{overflow-wrap:anywhere}.pcm-kra-quality{margin-top:var(--space-md)}.pcm-table{width:100%;border-collapse:collapse}.pcm-table th,.pcm-table td{padding:var(--space-sm);border-bottom:1px solid var(--color-border);text-align:left}.pcm-table th{background:var(--color-surface-hover);font-weight:700}.pcm-metric{display:flex;align-items:center;gap:var(--space-sm)}.pcm-metric-val{font-weight:500}.pcm-quality-list{margin:0;padding-left:var(--space-md);list-style-type:disc;color:var(--color-muted);font-size:var(--font-sm)}.pcm-bold{font-weight:700}.pcm-badge-neutral{background-color:var(--color-muted);color:#fff}.pcm-home{padding:var(--space-md)}.pcm-home-section{margin-bottom:var(--space-lg)}.pcm-home-section-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.pcm-home-section-head h2{margin:0}.btn-sm{font-size:var(--font-sm);padding:.3rem .7rem}.pcm-task-progress{margin-bottom:var(--space-md)}.pcm-progress-bar{height:12px;background:var(--color-surface-hover, #e5e7eb);border-radius:999px;overflow:hidden;margin-bottom:var(--space-xs)}.pcm-progress-fill{height:100%;background:var(--success, #16a34a);border-radius:999px;transition:width .3s ease}.pcm-progress-text{font-size:var(--font-sm);color:var(--color-muted);margin:0}.pcm-home-table{width:100%;border-collapse:collapse;margin-top:var(--space-sm)}.pcm-home-table th,.pcm-home-table td{padding:var(--space-sm);border-bottom:1px solid var(--color-border);text-align:left;font-size:var(--font-sm)}.pcm-home-table th{background:var(--color-surface-hover);font-weight:700}.pcm-home-kra-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.pcm-home-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.pcm-home-actions .btn{min-height:44px}.pcm-badge-success{background:var(--success, #16a34a);color:#fff}.pcm-badge-danger{background:var(--danger, #dc2626);color:#fff}.pcm-badge-muted{background:var(--color-surface-hover, #e5e7eb);color:var(--color-muted, #6b7280)}.follow-up-history{width:100%;border-collapse:collapse;margin-top:var(--space-sm)}.follow-up-history th,.follow-up-history td{padding:var(--space-sm);border-bottom:1px solid var(--color-border);text-align:left;font-size:var(--font-sm)}.follow-up-history th{background:var(--color-surface-hover);font-weight:700}.cookie-consent-banner{position:fixed;bottom:var(--space-lg);left:50%;transform:translate(-50%);z-index:9999;width:calc(100% - var(--space-lg) * 2);max-width:720px;padding:var(--space-lg);background:var(--surface, #ffffff);border:1px solid var(--border, #e2e5ea);border-radius:var(--radius-lg, 18px);box-shadow:var(--shadow-xl, 0 16px 40px rgba(16, 24, 40, .16));display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-lg)}.cookie-consent-title{margin:0 0 var(--space-xs) 0;font-size:var(--text-lg);font-weight:700;color:var(--text)}.cookie-consent-text{margin:0;font-size:var(--text-sm);color:var(--muted);line-height:1.5}@media (max-width: 640px){.cookie-consent-banner{flex-direction:column;align-items:stretch;bottom:var(--space-md);width:calc(100% - var(--space-md) * 2)}}.pcm-dashboard-simplified{max-width:1200px;margin:0 auto}.pcm-header-card{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-md);background:var(--color-surface, #ffffff);padding:var(--space-lg);border-radius:var(--radius-md, 12px);border:1px solid var(--color-border, #e5e7eb);box-shadow:0 4px 12px #00000008;margin-bottom:var(--space-lg)}.pcm-header-card h1{margin:0 0 var(--space-xs) 0;font-size:1.6rem;color:var(--color-text-heading, #111827)}.pcm-quick-search-box{flex:1;max-width:380px;min-width:240px}.pcm-search-input{width:100%;padding:.65rem 1rem;border-radius:999px;border:1px solid var(--color-border, #d1d5db);background:var(--color-bg, #f9fafb);font-size:var(--font-sm, .875rem);transition:all .2s ease}.pcm-search-input:focus{outline:none;border-color:var(--color-primary, #2563eb);background:#fff;box-shadow:0 0 0 3px #2563eb26}.pcm-section-container{margin-bottom:var(--space-xl, 2rem)}.pcm-section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-md);margin-bottom:var(--space-md)}.pcm-section-header h2{margin:0 0 var(--space-xs) 0;font-size:1.25rem}.pcm-kra-banner-container{background:linear-gradient(135deg,#2563eb08,#7c3aed08);padding:var(--space-lg);border-radius:var(--radius-md, 12px);border:1px solid rgba(37,99,235,.15)}.pcm-kra-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-md)}.pcm-kra-card{display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-md);border-radius:var(--radius-md, 10px);background:#fff;border:1px solid var(--color-border, #e5e7eb);box-shadow:0 2px 6px #00000005}.pcm-kra-card-header{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-xs)}.pcm-kra-icon{font-size:1.5rem;line-height:1}.pcm-kra-card-header h3{margin:0;font-size:1.05rem}.pcm-kra-target{font-size:.8rem;color:var(--color-muted, #6b7280);margin:0}.pcm-tabs{display:inline-flex;background:var(--color-surface-hover, #f3f4f6);padding:4px;border-radius:999px;gap:2px}.pcm-tab-btn{border:none;background:transparent;padding:.4rem .9rem;border-radius:999px;font-size:.825rem;font-weight:500;color:var(--color-muted, #4b5563);cursor:pointer;transition:all .2s ease}.pcm-tab-btn:hover{color:var(--color-text, #111827)}.pcm-tab-active{background:#fff;color:var(--color-primary, #2563eb);font-weight:600;box-shadow:0 1px 3px #0000001a}.pcm-progress-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md)}.pcm-progress-card{padding:var(--space-lg);border-radius:var(--radius-md, 12px);background:#fff;border:1px solid var(--color-border, #e5e7eb);box-shadow:0 2px 8px #00000008}.pcm-progress-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.pcm-progress-card-head h3{margin:0;font-size:1.1rem}.pcm-period-badge{font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.pcm-period-day{background:#fef3c7;color:#92400e}.pcm-period-week{background:#dbeafe;color:#1e40af}.pcm-period-month{background:#f3e8ff;color:#6b21a8}.pcm-progress-number{display:flex;align-items:baseline;gap:var(--space-xs);margin-bottom:var(--space-sm)}.pcm-big-num{font-size:2rem;font-weight:800;color:var(--color-text-heading, #111827);line-height:1}.pcm-denom{font-size:.875rem;color:var(--color-muted, #6b7280)}.pcm-fill-month{background:linear-gradient(90deg,#8b5cf6,#ec4899)}.pcm-progress-status{font-size:.875rem;font-weight:500;margin:var(--space-xs) 0;color:var(--color-text, #374151)}.pcm-table-wrapper{overflow-x:auto}.pcm-no-results{padding:var(--space-md);text-align:center}.pcm-contact-notice{margin-top:var(--space-sm);font-size:.85rem}.nav-subgroup-container{margin-top:4px}.nav-subgroup-toggle-btn{background:transparent;border:none;color:var(--color-muted, #6b7280);font-size:.8rem;font-weight:500;padding:.4rem .6rem;cursor:pointer;width:100%;text-align:left;display:flex;align-items:center;gap:4px;border-radius:4px}.nav-subgroup-toggle-btn:hover{background:var(--color-surface-hover, #f3f4f6);color:var(--color-text, #111827)}.nav-subgroup-list{padding-left:.75rem;border-left:2px solid var(--color-border, #e5e7eb);margin-top:4px}.nav-subgroup-collapsed{display:none}.nav-subgroup-open{display:block}.sidebar-scrim{display:none}@media (max-width: 768px){.app-header{position:sticky;top:0;z-index:40;min-height:61px;padding:.5rem .75rem;flex-wrap:nowrap}.app-header-right{min-width:0}.app-header-right .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-sidebar{position:fixed;top:61px;bottom:0;left:0;z-index:30;width:min(88vw,320px);height:auto;overflow-y:auto;overscroll-behavior:contain;box-shadow:8px 0 28px #0000002e}.app-sidebar nav{padding:.75rem;white-space:normal}.app-sidebar nav a,.app-sidebar nav .btn-find,.nav-accordion-toggle,.nav-subgroup-toggle-btn{min-height:48px;display:flex;align-items:center}.nav-accordion-toggle{justify-content:space-between}.sidebar-scrim{display:block;position:fixed;top:61px;right:0;bottom:0;left:0;z-index:20;border:0;background:#0f172a6b}.app-main{margin:.75rem auto;padding:0 .75rem;min-width:0}.pcm-home,.pcm-my-numbers,.pcm-kra{padding:0}.pcm-header-card,.pcm-section-header,.pcm-home-section-head,.pcm-admin-dashboard .page-head{align-items:stretch;flex-direction:column}.pcm-header-card{padding:1rem}.pcm-quick-search-box,.pcm-search-input{width:100%;max-width:none;min-width:0}.pcm-kra-cards-grid,.pcm-progress-cards-grid,.pcm-analytics-cards,.pcm-kra-staff-metrics{grid-template-columns:1fr}.heartlink-book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pcm-home-actions,.pcm-admin-dashboard .page-head>.btn{width:100%}.pcm-home-actions .btn,.pcm-admin-dashboard .page-head>.btn{width:100%;min-height:48px;justify-content:center}.pcm-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.pcm-method{width:100%;min-height:48px;white-space:normal}.pcm-inline-control{align-items:stretch;flex-direction:column}.pcm-inline-reached{display:grid;grid-template-columns:1fr 1fr;width:100%}.pcm-chip,.pcm-remark,.pcm-save{width:100%;min-height:48px}.pcm-save{min-height:52px;font-size:1rem}.pcm-table-container{overflow:visible}.pcm-table thead,.follow-up-history thead{display:none}.pcm-table,.pcm-table tbody,.follow-up-history,.follow-up-history tbody{display:block;width:100%}.pcm-table tr,.follow-up-history tr{display:block;margin-bottom:.75rem;padding:.5rem .75rem;border:1px solid var(--color-border, #e5e7eb);border-radius:12px;background:var(--surface, #fff)}.pcm-table td,.follow-up-history td{display:grid;grid-template-columns:minmax(7rem,42%) 1fr;gap:.75rem;padding:.55rem 0;border-bottom:1px solid var(--color-border, #e5e7eb);overflow-wrap:anywhere}.pcm-table td:last-child,.follow-up-history td:last-child{border-bottom:0}.pcm-table td:before,.follow-up-history td:before{content:attr(data-label);color:var(--muted, #6b7280);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.modal-overlay{align-items:stretch;padding:0}.modal-overlay .modal{width:100%;max-width:none!important;min-height:100dvh;max-height:100dvh;overflow-y:auto;border-radius:0}.modal-overlay .form{max-width:none}.modal-overlay .form input,.modal-overlay .form select,.modal-overlay .form textarea,.modal-overlay .form .btn{min-height:48px;font-size:1rem}}@media (max-width: 380px){.pcm-methods{grid-template-columns:1fr}.pcm-table td,.follow-up-history td{grid-template-columns:1fr;gap:.2rem}}