@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";#s-login{background:#031b19;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:100vh;display:flex}#s-login:before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(0,173,157,.12) 0%,transparent 65%);top:-200px;right:-200px;pointer-events:none}#s-login:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(240,184,64,.06) 0%,transparent 65%);bottom:-100px;left:-100px;pointer-events:none}.login-card{background:#fff;border-radius:18px;padding:44px 42px;width:420px;max-width:92vw;position:relative;z-index:2;box-shadow:0 28px 70px #00000052,0 0 0 1px #ffffff0a}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.login-brand-text{display:flex;flex-direction:column}.login-brand-name{font-size:17px;font-weight:700;color:#031b19}.login-brand-tag{font-size:10px;font-weight:500;color:#6e6e6e;letter-spacing:.08em;text-transform:uppercase}.partner-badge{margin-left:auto;background:#d3f3f0;color:#008176;font-size:10px;font-weight:700;padding:3px 9px;border-radius:20px}.login-title{font-size:22px;font-weight:700;color:#031b19;margin-bottom:5px}.login-sub{font-size:13px;color:#6e6e6e;line-height:1.55;margin-bottom:24px}.form-label{display:block;font-size:12px;font-weight:500;color:#031b19;margin-bottom:5px}.form-input{width:100%;border:1.5px solid #E0E0E3;border-radius:8px;padding:10px 13px;font-family:Poppins,sans-serif;font-size:13px;color:#031b19;background:#fff;outline:none;height:44px}.form-input:focus{border-color:#00ad9d;box-shadow:0 0 0 3px #00ad9d1a}.prefix-box{background:#f7f7f5;border:1.5px solid #E0E0E3;border-radius:8px;padding:0 12px;height:44px;display:flex;align-items:center;font-size:13px;color:#031b19;white-space:nowrap}.auth-tabs{display:flex;background:#f7f7f5;border-radius:8px;padding:3px;margin-bottom:20px}.auth-tab{flex:1;padding:8px 14px;border-radius:6px;border:none;font-family:Poppins,sans-serif;font-size:12.5px;font-weight:500;cursor:pointer;color:#6e6e6e;background:transparent}.auth-tab.active{background:#fff;color:#031b19;font-weight:600;box-shadow:0 1px 4px #031b191a}.otp-container{display:flex;justify-content:center;width:100%;margin:10px 0}.otp-row{display:flex;gap:12px;justify-content:center;align-items:center;width:100%}.otp-box{width:55px;height:55px;flex:none;border:2px solid #E0E0E3;border-radius:12px;text-align:center;font-size:24px;font-weight:700;font-family:Poppins,monospace;color:#031b19;background:#fff;outline:none;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.otp-box:focus{border-color:#00ad9d;box-shadow:0 0 0 3px #00ad9d26;transform:scale(1.02)}.otp-box:hover:not(:focus){border-color:#008176;background:#d3f3f0}.otp-box::-webkit-inner-spin-button,.otp-box::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media (max-width: 550px){.otp-box{width:45px;height:45px;font-size:20px}.otp-row{gap:8px}}@media (max-width: 450px){.otp-box{width:40px;height:40px;font-size:18px}.otp-row{gap:6px}}@media (max-width: 380px){.otp-box{width:35px;height:35px;font-size:16px}.otp-row{gap:5px}}.pwd-wrap{position:relative}.pwd-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#6e6e6e;font-size:14px}.forgot-link{text-align:right;font-size:12px;margin-bottom:4px}.forgot-link a{color:#00ad9d;text-decoration:none;font-size:11.5px}.login-hint{text-align:center;font-size:12px;color:#6e6e6e;margin-top:13px}.login-hint a{color:#00ad9d;text-decoration:none;font-weight:500;cursor:pointer}.btn-login{width:100%;background:#00ad9d;color:#fff;border:none;border-radius:8px;padding:13px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;cursor:pointer;margin-top:6px}.btn-login:hover:not(:disabled){background:#008176}.btn-login:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:22px;padding-top:18px;border-top:1px solid #E0E0E3;display:flex;align-items:center;gap:9px}.login-footer-pill{background:#f7f7f5;color:#6e6e6e;font-size:10px;font-weight:700;padding:3px 8px;border-radius:5px}.login-footer span{font-size:11px;color:#6e6e6e}.error-message{background:#fff0db;border-left:3px solid #E48F16;padding:10px;border-radius:8px;margin-top:15px;font-size:12px;color:#e48f16}@media (max-width: 500px){.login-card{padding:32px 24px}.otp-box{height:44px;font-size:16px}}#s-login{min-height:100vh}.btn-request-otp{width:100%;background:#00ad9d;color:#fff;border:none;border-radius:8px;padding:12px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;cursor:pointer;margin-bottom:15px;transition:background .2s}.btn-request-otp:hover:not(:disabled){background:#008176}.btn-request-otp:disabled{opacity:.6;cursor:not-allowed}.screen{display:flex;min-height:100vh;flex-direction:column}.p-header{background:var(--text-primary);height:60px;padding:0 28px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:50;box-shadow:0 1px #ffffff0d,0 4px 20px #0003}.master-kpi-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:20px}.kpi-dark{background:var(--text-primary);border-radius:12px;padding:20px}.kpi-dark .stat-label{color:#ffffff73}.kpi-dark .stat-val{color:var(--bg-card)}.kpi-dark .stat-sub{color:var(--teal)}.kpi-gold{background:var(--amber);border-radius:12px;padding:20px}.stat-card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border);padding:20px;box-shadow:0 2px 12px #031b1912}.stat-val{font-size:30px;font-weight:700;line-height:1;color:var(--text-primary)}.prog-track{height:5px;background:var(--border);border-radius:3px;overflow:hidden;margin-top:10px}.prog-fill{height:100%;border-radius:3px}.master-mid-row{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:16px;margin-bottom:20px}.card-title{font-size:13.5px;font-weight:600;color:var(--text-primary)}.donut-wrap{display:flex;align-items:center;gap:20px}.donut-legend{display:flex;flex-direction:column;gap:10px;flex:1}.legend-row{display:flex;justify-content:space-between;align-items:center}.legend-dot{width:7px;height:7px;border-radius:50%}.legend-label{font-size:11.5px;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.legend-val{font-size:12px;font-weight:600;color:var(--text-primary)}.bar-row{margin-bottom:12px}.bar-meta{display:flex;justify-content:space-between;margin-bottom:5px}.bar-name{font-size:12px;color:var(--text-secondary)}.bar-count{font-size:12px;font-weight:600;color:var(--text-primary)}.bar-track{height:5px;background:var(--border);border-radius:3px;overflow:hidden}.bar-fill{height:100%;border-radius:3px}.lead-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.lead-cell{background:var(--bg-subtle);border:1px solid var(--border);border-radius:8px;padding:13px}.lead-cell-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:5px}.lead-cell-val{font-size:22px;font-weight:700;color:var(--text-primary)}.lead-cell-sub{font-size:11px;margin-top:3px}.search-wrap{position:relative}.search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#b7b7b7;font-size:13px}.search-input{width:100%;border:1.5px solid var(--border);border-radius:8px;padding:9px 13px 9px 33px;font-family:Poppins,sans-serif;font-size:13px;outline:none}.dist-head,.dist-row{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr 1fr 1fr 1.1fr;padding:12px 22px;align-items:center}.dist-head{background:var(--bg-subtle);border-bottom:1px solid var(--border)}.dist-row{border-bottom:1px solid var(--border)}.dist-row:hover{background:var(--bg-subtle)}.mini-bar-wrap{display:flex;align-items:center;gap:8px}.mini-bar-track{flex:1;max-width:60px;height:5px;background:var(--border);border-radius:3px;overflow:hidden}.mini-bar-fill{height:100%;border-radius:3px}.da-btn{background:var(--teal-light);color:var(--teal-dark);border:1px solid #a8e6e0;border-radius:6px;padding:5px 11px;font-size:11px;font-weight:600;cursor:pointer}.da-btn.nudge{background:var(--amber-light);color:var(--amber-dark);border-color:#ffcd85}@media (max-width: 900px){.page-body{padding:20px}.master-kpi-row{gap:10px}}.prefix-box{background:var(--bg-subtle);border:1.5px solid var(--border);border-radius:8px;padding:0 12px;height:44px;display:flex;align-items:center;font-size:13px;white-space:nowrap}.modal-note{background:var(--teal-light);border-left:3px solid var(--teal);padding:10px 13px;border-radius:0 8px 8px 0;font-size:11.5px;margin-top:15px;line-height:1.5}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#031b1980;z-index:500;align-items:center;justify-content:center;padding:20px}.modal-overlay.open{display:flex}.modal{background:var(--bg-card);border-radius:16px;width:580px;max-width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 28px 64px #0000003d;animation:popIn .2s ease}.modal-wide{width:580px}@keyframes popIn{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-head{background:var(--text-primary);padding:18px 22px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:2}.modal-head-title{font-size:15px;font-weight:700;color:var(--bg-card);letter-spacing:-.2px}.modal-head-sub{font-size:11px;color:#ffffff80;margin-top:2px}.modal-close{width:28px;height:28px;border-radius:50%;background:#ffffff17;border:none;color:var(--bg-card);cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-body{padding:22px}.modal-footer{display:flex;gap:9px;padding:0 22px 22px}.modal-footer .btn{flex:1;justify-content:center}.modal-note{background:var(--teal-light);border-left:3px solid var(--teal);padding:10px 13px;border-radius:0 8px 8px 0;font-size:11.5px;color:var(--text-primary);margin-bottom:18px;line-height:1.5}.rec-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}.rtype{border:1.5px solid var(--border);border-radius:8px;padding:12px 6px;text-align:center;cursor:pointer;transition:all .18s}.rtype:hover,.rtype.on{border-color:var(--teal);background:var(--teal-light)}.rtype-icon{font-size:18px;margin-bottom:5px}.rtype-label{font-size:10.5px;font-weight:600;color:var(--text-primary)}.form-input{width:100%;border:1.5px solid var(--border);border-radius:8px;padding:10px 13px;font-family:Poppins,sans-serif;font-size:13px;color:var(--text-primary);background:var(--bg-card);outline:none;transition:all .18s;height:44px}.form-input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #00ad9d1a}.input-error{border-color:var(--amber-dark)!important}.input-error:focus{box-shadow:0 0 0 3px #e48f161f!important}.field-error{font-size:11px;color:var(--amber-dark);margin-top:4px}textarea.form-input{height:auto;min-height:80px;resize:vertical;padding-top:10px}.phone-row{display:flex;gap:8px}.prefix-box{background:var(--bg-subtle);border:1.5px solid var(--border);border-radius:8px;padding:0 12px;height:44px;display:flex;align-items:center;font-size:13px;color:var(--text-primary);white-space:nowrap;flex-shrink:0}.btn{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:8px;padding:9px 16px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s}.btn-teal:hover{background:var(--teal-dark)}.btn-ghost:hover{border-color:var(--border);color:var(--text-primary)}@media (max-width: 600px){.modal{width:95%}.rec-type-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 450px){.rec-type-grid{grid-template-columns:repeat(2,1fr)}.phone-row{flex-direction:column}.prefix-box{width:100%}}.bu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#031b198c;display:flex;align-items:center;justify-content:center;z-index:1000}.bu-modal{width:540px;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 20px 60px #0000002e;display:flex;flex-direction:column}.bu-head{background:#031b19;padding:22px 24px;display:flex;align-items:flex-start;justify-content:space-between}.bu-title{font-size:16px;font-weight:700;color:#fff;margin-bottom:3px}.bu-sub{font-size:12px;color:#00ad9d}.bu-close{background:#ffffff1f;border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center}.bu-close:hover{background:#ffffff38}.bu-body{padding:24px;flex:1}.bu-steps{display:flex;align-items:flex-start;gap:0;margin-bottom:24px}.bu-step{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11.5px;color:#6e6e6e;text-align:center;min-width:72px}.bu-step-circle{width:30px;height:30px;border-radius:50%;background:#e0e0e3;color:#6e6e6e;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.bu-step-active .bu-step-circle{background:#00ad9d;color:#fff}.bu-step-active span{color:#00ad9d;font-weight:600}.bu-step-done .bu-step-circle{background:#00ad9d;color:#fff}.bu-step-done span{color:#031b19;font-weight:500}.bu-step-line{flex:1;height:1.5px;background:#e0e0e3;margin-top:15px;align-self:flex-start}.bu-dropzone{border:2px dashed #D0D0D5;border-radius:12px;padding:40px 24px;text-align:center;cursor:pointer;margin-bottom:16px;transition:border-color .2s,background .2s}.bu-dropzone:hover{border-color:#00ad9d;background:#f0fffe}.bu-dropzone-icon{font-size:40px;margin-bottom:12px}.bu-dropzone-text{font-size:14px;font-weight:500;color:#031b19;margin-bottom:6px}.bu-dropzone-sub{font-size:12px;color:#6e6e6e}.bu-template-row{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.bu-template-btn{background:none;border:none;color:#00ad9d;font-size:13px;font-weight:600;cursor:pointer;padding:0;white-space:nowrap;text-decoration:none}.bu-template-btn:hover{text-decoration:underline}.bu-template-hint{font-size:12px;color:#6e6e6e;line-height:1.5}.bu-preview{background:#f7f7f5;border:1px solid #E0E0E3;border-radius:10px;padding:16px}.bu-preview-row{display:flex;justify-content:space-between;font-size:13px;font-weight:500;margin-bottom:14px}.bu-preview-stats{display:flex;gap:16px}.bu-stat{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;color:#6e6e6e}.bu-stat strong{font-size:20px;font-weight:700;color:#031b19}.bu-stat-green strong{color:#00ad9d}.bu-stat-amber strong{color:#e48f16}.bu-errors{margin-top:12px;font-size:12px;color:#e48f16;padding-left:16px}.bu-confirm{text-align:center;padding:20px 0}.bu-note{background:#d3f3f0;border-left:3px solid #00AD9D;padding:10px 13px;border-radius:0 8px 8px 0;font-size:12px;text-align:left;margin-top:12px}.bu-footer{display:flex;gap:12px;padding:16px 24px;border-top:1px solid #F0F0F0}.bu-btn-cancel{flex:1;padding:13px;border-radius:10px;border:1.5px solid #E0E0E3;background:#fff;font-size:14px;font-weight:500;color:#031b19;cursor:pointer}.bu-btn-cancel:hover{background:#f7f7f5}.bu-btn-primary{flex:1;padding:13px;border-radius:10px;border:none;background:#00ad9d;font-size:14px;font-weight:600;color:#fff;cursor:pointer}.bu-btn-primary:hover:not(:disabled){background:#008176}.bu-btn-primary:disabled{opacity:.6;cursor:not-allowed}.screen{display:none;min-height:100vh;flex-direction:column;background:var(--bg-page)}.p-header{background:var(--bg-header);height:60px;padding:0 28px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:50;box-shadow:0 1px #ffffff0d,0 4px 20px #0003}.p-logo-name{font-size:15px;font-weight:700;color:var(--text-header)}.p-icon-btn{width:32px;height:32px;border-radius:50%;background:#ffffff12;border:none;color:#fff9;font-size:14px;cursor:pointer;position:relative}.notif-dot{width:7px;height:7px;background:var(--amber);border-radius:50%;position:absolute;top:5px;right:5px;border:1.5px solid var(--bg-header)}.page-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.page-title{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:3px}.page-sub{font-size:12.5px;color:var(--text-secondary)}.btn-teal{background:var(--teal);color:#fff}.stat-card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border);padding:20px;box-shadow:var(--shadow)}.stat-label{font-size:10.5px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.7px;font-weight:600;margin-bottom:8px}.stat-val{font-size:30px;font-weight:700;color:var(--text-primary)}.stat-sub{font-size:11px;color:var(--text-secondary);margin-top:6px}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.search-wrap{position:relative;flex:1;min-width:220px}.search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:13px}.search-input{width:100%;border:1.5px solid var(--border);border-radius:8px;padding:9px 13px 9px 33px;font-family:Poppins,sans-serif;font-size:13px;outline:none;background:var(--bg-card);color:var(--text-primary)}.search-input:focus{border-color:var(--teal)}.chip{padding:6px 14px;border-radius:20px;border:1.5px solid var(--border);background:var(--bg-card);font-size:11.5px;font-weight:500;color:var(--text-secondary);cursor:pointer}.chip.on{border-color:var(--teal);background:var(--teal-light);color:var(--teal-dark)}.card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow)}.ct-head{display:grid;grid-template-columns:2.3fr 1.2fr 1fr 1.1fr 1.2fr 1.1fr;padding:10px 20px;background:var(--bg-subtle);border-bottom:1px solid var(--border)}.ct-row{display:grid;grid-template-columns:2.3fr 1.2fr 1fr 1.1fr 1.2fr 1.1fr;padding:14px 20px;border-bottom:1px solid var(--border);align-items:center;cursor:pointer}.ct-row:hover{background:var(--bg-subtle)}.th{font-size:10.5px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px}.client-cell{display:flex;align-items:center;gap:11px}.client-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:300;color:#fff}.cell-name{font-size:13.5px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.cell-id{font-size:10.5px;color:var(--text-secondary)}.cell-text{font-size:12.5px;color:var(--text-primary)}.cell-sub{font-size:11px;color:var(--text-secondary);margin-top:2px}.pill-neutral{background:var(--bg-subtle);color:var(--text-secondary)}.mini-comp{display:flex;align-items:center;gap:7px}.mini-comp-track{flex:1;max-width:70px;height:5px;background:var(--border);border-radius:3px;overflow:hidden}.mini-comp-fill{height:100%;border-radius:3px}.mini-comp-pct{font-size:11.5px;font-weight:600}.row-actions{display:flex;gap:5px}.row-btn{width:28px;height:28px;border:1.5px solid var(--border);border-radius:6px;background:var(--bg-card);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-secondary)}.row-btn.primary{background:var(--teal);border-color:var(--teal);color:#fff}@media (max-width: 900px){.page-body{padding:20px}}@media (max-width: 700px){.page-top{flex-direction:column;gap:15px}}@media (max-width: 600px){.toolbar{flex-direction:column}.search-wrap{width:100%}.ct-head,.ct-row{min-width:700px}.card{overflow-x:auto}}.screen{display:none;min-height:100vh;flex-direction:column}.screen.active{display:flex}.p-header{background:var(--text-primary);height:60px;padding:0 28px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:50}.p-logo{display:flex;align-items:center;gap:10px}.p-logo-name{font-size:15px;font-weight:700;color:var(--bg-card)}.p-vline{width:1px;height:22px;background:#ffffff1f}.p-context{display:flex;flex-direction:column}.p-ctx-top{font-size:12px;color:var(--teal);font-weight:600}.p-ctx-sub{font-size:10.5px;color:var(--text-secondary)}.p-spacer{flex:1}.p-icon-btn{width:32px;height:32px;border-radius:50%;background:#ffffff12;border:none;color:#ffffff80;font-size:14px;cursor:pointer;position:relative}.notif-dot{width:7px;height:7px;background:var(--amber);border-radius:50%;position:absolute;top:5px;right:5px;border:1.5px solid var(--text-primary)}.logout-btn{background:#ffffff1a;border:none;color:#fff;padding:6px 16px;border-radius:6px;cursor:pointer;font-size:12px}.p-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;cursor:pointer}.page-body{padding:28px 32px 100px;max-width:1240px;width:100%;margin:0 auto}.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:22px}.bc-back{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--text-secondary);cursor:pointer;background:none;border:none;font-family:Poppins,sans-serif}.bc-back:hover{color:var(--teal)}.bc-sep{color:var(--border);font-size:12px}.bc-current{font-size:12.5px;color:var(--text-primary);font-weight:500}.detail-top-grid{display:grid;grid-template-columns:1fr 310px;gap:18px;margin-bottom:18px}.profile-card{padding:22px;display:flex;align-items:flex-start;gap:18px}.profile-av{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:300;color:var(--bg-card)}.profile-name{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.profile-meta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:10px}.meta-item{font-size:11.5px;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.profile-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.profile-tag{padding:3px 9px;background:var(--bg-subtle);border-radius:20px;font-size:11px;color:var(--text-secondary);font-weight:500}.action-card{padding:20px}.action-card-title{font-size:13.5px;font-weight:600;color:var(--text-primary);margin-bottom:14px}.form-group{margin-bottom:15px}.form-label{display:block;font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:5px}.form-input{width:100%;border:1.5px solid var(--border);border-radius:8px;padding:10px 13px;font-family:Poppins,sans-serif;font-size:13px;outline:none}.toggle-pills{display:flex;gap:6px}.toggle-pill{padding:6px 14px;border-radius:20px;border:1.5px solid var(--border);background:var(--bg-card);font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer}.toggle-pill.on{border-color:var(--teal);background:var(--teal-light);color:var(--teal-dark)}.notif-textarea{width:100%;border:1.5px solid var(--border);border-radius:8px;padding:10px 12px;font-family:Poppins,sans-serif;font-size:12px;resize:none;outline:none}.btn{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:8px;padding:9px 16px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;cursor:pointer}.btn-teal{background:var(--teal);color:var(--bg-card)}.btn-outline{background:var(--bg-card);color:var(--text-primary);border:1.5px solid var(--border)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1.5px solid var(--border)}.btn-sm{padding:6px 12px;font-size:12px}.card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border);box-shadow:0 2px 12px #031b1912;overflow:hidden}.card-head{padding:15px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.card-title{font-size:13.5px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.card-icon{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-full{grid-column:1 / -1}.record-row{display:flex;align-items:center;justify-content:space-between;padding:11px 20px;border-bottom:1px solid var(--border)}.record-row:hover{background:var(--bg-subtle)}.rec-dot{width:7px;height:7px;border-radius:50%}.rec-left{display:flex;align-items:center;gap:10px}.rec-name{font-size:12.5px;font-weight:500;color:var(--text-primary)}.rec-detail{font-size:11px;color:var(--text-secondary)}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600}.pill-teal{background:var(--teal-light);color:var(--teal-dark)}.pill-amber{background:var(--amber-light);color:var(--amber-dark)}.empty-state{padding:28px;text-align:center;color:var(--text-secondary);font-size:12.5px}.empty-icon{font-size:24px;margin-bottom:7px}.contacts-section{padding:0}.contacts-sub-head{padding:12px 20px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.contacts-sub-label{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.7px;display:flex;align-items:center;gap:6px}.role-pill{font-size:10px;padding:2px 8px;border-radius:20px;font-weight:600;text-transform:none}.contacts-sub-count{font-size:11px;color:var(--text-secondary);font-weight:500}.contact-row{display:flex;align-items:center;gap:14px;padding:12px 20px;border-bottom:1px solid var(--border)}.contact-row:hover{background:var(--bg-subtle)}.contact-av{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:300;color:var(--bg-card)}.contact-name{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.contact-rel{font-size:11px;color:var(--text-secondary)}.contact-chips{display:flex;gap:5px;flex-wrap:wrap;margin-left:auto;align-items:center}.c-chip{font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;white-space:nowrap}.c-chip-teal{background:var(--teal-light);color:var(--teal-dark)}.c-chip-neutral{background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border)}.c-chip-amber{background:var(--amber-light);color:var(--amber-dark)}.contacts-gap-banner{margin:12px 20px;padding:11px 14px;background:var(--amber-light);border-left:3px solid var(--amber-dark);border-radius:0 8px 8px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.gap-banner-text{font-size:12px;color:var(--text-primary);line-height:1.5}.gap-banner-text strong{color:var(--amber-dark)}.gap-banner-btn{background:var(--amber-dark);color:var(--bg-card);border:none;border-radius:6px;padding:5px 11px;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;cursor:pointer}.contacts-info-note{padding:10px 20px 14px;font-size:11.5px;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.btn-add{background:var(--teal-light);color:var(--teal-dark);border:1px solid #a8e6e0;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .18s;display:inline-flex;align-items:center;gap:4px}.btn-add:hover{background:var(--teal);color:var(--bg-card);border-color:var(--teal)}.card-head .btn-add{background:var(--teal-light);color:var(--teal-dark);border:1px solid #a8e6e0}.card-head .btn-add:hover{background:var(--teal);color:var(--bg-card);border-color:var(--teal)}@media (max-width: 900px){.detail-top-grid,.detail-grid{grid-template-columns:1fr}.page-body{padding:20px}}@media (max-width: 700px){.profile-card{flex-direction:column;align-items:center;text-align:center}.profile-meta,.profile-tags{justify-content:center}}.nav-pill{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--bg-header);border:1px solid rgba(255,255,255,.08);border-radius:40px;padding:8px 12px;display:flex;gap:4px;z-index:999;box-shadow:var(--shadow)}.nav-pill button{background:transparent;border:none;color:#ffffff73;font-family:Poppins,sans-serif;font-size:11px;font-weight:500;padding:7px 15px;border-radius:24px;cursor:pointer;transition:all .18s;white-space:nowrap}.nav-pill button:hover{color:#fff;background:#ffffff12}.nav-pill button.active{background:#00ad9d;color:#fff;font-weight:600}.nav-pill .sep{width:1px;background:#ffffff14;margin:6px 2px}@media (max-width: 550px){.nav-pill{padding:6px 10px;bottom:10px}.nav-pill button{padding:5px 10px;font-size:10px}}.app-container{min-height:100vh;position:relative}:root{--bg-page: #FAFAFA;--bg-card: #FFFFFF;--bg-header: #031B19;--bg-subtle: #F7F7F5;--border: #E0E0E3;--text-primary: #031B19;--text-secondary:#6E6E6E;--text-header: #FFFFFF;--teal: #00AD9D;--teal-dark: #008176;--teal-light: #D3F3F0;--amber: #F0B840;--amber-light: #FFF0DB;--amber-dark: #E48F16;--kpi-dark-bg: #031B19;--kpi-dark-text: #FFFFFF;--shadow: 0 2px 12px rgba(3,27,25,.07)}[data-theme=dark]{--bg-page: #0D1F1E;--bg-card: #132523;--bg-header: #071412;--bg-subtle: #1A2E2C;--border: #2A3D3B;--text-primary: #E8F0EF;--text-secondary:#7A9E9B;--text-header: #FFFFFF;--teal: #00AD9D;--teal-dark: #00C4B2;--teal-light: #0D3330;--amber: #F0B840;--amber-light: #2A1F00;--amber-dark: #E48F16;--kpi-dark-bg: #071412;--kpi-dark-text: #FFFFFF;--shadow: 0 2px 12px rgba(0,0,0,.3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:var(--bg-page);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}#root{min-height:100vh}