*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg0: #0d1318;--bg: #111b21;--bg2: #1a262d;--bg3: #222f36;--bg4: #182229;--bg-elevated: #2a3942;--sent: #005c4b;--recv: #1a262d;--text: #e9edef;--text2: #8696a0;--text3: #4a5c66;--green: #00a884;--green2: #25d366;--unread-bg: #00a884;--border: rgba(255,255,255,.08);--border-strong: rgba(255,255,255,.13);--border-subtle: rgba(255,255,255,.05);--hover: rgba(255,255,255,.05);--active: rgba(255,255,255,.08);--shadow: rgba(0,0,0,.5);--shadow-lg: rgba(0,0,0,.65);--tc-active: #00a884;--tc-busy: #e07a3e;--tc-sleeping: #8696a0;--tc-mine: #25d366;--tc-support: #3b82f6;--tc-potential: #8b5cf6;--fs-xs: 11px;--fs-sm: 12px;--fs-md: 13px;--fs-base: 15px;--fs-lg: 17px;--fs-xl: 20px;--fs-h: 24px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--radius-sm: 6px;--radius: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--tx-fast: .12s ease;--tx: .18s ease;--tx-slow: .28s ease;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}html,body{height:100%;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px;overflow:hidden}@keyframes orb-drift1{0%{transform:translate(0) scale(1)}to{transform:translate(32px,22px) scale(1.08)}}@keyframes orb-drift2{0%{transform:translate(0) scale(1)}to{transform:translate(-24px,-18px) scale(1.1)}}#login-screen{position:fixed;top:var(--safe-top);left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:var(--bg0);z-index:1000;overflow:hidden}#login-screen:before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(37,211,102,.09) 0%,transparent 70%);top:-160px;left:-120px;pointer-events:none;animation:orb-drift1 10s ease-in-out infinite alternate}#login-screen:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.07) 0%,transparent 70%);bottom:-140px;right:-60px;pointer-events:none;animation:orb-drift2 12s ease-in-out infinite alternate}.login-card{position:relative;z-index:1;background:#111b21e6;border:1px solid var(--border-strong);border-radius:var(--radius-xl);padding:var(--sp-6) 36px;width:340px;max-width:92vw;box-shadow:0 40px 90px #0009,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.login-logo{text-align:center;margin-bottom:var(--sp-6)}.login-logo svg{width:64px;height:64px}.login-logo h1{font-size:var(--fs-xl);font-weight:600;color:var(--text);margin-top:var(--sp-2)}.login-logo p{font-size:var(--fs-sm);color:var(--text2);margin-top:var(--sp-1)}.login-field{margin-bottom:var(--sp-4)}.login-field label{display:block;font-size:var(--fs-xs);color:var(--text2);margin-bottom:var(--sp-2);text-transform:uppercase;letter-spacing:.6px;font-weight:600}.login-field input{width:100%;padding:var(--sp-3) var(--sp-4);background:var(--bg3);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text);font-size:var(--fs-base);outline:none;transition:border-color var(--tx),box-shadow var(--tx);box-sizing:border-box}.login-field input:focus{border-color:var(--green);box-shadow:0 0 0 3px #00a8841a}.login-btn{width:100%;padding:13px;background:var(--green2);border:none;border-radius:var(--radius-md);color:#111b21;font-size:var(--fs-lg);font-weight:600;cursor:pointer;margin-top:var(--sp-1);box-shadow:0 4px 16px #25d3664d;transition:opacity var(--tx-fast),transform var(--tx-fast),box-shadow var(--tx-fast);font-family:inherit}.login-btn:hover{opacity:.92;box-shadow:0 6px 22px #25d36673;transform:translateY(-1px)}.login-btn:active{opacity:.82;transform:translateY(0);box-shadow:none}.login-error{color:#f15c6d;font-size:var(--fs-sm);margin-top:var(--sp-2);text-align:center;min-height:20px}#app{display:flex;height:calc(100vh - var(--safe-top));height:calc(100dvh - var(--safe-top));margin-top:var(--safe-top);flex-direction:column}#app-nav{display:flex;align-items:stretch;flex-shrink:0;background:var(--bg4);border-bottom:1px solid var(--border-subtle);height:46px}.app-nav-btn{padding:0 var(--sp-6);font-size:var(--fs-md);font-weight:500;background:none;border:none;cursor:pointer;color:var(--text2);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--tx),border-color var(--tx);font-family:inherit;white-space:nowrap}.app-nav-btn:hover{color:var(--text)}.app-nav-btn.sel{color:var(--green);border-bottom-color:var(--green);text-shadow:0 0 12px rgba(0,168,132,.35)}.app-view{flex:1;display:flex;overflow:hidden;min-height:0;position:relative}.app-view[style*="display:none"],.app-view[style*="display: none"]{display:none!important}#view-companies{flex-direction:column;background:var(--bg)}.co-search-bar{padding:var(--sp-2) var(--sp-4);background:var(--bg2);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.co-search-bar input{width:100%;padding:var(--sp-2) var(--sp-4) var(--sp-2) 38px;background:var(--bg3);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text);font-size:var(--fs-md);outline:none;transition:border-color var(--tx)}.co-search-bar input:focus{border-color:#00a88459}#co-list{flex:1;overflow-y:auto}#co-list::-webkit-scrollbar{width:4px}#co-list::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:2px}.co-item{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--border-subtle);cursor:default;transition:background var(--tx-fast)}.co-item:hover{background:var(--hover)}.co-item-main{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.co-name{font-size:var(--fs-md);color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-meta{font-size:11.5px;color:var(--text3);white-space:nowrap;flex-shrink:0}.co-item-sub{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:0}.co-phone{font-size:12px;color:var(--text2);display:flex;align-items:center;gap:3px}.co-phone i{color:var(--text3)}.co-linked-badge{display:flex;align-items:center;gap:4px;font-size:11.5px;color:var(--green2);background:#25d3661a;border-radius:10px;padding:1px 7px 1px 5px}.co-linked-badge i{font-size:13px}.co-date{font-size:11.5px;color:var(--text2);display:flex;align-items:center;gap:3px}.co-date i{color:var(--text3)}.co-plan-row{margin-top:2px}.co-plan-badge{display:inline-block;font-size:11px;font-weight:500;border-radius:10px;padding:1px 8px;white-space:nowrap}.plan-none{background:#8696a01f;color:var(--text3);border:1px solid rgba(134,150,160,.2)}.plan-start{background:#8696a038;color:#b0c0c8;border:1px solid rgba(134,150,160,.35)}.plan-plus{background:#3b82f62e;color:#7ab8fc;border:1px solid rgba(59,130,246,.35)}.plan-pro{background:#00a8842e;color:#25d36a;border:1px solid rgba(0,168,132,.4)}.plan-premium{background:#a855f72e;color:#c084fc;border:1px solid rgba(168,85,247,.4)}.plan-extra{background:#f973162e;color:#fb923c;border:1px solid rgba(249,115,22,.35)}.plan-kaspi{background:#f0a50029;color:#f5b800;border:1px solid rgba(240,165,0,.35)}.co-count{font-size:12px;color:var(--text2);padding:8px 16px}.chat-list-limit-hint{font-size:11.5px;color:var(--text3);text-align:center;padding:10px 16px 16px}#view-payments{flex-direction:column;background:var(--bg)}.pay-header{padding:var(--sp-2) var(--sp-4);background:var(--bg2);border-bottom:1px solid var(--border-subtle);flex-shrink:0;display:flex;align-items:center;gap:var(--sp-3)}.pay-title{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.pay-month{font-size:15px;font-weight:600;color:var(--text);text-transform:capitalize}.pay-stats{font-size:13px;color:var(--text2)}#pay-list{flex:1;overflow-y:auto}#pay-list::-webkit-scrollbar{width:4px}#pay-list::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:2px}.pay-empty{padding:40px;text-align:center;color:var(--text2);font-size:var(--fs-md)}.pay-item{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-subtle);transition:background var(--tx-fast)}.pay-item:hover{background:var(--hover)}.pay-item-top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.pay-company{font-size:var(--fs-md);font-weight:500;color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pay-amount{font-size:var(--fs-base);font-weight:600;color:var(--green2);white-space:nowrap;flex-shrink:0;text-shadow:0 0 10px rgba(37,211,102,.3)}.pay-item-sub{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pay-id{font-size:12px;color:var(--text3)}.pay-months{font-size:12px;color:var(--text2)}.pay-date{font-size:12px;color:var(--text2);margin-left:auto}#view-receipts{flex-direction:column;background:var(--bg)}.rec-header{padding:var(--sp-2) var(--sp-4);background:var(--bg2);border-bottom:1px solid var(--border-subtle);flex-shrink:0;display:flex;align-items:center;gap:var(--sp-3)}.rec-title{display:flex;align-items:center;gap:10px;flex:1;flex-wrap:wrap}.rec-title>i{font-size:18px;color:#e53e3e}.rec-title>span:first-of-type{font-size:15px;font-weight:600;color:var(--text)}.rec-stats{font-size:13px;color:var(--text2)}.rec-filter{flex-shrink:0}.rec-select{background:var(--bg3);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-size:var(--fs-sm);cursor:pointer}#rec-list{flex:1;overflow-y:auto}#rec-list::-webkit-scrollbar{width:4px}#rec-list::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:2px}.rec-empty{padding:40px;text-align:center;color:var(--text2);font-size:var(--fs-md)}.rec-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-subtle);transition:background var(--tx-fast)}.rec-item:hover{background:var(--hover)}.rec-item-icon{font-size:22px;color:#e53e3e;flex-shrink:0}.rec-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-1)}.rec-item-top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.rec-amount{font-size:var(--fs-base);font-weight:600;color:var(--green2);white-space:nowrap}.rec-bill{font-size:var(--fs-sm);color:var(--text2)}.rec-item-sub{display:flex;align-items:center;gap:8px}.rec-channel{font-size:12px;color:var(--text3);background:var(--bg3);padding:1px 6px;border-radius:4px}.rec-date{font-size:12px;color:var(--text2);margin-left:auto}#view-sales{flex-direction:column;background:var(--bg);overflow:hidden;min-height:0}.sales-header{padding:var(--sp-2) var(--sp-4);background:var(--bg2);border-bottom:1px solid var(--border-subtle);flex-shrink:0;display:flex;align-items:center;gap:var(--sp-3)}.sales-title{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.sales-month{font-size:15px;font-weight:600;color:var(--text);text-transform:capitalize}.sales-stats{font-size:13px;color:var(--text2)}#sales-list{flex:1;overflow-y:auto;padding:var(--sp-3) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}#sales-list::-webkit-scrollbar{width:4px}#sales-list::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:2px}.sales-empty{padding:40px;text-align:center;color:var(--text2);font-size:var(--fs-md)}.sales-manager-card{background:var(--bg2);border-radius:var(--radius-md);border:1px solid var(--border-subtle);overflow:hidden;flex-shrink:0}.sales-mgr-header{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);cursor:pointer;transition:background var(--tx-fast)}.sales-mgr-header:hover{background:var(--hover)}.sales-mgr-avatar{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff}.sales-mgr-info{flex:1;min-width:0}.sales-mgr-name{font-size:var(--fs-md);font-weight:600;color:var(--text)}.sales-mgr-sub{font-size:var(--fs-sm);color:var(--text2)}.sales-mgr-total{font-size:15px;font-weight:700;color:var(--green2);white-space:nowrap;flex-shrink:0;text-shadow:0 0 10px rgba(37,211,102,.3)}.sales-mgr-chevron{font-size:18px;color:var(--text3);transition:transform .2s;flex-shrink:0}.sales-mgr-chevron.open{transform:rotate(180deg)}.sales-mgr-payments{border-top:1px solid var(--border-subtle)}.sales-pay-item{display:flex;flex-direction:column;gap:2px;padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--border-subtle);transition:background var(--tx-fast)}.sales-pay-item:last-child{border-bottom:none}.sales-pay-item:hover{background:var(--hover)}.sales-pay-top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.sales-pay-company{font-size:var(--fs-md);color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sales-pay-amount{font-size:var(--fs-sm);font-weight:600;color:var(--green);white-space:nowrap;flex-shrink:0}.sales-pay-share{font-size:10px;color:var(--text3);margin-left:4px;font-weight:400}.sales-pay-sub{display:flex;align-items:center;gap:8px}.sales-pay-id{font-size:12px;color:var(--text3)}.sales-pay-months{font-size:12px;color:var(--text2)}.sales-pay-date{font-size:12px;color:var(--text2);margin-left:auto}.sales-card-unassigned{opacity:.75}.sales-mgr-avatar-grey{background:var(--bg3)!important;color:var(--text3);font-size:18px}.sales-total-grey{color:var(--text2);text-shadow:none}#view-commission{flex-direction:column;background:var(--bg)}.comm-header{padding:var(--sp-3) var(--sp-4);background:var(--bg2);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.comm-title{font-size:15px;font-weight:600;color:var(--text)}.comm-sub{font-size:12px;color:var(--text3);margin-top:2px}.comm-table{flex:1;overflow-y:auto}.comm-table::-webkit-scrollbar{width:4px}.comm-table::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:2px}.comm-thead{display:grid;grid-template-columns:48px 130px 1fr 160px;padding:8px 16px;background:var(--bg2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1}.comm-th{font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.6px}.comm-row{display:grid;grid-template-columns:48px 130px 1fr 160px;padding:14px 16px;align-items:center;border-bottom:1px solid var(--border-subtle);transition:background var(--tx-fast)}.comm-row:hover{background:var(--hover)}.comm-td{font-size:var(--fs-sm);color:var(--text)}.comm-lvl{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--bg3);border:1px solid var(--border);font-size:11px;font-weight:700;color:var(--text2);letter-spacing:-.2px}.comm-cat{display:inline-block;font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px;white-space:nowrap}.cat-onboarding{background:#00a88426;color:#25d36a;border:1px solid rgba(0,168,132,.3)}.cat-retention{background:#1f9cfe26;color:#7ab8fc;border:1px solid rgba(31,156,254,.3)}.cat-upsell{background:#8a5af726;color:#c084fc;border:1px solid rgba(138,90,247,.3)}.cat-reactivation{background:#f57d0026;color:#fb923c;border:1px solid rgba(245,125,0,.3)}.cat-comeback{background:#00bcd426;color:#67e8f9;border:1px solid rgba(0,188,212,.3)}.cat-upgrade{background:#f7b90026;color:#fbbf24;border:1px solid rgba(247,185,0,.3)}.cat-cold{background:#f0706a26;color:#f87171;border:1px solid rgba(240,112,106,.3)}.comm-td-task{font-size:13px;color:var(--text);line-height:1.45;padding-right:16px}.comm-fee{font-size:13px;font-weight:600;white-space:nowrap}.fee-pct{color:var(--green2)}.fee-high{color:#fbbf24}.fee-low{color:var(--text2)}.fee-fix{color:#c084fc}@media (max-width: 640px){.comm-thead{display:none}.comm-row{grid-template-columns:40px 1fr;grid-template-rows:auto auto;gap:4px 10px;padding:12px}.comm-td:nth-child(2){grid-column:2;grid-row:1}.comm-td-task{grid-column:2;grid-row:2;color:var(--text2)}.comm-td-fee{grid-column:1 / -1;padding-top:4px;border-top:1px solid var(--border-subtle);margin-top:4px}.comm-lvl{width:26px;height:26px;font-size:10px}}#sidebar{width:380px;min-width:220px;max-width:600px;display:flex;flex-direction:column;background:var(--bg);flex-shrink:0;position:relative}#sidebar-resize{width:4px;flex-shrink:0;cursor:col-resize;background:var(--border-subtle);transition:background var(--tx);position:relative;z-index:10}#sidebar-resize:hover,#sidebar-resize.dragging{background:var(--green)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2) var(--sp-4);background:var(--bg2);border-bottom:1px solid var(--border-subtle);min-height:58px;flex-shrink:0}.sidebar-header-left{display:flex;align-items:center;gap:10px}.my-avatar{width:38px;height:38px;border-radius:50%;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:var(--fs-md);font-weight:700;color:var(--text);flex-shrink:0;cursor:pointer;box-shadow:0 0 0 2px var(--bg2),0 0 0 3.5px #ffffff1a;transition:box-shadow var(--tx)}.my-avatar:hover{box-shadow:0 0 0 2px var(--bg2),0 0 0 3.5px var(--green)}.sidebar-title{font-size:var(--fs-base);font-weight:600;color:var(--text);letter-spacing:-.2px}.sidebar-actions{display:flex;gap:var(--sp-1)}.icon-btn{background:none;border:1px solid transparent;cursor:pointer;color:var(--text2);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background var(--tx),color var(--tx),border-color var(--tx)}.icon-btn:hover{background:var(--hover);color:var(--text);border-color:var(--border-subtle)}#tab-bar-wrap{position:relative;display:flex;align-items:stretch;background:var(--bg2);border-bottom:1px solid var(--border-subtle);flex-shrink:0}#tab-search-btn{width:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:none;border-right:1px solid var(--border-subtle);cursor:pointer;color:var(--text2);transition:color var(--tx),background var(--tx)}#tab-search-btn:hover{color:var(--text);background:var(--hover)}#tab-search-btn.active{color:var(--green)}#tab-search-overlay{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--bg2);align-items:center;gap:6px;padding:0 var(--sp-2)}#tab-search-overlay.open{display:flex}#tab-search-close{background:none;border:none;cursor:pointer;color:var(--text2);padding:6px;display:flex;align-items:center;flex-shrink:0;transition:color var(--tx)}#tab-search-close:hover{color:var(--text)}#search-input{flex:1;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:var(--fs-md);padding:var(--sp-2) var(--sp-3);outline:none;font-family:inherit;min-width:0;transition:border-color var(--tx)}#search-input:focus{border-color:#00a88466}#search-input::placeholder{color:var(--text2)}#tab-search-clear{background:none;border:none;cursor:pointer;color:var(--text3);padding:6px;display:flex;align-items:center;flex-shrink:0;transition:color var(--tx)}#tab-search-clear:hover{color:var(--text)}.tab-bar{display:flex;overflow-x:auto;flex:1}.tab-bar::-webkit-scrollbar{height:0}.tab-btn{display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);cursor:pointer;border:none;background:none;color:var(--text2);font-size:var(--fs-sm);white-space:nowrap;flex-shrink:0;border-bottom:2px solid transparent;transition:color var(--tx),border-color var(--tx),background var(--tx);border-radius:var(--radius-sm) var(--radius-sm) 0 0;margin:3px 1px 0}.tab-btn:hover{color:var(--text);background:var(--hover)}.tab-btn[data-tab=active]{--tc: var(--tc-active)}.tab-btn[data-tab=mine]{--tc: var(--tc-mine)}.tab-btn[data-tab=busy]{--tc: var(--tc-busy)}.tab-btn[data-tab=sleeping]{--tc: var(--tc-sleeping)}.tab-btn[data-tab=support]{--tc: var(--tc-support)}.tab-btn[data-tab=potential]{--tc: var(--tc-potential)}.tab-btn.sel{color:var(--tc);border-bottom-color:var(--tc);font-weight:600;background:color-mix(in srgb,var(--tc) 10%,transparent)}.tab-count{min-width:18px;height:18px;border-radius:9px;font-size:var(--fs-xs);font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;background:#ffffff12;color:var(--text2);transition:background var(--tx),color var(--tx),box-shadow var(--tx)}.tab-btn.sel .tab-count{background:var(--tc);color:#fff;box-shadow:0 2px 6px color-mix(in srgb,var(--tc) 45%,transparent)}.search-bar{padding:var(--sp-2) var(--sp-3);background:var(--bg);flex-shrink:0}.search-wrap{position:relative}.search-wrap input{width:100%;padding:var(--sp-2) var(--sp-3) var(--sp-2) 36px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:var(--fs-md);outline:none;transition:border-color var(--tx)}.search-wrap input:focus{border-color:#00a88466}.search-wrap input::placeholder{color:var(--text2)}.search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text2);pointer-events:none}.conn-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background var(--tx),box-shadow var(--tx)}.conn-dot.on{background:var(--green2);box-shadow:0 0 0 3px #25d3662e}.conn-dot.off{background:#f15c6d;box-shadow:0 0 0 3px #f15c6d2e}.conn-dot.mock{background:#f0a500;box-shadow:0 0 0 3px #f0a5002e}#chat-list{overflow-y:auto;flex:1}#chat-list::-webkit-scrollbar{width:4px}#chat-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.chat-item{display:flex;align-items:center;padding:var(--sp-2) var(--sp-4);cursor:pointer;transition:background var(--tx-fast);gap:var(--sp-3);border-bottom:1px solid var(--border-subtle);border-left:3px solid transparent;position:relative}.chat-item:hover{background:var(--hover)}.chat-item.active{background:#00a8840f;border-left-color:var(--green)}.chat-avatar{width:4px;height:60px;border-radius:2px;background:var(--bg3)}.status-dot{position:absolute;bottom:-1px;right:-1px;width:11px;height:11px;border-radius:50%;border:2px solid var(--bg)}.chat-avatar--locked{opacity:.5}.chat-avatar--locked i{display:none}.chat-avatar+.status-dot{display:none}.chat-info{flex:1;min-width:0}.chat-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.chat-name{font-size:var(--fs-base);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.chat-time{font-size:var(--fs-xs);color:var(--text3);flex-shrink:0}.chat-time.unread{color:var(--green);font-weight:600}.chat-phone-number{display:flex;align-items:center;gap:3px;font-size:var(--fs-xs);color:var(--green);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;opacity:.85}.chat-phone-number i{font-size:11px;flex-shrink:0}.chat-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:3px;gap:8px}.chat-preview{font-size:var(--fs-md);color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.unread-badge{min-width:22px;height:22px;border-radius:11px;background:var(--green);color:#fff;font-size:var(--fs-xs);font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 6px;flex-shrink:0;box-shadow:0 2px 8px #00a88466}.assigned-chip{font-size:var(--fs-xs);color:var(--tc-busy);background:#e07a3e1f;border:1px solid rgba(224,122,62,.25);padding:2px 7px;border-radius:10px;white-space:nowrap;flex-shrink:0}.take-next-card{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);cursor:pointer;transition:background var(--tx-fast);border-bottom:1px solid var(--border-subtle);border-left:3px solid var(--tc-active);background:#00a88412}.take-next-card:hover{background:#00a8841f}.take-next-card:active{background:#00a88429}.take-next-card.busy{cursor:default}.take-next-card.disabled{cursor:default;opacity:.5;border-left-color:transparent;background:transparent}.take-next-card.disabled:hover{background:transparent}.take-next-bar{width:4px;height:44px;border-radius:2px;background:var(--tc-active);flex-shrink:0}.take-next-card.disabled .take-next-bar{background:var(--text3)}.take-next-info{flex:1;min-width:0}.take-next-title{font-size:var(--fs-base);font-weight:600;color:var(--text)}.take-next-sub{font-size:var(--fs-md);color:var(--text2);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.take-next-card.disabled .take-next-title{color:var(--text2)}.take-next-card.disabled .take-next-sub{color:var(--text3)}.take-next-badge{min-width:22px;height:22px;border-radius:11px;background:var(--tc-active);color:#fff;font-size:var(--fs-xs);font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 6px;flex-shrink:0}.take-next-spin{font-size:18px;color:var(--tc-active);flex-shrink:0;animation:spin 1s linear infinite}#main{flex:1;display:flex;flex-direction:row;background:var(--bg);position:relative;overflow:hidden}#main-left{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}#empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text2);gap:16px}#empty-state svg{opacity:.15}#empty-state h2{font-size:28px;font-weight:300;color:var(--text)}#empty-state p{font-size:14px;max-width:340px;text-align:center;line-height:1.6}#chat-view{display:none;flex:1;flex-direction:column;overflow:hidden}#chat-view.open{display:flex}.chat-header{display:flex;align-items:center;padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-4);background:var(--bg2);border-bottom:1px solid var(--border-subtle);min-height:60px;gap:var(--sp-2);flex-shrink:0}.chat-header .back-btn{display:none}.avatar-wrap{position:relative;flex-shrink:0}.chat-header-info{flex:1;cursor:pointer;min-width:0;padding:0 var(--sp-1)}.chat-header-info h3{font-size:var(--fs-base);font-weight:600;color:var(--text);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header-info span{font-size:var(--fs-xs);color:var(--text2);display:block;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header-actions{display:flex;gap:var(--sp-1);flex-shrink:0;align-items:center;padding-right:var(--sp-2)}.status-action-bar{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);background:var(--bg2);border-bottom:1px solid var(--border);flex-shrink:0;overflow-x:auto}.status-action-bar::-webkit-scrollbar{height:0}.sab-btn{border:none;cursor:pointer;border-radius:var(--radius);padding:6px var(--sp-3);font-size:var(--fs-sm);font-weight:500;white-space:nowrap;flex-shrink:0;font-family:inherit;transition:opacity var(--tx-fast),transform var(--tx-fast)}.sab-btn:hover{opacity:.82;transform:translateY(-1px)}.sab-btn:active{opacity:.7;transform:translateY(0)}.sab-take{background:var(--green2);color:#111b21;font-weight:600}.sab-sleep{background:#8696a01a;color:var(--text2);border:1px solid rgba(134,150,160,.22);opacity:.85}.sab-release{background:#f15c6d1a;color:#f08090;border:1px solid rgba(241,92,109,.22);opacity:.85}.sab-active{background:#00a88426;color:var(--green);border:1px solid rgba(0,168,132,.3);font-weight:600}.sab-pending-warn{font-size:var(--fs-xs);color:#f0a500;background:#f0a5001a;border:1px solid rgba(240,165,0,.22);padding:4px var(--sp-2);border-radius:var(--radius)}.sab-owner-label{font-size:var(--fs-md);color:var(--text2)}.sab-owner-label b{color:var(--tc-busy);font-weight:600}.sab-divider{width:1px;height:20px;background:var(--border);flex-shrink:0;margin:0 var(--sp-1)}.complete-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--sp-4)}.complete-modal{background:#16222af0;border:1px solid var(--border-strong);border-radius:var(--radius-xl);padding:var(--sp-6);width:100%;max-width:440px;box-shadow:0 32px 80px #000000a6,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);display:flex;flex-direction:column;gap:var(--sp-4)}.complete-modal-title{font-size:16px;font-weight:600;color:var(--text)}.complete-modal-msg{background:var(--bg3);border-radius:8px;padding:10px 13px;border-left:3px solid var(--green)}.complete-modal-msg-label{font-size:11px;color:var(--text2);margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.complete-modal-msg-body{font-size:13.5px;color:var(--text);line-height:1.4;white-space:pre-wrap;word-break:break-word;max-height:80px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.complete-modal-msg-time{font-size:11px;color:var(--text2);margin-top:5px}.complete-modal-reasons{display:flex;flex-direction:column;gap:10px}.complete-reason-option{display:flex;align-items:center;gap:10px;padding:10px 13px;border-radius:8px;cursor:pointer;background:var(--bg3);font-size:13.5px;color:var(--text);transition:background .15s;-webkit-user-select:none;user-select:none}.complete-reason-option.active{background:#00a88424;border:1px solid rgba(0,168,132,.45);box-shadow:0 0 0 3px #00a88414}.complete-reason-option:not(.active){border:1px solid var(--border-subtle)}.complete-reason-radio{width:16px;height:16px;border-radius:50%;flex-shrink:0;border:2px solid var(--text2);transition:border-color .15s,background .15s}.complete-reason-radio.checked{border-color:var(--green);background:var(--green)}.complete-modal-comment{width:100%;box-sizing:border-box;background:var(--bg3);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;font-family:inherit;padding:9px 12px;resize:vertical;outline:none;transition:border-color .15s}.complete-modal-comment:focus{border-color:var(--green)}.complete-modal-actions{display:flex;gap:10px}.complete-modal-actions .sab-btn{flex:1;padding:10px;font-size:13px}.complete-modal-notice{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;margin-bottom:10px;background:#63b3ed1a;border:1px solid rgba(99,179,237,.3);border-radius:8px;font-size:13px;color:var(--text);line-height:1.4}.complete-modal-notice>i{font-size:16px;color:#63b3ed;flex-shrink:0;margin-top:1px}.complete-modal-blocked{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f15c6d1a;border:1px solid rgba(241,92,109,.3);border-radius:8px}.complete-modal-blocked-icon{font-size:22px;color:#f15c6d;flex-shrink:0}.complete-modal-blocked-text{font-size:13.5px;color:var(--text);line-height:1.4}.messages-area{flex:1;overflow-y:auto;padding:var(--sp-3) 10% var(--sp-3);background:var(--bg)}.messages-area::-webkit-scrollbar{width:4px}.messages-area::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:2px}.date-sep{text-align:center;margin:var(--sp-4) 0}.date-sep span{background:#00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text2);font-size:var(--fs-xs);padding:4px var(--sp-3);border-radius:10px;border:1px solid var(--border-subtle);display:inline-block;letter-spacing:.2px}.payment-bubble-wrap{display:flex;justify-content:center;margin:10px 16px}.payment-bubble{background:linear-gradient(135deg,#00a8841a,#00a8840d);border:1px solid rgba(0,168,132,.28);border-radius:14px;padding:12px 20px;text-align:center;min-width:200px;max-width:280px}.pb-header{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--green);margin-bottom:9px}.pb-header i{font-size:15px}.pb-divider{height:1px;background:#00a88433;margin-bottom:9px}.pb-company{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text2);margin-bottom:8px}.pb-company i{font-size:13px;color:var(--text3)}.pb-company-id{color:var(--text3);font-size:11px}.pb-plan-row{display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:6px}.pb-duration{font-size:12px;color:var(--text2)}.pb-amount{font-size:20px;font-weight:700;color:var(--text);letter-spacing:-.3px;margin-bottom:5px}.pb-date{font-size:11px;color:var(--text3)}.pb-id{font-size:10.5px;color:var(--text3);opacity:.6;margin-top:3px}.msg-wrap{display:flex;margin-bottom:2px;align-items:flex-end}.msg-wrap.gap{margin-bottom:var(--sp-2)}.msg-wrap.out{justify-content:flex-end}.msg-wrap.in{justify-content:flex-start}.msg-wrap.in .bubble{order:1}.msg-wrap.in .reply-msg-btn{order:2}.reply-msg-btn{opacity:0;background:none;border:none;cursor:pointer;width:30px;height:30px;border-radius:50%;flex-shrink:0;color:var(--text2);display:flex;align-items:center;justify-content:center;transition:opacity .15s,background .15s;margin:0 2px}.msg-wrap:hover .reply-msg-btn{opacity:1}.reply-msg-btn:hover{background:var(--hover);color:var(--text)}#reply-bar{display:none;align-items:center;gap:10px;padding:7px 12px;background:var(--bg3);flex-shrink:0;border-top:1px solid var(--border);border-left:3px solid var(--green)}#reply-bar.open{display:flex}.reply-bar-body{flex:1;min-width:0}.reply-bar-name{font-size:11px;font-weight:700;color:var(--green)}.reply-bar-text{font-size:12.5px;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-bar-cancel{background:none;border:none;cursor:pointer;color:var(--text2);font-size:20px;padding:2px 4px;transition:color .15s;flex-shrink:0}.reply-bar-cancel:hover{color:var(--text)}.bubble-quote{border-left:3px solid var(--green);border-radius:var(--radius-sm);padding:var(--sp-1) var(--sp-2);margin-bottom:var(--sp-2);background:#0000002e}.bubble-quote-name{font-size:var(--fs-xs);font-weight:700;color:var(--green);margin-bottom:2px}.bubble-quote-text{font-size:var(--fs-sm);color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}#load-more-btn{display:none;width:100%;padding:9px;background:var(--bg2);border:none;color:var(--text2);font-size:13px;cursor:pointer;transition:color .15s;border-bottom:1px solid var(--border);flex-shrink:0}#load-more-btn:hover{color:var(--text);background:var(--hover)}#load-more-btn.visible{display:block}#templates-picker{display:none;flex-direction:column;background:var(--bg2);border-top:1px solid var(--border);max-height:240px;overflow-y:auto;flex-shrink:0}#templates-picker.open{display:flex}#templates-picker::-webkit-scrollbar{width:4px}#templates-picker::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:2px}.tmpl-item{display:flex;align-items:center;gap:8px;padding:9px 12px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .1s}.tmpl-item:hover{background:var(--hover)}.tmpl-item-text{flex:1;font-size:13.5px;color:var(--text);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tmpl-item-del{background:none;border:none;cursor:pointer;color:var(--text3);font-size:18px;padding:2px 5px;transition:color .15s;flex-shrink:0}.tmpl-item-del:hover{color:#f15c6d}.tmpl-empty{padding:20px 12px;color:var(--text2);font-size:13px;text-align:center}.tmpl-add-bar{display:flex;gap:8px;padding:8px 12px;position:sticky;bottom:0;background:var(--bg2);border-top:1px solid var(--border);flex-shrink:0}.tmpl-add-bar input{flex:1;padding:7px 10px;background:var(--bg3);border:1.5px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;outline:none;font-family:inherit}.tmpl-add-bar input:focus{border-color:var(--green)}.tmpl-add-btn{padding:7px 14px;background:var(--green);border:none;border-radius:8px;color:#111b21;font-size:13px;font-weight:600;cursor:pointer;flex-shrink:0;font-family:inherit}.tmpl-btn{background:none;border:none;cursor:pointer;color:var(--text2);padding:4px;transition:color .15s}.tmpl-btn:hover{color:var(--text)}.tmpl-btn.active{color:var(--green)}.bubble{max-width:65%;min-width:100px;padding:var(--sp-2) var(--sp-3) 22px;position:relative;line-height:1.55;word-break:break-word}.msg-wrap.out .bubble{background:var(--sent);border-radius:var(--radius-md) var(--radius-sm) var(--radius-md) var(--radius-md);box-shadow:0 1px 4px #0000004d,0 0 0 1px #ffffff08}.msg-wrap.in .bubble{background:var(--recv);border-radius:var(--radius-sm) var(--radius-md) var(--radius-md) var(--radius-md);box-shadow:0 1px 4px #00000040}.bubble-sender{display:flex;align-items:center;gap:5px;margin-bottom:5px}.bubble-sender-avatar{width:18px;height:18px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#111b21;letter-spacing:-.3px;background:var(--green);box-shadow:0 1px 3px #0006}.bubble-sender-name{font-size:var(--fs-xs);font-weight:600;letter-spacing:.1px;color:var(--green);text-shadow:0 1px 2px rgba(0,0,0,.3)}.bubble-text{font-size:var(--fs-base);color:var(--text);white-space:pre-wrap}.bubble-meta{position:absolute;bottom:5px;right:var(--sp-2);display:flex;align-items:center;gap:3px}.bubble-time{font-size:var(--fs-xs);color:var(--text3)}.msg-wrap.out .bubble-time{color:#e9edef8c}.tick-icon{color:#b4b4b4cc;font-size:13px}.tick-icon.read{color:#53bdeb}.receipt-card{margin:4px 0 8px;padding:10px 12px;background:#00a88412;border-left:3px solid var(--green);border-radius:0 var(--radius-md) var(--radius-md) 0}.receipt-amount{font-size:18px;font-weight:700;color:var(--text);margin-bottom:8px;letter-spacing:-.2px}.receipt-row{display:flex;align-items:flex-start;gap:5px;font-size:12px;color:var(--text2);margin-bottom:3px;line-height:1.4}.receipt-row i{font-size:13px;color:var(--text3);margin-top:1px;flex-shrink:0}.receipt-id{font-size:10.5px;color:var(--text3);margin-top:5px;opacity:.7}.audio-bubble{display:flex;align-items:center;gap:var(--sp-2);min-width:200px;padding-bottom:22px}.audio-play-btn{width:38px;height:38px;border-radius:50%;background:var(--green2);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#111b21;box-shadow:0 2px 8px #25d36659;transition:transform var(--tx-fast),box-shadow var(--tx-fast)}.audio-play-btn:hover{transform:scale(1.06);box-shadow:0 3px 12px #25d36680}.audio-waveform{flex:1;height:28px;display:flex;align-items:center;gap:2px}.audio-waveform-bar{width:3px;background:var(--text3);border-radius:2px;flex-shrink:0;transition:background var(--tx-fast)}.audio-waveform-bar.played{background:var(--green)}.msg-wrap.out .audio-waveform-bar{background:#e9edef59}.msg-wrap.out .audio-waveform-bar.played{background:#e9edefcc}.audio-dur{font-size:var(--fs-xs);color:var(--text2);flex-shrink:0}.transcription{font-size:var(--fs-sm);color:var(--text2);margin-top:var(--sp-2);font-style:italic;line-height:1.45;padding-top:var(--sp-2);border-top:1px solid rgba(255,255,255,.06)}.transcription:before{content:"📝 ";font-style:normal}.img-bubble{max-width:260px;cursor:zoom-in}.img-bubble img{width:100%;border-radius:6px;display:block}#lightbox{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000e0;align-items:center;justify-content:center}#lightbox.open{display:flex}#lightbox img{max-width:86vw;max-height:90vh;border-radius:8px;object-fit:contain;box-shadow:0 8px 40px #0009;cursor:default;-webkit-user-select:none;user-select:none;transition:opacity .15s}#lightbox-close{position:fixed;top:16px;right:20px;font-size:32px;line-height:1;color:#fff;cursor:pointer;opacity:.8;z-index:10000;background:none;border:none;padding:0}#lightbox-close:hover{opacity:1}.lb-arrow{position:fixed;top:50%;transform:translateY(-50%);background:#ffffff26;border:none;color:#fff;font-size:28px;width:48px;height:64px;border-radius:8px;cursor:pointer;z-index:10000;display:flex;align-items:center;justify-content:center;transition:background .15s}.lb-arrow:hover{background:#ffffff4d}#lb-prev{left:12px}#lb-next{right:12px}.lb-arrow.hidden{display:none}#lb-counter{position:fixed;bottom:18px;left:50%;transform:translate(-50%);color:#ffffffb3;font-size:13px;z-index:10000;pointer-events:none}.input-area{display:flex;align-items:center;background:var(--bg2);border-top:1px solid var(--border-subtle);flex-shrink:0;flex-wrap:wrap;padding:var(--sp-2);gap:0;row-gap:var(--sp-2)}.attach-btn,.tmpl-btn,.emoji-btn{display:none}.input-wrap{flex:1 1 100%;order:5;min-width:0;background:var(--bg3);border:1.5px solid transparent;border-radius:24px;display:flex;align-items:center;padding:var(--sp-2) 46px var(--sp-2) var(--sp-4);gap:var(--sp-2);position:relative;min-height:44px;transition:border-color var(--tx)}.input-wrap:focus-within{border-color:#00a88459;box-shadow:0 0 0 3px #00a88412}.msg-input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--text);font-size:var(--fs-base);resize:none;max-height:120px;line-height:1.5;font-family:inherit;padding:0;align-self:center}.msg-input::placeholder{color:var(--text3)}.ia-wrap-right{display:flex;align-items:center;gap:2px;flex-shrink:0;align-self:flex-end;padding-bottom:2px}.send-btn{display:flex;order:13;flex-shrink:0;margin-left:var(--sp-2);width:auto;height:44px;border-radius:22px;background:var(--green);color:#fff;padding:0 var(--sp-5);gap:var(--sp-2);font-size:var(--fs-base);font-weight:500;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 2px 10px #00a88459;transition:background var(--tx-fast),transform var(--tx-fast),box-shadow var(--tx-fast)}.send-btn:hover{background:#00b893;box-shadow:0 4px 16px #00a88480}.send-btn:active{transform:scale(.94);box-shadow:none}.send-btn-label{display:inline;font-size:var(--fs-base);font-weight:500}.ia-r2-spacer{display:block;flex:1;order:11}.emoji-btn{background:none;border:none;cursor:pointer;color:var(--text2);padding:4px;transition:color .15s}.emoji-btn:hover{color:var(--text)}.emoji-btn.active{color:var(--green)}.ia-expand-btn{display:flex;order:10;flex-shrink:0;width:44px;height:44px;border-radius:50%;border:none;background:var(--bg3);color:var(--text2);cursor:pointer;font-size:22px;align-items:center;justify-content:center;transition:background var(--tx-fast),color var(--tx-fast),box-shadow var(--tx-fast)}.ia-expand-btn:hover{background:var(--bg-elevated);color:var(--text)}.ia-expand-btn.open{background:#00a8842e;color:var(--green);box-shadow:0 0 0 3px #00a8841f}.ia-clear-btn{display:none;order:10;flex-shrink:0;margin-left:6px;width:44px;height:44px;border-radius:50%;background:#f15c6d1f;border:none;color:#f08090;align-items:center;justify-content:center;font-size:20px;cursor:pointer}#input-area.ia-has-text .ia-clear-btn{display:flex}.ia-voice-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;width:30px;height:30px;border-radius:50%;border:none;background:none;color:var(--text2);cursor:pointer;flex-shrink:0;font-size:18px;padding:0;align-items:center;justify-content:center;transition:background .15s,color .15s;-webkit-user-select:none;user-select:none;z-index:1}.ia-voice-btn.recording{background:#f44;color:#fff;animation:ia-pulse 1s infinite}@keyframes ia-pulse{0%,to{box-shadow:0 0 #f446}50%{box-shadow:0 0 0 8px #f440}}.ia-ai-btn{width:44px;height:44px;border-radius:50%;border:none;background:#00a88426;color:var(--green);cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 0 #00a8844d;transition:background var(--tx-fast),box-shadow var(--tx-fast)}.ia-ai-btn:hover{background:#00a88440;box-shadow:0 0 0 4px #00a8841f}.ia-ai-btn.loading{animation:ia-spin .8s linear infinite}.ia-ai-btn:disabled,.send-btn:disabled,.ia-expand-btn:disabled{opacity:.35;pointer-events:none}@keyframes ia-spin{to{transform:rotate(360deg)}}.ia-actions-sheet{display:none;position:fixed;left:0;right:0;z-index:200;background:var(--bg2);border-top:1px solid var(--border);border-radius:16px 16px 0 0;padding:16px 16px calc(16px + var(--safe-bottom));gap:0;flex-direction:row;justify-content:space-around;box-shadow:0 -4px 20px #00000040}.ia-actions-sheet.open{display:flex}.ia-sheet-btn{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;color:var(--text2);font-size:12px;cursor:pointer;padding:8px 16px;min-height:60px;border-radius:12px;transition:background .15s,color .15s}.ia-sheet-btn:active{background:var(--bg3);color:var(--text)}.ia-sheet-btn i{font-size:26px}.ia-sheet-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:199}.ia-sheet-backdrop.open{display:block}.ia-ai-wrap{position:relative;display:flex;align-items:center;order:12}.ia-ai-menu{display:none;position:absolute;bottom:calc(100% + 10px);right:0;background:#16222af7;border:1px solid var(--border-strong);border-radius:var(--radius-lg);overflow:hidden;z-index:250;min-width:220px;box-shadow:0 12px 40px #00000080,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.ia-ai-menu.open{display:block}.ia-ai-opt{display:block;width:100%;padding:var(--sp-3) var(--sp-4);background:none;border:none;text-align:left;color:var(--text);font-size:var(--fs-md);cursor:pointer;font-family:inherit;transition:background var(--tx-fast);border-bottom:1px solid var(--border-subtle)}.ia-ai-opt:last-child{border-bottom:none}.ia-ai-opt:hover{background:var(--hover)}#emoji-picker-wrap{display:none;flex-direction:column;background:var(--bg2);border-top:1px solid var(--border);max-height:220px;overflow-y:auto;flex-shrink:0}#emoji-picker-wrap.open{display:flex}#emoji-picker-wrap::-webkit-scrollbar{width:4px}#emoji-picker-wrap::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:2px}.emoji-grid{display:flex;flex-wrap:wrap;padding:6px 8px;gap:1px}.emoji-grid button{width:34px;height:34px;background:none;border:none;cursor:pointer;font-size:20px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .1s;line-height:1}.emoji-grid button:hover{background:var(--hover)}.sleep-chip{font-size:10.5px;color:var(--tc-sleeping);display:inline-flex;align-items:center;gap:2px;flex-shrink:0;white-space:nowrap}.tab-label-chip{font-size:10px;color:var(--text2);background:var(--bg3);border:1px solid var(--border);padding:1px 6px;border-radius:8px;white-space:nowrap;flex-shrink:0}.snooze-chip{font-size:10.5px;color:#f59e0b;display:inline-flex;align-items:center;gap:2px;flex-shrink:0;white-space:nowrap}#snooze-picker{display:none;position:fixed;z-index:200;background:var(--bg2);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #00000059;min-width:150px;overflow:hidden}.snooze-opt{padding:9px 16px;cursor:pointer;color:var(--text);font-size:14px}.snooze-opt:hover{background:var(--bg3)}.co-filter-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:6px 14px;background:var(--bg2);border-bottom:1px solid var(--border);flex-shrink:0}.co-filter-btn{padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500;background:var(--bg3);border:1.5px solid transparent;cursor:pointer;color:var(--text2);transition:all .15s;font-family:inherit}.co-filter-btn:hover{color:var(--text);background:var(--hover)}.co-filter-btn.sel{color:var(--text);border-color:var(--green);background:#00a8841f}.co-sort-select{margin-left:auto;padding:3px 8px;background:var(--bg3);border:1.5px solid var(--border);border-radius:8px;color:var(--text2);font-size:12px;cursor:pointer;outline:none;font-family:inherit}.co-sort-select:focus{border-color:var(--green)}#rp-note{min-height:72px;resize:none}.attach-btn{background:none;border:none;cursor:pointer;color:var(--text2);padding:4px;transition:color .15s}.attach-btn:hover{color:var(--text)}.attach-btn.active{color:var(--green)}#file-preview-bar{display:none;align-items:center;gap:10px;padding:8px 12px;background:var(--bg3);flex-shrink:0;border-top:1px solid var(--border)}#file-preview-bar.open{display:flex}.file-preview-icon{width:40px;height:40px;border-radius:8px;background:var(--bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--green);font-size:20px}.file-preview-info{flex:1;min-width:0}.file-preview-name{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-preview-size{font-size:11px;color:var(--text2)}.file-preview-cancel{background:none;border:none;cursor:pointer;color:var(--text2);font-size:20px;padding:2px 4px;transition:color .15s;flex-shrink:0}.file-preview-cancel:hover{color:var(--text)}#drop-overlay{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;background:#00a8841f;border:3px dashed var(--green);border-radius:var(--radius);align-items:center;justify-content:center;flex-direction:column;gap:12px;pointer-events:none}#drop-overlay.active{display:flex}.drop-overlay-icon{font-size:48px;color:var(--green)}.drop-overlay-text{font-size:16px;font-weight:600;color:var(--green)}.typing-indicator{display:none;padding:4px 16px;font-size:13px;color:var(--green)}.input-locked{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;background:var(--bg2);color:var(--text2);font-size:13px;flex-shrink:0;border-top:1px solid var(--border)}.pdf-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9990;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px}.pdf-modal{background:var(--bg, #fff);border-radius:12px;box-shadow:0 24px 64px #0000004d;width:100%;max-width:860px;height:90vh;display:flex;flex-direction:column;overflow:hidden}.pdf-modal-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);flex-shrink:0;gap:12px}.pdf-modal-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text);min-width:0;overflow:hidden}.pdf-modal-title span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-modal-actions{display:flex;gap:4px;flex-shrink:0}.pdf-modal-btn{width:32px;height:32px;border-radius:6px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text2);text-decoration:none;transition:background .15s,color .15s}.pdf-modal-btn:hover{background:var(--bg2);color:var(--text)}.pdf-modal-frame{flex:1;width:100%;border:none}.pdf-modal-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text2);font-size:14px}.pdf-spin{font-size:36px;animation:spin 1s linear infinite;display:block}@media (max-width: 720px){.pdf-modal-backdrop{padding:0;align-items:flex-end}.pdf-modal{max-width:100%;height:100dvh;border-radius:0}}.pdf-modal-enter-active,.pdf-modal-leave-active{transition:opacity .2s}.pdf-modal-enter-active .pdf-modal,.pdf-modal-leave-active .pdf-modal{transition:transform .2s,opacity .2s}.pdf-modal-enter-from,.pdf-modal-leave-to{opacity:0}.pdf-modal-enter-from .pdf-modal{transform:scale(.96)}.pdf-modal-leave-to .pdf-modal{transform:scale(.98);opacity:0}.conn-offline-panel{display:flex;align-items:center;gap:14px;padding:16px 20px;flex-shrink:0;background:linear-gradient(135deg,#fff7ed,#fff1f2);border-top:2px solid #f97316}.conn-offline-icon{width:44px;height:44px;border-radius:50%;background:#f973161f;color:#f97316;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.conn-offline-body{flex:1;min-width:0}.conn-offline-title{font-size:14px;font-weight:700;color:#c2410c}.conn-offline-sub{font-size:12px;color:#9a3412;margin-top:3px;line-height:1.4}.take-chat-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px 24px;background:var(--bg2);border-top:1px solid var(--border);flex-shrink:0}.take-chat-panel p{font-size:13px;color:var(--text2);margin:0;text-align:center}.take-chat-btn{padding:12px 36px;background:var(--green2);color:#111b21;border:none;border-radius:24px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .15s,transform .1s;letter-spacing:.2px}.take-chat-btn:hover{opacity:.9}.take-chat-btn:active{transform:scale(.97)}.take-chat-btn:disabled{opacity:.5;cursor:default}@media (max-width: 720px){#sidebar{width:100%;max-width:100%;border:none;flex-shrink:0}#main{position:fixed;top:var(--safe-top);left:0;right:0;bottom:var(--keyboard-height, 0px);z-index:100;transform:translate(100%);transition:transform .3s ease}#main.slide-in{transform:translate(0)}.chat-header .back-btn{display:flex}#sidebar-resize{display:none}.messages-area{padding:10px 10px calc(10px + var(--safe-bottom))}.bubble{max-width:85%}.input-locked{padding-bottom:calc(14px + var(--safe-bottom))}.take-chat-panel{padding-bottom:calc(18px + var(--safe-bottom))}.conn-offline-panel{padding-bottom:calc(16px + var(--safe-bottom))}.chat-header .avatar-wrap,#ch-sub,#chat-search-btn{display:none}.icon-btn{min-width:44px;min-height:44px}.reply-msg-btn{width:44px;height:44px}.sab-btn{padding:10px 16px;font-size:13px}.tab-btn{padding:12px 14px}.emoji-grid button{width:40px;height:40px}.snooze-opt{padding:12px 18px}.app-nav-label{display:none}.app-nav-btn{padding:0 18px;font-size:18px}.sidebar-header{display:none}.input-area{padding:10px 10px calc(10px + var(--safe-bottom))}#chat-search-nav .icon-btn{min-width:44px;min-height:44px;padding:10px}#file-preview-bar{padding:10px 12px}.file-preview-cancel{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}#emoji-picker-wrap.open,#templates-picker.open{position:fixed;left:0;right:0;bottom:0;z-index:300;max-height:52vh;border-radius:16px 16px 0 0;padding-bottom:var(--safe-bottom);border-top:1px solid var(--border)}.picker-mobile-header{display:flex}.bubble{-webkit-user-select:none;user-select:none}#scroll-down-btn{width:44px;height:44px}.search-wrap input,.co-search-bar input{font-size:16px}.co-sort-select{font-size:16px;padding:8px 12px}.co-item{padding:12px 16px}.co-filter-btn{min-height:44px;padding:0 14px}.co-filter-bar{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}#input-area.ia-recording #ia-equalizer{display:flex;order:10;flex:1;align-items:flex-end;justify-content:center;gap:6px;height:44px;padding-bottom:6px}#input-area.ia-busy #ia-busy-row{display:flex;order:10;flex:1;align-items:center;justify-content:center;gap:8px;height:44px;color:var(--text2);font-size:13px}#input-area.ia-recording .ia-expand-btn,#input-area.ia-recording .ia-clear-btn,#input-area.ia-recording .ia-r2-spacer,#input-area.ia-recording .ia-ai-wrap,#input-area.ia-recording .send-btn,#input-area.ia-busy .ia-expand-btn,#input-area.ia-busy .ia-clear-btn,#input-area.ia-busy .ia-r2-spacer,#input-area.ia-busy .ia-ai-wrap,#input-area.ia-busy .send-btn{display:none!important}}#ia-equalizer{display:none}.eq-bar{width:4px;border-radius:2px;background:#f44;height:3px;animation:eq-bounce var(--d,.6s) var(--dl,0s) ease-in-out infinite alternate}@keyframes eq-bounce{0%{height:3px}to{height:26px}}#ia-busy-row{display:none}#ia-busy-row i{animation:ia-spin .8s linear infinite;font-size:16px;color:var(--green)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:3px}.skeleton{background:var(--bg3);border-radius:4px;animation:pulse 1.4s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton-chat{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border)}.skel-av{width:49px;height:49px;border-radius:50%;flex-shrink:0}.skel-lines{flex:1;display:flex;flex-direction:column;gap:8px;justify-content:center}.skel-line{height:14px;border-radius:4px}#toast{position:fixed;bottom:calc(80px + var(--safe-bottom));left:50%;transform:translate(-50%) translateY(20px);background:var(--bg3);color:var(--text);padding:10px 20px;border-radius:8px;font-size:14px;opacity:0;transition:all .25s;z-index:9999;white-space:nowrap;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}#chat-search-bar{display:none;align-items:center;gap:8px;padding:6px 14px;background:var(--bg4);border-bottom:1px solid var(--border);flex-shrink:0}#chat-search-bar.open{display:flex}#chat-search-input{flex:1;background:var(--bg3);border:none;border-radius:8px;color:var(--text);font-size:14px;padding:7px 12px;outline:none;font-family:inherit}#chat-search-input::placeholder{color:var(--text2)}#chat-search-nav{display:flex;align-items:center;gap:4px;flex-shrink:0}#chat-search-count{font-size:12px;color:var(--text2);min-width:40px;text-align:center}.highlight-match{background:#00a88459;border-radius:2px}#scroll-down-btn{display:none;position:absolute;bottom:calc(20px + var(--safe-bottom));right:24px;width:40px;height:40px;border-radius:50%;background:var(--bg3);border:1px solid var(--border);color:var(--text2);cursor:pointer;z-index:100;align-items:center;justify-content:center;font-size:20px;box-shadow:0 2px 8px var(--shadow);transition:background .15s}#scroll-down-btn.visible{display:flex}#scroll-down-btn:hover{background:var(--hover);color:var(--text)}#scroll-down-unread{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:9px;background:var(--unread-bg);color:#fff;font-size:11px;font-weight:600;display:none;align-items:center;justify-content:center;padding:0 4px}#scroll-down-unread.visible{display:flex}.chat-tab-badge{font-size:10px;color:var(--text3);background:var(--bg3);border-radius:4px;padding:1px 5px;flex-shrink:0;white-space:nowrap}.new-chat-badge{font-size:10px;font-weight:700;color:var(--green2);background:#25d3661f;border-radius:8px;padding:1px 6px;flex-shrink:0;white-space:nowrap}.login-remember{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text2);margin-bottom:4px;cursor:pointer}.login-remember input{width:15px;height:15px;accent-color:var(--green);cursor:pointer}#right-panel{width:400px;background:var(--bg2);border-left:1px solid var(--border-subtle);box-shadow:-4px 0 24px #0003;display:flex;flex-direction:column;flex-shrink:0}.rp-tabs-bar{display:flex;align-items:center;padding:0 var(--sp-2);background:var(--bg2);border-bottom:1px solid var(--border-subtle);flex-shrink:0;min-height:48px;gap:2px}.rp-tab{padding:0 14px;height:36px;border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:500;color:var(--text3);background:transparent;border:none;cursor:pointer;font-family:inherit;transition:color .15s,background .15s}.rp-tab:hover{color:var(--text);background:var(--bg3)}.rp-tab.active{color:var(--text);background:var(--bg3);font-weight:600}.rp-tab-close{margin-left:auto}.rp-audit-body{flex:1;overflow-y:auto;padding:var(--sp-4);display:flex;flex-direction:column}.rp-audit-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text3);font-size:var(--fs-sm)}.rp-audit-empty i{font-size:32px;opacity:.4}.rp-audit-list{display:flex;flex-direction:column;gap:2px}.rp-audit-item{display:flex;gap:10px;align-items:flex-start;padding:8px 4px;border-bottom:1px solid var(--border-subtle)}.rp-audit-item:last-child{border-bottom:none}.rp-ai-body{flex:1;display:flex;flex-direction:column;min-height:0}.rp-ai-scroll{flex:1;overflow-y:auto;padding:var(--sp-4);display:flex;flex-direction:column;gap:12px}.rp-ai-analysis{background:var(--bg3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.rp-ai-badges{display:flex;flex-wrap:wrap;gap:6px}.rp-ai-badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--bg2);color:var(--text);border:1px solid var(--border-subtle)}.rp-ai-badge-obj{background:#2563eb1f;color:var(--primary, #2563eb);border-color:#2563eb40}.rp-ai-badge-ntin{background:#dc26261a;color:#dc2626;border-color:#dc262640}.rp-ai-badge-ntin i{margin-right:3px}.rp-ai-reasoning{font-size:var(--fs-sm);color:var(--text2, var(--text));line-height:1.4}.rp-ai-reasoning i{color:var(--primary, #2563eb);margin-right:5px}.rp-ai-nba{font-size:12px;color:var(--text3);line-height:1.4}.rp-ai-nba b{color:var(--text)}.rp-ai-item{display:flex;flex-direction:column}.rp-ai-item-manager{align-items:flex-end}.rp-ai-bubble-manager{background:var(--primary, #2563eb);color:#fff;border-radius:12px 12px 2px;padding:8px 12px;font-size:var(--fs-sm);max-width:90%;line-height:1.4}.rp-ai-suggestion{background:var(--bg2);border:1px solid var(--border-subtle);border-left:3px solid var(--primary, #2563eb);border-radius:var(--radius-md);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.rp-ai-suggestion-head{font-size:11px;font-weight:700;color:var(--primary, #2563eb);text-transform:uppercase;letter-spacing:.03em}.rp-ai-suggestion-head i{margin-right:4px}.rp-ai-note{font-size:12px;color:var(--text3);font-style:italic;line-height:1.4;border-bottom:1px dashed var(--border-subtle);padding-bottom:8px}.rp-ai-msg{background:var(--bg3);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:6px}.rp-ai-msg+.rp-ai-msg{margin-top:8px}.rp-ai-msg-text{font-size:var(--fs-sm);color:var(--text);line-height:1.45;white-space:pre-wrap}.rp-ai-msg-actions{display:flex;gap:6px;align-items:center}.rp-ai-msg-btn{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:4px 8px;border-radius:6px;border:1px solid var(--border-subtle);background:var(--bg2);color:var(--text3);cursor:pointer;font-family:inherit;transition:all .15s}.rp-ai-msg-btn:hover{color:var(--text);border-color:var(--primary, #2563eb)}.rp-ai-msg-insert{color:var(--primary, #2563eb);border-color:#2563eb4d}.rp-ai-msg-insert:hover{background:var(--primary, #2563eb);color:#fff}.rp-ai-msg-btn i{font-size:14px}.rp-ai-draft-saved{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--green, #16a34a);background:#16a34a14;border:1px solid rgba(22,163,74,.22);border-radius:8px;padding:6px 10px}.rp-ai-draft-skip{display:flex;align-items:flex-start;gap:6px;font-size:11px;color:var(--text3);line-height:1.4}.rp-ai-draft-skip i,.rp-ai-draft-saved i{flex-shrink:0}.rp-ai-idle{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text3);font-size:var(--fs-sm);padding:24px;text-align:center}.rp-ai-idle i{font-size:30px;color:var(--primary, #2563eb);opacity:.55}.rp-ai-loading,.rp-ai-error{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text3);font-size:var(--fs-sm);padding:16px}.rp-ai-loading i{font-size:18px;animation:spin 1s linear infinite}.rp-ai-error{flex-direction:column}.rp-ai-error i{font-size:24px;color:#dc2626;opacity:.7}.rp-ai-retry{margin-top:4px;padding:5px 14px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--bg3);color:var(--text);cursor:pointer;font-family:inherit;font-size:12px}.rp-ai-retry:hover{border-color:var(--primary, #2563eb)}.rp-ai-composer{flex-shrink:0;display:flex;gap:8px;align-items:flex-end;padding:var(--sp-3, 12px);border-top:1px solid var(--border-subtle);background:var(--bg2)}.rp-ai-correction-input{flex:1;resize:none;border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg3);color:var(--text);padding:9px 11px;font-family:inherit;font-size:var(--fs-sm);line-height:1.4;max-height:110px}.rp-ai-correction-input:focus{outline:none;border-color:var(--primary, #2563eb)}.rp-ai-correction-input:disabled{opacity:.55;cursor:not-allowed}.rp-ai-send-btn{flex-shrink:0;width:38px;height:38px;border-radius:10px;border:none;background:var(--primary, #2563eb);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.rp-ai-send-btn:disabled{opacity:.45;cursor:default}.rp-ai-send-btn i{font-size:18px}.rp-audit-icon{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:15px;background:var(--bg3);color:var(--text2)}.rp-audit-icon.audit-assigned{background:#00a88426;color:var(--green)}.rp-audit-icon.audit-released{background:#8696a01f;color:var(--text2)}.rp-audit-icon.audit-transferred,.rp-audit-icon.audit-sent_to_support{background:#3b82f626;color:#3b82f6}.rp-audit-icon.audit-taken_back{background:#8b5cf626;color:#8b5cf6}.rp-audit-icon.audit-support_completed{background:#00a88426;color:var(--green)}.rp-audit-icon.audit-support_reopened{background:#e07a3e26;color:var(--tc-busy)}.rp-audit-icon.audit-contact_name_changed{background:#8696a01f;color:var(--text2)}.rp-audit-icon.audit-window_opened{background:#e07a3e1f;color:var(--tc-busy)}.rp-audit-icon.audit-payment{background:#00a88426;color:var(--green)}.rp-audit-icon.audit-trial_activated{background:#8b5cf626;color:#8b5cf6}.rp-audit-icon.audit-put_to_sleep{background:#8696a01f;color:var(--text2)}.rp-audit-content{flex:1;min-width:0}.rp-audit-label{font-size:var(--fs-sm);color:var(--text);line-height:1.4}.rp-audit-time{font-size:var(--fs-xs);color:var(--text3);margin-top:2px}.rp-body{flex:1;overflow-y:auto;padding:var(--sp-4)}.rp-body::-webkit-scrollbar{width:4px}.rp-body::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:2px}.rp-section-title{font-size:var(--fs-xs);font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:1px;margin:var(--sp-4) 0 var(--sp-2)}.rp-section-title:first-child{margin-top:0}.video-load-btn:hover{background:var(--bg2)!important;color:var(--text)!important}.video-load-spin{animation:video-load-spin 1s linear infinite}@keyframes video-load-spin{to{transform:rotate(360deg)}}.rp-shared-contact-badge{display:flex;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--text2);background:var(--bg3);border:1px dashed var(--border);padding:6px 10px;border-radius:var(--radius-md);margin:0 0 var(--sp-2)}.rp-shared-contact-badge i{color:var(--green);font-size:14px}.rp-phone-co-item{display:flex;flex-direction:column;gap:2px;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);background:var(--bg3);margin-bottom:var(--sp-2);border:1px solid var(--border-subtle);transition:border-color var(--tx)}.rp-phone-co-item:hover{border-color:var(--border)}.rp-phone-co-name{font-size:var(--fs-sm);color:var(--text);display:flex;align-items:center;gap:6px}.rp-phone-co-meta{font-size:var(--fs-xs);color:var(--text3)}.rp-dash-badge{font-size:var(--fs-xs);font-weight:600;padding:1px 6px;border-radius:4px;background:var(--green);color:#fff;letter-spacing:.3px;flex-shrink:0}.rp-field{display:flex;flex-direction:column;gap:var(--sp-1);margin-bottom:var(--sp-3)}.rp-field label{font-size:var(--fs-xs);color:var(--text2);letter-spacing:.5px;font-weight:600;text-transform:uppercase}.rp-field input,.rp-field textarea{background:var(--bg3);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text);font-size:var(--fs-md);padding:var(--sp-2) var(--sp-3);outline:none;font-family:inherit;transition:border-color var(--tx),box-shadow var(--tx);width:100%;box-sizing:border-box}.rp-field input:focus,.rp-field textarea:focus{border-color:#00a88480;box-shadow:0 0 0 3px #00a88414}.rp-field input[readonly]{color:var(--text2);cursor:default}.rp-field textarea{resize:none;min-height:72px;line-height:1.5}.rp-save-btn{margin:0 var(--sp-4) var(--sp-4);padding:var(--sp-3);background:var(--green2);color:#111b21;border:none;border-radius:var(--radius-md);font-size:var(--fs-md);font-weight:600;cursor:pointer;font-family:inherit;flex-shrink:0;box-shadow:0 3px 12px #25d3664d;transition:opacity var(--tx-fast),transform var(--tx-fast),box-shadow var(--tx-fast)}.rp-save-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 5px 18px #25d36673}.rp-save-btn:active{opacity:.8;transform:translateY(0);box-shadow:none}.rp-save-btn:disabled{opacity:.4;cursor:default;pointer-events:none}.rp-empty{color:var(--text2);font-size:var(--fs-md);text-align:center;padding:40px var(--sp-3);line-height:1.6}#contact-panel-btn.active{color:var(--green)!important}.rp-owner-card{background:#00a8840f;border:1px solid rgba(0,168,132,.18);border-left:3px solid var(--green);border-radius:var(--radius-md);padding:var(--sp-3);margin-bottom:var(--sp-2);box-shadow:0 2px 12px #00a88412}.rp-owner-actions{position:absolute;top:8px;right:8px;display:flex;gap:2px}.rp-owner-action{background:none;border:none;cursor:pointer;color:var(--text3);font-size:15px;line-height:1;padding:0 2px;transition:color .15s}.rp-owner-action:hover{color:var(--text2)}.rp-arch-divider{display:flex;align-items:center;gap:8px;margin:6px 0 8px}.rp-arch-divider i{font-size:13px;color:var(--text3)}.rp-arch-divider .lbl{font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.rp-arch-divider .ln{flex:1;height:1px;background:var(--border-subtle)}.rp-owner-card--archived{background:#ffffff04;border:1px solid var(--border-subtle);border-left:3px solid #3a4a52;box-shadow:none;opacity:.72;padding:0;transition:opacity .15s,background .15s}.rp-owner-card--archived:hover{opacity:.92}.rp-owner-card--archived.expanded{opacity:.95;background:#ffffff06}.rp-arch-head{display:flex;align-items:center;gap:8px;padding:7px 10px;cursor:pointer}.rp-arch-icon{font-size:14px;color:var(--text3);flex-shrink:0}.rp-arch-name{font-size:12.5px;color:var(--text2);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rp-arch-id{font-size:10px;color:var(--text3);flex-shrink:0}.rp-arch-badge{font-size:10px;border-radius:8px;padding:1px 6px;background:#ffffff0a;color:var(--text3);flex-shrink:0;white-space:nowrap}.rp-arch-restore{background:none;border:none;cursor:pointer;color:var(--text3);font-size:15px;line-height:1;padding:0;flex-shrink:0;transition:color .15s}.rp-arch-restore:hover{color:var(--green)}.rp-arch-chevron{font-size:15px;color:var(--text3);flex-shrink:0}.rp-arch-details{padding:2px 12px 12px}.rp-owner-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rp-owner-name{font-size:13.5px;font-weight:500;color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rp-owner-id{font-size:11px;color:var(--text3);flex-shrink:0}.rp-owner-detail{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text2);margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rp-owner-detail i{font-size:13px;color:var(--text3);flex-shrink:0}.rp-owner-detail-label{font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.rp-plan-badge{display:inline-block;font-size:11px;font-weight:500;border-radius:10px;padding:1px 8px;white-space:nowrap}.rp-plan-price{font-size:11px;color:var(--text2);white-space:nowrap}.rp-sub-expiry{display:inline-flex;align-items:center;gap:3px;font-size:11px;white-space:nowrap;margin-left:auto}.rp-sub-expiry i{font-size:12px}.rp-sub-expiry.sub-ok{color:var(--green)}.rp-sub-expiry.sub-warning{color:#e07a3e}.rp-sub-expiry.sub-critical{color:#f15c6d;font-weight:600}.rp-sub-expiry.sub-expired{color:var(--text3)}.rp-trial-wrap{margin-top:10px}.rp-extend-wrap{display:flex;gap:6px}.rp-extend-wrap .rp-extend-btn{flex:1}.rp-extend-discount{color:#a78bfa;background:linear-gradient(135deg,#a78bfa1f,#a78bfa2e)!important;border-color:#a78bfa73!important}.rp-extend-discount:hover{background:#a78bfa38!important;border-color:#a78bfab3!important}.rp-trial-btn{width:100%;display:flex;align-items:flex-start;justify-content:center;gap:6px;background:linear-gradient(135deg,#00a8841f,#00a8842e);border:1.5px dashed rgba(0,168,132,.45);border-radius:var(--radius-md);color:var(--green);font-size:12.5px;font-weight:500;padding:7px 12px;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s,opacity .15s}.rp-trial-btn:hover{background:#00a88438;border-color:#00a884b3}.rp-trial-btn:disabled{opacity:.5;cursor:not-allowed}.rp-extend-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#6366f11f,#6366f12e);border:1.5px dashed rgba(99,102,241,.45);border-radius:var(--radius-md);color:#6366f1;font-size:12.5px;font-weight:500;padding:7px 12px;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s,opacity .15s}.rp-extend-btn:hover{background:#6366f138;border-color:#6366f1b3}.rp-extend-btn:disabled{opacity:.5;cursor:not-allowed}.trial-modal-desc{font-size:13.5px;color:var(--text2);margin:10px 0 12px;line-height:1.5}.extend-receipts-label{font-size:12px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}.extend-receipts-list{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.extend-receipts-list::-webkit-scrollbar{width:3px}.extend-receipts-list::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:2px}.extend-receipts-empty{font-size:13px;color:var(--text2);padding:10px 0 14px;text-align:center}.extend-receipts-none{color:var(--tc-busy)}.extend-receipt-row{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;cursor:pointer;border:1.5px solid var(--border);background:var(--bg2);transition:border-color .12s,background .12s}.extend-receipt-row:hover{border-color:#6366f166;background:var(--bg3)}.extend-receipt-row.selected{border-color:#6366f1;background:#6366f11a}.extend-receipt-radio{font-size:14px;color:#6366f1;flex-shrink:0;width:14px}.extend-receipt-info{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}.extend-receipt-amount{font-size:13px;font-weight:600;color:var(--green2);white-space:nowrap}.extend-receipt-bill{font-size:11px;color:var(--text2)}.extend-receipt-type{font-size:10px;background:var(--bg3);color:var(--text3);padding:1px 5px;border-radius:4px}.extend-receipt-sender{font-size:11px;color:var(--text2)}.extend-receipt-date{font-size:11px;color:var(--text3);margin-left:auto;white-space:nowrap}.rp-company-item{display:flex;align-items:center;justify-content:space-between;background:var(--bg3);border-radius:6px;padding:7px 11px;margin-bottom:6px;gap:8px}.rp-company-info{flex:1;min-width:0}.rp-company-name{font-size:13.5px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.rp-company-id{font-size:11px;color:var(--text3);margin-top:1px;display:block}.rp-company-del{background:none;border:none;cursor:pointer;color:var(--text3);font-size:17px;line-height:1;padding:0 2px;flex-shrink:0;transition:color .15s}.rp-company-del:hover{color:#f08090}.rp-add-company{margin-bottom:100px;display:flex;gap:6px;align-items:center}.rp-add-company input{flex:1;min-width:0;box-sizing:border-box;background:var(--bg3);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text);font-size:var(--fs-md);padding:var(--sp-2) var(--sp-3);outline:none;font-family:inherit;transition:border-color var(--tx),box-shadow var(--tx)}.rp-add-company input:focus{border-color:#00a88480;box-shadow:0 0 0 3px #00a88414}.rp-search-btn{flex-shrink:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#00a8841f;border:1px solid rgba(0,168,132,.3);border-radius:var(--radius-md);color:var(--green);font-size:16px;cursor:pointer;transition:background .15s}.rp-search-btn:hover{background:#00a88438}.company-search-modal{max-width:380px;width:100%;max-height:80vh;overflow-y:auto}.company-result-card{background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 14px;margin-bottom:8px}.company-result-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.company-result-actions{margin-top:10px;display:flex;justify-content:flex-end}.company-no-results{text-align:center;color:var(--text2);font-size:13px;padding:16px 0}.company-modal-contact-card{background:#00a88412;border:1px solid rgba(0,168,132,.2);border-radius:var(--radius-md);padding:10px 13px;margin-bottom:14px}.company-modal-contact-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--green);margin-bottom:4px}.company-modal-contact-name{font-size:14px;font-weight:600;color:var(--text)}.company-modal-contact-phone{font-size:12.5px;color:var(--text2);margin-top:2px}.company-modal-contact-note{font-size:12px;color:var(--text2);margin-top:3px;display:flex;align-items:center;gap:5px}.company-modal-contact-note i{font-size:12px;color:var(--text3)}.rp-owners-dropdown{position:fixed;z-index:600;background:#111b21f7;border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:0 12px 40px #0000008c,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden;max-height:240px;overflow-y:auto}.rp-owners-dropdown::-webkit-scrollbar{width:4px}.rp-owners-dropdown::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:2px}.rp-owners-item{padding:9px 13px;font-size:13.5px;color:var(--text);cursor:pointer;border-bottom:1px solid var(--border);transition:background .1s}.rp-owners-item:last-child{border-bottom:none}.rp-owners-item:hover{background:var(--hover)}.rp-owners-item small{display:block;font-size:11px;color:var(--text3);margin-top:1px}.rp-owners-empty{padding:12px 13px;font-size:13px;color:var(--text2);text-align:center}.rp-sync-status{font-size:11px;color:var(--text3);margin-top:4px;min-height:16px}.rp-company-details{margin-top:5px;display:flex;flex-direction:column;gap:3px}.rp-company-detail{font-size:11.5px;color:var(--text2);display:flex;align-items:center;gap:5px;overflow:hidden}.rp-company-detail svg{flex-shrink:0;color:var(--text3)}.rp-company-detail a{color:var(--green);text-decoration:none}.rp-company-detail a:hover{text-decoration:underline}.rp-company-detail-val{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 720px){.complete-modal-backdrop{padding:0;align-items:flex-end}.complete-modal{width:100%;max-width:100%;border-radius:16px 16px 0 0;padding:20px 16px calc(20px + var(--safe-bottom));max-height:90dvh;overflow-y:auto}#right-panel{width:100%;position:absolute;right:0;top:0;bottom:0;transform:translate(100%);transition:transform .3s ease}#right-panel.open{transform:translate(0);z-index:150}.rp-save-btn{margin-bottom:calc(14px + var(--safe-bottom));padding:14px;font-size:15px}.rp-field input,.rp-field textarea,.rp-add-company input{font-size:16px}.rp-phone-co-item,.rp-company-item{padding:10px 12px}.rp-company-del,.rp-manual-del{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}}#rp-sab-actions,#rp-support-actions,#rp-takeback-actions,#rp-add-support-actions,#rp-reopen-actions{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-4);padding-bottom:var(--sp-4);border-bottom:1px solid var(--border-subtle)}.rp-action-btn{display:flex;align-items:center;gap:var(--sp-4);width:100%;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-lg);cursor:pointer;font-family:inherit;text-align:left;transition:opacity var(--tx-fast),transform var(--tx-fast),box-shadow var(--tx-fast);-webkit-tap-highlight-color:transparent}.rp-action-btn:hover{transform:translateY(-2px)}.rp-action-btn:active{transform:scale(.98);opacity:.8}.rp-action-btn>i{font-size:28px;flex-shrink:0}.rp-action-btn>div{display:flex;flex-direction:column;gap:2px}.rp-action-label{font-size:var(--fs-md);font-weight:600;line-height:1.2}.rp-action-desc{font-size:var(--fs-xs);line-height:1.4;opacity:.65}.rp-action-release{background:#f15c6d1a;border:1.5px solid rgba(241,92,109,.28);color:#f08090}.rp-action-release:hover{box-shadow:0 6px 20px #f15c6d2e}.rp-action-complete{background:#48bb781a;border:1.5px solid rgba(72,187,120,.28);color:#48bb78}.rp-action-complete:hover{box-shadow:0 6px 20px #48bb782e}.rp-action-reopen{background:#63b3ed1a;border:1.5px solid rgba(99,179,237,.28);color:#63b3ed}.rp-action-reopen:hover{box-shadow:0 6px 20px #63b3ed2e}.rp-action-take{background:#00a8841a;border:1.5px solid rgba(0,168,132,.28);color:#00a884}.rp-action-take:hover{box-shadow:0 6px 20px #00a8842e}.rp-owner-info{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm);color:var(--text2);padding:10px 14px;border-radius:var(--radius-md);background:var(--bg3);border:1px solid var(--border-subtle);margin-bottom:var(--sp-3)}.rp-owner-info i{color:var(--text3);font-size:16px}.rp-owner-info b{color:var(--text);font-weight:600}.rp-action-exclude{background:#8696a014;border:1.5px solid rgba(134,150,160,.22);color:var(--text3)}.rp-action-exclude:hover{box-shadow:0 6px 20px #8696a01f;color:var(--text2)}.rp-action-restore{background:#6366f114;border:1.5px solid rgba(99,102,241,.25);color:#a5b4fc}.rp-action-restore:hover{box-shadow:0 6px 20px #6366f126}.exclude-modal-desc{font-size:13px;color:var(--text2);margin-bottom:4px}.rp-action-sleep{background:#8696a01a;border:1.5px solid rgba(134,150,160,.28);color:var(--text2)}.rp-action-snooze-active{background:#f0a5001a;border:1.5px solid rgba(240,165,0,.28);color:#f0a500}.rp-action-snooze{background:#7c6cf31a;border:1.5px solid rgba(124,108,243,.28);color:#a5b4fc}.rp-action-snooze:hover{box-shadow:0 6px 20px #7c6cf32e}.rp-action-ticket{background:#7c3aed1a;border:1.5px solid rgba(124,58,237,.3);color:#c084fc}.rp-action-ticket:hover{box-shadow:0 6px 20px #7c3aed2e}.snooze-reasons{display:flex;flex-direction:column;gap:8px;margin-top:12px}.snooze-reason-btn{width:100%;text-align:left}.snooze-error{display:flex;align-items:flex-start;gap:6px;margin-top:10px;padding:8px 10px;border-radius:8px;background:#f15c6d1a;border:1px solid rgba(241,92,109,.28);color:#f08090;font-size:13px;line-height:1.35}.snooze-error i{margin-top:1px}.rp-action-transfer{background:#2563eb14;border:1.5px solid rgba(37,99,235,.22);color:var(--primary, #2563eb)}.rp-action-transfer.active{background:#2563eb24;border-color:#2563eb66}.rp-transfer-list{display:flex;flex-direction:column;gap:4px;background:var(--bg2);border-radius:12px;padding:8px}.rp-transfer-user{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .15s}.rp-transfer-user:hover{background:var(--bg3)}.rp-transfer-avatar{width:34px;height:34px;border-radius:50%;background:var(--primary, #2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.rp-transfer-name{font-size:14px;font-weight:500;color:var(--text)}.rp-transfer-empty{font-size:13px;color:var(--text2);padding:10px 12px}#sync-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8000;background:#111b21ed;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;flex-direction:column;gap:14px}#sync-overlay.visible{display:flex}.sync-spin{width:38px;height:38px;border-radius:50%;border:3px solid rgba(0,168,132,.2);border-top-color:var(--green);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sync-label{font-size:15px;font-weight:500;color:var(--text)}.sync-sub{font-size:12px;color:var(--text2)}#co-sync-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7500;background:#111b21eb;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center}#co-sync-overlay.visible{display:flex}.co-sync-card{background:var(--bg2);border-radius:16px;padding:32px 36px;display:flex;flex-direction:column;align-items:center;gap:16px;width:320px;max-width:90vw;box-shadow:0 8px 32px #00000080}.co-sync-icon{font-size:36px;color:var(--green);line-height:1}.co-sync-title{font-size:15px;font-weight:600;color:var(--text);text-align:center}.co-sync-bar-wrap{width:100%;height:6px;background:var(--bg3);border-radius:3px;overflow:hidden}.co-sync-bar-fill{height:100%;background:var(--green);border-radius:3px;transition:width .4s ease;width:0%}.co-sync-sub{font-size:12px;color:var(--text2);text-align:center}.rp-suggested-item{background:var(--bg3);border:1px solid rgba(0,168,132,.35);border-radius:10px;padding:10px 12px;margin-bottom:8px;display:flex;flex-direction:column;gap:6px}.rp-suggested-badge{display:flex;align-items:center;gap:5px;font-size:10.5px;color:var(--green);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.rp-suggested-name{font-size:13.5px;color:var(--text)}.rp-suggested-meta{font-size:11.5px;color:var(--text3)}.rp-manual-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:8px;background:var(--bg3);border:1px solid var(--border);margin-bottom:6px}.rp-manual-info{display:flex;flex-direction:column;gap:2px;min-width:0}.rp-manual-name{font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rp-manual-meta{font-size:11px;color:var(--text3)}.rp-manual-del{flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--text3);font-size:18px;line-height:1;padding:2px 4px;border-radius:4px}.rp-manual-del:hover{color:#e05555;background:#e055551a}.rp-suggested-msg{font-size:11.5px;color:var(--text2);font-style:italic;background:var(--bg2);border-radius:6px;padding:5px 8px;border-left:2px solid var(--green);white-space:pre-wrap;word-break:break-word}.rp-suggested-actions{display:flex;gap:6px;margin-top:2px}.rp-sug-btn{flex:1;border:none;border-radius:7px;padding:7px 0;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.rp-sug-btn-link{background:var(--green);color:#fff}.rp-sug-btn-link:hover{background:#00c49a}.rp-sug-btn-confirm{background:#e07a3e;color:#fff}.rp-sug-btn-confirm:hover{background:#c96a2e}.rp-sug-btn-skip{background:var(--bg2);color:var(--text2);border:1px solid var(--border)}.rp-sug-btn-skip:hover{color:var(--text)}.rp-server-lock{color:var(--text3);vertical-align:middle;margin-left:4px;flex-shrink:0}.rp-sync-bar{display:flex;align-items:center;gap:6px;padding:5px 14px;font-size:11px;color:var(--text3);background:var(--bg4);border-bottom:1px solid var(--border);flex-shrink:0;min-height:24px}.rp-sync-dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0}.rp-sync-dot.syncing{background:#f0a500;animation:pulse 1.2s infinite}.crm-profile{display:flex;align-items:center;gap:11px;padding:14px 14px 10px}.crm-avatar{width:46px;height:46px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;color:#fff}.crm-name{font-size:15px;font-weight:600;color:var(--text);line-height:1.2}.crm-phone{font-size:12px;color:var(--text2);margin-top:2px}.crm-source{font-size:10.5px;color:var(--text3);margin-top:1px;display:flex;align-items:center;gap:3px}.btn-potential{width:100%;padding:10px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;font-family:inherit;transition:opacity .15s;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:8px}.btn-potential:hover{opacity:.88}#conn-indicator{display:flex;align-items:center;gap:6px;padding:0 10px;flex-shrink:0}.conn-nav-label{font-size:12px;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}@media (max-width: 720px){.conn-nav-label{display:none}#conn-indicator{padding:0 6px}}#app-nav{position:relative}#app-nav-more-btn{display:flex;margin-left:auto;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;cursor:pointer;color:var(--text2);flex-shrink:0;transition:color .15s}#app-nav-more-btn:hover{color:var(--text)}#app-nav-more-menu{display:none;position:fixed;z-index:500;right:8px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;box-shadow:0 6px 20px #00000073;min-width:180px;overflow:hidden}#app-nav-more-menu.open{display:block}.nav-menu-user{padding:12px 16px 10px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.nav-menu-avatar{width:34px;height:34px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff}.nav-menu-name{font-size:13px;font-weight:600;color:var(--text)}.nav-menu-item{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;color:var(--text);font-size:14px;transition:background .1s;border:none;background:none;width:100%;text-align:left;font-family:inherit}.nav-menu-item:hover{background:var(--hover)}.nav-menu-item i{font-size:18px;color:var(--text2)}.nav-menu-item.danger,.nav-menu-item.danger i{color:#f08090}.nav-menu-sep{height:1px;background:var(--border);margin:2px 0}#online-users{display:flex;align-items:center;gap:4px;padding:0 8px;flex-shrink:0}.online-user-dot{width:26px;height:26px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;border:2px solid var(--green);cursor:default}.viewing-chip{display:inline-flex;align-items:center;font-size:11px;color:var(--green);flex-shrink:0}.viewing-chip i{font-size:13px}#picker-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:299;background:#00000073}#picker-backdrop.active{display:block}.picker-mobile-header{display:none;align-items:center;justify-content:space-between;padding:14px 16px 10px;flex-shrink:0;border-bottom:1px solid var(--border)}.picker-mobile-title{font-size:14px;font-weight:600;color:var(--text)}.picker-close-btn{background:none;border:none;cursor:pointer;color:var(--text2);min-width:36px;min-height:36px;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s}.picker-close-btn:hover{background:var(--hover);color:var(--text)}#ptr-bar{display:flex;align-items:center;justify-content:center;height:0;overflow:hidden;background:var(--bg);flex-shrink:0;transition:height .2s ease;color:var(--text3);font-size:13px;gap:8px}#ptr-bar.ptr-active{height:48px}#ptr-spin{width:18px;height:18px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--green);flex-shrink:0}#ptr-spin.spinning{animation:ptr-rotate .7s linear infinite}@keyframes ptr-rotate{to{transform:rotate(360deg)}}#msg-ctx-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:400}#msg-ctx-backdrop.open{display:block}#msg-ctx-menu{display:none;position:fixed;z-index:401;background:var(--bg2);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 24px #00000073;min-width:170px;overflow:hidden}#msg-ctx-menu.open{display:block}.ctx-item{display:flex;align-items:center;gap:10px;padding:14px 16px;font-size:14px;color:var(--text);cursor:pointer;transition:background .1s;background:none;border:none;width:100%;font-family:inherit;text-align:left}.ctx-item:hover,.ctx-item:active{background:var(--hover)}.ctx-item i{font-size:18px;color:var(--text2)}.rp-renew-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:9px 14px;background:#6366f121;border:1px solid rgba(99,102,241,.35);border-radius:10px;color:#a5b4fc;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;font-family:inherit}.rp-renew-btn:hover{background:#6366f138;border-color:#6366f199}.rp-renew-btn i{font-size:15px}.rp-activate-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:9px 14px;background:#22c55e21;border:1px solid rgba(34,197,94,.35);border-radius:10px;color:#86efac;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;font-family:inherit}.rp-activate-btn:hover{background:#22c55e38;border-color:#22c55e99}.rp-activate-btn i{font-size:15px}.renew-activate-package{display:flex;align-items:center;gap:8px;padding:10px 12px;margin-bottom:12px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:10px;font-size:13px;color:var(--text)}.renew-activate-package i{font-size:16px;color:#86efac;flex-shrink:0}.renew-activate-package strong{color:#86efac}.renew-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:500;padding:16px}.renew-modal{background:var(--bg2);border:1px solid var(--border-strong);border-radius:16px;width:100%;max-width:440px;box-shadow:0 20px 60px #0009;overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 32px)}.renew-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 14px;border-bottom:1px solid var(--border)}.renew-modal-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--text)}.renew-modal-title i{font-size:18px;color:#a5b4fc}.renew-modal-close{background:none;border:none;cursor:pointer;color:var(--text2);font-size:20px;padding:3px 5px;border-radius:6px;transition:color .15s,background .15s;display:flex;align-items:center;line-height:1}.renew-modal-close:hover{color:var(--text);background:var(--hover)}.renew-steps{display:flex;align-items:center;padding:14px 20px 10px}.renew-step{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--text3)}.renew-step.active{color:var(--text)}.renew-step.done{color:#a5b4fc}.renew-step-dot{width:22px;height:22px;border-radius:50%;background:var(--bg3);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;color:var(--text3)}.renew-step.active .renew-step-dot{background:#6366f1;border-color:#6366f1;color:#fff}.renew-step.done .renew-step-dot{background:#6366f12e;border-color:#a5b4fc;color:#a5b4fc}.renew-step-line{flex:1;height:1.5px;background:var(--border);margin:0 8px}.renew-step-line.active{background:#6366f1}.renew-body{padding:6px 18px 18px;flex:1 1 auto;min-height:0;overflow-y:auto}.renew-section-label{font-size:11px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.renew-receipts-loading{display:flex;align-items:center;gap:8px;padding:18px 0;font-size:13px;color:var(--text2)}.renew-receipts-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 0;color:var(--text3);font-size:13px;text-align:center}.renew-receipts-empty i{font-size:30px}.renew-receipts-list{display:flex;flex-direction:column;gap:6px;max-height:230px;overflow-y:auto;margin-bottom:14px}.renew-receipts-list::-webkit-scrollbar{width:3px}.renew-receipts-list::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:2px}.renew-receipt-card{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:10px;border:1.5px solid var(--border);background:var(--bg3);cursor:pointer;transition:border-color .15s,background .15s}.renew-receipt-card:hover{border-color:#6366f166;background:#6366f112}.renew-receipt-card.selected{border-color:#6366f1;background:#6366f121}.renew-receipt-check{font-size:16px;color:var(--text3);flex-shrink:0;padding-top:1px}.renew-receipt-card.selected .renew-receipt-check{color:#6366f1}.renew-receipt-body{flex:1;min-width:0}.renew-receipt-top{display:flex;align-items:center;gap:8px;margin-bottom:5px}.renew-receipt-amount{font-size:15px;font-weight:700;color:var(--green2)}.renew-receipt-type-badge{font-size:10px;font-weight:600;padding:2px 7px;border-radius:6px}.badge-pp{background:#3b82f62e;color:#93c5fd}.badge-kaspi{background:#eab30826;color:#fde047}.renew-receipt-avail-label{font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.3px}.renew-receipt-usage{font-size:11px;color:var(--tc-busy);display:flex;align-items:center;gap:3px;margin-bottom:4px}.renew-receipt-usage i{font-size:12px}.renew-receipt-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.renew-receipt-sender{font-size:11px;color:var(--text2);display:flex;align-items:center;gap:3px}.renew-receipt-sender i{font-size:12px}.renew-receipt-bill{font-size:11px;color:var(--text3)}.renew-receipt-date{font-size:11px;color:var(--text3);display:flex;align-items:center;gap:3px}.renew-receipt-date i{font-size:12px}.renew-receipt-summary{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;background:#6366f11a;border:1px solid rgba(99,102,241,.25);margin-bottom:2px}.renew-receipt-summary>i{font-size:24px;color:#a5b4fc;flex-shrink:0}.renew-receipt-summary-amount{font-size:15px;font-weight:700;color:var(--green2);display:flex;align-items:center;gap:6px}.renew-summary-avail-label{font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.3px}.renew-receipt-summary-meta{font-size:11px;color:var(--text2);margin-top:2px}.renew-options{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.renew-option-card{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;border:1.5px solid var(--border);background:var(--bg3);cursor:pointer;transition:border-color .15s,background .15s}.renew-option-card:hover{border-color:#6366f166;background:#6366f112}.renew-option-card.selected{border-color:#6366f1;background:#6366f121}.renew-option-check{font-size:16px;color:var(--text3);flex-shrink:0}.renew-option-card.selected .renew-option-check{color:#6366f1}.renew-option-body{flex:1}.renew-option-title{font-size:14px;font-weight:600;color:var(--text)}.renew-option-desc{font-size:12px;color:var(--text2);margin-top:2px}.renew-option-insuf{font-size:11px;color:var(--tc-busy);margin-top:3px;display:flex;align-items:center;gap:3px}.renew-option-insuf i{font-size:12px}.renew-option-disabled{opacity:.5;cursor:not-allowed}.renew-option-disabled:hover{border-color:var(--border)!important;background:var(--bg3)!important}.renew-option-badge{font-size:12px;font-weight:700;padding:3px 10px;border-radius:8px;flex-shrink:0}.badge-neutral{background:#8696a02e;color:var(--text2)}.badge-discount{background:#a78bfa2e;color:#c4b5fd}.badge-promo{background:#f59e0b33;color:#fbbf24}.renew-option-promo{border-color:#f59e0b59;background:#f59e0b0f}.renew-option-promo:hover{border-color:#f59e0b99;background:#f59e0b1a}.renew-option-promo.selected{border-color:#f59e0b;background:#f59e0b24}.renew-option-promo.selected .renew-option-check{color:#f59e0b}.renew-promo-tag{display:inline-flex;align-items:center;gap:3px;margin-left:6px;font-size:10.5px;font-weight:700;color:#fbbf24;background:#f59e0b26;padding:1px 7px;border-radius:6px;vertical-align:middle}.renew-promo-tag i{font-size:12px}.renew-option-locked{color:var(--text3)}.renew-modal-actions{display:flex;gap:8px;margin-top:14px;position:sticky;bottom:0;background:var(--bg2);padding-top:10px}.renew-btn-primary{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:10px;background:#6366f1;border:none;color:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s,opacity .15s}.renew-btn-primary:hover{background:#4f52d8}.renew-btn-primary:disabled{opacity:.5;cursor:not-allowed}.renew-btn-cancel{padding:10px 18px;border-radius:10px;background:var(--bg3);border:1px solid var(--border);color:var(--text2);font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}.renew-btn-cancel:hover{background:var(--bg-elevated);color:var(--text)}@keyframes renew-spin{to{transform:rotate(360deg)}}.renew-spin{animation:renew-spin .7s linear infinite;display:inline-block}#view-finance{flex-direction:column;background:var(--bg);overflow-y:auto}.fin-header{display:flex;align-items:center;gap:10px;padding:14px 20px;background:var(--bg2);border-bottom:1px solid var(--border-subtle);font-size:16px;font-weight:600;color:var(--text);flex-shrink:0}.fin-header i{font-size:20px;color:#a78bfa}.fin-conn{margin-left:auto;font-size:13px;font-weight:500;padding:3px 10px;border-radius:10px}.fin-conn.on{background:#2ecc712e;color:#2ecc71}.fin-conn.off{background:#8696a02e;color:var(--text2)}.fin-body{display:flex;justify-content:center;padding:40px 20px;flex:1}.fin-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:12px;background:var(--bg2);border:1px solid var(--border-subtle);border-radius:14px;padding:24px}.fin-form-title,.fin-qr-title,.fin-ok-title{font-size:16px;font-weight:600;color:var(--text);text-align:center}.fin-input{width:100%;padding:11px 14px;border-radius:10px;background:var(--bg3);border:1px solid var(--border);color:var(--text);font-size:14px;font-family:inherit}.fin-input:focus{outline:none;border-color:#6366f1}.fin-btn{padding:11px 18px;border-radius:10px;background:#6366f1;border:none;color:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.fin-btn:hover{background:#4f52d8}.fin-btn:disabled{opacity:.5;cursor:not-allowed}.fin-btn-ghost{background:var(--bg3);color:var(--text2);border:1px solid var(--border)}.fin-btn-ghost:hover{background:var(--bg4);color:var(--text)}.fin-error{font-size:13px;color:#ef4444;text-align:center}.fin-card-qr{align-items:center}.fin-qr-img{width:240px;height:240px;background:#fff;padding:10px;border-radius:12px}.fin-qr-loading{padding:80px 0;color:var(--text2)}.fin-qr-hint{font-size:13px;color:var(--text2);text-align:center}.fin-card-ok{align-items:center;text-align:center}.fin-ok-icon{font-size:56px;color:#2ecc71;line-height:1}.fin-ok-sub{font-size:13px;color:var(--text2)}.fin-accounts{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:4px}.fin-account{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg3);border-radius:8px;font-size:13px}.fin-currency{font-weight:700;color:#a78bfa}.fin-iban{color:var(--text2);font-family:monospace}.fin-spin{display:inline-block;animation:finSpin 1.2s linear infinite}@keyframes finSpin{to{transform:rotate(360deg)}}.fin-card-busy{align-items:center;text-align:center}.fin-busy-icon{font-size:56px;color:#f59e0b;line-height:1}.fin-busy-sub{font-size:13px;color:var(--text2)}.fin-card-sync{gap:14px}.fin-sync-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text)}.fin-sync-title i{font-size:22px}.fin-sync-steps{display:flex;flex-direction:column;gap:6px}.fin-sync-step{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg3);border-radius:8px;font-size:13px}.fin-sync-step i{font-size:16px;color:var(--text2)}.fin-sync-step.ok i{color:#2ecc71}.fin-sync-step.fail i{color:#ef4444}.fin-sync-step.current i{color:#6366f1}.fin-step-name{flex:1;color:var(--text)}.fin-step-count{font-weight:700;color:#a78bfa;background:#a78bfa1f;padding:2px 8px;border-radius:8px;font-size:12px}.fin-step-error{color:#ef4444;font-size:11px}.fin-sync-actions{display:flex;gap:8px}.fin-sync-actions .fin-btn{flex:1}.fin-header{position:relative}.fin-header-btn{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;background:#6366f1;color:#fff;border:none;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.fin-header-btn:hover{background:#4f52d8}.fin-header-btn:disabled{opacity:.5;cursor:not-allowed}.fin-header-btn i{font-size:16px}.fin-dashboard{flex:1;display:flex;flex-direction:column;overflow:hidden}.fin-month-nav{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--bg2);border-bottom:1px solid var(--border-subtle)}.fin-month-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:var(--bg3);border:1px solid var(--border);color:var(--text);cursor:pointer;font-size:18px}.fin-month-btn:hover:not(:disabled){background:var(--bg4)}.fin-month-btn:disabled{opacity:.3;cursor:not-allowed}.fin-month-label{font-size:15px;font-weight:600;color:var(--text);min-width:150px;text-align:center}.fin-last-sync{margin-left:auto;font-size:11px;color:var(--text3)}.fin-tabs{display:flex;gap:4px;padding:8px 20px 0;background:var(--bg2);border-bottom:1px solid var(--border-subtle)}.fin-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;background:transparent;border:none;color:var(--text2);font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;border-bottom:2px solid transparent}.fin-tab:hover{color:var(--text)}.fin-tab.sel{color:var(--text);border-bottom-color:#6366f1}.fin-tab-count{font-size:11px;padding:1px 8px;border-radius:8px;background:#a78bfa2e;color:#c4b5fd}.fin-pane{flex:1;overflow-y:auto;padding:16px 20px}.fin-pane-empty{padding:40px;text-align:center;color:var(--text2)}.fin-summary{display:flex;gap:12px;margin-bottom:16px}.fin-sum-item{flex:1;padding:12px 14px;background:var(--bg2);border:1px solid var(--border-subtle);border-radius:10px;display:flex;flex-direction:column;gap:2px}.fin-sum-lbl{font-size:11px;color:var(--text2);text-transform:uppercase;letter-spacing:.04em}.fin-sum-val{font-size:18px;font-weight:700;color:var(--text)}.fin-sum-val.pos{color:#2ecc71}.fin-sum-val.neg{color:#ef4444}.fin-sum-cnt{font-size:11px;color:var(--text3)}.fin-list{display:flex;flex-direction:column;gap:4px}.fin-row{padding:10px 14px;background:var(--bg2);border:1px solid var(--border-subtle);border-radius:8px}.fin-row-main{display:flex;justify-content:space-between;align-items:center;gap:12px}.fin-row-amount{font-weight:700;color:var(--text)}.fin-row-amount.pos{color:#2ecc71}.fin-row-amount.neg{color:#ef4444}.fin-row-payment{font-size:13px;color:var(--text2);text-align:right}.fin-row-sub{font-size:11px;color:var(--text3);margin-top:3px}.fin-chart-wrap{background:var(--bg2);border:1px solid var(--border-subtle);border-radius:10px;padding:12px 16px 16px;margin-bottom:16px;height:220px;display:flex;flex-direction:column}.fin-chart-title{font-size:12px;color:var(--text2);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.fin-chart-wrap canvas{flex:1;min-height:0}.fin-chart-tall{height:320px}.fin-compare-table{background:var(--bg2);border:1px solid var(--border-subtle);border-radius:10px;padding:8px 4px;margin-bottom:16px}.fin-cmp-row{display:grid;grid-template-columns:1.4fr 1fr 1.6fr;align-items:center;padding:8px 14px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text)}.fin-cmp-row:last-child{border-bottom:none}.fin-cmp-row.fin-cmp-head{font-size:11px;color:var(--text2);text-transform:uppercase;letter-spacing:.04em}.fin-cmp-row.current{background:#a78bfa0f;font-weight:600}.fin-cmp-row .pos{color:#2ecc71}.fin-cmp-row .neg{color:#ef4444}.fin-cmp-month{font-size:11px;color:var(--text3);margin-left:6px}.fin-forecast{margin-bottom:16px}.fin-forecast-head{font-size:11px;color:var(--text2);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.fin-forecast-sub{font-size:11px;color:var(--text3);text-transform:none;letter-spacing:0}.fin-forecast-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.fin-fc-card{padding:12px 14px;background:var(--bg2);border:1px dashed var(--border-subtle);border-radius:10px;display:flex;flex-direction:column;gap:3px}.fin-fc-lbl{font-size:11px;color:var(--text2);display:flex;align-items:center;gap:6px}.fin-fc-dot{width:8px;height:8px;border-radius:2px;display:inline-block;flex:none}.fin-fc-val{font-size:18px;font-weight:700;color:var(--text)}.fin-fc-sub{font-size:11px;color:var(--text3)}.fin-fc-sub.pos{color:#2ecc71}.fin-fc-sub.neg{color:#ef4444}@media (max-width: 560px){.fin-forecast-grid{grid-template-columns:1fr}}.fin-logout-btn{margin-left:10px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:var(--bg3);border:1px solid var(--border);color:var(--text2);cursor:pointer;font-size:16px;flex:none}.fin-logout-btn:hover{background:var(--bg4);color:var(--text)}.fin-row-click{cursor:pointer;transition:border-color .12s,background .12s}.fin-row-click:hover{border-color:#a78bfa73;background:var(--bg3)}.fin-row-cat{margin-left:8px;padding:1px 8px;border-radius:8px;background:#a78bfa29;color:#c4b5fd;font-size:11px;display:inline-flex;align-items:center;gap:3px}.fin-row-cat i{font-size:11px;opacity:.8;font-style:normal}.fin-row-cat.none{background:#8696a01f;color:var(--text3)}.fin-cat-summary{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.fin-cat-sum-item{padding:5px 10px;border-radius:8px;font-size:12px;font-family:inherit;background:var(--bg2);border:1px solid var(--border-subtle);color:var(--text2);cursor:pointer}.fin-cat-sum-item:hover{border-color:#a78bfa73;color:var(--text)}.fin-cat-sum-item.sel{border-color:#6366f1;background:#6366f129;color:var(--text)}.fin-cat-sum-item.all{border-style:solid}.fin-cat-sum-item b{color:var(--text);font-weight:600;margin-left:4px}.fin-cat-sum-item i{font-style:normal;color:var(--text3);font-size:11px}.fin-cat-sum-item.income b{color:#2ecc71}.fin-cat-sum-item.expense b{color:#ef4444}.fin-cat-sum-item.none{border-style:dashed}.fin-modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#0000009e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}.fin-modal{width:100%;max-width:640px;background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:18px 20px 20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 24px 60px #00000080}.fin-modal-head{display:flex;align-items:flex-start;gap:12px}.fin-modal-title{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.fin-modal-title .fin-row-amount{font-size:20px}.fin-modal-kind{font-size:12px;padding:2px 9px;border-radius:8px;background:var(--bg3)}.fin-modal-kind.pos{color:#2ecc71}.fin-modal-kind.neg{color:#ef4444}.fin-modal-close{margin-left:auto;background:none;border:none;color:var(--text2);font-size:22px;line-height:1;cursor:pointer}.fin-modal-close:hover{color:var(--text)}.fin-modal-sub{font-size:12px;color:var(--text3);display:flex;gap:6px;flex-wrap:wrap}.fin-modal-acc{margin-left:auto;color:var(--text2)}.fin-modal-purpose{font-size:13px;color:var(--text);background:var(--bg3);border-radius:8px;padding:8px 10px;line-height:1.4}.fin-modal-section{border-top:1px solid var(--border-subtle);padding-top:12px;display:flex;flex-direction:column;gap:10px}.fin-modal-label{font-size:11px;color:var(--text2);text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.fin-modal-cur,.fin-modal-hint{text-transform:none;letter-spacing:0;color:var(--text3)}.fin-modal-hint{font-size:11px;margin-left:auto}.fin-modal-actions{display:flex;gap:8px;flex-wrap:wrap}.fin-modal-actions .fin-btn{flex:1;min-width:200px}.fin-btn-danger{background:#b91c1c}.fin-btn-danger:hover{background:#a11616}.fin-cat-list{display:flex;flex-wrap:wrap;gap:6px}.fin-cat-chip{padding:6px 12px;border-radius:8px;cursor:pointer;font-family:inherit;background:var(--bg3);border:1px solid var(--border);color:var(--text2);font-size:13px}.fin-cat-chip:hover{background:var(--bg4);color:var(--text)}.fin-cat-chip.sel{background:#6366f138;border-color:#6366f1;color:#fff}.fin-cat-chip.fin-cat-add{border-style:dashed}.fin-cat-new{display:flex;gap:8px;align-items:center}.fin-cat-new .fin-input{flex:1}.fin-cat-new .fin-btn{white-space:nowrap}.fin-rule-row{display:flex;gap:8px}.fin-rule-row .fin-input{flex:1}.fin-rule-row .fin-btn{white-space:nowrap}.fin-rule-warn{font-size:12px;color:#fbbf24;background:#fbbf241a;border:1px solid rgba(251,191,36,.25);border-radius:8px;padding:8px 10px;display:flex;gap:6px;align-items:center}.fin-rule-summary{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px}.fin-rule-total{font-size:14px;font-weight:700;color:var(--text)}.fin-rule-chip{padding:3px 9px;border-radius:8px;background:var(--bg3);color:var(--text2)}.fin-rule-chip b{color:var(--text)}.fin-rule-chip.warn{background:#ef444424;color:#fca5a5}.fin-rule-chip.warn b{color:#fca5a5}.fin-rule-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-subtle)}.fin-rule-tab{padding:7px 12px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text2);font-size:13px;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:6px}.fin-rule-tab:hover{color:var(--text)}.fin-rule-tab.sel{color:var(--text);border-bottom-color:#6366f1}.fin-rule-list{max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.fin-rule-item{padding:7px 10px;background:var(--bg3);border-radius:8px}.fin-rule-item-main{display:flex;align-items:center;gap:10px;font-size:13px}.fin-rule-item-date{color:var(--text3);font-size:11px}.fin-rule-item-sub{font-size:11px;color:var(--text3);margin-top:2px;line-height:1.35}.fin-rule-more{font-size:11px;color:var(--text3);text-align:center;padding:6px}@media (max-width: 560px){.fin-modal-back{padding:12px 8px}.fin-modal{padding:14px}.fin-rule-row{flex-direction:column}.fin-modal-actions .fin-btn{min-width:0}}.fin-rule-conds{display:flex;flex-direction:column;gap:6px}.fin-rule-cond{display:flex;align-items:center;gap:8px}.fin-rule-cond .fin-input{flex:1}.fin-rule-and{font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;width:18px;flex:none}.fin-rule-cond:first-child .fin-input{margin-left:26px}.fin-rule-cond-del{background:none;border:none;color:var(--text3);cursor:pointer;font-size:18px;line-height:1;padding:0 2px;flex:none}.fin-rule-cond-del:hover{color:#ef4444}.fin-rule-add{align-self:flex-start;margin-left:26px}@media (max-width: 560px){.fin-rule-cond:first-child .fin-input,.fin-rule-add{margin-left:0}}.fin-rule-sub{border-top:1px dashed var(--border-subtle);padding-top:10px;display:flex;flex-direction:column;gap:8px}.fin-rule-sub-title{font-size:11px;color:var(--text2);text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.fin-rule-sub-title i{font-size:14px;color:#a78bfa}.fin-rule-select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--text2) 50%),linear-gradient(135deg,var(--text2) 50%,transparent 50%);background-position:calc(100% - 16px) 52%,calc(100% - 11px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:32px}.fin-rule-select option{background:var(--bg2);color:var(--text)}.fin-toggle{display:flex;align-items:flex-start;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.fin-toggle input{display:none}.fin-toggle-track{width:38px;height:22px;border-radius:11px;flex:none;margin-top:1px;background:var(--bg4);border:1px solid var(--border);display:flex;align-items:center;padding:2px;transition:background .15s}.fin-toggle-knob{width:16px;height:16px;border-radius:50%;background:var(--text2);transition:transform .15s,background .15s}.fin-toggle input:checked+.fin-toggle-track{background:#6366f180;border-color:#6366f1}.fin-toggle input:checked+.fin-toggle-track .fin-toggle-knob{transform:translate(16px);background:#fff}.fin-toggle-text{font-size:13px;color:var(--text);display:flex;flex-direction:column;gap:2px}.fin-toggle-text .fin-modal-hint{margin-left:0}.fin-row-cat.transfer{background:#38bdf829;color:#7dd3fc}.fin-cat-sum-item.transfer b{color:#7dd3fc}.fin-audit-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.fin-audit-item{padding:7px 10px;background:var(--bg3);border-radius:8px}.fin-audit-main{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}.fin-audit-main i{font-size:15px;color:#a78bfa;flex:none}.fin-audit-text{flex:1}.fin-audit-src{font-size:10px;padding:1px 7px;border-radius:8px;flex:none;background:#8696a029;color:var(--text3);text-transform:uppercase;letter-spacing:.04em}.fin-audit-src.rule{background:#6366f12e;color:#a5b4fc}.fin-audit-sub{font-size:11px;color:var(--text3);margin-top:2px}.fin-period-switch{display:flex;align-items:center;gap:6px;margin-bottom:12px}.fin-period-btn{padding:5px 12px;border-radius:8px;font-size:12px;font-family:inherit;cursor:pointer;background:var(--bg2);border:1px solid var(--border-subtle);color:var(--text2)}.fin-period-btn:hover{color:var(--text);border-color:#a78bfa73}.fin-period-btn.sel{background:#a78bfa29;border-color:#a78bfa;color:var(--text)}.fin-period-hint{font-size:11px;color:var(--text3)}.fin-scale-switch{display:flex;gap:4px;margin-left:8px}.fin-scale-btn{padding:5px 11px;border-radius:8px;font-size:12px;font-family:inherit;cursor:pointer;background:var(--bg3);border:1px solid var(--border);color:var(--text2)}.fin-scale-btn:hover{color:var(--text)}.fin-scale-btn.sel{background:#a78bfa2e;border-color:#a78bfa;color:var(--text)}.fin-custom-range{display:flex;align-items:center;gap:6px;margin-left:8px;font-size:12px;color:var(--text3)}.fin-date-input{padding:5px 8px;font-size:12px;width:auto;color-scheme:dark}.fin-btn-sm{padding:5px 12px;font-size:12px}@media (max-width: 720px){.fin-month-nav{flex-wrap:wrap;row-gap:8px}.fin-scale-switch,.fin-custom-range{margin-left:0}}.fin-input-wrap{position:relative;flex:1;display:flex}.fin-input-wrap .fin-input{width:100%;padding-right:34px}.fin-input-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;cursor:pointer;line-height:1;color:var(--text3);font-size:16px}.fin-input-clear:hover{color:var(--text)}.fin-chip-curr{margin-left:6px;padding:1px 6px;border-radius:6px;font-size:10px;background:#38bdf82e;color:#7dd3fc;letter-spacing:.04em}.fin-curr-select{width:auto;min-width:84px;cursor:pointer;color-scheme:dark}.fin-acc-currency{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--text2);background:#fbbf2414;border:1px solid rgba(251,191,36,.22);border-radius:8px;padding:8px 10px}.fin-row-curr{margin-left:6px;padding:0 6px;border-radius:6px;font-size:10px;background:var(--bg4);color:var(--text2);letter-spacing:.04em}.fin-row-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right;min-width:0}.fin-row-right .fin-row-cat{margin-left:0}.fin-row-main{align-items:flex-start}@media (max-width: 560px){.fin-row-right{max-width:60%}}.fin-period-warn{display:inline-flex;align-items:center;gap:6px;margin-left:10px;padding:5px 11px;border-radius:8px;font-size:12px;font-family:inherit;cursor:pointer;background:#fbbf241f;border:1px solid rgba(251,191,36,.32);color:#fbbf24}.fin-period-warn:hover{background:#fbbf2433}.fin-header-actions{margin-left:auto;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.fin-header-actions .fin-header-btn{margin-left:0}.fin-header-btn-alt{background:#0ea5e9}.fin-header-btn-alt:hover{background:#0284c7}.fin-header-btn-ghost{background:var(--bg3);border:1px solid var(--border);color:var(--text2)}.fin-header-btn-ghost:hover{background:var(--bg4);color:var(--text)}.fin-modal-narrow{max-width:420px}