:root{--bg-app:#09090b;--bg-surface:#121215;--bg-primary-nav:#050507;--bg-hover:#1c1c21;--bg-active:#232329;--bg-input:#18181c;--primary:#6366f1;--primary-hover:#4f46e5;--accent-btn:#6366f1;--bubble-in:#1c1c21;--bubble-in-border:#27272a;--bubble-out:#6366f1;--bubble-out-text:#fff;--text-main:#f4f4f5;--text-muted:#a1a1aa;--text-subtle:#71717a;--border:#27272a;--online-color:#10b981;--danger:#ef4444;--col-header-height:60px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm:0 1px 3px 0 #0006;--shadow-md:0 8px 24px -4px #00000080, 0 4px 12px -2px #0000004d}*{box-sizing:border-box;font-family:var(--font-family);-webkit-font-smoothing:antialiased;margin:0;padding:0}:focus{outline:none}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;font-family:inherit}button:focus,button:focus-visible,button:active{box-shadow:none!important;outline:none!important}body,html{background-color:var(--bg-app);width:100%;height:100%;color:var(--text-main);overflow:hidden}.crm-app-grid{background-color:var(--bg-app);width:100vw;height:100vh;display:flex;overflow:hidden}.col-primary-nav{background-color:var(--bg-primary-nav);color:#fff;flex-direction:column;justify-content:flex-start;align-items:center;width:60px;min-width:60px;height:100%;padding-bottom:14px;display:flex}.messenger-view-container{flex:1;grid-template-columns:210px 280px 1fr 280px;height:100%;display:grid;overflow:hidden}.nav-logo{height:var(--col-header-height);min-height:var(--col-header-height);color:#fff;border-bottom:1px solid #ffffff1a;justify-content:center;align-items:center;width:100%;display:flex}.primary-nav-menu{flex-direction:column;flex:1;align-items:center;gap:8px;width:100%;margin-top:10px;display:flex}.primary-nav-item{color:#a1a1aa;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .15s;display:flex;position:relative}.primary-nav-item:hover{color:#fff;background-color:#ffffff1a}.primary-nav-item.active{color:#fff;background-color:#fff3}.nav-unread-dot{background-color:var(--online-color);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.primary-nav-bottom{flex-direction:column;align-items:center;gap:12px;display:flex}.user-avatar-btn{color:#fff;cursor:pointer;background-color:#27272a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.col-nav-sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border);flex-direction:column;height:100%;display:flex}.brand-box{height:var(--col-header-height);min-height:var(--col-header-height);border-bottom:1px solid var(--border);align-items:center;padding:0 16px;display:flex}.brand-title{color:var(--text-main);letter-spacing:-.3px;font-size:14.5px;font-weight:800}.nav-scroll-area{flex-direction:column;flex:1;gap:16px;padding:12px 10px;display:flex;overflow-y:auto}.nav-section{flex-direction:column;gap:2px;display:flex}.nav-section-title{color:var(--text-subtle);letter-spacing:.5px;text-transform:uppercase;padding:4px 8px;font-size:10.5px;font-weight:700}.nav-link{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;outline:none;justify-content:flex-start;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-link:hover{background-color:var(--bg-hover);color:var(--text-main)}.nav-link.active{color:#818cf8;background-color:#6366f124;border-color:#6366f14d;font-weight:600}.nav-link:focus,.nav-link:focus-visible,.nav-link:active{box-shadow:none!important;outline:none!important}.nav-label-text{text-align:left;flex:1}.nav-count{color:var(--text-subtle);margin-left:auto;font-size:11.5px}.nav-badge{background-color:var(--primary);color:#fff;border-radius:8px;margin-left:auto;padding:1px 6px;font-size:10.5px;font-weight:700}.status-indicator{border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-left:2px;margin-right:2px}.dot-all{background-color:var(--text-subtle)}.dot-agent{background-color:#3b82f6}.dot-awaiting{background-color:#f59e0b}.dot-paused{background-color:#10b981}.agent-item{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:12.5px;transition:all .15s;display:flex}.agent-item:hover{background-color:var(--bg-hover)}.agent-item.active{background-color:var(--bg-input);color:var(--text-main);font-weight:600}.agent-avatar{color:#09090b;background-color:#e4e4e7;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.agent-status{border-radius:50%;width:6px;height:6px;margin-left:auto}.agent-status.online{background-color:var(--online-color)}.col-conv-sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border);flex-direction:column;height:100%;display:flex}.conv-sidebar-header{height:var(--col-header-height);min-height:var(--col-header-height);border-bottom:1px solid var(--border);align-items:center;padding:0 16px;display:flex;position:relative}.conv-header-title{color:var(--text-main);align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}.conv-header-title.dropdown-toggle{cursor:pointer;border-radius:6px;margin-left:-8px;padding:4px 8px;transition:background .15s}.conv-header-title.dropdown-toggle:hover{background-color:var(--bg-hover)}.conv-header-title svg{color:var(--text-muted)}.chevron-down{opacity:.6}.number-dropdown{background-color:var(--bg-surface);border:1px solid var(--border);width:230px;box-shadow:var(--shadow-md);z-index:50;border-radius:8px;flex-direction:column;padding:6px 0;display:flex;position:absolute;top:52px;left:12px}.dropdown-header{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.5px;padding:6px 12px;font-size:10.5px;font-weight:700}.number-item{cursor:pointer;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12.5px;transition:background .15s;display:flex}.number-item:hover{background-color:var(--bg-hover)}.number-item.active{background-color:var(--bg-active);font-weight:700}.number-val{font-family:monospace}.number-tag{color:var(--text-muted);background-color:var(--bg-input);border-radius:4px;padding:1px 5px;font-size:10.5px}.filter-tags-bar{align-items:center;gap:8px;padding:8px 12px 6px;display:flex}.filter-icon-btn{border:1px solid var(--border);background-color:var(--bg-surface);cursor:pointer;width:32px;height:32px;color:var(--text-muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.filter-icon-btn:hover{background-color:var(--bg-hover);color:var(--text-main)}.filter-red-dot{background-color:#ef4444;border-radius:50%;width:6px;height:6px;position:absolute;top:5px;right:5px}.filter-pill-tag{background-color:var(--bg-input);border:1px solid var(--border);color:var(--text-main);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.filter-pill-tag:hover{background-color:var(--bg-hover);border-color:#a1a1aa}.filter-pill-tag.active{color:#fff;background-color:#09090b;border-color:#09090b}.filter-pill-tag .close-tag{opacity:.6;border-radius:3px;padding:0 2px;font-size:13px}.filter-pill-tag .close-tag:hover{opacity:1;background-color:#0000001a}.conversation-list{flex-direction:column;flex:1;gap:6px;padding:6px 10px;display:flex;overflow-y:auto}.empty-conversations-state{color:var(--text-subtle);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:50px 16px;font-size:13px;font-weight:500;display:flex}.empty-conversations-state svg{color:var(--text-subtle);opacity:.5}.loading-spinner{color:var(--text-subtle);text-align:center;justify-content:center;align-items:center;gap:8px;width:100%;padding:40px 16px;font-size:12px;font-weight:500;display:flex}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-main)!important;-webkit-box-shadow:inset 0 0 0 1000px #18181c!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-main)!important;-webkit-box-shadow:inset 0 0 0 1000px #18181c!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-main)!important;-webkit-box-shadow:inset 0 0 0 1000px #18181c!important}textarea:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-main)!important;-webkit-box-shadow:inset 0 0 0 1000px #18181c!important}select:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-main)!important;-webkit-box-shadow:inset 0 0 0 1000px #18181c!important}.col-conversations-list{background-color:var(--bg-surface);border-right:1px solid var(--border);flex-direction:column;height:100%;display:flex;overflow:hidden}.conversations-header{height:var(--col-header-height);min-height:var(--col-header-height);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:0 12px;display:flex}.conv-search-box{background-color:var(--bg-input);border:1px solid var(--border);box-sizing:border-box;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:0;height:32px;padding:0 12px;transition:border-color .15s;display:flex}.conv-search-box:focus-within{border-color:var(--primary)}.conv-search-box .search-icon{color:var(--text-subtle);flex-shrink:0}.conv-search-box input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-size:13px}.conv-search-box input::placeholder{color:var(--text-subtle)}.add-contact-icon-btn{box-sizing:border-box;background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .15s;display:flex}.add-contact-icon-btn:hover{background-color:var(--primary-hover)}.paste-btn{transition:all .18s cubic-bezier(.4,0,.2,1)!important}.paste-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #6366f159;background-color:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}.paste-btn:active{transform:scale(.95)}.primary-nav-item[data-tooltip],.user-avatar-btn[data-tooltip],.nav-logo[data-tooltip]{position:relative}.primary-nav-item[data-tooltip]:after,.user-avatar-btn[data-tooltip]:after,.nav-logo[data-tooltip]:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:99999;background-color:#181820;border:1px solid #2e2e38;border-radius:8px;padding:6px 11px;font-size:11.5px;font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)scale(.92);box-shadow:0 8px 24px #0009}.primary-nav-item[data-tooltip]:before,.user-avatar-btn[data-tooltip]:before,.nav-logo[data-tooltip]:before{content:"";pointer-events:none;opacity:0;z-index:99999;border:5px solid #0000;border-left-width:0;border-right:6px solid #2e2e38;transition:all .15s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:calc(100% + 6px);transform:translateY(-50%)scale(.92)}.primary-nav-item[data-tooltip]:hover:after,.primary-nav-item[data-tooltip]:hover:before,.user-avatar-btn[data-tooltip]:hover:after,.user-avatar-btn[data-tooltip]:hover:before,.nav-logo[data-tooltip]:hover:after,.nav-logo[data-tooltip]:hover:before{opacity:1;transform:translateY(-50%)scale(1)}.conversations-scroll-area{flex-direction:column;flex:1;gap:4px;padding:8px;display:flex;overflow-y:auto}.empty-conv-notice{text-align:center;color:var(--text-subtle);padding:32px 16px;font-size:13px}.nav-section-header{justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.icon-btn-sm{background:var(--bg-input);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.icon-btn-sm:hover{color:#fff;background:var(--primary);border-color:var(--primary)}.conv-item{cursor:pointer;background-color:#0000;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:all .15s;display:flex;position:relative}.conv-item:hover{background-color:var(--bg-hover)}.conv-item.active{box-shadow:inset 3px 0 0 0 var(--primary);background-color:#6366f126;border-radius:8px}.contact-avatar{color:#fff;width:40px;height:40px;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.conv-content{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.conv-top-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.conv-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13.5px;font-weight:600;overflow:hidden}.conv-time{color:var(--text-subtle);flex-shrink:0;font-size:11px}.conv-bottom-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.conv-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12.5px;overflow:hidden}.unread-badge{background-color:var(--primary);color:#fff;border-radius:10px;flex-shrink:0;margin-left:4px;padding:1px 7px;font-size:10.5px;font-weight:700}.col-active-chat{background-color:var(--bg-app);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.active-chat-view{flex-direction:column;width:100%;height:100%;display:flex}.chat-header{height:var(--col-header-height);min-height:var(--col-header-height);background-color:var(--bg-surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:0 20px;display:flex}.chat-contact-info{align-items:center;gap:12px;display:flex}.chat-contact-meta{flex-direction:column;justify-content:center;gap:2px;display:flex}.chat-contact-name{color:var(--text-main);margin:0;font-size:14.5px;font-weight:700;line-height:1.2}.chat-contact-sub{color:var(--text-muted);align-items:center;gap:6px;margin:0;font-size:12px;line-height:1.2;display:flex}.online-indicator{background-color:var(--online-color);border-radius:50%;flex-shrink:0;width:7px;height:7px}.chat-header-actions{align-items:center;gap:8px;display:flex}.pin-chat-btn{background-color:var(--bg-input);border:1px solid var(--border);color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.pin-chat-btn:hover{background-color:var(--bg-hover);border-color:var(--text-muted)}.pin-chat-btn.pinned{color:#fff;background-color:#3b82f6;border-color:#3b82f6}.pin-chat-btn.pinned svg{fill:#fff;stroke:#fff}.chat-messages-area{background-color:#09090b;flex-direction:column;flex:1;gap:14px;padding:20px 24px;display:flex;overflow-y:auto}.chat-bubble-row{width:100%;display:flex}.chat-bubble-row.outbound{justify-content:flex-end}.chat-bubble-row.inbound{justify-content:flex-start}.chat-bubble{word-break:break-word;max-width:60%;box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:4px;padding:10px 14px;font-size:13.5px;line-height:1.45;display:flex;position:relative}.chat-bubble.inbound{color:var(--text-main);background-color:#1c1c24;border:1px solid #27272a;border-bottom-left-radius:4px}.chat-bubble.outbound{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-bottom-right-radius:4px;box-shadow:0 4px 12px #6366f140}.bubble-text{font-size:13.5px;line-height:1.45}.bubble-time{opacity:.85;align-self:flex-end;align-items:center;gap:4px;margin-top:2px;font-size:10.5px;display:flex}.msg-status-ticks{align-items:center;margin-left:2px;display:inline-flex}.msg-tick{display:block}.msg-tick.tick-sending{color:#fff9}.msg-tick.tick-sent,.msg-tick.tick-delivered{color:#ffffffd9}.msg-tick.tick-read{color:#60a5fa}.chat-input-bar{background-color:var(--bg-surface);border-top:1px solid var(--border);padding:12px 20px}.quick-templates-bar{align-items:center;gap:8px;margin-bottom:10px;padding:2px 0;display:flex;overflow-x:auto}.template-pill-btn{color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#3b82f61f;border:1px solid #3b82f659;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex}.template-pill-btn:hover{background-color:#3b82f63d;border-color:#3b82f6}.template-pill-btn:active{background-color:#3b82f652}.verified-badge-blue{color:#3b82f6;flex-shrink:0}.chat-input-wrapper{background-color:var(--bg-input);border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;padding:6px 8px 6px 14px;transition:border-color .15s;display:flex}.chat-input-wrapper:focus-within{border-color:var(--primary)}.attach-btn{color:var(--text-subtle);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .15s;display:flex}.attach-btn:hover{color:var(--text-main)}.chat-input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;font-size:13.5px}.chat-input::placeholder{color:var(--text-subtle)}.send-btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.send-btn:hover:not(:disabled){background-color:var(--primary-hover)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.empty-chat-state{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.empty-chat-card{background:var(--bg-surface);border:1px solid var(--border);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:12px;max-width:360px;padding:40px 32px;display:flex}.empty-chat-card h3{font-size:16px;font-weight:700}.empty-chat-card p{color:var(--text-subtle);font-size:13px}.col-details-sidebar{background-color:var(--bg-surface);border-left:1px solid var(--border);flex-direction:column;height:100%;display:flex;overflow:hidden}.details-header{height:var(--col-header-height);min-height:var(--col-header-height);border-bottom:1px solid var(--border);align-items:center;padding:0 18px;display:flex}.details-header h3{color:var(--text-main);font-size:14px;font-weight:700}.details-scroll-area{flex-direction:column;flex:1;gap:18px;padding:16px;display:flex;overflow-y:auto}.empty-details-notice{text-align:center;color:var(--text-subtle);padding:32px 16px;font-size:13px}.client-details-card{background-color:var(--bg-input);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;gap:8px;padding:14px;display:flex}.client-card-name{color:var(--text-main);align-items:center;gap:8px;margin-bottom:2px;font-size:14.5px;font-weight:700;display:flex}.client-card-row{color:var(--text-muted);align-items:center;gap:8px;font-size:12.5px;display:flex}.client-card-row .email-text{color:#818cf8}.client-card-row.company{color:var(--primary);font-weight:600}.card-icon{color:var(--text-subtle);flex-shrink:0}.tasks-section{flex-direction:column;gap:10px;display:flex}.tasks-header{justify-content:space-between;align-items:center;display:flex}.tasks-title{color:var(--text-main);font-size:13px;font-weight:700}.tasks-count-badge{background-color:var(--bg-input);border:1px solid var(--border);color:var(--text-muted);border-radius:10px;padding:1px 7px;font-size:11px;font-weight:700}.task-add-box{background-color:var(--bg-input);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:8px;padding:10px;transition:border-color .15s;display:flex}.task-add-box:focus-within{border-color:var(--primary)}.task-add-box input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-size:12.5px}.task-add-box input::placeholder{color:var(--text-subtle)}.task-add-bar{justify-content:space-between;align-items:center;display:flex}.priority-select{appearance:none;background-color:var(--bg-surface);border:1px solid var(--border);color:var(--text-main);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border-radius:8px;outline:none;padding:5px 26px 5px 10px;font-size:11.5px;font-weight:500;transition:all .15s}.priority-select.priority-high{color:#f87171;border-color:#ef444466}.priority-select.priority-medium{color:#fbbf24;border-color:#f59e0b66}.priority-select.priority-low{color:#60a5fa;border-color:#3b82f666}.add-task-submit-btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:5px 14px;font-size:12px;font-weight:600;transition:all .15s}.add-task-submit-btn:hover:not(:disabled){background-color:var(--primary-hover)}.add-task-submit-btn:disabled{opacity:.35;cursor:not-allowed;background-color:var(--bg-surface);color:var(--text-subtle);border:1px solid var(--border)}.empty-subtext{color:var(--text-subtle);text-align:center;padding:8px 0;font-size:12px}.tasks-list{flex-direction:column;gap:8px;display:flex}.task-card-item{background-color:var(--bg-input);border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;transition:all .15s;display:flex;position:relative}.task-card-item:hover{border-color:#3f3f46}.task-checkbox-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;padding:0;display:flex}.task-check.done{color:#10b981}.task-check.todo{color:var(--text-subtle)}.task-item-title{color:var(--text-main);cursor:pointer;word-break:break-word;flex:1;font-size:13px;font-weight:500;line-height:1.45}.task-card-item.completed{opacity:.55}.task-card-item.completed .task-item-title{color:var(--text-subtle);text-decoration:line-through}.task-priority-tag{letter-spacing:.5px;text-transform:uppercase;border-radius:6px;flex-shrink:0;margin-top:1px;padding:2px 7px;font-size:9.5px;font-weight:700}.task-priority-tag.priority-high{color:#f87171;background-color:#ef444426}.task-priority-tag.priority-medium{color:#fbbf24;background-color:#f59e0b26}.task-priority-tag.priority-low{color:#60a5fa;background-color:#3b82f626}.task-delete-btn{color:var(--text-subtle);cursor:pointer;opacity:0;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:all .15s;display:flex}.task-card-item:hover .task-delete-btn{opacity:1}.task-delete-btn:hover{color:#ef4444}.notes-header{justify-content:space-between;align-items:center;display:flex}.notes-section-title{color:var(--text-main);font-size:13px;font-weight:700}.note-add-form{gap:8px;display:flex}.note-input{background-color:var(--bg-input);border:1px solid var(--border);color:var(--text-main);border-radius:8px;outline:none;flex:1;padding:7px 12px;font-size:12.5px}.note-input:focus{border-color:var(--primary)}.note-add-btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s;display:flex}.note-add-btn:hover:not(:disabled){background-color:var(--primary-hover)}.note-add-btn:disabled{opacity:.4;cursor:not-allowed}.note-card{background-color:#f59e0b14;border:1px solid #f59e0b38;border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;transition:border-color .15s;display:flex;position:relative}.note-card:hover{border-color:#f59e0b66}.note-card-header{justify-content:space-between;align-items:center;display:flex}.note-author{color:#fbbf24;font-size:11px;font-weight:700}.note-right{align-items:center;gap:6px;display:flex}.note-time{color:var(--text-subtle);font-size:10px}.note-del-btn{color:var(--text-subtle);cursor:pointer;opacity:0;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:all .15s;display:flex}.note-card:hover .note-del-btn{opacity:1}.note-del-btn:hover{color:#ef4444}.note-text{color:#e2e8f0;font-size:12.5px;line-height:1.4}.details-user{align-items:center;gap:10px;display:flex}.details-user-meta{flex-direction:column;display:flex}.details-name{font-size:14px;font-weight:700}.edit-hint{color:var(--text-subtle);font-size:10.5px}.editable-field{cursor:pointer;border-bottom:1px dashed #0000;outline:none;margin:-1px -2px;padding:1px 2px;transition:all .15s}.editable-field:hover{border-bottom:1px dashed var(--text-subtle);background-color:#0000}.editable-field:focus{border-bottom:2px solid var(--primary);color:var(--text-main);box-shadow:none;background-color:#0000;border-radius:0}.details-body{flex-direction:column;gap:16px;padding:16px;display:flex;overflow-y:auto}.details-group{flex-direction:column;gap:8px;display:flex}.details-row{justify-content:space-between;font-size:12.5px;display:flex}.details-row .label{color:var(--text-muted)}.details-row .val{font-weight:600}.badge{background-color:var(--bg-input);border-radius:4px;padding:2px 6px;font-size:11px}.divider{border:none;border-top:1px solid var(--border)}.notes-section{flex-direction:column;gap:10px;display:flex}.notes-title{font-size:13px;font-weight:700}.note-input-box{background-color:var(--bg-input);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:6px;padding:8px;display:flex}.note-input-box textarea{resize:none;background:0 0;border:none;outline:none;width:100%;height:50px;font-size:12px}.save-note-btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;align-self:flex-end;padding:4px 10px;font-size:11px;font-weight:600}.notes-list{flex-direction:column;gap:8px;display:flex}.note-card{background-color:var(--bg-input);border-radius:6px;padding:8px 10px;font-size:12px}.note-author{color:var(--text-muted);margin-bottom:4px;font-size:10.5px}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background-color:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background-color:#121215;border:1px solid #27272a;border-radius:14px;flex-direction:column;gap:14px;width:90%;max-width:420px;padding:20px;display:flex;box-shadow:0 20px 40px -10px #000000b3}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-header h3{font-size:16px;font-weight:700}.close-modal-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:20px}.form-group{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.form-group label{color:var(--text-muted);font-size:12px;font-weight:600}.form-group input{background-color:var(--bg-input);border:1px solid var(--border);border-radius:6px;outline:none;padding:8px 10px;font-size:13px}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.btn{cursor:pointer;border:none;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:600}.primary-btn{color:#fff;background-color:#6366f1;transition:all .15s}.primary-btn:hover{background-color:#4f46e5}.secondary-btn{color:var(--text-main);border:1px solid var(--border);background-color:#1e1e24;transition:background-color .15s}.secondary-btn:hover{background-color:#27272a}@media (width<=1200px){.crm-app-grid{grid-template-columns:60px 200px 260px 1fr}.col-details-sidebar{display:none}}@media (width<=900px){.crm-app-grid{grid-template-columns:60px 240px 1fr}.col-nav-sidebar{display:none}}.contacts-view-container{background-color:var(--bg-app);flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden}.contacts-header-bar{background-color:var(--bg-surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;width:100%;height:48px;min-height:48px;margin-bottom:0;padding:0 20px;display:flex}.contacts-view-content{flex-direction:column;flex:1;gap:8px;min-height:0;padding:10px 20px;display:flex;overflow-y:auto}.contacts-title-area{align-items:center;gap:12px;display:flex}.contacts-page-title{letter-spacing:-.3px;color:var(--text-main);font-size:18px;font-weight:700}.header-user-profile{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:4px 8px;transition:background .15s;display:flex}.header-user-profile:hover{background-color:var(--bg-hover)}.user-profile-avatar{color:#fff;background-color:#09090b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.user-profile-name{color:var(--text-main);font-size:13px;font-weight:600}.contacts-badge{background-color:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);border-radius:12px;padding:2px 10px;font-size:11.5px;font-weight:600}.contacts-header-actions{align-items:center;gap:10px;display:flex}.contacts-search-box{background-color:var(--bg-surface);border:1px solid var(--border);width:300px;box-shadow:var(--shadow-sm);border-radius:8px;align-items:center;gap:8px;padding:6px 12px;display:flex}.contacts-search-box input{background:0 0;border:none;outline:none;width:100%;font-size:12.5px}.btn-contacts-primary{color:#fff;cursor:pointer;background-color:#6366f1;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-contacts-primary:hover{background-color:#4f46e5}.btn-contacts-secondary{background-color:var(--bg-surface);color:var(--text-main);border:1px solid var(--border);cursor:pointer;height:36px;box-shadow:none;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.btn-contacts-secondary:hover{background-color:var(--bg-hover)}.contacts-metrics-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.metric-card{background-color:var(--bg-surface);border:1px solid var(--border);box-shadow:none;border-radius:12px;flex-direction:column;gap:6px;padding:16px 20px;display:flex}.metric-header{justify-content:space-between;align-items:center;display:flex}.metric-label{color:var(--text-muted);font-size:12px;font-weight:500}.metric-trend.positive{color:#10b981;background-color:#ecfdf5;border-radius:6px;padding:2px 6px;font-size:11px;font-weight:700}.metric-trend.neutral{color:#6b7280;background-color:#f3f4f6;border-radius:6px;padding:2px 6px;font-size:11px;font-weight:600}.metric-value{letter-spacing:-.5px;font-size:24px;font-weight:700}.metric-sub{color:var(--text-subtle);font-size:11.5px}.contacts-toolbar{border-bottom:none;justify-content:space-between;align-items:center;gap:16px;padding:4px 0;display:flex}.toolbar-left-group,.toolbar-right-group{align-items:center;gap:8px;display:flex}.toolbar-search-box{background-color:var(--bg-surface);border:1px solid var(--border);width:300px;height:36px;box-shadow:none;border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.toolbar-search-box input{width:100%;color:var(--text-main);background:0 0;border:none;outline:none;font-size:13px}.cmd-k-badge{color:var(--text-subtle);background-color:var(--bg-input);border:1px solid var(--border);white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.toolbar-filter-btn{background-color:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;height:36px;box-shadow:none;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.toolbar-filter-btn:hover{background-color:var(--bg-hover);color:var(--text-main);border-color:#d4d4d8}.source-segmented-group{height:36px;box-shadow:none;background-color:#121215;border:1px solid #27272a;border-radius:8px;align-items:center;gap:2px;padding:3px;display:inline-flex}.source-segmented-btn{color:#a1a1aa;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;outline:none;height:28px;padding:0 12px;font-size:12.5px;font-weight:500;transition:all .15s}.source-segmented-btn:hover{color:#f4f4f5;background-color:#1c1c21}.source-segmented-btn.active{color:#f4f4f5;background-color:#27272a;border:1px solid #3f3f46;font-weight:600;box-shadow:0 1px 3px #0000004d}.toolbar-segmented-control{background-color:#f4f4f5;border-radius:8px;align-items:center;gap:2px;padding:3px;display:flex}.segmented-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .15s}.segmented-btn.active{color:var(--text-main);box-shadow:var(--shadow-sm);background-color:#fff;font-weight:600}.contacts-table-card{background-color:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;overflow:hidden}.contacts-table{border-collapse:collapse;text-align:left;width:100%;font-size:12.5px}.contacts-table th{background-color:var(--bg-hover);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);padding:12px 16px;font-size:11px;font-weight:700}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.sortable-th:hover{background-color:var(--bg-input);color:var(--text-main)}.th-content{align-items:center;gap:4px;display:inline-flex}.sort-icon-svg{opacity:.35;transition:transform .2s,opacity .15s}.sortable-th:hover .sort-icon-svg{opacity:.9}.sortable-th.active-sort .sort-icon-svg{opacity:1;color:var(--text-main)}.sortable-th.sort-asc .sort-icon-svg{transform:rotate(180deg)}.sortable-th.sort-desc .sort-icon-svg{transform:rotate(0)}.contacts-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 16px}.contacts-table tr:last-child td{border-bottom:none}.contacts-table tr:hover{background-color:#fbfbfb}.contact-user-cell{align-items:center;gap:10px;font-weight:600;display:flex}.contact-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.contact-status-tag{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.contact-status-tag.client{color:#047857;background-color:#ecfdf5}.contact-status-tag.lead{color:#b45309;background-color:#fffbeb}.contact-action-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600;transition:all .15s}.contact-action-btn:hover{background-color:var(--bg-hover);color:var(--text-main)}.import-dropzone{border:2px dashed var(--border);text-align:center;background-color:var(--bg-hover);cursor:pointer;border-radius:12px;padding:32px 20px;transition:all .2s}.import-dropzone:hover,.import-dropzone.dragover{border-color:var(--text-main);background-color:var(--bg-surface)}.file-preview-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;margin-top:14px;padding:12px 16px;display:flex}.btn-contacts-secondary.exporting{background-color:var(--bg-hover);color:var(--text-main);pointer-events:none;opacity:.85}.btn-contacts-secondary.exporting .export-icon{animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-contacts-secondary.export-success{color:#047857;background-color:#ecfdf5;border-color:#a7f3d0;transition:all .25s}.kanban-outer-frame{background-color:var(--bg-surface);border:1px solid var(--border);min-height:0;box-shadow:none;border-radius:12px;flex-direction:column;flex:1;margin-top:0;padding:16px;display:flex;overflow:hidden}.kanban-board-container{flex:1;grid-template-columns:repeat(5,1fr);gap:14px;height:100%;min-height:0;display:grid;overflow-x:auto}.kanban-column{background-color:var(--bg-hover);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;min-width:220px;height:100%;min-height:0;padding:10px 12px;display:flex;overflow:hidden}.kanban-column-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:32px;margin-bottom:4px;padding-bottom:8px;display:flex}.kanban-column-title-group{flex-direction:row;align-items:center;gap:8px;display:flex}.kanban-column-title{color:var(--text-main);white-space:nowrap;align-items:center;margin:0;padding:0;font-size:13.5px;font-weight:700;line-height:1;display:inline-flex}.stage-dot{border-radius:50%;width:8px;height:8px}.stage-dot.new-dot{background-color:#6b7280}.stage-dot.qualified-dot{background-color:#3b82f6}.stage-dot.proposal-dot{background-color:#f59e0b}.stage-dot.contract-dot{background-color:#8b5cf6}.stage-dot.won-dot{background-color:#10b981}.kanban-count-badge{color:var(--text-muted);background-color:#1e1e24;border:1px solid #27272a;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.add-card-quick-btn{color:var(--text-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:16px;font-weight:500;transition:all .15s;display:inline-flex;box-shadow:none!important;background:0 0!important;border:none!important}.add-card-quick-btn:hover{color:var(--text-main);background-color:#ffffff14!important}.kanban-column-sum{color:var(--text-muted);font-size:12px;font-weight:700}.kanban-cards-list{flex-direction:column;flex:1;gap:10px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.kanban-card{background-color:var(--bg-surface);border:1px solid var(--border);cursor:grab;border-radius:10px;flex-direction:column;gap:8px;padding:12px;transition:transform .15s,box-shadow .15s;display:flex}.kanban-card:hover{transform:none}.kanban-card-header{justify-content:space-between;align-items:center;display:flex}.kanban-card-title{color:var(--text-main);font-size:13px;font-weight:700}.kanban-card-menu{color:var(--text-subtle);cursor:pointer;font-size:11px}.kanban-client-row{align-items:center;gap:8px;display:flex}.kanban-client-name{color:var(--text-muted);font-size:12px;font-weight:600}.kanban-meta-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.kanban-price-tag{color:var(--text-main);font-size:13px;font-weight:700}.kanban-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:6px;display:flex}.kanban-manager{align-items:center;gap:6px;display:flex}.manager-avatar{background-color:var(--text-main);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.manager-name{color:var(--text-subtle);font-size:11.5px}.kanban-task-pill{color:var(--text-muted);background-color:var(--bg-hover);border-radius:6px;padding:2px 6px;font-size:11px;font-weight:600}.kanban-task-pill.green{color:#047857;background-color:#ecfdf5}.task-kanban-card{background-color:var(--bg-surface);border:1px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:10px;flex-direction:column;gap:10px;padding:12px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.task-kanban-card:hover{border-color:var(--primary);transform:none}.task-kanban-card:active{cursor:grabbing}.task-kanban-card.dragging{opacity:.4;transform:scale(.98)}.kanban-column.drag-over .kanban-cards-list{border:2px dashed var(--primary);background-color:#1e88e50f;border-radius:8px}.task-priority-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.task-priority-badge.high{color:#f87171;background-color:#ef444426;border:1px solid #ef44444d}.task-priority-badge.medium{color:#fbbf24;background-color:#f59e0b26;border:1px solid #f59e0b4d}.task-priority-badge.low{color:#34d399;background-color:#10b98126;border:1px solid #10b9814d}.task-card-title{color:var(--text-main);font-size:13.5px;font-weight:600;line-height:1.35}.task-card-description{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.task-client-link{color:#a1a1aa;background-color:#1e1e24;border:1px solid #27272a;border-radius:6px;align-items:center;gap:6px;width:fit-content;padding:3px 8px;font-size:12px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.task-client-link:hover{color:#f4f4f5;background-color:#27272a;text-decoration:none}.task-card-footer-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding-top:8px;display:flex}.task-due-date{color:var(--text-subtle);align-items:center;gap:4px;font-size:11px;font-weight:500;display:inline-flex}.task-due-date.overdue{color:#dc2626;font-weight:700}.task-due-date.today{color:#d97706;font-weight:700}.task-action-btns{opacity:.8;align-items:center;gap:4px;transition:opacity .15s;display:flex}.task-kanban-card:hover .task-action-btns{opacity:1}.task-action-btn{color:var(--text-subtle);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;transition:background-color .15s,color .15s;display:flex}.task-action-btn:hover{background-color:var(--bg-hover);color:var(--text-main)}.task-action-btn.delete:hover{color:#f87171;background-color:#ef444426}input,select,textarea{background-color:var(--bg-input)!important;color:var(--text-main)!important;border-color:var(--border)!important}.toolbar-search-box input,.conv-search-box input,.contacts-search-box input{box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}input::placeholder,textarea::placeholder{color:var(--text-subtle)!important}select option{color:#f4f4f5!important;background-color:#121215!important}*{scrollbar-width:thin;scrollbar-color:#27272a transparent}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#27272a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#3f3f46}.mockup-task-card{cursor:grab;background-color:#141419;border:1px solid #23232a;border-radius:12px;flex-direction:column;gap:10px;padding:14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #0000004d}.mockup-task-card:hover{border-color:#3f3f46;transform:none}.card-top-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-tags-group{align-items:center;gap:6px;display:flex}.tag-pill-primary{color:#818cf8;background:#6366f126;border:1px solid #6366f14d;border-radius:6px;padding:3px 9px;font-size:11px;font-weight:600}.tag-pill-date{color:#a1a1aa;background:#1e1e24;border:1px solid #27272a;border-radius:6px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;display:inline-flex}.time-progress-section{flex-direction:column;gap:4px;margin-top:4px;display:flex}.time-progress-header{color:#71717a;justify-content:space-between;align-items:center;font-size:11px;display:flex}.time-progress-track{background-color:#232329;border-radius:3px;width:100%;height:5px;overflow:hidden}.time-progress-fill{border-radius:3px;height:100%;transition:width .4s}.stacked-avatars{align-items:center;display:flex}.stacked-avatar{color:#fff;border:2px solid #141419;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin-left:-6px;font-size:9px;font-weight:700;display:flex}.stacked-avatar:first-child{margin-left:0}.centered-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:130;background-color:#000000bf;justify-content:center;align-items:center;padding:24px;animation:.15s forwards fadeIn;display:flex;position:fixed;inset:0}.centered-modal-container{background-color:#0e0e12;border:1px solid #27272a;border-radius:16px;flex-direction:column;width:1040px;max-width:95vw;max-height:90vh;animation:.2s cubic-bezier(.4,0,.2,1) forwards scaleUp;display:flex;overflow:hidden;box-shadow:0 20px 50px #000000b3}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.centered-modal-header{background-color:#121216;border-bottom:1px solid #27272a;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.header-title-badge-group{align-items:center;gap:12px;display:flex}.modal-header-title{color:#f4f4f5;font-size:16px;font-weight:700}.centered-modal-body{flex-direction:column;flex:1;gap:20px;padding:20px 24px;display:flex;overflow-y:auto}.task-top-details-container{background-color:#121216;border:1px solid #27272a;border-radius:14px;flex-direction:column;gap:12px;padding:16px 20px;display:flex}.task-title-large-input{color:#fff;border-radius:6px;width:calc(100% + 16px);margin-left:-8px;padding:4px 8px;font-size:22px;font-weight:700;transition:all .15s;background:0 0!important;border:1px solid #0000!important;outline:none!important}.task-title-large-input:hover,.task-title-large-input:focus{background-color:#18181c!important;border-color:#27272a!important}.task-meta-rows{flex-direction:column;gap:10px;display:flex}.task-meta-two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.task-meta-row{align-items:center;gap:12px;display:flex}.meta-label-group{white-space:nowrap;color:#a1a1aa;flex-shrink:0;align-items:center;gap:6px;min-width:90px;font-size:13px;font-weight:500;display:flex}.meta-value-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.custom-select-wrapper{align-items:center;display:inline-flex;position:relative}.custom-select-arrow{pointer-events:none;position:absolute;right:10px}.task-status-pill-select{appearance:none;cursor:pointer;border-radius:8px;height:32px;padding:4px 28px 4px 12px;font-size:12.5px;font-weight:500;color:#f4f4f5!important;background-color:#18181c!important;border:1px solid #27272a!important;outline:none!important}.task-status-pill-select:hover{border-color:#3f3f46!important}.meta-date-input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:6px;padding:4px 8px;font-size:13px;font-weight:500;transition:all .15s;color:#f4f4f5!important;background-color:#0000!important;border:1px solid #0000!important}.meta-date-input:hover,.meta-date-input:focus{background-color:#18181c!important;border-color:#27272a!important}.custom-datepicker-container{display:inline-block;position:relative}.custom-datepicker-trigger{color:#f4f4f5;cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:4px 8px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.custom-datepicker-trigger:hover,.custom-datepicker-trigger.has-value:hover{background-color:#18181c;border-color:#27272a}.datepicker-display-text{color:#f4f4f5;font-family:inherit;font-size:13px}.custom-datepicker-popover{z-index:150;-webkit-user-select:none;user-select:none;background-color:#141419;border:1px solid #27272a;border-radius:12px;flex-direction:column;gap:10px;width:250px;padding:12px;animation:.15s forwards fadeIn;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 30px #0009}.datepicker-header{justify-content:space-between;align-items:center;display:flex}.datepicker-month-year{color:#f4f4f5;font-size:13px;font-weight:700}.datepicker-nav-btns{align-items:center;gap:4px;display:flex}.datepicker-nav-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.datepicker-nav-btn:hover{background-color:#1e1e24;border-color:#27272a}.datepicker-weekdays{text-align:center;color:#71717a;grid-template-columns:repeat(7,1fr);font-size:11px;font-weight:600;display:grid}.datepicker-days-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.datepicker-day-cell{color:#f4f4f5;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;margin:0 auto;font-size:12px;transition:all .15s;display:flex}.datepicker-day-cell:hover{background-color:#27272a}.datepicker-day-cell.other-month{color:#3f3f46}.datepicker-day-cell.selected{font-weight:700;color:#fff!important;background-color:#6366f1!important}.datepicker-day-cell.is-today:not(.selected){color:#818cf8;border:1px solid #6366f1}.datepicker-footer{border-top:1px solid #232329;justify-content:space-between;align-items:center;padding-top:6px;display:flex}.datepicker-footer-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:11.5px;font-weight:600}.datepicker-footer-btn.clear{color:#71717a}.datepicker-footer-btn.clear:hover{color:#f87171}.datepicker-footer-btn.today{color:#818cf8}.datepicker-footer-btn.today:hover{color:#a5b4fc}.assignee-pill-badge{background-color:#0000;border:1px solid #0000;border-radius:16px;align-items:center;gap:6px;padding:3px 8px;transition:all .15s;display:inline-flex}.assignee-pill-badge:hover{background-color:#18181c;border-color:#27272a}.assignee-avatar{color:#fff;background-color:#6366f1;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.assignee-select-inline{appearance:none;cursor:pointer;font-size:12.5px;font-weight:500;color:#f4f4f5!important;background:0 0!important;border:none!important;outline:none!important;padding:0 20px 0 0!important}.custom-select-arrow.inline-arrow{right:0}.range-datepicker-container{display:inline-block;position:relative}.range-datepicker-trigger-row{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:4px 8px;transition:all .15s;display:flex}.range-datepicker-trigger-row:hover{background-color:#18181c;border-color:#27272a}.range-date-badge{color:#f4f4f5;align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.time-sub-tag{color:#818cf8;background-color:#1e1e2d;border:1px solid #27273a;border-radius:4px;padding:1px 5px;font-size:11px;font-weight:600}.to-divider{color:#71717a;font-size:12px;font-weight:500}.range-datepicker-popover{z-index:180;-webkit-user-select:none;user-select:none;background-color:#141419;border:1px solid #27272a;border-radius:14px;flex-direction:column;gap:14px;width:540px;padding:18px;animation:.15s forwards fadeIn;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 16px 40px #000000b3}.dual-months-wrapper{grid-template-columns:1fr 1fr;gap:20px;display:grid}.month-calendar-block{flex-direction:column;gap:10px;display:flex}.month-header{justify-content:space-between;align-items:center;display:flex}.month-title{color:#f4f4f5;font-size:13px;font-weight:700}.weekdays-row{text-align:center;color:#71717a;grid-template-columns:repeat(7,1fr);font-size:11px;font-weight:600;display:grid}.month-days-grid{flex-direction:column;gap:2px;display:flex}.calendar-week-row{grid-template-columns:repeat(7,1fr);display:grid}.day-cell{color:#f4f4f5;cursor:pointer;border-radius:0;justify-content:center;align-items:center;height:28px;font-size:12px;transition:all .12s;display:flex;position:relative}.day-cell.empty{cursor:default}.day-cell:hover:not(.empty){background-color:#27272a;border-radius:6px}.day-cell.range-start{border-top-left-radius:6px;border-bottom-left-radius:6px;font-weight:700;color:#fff!important;background-color:#6366f1!important}.day-cell.range-end{border-top-right-radius:6px;border-bottom-right-radius:6px;font-weight:700;color:#fff!important;background-color:#6366f1!important}.day-cell.in-range{color:#e4e4e7;background-color:#1e1e2e}.time-picker-bar{background-color:#18181c;border:1px solid #27272a;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.time-picker-item{color:#a1a1aa;align-items:center;gap:6px;font-size:12px;display:flex}.custom-time-input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:6px;padding:2px 6px;font-size:12px;font-weight:600;color:#f4f4f5!important;background-color:#121216!important;border:1px solid #27272a!important}.range-popover-footer{border-top:1px solid #232329;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.range-summary-text{color:#a1a1aa;font-size:12px;font-weight:500}.range-footer-actions{align-items:center;gap:8px;display:flex}.btn-range-clear{color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600}.btn-range-clear:hover{color:#f87171}.btn-range-apply{color:#fff;cursor:pointer;background-color:#6366f1;border:none;border-radius:6px;padding:6px 16px;font-size:12px;font-weight:600;transition:background-color .15s}.btn-range-apply:hover{background-color:#4f46e5}.mockup-description-box{resize:vertical;border-radius:10px;width:100%;padding:12px 14px;font-size:13px;line-height:1.5;color:#d4d4d8!important;background-color:#0e0e12!important;border:1px solid #232329!important}.task-canvas-section{flex-direction:column;gap:10px;display:flex}.canvas-header-row{justify-content:space-between;align-items:center;display:flex}.canvas-header-title{color:#f4f4f5;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.canvas-completed-badge{color:#a1a1aa;font-size:12px;font-weight:600}.task-sidebar-header{border-bottom:1px solid #27272a;flex-direction:column;gap:12px;padding:20px;display:flex}.task-sidebar-header-top{justify-content:space-between;align-items:center;display:flex}.task-sidebar-title{color:#f4f4f5;font-size:17px;font-weight:700;line-height:1.35}.task-sidebar-meta-grid{background:#17171c;border:1px solid #27272a;border-radius:10px;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px;padding:12px;display:grid}.task-meta-item{flex-direction:column;gap:4px;display:flex}.task-meta-label{color:#71717a;text-transform:uppercase;font-size:11px;font-weight:600}.task-meta-val{color:#f4f4f5;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.task-status-select{border-radius:6px;height:26px;padding:2px 6px;font-size:12px;font-weight:600;color:#f4f4f5!important;background-color:#1e1e24!important;border:1px solid #27272a!important}.task-sidebar-body{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.task-sidebar-section{flex-direction:column;gap:10px;display:flex}.section-title-row{justify-content:space-between;align-items:center;display:flex}.section-title-row h3{color:#f4f4f5;font-size:13.5px;font-weight:700}.subtasks-count-text{color:#a1a1aa;font-size:12px;font-weight:600}.subtasks-progress-track{background-color:#1e1e24;border-radius:3px;width:100%;height:5px;overflow:hidden}.subtasks-progress-fill{border-radius:3px;height:100%;transition:width .3s}.subtasks-flow-container{flex-direction:column;gap:10px;margin-top:4px;display:flex}.subtask-flow-card{background-color:#18181c;border:1px solid #27272a;border-radius:10px;flex-direction:column;gap:6px;padding:12px;transition:border-color .15s,opacity .15s;display:flex;position:relative}.subtask-flow-card.completed{opacity:.6;border-color:#27272a}.subtask-flow-card.completed .subtask-card-title{color:#71717a;text-decoration:line-through}.subtask-card-header{justify-content:space-between;align-items:center;display:flex}.subtask-type-badge{color:#a1a1aa;background-color:#1e1e24;border:1px solid #27272a;border-radius:6px;align-items:center;gap:6px;padding:2px 8px;display:inline-flex}.subtask-card-title{color:#f4f4f5;font-size:13px;font-weight:500;line-height:1.35}.subtask-checkbox{cursor:pointer;accent-color:#6366f1;width:15px;height:15px}.delete-subtask-btn{color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex}.delete-subtask-btn:hover{color:#f87171}.empty-subtasks-state{color:#71717a;text-align:center;border:1.5px dashed #27272a;border-radius:8px;padding:16px;font-size:12px}.add-subtask-form{margin-top:8px}.subtask-type-select{border-radius:8px;height:36px;padding:0 8px;font-size:11px;color:#a1a1aa!important;background-color:#18181c!important;border:1px solid #27272a!important}.add-subtask-input{border:1px solid #27272a;border-radius:8px;flex:1;height:36px;padding:0 12px;font-size:12.5px}.add-subtask-submit-btn{color:#fff;cursor:pointer;background-color:#6366f1;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.figma-canvas-container{-webkit-user-select:none;user-select:none;background-color:#0b0b0e;border:1px solid #27272a;border-radius:12px;width:100%;min-height:420px;transition:all .25s;position:relative;overflow:hidden}.figma-canvas-container.fullscreen-canvas{z-index:9999999!important;background:#08080c!important;border:none!important;border-radius:0!important;width:100vw!important;height:100vh!important;margin:0!important;position:fixed!important;inset:0!important}.figma-canvas-container.fullscreen-canvas .figma-canvas-viewport{width:100vw!important;height:100vh!important}.figma-canvas-viewport{cursor:grab;touch-action:none;overscroll-behavior:none;background-image:radial-gradient(#27272a 1.2px,#0000 1.2px);background-size:24px 24px;width:100%;height:100%;position:relative}.figma-canvas-viewport.panning{cursor:grabbing}.figma-canvas-world{will-change:transform;width:100%;height:100%;transform-style:preserve-3d;backface-visibility:hidden;position:absolute;top:0;left:0}.canvas-toolbar{z-index:10;background-color:#141419;border:1px solid #27272a;border-radius:8px;align-items:center;gap:8px;padding:4px 8px;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 4px 12px #0006}.canvas-toolbar-group{align-items:center;gap:6px;display:flex}.canvas-toolbar-divider{background-color:#27272a;width:1px;height:18px}.canvas-tool-btn{color:#f4f4f5;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:11.5px;font-weight:500;transition:all .15s;display:inline-flex}.canvas-tool-btn:hover{background-color:#1e1e24;border-color:#27272a}.canvas-tool-btn.icon-only{color:#a1a1aa;padding:4px 6px}.figma-connections-svg{pointer-events:none;width:2500px;height:2500px;position:absolute;top:0;left:0}.figma-node-card{cursor:move;background-color:#16161c;border:1px solid #27272a;border-radius:12px;flex-direction:column;gap:10px;width:240px;padding:12px;transition:border-color .15s,box-shadow .15s;display:flex;position:absolute;box-shadow:0 8px 24px #0006}.figma-node-card:hover{border-color:#3f3f46;box-shadow:0 12px 32px #0009}.figma-node-card.node-completed{background-color:#121815;border-color:#059669}.figma-node-card.core{background-color:#121217!important;box-shadow:0 8px 24px #0009!important}.node-port{z-index:25;cursor:crosshair;background-color:#121217;border:1.5px solid #6366f1;border-radius:50%;width:7px;height:7px;transition:transform .15s,box-shadow .15s,background-color .15s;position:absolute}.node-port:hover,.node-port.port-active,.node-port.port-snapped{background-color:#6366f1;box-shadow:0 0 10px #6366f1e6;transform:scale(1.6)!important}.node-port.port-left{top:50%;left:-4.5px;transform:translateY(-50%)}.node-port.port-right{top:50%;right:-4.5px;transform:translateY(-50%)}.node-port.port-top{top:-4.5px;left:50%;transform:translate(-50%)}.node-port.port-bottom{bottom:-4.5px;left:50%;transform:translate(-50%)}.connection-path-hover{cursor:pointer;stroke:#0000;stroke-width:16px;fill:none}.connection-path-hover:hover+.connection-path-line,.connection-path-line:hover{filter:drop-shadow(0 0 6px #ec4899cc);stroke-width:3.5px!important;stroke:#ec4899!important}.node-card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.node-title-group{align-items:flex-start;gap:8px;display:flex}.node-icon-wrapper{background-color:#1e1e24;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:1px;display:flex}.node-title{color:#f4f4f5;font-size:13px;font-weight:700;line-height:1.2}.node-subtitle{color:#71717a;margin-top:2px;font-size:10px;font-weight:500;display:block}.node-check-btn{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.node-card-body{background-color:#121216;border:1px solid #232329;border-radius:8px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.node-item-row{color:#a1a1aa;align-items:center;gap:6px;font-size:11px;display:flex}.node-item-row.is-rule{color:#f97316;font-weight:600}.node-item-bullet{color:#71717a;font-size:9px}.node-card-footer{color:#71717a;justify-content:space-between;align-items:center;padding-top:2px;font-size:10px;display:flex}.node-time-badge{background-color:#1c1c22;border:1px solid #27272a;border-radius:4px;padding:1px 6px;font-weight:500}input.title-input-transparent{box-shadow:none!important;background:0 0!important}input[type=time]{--lightningcss-light: !important;--lightningcss-dark:initial!important;color-scheme:dark!important}input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.9)brightness(1.5)!important}.modal-control-input{box-shadow:none!important;background:#1a1a24!important;border:1px solid #282836!important;border-radius:8px!important;outline:none!important;transition:all .2s!important}.modal-control-input:hover{background:#1e1e2a!important;border-color:#3b3b4f!important;box-shadow:0 0 12px #6366f11f!important}.modal-control-input:focus{border-color:var(--primary)!important;box-shadow:0 0 16px #6366f140!important}.btn-modal-cancel{color:#a1a1aa;cursor:pointer;background-color:#1a1a24;border:1px solid #282836;border-radius:10px;justify-content:center;align-items:center;height:38px;padding:0 18px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-modal-cancel:hover{color:#fff;background-color:#252533;border-color:#3b3b4f;transform:translateY(-1px);box-shadow:0 4px 12px #0006}.btn-modal-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:1px solid #6366f180;border-radius:10px;justify-content:center;align-items:center;height:38px;padding:0 22px;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 16px #6366f166}.btn-modal-submit:hover{background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);border-color:#6366f1cc;transform:translateY(-1.5px)scale(1.01);box-shadow:0 6px 22px #6366f199}