:root{--navy:#0f2744;--navy-mid:#1a3a5c;--teal:#0e7490;--teal-light:#cffafe;--teal-mid:#06b6d4;--amber:#d97706;--amber-light:#fef3c7;--green:#059669;--green-light:#d1fae5;--red:#dc2626;--red-light:#fee2e2;--slate:#64748b;--slate-light:#f1f5f9;--white:#fff;--border:#e2e8f0;--text:#1e293b;--text-muted:#94a3b8;--sidebar-w:220px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);background:#f8fafc;min-height:100vh;font-family:Roboto,sans-serif;font-size:13.5px;display:flex}.sidebar{width:var(--sidebar-w);background:var(--navy);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{border-bottom:1px solid #ffffff14;padding:20px 20px 16px}.logo-mark{color:var(--white);letter-spacing:-.3px;font-family:Roboto,sans-serif;font-size:20px}.logo-sub{color:#fff6;letter-spacing:1.5px;text-transform:uppercase;margin-top:2px;font-size:10px;font-weight:500}.sidebar-nav{flex:1;padding:12px 0;overflow-y:auto}.nav-sec,.nav-section{color:#ffffff4d;letter-spacing:1.2px;text-transform:uppercase;padding:8px 16px 4px;font-size:10px;font-weight:600}.nav-item{color:#fff9;cursor:pointer;border-left:3px solid #0000;align-items:center;gap:10px;padding:9px 20px;font-size:13px;font-weight:400;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:#ffffffe6;background:#ffffff0f}.nav-item.active{color:var(--white);border-left-color:var(--teal-mid);background:#0e749040;font-weight:500}.nav-icon{text-align:center;width:18px;font-size:15px}.nav-badge{background:var(--teal);color:#fff;border-radius:10px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:600}.sidebar-user{border-top:1px solid #ffffff14;align-items:center;gap:10px;padding:14px 16px;display:flex}.user-avatar{background:var(--teal);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.user-info{overflow:hidden}.user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.user-role{color:#fff6;margin-top:1px;font-size:10px}.main{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border);z-index:50;background:#fff;align-items:center;gap:16px;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-title{color:var(--text);font-size:15px;font-weight:600}.topbar-breadcrumb{color:var(--slate);align-items:center;gap:6px;font-size:12px;display:flex}.topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover{background:#0c6480}.btn-secondary{color:var(--text);border:1px solid var(--border);background:#fff}.btn-secondary:hover{background:var(--slate-light)}.page-content{flex:1;padding:20px 24px}.stats-row{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px;display:grid}.stat-card{border:1px solid var(--border);cursor:pointer;background:#fff;border-top:3px solid #0000;border-radius:10px;padding:14px 16px;transition:all .15s}.stat-card:hover,.stat-card.on{border-top-color:var(--teal);box-shadow:0 2px 12px #0e74901a}.stat-label{color:var(--slate);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;font-size:11px;font-weight:700}.stat-count{margin-bottom:2px;font-size:26px;font-weight:800;line-height:1.1}.stat-sub{color:var(--text-muted);margin-top:4px;font-size:11px}.filters-bar{border:1px solid var(--border);background:#fff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;display:flex}.search-box{background:var(--slate-light);border:1px solid var(--border);border-radius:7px;flex:1;align-items:center;gap:8px;min-width:200px;padding:7px 12px;display:flex}.search-box input{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13px}.search-box input::placeholder{color:var(--text-muted)}.filter-select{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#fff;border-radius:7px;outline:none;min-width:140px;padding:7px 12px;font-family:inherit;font-size:12.5px}.table-container{border:1px solid var(--border);background:#fff;border-radius:10px;overflow:hidden}.table-header-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.table-count{color:var(--text);font-size:13px;font-weight:600}.table-count strong{color:var(--text)}table{border-collapse:collapse;width:100%}thead th{text-align:left;color:var(--slate);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);white-space:nowrap;background:#fafafa;padding:10px 14px;font-size:11px;font-weight:700}tbody tr{cursor:pointer;border-bottom:1px solid #f1f5f9;transition:background .1s}tbody tr:hover{background:#f8fdff}tbody tr:last-child{border-bottom:none}td{vertical-align:middle;padding:11px 14px}.client-info{align-items:center;gap:10px;display:flex}.client-avatar,.client-avatar.f,.client-avatar.child{display:none}.client-name{color:var(--text);margin-bottom:2px;font-size:13.5px;font-weight:600}.client-meta{color:var(--slate);gap:8px;font-size:11.5px;display:flex}.status-badge:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge-paused{color:#6b21a8;background:#f3e8ff}.badge-closed{color:var(--slate);background:#f1f5f9}.badge-closed:before{background:var(--slate)}.journey-badge{white-space:nowrap;border-radius:20px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.journey-new{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.journey-warm{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.journey-lost{color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.service-tag{color:var(--teal);background:#f0fdff;border:1px solid #a5f3fc;border-radius:5px;align-items:center;padding:2px 9px;font-size:11px;font-weight:500;display:inline-flex}.sessions-info{text-align:right}.sessions-count{color:var(--text);font-size:13.5px;font-weight:700}.sessions-remaining{color:var(--text-muted);margin-top:1px;font-size:11px}.sessions-remaining.low{color:var(--red);font-weight:500}.specialist-info{color:var(--text);align-items:center;gap:7px;font-size:12.5px;display:flex}.mini-avatar{display:none}.next-session{color:var(--text);font-size:12px}.next-session .date{font-weight:600}.next-session .time{color:var(--slate);margin-top:2px}.next-session .soon{color:var(--amber);font-weight:600}.source-tag{color:var(--slate);align-items:center;gap:5px;font-size:11.5px;display:flex}.checkbox-cell input[type=checkbox]{cursor:pointer;width:15px;height:15px;accent-color:var(--teal)}.pagination{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.pagination-info{color:var(--slate);font-size:12.5px}.pagination-controls{gap:4px;display:flex}.page-btn{border:1px solid var(--border);cursor:pointer;width:30px;height:30px;color:var(--text);background:#fff;border-radius:6px;justify-content:center;align-items:center;font-family:inherit;font-size:12.5px;transition:all .1s;display:flex}.page-btn:hover{background:var(--slate-light)}.page-btn.active{background:var(--teal);color:#fff;border-color:var(--teal)}.detail-panel{border-left:1px solid var(--border);z-index:200;background:#fff;flex-direction:column;width:640px;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(0);box-shadow:-8px 0 32px #00000014}.detail-panel.hidden{transform:translate(100%)}.panel-header{border-bottom:1px solid var(--border);z-index:10;background:#fff;align-items:center;gap:12px;padding:16px 20px;display:flex;position:sticky;top:0}.panel-close{border:1px solid var(--border);cursor:pointer;width:32px;height:32px;color:var(--slate);background:#fff;border-radius:7px;justify-content:center;align-items:center;margin-left:auto;font-size:16px;transition:all .15s;display:flex}.panel-close:hover{background:var(--red-light);color:var(--red);border-color:var(--red)}.panel-client-avatar{color:#fff;background:linear-gradient(135deg,#be185d,#9f1239);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:17px;font-weight:700;display:flex}.panel-client-name{color:var(--text);font-size:16px;font-weight:700;line-height:1}.panel-client-sub{color:var(--slate);align-items:center;gap:8px;margin-top:3px;font-size:12px;display:flex}.panel-body{flex:1;overflow-y:auto}.kpi-strip{border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid}.kpi-item{border-right:1px solid var(--border);text-align:center;padding:14px 16px}.kpi-item:last-child{border-right:none}.kpi-value{color:var(--text);font-size:20px;font-weight:700}.kpi-label{color:var(--slate);margin-top:3px;font-size:10.5px;font-weight:500}.panel-tabs{border-bottom:1px solid var(--border);z-index:9;background:#fff;padding:0 20px;display:flex;position:sticky;top:74px}.tab-content{padding:20px}.info-section{margin-bottom:20px}.info-section-title{color:var(--slate);letter-spacing:.8px;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}.info-section-title:after{content:"";background:var(--border);flex:1;height:1px}.info-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.info-field{flex-direction:column;gap:3px;display:flex}.info-field.full{grid-column:span 2}.field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:500}.field-value{color:var(--text);font-size:13px;font-weight:500}.field-value.phone{color:var(--teal);font-weight:600}.field-value.muted{color:var(--slate);font-style:italic;font-weight:400}.contact-card{background:var(--slate-light);border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;display:flex}.contact-card .contact-role{color:var(--teal);text-transform:uppercase;letter-spacing:.5px;font-size:10.5px;font-weight:700}.contact-card .contact-name{color:var(--text);margin-top:2px;font-size:13.5px;font-weight:600}.contact-card .contact-phone{color:var(--teal);margin-top:2px;font-size:12.5px}.session-item{border:1px solid var(--border);border-radius:8px;margin-bottom:10px;overflow:hidden}.session-header{border-bottom:1px solid var(--border);background:#f8fafc;align-items:center;gap:10px;padding:10px 14px;display:flex}.session-num{background:var(--teal);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:flex}.session-date{color:var(--text);font-size:12.5px;font-weight:600}.session-time{color:var(--slate);font-size:12px}.session-specialist{color:var(--slate);margin-left:auto;font-size:12px}.session-body{padding:12px 14px}.session-tags{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.session-tag{background:var(--teal-light);color:#155e75;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}.session-note{color:var(--text);border:1px solid var(--border);background:#fff;border-radius:6px;padding:8px 10px;font-size:12.5px;line-height:1.6}.rating-stars{color:var(--amber);margin-top:8px;font-size:14px}.progress-wrap{background:var(--border);border-radius:4px;height:6px;margin-top:6px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--teal), var(--teal-mid));border-radius:4px;height:100%}.package-card{color:#fff;background:linear-gradient(135deg,#0f2744 0%,#0e7490 100%);border-radius:10px;margin-bottom:12px;padding:16px}.pkg-name{font-size:14px;font-weight:700}.pkg-type{opacity:.7;margin-top:2px;font-size:11px}.pkg-sessions{margin-top:14px}.pkg-sessions-num{font-size:28px;font-weight:800;line-height:1}.pkg-sessions-label{opacity:.7;margin-top:3px;font-size:11px}.pkg-progress-bg{background:#fff3;border-radius:4px;height:5px;margin-top:10px;overflow:hidden}.pkg-progress-bar{background:var(--teal-mid);border-radius:4px;height:100%}.pkg-meta{opacity:.7;justify-content:space-between;margin-top:10px;font-size:11px;display:flex}.ai-section{color:#fff;background:linear-gradient(135deg,#0f2744,#155e75);border-radius:10px;margin-bottom:12px;padding:16px}.ai-title{align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.ai-badge{background:var(--teal-mid);letter-spacing:.5px;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.ai-desc{opacity:.75;margin-bottom:12px;font-size:12px;line-height:1.5}.ai-btn{color:var(--navy);cursor:pointer;background:#fff;border:none;border-radius:7px;width:100%;padding:8px 16px;font-family:inherit;font-size:12.5px;font-weight:700;transition:all .15s}.ai-btn:hover{background:var(--teal-light)}.overlay{z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f27444d;position:fixed;inset:0}.overlay.hidden{display:none}#root{width:100%;min-height:100vh;display:flex}.kpi-strip{grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0;display:grid}.kpi-card{border:1px solid var(--border);border-top:3px solid var(--teal);background:#fff;border-radius:10px;padding:14px 16px;transition:box-shadow .15s}.kpi-card:hover{box-shadow:0 2px 8px #0e74901a}.kpi-lbl{color:var(--slate);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:10px;font-weight:700}.kpi-val{color:var(--navy);font-size:22px;font-weight:800;line-height:1}.kpi-sub{color:var(--text-muted);margin-top:4px;font-size:11px}.badge-done{color:var(--slate);background:#f1f5f9}.badge-done:before{background:var(--slate)}.client-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.pay-kpi-strip{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.pay-kpi{border:1px solid var(--border);background:#fff;border-top:3px solid #0000;border-radius:10px;padding:14px 16px}.pay-kpi.green{border-top-color:var(--green)}.pay-kpi.teal{border-top-color:var(--teal)}.pay-kpi.amber{border-top-color:var(--amber)}.pay-kpi.red{border-top-color:var(--red)}.pay-kpi .kpi-lbl{color:var(--slate);text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px;font-size:11px;font-weight:600}.pay-kpi .kpi-val{font-size:22px;font-weight:800;line-height:1}.pay-kpi .kpi-sub{color:var(--text-muted);margin-top:4px;font-size:11.5px}.pay-kpi.green .kpi-val{color:var(--green)}.pay-kpi.teal .kpi-val{color:var(--teal)}.pay-kpi.amber .kpi-val{color:var(--amber)}.pay-kpi.red .kpi-val{color:var(--red)}.pay-filter-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.pay-fsel{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#fff;border-radius:7px;outline:none;padding:7px 12px;font-family:inherit;font-size:12.5px}.pay-tabs{border-bottom:2px solid var(--border);flex-wrap:wrap;margin-bottom:14px;display:flex}.pay-tab{color:var(--slate);cursor:pointer;border-bottom:2px solid #0000;align-items:center;gap:5px;margin-bottom:-2px;padding:10px 14px;font-size:12.5px;font-weight:500;transition:all .15s;display:flex}.pay-tab:hover{color:var(--text)}.pay-tab.on{color:var(--teal);border-bottom-color:var(--teal);font-weight:600}.pay-tab-n{background:var(--slate-light);color:var(--slate);border-radius:10px;padding:1px 6px;font-size:10.5px;font-weight:700}.pay-tab.on .pay-tab-n{background:var(--teal-light);color:var(--teal)}.pay-table-card{border:1px solid var(--border);background:#fff;border-radius:10px;overflow:hidden}.pay-table-hdr{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:11px 16px;display:flex}.pay-table-card table{border-collapse:collapse;width:100%}.pay-table-card thead th{text-align:left;color:var(--slate);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--border);white-space:nowrap;background:#f8fafc;padding:10px 12px;font-size:11.5px;font-weight:600}.pay-table-card thead th.r,.pay-table-card td.r{text-align:right}.pay-table-card tbody tr{cursor:pointer;border-bottom:1px solid #f1f5f9;transition:background .1s}.pay-table-card tbody tr:hover{background:#f8fdff}.pay-table-card tbody tr:last-child{border-bottom:none}.pay-table-card td{vertical-align:middle;padding:11px 12px}.pay-tfoot td{border-top:2px solid var(--border);cursor:default;background:#f8fafc;font-weight:700}.order-code{color:var(--teal);font-size:12.5px;font-weight:700}.cli-wrap{align-items:center;gap:8px;display:flex}.cli-av{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:flex}.amt{font-size:13.5px;font-weight:700}.amt.g{color:var(--green)}.amt.a{color:var(--amber)}.amt.r{color:var(--red)}.amt.m{color:var(--text-muted)}.pay-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.pay-badge:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px}.bdg-paid{background:var(--green-light);color:#065f46}.bdg-paid:before{background:var(--green)}.bdg-part{background:var(--amber-light);color:#92400e}.bdg-part:before{background:var(--amber)}.bdg-none{color:var(--slate);background:#f1f5f9}.bdg-none:before{background:var(--slate)}.bdg-cancel{background:var(--red-light);color:#991b1b}.bdg-cancel:before{background:var(--red)}.prog{background:var(--border);border-radius:3px;width:80px;height:5px;overflow:hidden}.pay-pag{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.pag-btn{border:1px solid var(--border);cursor:pointer;width:30px;height:30px;color:var(--text);background:#fff;border-radius:6px;justify-content:center;align-items:center;font-family:inherit;font-size:12.5px;display:flex}.pag-btn.on{background:var(--teal);color:#fff;border-color:var(--teal)}.pay-detail-grid{flex:1;grid-template-columns:minmax(0,1fr) 340px;display:grid;overflow:hidden}.pay-detail-left{border-right:1px solid var(--border);flex-direction:column;gap:14px;padding:20px 22px;display:flex;overflow-y:auto}.pay-detail-right{background:var(--slate-light);flex-direction:column;gap:12px;padding:16px 14px;display:flex;overflow-y:auto}.pay-card{border:1px solid var(--border);background:#fff;border-radius:10px;overflow:hidden}.pay-card-title{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;font-weight:700;display:flex}.pay-card-body{padding:16px}.pay-info-grid{grid-template-columns:1fr 1fr;gap:12px 24px;display:grid}.pay-info-lbl{color:var(--slate);text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px;font-size:11px;font-weight:600}.pay-info-val{font-size:13.5px;font-weight:500}.pay-info-val.teal{color:var(--teal)}.svc-tbl{border-collapse:collapse;width:100%}.svc-tbl th{color:var(--slate);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--border);background:#f8fafc;padding:9px 12px;font-size:11px;font-weight:600}.svc-tbl td{border-bottom:1px solid #f1f5f9;padding:11px 12px}.svc-tbl tr:last-child td{border-bottom:none}.ps-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:8px 15px;font-size:13px;display:flex}.ps-row:last-child{border-bottom:none}.ps-lbl{color:var(--slate)}.ps-val{font-weight:700}.ps-val.g{color:var(--green)}.ps-val.a{color:var(--amber)}.ps-val.r{color:var(--red)}.ph-row{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:10px;padding:10px 15px;display:flex}.ph-row:last-child{border-bottom:none}.ph-date{color:var(--slate);white-space:nowrap;flex-shrink:0;font-size:11.5px}.ph-info{flex:1}.ph-pp{color:var(--slate);font-size:12px}.ph-amt{color:var(--green);white-space:nowrap;flex-shrink:0;font-size:13.5px;font-weight:700}.ph-refund .ph-amt{color:var(--red)}.act-item{border-bottom:1px solid #f8fafc;align-items:flex-start;gap:10px;padding:12px 16px;display:flex}.act-item:last-child{border-bottom:none}.act-av{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;font-size:11px;font-weight:700;display:flex}.act-body{flex:1}.act-who{color:var(--text);font-size:13px;font-weight:600}.act-time{color:var(--text-muted);margin-left:6px;font-size:11.5px}.act-text{color:var(--text);margin-top:3px;font-size:13.5px;line-height:1.5}.act-text .tag{color:var(--teal);font-weight:600}.act-badge{border-radius:12px;align-items:center;gap:3px;margin-top:4px;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.act-badge.pay{background:var(--green-light);color:#065f46}.act-badge.edit{color:#1d4ed8;background:#eff6ff}.act-badge.cancel{background:var(--red-light);color:var(--red)}.atab{color:var(--slate);cursor:pointer;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 14px;font-size:13px;font-weight:500;transition:all .12s}.atab:hover{color:var(--text)}.atab.on{color:var(--teal);border-bottom-color:var(--teal);font-weight:600}.comment-input-wrap{border:1.5px solid var(--border);border-radius:8px;transition:border-color .15s;overflow:hidden}.comment-input-wrap:focus-within{border-color:var(--teal-mid);box-shadow:0 0 0 3px #06b6d414}.comment-editor{width:100%;min-height:72px;color:var(--text);resize:none;border:none;outline:none;padding:10px 12px;font-family:inherit;font-size:13.5px;line-height:1.6}.comment-toolbar{border-top:1px solid #f1f5f9;align-items:center;gap:6px;padding:6px 10px;display:flex}.ctool{cursor:pointer;width:28px;height:28px;color:var(--slate);background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;font-size:14px;transition:all .12s;display:flex}.ctool:hover{background:var(--slate-light)}.pay-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;background:#0f27444d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pay-overlay.hidden{display:none}.pay-modal{background:#fff;border-radius:12px;animation:.2s payMIn;overflow:hidden;box-shadow:0 16px 48px #0f274433}@keyframes payMIn{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}.pay-modal-hd{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px 20px;display:flex}.pay-modal-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.pay-modal-title{font-size:15px;font-weight:800}.pay-modal-sub{color:var(--slate);margin-top:2px;font-size:12px}.pay-modal-x{border:1px solid var(--border);cursor:pointer;width:28px;height:28px;color:var(--slate);background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;font-size:13px;display:flex}.pay-modal-x:hover{background:var(--red-light);color:var(--red);border-color:var(--red)}.pay-modal-body{padding:18px 20px}.pay-modal-ft{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:13px 20px;display:flex}.mf{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.mf:last-child{margin-bottom:0}.mf label{color:var(--slate);font-size:12px;font-weight:600}.mf input,.mf select,.mf textarea{border:1.5px solid var(--border);color:var(--text);border-radius:8px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:13.5px}.mf input:focus,.mf select:focus{border-color:var(--teal-mid);box-shadow:0 0 0 3px #06b6d41a}.mf textarea{resize:vertical;min-height:68px}.amt-summary{background:var(--border);border-radius:9px;grid-template-columns:1fr 1fr 1fr;gap:1px;margin-bottom:16px;display:grid;overflow:hidden}.amt-cell{text-align:center;background:#f8fafc;padding:10px 14px}.amt-cell-lbl{color:var(--slate);text-transform:uppercase;margin-bottom:3px;font-size:10.5px;font-weight:600}.amt-cell-val{font-size:17px;font-weight:800}.split-tbl{border-collapse:collapse;width:100%}.split-tbl th{color:var(--slate);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--border);text-align:left;background:#f8fafc;padding:9px 12px;font-size:11px;font-weight:600}.split-tbl td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:8px 10px}.split-tbl tr:last-child td{border-bottom:none}.split-tbl input,.split-tbl select{border:1.5px solid var(--border);border-radius:7px;outline:none;width:100%;padding:7px 10px;font-family:inherit;font-size:13.5px}.split-warn{border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;font-size:13px;display:flex}.split-warn.over{background:var(--red-light);color:var(--red)}.split-warn.under{background:var(--amber-light);color:var(--amber)}.crd{border:1px solid var(--border);background:#fff;border-radius:10px;overflow:hidden}.crd-title{border-bottom:1px solid var(--border);padding:12px 16px;font-size:13px;font-weight:700}.crd-body{flex-direction:column;gap:12px;padding:16px;display:flex}.cf label{color:var(--slate);margin-bottom:4px;font-size:12.5px;font-weight:600;display:block}.cf input,.cf select,.cf textarea{border:1.5px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:13.5px;transition:border-color .15s}.cf input:focus,.cf select:focus,.cf textarea:focus{border-color:var(--teal-mid);box-shadow:0 0 0 3px #06b6d41a}.cf textarea{resize:vertical;min-height:52px}.cf-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cf-hint{color:var(--text-muted);margin-top:3px;font-size:11px}.cf-info{background:var(--teal-light);border:1px solid #a5f3fc;border-radius:8px;padding:10px 12px}.svc-wrap{border:1px solid var(--border);background:#fff;border-radius:10px;overflow:hidden}.svc-hdr{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.svc-table{border-collapse:collapse;table-layout:fixed;width:100%}.svc-table th{color:var(--slate);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--border);text-align:left;background:#f8fafc;padding:8px 10px;font-size:11px;font-weight:600}.svc-table th.r{text-align:right}.svc-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:8px 10px}.svc-table tbody tr:last-child td{border-bottom:none}.svc-table input,.svc-table select{border:1.5px solid var(--border);width:100%;color:var(--text);border-radius:6px;outline:none;padding:6px 8px;font-family:inherit;font-size:13px}.svc-table input:focus,.svc-table select:focus{border-color:var(--teal-mid)}.del-btn{background:var(--red-light);width:26px;height:26px;color:var(--red);cursor:pointer;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}.del-btn:hover{background:var(--red);color:#fff}.add-svc-btn{border:1.5px dashed var(--teal-mid);color:var(--teal);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.add-svc-btn:hover{background:#f0fdff}.btn-g{color:var(--slate);border:1px solid var(--border);background:0 0}.btn-g:hover{background:var(--slate-light)}.btn-danger{background:var(--red-light);color:var(--red);border:1px solid #fecaca}.btn-danger:hover{background:var(--red);color:#fff}.perm-badge{border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.perm-ok{background:var(--green-light);color:#065f46}.perm-no{background:var(--red-light);color:var(--red)}.bank-info{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:14px;padding:12px 14px}.pay-toast{z-index:999;color:#fff;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:600;animation:.2s payMIn;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0003}.pay-toast.green{background:var(--green)}.pay-toast.red{background:var(--red)}@media print{body>:not(.print-overlay){display:none!important}.print-overlay{background:0 0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.print-overlay>div{box-shadow:none!important;border-radius:0!important;width:100%!important}.print-overlay>div>div:first-child{display:none!important}}.pay-breadcrumb{color:var(--slate);align-items:center;gap:6px;font-size:12.5px;display:flex}.pay-breadcrumb a{color:var(--teal);cursor:pointer;font-weight:500;text-decoration:none}.pay-breadcrumb a:hover{text-decoration:underline}.bc-sep{color:var(--text-muted)}.mention-dd{border:1px solid var(--border);z-index:100;background:#fff;border-radius:8px;min-width:200px;position:absolute;overflow:hidden;box-shadow:0 6px 24px #0000001a}.mention-item{cursor:pointer;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:background .1s;display:flex}.mention-av{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:9px;font-weight:700;display:flex}.case-prog-wrap{flex-direction:column;gap:3px;display:flex}.case-prog-bar{background:var(--border);border-radius:2px;width:80px;height:4px;overflow:hidden}.case-prog-fill{background:var(--teal);border-radius:2px;height:100%;transition:width .3s}.case-prog-fill.low{background:var(--amber)}.case-prog-fill.done{background:var(--green)}.case-spec-wrap{align-items:center;gap:7px;display:flex}.case-spec-av{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:8px;font-weight:700;display:flex}.case-status-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.case-status-badge:before{content:"";border-radius:50%;width:5px;height:5px}.csb-active{background:var(--teal-light);color:#0c4a6e}.csb-active:before{background:var(--teal)}.csb-waiting{background:var(--amber-light);color:#78350f}.csb-waiting:before{background:var(--amber)}.csb-paused{color:#5b21b6;background:#ede9fe}.csb-paused:before{background:#7c3aed}.csb-closed{color:var(--slate);background:#f1f5f9}.csb-closed:before{background:var(--slate)}.case-journey-pill{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.cj-moi{color:#1d4ed8;background:#eff6ff}.cj-nong{color:#92400e;background:#fef3c7}.cj-chot{color:#065f46;background:#d1fae5}.cj-resale{color:#6d28d9;background:#ede9fe}.cj-tam{color:#64748b;background:#f1f5f9}.svc-trilieu{color:var(--teal);background:#f0fdff}.svc-tuvan{color:#7c3aed;background:#ede9fe}.svc-danhgia{background:var(--amber-light);color:var(--amber)}.case-banner{border-bottom:1px solid var(--border);background:#fff;flex-shrink:0;align-items:center;gap:16px;padding:16px 24px;display:flex}.case-av{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;font-weight:700;display:flex}.case-name{font-size:16px;font-weight:800}.case-meta{color:var(--slate);flex-wrap:wrap;align-items:center;gap:10px;margin-top:3px;font-size:12.5px;display:flex}.case-kpis{gap:20px;margin-left:auto;display:flex}.case-kpi{text-align:center}.case-kpi-val{font-size:20px;font-weight:800;line-height:1}.case-kpi-lbl{color:var(--text-muted);margin-top:2px;font-size:10.5px}.sess-list{flex-direction:column;flex:1;gap:8px;padding:16px 24px;display:flex;overflow-y:auto}.sess-sec-div{color:var(--slate);text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:10px;padding:4px 0;font-size:11px;font-weight:700;display:flex}.sess-sec-div:before,.sess-sec-div:after{content:"";background:var(--border);flex:1;height:1px}.sess-row{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:14px;padding:13px 16px;transition:all .15s;display:flex}.sess-row:hover{border-color:var(--teal-mid);box-shadow:0 2px 8px #0e749014}.sess-row.upcoming{border-color:var(--amber);background:#fffbeb}.sess-row.type-assess{background:#f0fdff;border-color:#06b6d4}.sess-row.noshow{opacity:.7}.sess-num-badge{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:flex}.sn-done{background:var(--teal)}.sn-up{background:var(--amber)}.sn-ns{background:var(--red)}.sn-old{background:var(--slate)}.sn-assess{background:#0891b2}.sess-info{flex:1;min-width:0}.sess-date-text{font-size:13px;font-weight:600}.sess-sub-text{color:var(--slate);gap:10px;margin-top:2px;font-size:12px;display:flex}.sess-prev{color:var(--slate);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12.5px;overflow:hidden}.sess-prev.pending{color:var(--amber);font-weight:500}.sess-chev{color:var(--text-muted);flex-shrink:0;font-size:16px}.sess-stars{gap:2px;display:flex}.sess-star{color:var(--border);font-size:14px}.sess-star.on{color:var(--amber)}.sess-sidebar{border-left:1px solid var(--border);background:#fff;overflow-y:auto}.ss-continuous{padding:20px 22px}.ss-section-label{text-transform:uppercase;letter-spacing:.8px;color:#94a3b8;margin-bottom:9px;font-size:10px;font-weight:600}.ss-divider{background:#f1f5f9;height:.5px;margin:16px 0}.ss-next-card{background:#f8fafc;border:.5px solid #e2e8f0;border-radius:9px;padding:12px 14px}.ss-btn-outline{color:#0f2744;cursor:pointer;background:#fff;border:.5px solid #e2e8f0;border-radius:8px;width:100%;padding:9px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.ss-btn-outline:hover{background:#f0fdff;border-color:#0891b2}.ss-btn-dashed{color:#94a3b8;cursor:pointer;background:#fff;border:.5px dashed #e2e8f0;border-radius:7px;width:100%;padding:7px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.ss-btn-dashed:hover{background:#f8fafc;border-color:#94a3b8}.ss-btn-add{color:#0891b2;cursor:pointer;background:#f0fdff;border:.5px solid #bae6fd;border-radius:5px;padding:2px 9px;font-family:inherit;font-size:11px;font-weight:600}.ss-btn-plan{color:#7c3aed;cursor:pointer;text-align:left;background:#f5f3ff;border:1px solid #c4b5fd;border-radius:8px;width:100%;margin-bottom:10px;padding:8px 10px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .15s}.ss-btn-plan:hover{background:#ede9fe;border-color:#7c3aed}.ss-card{border:1px solid var(--border);background:#fff;border-radius:10px;overflow:hidden}.ss-card-hdr{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:11px 14px;font-size:12.5px;font-weight:700;display:flex}.ss-card-body{padding:12px 14px}.ss-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:7px 0;font-size:13px;display:flex}.ss-row:last-child{border-bottom:none}.ss-lbl{color:var(--slate)}.sess-type-chip{color:#0891b2;background:#f0fdff;border:1px solid #a5f3fc;border-radius:4px;align-items:center;gap:4px;padding:1px 7px;font-size:11px;font-weight:600;display:inline-flex}.sess-phase-chip{color:#0891b2;background:#f0fdff;border:1px solid #a5f3fc;border-radius:4px;align-items:center;gap:4px;margin-top:4px;padding:1px 7px;font-size:11px;font-weight:600;display:inline-flex}.sess-status-badge-wrap{flex-shrink:0;align-items:center;gap:6px;display:flex}.sess-status-badge{white-space:nowrap;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:600}.sess-status-badge.done{color:#15803d;background:#f0fdf4}.sess-status-badge.today{color:#d97706;background:#fffbeb}.sess-status-badge.future{color:#0369a1;background:#f0f9ff}.sess-status-badge.overdue{color:#c2410c;background:#fff7ed}.sess-status-badge.noshow{color:#991b1b;background:#fef2f2}.sess-group-hdr{align-items:center;gap:8px;margin-bottom:2px;padding:10px 0 6px;display:flex}.sess-group-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.sess-group-label{letter-spacing:.5px;color:#1e293b;font-size:11.5px;font-weight:800}.sess-group-count{color:#64748b;font-size:11.5px;font-weight:400}.sess-sub-hdr{text-transform:uppercase;letter-spacing:.8px;color:#94a3b8;align-items:center;gap:8px;margin:8px 0 6px;font-size:10px;font-weight:700;display:flex}.sess-sub-hdr:after{content:"";background:#f1f5f9;flex:1;height:1px}.case-svc-chip{color:var(--teal);background:#f0fdff;border-radius:5px;padding:2px 8px;font-size:12px;font-weight:600}.case-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;background:#0f27444d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.case-modal{background:#fff;border-radius:12px;width:560px;max-width:95vw;animation:.2s payMIn;overflow:hidden;box-shadow:0 16px 48px #0f274433}.case-modal-hd{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.case-modal-title{font-size:15px;font-weight:800}.case-modal-x{border:1px solid var(--border);cursor:pointer;width:28px;height:28px;color:var(--slate);background:#fff;border-radius:6px;justify-content:center;align-items:center;font-size:13px;transition:all .15s;display:flex}.case-modal-x:hover{border-color:var(--slate);background:#f1f5f9}.case-modal-body{flex-direction:column;gap:14px;max-height:70vh;padding:20px;display:flex;overflow-y:auto}.case-modal-ft{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:13px 20px;display:flex}.mf label{color:var(--slate);margin-bottom:5px;font-size:12.5px;font-weight:600;display:block}.mf input,.mf select,.mf textarea{border:1.5px solid var(--border);background:#fff;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:13.5px}.mf input:focus,.mf select:focus,.mf textarea:focus{border-color:var(--teal-mid,#06b6d4)}.mf-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.case-specialist-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;flex-direction:column;gap:10px;padding:14px;display:flex}.case-specialist-header{text-transform:uppercase;letter-spacing:.8px;color:#94a3b8;font-size:11px;font-weight:700}.case-spec-info{min-height:18px;margin-top:6px}.case-spec-chip{color:var(--teal,#0e7490);background:#f0fdff;border:1px solid #a5f3fc;border-radius:14px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;font-weight:500;display:inline-flex}.searchable-select{width:100%;position:relative}.searchable-select-trigger{border:1.5px solid var(--border,#e2e8f0);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;width:100%;padding:8px 12px;font-family:inherit;font-size:13.5px;transition:border-color .15s;display:flex}.searchable-select-trigger:hover{border-color:#94a3b8}.searchable-select-trigger.open{border-color:#06b6d4;box-shadow:0 0 0 2px #06b6d41f}.searchable-select-placeholder{color:#94a3b8;flex:1}.searchable-select-value{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.searchable-select-arrow{color:#94a3b8;flex-shrink:0;font-size:11px}.searchable-select-clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;transition:all .12s;display:flex}.searchable-select-clear:hover{color:#dc2626;background:#fee2e2}.searchable-select-dropdown{border:1px solid var(--border,#e2e8f0);z-index:300;background:#fff;border-radius:8px;animation:.12s ssDropIn;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}@keyframes slideDown{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes ssDropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.searchable-select-search{border-bottom:1px solid var(--border,#e2e8f0);align-items:center;gap:8px;padding:8px 12px;display:flex}.searchable-select-search input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.searchable-select-search input::placeholder{color:#cbd5e1}.searchable-select-list{max-height:200px;padding:4px;overflow-y:auto}.searchable-select-item{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:13px;transition:background .1s;display:flex}.searchable-select-item:hover{background:#f0fdff}.searchable-select-item.selected{background:#ecfeff;font-weight:600}.searchable-select-item-label{color:#1e293b;font-weight:500}.searchable-select-item-sub{color:#94a3b8;font-size:12px}.searchable-select-empty{text-align:center;color:#94a3b8;padding:16px;font-size:13px}.case-form-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:500}.mf.mf-error select,.mf.mf-error input,.mf.mf-error textarea,.mf.mf-error .searchable-select-trigger{background:#fef2f2;border-color:#ef4444!important}.mf.mf-error label{color:#dc2626}.mf-field-error{color:#dc2626;margin-top:4px;font-size:11.5px;font-weight:500}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;background:#0f274459;justify-content:center;align-items:center;animation:.15s modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:#fff;border-radius:14px;flex-direction:column;max-width:95vw;max-height:90vh;animation:.2s modalSlideIn;display:flex;overflow:hidden;box-shadow:0 20px 60px #0f274438}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.modal-header h3{color:var(--navy);margin:0;font-size:15px;font-weight:800}.modal-close{border:1px solid var(--border);cursor:pointer;width:28px;height:28px;color:var(--slate);background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex}.modal-close:hover{background:var(--red-light);color:var(--red);border-color:var(--red)}.modal-body{flex-direction:column;flex:1;gap:12px;padding:18px 22px;display:flex;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:14px 22px;display:flex}.form-group{flex-direction:column;gap:4px;display:flex}.form-group label{color:var(--slate);font-size:12.5px;font-weight:600}.form-group .required{color:var(--red)}.form-group input,.form-group select,.form-group textarea{border:1.5px solid var(--border);color:var(--text);background:#fff;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:13.5px;transition:border-color .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--teal-mid);box-shadow:0 0 0 3px #06b6d41a}.form-group textarea{resize:vertical;min-height:56px}.form-row-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-row-3{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.form-divider{background:var(--border);height:1px;margin:4px 0}.form-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:500}.filter-select{border:1.5px solid var(--border);color:var(--text);cursor:pointer;background:#fff;border-radius:8px;outline:none;min-width:140px;padding:8px 12px;font-family:inherit;font-size:12.5px;transition:border-color .15s}.filter-select:focus{border-color:var(--teal-mid);box-shadow:0 0 0 3px #06b6d41a}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--teal);color:#fff;border:1px solid var(--teal)}.btn-primary:hover:not(:disabled){background:#0891b2;box-shadow:0 2px 8px #0e749040}.btn-ghost{color:var(--slate);border:1px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--slate-light)}.topbar{border-bottom:1px solid var(--border);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.topbar-actions{align-items:center;gap:8px;display:flex}.toolbar-btn:hover:not(:disabled){background:var(--slate-light);color:var(--text)}.toolbar-btn:disabled{opacity:.45;cursor:not-allowed}.compose-input{width:100%;min-height:80px;color:var(--text);resize:none;box-sizing:border-box;border:none;outline:none;padding:12px 14px;font-family:inherit;font-size:13.5px;line-height:1.6}.compose-input::placeholder{color:var(--text-muted)}.mention-dropdown{border-top:2px solid var(--teal-mid,#06b6d4);border-bottom:2px solid var(--teal-mid,#06b6d4);background:#f0fdff;max-height:280px;animation:.15s mentionFadeIn;overflow-y:auto}@keyframes mentionFadeIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:280px}}.mention-dropdown-header{color:var(--slate);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border);padding:8px 14px 6px;font-size:10.5px;font-weight:700}.mention-dropdown .mention-item{cursor:pointer;border-bottom:1px solid #f8fafc;align-items:center;gap:10px;padding:10px 14px;font-size:13.5px;transition:all .1s;display:flex}.mention-dropdown .mention-item:last-child{border-bottom:none}.mention-dropdown .mention-item:hover,.mention-dropdown .mention-item.active{border-left:3px solid var(--teal);background:linear-gradient(135deg,#f0fdff,#ecfeff);padding-left:11px}.mention-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.mention-info{flex:1;min-width:0}.mention-name{color:var(--text);font-size:13.5px;font-weight:600}.note-timeline{flex-direction:column;gap:0;display:flex}.timeline-item:hover .note-delete-btn{opacity:1}.timeline-body{flex:1;min-width:0}.timeline-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.timeline-text{color:var(--text);white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.6}.note-delete-btn{opacity:0;border:1px solid var(--border);width:22px;height:22px;color:var(--slate);cursor:pointer;background:0 0;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;font-size:11px;transition:all .15s;display:flex}.note-delete-btn:hover{background:var(--red-light);color:var(--red);border-color:var(--red)}.body-layout{flex:1;min-height:0;display:flex}.left-panel{width:var(--left-w);border-right:1px solid var(--border);background:#fff;flex-direction:column;flex-shrink:0;height:calc(100vh - 52px);display:flex;position:sticky;top:52px;overflow-y:auto}.client-hero{border-bottom:1px solid var(--border);padding:20px 20px 16px}.client-avatar-lg{color:#fff;background:linear-gradient(135deg,#be185d,#9f1239);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:12px;font-size:20px;font-weight:700;display:flex}.client-name-lg{color:var(--text);margin-bottom:6px;font-size:15px;font-weight:700;line-height:1.2}.client-sub-info{color:var(--slate);margin-bottom:10px;font-size:12px}.badge-row{flex-wrap:wrap;gap:5px;margin-bottom:12px;display:flex}.status-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.status-badge:before{content:"";border-radius:50%;width:5px;height:5px}.badge-active{background:var(--teal-light);color:#155e75}.badge-active:before{background:var(--teal-mid);animation:2s infinite pulse}.badge-waiting{background:var(--amber-light);color:#92400e}.badge-waiting:before{background:var(--amber)}.badge-paused{background:var(--purple-light);color:#5b21b6}.badge-paused:before{background:var(--purple)}.journey-badge{border-radius:20px;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.journey-closed{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.journey-hot{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.journey-resale{color:#6d28d9;background:#f5f3ff;border:1px solid #ddd6fe}.quick-actions{gap:6px;margin-top:4px;display:flex}.qa-btn{border:1px solid var(--border);background:var(--slate-light);color:var(--text);cursor:pointer;border-radius:7px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:7px 0;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s;display:flex}.qa-btn:hover{border-color:var(--teal-mid);color:var(--teal);background:#f0fdff}.qa-btn span{font-size:16px}.qa-btn small{color:inherit;opacity:.7;font-size:10px}.left-section{border-bottom:1px solid var(--border);padding:14px 20px}.left-section-title{color:var(--slate);letter-spacing:.8px;text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:700}.info-row{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.info-row:last-child{margin-bottom:0}.info-label{color:var(--slate);flex-shrink:0;padding-top:1px;font-size:11.5px}.info-val{color:var(--text);text-align:right;font-size:12px;font-weight:500}.info-val.teal{color:var(--teal)}.info-val.amber{color:var(--amber);font-weight:600}.contact-mini{background:var(--slate-light);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.mini-av{background:var(--navy-mid);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:600;display:flex}.contact-mini-name{color:var(--text);font-size:12.5px;font-weight:600}.contact-mini-role{color:var(--slate);font-size:11px}.contact-mini-phone{color:var(--teal);margin-top:2px;font-size:11.5px;font-weight:500}.problem-tags{flex-wrap:wrap;gap:5px;display:flex}.ptag{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:5px;padding:3px 9px;font-size:11px;font-weight:500}.clinical-btn-area{border-top:1px solid var(--border);margin-top:auto;padding:16px 20px}.clinical-hint{color:var(--slate);text-align:center;margin-top:8px;font-size:10.5px;line-height:1.4}.right-content{flex-direction:column;flex:1;min-width:0;display:flex}.kpi-strip{border-bottom:1px solid var(--border);background:#fff;grid-template-columns:repeat(4,1fr);gap:0;display:grid}.kpi-card{border-right:1px solid var(--border);padding:14px 20px;position:relative}.kpi-card:last-child{border-right:none}.kpi-card-label{color:var(--slate);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:10.5px;font-weight:600}.kpi-card-value{color:var(--text);font-size:22px;font-weight:800;line-height:1}.kpi-card-sub{color:var(--text-muted);margin-top:3px;font-size:11px}.kpi-accent-teal .kpi-card-value{color:var(--teal)}.kpi-accent-green .kpi-card-value{color:var(--green)}.kpi-accent-amber .kpi-card-value{color:var(--amber)}.tab-bar{border-bottom:1px solid var(--border);z-index:40;background:#fff;gap:0;padding:0 24px;display:flex;position:sticky;top:52px}.tab-item{color:var(--slate);cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;padding:13px 18px;font-size:13px;font-weight:500;transition:all .15s}.tab-item:hover{color:var(--text)}.tab-item.active{color:var(--teal);border-bottom-color:var(--teal);font-weight:600}.tab-content{padding:24px;display:none}.tab-content.active{display:block}.compose-box{border:1px solid var(--border);background:#fff;border-radius:10px;margin-bottom:20px;overflow:hidden}.compose-toolbar{border-bottom:1px solid var(--border);gap:4px;padding:10px 14px;display:flex}.toolbar-btn{color:var(--slate);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:500;transition:all .12s}.toolbar-btn:hover{background:var(--slate-light);color:var(--text)}.toolbar-btn.active{background:var(--slate-light);color:var(--teal)}.compose-input{width:100%;min-height:80px;color:var(--text);resize:none;border:none;outline:none;padding:12px 14px;font-family:inherit;font-size:13.5px;line-height:1.6}.compose-footer{border-top:1px solid var(--border);align-items:center;gap:8px;padding:10px 14px;display:flex}.compose-footer-icons{gap:6px;display:flex}.icon-btn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;transition:all .12s;display:flex}.icon-btn:hover{background:var(--slate-light)}.timeline{flex-direction:column;gap:0;display:flex}.timeline-item{border-bottom:1px solid #f1f5f9;gap:12px;padding:14px 0;display:flex;position:relative}.timeline-item:last-child{border-bottom:none}.timeline-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.tav-staff{background:var(--teal)}.tav-call{background:var(--green)}.tav-zalo{background:#0068ff}.tav-system{background:var(--slate)}.timeline-body{flex:1}.timeline-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.timeline-who{color:var(--text);font-size:13px;font-weight:600}.timeline-type{border-radius:4px;padding:2px 7px;font-size:10.5px;font-weight:600}.type-note{background:var(--teal-light);color:#155e75}.type-call{background:var(--green-light);color:#065f46}.type-zalo{color:#1d4ed8;background:#eff6ff}.type-system{background:var(--slate-light);color:var(--slate)}.timeline-time{color:var(--text-muted);margin-left:auto;font-size:11px}.timeline-text{color:var(--text);font-size:13px;line-height:1.6}.timeline-call-info{gap:12px;margin-top:6px;display:flex}.call-stat{color:var(--slate);background:var(--slate-light);border-radius:5px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;display:flex}.section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-title{color:var(--text);font-size:13.5px;font-weight:700}.appt-list{flex-direction:column;gap:8px;display:flex}.appt-card{border:1px solid var(--border);background:#fff;border-radius:9px;align-items:center;gap:14px;padding:14px 16px;transition:all .15s;display:flex}.appt-card:hover{border-color:var(--teal-mid);box-shadow:0 2px 8px #0e749014}.appt-date-block{text-align:center;min-width:44px}.appt-day{color:var(--text);font-size:22px;font-weight:800;line-height:1}.appt-month{color:var(--slate);text-transform:uppercase;font-size:10.5px;font-weight:600}.appt-divider{background:var(--border);width:1px;height:36px}.appt-info{flex:1}.appt-time{color:var(--text);font-size:13px;font-weight:600}.appt-meta{color:var(--slate);margin-top:2px;font-size:12px}.appt-status{border-radius:5px;padding:3px 9px;font-size:11px;font-weight:600}.appt-done{background:var(--green-light);color:#065f46}.appt-upcoming{background:var(--teal-light);color:#155e75}.appt-upcoming-amber{background:var(--amber-light);color:#92400e}.appt-cancelled{color:var(--slate);background:#f1f5f9}.appt-roadmap{background:var(--navy);color:#fff;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:700}.clinical-overview{border:1px solid var(--border);background:#fff;border-radius:10px;margin-bottom:16px;overflow:hidden}.clinical-overview-header{color:#fff;background:linear-gradient(135deg,#0f2744 0%,#0e7490 100%);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.coh-title{font-size:14px;font-weight:700}.coh-sub{opacity:.7;margin-top:2px;font-size:11.5px}.phase-badge{background:#ffffff26;border:1px solid #ffffff40;border-radius:7px;padding:5px 12px;font-size:12px;font-weight:700}.clinical-stats-grid{border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid}.cs-item{border-right:1px solid var(--border);text-align:center;padding:14px 16px}.cs-item:last-child{border-right:none}.cs-value{color:var(--text);font-size:22px;font-weight:800;line-height:1}.cs-label{color:var(--slate);margin-top:3px;font-size:10.5px;font-weight:500}.clinical-details{padding:16px}.cd-row{border-bottom:1px solid #f8fafc;align-items:flex-start;gap:8px;padding:8px 0;display:flex}.cd-row:last-child{border-bottom:none}.cd-label{color:var(--slate);flex-shrink:0;min-width:140px;font-size:12px}.cd-value{color:var(--text);font-size:13px;font-weight:500}.prog-wrap{background:var(--border);border-radius:4px;height:7px;margin:10px 0 6px;overflow:hidden}.prog-bar{background:linear-gradient(90deg, var(--teal), var(--teal-mid));border-radius:4px;height:100%}.prog-meta{color:var(--slate);justify-content:space-between;font-size:11px;display:flex}.go-clinical-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f2744,#155e75);border:none;border-radius:9px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:16px;padding:13px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:all .2s;display:flex}.go-clinical-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0f274440}.go-clinical-btn .chevron{opacity:.6;margin-left:auto;transition:transform .2s}.go-clinical-btn:hover .chevron{opacity:1;transform:translate(4px)}.payment-summary{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.pay-card{border:1px solid var(--border);background:#fff;border-radius:9px;padding:14px 16px}.pay-card-label{color:var(--slate);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:11px;font-weight:600}.pay-card-value{color:var(--text);font-size:20px;font-weight:800}.pay-card.green-accent .pay-card-value{color:var(--green)}.pay-card.amber-accent .pay-card-value{color:var(--amber)}.pkg-card{color:#fff;background:linear-gradient(135deg,#0f2744 0%,#0e7490 100%);border-radius:10px;margin-bottom:20px;padding:16px 18px}.pkg-name{margin-bottom:2px;font-size:15px;font-weight:700}.pkg-type{opacity:.7;margin-bottom:14px;font-size:11.5px}.pkg-sess-row{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.pkg-sess-num{font-size:28px;font-weight:800;line-height:1}.pkg-sess-label{opacity:.6;font-size:11px}.pkg-prog-bg{background:#fff3;border-radius:4px;height:5px;overflow:hidden}.pkg-prog-bar{background:var(--teal-mid);border-radius:4px;height:100%}.pkg-prog-meta{opacity:.6;justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.payment-table-wrap{border:1px solid var(--border);background:#fff;border-radius:10px;overflow:hidden}.pay-table-header{border-bottom:1px solid var(--border);color:var(--text);padding:12px 16px;font-size:12.5px;font-weight:600}.pay-table{border-collapse:collapse;width:100%}.pay-table th{text-align:left;color:var(--slate);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--border);background:#f8fafc;padding:9px 14px;font-size:11px;font-weight:600}.pay-table td{border-bottom:1px solid #f1f5f9;padding:11px 14px;font-size:13px}.pay-table tr:last-child td{border-bottom:none}.amount-pos{color:var(--green);font-weight:700}.amount-neg{color:var(--red);font-weight:700}.pay-method{color:var(--slate);background:var(--slate-light);border-radius:5px;align-items:center;gap:5px;padding:3px 8px;font-size:11.5px;font-weight:500;display:inline-flex}.lh-filter-pills{gap:4px;display:flex}.lh-pill{border:1px solid var(--border);color:var(--slate);cursor:pointer;background:#fff;border-radius:20px;padding:4px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .12s}.lh-pill:hover{border-color:var(--teal-mid);color:var(--teal)}.lh-pill.active{background:var(--teal);color:#fff;border-color:var(--teal)}.lh-table-wrap{border:1px solid var(--border);background:#fff;border-radius:10px;overflow:hidden}.lh-table{border-collapse:collapse;width:100%}.lh-table thead th{text-align:left;color:var(--slate);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--border);background:#f8fafc;padding:9px 14px;font-size:11px;font-weight:600}.date-group-row td{color:var(--slate);border-top:1px solid var(--border);border-bottom:1px solid var(--border);letter-spacing:.2px;background:#f8fafc;padding:8px 14px 6px;font-size:11.5px;font-weight:700}.appt-row td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:11px 14px}.appt-row:hover td{cursor:pointer;background:#f8fdff}.appt-row:last-of-type td{border-bottom:none}.lh-time{color:var(--text);font-size:13px;font-weight:600}.lh-dur{color:var(--text-muted);margin-top:1px;font-size:11px}.lh-name{color:var(--text);font-size:13px;font-weight:600}.lh-meta{color:var(--slate);margin-top:2px;font-size:11.5px}.lh-person{color:var(--text);align-items:center;gap:7px;font-size:12.5px;display:flex}.lh-av{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:9px;font-weight:700;display:flex}.lh-stars{color:var(--amber);letter-spacing:1px;font-size:14px}.lh-no-rating{color:var(--text-muted);font-size:13px}.lh-status{white-space:nowrap;border-radius:5px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.lh-upcoming-today{background:var(--amber-light);color:#92400e}.lh-done{background:var(--green-light);color:#065f46}.lh-cancelled{color:var(--slate);background:#f1f5f9}.session-panel{border-left:1px solid var(--border);z-index:300;background:#fff;flex-direction:column;width:580px;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(0);box-shadow:-8px 0 32px #0000001a}.session-panel.hidden{transform:translate(100%)}.sp-overlay{z-index:299;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f274440;position:fixed;inset:0}.sp-overlay.hidden{display:none}.sp-header{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px;display:flex;position:sticky;top:0}.sp-title{color:var(--text);font-size:15px;font-weight:700;line-height:1.3}.sp-sub{color:var(--slate);margin-top:3px;font-size:12px}.sp-close{border:1px solid var(--border);cursor:pointer;width:30px;height:30px;color:var(--slate);background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:all .12s;display:flex}.sp-close:hover{background:var(--red-light);color:var(--red);border-color:var(--red)}.sp-meta-bar{border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid}.sp-meta-item{border-right:1px solid var(--border);padding:11px 16px}.sp-meta-item:last-child{border-right:none}.sp-meta-label{color:var(--slate);text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px;font-size:10.5px;font-weight:600}.sp-meta-val{color:var(--text);font-size:13px;font-weight:600}.sp-body{flex:1;padding:20px;overflow-y:auto}.sp-section{margin-bottom:20px}.sp-section-title{color:var(--slate);text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:8px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.sp-section-title:after{content:"";background:var(--border);flex:1;height:1px}.sp-tags{flex-wrap:wrap;gap:6px;display:flex}.sp-tag{background:var(--teal-light);color:#155e75;border:1px solid #a5f3fc;border-radius:5px;padding:4px 10px;font-size:12px;font-weight:500}.sp-text{color:var(--text);border:1px solid var(--border);background:#f8fafc;border-radius:7px;padding:12px 14px;font-size:13.5px;line-height:1.65}.sp-stars-row{align-items:center;gap:2px;display:flex}.sp-star{color:var(--border);cursor:pointer;font-size:22px;transition:color .1s}.sp-star.active{color:var(--amber)}.sp-footer{border-top:1px solid var(--border);background:#fff;align-items:center;gap:10px;padding:14px 20px;display:flex}.sp-status-done{color:var(--green);background:var(--green-light);border-radius:6px;padding:5px 12px;font-size:12.5px;font-weight:700}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.info-val.editable{cursor:pointer;border-radius:4px;margin:-2px -5px;padding:2px 5px;transition:background .12s;display:inline-block}.info-val.editable:hover{background:#f0fdff;outline:1px dashed #06b6d4}.ie-wrap{flex-wrap:wrap;align-items:center;gap:4px;margin-top:2px;display:inline-flex}.ie-inp{background:#fff;border:1.5px solid #06b6d4;border-radius:6px;outline:none;padding:5px 8px;font-family:inherit;font-size:13px;box-shadow:0 0 0 3px #06b6d41a}.ie-inp:focus{border-color:#0e7490}.ie-ok{cursor:pointer;color:#fff;background:#0e7490;border:none;border-radius:5px;padding:3px 8px;font-family:inherit;font-size:11.5px;font-weight:600}.ie-no{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:5px;padding:3px 8px;font-family:inherit;font-size:11.5px;font-weight:600}.mention-dd{z-index:200;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:200px;display:none;position:absolute;bottom:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 6px 24px #0000001a}.mention-item{cursor:pointer;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.mention-item:hover{background:#f0fdff}.m-av{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:9px;font-weight:700;display:flex}.compose-input-wrap{position:relative}.type-change{color:#1d4ed8;background:#eff6ff}.client-av{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 10px;font-size:18px;font-weight:700;display:flex}.client-hero .client-name{margin-bottom:3px;font-size:15px;font-weight:700}.client-hero .client-meta{color:var(--slate);font-size:12px}.badge-row{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;display:flex}.qa-btn{border:1px solid var(--border);background:var(--slate-light);cursor:pointer;text-align:center;border-radius:7px;flex:1;padding:8px 4px;font-family:inherit;font-size:11px;font-weight:500;line-height:1.4}.qa-btn:hover{background:#e2e8f0}.pill-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='currentColor' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:none;border-radius:20px;outline:none;padding:3px 22px 3px 10px;font-family:inherit;font-size:11.5px;font-weight:600;transition:box-shadow .15s}.pill-select:hover{box-shadow:0 0 0 2px #0000001f}.pill-select:focus{box-shadow:0 0 0 2px #06b6d459}.pill-select.j-chot{background-color:var(--green-light);color:#065f46}.pill-select.j-nong{background-color:var(--amber-light);color:#92400e}.pill-select.j-resale{background-color:var(--purple-light);color:#6d28d9}.pill-select.j-tam{background-color:var(--slate-light);color:var(--slate)}.pill-select.j-moi{color:#1d4ed8;background-color:#eff6ff}.pill-select.j-closed{background-color:var(--slate-light);color:var(--slate)}.pill-select.j-done{color:#065f46;background-color:#d1fae5}.pill-select.s-active{background-color:var(--green-light);color:#065f46}.pill-select.s-waiting{background-color:var(--amber-light);color:#92400e}.pill-select.s-paused{background-color:var(--purple-light);color:#5b21b6}.pill-select.s-closed{background-color:var(--slate-light);color:var(--slate)}.body-layout{background:#f8fafc;flex:1;height:calc(100vh - 64px);display:flex;overflow:hidden}.left-panel{border-right:1px solid var(--border);background:#fff;flex-direction:column;width:320px;display:flex;overflow-y:auto}.right-content{background:#f8fafc;flex-direction:column;flex:1;display:flex;overflow-y:auto}.client-hero{text-align:center;border-bottom:1px solid var(--border);padding:32px 20px}.client-av{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 16px;font-size:28px;font-weight:700;display:flex;box-shadow:0 4px 12px #0000001a}.client-hero .client-name{color:var(--text);margin-bottom:4px;font-size:20px;font-weight:700}.client-hero .client-meta{color:var(--slate);margin-bottom:16px;font-size:14px}.badge-row{justify-content:center;gap:8px;margin-bottom:16px;display:flex}.qa-btn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:10px 4px;line-height:1.2;transition:all .1s;display:flex}.qa-btn:hover{background:var(--slate-light);border-color:var(--slate);transform:translateY(-1px)}.qa-btn small{color:var(--slate);margin-top:4px;font-size:10px;font-weight:600}.pill-select{cursor:pointer;appearance:none;white-space:nowrap;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:14px;border:1px solid #0000;border-radius:20px;padding:4px 28px 4px 12px;font-size:12.5px;font-weight:600;transition:all .15s}.pill-select:hover{filter:brightness(.95)}.cal-main{flex-direction:column;height:100%;display:flex;overflow:hidden}.cal-topbar{border-bottom:1px solid var(--border);background:#fff;flex-shrink:0;align-items:center;gap:10px;height:52px;padding:0 20px;display:flex}.cal-tb-title{font-size:15px;font-weight:700}.cal-nb{border:1px solid var(--border);cursor:pointer;width:30px;height:30px;color:var(--slate);background:#fff;border-radius:7px;justify-content:center;align-items:center;font-family:inherit;font-size:16px;font-weight:700;transition:all .12s;display:flex}.cal-nb:hover{background:var(--slate-light)}.cal-lbl{color:var(--text);text-align:center;min-width:180px;font-size:15px;font-weight:800}.cal-btn-today{cursor:pointer;color:var(--teal);background:#f0fdff;border:1px solid #a5f3fc;border-radius:7px;padding:6px 13px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .12s}.cal-btn-today:hover{background:#cffafe}.cal-vt{border:1px solid var(--border);border-radius:7px;display:flex;overflow:hidden}.cal-vb{cursor:pointer;color:var(--slate);border:none;border-right:1px solid var(--border);background:#fff;padding:6px 13px;font-family:inherit;font-size:12.5px;font-weight:500}.cal-vb:last-child{border-right:none}.cal-vb.on{background:var(--navy);color:#fff}.cal-leg{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cal-li{color:var(--slate);align-items:center;gap:5px;font-size:12px;display:flex}.cal-ld{border-radius:2px;width:10px;height:10px}.cal-fbar{border-bottom:1px solid var(--border);background:#fff;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:8px 20px;display:flex}.cal-fsel{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#fff;border-radius:7px;outline:none;padding:6px 11px;font-family:inherit;font-size:12.5px}.cal-staff-dd{position:relative}.cal-staff-btn{border:1px solid var(--border);cursor:pointer;color:var(--text);white-space:nowrap;background:#fff;border-radius:7px;align-items:center;gap:8px;min-width:160px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:all .12s;display:flex}.cal-staff-btn:hover{border-color:var(--teal-mid);background:#f0fdff}.cal-staff-btn.open{border-color:var(--teal-mid);box-shadow:0 0 0 3px #06b6d41a}.cal-staff-tags{flex-wrap:wrap;flex:1;gap:5px;display:flex}.cal-stag{border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.cal-staff-caret{color:var(--slate);margin-left:auto;font-size:10px;transition:transform .15s}.cal-staff-btn.open .cal-staff-caret{transform:rotate(180deg)}.cal-staff-menu{z-index:500;border:1px solid var(--border);background:#fff;border-radius:10px;min-width:240px;max-height:320px;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 8px 32px #0f274424}.cal-sdm-item{cursor:pointer;align-items:center;gap:10px;padding:8px 14px;transition:background .1s;display:flex}.cal-sdm-item:hover{background:#f0fdff}.cal-sdm-av{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:9px;font-weight:700;display:flex}.cal-body,.cal-mwrap{flex-direction:column;flex:1;display:flex;overflow:hidden}.cal-mhdr{border-bottom:2px solid var(--border);background:#fff;flex-shrink:0;grid-template-columns:repeat(7,1fr);display:grid}.cal-mdn{text-align:center;color:var(--slate);text-transform:uppercase;letter-spacing:.4px;padding:9px 0;font-size:12px;font-weight:700}.cal-mdn.we{color:#dc2626}.cal-mgrid{border-left:1px solid var(--border);flex:1;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(108px,auto);display:grid;overflow:auto}.cal-mc{border-right:1px solid var(--border);border-bottom:1px solid var(--border);cursor:pointer;min-height:108px;padding:4px 5px}.cal-mc:hover{background:#f8fdff}.cal-mc.om{background:#fafafa}.cal-mc.td{background:#f0fdff}.cal-mcd{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-bottom:3px;padding:2px 4px;font-size:12.5px;font-weight:700;display:inline-flex}.cal-mcd.today{background:var(--teal);color:#fff}.cal-mc.om .cal-mcd{color:var(--text-muted)}.cal-mc.we:not(.om) .cal-mcd{color:#dc2626}.cal-ev{cursor:pointer;white-space:nowrap;border-radius:4px;align-items:center;gap:3px;margin-bottom:2px;padding:2px 5px;font-size:11px;font-weight:600;transition:filter .1s;display:flex;overflow:hidden}.cal-ev:hover{filter:brightness(.92)}.cal-ev-bar{border-radius:2px;flex-shrink:0;width:3px;height:11px}.cal-ev-txt{text-overflow:ellipsis;overflow:hidden}.cal-more{color:var(--teal);cursor:pointer;padding:1px 4px;font-size:11px;font-weight:600}.cal-wwrap{flex-direction:column;flex:1;display:flex;overflow:hidden}.cal-whdr{border-bottom:1px solid var(--border);background:#fff;flex-shrink:0;grid-template-columns:50px repeat(7,1fr);display:grid}.cal-wtg{border-right:1px solid var(--border);flex-shrink:0;width:50px}.cal-wdh{text-align:center;border-left:1px solid var(--border);padding:7px 4px}.cal-wdn{color:var(--slate);text-transform:uppercase;font-size:11px;font-weight:600}.cal-wnum{color:var(--text);margin-top:2px;font-size:18px;font-weight:800;line-height:1.1}.cal-wnum.today{color:#fff;background:var(--teal);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin:2px auto 0;display:flex}.cal-wdh.td .cal-wdn{color:var(--teal)}.cal-wgrid{flex:1;display:flex;overflow:auto}.cal-wtc{border-right:1px solid var(--border);flex-shrink:0;width:50px}.cal-wts{justify-content:center;align-items:flex-start;height:54px;padding-top:3px;display:flex}.cal-wtl{color:var(--text-muted);font-size:10.5px;font-weight:500}.cal-wdc{border-left:1px solid var(--border);flex:1;min-width:0;position:relative}.cal-whl{border-bottom:1px solid #f1f5f9;height:54px}.cal-wdc.tdcol{background:#fafeff}.cal-wev{cursor:pointer;z-index:5;border-left:3px solid;border-radius:5px;padding:3px 6px;transition:filter .15s;position:absolute;left:3px;right:3px;overflow:hidden}.cal-wev:hover{filter:brightness(.91);box-shadow:0 2px 8px #0000001a}.cal-wev-t{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;line-height:1.25;overflow:hidden}.cal-wev-s{opacity:.7;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10px;overflow:hidden}.cal-nl{border-top:2px solid var(--teal);z-index:10;pointer-events:none;position:absolute;left:0;right:0}.cal-nl:before{content:"";background:var(--teal);border-radius:50%;width:10px;height:10px;position:absolute;top:-5px;left:-4px}.cal-ov{z-index:299;background:#0f27442e;display:none;position:fixed;inset:0}.cal-ov.show{display:block}.cal-dp{border-left:1px solid var(--border);z-index:300;background:#fff;flex-direction:column;width:390px;font-weight:700;transition:transform .22s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-6px 0 24px #0000001a}.cal-dp.open{transform:translate(0)}.cal-dp-hd{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:15px 18px;display:flex}.cal-dp-bar{border-radius:3px;flex-shrink:0;width:4px;min-height:40px}.cal-dp-t{color:var(--text);font-size:15px;font-weight:800;line-height:1.25}.cal-dp-s{color:var(--slate);margin-top:3px;font-size:12.5px}.cal-dp-x{border:1px solid var(--border);cursor:pointer;width:28px;height:28px;color:var(--slate);background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;font-size:13px;display:flex}.cal-dp-x:hover{color:#dc2626;background:#fee2e2;border-color:#dc2626}.cal-dp-bd{flex:1;overflow-y:auto}.cal-dp-sec{border-bottom:1px solid var(--border);padding:13px 18px}.cal-dp-row{align-items:flex-start;gap:9px;margin-bottom:9px;display:flex}.cal-dp-row:last-child{margin-bottom:0}.cal-dp-ico{text-align:center;flex-shrink:0;width:18px;padding-top:1px;font-size:14px}.cal-dp-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px;font-size:10.5px;font-weight:700}.cal-dp-val{color:var(--text);font-size:13px;font-weight:500}.cal-dp-ft{border-top:1px solid var(--border);gap:8px;padding:12px 18px;display:flex}.tp-page{flex:1;gap:0;min-height:calc(100vh - 116px);font-family:Roboto,sans-serif;display:flex}.tp-main{flex-direction:column;flex:1;gap:16px;min-width:0;padding:20px 22px 108px;display:flex}.tp-side{border-left:1px solid var(--border,#e5e7eb);background:#fff;flex-direction:column;flex-shrink:0;width:264px;height:calc(100vh - 81px);max-height:calc(100vh - 81px);display:flex;position:sticky;top:52px;overflow:hidden}.tp-header{border-bottom:1px solid var(--border,#e5e7eb);z-index:100;background:#fff;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;min-height:52px;padding:0 16px;font-family:Roboto,sans-serif;display:flex;position:sticky;top:0}.tp-back{cursor:pointer;color:#374151;background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;align-items:center;gap:4px;padding:5px 12px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .12s;display:flex}.tp-back:hover{background:#f3f4f6}.topbar-breadcrumb{color:#6b7280;flex:1;align-items:center;gap:5px;font-size:12.5px;display:flex}.topbar-breadcrumb span{color:#374151}.topbar-breadcrumb span[style*=cursor]{color:#0891b2;cursor:pointer}.topbar-breadcrumb span[style*=cursor]:hover{text-decoration:underline}.topbar-breadcrumb strong{color:#111827;font-weight:600}.tp-hdr-actions{flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto;display:flex}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:7px;align-items:center;gap:5px;padding:6px 13px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .12s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-outline{color:#374151;background:#fff;border:1.5px solid #e5e7eb}.btn-outline:hover:not(:disabled){background:#f3f4f6}.btn-amber{color:#92400e;background:#fef3c7;border:1.5px solid #fcd34d}.btn-amber:hover:not(:disabled){background:#fde68a}.btn-teal{color:#fff;background:#0891b2;border:1.5px solid #0891b2}.btn-teal:hover:not(:disabled){background:#0e7490}.btn-navy{color:#fff;background:#0c1f3a;border:1.5px solid #0c1f3a}.btn-navy:hover:not(:disabled){background:#0f2744}.btn-warning{color:#fff;background:#f59e0b;border:1.5px solid #f59e0b}.btn-warning:hover:not(:disabled){background:#d97706}.btn-success{color:#fff;background:#059669;border:1.5px solid #059669}.btn-success:hover:not(:disabled){background:#047857}.tp-save-indicator{color:#6b7280;align-items:center;gap:4px;font-size:12px;display:flex}.tp-client-bar{background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;display:flex}.tp-cl-avatar{color:#fff;background:linear-gradient(135deg,#0891b2,#0c1f3a);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:flex}.tp-cl-name{color:#111827;font-size:15px;font-weight:700}.tp-cl-meta{color:#6b7280;flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;font-size:12px;display:flex}.tp-cl-meta span{align-items:center;gap:3px;display:inline-flex}.tp-cl-addr{color:#9ca3af;align-items:center;gap:4px;margin-top:2px;font-size:11.5px;display:flex}.tp-cl-tag{color:#059669;white-space:nowrap;background:#dcfce7;border-radius:20px;align-items:center;gap:6px;margin-left:auto;padding:4px 10px;font-size:11.5px;font-weight:600;display:flex}.tp-assess{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #bae6fd;border-radius:10px;overflow:hidden}.tp-assess-hdr{cursor:pointer;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.tp-assess-hdr-title{color:#0369a1;text-transform:uppercase;letter-spacing:.8px;font-size:10.5px;font-weight:700}.tp-assess-toggle{color:#0369a1;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:11.5px;font-weight:600}.tp-assess-body{padding:10px 16px 14px}.tp-assess-items{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tp-assess-item{background:#ffffffbf;border-radius:7px;padding:8px 10px}.tp-assess-lbl{color:#0369a1;text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px;font-size:10px;font-weight:700}.tp-assess-val{color:#111827;font-size:12.5px;line-height:1.5}.tp-assess-row{gap:8px;margin-bottom:6px;font-size:12.5px;display:flex}.tp-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.tp-sec-hd{border-bottom:1px solid #f3f4f6;align-items:center;gap:8px;padding:11px 16px 10px;display:flex}.tp-sec-num{color:#fff;background:#0c1f3a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:800;display:flex}.tp-sec-title{color:#111827;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.tp-sec-sub{color:#9ca3af;text-transform:none;letter-spacing:0;margin-left:4px;font-size:11.5px;font-weight:400}.tp-sec-badge{color:#9ca3af;margin-left:auto;font-size:11px;font-weight:600}.tp-sec-body{padding:14px 16px}.tp-row{gap:12px;margin-bottom:12px;display:grid}.tp-row:last-child{margin-bottom:0}.tp-row-3{grid-template-columns:1fr 1fr 1fr}.tp-row-2{grid-template-columns:1fr 1fr}.tp-row-1{grid-template-columns:1fr}.tp-field{flex-direction:column;gap:4px;display:flex}.tp-field label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:10.5px;font-weight:700;display:block}.tp-field input,.tp-field textarea,.tp-field select{color:#111827;background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;outline:none;width:100%;padding:7px 10px;font-family:inherit;font-size:13px;transition:all .12s}.tp-field input:focus,.tp-field textarea:focus,.tp-field select:focus{border-color:#0891b2;box-shadow:0 0 0 3px #0891b214}.tp-field textarea{resize:none;line-height:1.6}.tp-goal-item{align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.tp-goal-num{color:#fff;background:#0c1f3a;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:8px;font-size:10.5px;font-weight:800;display:flex}.tp-goal-item textarea{resize:none;background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;outline:none;flex:1;min-height:40px;padding:7px 10px;font-family:inherit;font-size:13px;line-height:1.6}.tp-goal-item textarea:focus{border-color:#0891b2;box-shadow:0 0 0 3px #0891b214}.tp-goal-rm{color:#dc2626;cursor:pointer;background:#fef2f2;border:1.5px solid #fecaca;border-radius:6px;flex-shrink:0;width:26px;height:26px;margin-top:8px;font-family:inherit;font-size:12px}.tp-add-btn{color:#6b7280;cursor:pointer;background:#fff;border:1.5px dashed #e5e7eb;border-radius:7px;width:100%;margin-top:4px;padding:7px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .12s}.tp-add-btn:hover{color:#0891b2;background:#cffafe;border-color:#0891b2}.ph-wrap{flex-direction:column;gap:10px;display:flex}.ph-empty{text-align:center;color:#9ca3af;padding:36px 20px}.ph-empty-icon{margin-bottom:10px;font-size:36px}.ph-empty-title{color:#374151;margin-bottom:5px;font-size:14px;font-weight:700}.ph-empty-sub{color:#6b7280;margin-bottom:18px;font-size:12.5px;line-height:1.6}.ph-card{border:1.5px solid #e5e7eb;border-radius:10px;transition:all .12s;overflow:hidden}.ph-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000f}.ph-head{align-items:center;gap:0;min-height:44px;display:flex}.ph-color-strip{flex-shrink:0;align-self:stretch;width:4px}.ph-head-inner{flex:1;align-items:center;gap:8px;padding:9px 12px;display:flex}.ph-idx{color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:flex}.ph-name{color:#111827;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13.5px;font-weight:700}.ph-name::placeholder{color:#9ca3af;font-weight:400}.ph-count-wrap{flex-shrink:0;align-items:center;gap:5px;display:flex}.ph-count{text-align:center;border:1.5px solid #e5e7eb;border-radius:5px;outline:none;width:40px;padding:3px 5px;font-family:inherit;font-size:13px;font-weight:700}.ph-count:focus{border-color:#0891b2}.ph-count-lbl{color:#6b7280;font-size:12px;font-weight:500}.ph-range-badge{white-space:nowrap;border-radius:20px;padding:1px 7px;font-size:11px;font-weight:700}.ph-del{color:#dc2626;cursor:pointer;background:#fef2f2;border:1.5px solid #fecaca;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-family:inherit;font-size:13px;display:flex}.ph-body{border-top:1px solid #f3f4f6;grid-template-columns:1fr 1fr;gap:10px;padding:10px 12px 10px 20px;display:grid}.ph-f label{text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.ph-f textarea{resize:none;color:#111827;background:#f9fafb;border:1.5px solid #f3f4f6;border-radius:7px;outline:none;width:100%;min-height:60px;padding:7px 9px;font-family:inherit;font-size:12.5px;line-height:1.6;transition:all .12s}.ph-f textarea:focus{background:#fff;border-color:#0891b2;box-shadow:0 0 0 3px #0891b214}.ph-expand-btn{color:#6b7280;cursor:pointer;text-align:left;background:0 0;border:none;border-top:1px solid #f3f4f6;align-items:center;gap:5px;width:100%;padding:6px 20px;font-family:inherit;font-size:11.5px;font-weight:600;display:flex}.ph-expand-btn:hover{color:#0891b2;background:#cffafe}.ph-sessions{border-top:1px solid #f3f4f6}.ph-sess-head{background:#f9fafb;grid-template-columns:50px 1fr 1fr 28px;padding:5px 12px 4px 20px;display:grid}.ph-sess-head span{color:#9ca3af;text-transform:uppercase;letter-spacing:.4px;font-size:9.5px;font-weight:700}.ph-sess-row{border-top:1px solid #f9fafb;grid-template-columns:50px 1fr 1fr 28px;align-items:stretch;display:grid}.ph-sess-num{border-right:1px solid #f3f4f6;justify-content:center;align-items:center;padding:7px 4px;display:flex}.ph-sess-num input{text-align:center;color:#111827;border:1px solid #e5e7eb;border-radius:5px;outline:none;width:40px;padding:2px 4px;font-family:inherit;font-size:12px;font-weight:700}.ph-sess-cell{border-right:1px solid #f3f4f6;padding:6px 9px}.ph-sess-cell textarea{resize:none;color:#111827;background:0 0;border:none;outline:none;width:100%;min-height:44px;font-family:inherit;font-size:12px;line-height:1.5}.ph-sess-cell textarea::placeholder{color:#c9d0d8}.ph-del-sess{justify-content:center;align-items:flex-start;padding:7px 4px;display:flex}.ph-del-sess button{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;width:20px;height:20px;font-family:inherit;font-size:10px}.ph-add-sess{color:#6b7280;cursor:pointer;background:#f9fafb;border:none;border-top:1px dashed #e5e7eb;width:100%;padding:5px;font-family:inherit;font-size:11.5px;font-weight:600}.ph-add-sess:hover{color:#0891b2}.tp-sig-grid{grid-template-columns:1fr 1fr;gap:48px;margin-top:24px;display:grid}.tp-sig-box{text-align:center;border-top:1px solid #e5e7eb;padding-top:48px}.tp-sig-lbl{color:#374151;font-size:13px;font-weight:600}.tp-sig-hint{color:#9ca3af;margin-top:2px;font-size:11.5px;font-style:italic}.tp-rp-hd{border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:14px 16px 10px}.tp-rp-title{color:#111827;text-transform:uppercase;letter-spacing:1px;font-size:10.5px;font-weight:800}.tp-rp-status{color:#6b7280;margin-top:3px;font-size:11px}.tp-rp-stats{border-bottom:1px solid #e5e7eb;flex-shrink:0;grid-template-columns:1fr 1fr 1fr;gap:0;display:grid}.tp-rp-stat{text-align:center;border-right:1px solid #e5e7eb;padding:12px 0}.tp-rp-stat:last-child{border-right:none}.tp-rp-stat-n{color:#111827;font-size:24px;font-weight:800;line-height:1}.tp-rp-stat-l{color:#9ca3af;margin-top:3px;font-size:10px;font-weight:500}.tp-rp-body{flex:1;min-height:0;padding:14px 16px;overflow-y:auto}.tp-rp-tl-title{color:#6b7280;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px;font-size:10px;font-weight:700}.tp-tl-item{align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.tp-tl-dot-col{flex-direction:column;flex-shrink:0;align-items:center;padding-top:2px;display:flex}.tp-tl-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.tp-tl-line{background:#e5e7eb;flex:1;width:2px;min-height:20px;margin-top:3px}.tp-tl-info{flex:1;min-width:0}.tp-tl-phase-name{color:#111827;font-size:12.5px;font-weight:700;line-height:1.3}.tp-tl-phase-meta{color:#6b7280;margin-top:2px;font-size:11.5px}.tp-tl-pips{flex-wrap:wrap;gap:3px;margin-top:5px;display:flex}.tp-tl-pip{color:#fff;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;font-weight:700;display:flex}.tp-tl-empty{color:#9ca3af;font-size:12px;font-style:italic}.tp-rp-confirm{border-top:1px solid #e5e7eb;flex-shrink:0;padding:14px 16px}.tp-rp-confirm p{color:#6b7280;margin-bottom:8px;font-size:11.5px;line-height:1.5}.tp-status-bar{bottom:0;left:var(--sidebar-w,212px);z-index:40;color:#6b7280;background:#fff;border-top:1px solid #e5e7eb;align-items:center;gap:7px;height:28px;padding:0 20px;font-size:11.5px;display:flex;position:fixed;right:0}.tp-status-dot{background:#d1d5db;border-radius:50%;width:6px;height:6px;transition:all .3s}.tp-status-dot.ok{background:#059669}.tp-status-dot.dirty{background:#d97706;animation:1.5s infinite tp-pulse}@keyframes tp-pulse{0%,to{opacity:1}50%{opacity:.4}}.tp-error-banner{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;align-items:center;gap:8px;margin-bottom:0;padding:10px 16px;font-size:13.5px;display:flex}