:root{overflow-wrap:break-word;text-size-adjust:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--tt-gray-light-a-50:rgba(56,56,56,.04);--tt-gray-light-a-100:rgba(15,22,36,.05);--tt-gray-light-a-200:rgba(37,39,45,.1);--tt-gray-light-a-300:rgba(47,50,55,.2);--tt-gray-light-a-400:rgba(40,44,51,.42);--tt-gray-light-a-500:rgba(52,55,60,.64);--tt-gray-light-a-600:rgba(36,39,46,.78);--tt-gray-light-a-700:rgba(35,37,42,.87);--tt-gray-light-a-800:rgba(30,32,36,.95);--tt-gray-light-a-900:rgba(29,30,32,.98);--tt-gray-light-50:#fafafa;--tt-gray-light-100:#f4f4f5;--tt-gray-light-200:#eaeaeb;--tt-gray-light-300:#d5d6d7;--tt-gray-light-400:#a6a7ab;--tt-gray-light-500:#7d7f82;--tt-gray-light-600:#53565a;--tt-gray-light-700:#404145;--tt-gray-light-800:#2c2d30;--tt-gray-light-900:#222325;--tt-gray-dark-a-50:rgba(232,232,253,.05);--tt-gray-dark-a-100:rgba(231,231,243,.07);--tt-gray-dark-a-200:rgba(238,238,246,.11);--tt-gray-dark-a-300:rgba(239,239,245,.22);--tt-gray-dark-a-400:rgba(244,244,255,.37);--tt-gray-dark-a-500:rgba(236,238,253,.5);--tt-gray-dark-a-600:rgba(247,247,253,.64);--tt-gray-dark-a-700:rgba(251,251,254,.75);--tt-gray-dark-a-800:hsla(0,0%,99%,.88);--tt-gray-dark-a-900:hsla(0,0%,100%,.96);--tt-gray-dark-50:#19191a;--tt-gray-dark-100:#202022;--tt-gray-dark-200:#2d2d2f;--tt-gray-dark-300:#464649;--tt-gray-dark-400:#636369;--tt-gray-dark-500:#7c7c83;--tt-gray-dark-600:#a3a3a8;--tt-gray-dark-700:#c0c0c3;--tt-gray-dark-800:#e0e0e1;--tt-gray-dark-900:#f5f5f5;--tt-brand-color-50:#efeeff;--tt-brand-color-100:#dedbff;--tt-brand-color-200:#c3bdff;--tt-brand-color-300:#9d8aff;--tt-brand-color-400:#7a52ff;--tt-brand-color-500:#6229ff;--tt-brand-color-600:#5400e5;--tt-brand-color-700:#4b00cc;--tt-brand-color-800:#380099;--tt-brand-color-900:#2b1966;--tt-brand-color-950:#0d002e;--tt-color-green-inc-5:#f0fff2;--tt-color-green-inc-4:#d6ffdc;--tt-color-green-inc-3:#b8ffc5;--tt-color-green-inc-2:#90fea8;--tt-color-green-inc-1:#67fe92;--tt-color-green-base:#01fe73;--tt-color-green-dec-1:#03ce5e;--tt-color-green-dec-2:#02a247;--tt-color-green-dec-3:#007a35;--tt-color-green-dec-4:#005221;--tt-color-green-dec-5:#002e0f;--tt-color-yellow-inc-5:#fffcf0;--tt-color-yellow-inc-4:#fff7d1;--tt-color-yellow-inc-3:#fff1ad;--tt-color-yellow-inc-2:#ffeb8a;--tt-color-yellow-inc-1:#ffe45c;--tt-color-yellow-base:#fd0;--tt-color-yellow-dec-1:#d1b500;--tt-color-yellow-dec-2:#a38d00;--tt-color-yellow-dec-3:#7a6a00;--tt-color-yellow-dec-4:#524500;--tt-color-yellow-dec-5:#2e2600;--tt-color-red-inc-5:#ffeeeb;--tt-color-red-inc-4:#ffcdc2;--tt-color-red-inc-3:#fa9;--tt-color-red-inc-2:#ff8a75;--tt-color-red-inc-1:#ff5d47;--tt-color-red-base:#ff3014;--tt-color-red-dec-1:#d11800;--tt-color-red-dec-2:#a30e00;--tt-color-red-dec-3:#7a0800;--tt-color-red-dec-4:#520400;--tt-color-red-dec-5:#2e0100;--white:#fff;--black:#0e0e11;--transparent:hsla(0,0%,100%,0);--tt-shadow-elevated-md:0px 16px 48px 0px rgba(17,24,39,.04),0px 12px 24px 0px rgba(17,24,39,.04),0px 6px 8px 0px rgba(17,24,39,.02),0px 2px 3px 0px rgba(17,24,39,.02);--tt-radius-xxs:0.125rem;--tt-radius-xs:0.25rem;--tt-radius-sm:0.375rem;--tt-radius-md:0.5rem;--tt-radius-lg:0.75rem;--tt-radius-xl:1rem;--tt-transition-duration-short:0.1s;--tt-transition-duration-default:0.2s;--tt-transition-duration-long:0.64s;--tt-transition-easing-default:cubic-bezier(0.46,0.03,0.52,0.96);--tt-transition-easing-cubic:cubic-bezier(0.65,0.05,0.36,1);--tt-transition-easing-quart:cubic-bezier(0.77,0,0.18,1);--tt-transition-easing-circ:cubic-bezier(0.79,0.14,0.15,0.86);--tt-transition-easing-back:cubic-bezier(0.68,-0.55,0.27,1.55);--tt-accent-contrast:8%;--tt-destructive-contrast:8%;--tt-foreground-contrast:8%;:root,:root *,:root :after,:root :before{box-sizing:border-box;transition:none var(--tt-transition-duration-default) var(--tt-transition-easing-default)}}:root{--tt-bg-color:var(--white);--tt-border-color:var(--tt-gray-light-a-200);--tt-border-color-tint:var(--tt-gray-light-a-100);--tt-sidebar-bg-color:var(--tt-gray-light-100);--tt-scrollbar-color:var(--tt-gray-light-a-200);--tt-cursor-color:var(--tt-brand-color-500);--tt-selection-color:rgba(157,138,255,.2);--tt-card-bg-color:var(--white);--tt-card-border-color:var(--tt-gray-light-a-100)}.dark{--tt-bg-color:var(--black);--tt-border-color:var(--tt-gray-dark-a-200);--tt-border-color-tint:var(--tt-gray-dark-a-100);--tt-sidebar-bg-color:var(--tt-gray-dark-100);--tt-scrollbar-color:var(--tt-gray-dark-a-200);--tt-cursor-color:var(--tt-brand-color-400);--tt-selection-color:rgba(122,82,255,.2);--tt-card-bg-color:var(--tt-gray-dark-50);--tt-card-border-color:var(--tt-gray-dark-a-50);--tt-shadow-elevated-md:0px 16px 48px 0px rgba(0,0,0,.5),0px 12px 24px 0px rgba(0,0,0,.24),0px 6px 8px 0px rgba(0,0,0,.22),0px 2px 3px 0px rgba(0,0,0,.12)}:root{--tt-color-text-gray:#787673;--tt-color-text-brown:#9d6a53;--tt-color-text-orange:#d9730d;--tt-color-text-yellow:#ca922f;--tt-color-text-green:#448361;--tt-color-text-blue:#327da9;--tt-color-text-purple:#8f64af;--tt-color-text-pink:#c24c8b;--tt-color-text-red:#d34a45;--tt-color-text-gray-contrast:rgba(84,71,49,.15);--tt-color-text-brown-contrast:hsla(18,43%,69%,.35);--tt-color-text-orange-contrast:rgba(224,123,56,.27);--tt-color-text-yellow-contrast:rgba(236,190,65,.39);--tt-color-text-green-contrast:rgba(123,183,129,.27);--tt-color-text-blue-contrast:rgba(94,166,207,.27);--tt-color-text-purple-contrast:rgba(168,129,197,.27);--tt-color-text-pink-contrast:rgba(225,137,180,.27);--tt-color-text-red-contrast:hsla(8,79%,79%,.4)}.dark{--tt-color-text-gray:#9c9c9c;--tt-color-text-brown:#b9856e;--tt-color-text-orange:#c77d48;--tt-color-text-yellow:#ca994e;--tt-color-text-green:#519e71;--tt-color-text-blue:#3699d3;--tt-color-text-purple:#9e69d3;--tt-color-text-pink:#d15796;--tt-color-text-red:#df5553;--tt-color-text-gray-contrast:hsla(0,0%,100%,.09);--tt-color-text-brown-contrast:rgba(185,103,70,.25);--tt-color-text-orange-contrast:rgba(233,125,37,.2);--tt-color-text-yellow-contrast:rgba(179,130,61,.2);--tt-color-text-green-contrast:rgba(45,154,101,.2);--tt-color-text-blue-contrast:rgba(50,125,169,.2);--tt-color-text-purple-contrast:rgba(155,96,210,.18);--tt-color-text-pink-contrast:rgba(220,76,146,.22);--tt-color-text-red-contrast:rgba(221,85,85,.25)}:root{--tt-color-highlight-yellow:#fef9c3;--tt-color-highlight-green:#dcfce7;--tt-color-highlight-blue:#e0f2fe;--tt-color-highlight-purple:#f3e8ff;--tt-color-highlight-red:#ffe4e6;--tt-color-highlight-gray:#f8f8f7;--tt-color-highlight-brown:#f4eeee;--tt-color-highlight-orange:#fbecdd;--tt-color-highlight-pink:#fcf1f6;--tt-color-highlight-yellow-contrast:#fbe604;--tt-color-highlight-green-contrast:#c7fad8;--tt-color-highlight-blue-contrast:#ceeafd;--tt-color-highlight-purple-contrast:#e4ccff;--tt-color-highlight-red-contrast:#ffccd0;--tt-color-highlight-gray-contrast:rgba(84,72,49,.15);--tt-color-highlight-brown-contrast:hsla(18,43%,69%,.35);--tt-color-highlight-orange-contrast:rgba(224,124,57,.27);--tt-color-highlight-pink-contrast:rgba(225,136,179,.27)}.dark{--tt-color-highlight-yellow:#6b6524;--tt-color-highlight-green:#509568;--tt-color-highlight-blue:#6e92aa;--tt-color-highlight-purple:#583e74;--tt-color-highlight-red:#743e42;--tt-color-highlight-gray:#2f2f2f;--tt-color-highlight-brown:#4a3228;--tt-color-highlight-orange:#5c3b23;--tt-color-highlight-pink:#4e2c3c;--tt-color-highlight-yellow-contrast:#58531e;--tt-color-highlight-green-contrast:#47855d;--tt-color-highlight-blue-contrast:#5e86a1;--tt-color-highlight-purple-contrast:#4c3564;--tt-color-highlight-red-contrast:#643539;--tt-color-highlight-gray-contrast:hsla(0,0%,100%,.094);--tt-color-highlight-brown-contrast:rgba(184,101,69,.25);--tt-color-highlight-orange-contrast:rgba(233,126,37,.2);--tt-color-highlight-pink-contrast:rgba(220,76,145,.22)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes zoomIn{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes zoomOut{0%{transform:scale(1)}to{transform:scale(.95)}}@keyframes zoom{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideFromTop{0%{transform:translateY(-.5rem)}to{transform:translateY(0)}}@keyframes slideFromRight{0%{transform:translateX(.5rem)}to{transform:translateX(0)}}@keyframes slideFromLeft{0%{transform:translateX(-.5rem)}to{transform:translateX(0)}}@keyframes slideFromBottom{0%{transform:translateY(.5rem)}to{transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--bg-primary:#fff;--bg-secondary:#fff;--bg-tertiary:#f7f7f7;--accent-primary:#e52f72;--accent-primary-light:rgba(229,47,114,.06);--accent-primary-hover:#cc2965;--accent-secondary:#0ea5e9;--accent-success:#22c55e;--accent-warning:#f59e0b;--accent-danger:#ef4444;--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-muted:#8a8a8a;--text-placeholder:#b3b3b3;--border-primary:#ebebeb;--border-light:#f0f0f0;--border-focus:#e52f72;--shadow-sm:0 1px 2px rgba(0,0,0,.03);--shadow-md:0 2px 8px rgba(0,0,0,.04);--shadow-lg:0 4px 16px rgba(0,0,0,.06);--shadow-xl:0 12px 32px rgba(0,0,0,.08)}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-secondary);color:var(--text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width:769px){body{overflow:hidden}}@media (max-width:768px){input,select,textarea{font-size:16px!important}}h1{font-size:2rem;font-weight:700;letter-spacing:-.03em;margin-bottom:.5rem;color:var(--text-primary);background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset}.subtitle{font-size:1rem;color:var(--text-muted);font-weight:400;margin-bottom:2rem}.user-email{display:inline-block;font-size:.875rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:.5rem 1rem;border-radius:999px;margin-top:1.25rem;border:1px solid var(--border-primary)}.btn{display:inline-flex;align-items:center;gap:.625rem;padding:.75rem 1.5rem;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:500;border:none;border-radius:10px;cursor:pointer;transition:all .15s ease;text-decoration:none}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:0 2px 8px rgba(229,47,114,.25)}.btn-primary:hover:not(:disabled){background:var(--accent-primary-hover);box-shadow:0 4px 12px rgba(229,47,114,.3);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-primary)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-primary)}.btn-danger{background:var(--accent-danger);color:#fff;box-shadow:0 2px 8px rgba(239,68,68,.25)}.btn-danger:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px rgba(239,68,68,.3);transform:translateY(-1px)}.btn-danger-outline{background:transparent;color:var(--accent-danger);border-color:var(--accent-danger)}.btn-danger-outline:hover{background:rgba(239,68,68,.08)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-sm{padding:.375rem .75rem;font-size:.75rem;border-radius:6px}.google-icon{width:18px;height:18px}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.bg-pattern{position:fixed;inset:0;z-index:0;background:var(--bg-primary);overflow:hidden}.bg-pattern:after,.bg-pattern:before{display:none}.content{position:relative;z-index:1;text-align:center;padding:2rem}.card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:16px;padding:3rem 3.5rem;box-shadow:var(--shadow-lg);animation:cardEnter .5s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(16px)}@keyframes cardEnter{to{opacity:1;transform:translateY(0)}}.logo-mark{width:64px;height:64px;margin:0 auto 1.75rem;display:flex;align-items:center;justify-content:center}.logo-mark img{width:100%;height:100%;object-fit:contain}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.app-authenticated{flex-direction:column;align-items:stretch;justify-content:flex-start;overflow-x:hidden;height:100vh;background:var(--bg-secondary)}.app-authenticated .app-layout{display:flex;flex-direction:row;flex:1 1;min-height:0;height:100%;position:relative;z-index:1;overflow:hidden}.app-authenticated .app-content{flex:1 1;min-width:0;display:flex;flex-direction:column;overflow:hidden;height:100%}@media (min-width:769px){.app-authenticated{overflow:hidden}}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;background:var(--bg-primary);border-bottom:1px solid var(--border-primary);min-height:48px}.header-tabs{display:flex;align-items:stretch;gap:0;height:48px}.header-tabs .main-tab{height:100%;border-bottom:2px solid transparent;margin-bottom:-1px}.header-tabs .main-tab-active{border-bottom-color:var(--text-primary)}.header-right{display:flex;align-items:center;gap:.5rem}.header-right button{height:32px;box-sizing:border-box}.header-user{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-muted)}.header-user-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover}.main-content{flex:1 1;padding:1rem;position:relative;z-index:1;max-width:100%;overflow-x:hidden;overflow-y:auto;min-height:0;display:flex;flex-direction:column}@media (max-width:768px){.main-content{overflow-y:auto}}.welcome-section{animation:fadeIn .4s ease forwards;animation-delay:.2s;opacity:0}@keyframes fadeIn{to{opacity:1}}.actions{margin-top:1.5rem}.loading{display:flex;align-items:center;justify-content:center;gap:.375rem;color:var(--text-muted)}.loading-dot{width:6px;height:6px;background:var(--accent-primary);border-radius:50%;animation:bounce 1.4s ease-in-out infinite both;will-change:transform}.loading-dot:first-child{animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}.loading-dot:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.error-message{color:var(--accent-danger);font-size:.875rem;margin-bottom:1.25rem;padding:.75rem 1rem;background:rgba(239,68,68,.06);border-radius:8px;border:1px solid rgba(239,68,68,.15)}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;flex-shrink:0}.mobile-menu-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.mobile-active-tab{display:none;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:var(--text-primary)}.mobile-active-tab svg{width:16px;height:16px;opacity:.7}.mobile-nav-backdrop,.mobile-nav-menu{display:none}@media (max-width:768px){.app-header{padding:0 .75rem;flex-wrap:nowrap;gap:.5rem}.header-right,.header-tabs{display:none}.mobile-menu-btn{display:flex}.mobile-active-tab{display:flex;flex:1 1}.mobile-nav-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:199;animation:overlayFadeIn .15s ease forwards}.mobile-nav-menu{display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:min(280px,85vw);background:var(--bg-primary);border-right:1px solid var(--border-primary);z-index:200;padding:.5rem;overflow-y:auto;animation:mobileMenuSlideIn .2s cubic-bezier(.16,1,.3,1) forwards;box-shadow:var(--shadow-xl)}@keyframes mobileMenuSlideIn{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.mobile-nav-item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.625rem .75rem;background:transparent;border:none;border-radius:8px;font-family:inherit;font-size:.85rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;text-align:left;text-decoration:none}.mobile-nav-item.active,.mobile-nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.mobile-nav-item.active{font-weight:600}.mobile-nav-item svg{width:16px;height:16px;opacity:.6;flex-shrink:0}.mobile-nav-item.active svg{opacity:1}.mobile-nav-item:disabled{opacity:.5;cursor:not-allowed}.mobile-nav-divider{height:1px;background:var(--border-primary);margin:.375rem .5rem}.mobile-nav-user{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.75rem;color:var(--text-muted)}.mobile-nav-user .header-user-avatar{width:24px;height:24px}.mobile-nav-signout{color:var(--text-muted);font-size:.8rem}.add-message-btn-text,.customer-call-btn-text,.sync-btn-text{display:none}.main-content{padding:.75rem}.card{padding:2rem 1.5rem;border-radius:12px}.content{padding:1rem}}.main-tab{display:flex;align-items:center;gap:6px;padding:0 1rem;background:transparent;border:none;font-family:inherit;font-size:.8rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .15s ease;text-decoration:none}.main-tab:hover:not(.main-tab-active){color:var(--text-secondary)}.main-tab-active{color:var(--text-primary)}.main-tab svg{width:14px;height:14px;opacity:.6}.main-tab-active svg{opacity:1}.feedback-sections{grid-template-columns:repeat(2,1fr)}@media (max-width:1200px){.feedback-sections{grid-template-columns:1fr}}.mobile-tabs{display:none;margin-bottom:.75rem}.hashtag-sections{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem;align-items:stretch;max-width:100%;flex:1 1;min-height:0}.hashtag-section{display:flex;flex-direction:column;min-width:0;max-width:100%;min-height:0}@media (max-width:1600px){.hashtag-sections{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width:1200px){.hashtag-sections{grid-template-columns:1fr;overflow-y:auto}.hashtag-section{max-height:none}.messages-container{overflow-y:visible}}@media (max-width:768px){.mobile-tabs{display:flex;gap:0;background:var(--bg-primary);border-radius:8px;padding:3px;border:1px solid var(--border-primary);flex-shrink:0}.mobile-tab{flex:1 1;padding:.5rem .625rem;font-family:inherit;font-size:.75rem;font-weight:500;color:var(--text-muted);background:transparent;border:none;border-radius:5px;cursor:pointer;transition:all .15s ease}.mobile-tab:hover{color:var(--text-secondary)}.mobile-tab-active{background:var(--accent-primary);color:#fff}.hashtag-section{display:none}.hashtag-section-active{display:block}}.feedback-view{flex:1 1;display:flex;flex-direction:column;min-height:0;overflow-y:auto}.feedback-view-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:.75rem;gap:.75rem;align-items:start}@media (max-width:768px){.feedback-view .list-grid,.feedback-view-grid{grid-template-columns:1fr}}.messages-container{min-width:0;max-width:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;min-height:0;flex:1 1}.messages-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-light);flex-shrink:0}@media (max-width:768px){.messages-header{margin-bottom:.5rem;padding-bottom:.375rem}.messages-title{font-size:.85rem}.messages-count{font-size:.7rem;padding:.25rem .5rem}}.messages-title{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--text-primary)}.slack-icon{display:none}.messages-count{font-size:.7rem;color:var(--text-muted);background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:999px;font-weight:500}.messages-container .list-grid{display:flex;flex-direction:column;gap:.5rem;max-width:100%;flex:1 1;min-height:0;overflow:visible;padding-right:.25rem;padding-bottom:1rem}.messages-container::-webkit-scrollbar{width:5px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:var(--text-placeholder)}.message-card{position:relative;animation:cardSlideUp .3s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(8px);overflow:visible;z-index:1}.message-card .list-card-content,.message-card .list-card-footer,.message-card .list-card-header{padding:.875rem}.message-card .list-card-header{padding-bottom:0}.message-card .list-card-content{padding-top:.5rem;padding-bottom:.5rem}.message-card .list-card-footer{padding-top:.5rem;border-top:none}.feature-card:has(.inline-customer-dropdown),.inline-action-input:has(.inline-customer-dropdown),.message-card:has(.customer-link-dropdown),.message-card:has(.tag-suggestions){z-index:100}@keyframes cardSlideUp{to{opacity:1;transform:translateY(0)}}.message-time{font-size:.7rem;color:var(--text-placeholder);white-space:nowrap}.message-author{display:flex;align-items:center;gap:.25rem;font-size:.65rem;color:var(--text-muted)}.message-author-name{font-weight:500}.message-author-channel{color:var(--text-placeholder)}.message-author-channel-link{text-decoration:none;transition:color .15s ease}.message-author-channel-link:hover{color:var(--accent);text-decoration:underline}.message-customer-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%}.message-header-left{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1 1}.message-type-emoji{font-size:1rem;line-height:1;flex-shrink:0}.message-customer-header .message-time{font-size:.65rem;color:var(--text-placeholder);flex-shrink:0}.message-no-customer{display:block}.message-text{font-size:.85rem;line-height:1.5;color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.message-card .list-card-footer{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;border-top:1px solid var(--border-light)}.message-link{display:inline-flex;align-items:center;font-size:.75rem;color:var(--accent-primary);text-decoration:none;transition:color .15s ease;margin-left:auto;font-weight:500}.message-link:hover{color:var(--accent-primary-hover)}.messages-empty,.messages-error,.messages-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:200px;color:var(--text-muted)}.messages-error{color:var(--accent-danger)}.messages-empty-hint{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}@media (max-width:768px){.message-card{padding:.75rem;max-width:100%}}.feedback-advanced-filters{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.filter-dropdown{position:relative}.filter-dropdown-trigger{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:6px;font-family:inherit;font-size:.7rem;font-weight:500;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all .15s ease}.filter-dropdown-trigger:hover{color:var(--text-secondary);border-color:var(--border-primary)}.filter-dropdown-trigger.active{background:var(--accent-primary-light,rgba(229,47,114,.06));border-color:var(--accent-primary,#e52f72);color:var(--accent-primary,#e52f72)}.filter-dropdown-trigger.blocker-active{background:#fef2f2;border-color:#dc2626;color:#dc2626}.filter-dropdown-trigger.blocker-active svg{width:12px;height:12px}.filter-dropdown-trigger.failed-payment-active{background:#fff7ed;border-color:#ea580c;color:#ea580c}.filter-dropdown-trigger.failed-payment-active svg{width:12px;height:12px}.filter-dropdown-trigger.filter-icon-only{padding:.375rem .5rem;gap:.25rem}.filter-icon-badge{font-size:.65rem;font-weight:600;line-height:1}.filter-dropdown-trigger svg{flex-shrink:0;transition:transform .15s ease}.filter-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:200px;max-height:300px;overflow-y:auto;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-lg,0 8px 24px rgba(0,0,0,.12));z-index:100;padding:4px;animation:filterDropdownIn .12s ease}@keyframes filterDropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.filter-dropdown-check{width:14px;flex-shrink:0;display:inline-flex;align-items:center}.filter-dropdown-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.375rem .5rem;background:transparent;border:none;border-radius:6px;font-family:inherit;font-size:.8rem;color:var(--text-primary);cursor:pointer;text-align:left;transition:background .1s ease}.filter-dropdown-option:hover{background:var(--bg-secondary)}.filter-dropdown-option.active{background:var(--accent-primary-light,rgba(229,47,114,.06));color:var(--accent-primary,#e52f72);font-weight:500}.filter-dropdown-option-count{font-size:.7rem;color:var(--text-muted);background:var(--bg-tertiary);padding:.125rem .375rem;border-radius:4px;flex-shrink:0;margin-left:auto}.filter-dropdown-option.active .filter-dropdown-option-count{background:rgba(229,47,114,.1);color:var(--accent-primary,#e52f72)}.filter-dropdown-option-label{display:flex;flex-direction:column;gap:1px;min-width:0}.filter-dropdown-option-secondary{font-size:.7rem;color:var(--text-muted);font-weight:400}.filter-dropdown-empty{padding:.75rem;font-size:.8rem;color:var(--text-muted);text-align:center}.filter-dropdown-option.filter-dropdown-clear{justify-content:center;font-size:.7rem;font-weight:500;color:var(--text-muted);border-bottom:1px solid var(--border-light);border-radius:0;margin-bottom:2px}.filter-dropdown-option.filter-dropdown-clear:hover{color:var(--accent-danger,#ef4444);background:rgba(239,68,68,.05)}.filter-dropdown-clear{color:var(--accent-primary,#e52f72)!important;font-size:.7rem!important;border-bottom:1px solid var(--border-light);border-radius:0!important;margin-bottom:2px}.filter-clear-all-btn{padding:.375rem .625rem;background:transparent;border:1px solid var(--border-light);border-radius:6px;font-family:inherit;font-size:.7rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .15s ease;white-space:nowrap}.filter-clear-all-btn:hover{border-color:rgba(239,68,68,.3);color:var(--accent-danger,#ef4444);background:rgba(239,68,68,.05)}@media (max-width:768px){.feedback-advanced-filters{gap:.375rem;width:100%}.filter-dropdown-trigger{padding:.5rem .75rem;font-size:.75rem}.filter-dropdown-menu{min-width:220px;max-height:250px}}.customer-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem;background:var(--bg-tertiary,#f3f4f6);border:none;border-radius:999px;font-family:inherit;font-size:.75rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .15s ease}.customer-badge:hover{color:var(--accent-primary)}.customer-badge-icon{font-size:.7rem;opacity:.5;color:var(--text-muted)}.customer-badge-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-link-popover{position:relative}.link-customer-btn{display:inline-flex;align-items:center;gap:.25rem;padding:0;background:transparent;border:none;font-family:inherit;font-size:.7rem;font-weight:500;color:var(--text-placeholder);cursor:pointer;transition:all .15s ease}.link-customer-btn:hover{color:var(--accent-primary)}.customer-link-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:220px;max-width:calc(100vw - 2rem);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:10px;box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden;animation:tagDropdownIn .15s ease}.customer-link-input{width:100%;padding:8px 10px;background:transparent;border:none;border-bottom:1px solid var(--border-light);font-family:inherit;font-size:.8rem;color:var(--text-primary);outline:none}.customer-link-input::placeholder{color:var(--text-placeholder)}.customer-link-list{max-height:180px;overflow-y:auto}.customer-link-empty{padding:12px;font-size:.75rem;color:var(--text-muted);text-align:center}.customer-link-item{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;padding:8px 10px;background:transparent;border:none;cursor:pointer;transition:background .1s ease;text-align:left}.customer-link-item:hover{background:var(--bg-tertiary)}.customer-link-item-name{font-size:.8rem;font-weight:500;color:var(--text-primary)}.customer-link-item-detail{font-size:.75rem;color:var(--text-muted)}.customer-link-item-hide{border-bottom:1px solid var(--border-light)}.customer-link-item-hide .customer-link-item-name{color:var(--accent-danger);font-size:.75rem}.customer-selector-overlay{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.25);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:2rem;animation:overlayFadeIn .2s ease forwards}.customer-selector-modal{width:100%;max-width:440px;max-height:70vh;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:14px;display:flex;flex-direction:column;animation:modalSlideUp .25s cubic-bezier(.16,1,.3,1) forwards;box-shadow:var(--shadow-xl)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.customer-selector-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;border-bottom:1px solid var(--border-light)}.customer-selector-header h3{font-size:.95rem;font-weight:600;color:var(--text-primary)}.customer-selector-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:6px;transition:all .15s ease}.customer-selector-close:hover{background:rgba(239,68,68,.08);color:var(--accent-danger)}.customer-selector-close svg{width:16px;height:16px}.customer-selector-search{display:flex;align-items:center;gap:.625rem;padding:.625rem 1rem;border-bottom:1px solid var(--border-light);color:var(--text-muted)}.customer-selector-search input{flex:1 1;background:transparent;border:none;outline:none;font-family:inherit;font-size:.875rem;color:var(--text-primary)}.customer-selector-search input::placeholder{color:var(--text-placeholder)}.customer-selector-list{flex:1 1;overflow-y:auto;padding:.375rem}.customer-selector-empty,.customer-selector-loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--text-muted);font-size:.85rem}.customer-selector-item{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem;width:100%;padding:.625rem .875rem;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .1s ease;text-align:left}.customer-selector-item:hover{background:var(--bg-secondary)}.customer-selector-item-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.customer-selector-item-detail{font-size:.75rem;color:var(--text-muted)}.customer-selector-item-hide{background:rgba(239,68,68,.04);border:1px dashed rgba(239,68,68,.2);margin-bottom:.375rem}.customer-selector-item-hide:hover{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.3)}.customer-selector-item-hide .customer-selector-item-name{color:var(--accent-danger)}.customer-selector-item-hide .customer-selector-item-detail{color:rgba(239,68,68,.7)}.customers-view{flex:1 1;display:flex;flex-direction:column;min-height:0}@media (min-width:769px){.customers-view .feedback-advanced-filters{flex:1 1;justify-content:flex-end}}.customer-list-grid{display:flex;flex-direction:column;gap:.75rem;flex:1 1;overflow-y:auto}.customer-kanban{display:flex;gap:1.25rem;flex:1 1;overflow-x:auto;overflow-y:hidden;min-height:0;padding-bottom:.5rem}.customer-kanban-category{display:flex;flex-direction:column;min-width:0;min-height:0;flex-shrink:0}.customer-kanban-category-header{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:0 .25rem .5rem;margin-bottom:.5rem;border-bottom:2px solid var(--border-light);white-space:nowrap}.customer-kanban-category-unknown{color:var(--text-muted);border-bottom-color:var(--border-primary)}.customer-kanban-category-cancelled{color:#dc2626;border-bottom-color:rgba(220,38,38,.3)}.customer-kanban-column-cancelled{border-color:rgba(220,38,38,.2);background:rgba(220,38,38,.03)}.customer-kanban-category-columns{display:flex;gap:.75rem;flex:1 1;min-height:0}.customer-kanban-column{display:flex;flex-direction:column;min-width:220px;max-width:300px;flex:1 1;min-height:0;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:10px;overflow:visible}.customer-kanban-column-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.625rem .875rem;border-bottom:1px solid var(--border-light);flex-shrink:0}.customer-kanban-column-title{font-size:.8rem;font-weight:600;color:var(--text-primary)}.customer-kanban-column-count{font-size:.7rem;color:var(--text-muted);background:rgba(0,0,0,.04);padding:.15rem .5rem;border-radius:999px}.customer-kanban-column-cards{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;overflow-y:auto;flex:1 1}.customer-kanban-column-category{display:none}.customer-kanban-column-cards .customer-list-item{padding:.625rem .75rem;border-radius:8px;cursor:-webkit-grab;cursor:grab}.customer-kanban-column-cards .customer-list-item:active{cursor:-webkit-grabbing;cursor:grabbing}.customer-kanban-column-cards.kanban-drop-target{background:rgba(124,58,237,.06);border-radius:0 0 10px 10px;outline:2px dashed rgba(124,58,237,.3);outline-offset:-2px;transition:background .15s ease,outline-color .15s ease;min-height:60px}.kanban-dragging{z-index:10000}.kanban-dragging .customer-list-item{box-shadow:0 12px 28px rgba(0,0,0,.15),0 4px 10px rgba(0,0,0,.1);border-color:var(--accent-primary);transform:rotate(2deg);opacity:.95;cursor:-webkit-grabbing;cursor:grabbing}@media (max-width:768px){.customer-kanban{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;gap:.75rem;padding:0 .25rem .5rem}.customer-kanban-category,.customer-kanban-category-columns{display:contents}.customer-kanban-category-header{display:none}.customer-kanban-column{min-width:80vw;max-width:80vw;flex-shrink:0;scroll-snap-align:start;max-height:none}.customer-kanban-column-category{display:block;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;flex-basis:100%;margin-bottom:-.25rem}.customer-kanban-column-header{flex-wrap:wrap}.customer-kanban::-webkit-scrollbar{display:none}.customer-kanban{scrollbar-width:none}}.customer-list-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:10px;cursor:pointer;transition:all .15s ease;text-align:left;width:100%;font-family:inherit;position:relative}.customer-list-item:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-sm)}.customer-list-item-main{display:flex;flex-direction:column;gap:.25rem;min-width:0}.customer-list-item-name{font-size:.9rem;font-weight:600;color:var(--text-primary)}.customer-list-item-contact{font-size:.8125rem;color:var(--text-secondary);font-weight:400}.customer-list-item-issue-flag{display:inline-flex;align-items:center;margin-left:6px;color:#e07020;vertical-align:middle}.customer-list-item-issue-flag svg{width:12px;height:12px;fill:#e07020;stroke:#e07020}.customer-list-item-payment-failed-flag{display:inline-flex;align-items:center;margin-left:6px;color:#dc2626;vertical-align:middle}.customer-list-item-payment-failed-flag svg{width:12px;height:12px;fill:none;stroke:#dc2626}.customer-list-item-oneliner{font-size:.8125rem;color:var(--text-secondary)}.customer-list-item-badges{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:2px}.customer-list-item-badges .tag-badge{font-size:.7rem;padding:2px 6px}.customer-list-item-badges .tag-badge svg{width:8px;height:8px}.customer-list-item-plan,.customer-list-item-product{display:inline-flex;align-items:center;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:6px;border:1px solid transparent;background:var(--bg-tertiary);color:var(--text-muted);width:-moz-fit-content;width:fit-content}.customer-list-item-plan.plan-pro{background:rgba(124,58,237,.1);color:#7c3aed}.customer-list-item-plan.plan-plus{background:rgba(14,165,233,.1);color:#0284c7}.customer-list-item-plan.plan-starter{background:rgba(34,197,94,.1);color:#16a34a}.customer-list-item-plan.plan-personal{background:rgba(245,158,11,.1);color:#d97706}.customer-list-item-owner{position:absolute;top:6px;right:6px}.customer-list-item-owner-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover;display:block;opacity:.7;transition:opacity .15s ease}.customer-list-item:hover .customer-list-item-owner-avatar{opacity:1}.customer-list-item-owner-initials{display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);color:var(--text-muted);font-size:.5rem;font-weight:600}.list-filter-btn.plan-filter-pro.active{background:rgba(124,58,237,.12);color:#7c3aed}.list-filter-btn.plan-filter-plus.active{background:rgba(14,165,233,.12);color:#0284c7}.list-filter-btn.plan-filter-starter.active{background:rgba(34,197,94,.12);color:#16a34a}.list-filter-btn.plan-filter-personal.active{background:rgba(245,158,11,.12);color:#d97706}.list-filter-btn.plan-filter-pro:hover:not(.active){color:#7c3aed}.list-filter-btn.plan-filter-plus:hover:not(.active){color:#0284c7}.list-filter-btn.plan-filter-starter:hover:not(.active){color:#16a34a}.list-filter-btn.plan-filter-personal:hover:not(.active){color:#d97706}.create-customer-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:1px solid var(--border-primary);background:transparent;color:var(--text-muted);font-size:1.1rem;font-weight:400;cursor:pointer;transition:all .15s ease;flex-shrink:0;font-family:inherit;line-height:1;margin-left:auto}.create-customer-btn:hover{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-secondary)}.create-customer-form{display:flex;gap:.5rem;padding:.75rem 0;align-items:flex-end;flex-wrap:wrap}.create-customer-input{flex:1 1;min-width:120px;padding:.45rem .6rem;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:.8rem;outline:none;font-family:inherit}.create-customer-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(229,47,114,.1)}.create-customer-actions{display:flex;gap:.35rem}.create-customer-submit{padding:.45rem .75rem;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:opacity .15s;font-family:inherit}.create-customer-submit:hover:not(:disabled){opacity:.9}.create-customer-submit:disabled{opacity:.5;cursor:not-allowed}.create-customer-cancel{padding:.45rem .75rem;background:transparent;color:var(--text-muted);border:1px solid var(--border-primary);border-radius:8px;font-size:.8rem;cursor:pointer;transition:all .15s;font-family:inherit}.create-customer-cancel:hover{background:var(--bg-tertiary);color:var(--text-secondary)}@media (max-width:768px){.customer-list-item{gap:.625rem;padding:.75rem .875rem}.customer-list-item-name{font-size:.85rem}.customer-list-item-contact{font-size:.75rem}.customer-badge-name{max-width:140px}.create-customer-form{flex-direction:column;align-items:stretch}.create-customer-input{min-width:0}.create-customer-actions{justify-content:flex-end}}