@import"https://fonts.googleapis.com/css2?family=Karla:wght@700&family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap";:root{--bg: #F8F5F0;--surface: #FFFFFF;--surface2: #FDF4E0;--surface3: #FDF0E8;--border: #E5E0D8;--border2: #EFEAE0;--text: #1A1A2E;--tm: #6B7A8D;--td: #A0AAB8;--primary: #D4501A;--primary-dark: #A83C10;--primary-soft: #FDF0E8;--primary-mid: #F5C9AE;--gold: #C8922A;--gold-soft: #FDF4E0;--gold-mid: #E4AC40;--green: #22C55E;--green-soft: #EAFAF1;--red: #C0392B;--red-soft: #FDEDEC;--wa-green: #25D366;--wa-green-dark: #1EB358;--ink: #080E18;--ink-2: #111B2A;--ink-3: #1A2840;--border-focus: #D4501A;--shadow: 0 1px 3px rgba(8,14,24,.1), 0 1px 2px rgba(8,14,24,.05);--shadow-md: 0 4px 16px rgba(8,14,24,.12), 0 2px 6px rgba(8,14,24,.06);--shadow-lg: 0 12px 40px rgba(8,14,24,.16), 0 4px 16px rgba(8,14,24,.08);--radius: 10px;--radius-lg: 16px;--radius-xl: 20px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,sans-serif;font-weight:500;background:var(--bg);color:var(--text);min-height:100vh;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.page-title,.modal-title,.drawer-title,.mc-zone-title,h1,h2,h3{font-family:Karla,Inter,sans-serif;font-weight:700}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--surface3)}.app-frame{position:relative;min-height:100vh}.frame-content{margin-left:240px;min-height:100vh;transition:margin-left .2s ease}.frame-content.collapsed{margin-left:64px}.checkin-pill{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface2);font-size:12.5px;font-weight:600;color:var(--tm)}.checkin-pill .dot{width:8px;height:8px;border-radius:50%;background:var(--td);flex-shrink:0}.checkin-pill.online{background:var(--primary-soft);border-color:var(--primary-mid);color:var(--primary-dark)}.checkin-pill.online .dot{background:var(--primary);box-shadow:0 0 #d4501a80;animation:checkin-pulse 1.8s infinite}.checkin-pill .btn{margin-left:2px}@keyframes checkin-pulse{0%{box-shadow:0 0 #d4501a73}70%{box-shadow:0 0 0 6px #d4501a00}to{box-shadow:0 0 #d4501a00}}.app-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:400;width:240px;height:100vh;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width .2s ease,transform .2s ease;overflow:hidden}.app-sidebar.collapsed{width:64px}.sidebar-brand{padding:18px 18px 14px;display:flex;align-items:center;flex-shrink:0}.app-sidebar.collapsed .sidebar-brand{padding:18px 8px 14px;justify-content:center}.sidebar-brand-full{height:20px;width:auto;display:block}.sidebar-brand-icon{width:30px;height:30px;border-radius:8px;display:block;object-fit:contain}.sidebar-user{padding:4px 16px 14px;flex-shrink:0}.app-sidebar.collapsed .sidebar-user{padding:4px 8px 14px}.sidebar-user-top{display:flex;align-items:center;gap:10px}.app-sidebar.collapsed .sidebar-user-top{justify-content:center}.sidebar-avatar-wrap{position:relative;flex-shrink:0}.sidebar-avatar{width:38px;height:38px;border-radius:50%;background:var(--primary-soft);border:1.5px solid var(--primary-mid);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:var(--primary)}.sidebar-status-dot{position:absolute;bottom:0;right:-1px;width:11px;height:11px;border-radius:50%;background:var(--td);border:2px solid var(--surface)}.sidebar-status-dot.online{background:var(--green);box-shadow:0 0 #22c55e80;animation:checkin-pulse 1.8s infinite}.sidebar-user-info{min-width:0}.sidebar-user-name{font-size:13.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:11.5px;color:var(--td);font-weight:600;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-divider{height:1px;background:var(--border2);margin:0 16px;flex-shrink:0}.app-sidebar.collapsed .sidebar-divider{margin:0 8px}.sidebar-nav{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:2px}.sidebar-nav-item{position:relative;display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--radius);border:none;background:none;color:var(--tm);font-size:13.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .12s;font-family:Inter,sans-serif;width:100%;text-align:left}.app-sidebar.collapsed .sidebar-nav-item{justify-content:center;padding:10px}.sidebar-nav-icon{font-size:16px;flex-shrink:0;line-height:1}.sidebar-nav-label{overflow:hidden;text-overflow:ellipsis}.sidebar-nav-item:hover{background:var(--surface2);color:var(--text)}.sidebar-nav-item.active{background:var(--primary-soft);color:var(--primary)}.sidebar-nav-badge{margin-left:auto;background:var(--primary);color:#fff;font-size:9px;font-weight:700;border-radius:8px;min-width:15px;height:15px;padding:0 4px;display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0}.sidebar-nav-item.active .sidebar-nav-badge{background:var(--primary);color:#fff}.app-sidebar.collapsed .sidebar-nav-badge{position:absolute;top:4px;right:4px;margin-left:0}.sidebar-bottom{padding:10px;border-top:1px solid var(--border2);flex-shrink:0;display:flex;flex-direction:column;gap:2px}.sidebar-toggle,.sidebar-signout{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius);border:none;background:none;color:var(--tm);font-size:12.5px;font-weight:700;cursor:pointer;font-family:Inter,sans-serif;width:100%;text-align:left;transition:all .12s}.app-sidebar.collapsed .sidebar-toggle,.app-sidebar.collapsed .sidebar-signout{justify-content:center;padding:9px}.sidebar-toggle:hover,.sidebar-signout:hover{background:var(--surface2);color:var(--text)}.sidebar-hamburger,.sidebar-scrim{display:none}.page-header{padding:20px 28px 0;min-height:96px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;flex-shrink:0}.page-title{font-size:28px;font-weight:800;color:var(--text);letter-spacing:-.02em}.page-sub{font-size:14px;color:var(--tm);margin-top:3px;font-weight:500}.page-tabs{display:flex;gap:0;margin-top:14px}.page-tab{padding:11px 16px;font-size:14px;font-weight:700;color:var(--td);cursor:pointer;border-bottom:2px solid transparent;transition:all .12s;display:flex;align-items:center;gap:6px;-webkit-user-select:none;user-select:none}.page-tab:hover{color:var(--text)}.page-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-count{background:var(--primary-soft);color:var(--primary);border-radius:10px;padding:2px 8px;font-size:12px;font-weight:700}.toolbar{padding:12px 28px;display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--border2);flex-wrap:wrap;background:var(--surface)}.page-body{padding:20px 28px 60px;flex:1}.stats-row{display:flex;gap:10px;padding:16px 28px;overflow-x:auto;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.stat-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;min-width:110px;flex:1;transition:border-color .15s,box-shadow .15s}.stat-card:hover{border-color:var(--primary-mid);box-shadow:var(--shadow)}.stat-val{font-size:42px;font-weight:800;line-height:1;color:var(--text);letter-spacing:-.03em}.stat-card.hi .stat-val{color:var(--primary)}.stat-card.gold .stat-val{color:var(--gold)}.stat-label{font-size:12px;font-weight:700;color:var(--tm);text-transform:uppercase;letter-spacing:.07em;margin-top:8px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:6px;font-size:12px;font-weight:700;white-space:nowrap}.badge-cold{background:var(--surface2);color:var(--td)}.badge-reached{background:#eef2ff;color:#4f46e5}.badge-replied{background:var(--primary-soft);color:var(--primary)}.badge-followup{background:var(--primary-mid);color:var(--primary-dark)}.badge-meeting{background:var(--gold-soft);color:var(--gold)}.badge-proposal{background:var(--gold-mid);color:#8b6b20}.badge-deal{background:#d5f5e3;color:#1a6e3a}.badge-won{background:var(--green-soft);color:var(--green)}.badge-type{background:var(--surface2);color:var(--tm);font-weight:500}.badge-manual{background:var(--gold-soft);color:var(--gold)}.loc-opt{padding:8px 12px;cursor:pointer;font-size:13px;color:var(--text);font-weight:500;transition:background .1s}.loc-opt:hover{background:var(--surface2)}.loc-opt-active{background:var(--primary-soft);color:var(--primary);font-weight:700}.loc-opt-active:hover{background:var(--primary-soft)}.loc-opt-row{display:flex;align-items:center;justify-content:space-between}.loc-del-btn{opacity:0;background:none;border:none;color:var(--td);font-size:11px;cursor:pointer;padding:2px 4px;border-radius:3px;line-height:1;flex-shrink:0}.loc-opt-row:hover .loc-del-btn{opacity:1}.loc-del-btn:hover{color:#e55}.badge-ctype-agent{background:var(--surface2);color:var(--tm)}.badge-ctype-event{background:#fce4ec;color:#ad1457}.badge-ctype-new{background:#eef2ff;color:#4f46e5}.badge-ctype-orang-kasar{background:#fdedec;color:#c0392b;font-weight:700}.badge-ctype-payment-akhir{background:#e8f8f5;color:#148f77}.badge-ctype-payment-awal{background:#eafaf1;color:#1e8449}.badge-ctype-reguler{background:var(--surface2);color:var(--td)}.badge-ctype-tamu-spesial{background:var(--gold-soft);color:var(--gold)}.badge-ctype-vip{background:var(--gold-mid);color:#8b6b20;font-weight:700}.badge-ctype-voucher{background:#f4ecf7;color:#7d3c98}.badge-ctype-vvip{background:#2c2c2c;color:#f5c400;font-weight:700}.badge-role-supervisor{background:var(--gold-mid);color:#8b6b20}.badge-role-admin{background:var(--surface2);color:var(--tm)}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;overflow-x:auto;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;font-size:13.5px}thead th{background:var(--bg);padding:12px 16px;text-align:left;color:var(--tm);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);white-space:nowrap}tbody tr{border-bottom:1px solid var(--border2);cursor:pointer;transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--primary-soft)}tbody td{padding:13px 16px;vertical-align:top}.td-name{font-weight:700;font-size:15px;color:var(--text);line-height:1.3}.td-sub{margin-top:5px}.td-opp{color:var(--text);font-size:14px;font-weight:500;min-width:180px;line-height:1.5}.td-status{font-size:14px;font-weight:500;color:var(--text);min-width:200px;line-height:1.5}.td-status-date{color:var(--primary);font-size:11.5px;font-weight:700;margin-bottom:2px;text-transform:uppercase;letter-spacing:.04em}.td-contact{font-size:13px;font-weight:600;color:var(--tm);min-width:130px;line-height:2}td.ec{width:36px;text-align:center;padding:0 6px!important}.row-edit-btn{background:none;border:none;color:var(--td);cursor:pointer;font-size:13px;padding:5px 6px;border-radius:5px;opacity:0;transition:all .12s;line-height:1}tr:hover .row-edit-btn{opacity:1}.row-edit-btn:hover{color:var(--primary);background:var(--primary-soft)}.pipeline-bar{display:flex;gap:2px;margin-bottom:4px}.pipeline-step{height:3px;flex:1;border-radius:2px;background:var(--border)}.pipeline-step.on{background:var(--primary-mid)}.pipeline-step.on.post{background:var(--gold-mid)}.pipeline-label{font-size:11px;color:var(--td);font-weight:500}.btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border-radius:var(--radius);font-size:13.5px;font-family:Inter,sans-serif;font-weight:700;cursor:pointer;transition:all .12s;border:1px solid transparent;white-space:nowrap;line-height:1;text-decoration:none}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 1px 2px #7c5cbf4d}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-secondary{background:var(--surface);color:var(--tm);border:1px solid var(--border);box-shadow:var(--shadow)}.btn-secondary:hover{border-color:var(--primary-mid);color:var(--primary)}.btn-ghost{background:none;color:var(--td);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--primary-mid);color:var(--primary);background:var(--primary-soft)}.btn-danger{background:var(--red-soft);color:var(--red);border:1px solid #FADBD8}.btn-danger:hover{background:#fadbd8}.btn-wa{background:var(--wa-green);color:#fff;border-color:var(--wa-green)}.btn-wa:hover{background:var(--wa-green-dark);border-color:var(--wa-green-dark)}.btn-sm{padding:6px 13px;font-size:12.5px}.btn-xs{padding:4px 10px;font-size:12px;border-radius:5px}.inp{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:9px 13px;color:var(--text);font-size:14px;font-family:Inter,sans-serif;font-weight:500;outline:none;transition:border-color .15s,box-shadow .15s}.inp:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-soft)}.inp::placeholder{color:var(--td)}textarea.inp{resize:vertical;min-height:70px;line-height:1.6}select.inp{cursor:pointer}.search-wrap{position:relative;flex:1;min-width:220px}.search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--td);font-size:13px;pointer-events:none}.search-inp{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px 8px 34px;color:var(--text);font-size:13px;font-family:Inter,sans-serif;outline:none;transition:border-color .15s,box-shadow .15s}.search-inp:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-soft)}.search-inp::placeholder{color:var(--td)}.fsel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;color:var(--text);font-size:13px;font-family:Inter,sans-serif;outline:none;cursor:pointer;min-width:150px;transition:border-color .15s}.fsel:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-soft)}.fg{margin-bottom:14px}.fg label{display:block;font-size:12px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px}.frow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a191673;z-index:300;opacity:0;pointer-events:none;transition:opacity .2s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center}.modal-overlay.open{opacity:1;pointer-events:all}.modal{width:520px;max-width:96vw;max-height:92vh;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);display:flex;flex-direction:column;transform:translateY(8px) scale(.99);transition:transform .2s;box-shadow:var(--shadow-lg)}.modal-overlay.open .modal{transform:translateY(0) scale(1)}.modal-header{padding:18px 22px 14px;border-bottom:1px solid var(--border2);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-title{font-size:19px;font-weight:800;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.modal-body{padding:18px 22px;overflow-y:auto;flex:1}.modal-footer{padding:12px 22px;border-top:1px solid var(--border2);display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a191659;z-index:200;opacity:0;pointer-events:none;transition:opacity .22s;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.drawer-overlay.open{opacity:1;pointer-events:all}.drawer{position:fixed;top:0;right:0;bottom:0;width:560px;max-width:96vw;background:var(--surface);border-left:1px solid var(--border);z-index:201;transform:translate(100%);transition:transform .26s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow-y:auto;box-shadow:-8px 0 32px #1a19161a}.drawer.open{transform:translate(0)}.drawer-header{padding:18px 24px 14px;border-bottom:1px solid var(--border2);position:sticky;top:0;background:var(--surface);z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.drawer-title{font-size:22px;font-weight:800;color:var(--text);line-height:1.2;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-badges{margin-top:7px;display:flex;gap:5px;flex-wrap:wrap}.drawer-actions{display:flex;gap:6px;flex-shrink:0;padding-top:2px}.close-btn{background:var(--surface2);border:1px solid var(--border);border-radius:7px;width:30px;height:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--td);font-size:14px;flex-shrink:0;transition:all .12s}.close-btn:hover{border-color:var(--border);background:var(--surface3);color:var(--tm)}.drawer-body{padding:20px 24px;flex:1}.drawer-section{margin-bottom:24px}.drawer-section-label{font-size:12px;font-weight:700;color:var(--tm);text-transform:uppercase;letter-spacing:.09em;margin-bottom:10px;display:flex;align-items:center;gap:8px}.drawer-section-label:after{content:"";flex:1;height:1px;background:var(--border2)}.info-row{display:flex;align-items:center;gap:10px;padding:10px 13px;background:var(--surface2);border-radius:7px;border:1px solid var(--border2);margin-bottom:6px;font-size:14px;font-weight:500;color:var(--text)}.stage-pills{display:flex;flex-wrap:wrap;gap:5px}.stage-pill{padding:5px 13px;border-radius:20px;font-size:13px;font-weight:600;background:var(--surface2);color:var(--tm);border:1px solid var(--border);cursor:pointer;transition:all .12s}.stage-pill:hover{border-color:var(--primary-mid);color:var(--primary);background:var(--primary-soft)}.stage-pill.active{background:var(--primary-soft);color:var(--primary);border-color:var(--primary-mid)}.timeline{position:relative;padding-left:20px}.timeline:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:1px;background:var(--border)}.timeline-item{position:relative;margin-bottom:16px;display:flex;align-items:flex-start;gap:6px}.timeline-item:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:-17px;top:5px;width:8px;height:8px;border-radius:50%;background:var(--primary-mid);border:2px solid var(--surface);flex-shrink:0}.note-del-btn{flex-shrink:0;background:none;border:none;color:var(--td);font-size:11px;cursor:pointer;padding:2px 5px;border-radius:4px;opacity:0;transition:opacity .15s,color .15s;line-height:1;margin-top:1px}.timeline-item:hover .note-del-btn{opacity:1}.note-del-btn:hover{color:#e55}.timeline-item:first-child .timeline-dot{background:var(--gold-mid)}.timeline-date{font-size:12px;color:var(--primary);font-weight:700;letter-spacing:.04em;margin-bottom:2px;text-transform:uppercase}.timeline-text{font-size:14px;color:var(--text);font-weight:500;line-height:1.6}.add-note-form{margin-top:14px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.add-note-row{display:flex;gap:8px;margin-top:8px;align-items:flex-end}.wa-compose{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}.wa-compose-header{padding:10px 14px;background:var(--surface2);border-bottom:1px solid var(--border2);font-size:12px;color:var(--td);display:flex;align-items:center;gap:8px}.wa-compose-to{font-size:13px;color:var(--primary);font-weight:600}.wa-compose-body{padding:12px 14px}.wa-compose-footer{padding:10px 14px;border-top:1px solid var(--border2);display:flex;justify-content:space-between;align-items:center;gap:8px}.inbox-back-btn{display:none}.thread-info-desktop,.thread-meta-desktop{display:block}.inbox-layout{display:flex;flex:1;min-height:0}.inbox-list{width:290px;flex-shrink:0;border-right:1px solid var(--border);overflow-y:auto;background:var(--surface)}.inbox-thread{flex:1;display:flex;flex-direction:column;background:var(--bg)}.inbox-empty{flex:1;display:flex;align-items:center;justify-content:center}.conv-item{padding:13px 16px;border-bottom:1px solid var(--border2);cursor:pointer;transition:background .1s;display:flex;gap:10px;align-items:flex-start}.conv-item:hover{background:var(--surface2)}.conv-item.active{background:var(--primary-soft)}.conv-item.unread{border-left:3px solid var(--primary);background:var(--primary-soft)}.conv-item.unread .conv-name{color:var(--primary)}.conv-item.unread .conv-preview{font-weight:700;color:var(--tm)}.conv-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-soft);border:1.5px solid var(--primary-mid);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--primary);flex-shrink:0}.conv-info{flex:1;min-width:0}.conv-name{font-size:14px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-preview{font-size:13px;color:var(--tm);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.conv-time{font-size:11px;color:var(--tm);flex-shrink:0;margin-top:2px;font-weight:600}.thread-header{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--surface);flex-shrink:0;box-shadow:0 1px 0 var(--border)}.thread-name{font-size:18px;font-weight:800;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-info{font-size:13px;color:var(--tm);margin-top:1px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages-area{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:10px}.message-row{display:flex}.message-row-out{justify-content:flex-end}.message-row-in{justify-content:flex-start}.message-bubble{max-width:min(80%,640px);width:fit-content;padding:10px 13px;border-radius:12px;font-size:13.5px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.message-out{background:var(--primary);color:#fff;border-radius:12px 12px 3px}.message-in{background:var(--surface);color:var(--tm);border:1px solid var(--border);border-radius:12px 12px 12px 3px;box-shadow:var(--shadow)}.message-meta{font-size:10px;opacity:.65;margin-top:4px;text-align:right}.conv-pending-badge{background:var(--gold-soft);color:var(--gold);border:1px solid var(--gold-mid);border-radius:6px;font-size:10px;font-weight:700;padding:1px 6px;white-space:nowrap}.message-pending{background:var(--gold-soft);color:var(--tm);border:1.5px solid var(--gold-mid);border-radius:12px 12px 3px}.message-cancelled{background:var(--surface2);color:var(--td);border:1px dashed var(--border);border-radius:12px 12px 3px;opacity:.65}.message-rejected{background:var(--surface);color:var(--td);border:1.5px dashed var(--border);border-radius:12px 12px 3px;opacity:.65}.message-sent-manual{background:#e0f7fa;color:#004d5c;border:1.5px solid #80DEEA;border-radius:12px 12px 3px}.msg-approval-row{display:flex;gap:5px;margin-top:8px;padding-top:6px;border-top:1px solid var(--gold-mid)}.msg-action-btn{font-size:11px;font-weight:600;padding:3px 9px;border-radius:5px;border:1.5px solid var(--border);background:transparent;cursor:pointer;line-height:1.4;transition:background .12s,color .12s;color:var(--tm);font-family:inherit}.msg-action-btn.approve{border-color:var(--green);color:var(--green)}.msg-action-btn.approve:hover{background:var(--green);color:#fff}.msg-action-btn.edit-btn{border-color:var(--primary);color:var(--primary)}.msg-action-btn.edit-btn:hover{background:var(--primary);color:#fff}.msg-action-btn.reject{border-color:var(--red);color:var(--red)}.msg-action-btn.reject:hover{background:var(--red);color:#fff}.msg-action-btn.phone{border-color:#0097a7;color:#0097a7}.msg-action-btn.phone:hover{background:#0097a7;color:#fff}.msg-edit-textarea{width:100%;min-height:56px;border:none;background:#fff9;border-radius:5px;font-size:13.5px;font-family:inherit;color:var(--text);resize:vertical;padding:5px 7px;outline:none;line-height:1.5}.compose-area{padding:12px 20px;border-top:1px solid var(--border);display:flex;gap:9px;align-items:flex-end;background:var(--surface);flex-shrink:0}.compose-input{flex:1;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:9px 13px;color:var(--text);font-size:13.5px;font-family:Inter,sans-serif;font-weight:400;outline:none;resize:none;line-height:1.5;max-height:120px;transition:border-color .15s;min-height:40px}.compose-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-soft)}.compose-input::placeholder{color:var(--td)}.inbox-filters{padding:8px 10px;border-bottom:1px solid var(--border2);display:flex;flex-direction:column;gap:6px;background:var(--surface);flex-shrink:0}.inbox-fsel{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px;color:var(--text);font-size:12px;font-family:Inter,sans-serif;outline:none;cursor:pointer;transition:border-color .15s}.inbox-fsel:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-soft)}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.team-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;transition:border-color .15s,box-shadow .15s;box-shadow:var(--shadow)}.team-card:hover{border-color:var(--primary-mid);box-shadow:var(--shadow-md)}.team-card-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}.team-avatar-lg{width:40px;height:40px;border-radius:50%;background:var(--primary-soft);border:1.5px solid var(--primary-mid);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:var(--primary);flex-shrink:0}.team-member-name{font-size:15px;font-weight:700;color:var(--text)}.team-member-sub{font-size:13px;color:var(--tm);margin-top:1px;font-weight:500}.team-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.team-stat{text-align:center;background:var(--bg);border-radius:7px;padding:9px 4px}.team-stat-val{font-size:24px;font-weight:800;color:var(--text);letter-spacing:-.02em}.team-stat-val.hi{color:var(--primary)}.team-stat-val.gold{color:var(--gold)}.team-stat-label{font-size:10px;color:var(--tm);text-transform:uppercase;letter-spacing:.07em;font-weight:700;margin-top:3px}.assign-board{display:flex;gap:10px;overflow-x:auto;padding-bottom:16px;align-items:flex-start}.assign-col{min-width:200px;max-width:230px;flex-shrink:0}.assign-col-header{padding:9px 12px;background:var(--surface);border:1px solid var(--border);border-radius:9px 9px 0 0;border-bottom:none;display:flex;align-items:center;justify-content:space-between}.assign-col-name{font-size:14px;font-weight:700;color:var(--text)}.assign-col-count{background:var(--primary-soft);color:var(--primary);border-radius:10px;padding:1px 7px;font-size:11px;font-weight:600}.assign-col-body{background:var(--bg);border:1px solid var(--border);border-radius:0 0 9px 9px;padding:7px;display:flex;flex-direction:column;gap:6px;min-height:70px}.assign-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px;cursor:grab;transition:all .12s;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow)}.assign-card:hover{border-color:var(--primary-mid);box-shadow:var(--shadow-md);transform:translateY(-1px)}.assign-card-name{font-size:13.5px;font-weight:700;color:var(--text)}.assign-card-sub{font-size:12px;color:var(--tm);margin-top:2px;font-weight:500}.assign-card-stage{font-size:12px;color:var(--primary);margin-top:4px;font-weight:600}.empty-state{text-align:center;padding:60px 20px;color:var(--td)}.empty-ei{font-size:32px;margin-bottom:12px;opacity:.4}.empty-state p{font-size:14px;font-weight:500}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(8px);background:var(--text);color:#fff;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:500;z-index:600;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast.success{background:#1a6e3a}.toast.error{background:var(--red)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:20px}.login-card{width:380px;max-width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:36px 32px;box-shadow:var(--shadow-lg)}.login-logo{text-align:center;margin-bottom:6px}.login-logo img{height:28px}.login-subtitle{text-align:center;font-size:12px;color:var(--tm);margin-bottom:28px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.login-error{background:var(--red-soft);border:1px solid #FADBD8;border-radius:7px;padding:9px 13px;font-size:13px;color:var(--red);margin-bottom:14px;font-weight:500}.login-divider{text-align:center;font-size:11px;color:var(--td);margin:20px 0}.result-count{font-size:13px;color:var(--tm);padding:9px 28px;font-weight:600;background:var(--surface);border-bottom:1px solid var(--border2)}.alert-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--gold-soft);border:1px solid var(--gold-mid);border-radius:var(--radius-lg);padding:14px 18px}.alert-banner-text{font-size:13px;color:#6b4f1a;font-weight:500}.alert-banner-sub{font-size:12px;color:var(--gold);margin-top:2px}.member-list{display:flex;flex-direction:column;gap:8px}.member-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;display:flex;align-items:flex-start;gap:14px;transition:border-color .15s,box-shadow .15s}.member-row:hover{border-color:var(--primary-mid);box-shadow:var(--shadow)}.member-row-body{flex:1;min-width:0}.member-row-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.member-row-name{font-size:16px;font-weight:700;color:var(--text)}.member-row-meta{font-size:13px;color:var(--tm);margin-top:3px;display:flex;flex-wrap:wrap;gap:10px}.member-row-meta-dot{color:var(--border)}.member-row-desc{font-size:13px;color:var(--td);margin-top:8px;line-height:1.6;border-left:2px solid var(--border);padding-left:10px;font-style:italic}.member-row-stats{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}.member-stat-chip{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:6px 12px;text-align:center;min-width:68px}.member-stat-chip .msv{font-size:20px;font-weight:800;color:var(--text);line-height:1;letter-spacing:-.02em}.member-stat-chip .msv.hi{color:var(--primary)}.member-stat-chip .msv.gold{color:var(--gold)}.member-stat-chip .msl{font-size:10px;font-weight:700;color:var(--td);text-transform:uppercase;letter-spacing:.07em;margin-top:3px}.pagination{display:flex;align-items:center;justify-content:center;gap:4px;padding:20px 0 8px}.pg-btn{min-width:32px;height:32px;padding:0 8px;border-radius:7px;border:1px solid var(--border);background:var(--surface);color:var(--tm);font-size:13px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .12s;line-height:1}.pg-btn:hover:not(:disabled){border-color:var(--primary-mid);color:var(--primary);background:var(--primary-soft)}.pg-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pg-btn:disabled{opacity:.35;cursor:default}.pg-ellipsis{color:var(--td);font-size:13px;padding:0 2px}.pw-wrap{position:relative}.pw-wrap .inp{padding-right:38px}.pw-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:14px;color:var(--td);padding:2px;line-height:1;display:flex;align-items:center;justify-content:center;transition:color .12s}.pw-eye:hover{color:var(--tm)}.wa-icon-btn{display:inline-flex;align-items:center;justify-content:center;color:var(--wa-green);opacity:0;transition:opacity .15s;flex-shrink:0;padding:2px;border-radius:4px}tr:hover .wa-icon-btn{opacity:1}.wa-icon-btn:hover{color:var(--wa-green-dark)}.team-monitor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.team-monitor-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;box-shadow:var(--shadow);transition:border-color .15s,box-shadow .15s}.team-monitor-card:hover{border-color:var(--primary-mid);box-shadow:var(--shadow-md)}.team-monitor-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}.team-monitor-avatar-wrap{position:relative;flex-shrink:0}.team-monitor-status-dot{position:absolute;bottom:0;right:-1px;width:11px;height:11px;border-radius:50%;background:var(--td);border:2px solid var(--surface)}.team-monitor-status-dot.online{background:var(--green);box-shadow:0 0 #22c55e80;animation:checkin-pulse 1.8s infinite}.team-monitor-name{font-size:15px;font-weight:700;color:var(--text)}.team-monitor-status-label{font-size:12px;font-weight:600;margin-top:1px;color:var(--td)}.team-monitor-status-label.online{color:var(--green)}.team-monitor-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:12px}.team-monitor-stat{text-align:center;background:var(--bg);border-radius:var(--radius);padding:9px 4px}.team-monitor-stat-val{font-size:22px;font-weight:800;color:var(--text);letter-spacing:-.02em}.team-monitor-stat-label{font-size:10px;color:var(--tm);text-transform:uppercase;letter-spacing:.07em;font-weight:700;margin-top:3px}.team-monitor-actions{margin-top:12px;display:flex;justify-content:flex-end}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.analytics-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;box-shadow:var(--shadow)}.chip-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;border:1px solid var(--gold-mid);background:var(--gold-soft);color:var(--gold);font-size:11.5px;font-weight:700;cursor:pointer;transition:all .12s;font-family:Inter,sans-serif}.chip-toggle:hover{border-color:var(--gold)}.chip-toggle.active{background:var(--gold-mid);color:#6b4f1a;border-color:var(--gold-mid)}.conv-needs-assign-note{font-size:10.5px;color:var(--gold);font-weight:600;margin-top:3px}@media(max-width:1024px){.toolbar{padding:10px 20px}.inbox-layout{flex-direction:column;position:relative}.inbox-list{width:100%;border-right:none;flex:1;overflow-y:auto}.inbox-thread,.inbox-layout.conv-open .inbox-list{display:none}.inbox-layout.conv-open .inbox-thread{display:flex;flex-direction:column;flex:1;min-height:0}.inbox-back-btn{display:flex!important}.thread-info-desktop,.thread-meta-desktop{display:none}.page-body{padding:16px 20px 80px}.result-count{padding:8px 20px}.stats-row{padding:12px 20px}}@media(max-width:640px){.page-header{padding:14px 14px 0;min-height:0}.page-title{font-size:20px}.page-sub{font-size:13px}.toolbar{padding:8px 14px;flex-wrap:nowrap;overflow-x:auto;gap:6px;-webkit-overflow-scrolling:touch}.toolbar::-webkit-scrollbar{display:none}.search-wrap{flex:0 0 180px;min-width:0}.fsel{flex-shrink:0;min-width:0;padding:7px 10px;font-size:12px}.page-body{padding:12px 14px 80px}.result-count{padding:6px 14px}.stats-row{padding:10px 14px;gap:8px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.stats-row::-webkit-scrollbar{display:none}.stat-card{min-width:90px;flex:0 0 auto}.stat-val{font-size:30px}.frow{grid-template-columns:1fr}.modal{width:96vw!important;margin:0 auto}.drawer{width:100vw;max-width:100vw}.messages-area{padding:12px}.compose-area{padding:10px 12px}.thread-header{padding:10px 12px;gap:8px}.thread-name{font-size:15px}.thread-info{font-size:12px}.thread-assignee-select{max-width:84px;font-size:11px!important;padding:5px 6px!important}.conv-item{padding:11px 12px}.conv-avatar{width:32px;height:32px}.member-stat-chip{min-width:56px;padding:5px 8px}.member-stat-chip .msv{font-size:17px}.mc-canvas{padding:14px 14px 60px}}@media(max-width:768px){.frame-content,.frame-content.collapsed{margin-left:0}.app-sidebar{width:240px;transform:translate(-100%);box-shadow:var(--shadow-lg)}.app-sidebar.collapsed{width:240px}.app-sidebar.mobile-open{transform:translate(0)}.sidebar-hamburger{display:flex;align-items:center;justify-content:center;position:fixed;top:12px;left:12px;z-index:401;width:40px;height:40px;border-radius:50%;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);box-shadow:var(--shadow-md);color:var(--text);font-size:16px;cursor:pointer}.sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:399;background:#080e1873}}.mc-canvas{max-width:1180px;margin:0 auto;padding:28px 28px 60px;display:flex;flex-direction:column;gap:20px}.mc-zone{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 22px;box-shadow:var(--shadow)}.mc-zone-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.mc-zone-title{font-size:18px;font-weight:800;color:var(--text);letter-spacing:-.01em}.mc-zone-link{font-size:12.5px;font-weight:700;color:var(--primary);text-decoration:none;white-space:nowrap}.mc-zone-link:hover{text-decoration:underline}.cmd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#080e1873;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh}.cmd-panel{width:560px;max-width:92vw;max-height:60vh;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}.cmd-input{border:none;outline:none;padding:18px 20px;font-size:16px;font-family:Inter,sans-serif;font-weight:500;color:var(--text);border-bottom:1px solid var(--border2);background:var(--surface)}.cmd-input::placeholder{color:var(--td)}.cmd-list{overflow-y:auto;padding:6px}.cmd-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:var(--radius);cursor:pointer;font-size:13.5px;font-weight:600;color:var(--text)}.cmd-item.active{background:var(--primary-soft);color:var(--primary)}.settings-tabs{display:inline-flex;gap:2px;padding:4px;background:var(--surface2);border-radius:999px;margin-bottom:20px}.settings-tab{padding:8px 18px;border-radius:999px;border:none;background:none;font-size:13px;font-weight:700;color:var(--tm);cursor:pointer;transition:all .12s;font-family:Inter,sans-serif}.settings-tab:hover{color:var(--text)}.settings-tab.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow)}.badge-status-active{background:var(--green-soft);color:#1e8449}.badge-status-inactive{background:var(--surface2);color:var(--td)}