*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.right-0{right:0}.top-0{top:0}.top-1{top:.25rem}.top-4{top:1rem}.z-10{z-index:10}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.z-\[1100\]{z-index:1100}.z-\[999\]{z-index:999}.col-span-2{grid-column:span 2/span 2}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.ml-1{margin-left:.25rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-1\.5{height:.375rem}.h-4{height:1rem}.h-full{height:100%}.max-h-32{max-height:8rem}.max-h-40{max-height:10rem}.max-h-48{max-height:12rem}.max-h-\[80vh\]{max-height:80vh}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-16{width:4rem}.w-24{width:6rem}.w-28{width:7rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-\[400px\]{width:400px}.w-\[420px\]{width:420px}.w-\[480px\]{width:480px}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-\[140px\]{min-width:140px}.min-w-\[200px\]{min-width:200px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-\[180px\]{max-width:180px}.max-w-\[240px\]{max-width:240px}.max-w-\[80\%\]{max-width:80%}.max-w-\[85\%\]{max-width:85%}.max-w-\[90vw\]{max-width:90vw}.max-w-lg{max-width:32rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x:100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.animate-bounce{animation:1s infinite bounce}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.self-center{align-self:center}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-bl-sm{border-bottom-left-radius:.125rem}.rounded-br-sm{border-bottom-right-radius:.125rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-dashed{border-style:dashed}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-400{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-orange-200{--tw-border-opacity:1;border-color:rgb(254 215 170/var(--tw-border-opacity,1))}.border-orange-300{--tw-border-opacity:1;border-color:rgb(253 186 116/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-red-400{--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-yellow-300{--tw-border-opacity:1;border-color:rgb(253 224 71/var(--tw-border-opacity,1))}.bg-black\/20{background-color:#0003}.bg-black\/40{background-color:#0006}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-200{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity,1))}.bg-blue-400{--tw-bg-opacity:1;background-color:rgb(96 165 250/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-200{--tw-bg-opacity:1;background-color:rgb(187 247 208/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(224 231 255/var(--tw-bg-opacity,1))}.bg-indigo-200{--tw-bg-opacity:1;background-color:rgb(199 210 254/var(--tw-bg-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.bg-orange-200{--tw-bg-opacity:1;background-color:rgb(254 215 170/var(--tw-bg-opacity,1))}.bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.bg-pink-200{--tw-bg-opacity:1;background-color:rgb(251 207 232/var(--tw-bg-opacity,1))}.bg-purple-100{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.bg-purple-200{--tw-bg-opacity:1;background-color:rgb(233 213 255/var(--tw-bg-opacity,1))}.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.bg-purple-600{--tw-bg-opacity:1;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-400{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-teal-200{--tw-bg-opacity:1;background-color:rgb(153 246 228/var(--tw-bg-opacity,1))}.bg-transparent{background-color:#0000}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/70{background-color:#ffffffb3}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-yellow-200{--tw-bg-opacity:1;background-color:rgb(254 240 138/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-40{padding-bottom:10rem}.pr-4{padding-right:1rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-none{line-height:1}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-indigo-700{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity,1))}.text-indigo-800{--tw-text-opacity:1;color:rgb(55 48 163/var(--tw-text-opacity,1))}.text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity,1))}.text-orange-700{--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity,1))}.text-orange-800{--tw-text-opacity:1;color:rgb(154 52 18/var(--tw-text-opacity,1))}.text-pink-800{--tw-text-opacity:1;color:rgb(157 23 77/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-purple-700{--tw-text-opacity:1;color:rgb(126 34 206/var(--tw-text-opacity,1))}.text-purple-800{--tw-text-opacity:1;color:rgb(107 33 168/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-teal-800{--tw-text-opacity:1;color:rgb(17 94 89/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity,1))}.text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.accent-blue-500{accent-color:#3b82f6}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline{outline-style:solid}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-blue-400{--tw-ring-opacity:1;--tw-ring-color:rgb(96 165 250/var(--tw-ring-opacity,1))}.ring-blue-500{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.ring-red-400{--tw-ring-opacity:1;--tw-ring-color:rgb(248 113 113/var(--tw-ring-opacity,1))}.ring-yellow-400{--tw-ring-opacity:1;--tw-ring-color:rgb(250 204 21/var(--tw-ring-opacity,1))}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--bg-primary:#f0f2f5;--bg-card:#fff;--bg-sidebar:#fff;--bg-chat:#f0f0f0;--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#999;--border-color:#e5e7eb;--accent-color:#4f46e5;--accent-hover:#4338ca;--msg-other-bg:#fff;--msg-mine-bg:#95ec69;--danger-color:#ef4444;--transition-fast:.15s;--transition-normal:.25s;--transition-slow:.3s;--skeleton-bg:#e5e7eb;--skeleton-shine:#f3f4f6;--toast-success-bg:#ecfdf5;--toast-success-border:#10b981;--toast-error-bg:#fef2f2;--toast-error-border:#ef4444;--toast-warning-bg:#fffbeb;--toast-warning-border:#f59e0b;--toast-info-bg:#eff6ff;--toast-info-border:#3b82f6;--warning-color:#f59e0b;--status-bar-warning-bg:#fef3c7;--status-bar-warning-text:#92400e;--status-bar-success-bg:#d1fae5;--status-bar-success-text:#065f46;--status-bar-error-bg:#fee2e2;--status-bar-error-text:#991b1b;--bg-separator:#0000000f;--tooltip-bg:#000000bf;--tooltip-color:#fff}[data-theme=dark]{--bg-primary:#1e1e1e;--bg-card:#252526;--bg-sidebar:#1e1e1e;--bg-chat:#1e1e1e;--text-primary:#ccc;--text-secondary:#9d9d9d;--text-muted:#6a6a6a;--border-color:#3c3c3c;--accent-color:#0078d4;--accent-hover:#1a8ceb;--msg-other-bg:#2d2d2d;--msg-mine-bg:#2a5c1e;--danger-color:#f14c4c;--skeleton-bg:#333;--skeleton-shine:#3c3c3c;--toast-success-bg:#1b3a2d;--toast-success-border:#10b981;--toast-error-bg:#3a1b1b;--toast-error-border:#f14c4c;--toast-warning-bg:#3a2e1b;--toast-warning-border:#cca700;--toast-info-bg:#1b2e3a;--toast-info-border:#3794ff;--warning-color:#cca700;--status-bar-warning-bg:#3a2e1b;--status-bar-warning-text:#cca700;--status-bar-success-bg:#1b3a2d;--status-bar-success-text:#34d399;--status-bar-error-bg:#3a1b1b;--status-bar-error-text:#f14c4c;--bg-separator:#ffffff14;--tooltip-bg:#323232f2;--tooltip-color:#e0e0e0}[data-theme=ocean]{--bg-primary:#0f1923;--bg-card:#1a2733;--bg-sidebar:#0f1923;--bg-chat:#0f1923;--text-primary:#d4dce4;--text-secondary:#8899a6;--text-muted:#5c6f7e;--border-color:#2a3a4a;--accent-color:#1d9bf0;--accent-hover:#1a8cd8;--msg-other-bg:#1e2d3d;--msg-mine-bg:#1d4f7a;--danger-color:#f4212e;--skeleton-bg:#1e2d3d;--skeleton-shine:#2a3a4a;--toast-success-bg:#0f2a1f;--toast-success-border:#10b981;--toast-error-bg:#2a1219;--toast-error-border:#f4212e;--toast-warning-bg:#2a2210;--toast-warning-border:#ffad1f;--toast-info-bg:#0f1f2e;--toast-info-border:#1d9bf0;--warning-color:#ffad1f;--status-bar-warning-bg:#2a2210;--status-bar-warning-text:#ffad1f;--status-bar-success-bg:#0f2a1f;--status-bar-success-text:#34d399;--status-bar-error-bg:#2a1219;--status-bar-error-text:#f4212e;--bg-separator:#1d9bf014;--tooltip-bg:#0f1923f2;--tooltip-color:#d4dce4}[data-theme=rose]{--bg-primary:#fdf2f4;--bg-card:#fff;--bg-sidebar:#fff5f6;--bg-chat:#fef7f8;--text-primary:#1f1215;--text-secondary:#6b4c52;--text-muted:#a08088;--border-color:#f0d4d8;--accent-color:#e11d48;--accent-hover:#be123c;--msg-other-bg:#fff;--msg-mine-bg:#fce7eb;--danger-color:#e11d48;--skeleton-bg:#f0d4d8;--skeleton-shine:#fce7eb;--toast-success-bg:#ecfdf5;--toast-success-border:#10b981;--toast-error-bg:#fef2f2;--toast-error-border:#e11d48;--toast-warning-bg:#fff7ed;--toast-warning-border:#ea580c;--toast-info-bg:#fef2f8;--toast-info-border:#e11d48;--warning-color:#ea580c;--status-bar-warning-bg:#fff7ed;--status-bar-warning-text:#ea580c;--status-bar-success-bg:#ecfdf5;--status-bar-success-text:#059669;--status-bar-error-bg:#fef2f2;--status-bar-error-text:#e11d48;--bg-separator:#e11d480f;--tooltip-bg:#1f1215cc;--tooltip-color:#fff}[data-theme=forest]{--bg-primary:#0f1a14;--bg-card:#1a2b21;--bg-sidebar:#0f1a14;--bg-chat:#0f1a14;--text-primary:#d0ddd4;--text-secondary:#7e9987;--text-muted:#5a7362;--border-color:#2a3d32;--accent-color:#22c55e;--accent-hover:#16a34a;--msg-other-bg:#1e3328;--msg-mine-bg:#1a4a2e;--danger-color:#ef4444;--skeleton-bg:#1e3328;--skeleton-shine:#2a3d32;--toast-success-bg:#0f2a1a;--toast-success-border:#22c55e;--toast-error-bg:#2a1414;--toast-error-border:#ef4444;--toast-warning-bg:#2a2410;--toast-warning-border:#eab308;--toast-info-bg:#0f2a1a;--toast-info-border:#22c55e;--warning-color:#eab308;--status-bar-warning-bg:#2a2410;--status-bar-warning-text:#eab308;--status-bar-success-bg:#0f2a1a;--status-bar-success-text:#22c55e;--status-bar-error-bg:#2a1414;--status-bar-error-text:#ef4444;--bg-separator:#22c55e14;--tooltip-bg:#0f1a14f2;--tooltip-color:#d0ddd4}[data-theme=lavender]{--bg-primary:#f5f0fa;--bg-card:#fff;--bg-sidebar:#f8f4fc;--bg-chat:#f6f1fb;--text-primary:#1a1425;--text-secondary:#5c4d6e;--text-muted:#9486a5;--border-color:#e2d5f0;--accent-color:#7c3aed;--accent-hover:#6d28d9;--msg-other-bg:#fff;--msg-mine-bg:#ede5f7;--danger-color:#ef4444;--skeleton-bg:#e2d5f0;--skeleton-shine:#ede5f7;--toast-success-bg:#ecfdf5;--toast-success-border:#10b981;--toast-error-bg:#fef2f2;--toast-error-border:#ef4444;--toast-warning-bg:#fffbeb;--toast-warning-border:#d97706;--toast-info-bg:#f5f0ff;--toast-info-border:#7c3aed;--warning-color:#d97706;--status-bar-warning-bg:#fffbeb;--status-bar-warning-text:#d97706;--status-bar-success-bg:#ecfdf5;--status-bar-success-text:#059669;--status-bar-error-bg:#fef2f2;--status-bar-error-text:#ef4444;--bg-separator:#7c3aed0f;--tooltip-bg:#1a1425cc;--tooltip-color:#fff}[data-theme=midnight]{--bg-primary:#000;--bg-card:#0a0a0a;--bg-sidebar:#000;--bg-chat:#000;--text-primary:#e4e4e7;--text-secondary:#a1a1aa;--text-muted:#52525b;--border-color:#27272a;--accent-color:#a78bfa;--accent-hover:#8b5cf6;--msg-other-bg:#18181b;--msg-mine-bg:#312e81;--danger-color:#f87171;--skeleton-bg:#18181b;--skeleton-shine:#27272a;--toast-success-bg:#0a1f14;--toast-success-border:#10b981;--toast-error-bg:#1f0a0a;--toast-error-border:#f87171;--toast-warning-bg:#1f1a0a;--toast-warning-border:#fbbf24;--toast-info-bg:#0f0a1f;--toast-info-border:#a78bfa;--warning-color:#fbbf24;--status-bar-warning-bg:#1f1a0a;--status-bar-warning-text:#fbbf24;--status-bar-success-bg:#0a1f14;--status-bar-success-text:#34d399;--status-bar-error-bg:#1f0a0a;--status-bar-error-text:#f87171;--bg-separator:#a78bfa14;--tooltip-bg:#0a0a0af2;--tooltip-color:#e4e4e7}[data-theme=sand]{--bg-primary:#f5f0eb;--bg-card:#fffdf9;--bg-sidebar:#f8f4ef;--bg-chat:#f3eeea;--text-primary:#292019;--text-secondary:#6d5d4e;--text-muted:#a39585;--border-color:#e5ddd3;--accent-color:#b45309;--accent-hover:#92400e;--msg-other-bg:#fffdf9;--msg-mine-bg:#fde8cd;--danger-color:#dc2626;--skeleton-bg:#e5ddd3;--skeleton-shine:#f0e8df;--toast-success-bg:#ecfdf5;--toast-success-border:#10b981;--toast-error-bg:#fef2f2;--toast-error-border:#dc2626;--toast-warning-bg:#fefce8;--toast-warning-border:#ca8a04;--toast-info-bg:#fef8ee;--toast-info-border:#b45309;--warning-color:#ca8a04;--status-bar-warning-bg:#fefce8;--status-bar-warning-text:#ca8a04;--status-bar-success-bg:#ecfdf5;--status-bar-success-text:#059669;--status-bar-error-bg:#fef2f2;--status-bar-error-text:#dc2626;--bg-separator:#b453090f;--tooltip-bg:#292019cc;--tooltip-color:#fff}@keyframes skeleton-shine{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes msg-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes panel-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes badge-bounce{0%{transform:scale(.5)}70%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.connection-status-bar{text-align:center;max-height:0;font-size:13px;line-height:36px;transition:max-height .3s;overflow:hidden}.connection-status-bar.visible{max-height:36px}.connection-status-bar.warning{background:var(--status-bar-warning-bg);color:var(--status-bar-warning-text)}.connection-status-bar.success{background:var(--status-bar-success-bg);color:var(--status-bar-success-text)}.connection-status-bar.error{background:var(--status-bar-error-bg);color:var(--status-bar-error-text)}.connection-status-bar .retry-btn{color:inherit;cursor:pointer;background:0 0;border:none;margin-left:8px;font-size:13px;text-decoration:underline}.connection-status-bar .spinner{vertical-align:middle;border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;margin-right:6px;animation:.8s linear infinite spin;display:inline-block}@keyframes image-pulse{0%,to{opacity:.6}50%{opacity:.3}}@keyframes image-fade-in{0%{opacity:0}to{opacity:1}}.image-loader{cursor:pointer;border-radius:8px;min-width:80px;min-height:60px;display:inline-block;position:relative;overflow:hidden}.image-loader.idle{background:var(--bg-card)}.image-loader.loading{background:var(--bg-card);animation:1.5s ease-in-out infinite image-pulse}.image-loader.loaded img{border-radius:8px;max-width:100%;height:auto;animation:.2s image-fade-in;display:block}.image-loader.error{background:var(--bg-card);justify-content:center;align-items:center;display:flex}.image-loader-error{color:var(--text-muted);flex-direction:column;align-items:center;gap:6px;padding:12px;font-size:12px;display:flex}.image-loader-error button{border:1px solid var(--border-color);color:var(--accent-color);cursor:pointer;background:0 0;border-radius:4px;padding:2px 10px;font-size:12px}.image-loader-error button:hover{background:var(--accent-color);color:#fff}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background:var(--bg-primary);color:var(--text-primary)}input,button,textarea{font:inherit}button{cursor:pointer}.app{width:100%;max-width:1440px;height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 24px #00000014}.login-page{justify-content:center;align-items:center;height:100vh;display:flex}.login-form{background:var(--bg-card);border-radius:12px;width:360px;padding:2rem;box-shadow:0 2px 12px #0000001a}.login-form h1{text-align:center;margin-bottom:1.5rem;font-size:1.5rem}.login-form .field{margin-bottom:1rem}.login-form label{color:var(--text-secondary);margin-bottom:.25rem;font-size:.875rem;display:block}.login-form input{border:1px solid #ddd;border-radius:6px;width:100%;padding:.5rem .75rem}.login-form button{background:var(--accent-color);color:#fff;border:none;border-radius:6px;width:100%;padding:.625rem;font-weight:600}.login-form button:hover{background:var(--accent-hover)}.login-form .toggle{text-align:center;margin-top:1rem;font-size:.875rem}.login-form .toggle a{color:var(--accent-color);cursor:pointer}.login-form .error{color:#dc2626;margin-bottom:.5rem;font-size:.875rem}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:2;flex-direction:column;flex-shrink:0;width:320px;min-width:320px;transition:width .3s,min-width .3s;display:flex;position:relative}.sidebar.collapsed{width:60px;min-width:60px}.sidebar.collapsed .sidebar-actions,.sidebar.collapsed .conv-info,.sidebar.collapsed .conv-meta,.sidebar.collapsed .user-info,.sidebar.collapsed .pinned-separator,.sidebar.collapsed .sidebar-threads{display:none}.sidebar.collapsed .sidebar-header,.sidebar.collapsed .conv-item{justify-content:center;padding:8px 4px}.sidebar-toggle-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;padding:4px;font-size:1rem}.sidebar-toggle-btn:hover{background:var(--bg-hover,#0000000d)}.sidebar-logout-btn{cursor:pointer;color:var(--text-secondary);opacity:.5;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:.75rem;transition:all .15s}.sidebar-logout-btn:hover{opacity:1;color:var(--danger-color);background:#dc26260f}.msg-time-wrapper{display:inline-block;position:relative}.msg-time-wrapper:after{content:attr(data-tooltip);background:var(--tooltip-bg);color:var(--tooltip-color);white-space:nowrap;opacity:0;pointer-events:none;z-index:100;border-radius:4px;padding:4px 8px;font-size:.75rem;transition:opacity .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.msg-time-wrapper:hover:after{opacity:1}.sidebar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;min-height:56px;padding:1rem;display:flex}.sidebar-header h2{font-size:1.125rem}.sidebar-header .user-info{color:var(--text-secondary);font-size:.75rem}.sidebar-actions{gap:.5rem;padding:.5rem 1rem;display:flex}.sidebar-actions button{border:1px solid var(--border-color);background:#f3f4f6;border-radius:6px;flex:1;padding:.375rem;font-size:.8rem}.sidebar-actions button:hover{background:var(--border-color)}.sidebar-filter{align-items:center;gap:4px;padding:0 1rem .5rem;display:flex}.sidebar-filter input{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:6px;outline:none;flex:1;padding:.3rem .5rem;font-size:.8rem}.sidebar-filter input:focus{border-color:var(--accent-color)}.sidebar-filter-clear{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:0 4px;font-size:1rem;line-height:1}.sidebar-filter-clear:hover{color:var(--text-primary)}.conv-list{scroll-behavior:smooth;scrollbar-gutter:stable;flex:1;overflow-y:auto}.sidebar-version{color:var(--text-muted);opacity:.5;text-align:center;cursor:default;flex-shrink:0;padding:4px 12px;font-size:.7rem}.sidebar-version:hover{opacity:1}.sidebar.collapsed .sidebar-version{display:none}.conv-item{cursor:pointer;border-bottom:1px solid #f3f4f6;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.conv-item:hover{background:#f9fafb}.conv-item.active{background:#eef2ff}.conv-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;display:flex}.conv-info{flex:1;min-width:0}.conv-name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:500;overflow:hidden}.conv-last{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.conv-meta{text-align:right;flex-shrink:0}.conv-time{color:var(--text-muted);font-size:.7rem}.unread-badge{background:var(--danger-color);color:#fff;border-radius:10px;margin-top:.25rem;padding:.1rem .4rem;font-size:.7rem;animation:.2s badge-bounce;display:inline-block}.mention-badge{background:var(--danger-color);color:#fff;border-radius:10px;margin-top:.25rem;margin-left:2px;padding:.1rem .35rem;font-size:.65rem;font-weight:700;animation:.2s badge-bounce;display:inline-block}.chat-area{background:var(--bg-chat);flex-direction:column;flex:1;min-width:400px;display:flex;position:relative;overflow:hidden}.chat-resize-handle{cursor:col-resize;z-index:30;width:5px;position:absolute;top:0;bottom:0;right:-2px}.chat-resize-handle:hover,.chat-resize-handle:active{background:var(--accent-color);opacity:.3}.chat-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:.6rem 1rem;display:flex}.ch-left{flex:1;min-width:0}.ch-title{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;margin:0;font-size:1rem;display:flex;overflow:hidden}.ch-member-count{color:var(--text-muted);cursor:pointer;flex-shrink:0;font-size:.75rem;font-weight:400}.chat-header .typing-indicator{color:var(--accent-color);margin-top:2px;font-size:.75rem}.ch-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.ch-icon-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:5px;transition:background .15s,color .15s;display:flex}.ch-icon-btn:hover{background:var(--bg-chat);color:var(--text-primary)}.ch-more-wrap{position:relative}.ch-menu-backdrop{z-index:50;position:fixed;inset:0}.ch-menu{background:var(--bg-card);border:1px solid var(--border-color);z-index:51;border-radius:8px;min-width:120px;padding:4px 0;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 16px #0000001a}.ch-menu-item{text-align:left;cursor:pointer;width:100%;color:var(--text-primary);white-space:nowrap;background:0 0;border:none;padding:7px 14px;font-family:inherit;font-size:.82rem;display:block}.ch-menu-item:hover,[data-mode=dark] .ch-icon-btn:hover{background:var(--bg-chat)}[data-mode=dark] .ch-menu{background:var(--bg-card);border-color:var(--border-color);box-shadow:0 4px 16px #0000004d}[data-mode=dark] .ch-menu-item:hover{background:var(--bg-chat)}.pinned-bar{cursor:pointer;background:#fffbeb;border-bottom:1px solid #fde68a;flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;display:flex}.pinned-bar:hover{background:#fef3c7}.pinned-icon{font-size:.9rem}.pinned-content{white-space:nowrap;text-overflow:ellipsis;color:#92400e;flex:1;overflow:hidden}.pinned-sender{margin-right:.25rem;font-weight:500}.pinned-unpin{cursor:pointer;color:#92400e;background:0 0;border:none;border-radius:3px;padding:2px 4px;font-size:.85rem}.pinned-unpin:hover{background:#fde68a}.pinned-bar-multi{background:#fffbeb;border-bottom:1px solid #fde68a;flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;display:flex}.pinned-bar-multi .pinned-icon{font-size:.9rem}.pinned-bar-multi .pinned-summary{white-space:nowrap;text-overflow:ellipsis;color:#92400e;cursor:pointer;flex:1;overflow:hidden}.pinned-bar-multi .pinned-summary:hover{text-decoration:underline}.pinned-bar-multi .pinned-sender{margin-right:.25rem;font-weight:500}.pinned-bar-multi .pinned-text{color:#92400e}.pinned-bar-multi .pinned-nav{align-items:center;gap:2px;display:flex}.pinned-bar-multi .pinned-nav-btn{cursor:pointer;color:#92400e;background:0 0;border:none;border-radius:3px;padding:1px 4px;font-size:.7rem;line-height:1}.pinned-bar-multi .pinned-nav-btn:hover{background:#fde68a}.pinned-bar-multi .pinned-counter{color:#92400e;text-align:center;min-width:28px;font-size:.75rem}.pinned-bar-multi .pinned-expand-btn{cursor:pointer;color:#92400e;background:0 0;border:none;border-radius:3px;padding:2px 6px;font-size:.85rem}.pinned-bar-multi .pinned-expand-btn:hover{background:#fde68a}.pinned-bar-multi .pinned-collapse-btn{cursor:pointer;color:#92400e;opacity:.6;background:0 0;border:none;border-radius:3px;padding:2px 6px;font-size:.8rem}.pinned-bar-multi .pinned-collapse-btn:hover{opacity:1;background:#fde68a}.pinned-bar-collapsed{z-index:10;cursor:pointer;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:center;gap:2px;padding:4px 8px;font-size:.85rem;line-height:1;transition:background .15s;display:flex;position:absolute;top:8px;right:12px;box-shadow:0 1px 4px #00000014}.pinned-bar-collapsed:hover{background:#fef3c7}.pinned-collapsed-count{color:#92400e;text-align:center;background:#fde68a;border-radius:6px;min-width:14px;height:14px;padding:0 3px;font-size:.65rem;font-weight:600;line-height:14px}.pinned-list-panel{background:var(--bg-card,#fff);border-bottom:1px solid var(--border-color,#e5e7eb);flex-direction:column;flex-shrink:0;max-height:300px;display:flex}.pinned-list-header{border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:.85rem;font-weight:500;display:flex}.pinned-list-close{cursor:pointer;color:#999;background:0 0;border:none;border-radius:3px;padding:2px 6px;font-size:.85rem}.pinned-list-close:hover{background:#f3f4f6}.pinned-list-body{flex:1;overflow-y:auto}.pinned-list-empty{text-align:center;color:#999;padding:1.5rem;font-size:.85rem}.pinned-list-item{cursor:pointer;border-bottom:1px solid var(--border-color,#f3f4f6);padding:.5rem 1rem;position:relative}.pinned-list-item:hover{background:#f9fafb}.pinned-list-item-main{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.pinned-list-sender{color:var(--text-primary,#111);font-size:.8rem;font-weight:500}.pinned-list-time{color:#999;font-size:.7rem}.pinned-list-content{color:var(--text-secondary,#666);white-space:nowrap;text-overflow:ellipsis;padding-right:60px;font-size:.8rem;overflow:hidden}.pinned-list-unpin{cursor:pointer;color:#dc2626;background:0 0;border:1px solid #e5e7eb;border-radius:4px;padding:2px 8px;font-size:.7rem;position:absolute;bottom:.5rem;right:1rem}.pinned-list-unpin:hover{background:#fef2f2;border-color:#fca5a5}.chat-messages{scrollbar-gutter:stable;flex-direction:column;flex:1;gap:.5rem;min-height:0;padding:2.5rem 10px 1rem 1rem;display:flex;overflow:hidden auto}.chat-empty{color:var(--text-muted);flex:1;justify-content:center;align-items:center;display:flex}.msg{z-index:0;align-items:flex-start;gap:.5rem;display:flex;position:relative}.msg:hover{z-index:10}.msg.mine{flex-direction:row-reverse}.msg-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;display:flex}.msg-body{background:var(--msg-other-bg);overflow-wrap:break-word;border-radius:12px;min-width:0;max-width:520px;padding:.5rem .75rem;position:relative;box-shadow:0 1px 2px #0000000d}.msg.mine .msg-body{background:var(--msg-mine-bg);color:#1a1a1a}.msg.mine .msg-body:has(.widget-poll){background:var(--bg-card);color:var(--text-primary)}.msg.mine .msg-body:has(.widget-payment){background:var(--bg-card);color:var(--text-primary)}.msg.mine .msg-body:has(.card-wrapper){background:var(--bg-card);color:var(--text-primary)}.msg.mine .msg-bubble:has(.card-wrapper):after{border-left-color:var(--bg-card)}:is(.msg-body:has(.widget-poll),.msg-body:has(.widget-payment)){border:1px solid #d1d5db;box-shadow:0 1px 4px #00000014}.msg-body:has(.card-wrapper){border:1px solid var(--border-color);box-shadow:0 1px 4px #0000000f}.msg-sender{color:var(--text-muted);margin-bottom:.125rem;font-size:.7rem}.msg.mine .msg-sender{color:#00000080}.msg-content{word-break:break-word;font-size:.9rem;line-height:1.6}.msg-content p{margin:.35em 0}.msg-content p:first-child{margin-top:0}.msg-content p:last-child{margin-bottom:0}.msg-content p:empty{display:none}.msg-content h1,.msg-content h2,.msg-content h3,.msg-content h4,.msg-content h5,.msg-content h6{margin:.6em 0 .3em;font-weight:600;line-height:1.35}.msg-content h1:first-child,.msg-content h2:first-child,.msg-content h3:first-child{margin-top:0}.msg-content h1{font-size:1.2em}.msg-content h2{font-size:1.1em}.msg-content h3{font-size:1em}.msg-content h4,.msg-content h5,.msg-content h6{font-size:.95em}.msg-content hr{border:none;border-top:1px solid #0000001f;margin:.6em 0}.msg-content strong{font-weight:600}.msg-content code{background:#0000000f;border-radius:3px;padding:.1em .3em;font-size:.85em}.msg-content pre{color:#383a42;border:1px solid var(--border-color);background:#fafafa;border-radius:6px;margin:.4em 0;padding:.6em .8em;overflow-x:auto}.msg-content pre code{color:inherit;background:0 0;padding:0}.msg-content table{border-collapse:collapse;width:100%;margin:.4em 0;font-size:.85em}.msg-content th,.msg-content td{text-align:left;border:1px solid #0000001f;padding:.3em .6em}.msg-content th{background:#0000000a;font-weight:600}.msg-content li{margin:.15em 0}.msg-content li>p{margin:.1em 0}.code-block{min-width:0;position:relative;overflow:hidden}.code-block>div{scrollbar-width:thin;scrollbar-color:#00000026 transparent;overflow-x:auto!important}.code-block>div::-webkit-scrollbar{height:4px}.code-block>div::-webkit-scrollbar-track{background:0 0}.code-block>div::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}.code-block>div::-webkit-scrollbar-thumb:hover{background:#00000040}.code-copy{color:var(--text-secondary);cursor:pointer;z-index:1;background:#0000000f;border:none;border-radius:4px;padding:2px 8px;font-size:.75rem;position:absolute;top:4px;right:4px}.code-copy:hover{color:var(--text-primary);background:#0000001f}.code-lang{color:var(--text-muted);text-transform:uppercase;z-index:1;font-size:.7rem;position:absolute;top:4px;left:8px}.toast{color:#fff;z-index:9999;pointer-events:none;background:#333;border-radius:6px;padding:8px 20px;font-size:.85rem;animation:.3s toastIn,.3s 1.7s toastOut;position:fixed;top:20px;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0}}.msg-content ul,.msg-content ol{margin:.3em 0;padding-left:1.5em}.msg-content blockquote{color:var(--text-secondary);background:#00000008;border-left:3px solid #0003;border-radius:0 4px 4px 0;margin:.4em 0;padding:.2em 0 .2em .7em}.msg-content a{color:var(--accent-color);text-decoration:underline}.widget-poll{min-width:240px}.poll-question{margin-bottom:.5rem;font-size:.9rem;font-weight:600}.poll-option{border:1px solid var(--border-color);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;margin:4px 0;padding:6px 10px;transition:border-color .2s;display:flex;position:relative;overflow:hidden}.poll-option:hover{border-color:var(--accent-color)}.poll-option.voted{border-color:var(--accent-color);background:#4f46e50a}.poll-bar{background:#4f46e51a;transition:width .3s;position:absolute;top:0;bottom:0;left:0}.poll-label{z-index:1;font-size:.85rem;position:relative}.poll-count{z-index:1;color:#888;font-size:.75rem;position:relative}.poll-footer{color:var(--text-muted);margin-top:.4rem;font-size:.75rem}.poll-form{border:1px solid var(--border-color);background:#f9fafb;border-radius:8px;margin-bottom:.5rem;padding:.75rem}.poll-form input{border:1px solid #ddd;border-radius:4px;width:100%;margin-bottom:6px;padding:6px 8px;font-size:.85rem}.poll-form-option{align-items:center;gap:4px;display:flex}.poll-form-option button{color:var(--text-muted);background:0 0;border:none;font-size:1rem}.poll-form-actions{gap:8px;margin-top:4px;display:flex}.poll-form-actions button{background:var(--accent-color);color:#fff;border:none;border-radius:4px;padding:4px 12px;font-size:.8rem}.poll-form-actions button:first-child{background:var(--border-color);color:var(--text-primary)}.poll-form-actions button:disabled{opacity:.5}.msg-time{color:#bbb;margin-top:.25rem;font-size:.65rem}.msg.mine .msg-time{color:#0006}.msg-recalled{color:var(--text-muted);font-size:.85rem;font-style:italic}.msg-reedit-link{color:var(--accent-color,#1890ff);cursor:pointer;margin-left:8px;font-size:13px}.msg-reedit-link:hover{text-decoration:underline}.msg-actions{z-index:20;opacity:0;pointer-events:none;background:var(--bg-card,#fff);border:.5px solid var(--border-color,#e5e7eb);border-radius:12px;align-items:center;gap:1px;padding:2px 3px;transition:opacity .12s,transform .12s;display:flex;position:absolute;bottom:calc(100% + 4px);right:8px;transform:translateY(4px);box-shadow:0 2px 8px #00000014,0 0 0 .5px #0000000a}.msg-body:hover .msg-actions,.msg-body-hovered .msg-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.msg-body:before{content:"";pointer-events:none;height:40px;position:absolute;top:-40px;left:0;right:0}.msg-body:hover:before,.msg-body-hovered:before{pointer-events:auto}.msg-act-btn{cursor:pointer;color:var(--text-muted,#6b7280);white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:3px;padding:5px 7px;font-family:inherit;line-height:1;transition:background .1s,color .1s;display:flex}.msg-act-btn:hover{background:var(--bg-chat,#f3f4f6);color:var(--text-primary,#1f2937)}.msg-act-btn svg{flex-shrink:0}.msg-act-primary{color:var(--text-secondary,#4b5563)}.msg-act-primary:hover{color:var(--accent-color,#4f46e5);background:#4f46e50f}.msg-act-text{font-size:11px;font-weight:500}.msg-act-badge{background:var(--accent-color,#4f46e5);color:#fff;border-radius:7px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 3px;font-size:9px;font-weight:600;display:flex}.msg-act-more{position:relative}.msg-more-menu{background:var(--bg-card,#fff);border:.5px solid var(--border-color,#e5e7eb);z-index:30;border-radius:10px;min-width:150px;padding:4px 0;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 20px #0000001f,0 0 0 .5px #0000000a}.more-item{color:var(--text-primary,#1f2937);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:7px 12px;font-size:.8rem;transition:background .1s;display:flex}.more-item:hover{background:var(--bg-chat,#f3f4f6)}.more-icon{color:var(--text-muted,#6b7280);flex-shrink:0;align-items:center;display:flex}.more-item:hover .more-icon{color:var(--accent-color,#4f46e5)}.more-item-danger,.more-item-danger .more-icon{color:#dc2626}.more-item-danger:hover{background:#fef2f2}.more-item-disabled{opacity:.5;cursor:default}.more-item-disabled:hover{background:0 0}.more-sep{background:var(--border-color,#e5e7eb);height:.5px;margin:3px 8px}.msg.mine .msg-actions{left:auto;right:8px}.msg-act-join-wrap{position:relative}.join-thread-picker{background:var(--bg-card,#fff);border:.5px solid var(--border-color,#e5e7eb);z-index:30;border-radius:10px;min-width:180px;max-width:260px;padding:4px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000001f}.join-thread-picker-title{color:var(--text-muted);letter-spacing:.03em;padding:5px 10px 3px;font-size:.7rem;font-weight:500}.join-thread-picker-item{cursor:pointer;width:100%;color:var(--text-primary);text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:6px 10px;font-family:inherit;font-size:.82rem;transition:background .1s;display:flex}.join-thread-picker-item:hover{background:var(--bg-chat,#f3f4f6)}.join-thread-picker-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.join-thread-picker-count{color:var(--text-muted);background:var(--bg-primary,#f3f4f6);border-radius:8px;flex-shrink:0;padding:1px 6px;font-size:.7rem}[data-mode=dark] .join-thread-picker{background:#2d2d2d;border-color:#3c3c3c;box-shadow:0 4px 16px #0006}[data-mode=dark] .join-thread-picker-item:hover,[data-mode=dark] .join-thread-picker-count{background:#37373d}.chat-input-area{background:var(--bg-card);border-top:1px solid var(--border-color);padding:1rem}.chat-input-row{align-items:flex-end;gap:.5rem;display:flex}.chat-input-row textarea{resize:none;border:1px solid #ddd;border-radius:8px;flex:1;min-height:40px;max-height:120px;padding:.5rem .75rem}.chat-input-row button{background:var(--accent-color);color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;font-weight:500}.chat-input-row button:disabled{opacity:.5}.chat-input-tools{gap:.5rem;margin-bottom:.5rem;display:flex}.chat-input-tools button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.2rem}.chat-input-tools button:hover{color:var(--accent-color)}.chat-input-tools button.tool-active{color:var(--accent-color);background:#eef2ff;border-radius:4px}.thread-marker{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:16px;align-items:center;gap:5px;margin:3px 0 6px;padding:4px 10px;font-size:.75rem;display:inline-flex}.thread-marker:hover{border-color:var(--accent-color);box-shadow:0 1px 4px #4f46e51a}.thread-marker.active{border-color:var(--accent-color);background:#4f46e50f}.tm-icon{flex-shrink:0;align-items:center;display:flex}.tm-avs{align-items:center;display:flex}.tm-avs .avatar{border:1.5px solid var(--bg-card);margin-right:-3px}.tm-label{color:var(--accent-color);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-weight:500;overflow:hidden}.tm-label.pending{color:var(--text-muted);font-style:italic;font-weight:400}.thread-suggest{background:linear-gradient(135deg,#4f46e50f,#6366f11a);border:1px dashed #4f46e54d;border-radius:16px;align-items:center;gap:6px;margin:4px 0 6px;padding:5px 12px;font-size:.75rem;animation:.3s thread-suggest-in;display:inline-flex}@keyframes thread-suggest-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.thread-suggest-icon{flex-shrink:0;font-size:.85rem}.thread-suggest-text{color:var(--text-secondary);white-space:nowrap}.thread-suggest-btn{background:var(--accent-color);color:#fff;cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);border:none;border-radius:10px;padding:2px 10px;font-size:.72rem;font-weight:600}.thread-suggest-btn:hover{background:var(--accent-hover);transform:scale(1.04)}.thread-suggest-dismiss{width:18px;height:18px;color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;line-height:1;display:flex}.thread-suggest-dismiss:hover{background:#0000000f}.tm-cnt{color:var(--text-muted);white-space:nowrap}.tm-new{background:var(--danger-color);border-radius:50%;flex-shrink:0;width:6px;height:6px}.thread-capsule-bar{border-bottom:1px solid var(--border-color);background:var(--bg-card);align-items:center;gap:6px;min-height:36px;padding:4px 12px;display:flex}.tc-scroll{scrollbar-width:none;flex:1;gap:6px;min-width:0;display:flex;overflow-x:auto}.tc-scroll::-webkit-scrollbar{display:none}.tc-pill{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);white-space:nowrap;cursor:pointer;border-radius:14px;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:.78rem;transition:all .15s;display:inline-flex}.tc-pill:hover{border-color:var(--accent-color);color:var(--accent-color);background:#4f46e50a}.tc-pill--active{border-color:var(--accent-color);color:var(--accent-color);background:#4f46e514;font-weight:500}.tc-pill--unread{border-color:var(--accent-color);color:var(--accent-color)}.tc-pill-icon{opacity:.7;font-size:.7rem;line-height:1}.tc-pill-title{text-overflow:ellipsis;max-width:80px;overflow:hidden}.tc-pill-badge{color:#fff;background:var(--danger-color);text-align:center;border-radius:8px;min-width:16px;padding:0 5px;font-size:.65rem;font-weight:600;line-height:1.6}.tc-overflow-wrap{flex-shrink:0;position:relative}.tc-overflow-btn{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-muted);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;padding:4px 8px;font-family:inherit;font-size:.75rem;transition:all .15s;display:inline-flex}.tc-overflow-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.tc-overflow-list{background:var(--bg-card);border:1px solid var(--border-color);z-index:50;border-radius:8px;min-width:160px;padding:4px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 12px #0000001a}.tc-overflow-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-family:inherit;font-size:.8rem;display:flex}.tc-overflow-item:hover{background:#0000000a}.tc-overflow-item--unread{color:var(--accent-color);font-weight:500}[data-mode=dark] .tc-overflow-item:hover{background:#ffffff0f}.mh-thread-btn{border:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-family:inherit;font-size:.78rem;display:inline-flex}.mh-thread-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.mh-thread-btn.active{border-color:var(--accent-color);color:var(--accent-color);background:#4f46e50f}.t-badge{text-align:center;border-radius:8px;min-width:14px;padding:0 4px;font-size:.65rem;font-weight:600;line-height:1.5}.t-badge.has-new{background:var(--danger-color);color:#fff}.t-badge.no-new{background:var(--bg-primary);color:var(--text-muted)}.thread-panel{border-left:1px solid var(--border-color);background:var(--bg-card);z-index:10;flex-direction:column;flex:none;width:320px;display:flex;box-shadow:-2px 0 12px #00000014}.thread-panel-overlay{display:none}@media (width>=1200px){.chat-area{min-width:400px;flex:1!important}}@media (width<=1199px){.thread-panel{z-index:1000;height:100vh;position:fixed;top:0;right:0;box-shadow:-4px 0 16px #0000001f}.thread-panel-overlay{z-index:999;background:#0000004d;display:block;position:fixed;inset:0}}.rp-hd{border-bottom:1px solid var(--border-color);background:var(--bg-card);flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;padding:10px 12px;display:flex}.rp-hd-content{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.rp-hd-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;cursor:default;font-size:.85rem;font-weight:500;overflow:hidden}.rp-hd-title.editable{cursor:pointer}.rp-hd-title.editable:hover{text-decoration:underline}.rp-hd-title.pending{color:var(--text-muted);font-style:italic;font-weight:400}.rp-hd-back{cursor:pointer;color:var(--accent-color);background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;gap:3px;padding:2px 4px;font-family:inherit;font-size:.78rem;display:inline-flex}.rp-hd-back:hover{background:#4f46e514}.rp-hd-edit{color:var(--text-primary);border:none;border-bottom:1px solid var(--accent-color);background:0 0;outline:none;flex:1;min-width:0;font-family:inherit;font-size:.85rem;font-weight:500}.rp-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:1.1rem;line-height:1}.rp-close:hover{color:var(--text-secondary)}.rp-ai-name-btn{cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 5px;font-size:.9rem;transition:opacity .15s}.rp-ai-name-btn:hover{opacity:1}.rp-ai-name-btn:disabled{cursor:default;opacity:.4}.rp-list{flex:1;padding:4px 0;overflow-y:auto}.rp-empty{text-align:center;color:var(--text-muted);padding:36px 16px;font-size:.82rem;line-height:1.6}.rp-list-item{cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--border-color);gap:8px;padding:10px 12px;display:flex}.rp-list-item:last-child{border-bottom:none}.rp-list-item:hover{background:var(--bg-primary)}.rp-list-item.on{background:#4f46e50f}.rp-list-item.has-new{border-left:2px solid var(--accent-color)}.rli-icon{flex-shrink:0;align-items:flex-start;width:18px;padding-top:2px;display:flex}.rli-body{flex:1;min-width:0}.rli-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.82rem;font-weight:500;overflow:hidden}.rli-name.pending{color:var(--text-muted);font-style:italic;font-weight:400}.rli-preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.72rem;overflow:hidden}.rli-foot{align-items:center;gap:6px;display:flex}.rli-cnt{color:var(--text-muted);font-size:.68rem}.rli-new-dot{background:var(--danger-color);border-radius:50%;flex-shrink:0;width:6px;height:6px}.rp-detail{background:var(--bg-chat);flex:1;padding:10px 11px;overflow-y:auto}.rp-orig{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;margin-bottom:10px;padding:8px 10px}.rp-orig-lbl{color:var(--text-muted);align-items:center;margin-bottom:3px;font-size:.7rem;display:flex}.rp-orig-text{color:var(--text-primary);font-size:.8rem;line-height:1.5}.rp-orig-text .msg-content{font-size:.8rem}.thread-msg{border-radius:6px;gap:6px;margin-bottom:2px;padding:4px;display:flex}.thread-msg:hover{background:var(--bg-card)}.thread-msg-body{flex:1;min-width:0}.thread-msg-meta{align-items:baseline;gap:5px;margin-bottom:2px;display:flex}.thread-msg-sender{color:var(--text-primary);font-size:.8rem;font-weight:500}.thread-msg-time{color:var(--text-muted);font-size:.7rem}.thread-msg-text{color:var(--text-primary);font-size:.8rem;line-height:1.6}.thread-msg-text p{margin:0}.thread-msg-image{cursor:pointer;border-radius:6px;max-width:100%}.thread-reply-line{padding-left:16px;position:relative}.thread-reply-line:before{content:"";background:var(--border-color,#e0e0e0);width:1px;position:absolute;top:16px;bottom:16px;left:15px}.name-nudge{border-top:1px solid var(--border-color);flex-direction:column;gap:6px;margin-top:8px;padding:8px 6px;display:flex}.nn-row1{justify-content:space-between;align-items:center;display:flex}.nn-label{color:var(--text-secondary);font-size:.75rem;font-weight:500}.nn-later{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:2px 4px;font-family:inherit;font-size:.7rem}.nn-later:hover{color:var(--text-secondary);text-decoration:underline}.nn-row2{align-items:center;gap:6px;display:flex}.nn-input{border:1px solid var(--border-color);background:var(--bg-card);min-width:0;color:var(--text-primary);border-radius:6px;outline:none;flex:1;padding:4px 8px;font-family:inherit;font-size:.75rem}.nn-input:focus{border-color:var(--accent-color)}.nn-ok{background:var(--accent-color);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;flex-shrink:0;padding:4px 10px;font-family:inherit;font-size:.72rem}.nn-ok:hover{background:var(--accent-hover)}.rp-footer{border-top:1px solid var(--border-color);background:var(--bg-card);flex-shrink:0;align-items:flex-end;gap:6px;padding:8px 11px;display:flex}.rp-in{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:8px;outline:none;flex:1;padding:7px 10px;font-family:inherit;font-size:.8rem}.rp-textarea{resize:none;min-height:32px;max-height:120px;line-height:1.5;overflow-y:auto}.rp-in:focus{border-color:var(--accent-color)}.rp-snd{background:var(--accent-color);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.rp-snd:hover{background:var(--accent-hover)}.rp-snd:disabled{opacity:.4;cursor:default}.rp-snd:disabled:hover{background:var(--accent-color)}.thread-empty-state{flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:32px 16px;display:flex}.thread-empty-icon{opacity:.5;font-size:2rem}.thread-empty-text{color:var(--text-secondary);font-size:.85rem;font-weight:500}.thread-empty-hint{color:var(--text-muted);font-size:.75rem}.thread-msg-sending{color:var(--text-muted);font-size:.65rem;font-style:italic}.thread-msg-copy{cursor:pointer;opacity:0;background:0 0;border:none;margin-left:4px;padding:0 2px;font-size:.65rem;transition:opacity .15s}.thread-msg:hover .thread-msg-copy{opacity:.7}.thread-msg-copy:hover{opacity:1!important}.thread-msg-detach{cursor:pointer;opacity:0;color:var(--text-muted);background:0 0;border:none;margin-left:2px;padding:0 2px;font-size:.65rem;transition:opacity .15s}.thread-msg:hover .thread-msg-detach{opacity:.5}.thread-msg-detach:hover{color:#dc2626;opacity:1!important}.thread-msg-recall{cursor:pointer;opacity:0;color:var(--text-muted);background:0 0;border:none;margin-left:2px;padding:0 2px;font-size:.7rem;transition:opacity .15s}.thread-msg:hover .thread-msg-recall{opacity:.5}.thread-msg-recall:hover{color:var(--accent-color);opacity:1!important}.thread-jump-btn{cursor:pointer;color:var(--accent-color);opacity:.7;background:0 0;border:none;margin-left:6px;padding:0 3px;font-size:.72rem;transition:opacity .15s}.thread-jump-btn:hover{opacity:1;text-decoration:underline}.sidebar-thread-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.62rem;font-style:italic;overflow:hidden}@media (width<=900px){.thread-panel{width:260px}}@media (width<=700px){.thread-panel{z-index:1000;width:100vw;min-width:0;position:fixed;top:0;bottom:0;right:0}}[data-mode=dark] .thread-panel{background:var(--bg-card)}[data-mode=dark] .rp-in,[data-mode=dark] .rp-orig{background:var(--bg-chat);border-color:var(--border-color)}[data-mode=dark] .rp-list-item:hover{background:var(--bg-chat)}[data-mode=dark] .rp-list-item.on{background:#4f46e51a}[data-mode=dark] .rp-list-item.has-new{border-left-color:var(--accent-color)}[data-mode=dark] .thread-marker{background:var(--bg-card);border-color:var(--border-color)}[data-mode=dark] .thread-marker.active{background:#4f46e51f}[data-mode=dark] .tm-avs .avatar{border-color:var(--bg-card)}[data-mode=dark] .nn-input{background:var(--bg-chat);border-color:var(--border-color)}[data-mode=dark] .mh-thread-btn{border-color:var(--border-color)}[data-mode=dark] .mh-thread-btn.active{background:#4f46e51f}[data-mode=dark] .t-badge.no-new,[data-mode=dark] .thread-msg:hover{background:var(--bg-chat)}.inline-compose{background:var(--bg-card);border:1px solid var(--accent-color);border-radius:8px;align-items:center;gap:7px;margin:4px 6px 8px 46px;padding:6px 8px;display:flex}.ic-wrap{flex:1;min-width:0}.ic-quoting{color:var(--text-muted);border-left:2px solid var(--accent-color);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;padding-left:7px;font-size:.72rem;overflow:hidden}.ic-input{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:5px 8px;font-family:inherit;font-size:.8rem}.ic-input:focus{border-color:var(--accent-color)}.ic-send{background:var(--accent-color);cursor:pointer;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.ic-send:hover:not(:disabled){background:var(--accent-hover)}.ic-send:disabled{opacity:.4;cursor:not-allowed}.ic-cancel{cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:1rem;line-height:1}.ic-cancel:hover{color:var(--text-secondary)}[data-mode=dark] .inline-compose{background:var(--bg-card)}[data-mode=dark] .ic-input{background:var(--bg-chat);border-color:var(--border-color)}.sidebar-threads{border-top:1px solid var(--border-color);flex-shrink:0;max-height:35%;overflow-y:auto}.sidebar-threads-label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;padding:8px 13px 4px;font-size:.65rem;font-weight:500}.sidebar-threads-hint{color:var(--text-muted);padding:8px 13px;font-size:.72rem;line-height:1.65}.sidebar-threads-list{padding:2px 0}.sidebar-thread-item{cursor:pointer;border-left:2px solid #0000;align-items:flex-start;gap:7px;padding:5px 13px;transition:background .12s;display:flex}.sidebar-thread-item:hover{background:var(--bg-card,#f9fafb)}.sidebar-thread-item.active{border-left-color:var(--accent-color);background:var(--bg-card,#f9fafb)}.sidebar-thread-dot{background:var(--border-color);border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:5px}.sidebar-thread-dot.active{background:var(--accent-color)}.sidebar-thread-info{flex:1;min-width:0}.sidebar-thread-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.sidebar-thread-item.active .sidebar-thread-name{color:var(--accent-color);font-weight:500}.sidebar-thread-name.pending{color:var(--text-muted);font-style:italic}.sidebar-thread-count{color:var(--text-muted);margin-top:1px;font-size:.65rem}[data-mode=dark] .sidebar-thread-item:hover,[data-mode=dark] .sidebar-thread-item.active{background:var(--bg-chat)}.file-msg{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;align-items:center;gap:10px;min-width:200px;max-width:280px;padding:10px 12px;display:flex}.file-msg .file-icon{flex-shrink:0;font-size:1.8rem}.file-msg .file-info{flex:1;min-width:0}.file-msg .file-name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.file-msg .file-size{color:var(--text-muted);margin-top:2px;font-size:.75rem}.file-msg .file-download{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:6px;flex-shrink:0;padding:4px 10px;font-size:.75rem;text-decoration:none}.file-msg .file-download:hover{background:var(--accent-hover)}.img-msg img{cursor:pointer;-o-object-fit:contain;object-fit:contain;border-radius:8px;max-width:300px;max-height:400px}.mixed-images{margin-top:4px}.mixed-images.single .image-loader{max-width:300px}.mixed-images.grid{grid-template-columns:repeat(auto-fill,150px);gap:4px;display:grid}.mixed-files{flex-direction:column;gap:4px;margin-top:4px;display:flex}.msg-system{text-align:center;color:var(--text-muted);padding:4px 0;font-size:.8rem}.mention-popover{background:var(--bg-card);z-index:10;border:1px solid #ddd;border-radius:8px;width:200px;max-height:200px;position:absolute;bottom:100%;left:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.mention-item{cursor:pointer;padding:.5rem .75rem;font-size:.875rem}.mention-item:hover{background:#f3f4f6}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;animation:.2s overlay-fade-in;display:flex;position:fixed;inset:0}.modal-overlay.closing{opacity:0;transition:opacity .15s}.modal{background:var(--bg-card);border-radius:12px;width:400px;max-height:80vh;padding:1.5rem;animation:.2s modal-scale-in;overflow-y:auto}.modal.closing{opacity:0;transition:transform .15s,opacity .15s;transform:scale(.95)}.modal h3{margin-bottom:1rem}.modal input{border:1px solid #ddd;border-radius:6px;width:100%;margin-bottom:.75rem;padding:.5rem .75rem}.modal .btn-row{justify-content:flex-end;gap:.5rem;display:flex}.modal button{background:var(--bg-card);border:1px solid #ddd;border-radius:6px;padding:.5rem 1rem}.modal button.primary{background:var(--accent-color);color:#fff;border:none}.user-result{cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem;display:flex}.user-result:hover{background:#f3f4f6}.invite-modal{background:var(--bg-card);border-radius:12px;width:720px;max-width:90vw;height:520px;max-height:80vh;animation:.2s modal-scale-in;display:flex;overflow:hidden;box-shadow:0 8px 40px #0000002e}.invite-left{border-right:none;flex-direction:column;flex-shrink:0;width:55%;display:flex}.invite-right{flex-direction:column;flex-shrink:0;width:45%;display:flex}.invite-divider{background:var(--border-color);cursor:col-resize;flex-shrink:0;width:6px;transition:background .15s}.invite-divider:hover{background:var(--accent-color);opacity:.5}.invite-search-box{border-bottom:1px solid var(--border-color);align-items:center;gap:6px;padding:12px;display:flex}.invite-search-box .invite-search-icon{color:#999;font-size:.9rem}.invite-search-box input{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:6px;outline:none;flex:1;padding:6px 10px;font-size:.85rem}.invite-search-box input:focus{border-color:var(--accent-color)}.invite-user-list{flex:1;padding:4px 0;overflow-y:auto}.invite-user-item{cursor:pointer;align-items:center;gap:10px;padding:8px 14px;font-size:.88rem;display:flex}.invite-user-item:hover{background:#f5f5f5}.invite-user-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-color);cursor:pointer;flex-shrink:0}.invite-user-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:500;display:flex;overflow:hidden}.invite-user-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.invite-user-avatar.small{width:28px;height:28px;font-size:.7rem}.invite-user-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.invite-empty{text-align:center;color:#999;padding:24px;font-size:.85rem}.invite-right-title{border-bottom:1px solid var(--border-color);padding:14px 16px;font-size:1rem;font-weight:600}.invite-right-selected{flex:1;padding:8px 0;overflow-y:auto}.invite-selected-item{align-items:center;gap:8px;padding:6px 16px;font-size:.85rem;display:flex}.invite-fixed-tag{color:#999;background:#f3f4f6;border-radius:4px;margin-left:auto;padding:1px 6px;font-size:.7rem}.invite-remove{cursor:pointer;color:#999;margin-left:auto;padding:0 4px;font-size:1rem}.invite-remove:hover{color:#dc2626}.invite-right-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.invite-right-actions button{background:var(--bg-card);cursor:pointer;border:1px solid #ddd;border-radius:6px;padding:6px 24px;font-size:.85rem}.invite-right-actions button.primary{background:var(--accent-color);color:#fff;border:none}.invite-right-actions button.primary:disabled{opacity:.5;cursor:default}[data-mode=dark] .invite-user-item:hover{background:#333}[data-mode=dark] .invite-fixed-tag{background:#3c3c3c}[data-mode=dark] .invite-right-actions button{color:#ccc;background:#2d2d2d;border-color:#3c3c3c}.search-panel{padding:.5rem 1rem}.search-panel input{border:1px solid #ddd;border-radius:6px;width:100%;padding:.375rem .75rem;font-size:.875rem}.search-results{max-height:300px;overflow-y:auto}.search-result-item{cursor:pointer;border-bottom:1px solid #f3f4f6;padding:.5rem;font-size:.85rem}.search-result-item:hover{background:#f9fafb}.online-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;display:inline-block}.offline-dot{background:#d1d5db;border-radius:50%;width:8px;height:8px;display:inline-block}.read-status{font-size:.65rem}.read-status.read{color:#22c55e}.read-status.unread{color:#9ca3af}.img-preview-overlay{z-index:200;cursor:pointer;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.img-preview-overlay img{cursor:default;border-radius:4px;max-width:90vw;max-height:90vh}.img-preview-nav{color:#fff;cursor:pointer;z-index:201;background:#ffffff26;border:none;border-radius:6px;justify-content:center;align-items:center;width:48px;height:64px;font-size:2.5rem;line-height:1;transition:background .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.img-preview-counter{color:#fffc;pointer-events:none;background:#0006;border-radius:12px;padding:3px 10px;font-size:.85rem;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.img-preview-overlay>img{cursor:default;-webkit-user-select:none;user-select:none;border-radius:4px;max-width:85vw;max-height:85vh}.img-preview-nav{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:201;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.img-preview-nav:hover{background:#ffffff4d}.img-preview-prev{left:16px}.img-preview-next{right:16px}.img-preview-counter{color:#fff;letter-spacing:1px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-user-select:none;user-select:none;background:#0009;border-radius:16px;padding:4px 16px;font-size:.85rem;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.msg.highlight .msg-body{background:#fef08a}.msg.mine.highlight .msg-body{background:#6d62f0}.time-separator{text-align:center;padding:8px 0}.time-separator span{background:var(--bg-separator);color:var(--text-muted);border-radius:12px;padding:2px 12px;font-size:.75rem;display:inline-block}.emoji-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;flex-wrap:wrap;gap:2px;max-height:140px;margin-bottom:.5rem;padding:.5rem;display:flex;overflow-y:auto}.emoji-panel button{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;display:flex}.emoji-panel button:hover{background:#f3f4f6}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.widget-payment{min-width:360px;max-width:480px}.payment-header{border-bottom:1px solid var(--border-color);align-items:center;gap:6px;margin-bottom:.5rem;padding-bottom:.5rem;display:flex}.payment-icon{font-size:1.2rem}.payment-title{flex:1;font-size:.9rem;font-weight:600}.payment-status{border-radius:10px;padding:2px 8px;font-size:.75rem;font-weight:500}.payment-status.status-pending{color:#92400e;background:#fef3c7}.payment-status.status-approved{color:#065f46;background:#d1fae5}.payment-status.status-rejected{color:#991b1b;background:#fee2e2}.payment-info{margin-bottom:.5rem}.payment-amount{color:var(--accent-color);margin-bottom:.4rem;font-size:1.5rem;font-weight:700}.payment-row{gap:8px;margin:3px 0;font-size:.8rem;display:flex}.payment-label{color:var(--text-muted);flex-shrink:0;min-width:42px}.payment-value{color:var(--text-primary);word-break:break-word}.payment-section-title{color:var(--text-secondary);margin:.4rem 0;font-size:.8rem;font-weight:600}.payment-attachments{border-top:1px solid #f3f4f6;margin-bottom:.4rem;padding-top:.4rem}.payment-att-item{color:var(--accent-color);text-overflow:ellipsis;white-space:nowrap;padding:3px 0;font-size:.8rem;text-decoration:none;display:block;overflow:hidden}.payment-att-item:hover{text-decoration:underline}.att-size{color:var(--text-muted);margin-left:6px;font-size:.7rem}.payment-add-att{color:var(--accent-color);cursor:pointer;margin-top:2px;font-size:.8rem;display:inline-block}.payment-add-att:hover{text-decoration:underline}.payment-approvers{border-top:1px solid #f3f4f6;margin-bottom:.4rem;padding-top:.4rem}.payment-approver{justify-content:space-between;align-items:center;padding:3px 0;font-size:.8rem;display:flex}.approver-status{font-size:.75rem}.approver-status.approved{color:#059669}.approver-status.rejected{color:#dc2626}.approver-status.pending{color:#d97706}.approver-time{color:#aaa;margin-left:4px;font-size:.7rem;font-weight:400}.payment-actions{gap:8px;margin:.5rem 0;display:flex}.payment-actions .btn-approve{color:#fff;background:#059669;border:none;border-radius:6px;flex:1;padding:6px;font-size:.85rem;font-weight:500}.payment-actions .btn-approve:hover{background:#047857}.payment-actions .btn-reject{color:#fff;background:#dc2626;border:none;border-radius:6px;flex:1;padding:6px;font-size:.85rem;font-weight:500}.payment-actions .btn-reject:hover{background:#b91c1c}.payment-confirm-inline{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:8px;width:100%;padding:6px 10px;animation:.15s confirmFadeIn;display:flex}.payment-confirm-inline.reject{background:#fef2f2;border-color:#fecaca}.confirm-text{color:var(--text-primary);flex:1;font-size:.85rem;font-weight:500}.btn-confirm-yes{color:#fff;background:#059669;border:none;border-radius:5px;padding:4px 14px;font-size:.8rem;font-weight:500}.btn-confirm-yes:hover{background:#047857}.btn-confirm-reject{color:#fff;background:#dc2626;border:none;border-radius:5px;padding:4px 14px;font-size:.8rem;font-weight:500}.btn-confirm-reject:hover{background:#b91c1c}.btn-confirm-cancel{color:var(--text-secondary);border:1px solid var(--border-color);background:#f3f4f6;border-radius:5px;padding:4px 14px;font-size:.8rem}.btn-confirm-cancel:hover{background:var(--border-color)}@keyframes confirmFadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.payment-comments{border-top:1px solid #f3f4f6;padding-top:.4rem}.payment-comment{border-bottom:1px solid #f9fafb;padding:3px 0;font-size:.8rem}.comment-user{margin-right:6px;font-weight:500}.comment-text{color:var(--text-primary)}.comment-time{color:#bbb;font-size:.65rem;display:block}.payment-comment-input{gap:4px;margin-top:4px;display:flex}.payment-comment-input input{border:1px solid #ddd;border-radius:4px;flex:1;padding:4px 8px;font-size:.8rem}.payment-comment-input button{background:var(--accent-color);color:#fff;border:none;border-radius:4px;padding:4px 10px;font-size:.8rem}.payment-comment-input button:disabled{opacity:.5}.comment-attachment{color:var(--accent-color);margin-top:2px;font-size:.75rem;text-decoration:none;display:block}.comment-attachment:hover{text-decoration:underline}.comment-upload-btn{cursor:pointer;color:var(--text-secondary);align-items:center;padding:0 4px;font-size:1rem;display:flex}.comment-upload-btn:hover{color:var(--accent-color)}.comment-file-preview{color:var(--text-primary);background:#f3f4f6;border-radius:4px;align-items:center;gap:6px;margin-bottom:4px;padding:4px 8px;font-size:.8rem;display:flex}.comment-file-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:1rem}.comment-file-remove:hover{color:#dc2626}.payment-form{border:1px solid var(--border-color);background:#f9fafb;border-radius:8px;margin-bottom:.5rem;padding:.75rem}.payment-form-title{margin-bottom:.5rem;font-size:.9rem;font-weight:600}.payment-form input:not([type=checkbox]),.payment-form textarea{border:1px solid #ddd;border-radius:4px;width:100%;margin-bottom:6px;padding:6px 8px;font-size:.85rem}.payment-form textarea{resize:vertical}.payment-form-approvers{margin-bottom:6px}.payment-approver-check{cursor:pointer;align-items:center;gap:3px;padding:2px 0;font-size:.85rem;display:flex}.payment-approver-check input[type=checkbox]{margin:0}.members-panel{background:var(--bg-card);border-bottom:1px solid var(--border-color);max-height:280px;padding:.75rem 1rem;overflow-y:auto}.members-add{margin-bottom:.5rem;position:relative}.members-add input{border:1px solid #ddd;border-radius:6px;width:100%;padding:6px 10px;font-size:.85rem}.members-search-results{background:var(--bg-card);border:1px solid var(--border-color);z-index:10;border-radius:6px;max-height:160px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.members-search-item{cursor:pointer;align-items:center;gap:8px;padding:6px 10px;font-size:.85rem;display:flex}.members-search-item:hover{background:#f3f4f6}.members-add-btn{color:var(--accent-color);margin-left:auto;font-size:.8rem}.members-list{flex-direction:column;gap:2px;display:flex}.members-item{align-items:center;gap:8px;padding:4px 0;font-size:.85rem;display:flex}.member-avatar-sm{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.7rem;display:flex}.member-name{flex:1}.member-role{color:var(--accent-color);background:#eef2ff;border-radius:4px;padding:1px 6px;font-size:.7rem}.member-online{background:#d1d5db;border-radius:50%;flex-shrink:0;width:8px;height:8px}.member-online.on{background:#22c55e}.member-remove{color:#dc2626;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:.75rem}.member-remove:hover{background:#fee2e2;border-radius:4px}.approve-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.approve-card{background:var(--bg-card);border-radius:12px;width:420px;max-width:100%;padding:1.5rem;box-shadow:0 2px 12px #0000001a}.approve-done{text-align:center;color:#059669;background:#f0fdf4;border-radius:6px;margin-top:.5rem;padding:.75rem;font-size:.9rem}.approve-back{text-align:center;color:var(--accent-color);margin-top:1rem;font-size:.85rem;text-decoration:none;display:block}.approve-back:hover{text-decoration:underline}.payment-copy-link{cursor:pointer;opacity:.5;margin-left:auto;font-size:.9rem}.payment-copy-link:hover{opacity:1}.reply-bar{background:var(--bg-primary);border-left:3px solid var(--accent-color);color:var(--text-secondary);border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.4rem .75rem;font-size:.8rem;display:flex}.reply-bar button{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:2px 4px;font-size:.85rem}.reply-bar button:hover{color:var(--text-primary)}.msg-reply-preview{border-left:2px solid var(--accent-color);cursor:pointer;background:#0000000a;border-radius:0 4px 4px 0;margin-bottom:4px;padding:3px 8px;font-size:.78rem}.msg-reply-preview:hover{background:#00000012}.reply-sender{color:var(--accent-color);margin-right:4px;font-weight:500}.reply-text{color:var(--text-secondary)}.msg.mine .msg-reply-preview{background:#00000014;border-left-color:#0000004d}.msg.mine .reply-sender{color:#0009}.msg.mine .reply-text{color:#00000080}.msg-forwarded{color:var(--text-muted);margin-bottom:2px;font-size:.7rem;font-style:italic}.msg.mine .msg-forwarded{color:#0006}.msg-forwarded-preview{margin-bottom:4px}.forwarded-label{color:var(--text-muted);margin-bottom:2px;font-size:.7rem;font-style:italic}.msg.mine .forwarded-label{color:#0006}.forwarded-content{border-left:2px solid var(--text-muted);background:#0000000a;border-radius:0 4px 4px 0;padding:3px 8px;font-size:.78rem}.forwarded-sender{color:var(--text-secondary);margin-right:4px;font-weight:500}.forwarded-text{color:var(--text-secondary)}.msg.mine .forwarded-content{background:#00000014;border-left-color:#0000004d}.msg.mine .forwarded-sender{color:#0009}.msg.mine .forwarded-text{color:#00000080}.drag-overlay{border:2px dashed var(--accent-color);color:var(--accent-color);z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#4f46e51f;border-radius:8px;justify-content:center;align-items:center;font-size:1.1rem;font-weight:500;animation:.2s overlay-fade-in;display:flex;position:absolute;inset:0}.drag-overlay-content{pointer-events:none;flex-direction:column;align-items:center;gap:12px;display:flex}.drag-overlay-icon{opacity:.8}.conv-item.pinned{background:#f8f9fb}.conv-item.pinned:before{content:"📌";opacity:.5;font-size:.6rem;position:absolute;top:4px;right:4px}.conv-item{position:relative}.conv-item:active{transform:scale(.98)}.pinned-separator{background:var(--border-color);height:1px;margin:4px 1rem}.context-menu{background:var(--bg-card);border:1px solid var(--border-color);z-index:200;border-radius:8px;min-width:120px;padding:4px;position:fixed;box-shadow:0 4px 12px #00000026}.context-menu button{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;width:100%;padding:6px 12px;font-size:.85rem;display:block}.context-menu button:hover{background:#f3f4f6}.main-layout{flex-direction:row;height:100vh;display:flex}.main-layout-body{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.page-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.side-nav-bar{background:var(--bg-card);border-right:1px solid var(--border-color);-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;justify-content:space-between;width:64px;padding:8px 0;display:flex;overflow:hidden auto}.side-nav-top{flex-direction:column;align-items:center;gap:2px;display:flex}.side-nav-bottom{flex-direction:column;align-items:center;gap:2px;margin-top:auto;display:flex}.side-nav-item{cursor:pointer;width:56px;color:var(--text-muted);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:6px 0;transition:color .15s,background .15s;display:flex}.side-nav-item:hover{background:var(--bg-hover,#0000000a)}.side-nav-item.active{color:var(--accent-color);background:color-mix(in srgb, var(--accent-color) 10%, transparent)}.side-nav-icon-wrap{justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex;position:relative}.side-nav-label{font-size:.6rem;font-weight:500;line-height:1.2}.nav-badge{background:var(--danger-color);color:#fff;text-align:center;border-radius:7px;min-width:14px;height:14px;padding:0 3px;font-size:.55rem;font-weight:600;line-height:14px;position:absolute;top:-4px;right:-10px}.nav-badge--important{background:var(--danger-color)}.nav-dot{background:#3b82f6;border-radius:50%;width:7px;height:7px;position:absolute;top:0;right:-2px}.nav-dot--email{background:#94a3b8}.side-nav-sub{flex-direction:column;gap:2px;width:100%;margin-bottom:4px;padding:0 4px;display:flex}.side-nav-sub-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;border-radius:4px;padding:4px 0;font-size:.6rem;font-weight:500;transition:all .15s}.side-nav-sub-btn.active{color:var(--accent-color);background:color-mix(in srgb, var(--accent-color) 8%, transparent);border-left-color:var(--accent-color)}.side-nav-version{color:var(--text-muted);opacity:.4;cursor:default;padding:4px 0;font-size:.55rem}.side-nav-version:hover{opacity:1}.bottom-tab-bar{border-top:1px solid var(--border-color);background:var(--bg-card);width:100%;display:flex}.tab-item{cursor:pointer;min-width:0;min-height:44px;color:var(--text-muted);-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;padding:4px 0;transition:color .15s;display:flex}.tab-item:hover{color:var(--text-secondary)}.tab-item.active{color:var(--accent-color)}.tab-icon-wrap{justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex;position:relative}.tab-badge{background:var(--danger-color);color:#fff;text-align:center;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:.6rem;font-weight:600;line-height:16px;position:absolute;top:-4px;right:-10px}.tab-badge-soft{background:#64748b}.tab-dot{background:#3b82f6;border-radius:50%;width:8px;height:8px;position:absolute;top:0;right:-2px}.tab-dot--email{background:#94a3b8}.tab-badge--important{background:var(--danger-color)}.tab-label{white-space:nowrap;text-overflow:ellipsis;font-size:.6rem;font-weight:500;line-height:1.2;overflow:hidden}@media (width<=374px){.tab-label{display:none}.tab-item{padding:8px 0}}.email-digest-banner{background:var(--bg-primary);border-bottom:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;transition:background .15s;display:flex}.email-digest-banner:hover{background:var(--border-color)}.email-digest-banner-icon{opacity:.6;flex-shrink:0}.email-digest-banner-text{flex:1;line-height:1.4}.email-digest-banner-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.email-digest-banner-close:hover{color:var(--text-primary);background:#00000014}.placeholder-page{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.placeholder-icon{margin-bottom:.5rem;font-size:3rem}.placeholder-page h2{color:var(--text-secondary);margin-bottom:.25rem;font-size:1.1rem}.placeholder-page p{font-size:.85rem}.profile-page{width:100%;max-width:400px;margin:0 auto;padding:2rem 1rem}.profile-header{text-align:center;margin-bottom:2rem}.profile-avatar{background:var(--accent-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto .5rem;font-size:1.5rem;font-weight:600;display:flex}.profile-name{font-size:1.1rem;font-weight:600}.profile-email{color:var(--text-muted);font-size:.8rem}.profile-settings{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;margin-bottom:1.5rem;overflow:hidden}.setting-item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.9rem;display:flex}.setting-item:last-child{border-bottom:none}.toggle-switch{width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:#ccc;border-radius:24px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background:var(--accent-color)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.theme-picker{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;display:grid}.theme-swatch{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:6px;transition:border-color .2s,transform .15s;display:flex}.theme-swatch:hover{transform:translateY(-1px)}.theme-swatch.active{border-color:var(--accent-color)}.theme-swatch-color{border:1px solid var(--border-color);border-radius:50%;width:40px;height:40px;box-shadow:0 1px 3px #0000001a}.theme-swatch-label{color:var(--text-secondary);white-space:nowrap;font-size:.7rem}.theme-swatch.active .theme-swatch-label{color:var(--accent-color);font-weight:600}.profile-actions{text-align:center}.logout-btn{border:1px solid var(--danger-color);width:100%;color:var(--danger-color);background:0 0;border-radius:8px;padding:.625rem;font-size:.9rem}.logout-btn:hover{background:var(--danger-color);color:#fff}.profile-footer-logout{text-align:center;color:var(--text-secondary);opacity:.5;cursor:pointer;padding:20px 0 8px;font-size:.8rem;transition:all .15s}.profile-footer-logout:hover{opacity:1;color:var(--danger-color)}.profile-section-fancy{margin-top:12px}.profile-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);opacity:.7;padding:10px 16px 4px;font-size:.72rem;font-weight:600}.setting-item-rich{cursor:pointer;align-items:center;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.setting-item-rich:hover{background:var(--bg-hover)}.setting-icon-wrap{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.setting-icon-blue{color:#2563eb;background:#dbeafe}.setting-icon-amber{color:#d97706;background:#fef3c7}[data-theme=dark] .setting-icon-blue,[data-theme=midnight] .setting-icon-blue,[data-theme=ocean] .setting-icon-blue,[data-theme=forest] .setting-icon-blue{color:#60a5fa;background:#3b82f626}[data-theme=dark] .setting-icon-amber,[data-theme=midnight] .setting-icon-amber,[data-theme=ocean] .setting-icon-amber,[data-theme=forest] .setting-icon-amber{color:#fbbf24;background:#d9770626}.setting-item-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.setting-item-title{color:var(--text-primary);font-size:.9rem;font-weight:500}.setting-item-desc{color:var(--text-secondary);opacity:.7;font-size:.75rem}.setting-chevron{color:var(--text-secondary);opacity:.4;flex-shrink:0}.email-notif-prefs{padding:0}.email-notif-contacts-section{border-top:1px solid var(--border-color);padding:.75rem 1rem}.email-notif-contacts-header{color:var(--text-primary);align-items:center;gap:6px;margin-bottom:8px;font-size:.85rem;font-weight:500;display:flex}.email-notif-contacts-count{color:var(--text-secondary);font-size:.75rem}.email-notif-contacts-list{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.email-notif-contact-item{background:var(--bg-hover);border-radius:6px;justify-content:space-between;align-items:center;padding:4px 8px;font-size:.8rem;display:flex}.email-notif-contact-addr{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.email-notif-contact-remove{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex}.email-notif-contact-remove:hover{color:var(--danger-color);background:#ef44441a}.email-notif-add-row{gap:6px;margin-bottom:8px;display:flex}.email-notif-add-input{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:6px;outline:none;flex:1;padding:6px 10px;font-size:.8rem}.email-notif-add-input:focus{border-color:var(--accent-color)}.email-notif-add-btn{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);cursor:pointer;border-radius:6px;align-items:center;padding:6px 10px;display:flex}.email-notif-add-btn:disabled{opacity:.4;cursor:not-allowed}.email-notif-add-btn:not(:disabled):hover{background:var(--bg-hover)}.email-notif-load-senders-btn{border:1px dashed var(--border-color);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:6px;font-size:.8rem;display:flex}.email-notif-load-senders-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.email-notif-load-senders-btn:disabled{opacity:.5;cursor:wait}.email-notif-sender-picker{border:1px solid var(--border-color);border-radius:6px;max-height:200px;margin-top:8px;overflow-y:auto}.email-notif-sender-item{cursor:pointer;color:var(--text-primary);border-bottom:1px solid var(--border-color);align-items:center;gap:6px;padding:6px 10px;font-size:.8rem;display:flex}.email-notif-sender-item:last-child{border-bottom:none}.email-notif-sender-item:hover{background:var(--bg-hover)}.email-notif-sender-empty{text-align:center;color:var(--text-secondary);padding:12px;font-size:.8rem}.msg-bubble{border-radius:12px;position:relative}.msg:not(.mine) .msg-bubble{border-top-left-radius:4px;margin-left:-4px}.msg:not(.mine) .msg-bubble:before{content:"";border:6px solid #0000;border-right-color:var(--msg-other-bg);border-left:none;width:0;height:0;position:absolute;top:10px;left:-6px}.msg.mine .msg-bubble{border-top-right-radius:4px;margin-right:-4px}.msg.mine .msg-bubble:after{content:"";border:6px solid #0000;border-left-color:var(--msg-mine-bg);border-right:none;width:0;height:0;position:absolute;top:10px;right:-6px}.send-status{vertical-align:middle;align-items:center;margin-left:4px;display:inline-flex}.send-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin}.send-failed-icon{background:var(--danger-color);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:flex}.empty-state{height:100%;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px;display:flex}.empty-state-icon{width:64px;height:64px;color:var(--text-muted);opacity:.5}.empty-state-title{color:var(--text-secondary);font-size:1.1rem;font-weight:500}.empty-state-subtitle{color:var(--text-muted);font-size:.875rem}.empty-state-action{background:var(--accent-color);color:#fff;cursor:pointer;transition:background var(--transition-fast) ease;border:none;border-radius:8px;margin-top:8px;padding:8px 24px;font-size:.875rem}.empty-state-action:hover{background:var(--accent-hover)}.empty-state h3{color:var(--text-secondary);font-size:1rem;font-weight:500}.empty-state p{font-size:.85rem}.empty-state button:not(.empty-state-action){background:var(--accent-color);color:#fff;border:none;border-radius:8px;padding:.5rem 1.5rem;font-size:.85rem}.empty-state button:not(.empty-state-action):hover{background:var(--accent-hover)}.unread-badge.muted{background:#9ca3af}.context-menu button.danger{color:var(--danger-color)}.context-menu button.danger:hover{background:#fee2e2}.avatar{transition:opacity .15s}.avatar:hover{opacity:.85}.avatar img{display:block}.avatar-small{font-size:.75rem}.avatar-medium{font-size:.9rem}.avatar-large{font-size:1.5rem}.avatar-status{transition:background-color .2s}.avatar-status.online{background-color:#22c55e}.avatar-status.offline{background-color:#9ca3af}.group-avatar{background:#e8eaed;transition:opacity .15s}.group-avatar:hover{opacity:.85}.conv-member-count{color:var(--text-muted);margin-left:3px;font-size:.75rem;font-weight:400}[data-mode=dark] .avatar-status{border-color:var(--bg-primary)}[data-mode=dark] .group-avatar{background:#3a3d3f}[data-mode=dark] .conv-item:hover{background:#2a2d2e}[data-mode=dark] .conv-item.active{background:#37373d}[data-mode=dark] .conv-item{border-bottom-color:#2d2d2d}[data-mode=dark] .msg-actions,[data-mode=dark] .msg-body-hovered .msg-actions{background:#2d2d2d;border-color:#3c3c3c;box-shadow:0 2px 8px #0000004d}[data-mode=dark] .msg-act-btn{color:#9ca3af}[data-mode=dark] .msg-act-btn:hover{color:#e5e7eb;background:#37373d}[data-mode=dark] .msg-act-primary:hover{color:#3794ff;background:#3794ff1a}[data-mode=dark] .msg-more-menu{background:#2d2d2d;border-color:#3c3c3c;box-shadow:0 4px 20px #0006}[data-mode=dark] .more-item{color:#ccc}[data-mode=dark] .more-item:hover{background:#37373d}[data-mode=dark] .more-icon{color:#9ca3af}[data-mode=dark] .more-item:hover .more-icon{color:#3794ff}[data-mode=dark] .more-item-danger,[data-mode=dark] .more-item-danger .more-icon{color:#f87171}[data-mode=dark] .more-item-danger:hover{background:#dc26261a}[data-mode=dark] .sidebar-actions button{color:#ccc;background:#2d2d2d;border-color:#3c3c3c}[data-mode=dark] .sidebar-actions button:hover{background:#37373d}[data-mode=dark] .mention-item:hover,[data-mode=dark] .user-result:hover{background:#2a2d2e}[data-mode=dark] .members-search-item:hover,[data-mode=dark] .search-result-item:hover{background:#2a2d2e}[data-mode=dark] .emoji-panel button:hover{background:#37373d}[data-mode=dark] .modal{background:#252526}[data-mode=dark] .modal input{color:#ccc;background:#1e1e1e;border-color:#3c3c3c}[data-mode=dark] .modal button{color:#ccc;background:#2d2d2d;border-color:#3c3c3c}[data-mode=dark] .modal button.primary{color:#fff;background:#0078d4;border:none}[data-mode=dark] .login-form{background:#252526}[data-mode=dark] .login-form input,[data-mode=dark] .msg-content pre{color:#ccc;background:#1e1e1e;border-color:#3c3c3c}[data-mode=dark] .msg-content code{background:#ffffff14}[data-mode=dark] .msg-content hr{border-top-color:#ffffff26}[data-mode=dark] .msg-content blockquote{background:#ffffff0a;border-left-color:#fff3}[data-mode=dark] .msg-content th,[data-mode=dark] .msg-content td{border-color:#ffffff1f}[data-mode=dark] .msg-content th{background:#ffffff0f}.msg.mine .msg-content hr{border-top-color:#00000026}.msg.mine .msg-content blockquote{color:#0009;background:#0000000f;border-left-color:#00000040}.msg.mine .msg-content th,.msg.mine .msg-content td{border-color:#00000026}.msg.mine .msg-content th{background:#0000000f}[data-mode=dark] .file-msg,[data-mode=dark] .poll-form{background:#1e1e1e;border-color:#3c3c3c}[data-mode=dark] .poll-form input{color:#ccc;background:#252526;border-color:#3c3c3c}[data-mode=dark] .chat-input-row textarea{color:#ccc;background:#1e1e1e;border-color:#3c3c3c}[data-mode=dark] .msg.highlight .msg-body{background:#4a3d00}[data-mode=dark] .msg.mine.highlight .msg-body{background:#1a3a5c}.profile-modal-overlay{z-index:150;background:#00000080;justify-content:center;align-items:center;animation:.2s overlay-fade-in;display:flex;position:fixed;inset:0}.profile-modal-overlay.closing{opacity:0;transition:opacity .15s}.profile-modal{background:var(--bg-card);border-radius:12px;width:340px;max-width:90vw;padding:2rem 1.5rem 1.5rem;animation:.2s modal-scale-in;position:relative;box-shadow:0 4px 24px #00000026}.profile-modal.closing{opacity:0;transition:transform .15s,opacity .15s;transform:scale(.95)}.profile-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:1.1rem;position:absolute;top:12px;right:12px}.profile-modal-close:hover{background:var(--border-color);color:var(--text-primary)}.profile-modal-loading{text-align:center;color:var(--text-muted);padding:2rem 0;font-size:.9rem}.profile-modal-error{text-align:center;color:var(--danger-color);padding:2rem 0;font-size:.9rem}.profile-modal-info{text-align:center;flex-direction:column;align-items:center;gap:.25rem;display:flex}.profile-modal-name{color:var(--text-primary);margin-top:.5rem;font-size:1.1rem;font-weight:600}.profile-modal-username{color:var(--text-muted);font-size:.85rem}.profile-modal-status{color:var(--text-secondary);margin-top:.25rem;font-size:.8rem}.profile-modal-meta{color:var(--text-secondary);flex-direction:column;gap:.15rem;margin-top:.75rem;font-size:.8rem;display:flex}.profile-modal-actions{border-top:1px solid var(--border-color);justify-content:center;margin-top:1.25rem;padding-top:1rem;display:flex}.profile-modal-btn-msg{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.5rem 2rem;font-size:.9rem;font-weight:500}.profile-modal-btn-msg:hover{background:var(--accent-hover)}.profile-modal-btn-msg:disabled{opacity:.5;cursor:not-allowed}.contacts-page{flex-direction:column;height:100%;display:flex}.contacts-search{border-bottom:1px solid var(--border-color);padding:.75rem 1rem}.contacts-search input{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:.5rem .75rem;font-size:.875rem}.contacts-search input::placeholder{color:var(--text-muted)}.contacts-search input:focus{border-color:var(--accent-color)}.contacts-body{flex:1;display:flex;position:relative;overflow:hidden}.contacts-grouped-list{flex:1;padding-right:28px;overflow-y:auto}.contacts-letter-header{color:var(--text-muted);background:var(--bg-primary);z-index:1;padding:6px 1rem;font-size:.8rem;font-weight:600;position:sticky;top:0}.contact-item{cursor:pointer;border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;padding:.75rem 1rem;transition:background .15s;display:flex}.contact-item:hover{background:var(--bg-primary)}.contact-info{flex-direction:column;min-width:0;display:flex}.contact-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:500;overflow:hidden}.contact-username{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.contacts-empty,.contacts-loading{color:var(--text-muted);flex:1;justify-content:center;align-items:center;padding:2rem;font-size:.9rem;display:flex}.contacts-error{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:2rem;font-size:.9rem;display:flex}.contacts-error button{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.5rem 1.5rem;font-size:.85rem}.contacts-error button:hover{background:var(--accent-hover)}.alphabet-index{z-index:2;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;width:24px;display:flex;position:absolute;top:0;bottom:0;right:0}.alphabet-index-item{color:var(--accent-color);cursor:pointer;text-align:center;width:100%;padding:1.5px 0;font-size:.65rem;font-weight:500;line-height:1}.alphabet-index-item:hover{color:var(--accent-hover);transform:scale(1.3)}.alphabet-index-item.current{color:#fff;background:var(--accent-color);border-radius:50%}.alphabet-index-item.disabled{color:var(--text-muted);opacity:.4;cursor:default}.alphabet-index-item.disabled:hover{transform:none}.workspace-page{box-sizing:border-box;width:100%;max-width:600px;height:100%;margin:0 auto;padding:1.5rem 1rem;overflow-y:auto}.workspace-entries{gap:1rem;margin-bottom:1.5rem;display:flex}.workspace-entry{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:.25rem;padding:1rem;transition:border-color .15s,background .15s;display:flex}.workspace-entry:hover{background:var(--bg-primary)}.workspace-entry.active{border-color:var(--accent-color);background:var(--bg-primary)}.workspace-entry-icon{font-size:1.75rem}.workspace-entry-title{color:var(--text-secondary);font-size:.85rem}.workspace-entry-count{color:var(--accent-color);font-size:1.25rem;font-weight:700}.workspace-list{flex-direction:column;display:flex}.workspace-card{border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.workspace-card:last-child{border-bottom:none}.workspace-card-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.9rem;overflow:hidden}.workspace-card-status{border-radius:10px;flex-shrink:0;padding:2px 8px;font-size:.75rem;font-weight:500}.workspace-card-status[data-status=pending]{color:#92400e;background:#fef3c7}.workspace-card-status[data-status=approved]{color:#065f46;background:#d1fae5}.workspace-card-status[data-status=rejected]{color:#991b1b;background:#fee2e2}.workspace-card-time{color:var(--text-muted);flex-shrink:0;font-size:.75rem}.workspace-empty,.workspace-loading{color:var(--text-muted);justify-content:center;align-items:center;padding:3rem 1rem;font-size:.9rem;display:flex}[data-mode=dark] .workspace-card-status[data-status=pending]{color:#fbbf24;background:#fef3c726}[data-mode=dark] .workspace-card-status[data-status=approved]{color:#34d399;background:#d1fae526}[data-mode=dark] .workspace-card-status[data-status=rejected]{color:#f87171;background:#fee2e226}.profile-edit-btn{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:.75rem;padding:.5rem 1.5rem;font-size:.85rem;font-weight:500}.profile-edit-btn:hover{background:var(--accent-hover)}.profile-avatar-edit{cursor:pointer;margin:0 auto .5rem;display:inline-block;position:relative}.profile-avatar-edit:hover .profile-avatar-overlay{opacity:1}.profile-avatar-overlay{opacity:0;pointer-events:none;background:#0006;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;transition:opacity .15s;display:flex;position:absolute;inset:0}.profile-edit-form{flex-direction:column;gap:.75rem;width:100%;margin-top:.5rem;display:flex}.profile-edit-input{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:.5rem .75rem;font-size:.9rem}.profile-edit-input:focus{border-color:var(--accent-color)}.profile-edit-actions{justify-content:center;gap:.5rem;display:flex}.profile-edit-actions button:first-child{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.5rem 1.5rem;font-size:.85rem;font-weight:500}.profile-edit-actions button:first-child:hover{background:var(--accent-hover)}.profile-edit-actions button:first-child:disabled{opacity:.5;cursor:not-allowed}.profile-edit-actions button:last-child{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;padding:.5rem 1.5rem;font-size:.85rem}.profile-edit-actions button:last-child:hover{background:var(--border-color)}.profile-edit-actions button:last-child:disabled{opacity:.5;cursor:not-allowed}.profile-info-row{color:var(--text-muted);margin-top:.15rem;font-size:.8rem}.profile-error{color:var(--danger-color);font-size:.8rem}.panel-overlay{z-index:100;background:#0000004d;animation:.25s overlay-fade-in;position:fixed;inset:0}.panel-overlay.closing{opacity:0;transition:opacity .2s}.panel-slide{animation:.25s panel-slide-in}.panel-slide.closing{transition:transform .2s;transform:translate(100%)}.group-info-overlay{z-index:120;background:#00000059;animation:.25s overlay-fade-in;position:fixed;inset:0}.group-info-overlay.closing{opacity:0;transition:opacity .2s}.group-info-panel{background:var(--bg-card);flex-direction:column;width:360px;max-width:85vw;height:100%;animation:.25s panel-slide-in;display:flex;position:absolute;top:0;right:0;box-shadow:-4px 0 24px #0000001f}.group-info-panel.closing{transition:transform .2s;transform:translate(100%)}.group-info-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.group-info-header h3{color:var(--text-primary);font-size:1rem;font-weight:600}.group-info-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:1.1rem}.group-info-close:hover{background:var(--border-color);color:var(--text-primary)}.group-info-error{color:#991b1b;background:#fee2e2;flex-shrink:0;padding:.5rem 1.25rem;font-size:.8rem}[data-mode=dark] .group-info-error{color:#f87171;background:#ef444426}.group-info-body{flex-direction:column;flex:1;gap:1rem;padding:1rem 1.25rem;display:flex;overflow-y:auto}.group-info-avatar-section{justify-content:center;display:flex}.group-info-avatar-wrapper{display:inline-block;position:relative}.group-info-avatar-edit{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 1px 4px #0000001a}.group-info-avatar-edit:hover{background:var(--bg-primary)}.group-info-avatar-hint{color:var(--text-muted);text-align:center;margin-top:4px;font-size:.65rem}.group-info-field{flex-direction:column;gap:.25rem;display:flex}.group-info-label{color:var(--text-muted);font-size:.75rem;font-weight:500}.group-info-edit-row{flex-direction:column;gap:.35rem;display:flex}.group-info-input{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:.5rem .75rem;font-size:.875rem}.group-info-input:focus{border-color:var(--accent-color)}.group-info-textarea{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);resize:vertical;border-radius:6px;outline:none;padding:.5rem .75rem;font-size:.875rem}.group-info-textarea:focus{border-color:var(--accent-color)}.group-info-char-count{color:var(--text-muted);text-align:right;font-size:.7rem}.group-info-edit-actions{gap:.5rem;display:flex}.group-info-btn{cursor:pointer;border:none;border-radius:6px;padding:.35rem .75rem;font-size:.8rem}.group-info-btn.save{background:var(--accent-color);color:#fff}.group-info-btn.save:hover{background:var(--accent-hover)}.group-info-btn.save:disabled{opacity:.5;cursor:not-allowed}.group-info-btn.cancel{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color)}.group-info-btn.cancel:hover{background:var(--border-color)}.group-info-value-row{align-items:center;gap:.5rem;display:flex}.group-info-value{color:var(--text-primary);word-break:break-word;flex:1;font-size:.9rem}.group-info-edit-btn{cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 4px;font-size:.85rem}.group-info-edit-btn:hover{opacity:1;background:var(--bg-primary)}.group-info-announcement{flex-direction:column;gap:.25rem;display:flex;position:relative}.group-info-announcement-content{color:var(--text-primary);border-left:3px solid var(--accent-color);word-break:break-word;background:#4f46e50f;border-radius:0 6px 6px 0;padding:.5rem .75rem;font-size:.875rem}[data-mode=dark] .group-info-announcement-content{background:#6366f11a}.group-info-announcement-time{color:var(--text-muted);font-size:.7rem}.group-info-meta{background:var(--bg-primary);border-radius:8px;flex-direction:column;gap:.35rem;padding:.75rem;display:flex}.group-info-meta-item{justify-content:space-between;align-items:center;display:flex}.group-info-meta-label{color:var(--text-muted);font-size:.8rem}.group-info-meta-value{color:var(--text-primary);font-size:.8rem;font-weight:500}.group-info-members{flex-direction:column;gap:.5rem;display:flex}.group-info-members-title{color:var(--text-primary);font-size:.85rem;font-weight:600}.group-info-members-list{flex-direction:column;gap:2px;max-height:320px;display:flex;overflow-y:auto}.group-info-member-item{border-radius:6px;align-items:center;gap:.6rem;padding:.4rem .25rem;transition:background .1s;display:flex}.group-info-member-item:hover{background:var(--bg-primary)}.group-info-member-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.group-info-member-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.group-info-me-tag{color:var(--text-muted);margin-left:2px;font-size:.75rem}.group-info-role-badge{border-radius:4px;width:fit-content;padding:1px 6px;font-size:.65rem;font-weight:500;display:inline-block}.group-info-role-badge.owner{color:#92400e;background:#fef3c7}.group-info-role-badge.admin{color:#1e40af;background:#dbeafe}.group-info-role-badge.member{color:var(--text-muted);background:#f3f4f6}[data-mode=dark] .group-info-role-badge.owner{color:#fbbf24;background:#fef3c726}[data-mode=dark] .group-info-role-badge.admin{color:#60a5fa;background:#dbeafe26}[data-mode=dark] .group-info-role-badge.member{color:var(--text-muted);background:#ffffff0f}.group-info-member-actions{flex-shrink:0;gap:2px;display:flex}.group-info-action-btn{cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:4px;padding:3px 5px;font-size:.8rem;transition:opacity .1s,background .1s}.group-info-action-btn:hover{opacity:1;background:var(--bg-primary)}.group-info-action-btn.remove:hover{background:#fee2e2}[data-mode=dark] .group-info-action-btn.remove:hover{background:#ef444426}.reaction-picker{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;gap:2px;margin-top:4px;padding:4px 6px;display:flex;box-shadow:0 2px 8px #0000001f}.reaction-picker button{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;transition:background .1s;display:flex}.reaction-picker button:hover{background:var(--bg-primary)}.reaction-summary-bar{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.msg.mine .reaction-summary-bar{justify-content:flex-end}.reaction-tag{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:3px;padding:2px 8px;font-size:.75rem;transition:background .15s,border-color .15s;display:inline-flex;position:relative}.reaction-tag:hover{background:var(--bg-primary);border-color:var(--text-muted)}.reaction-tag.active{border-color:var(--accent-color);color:var(--accent-color);background:#4f46e51a;font-weight:500}[data-mode=dark] .reaction-tag.active{background:#6366f126}.reaction-users-tooltip{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-color);white-space:nowrap;pointer-events:none;z-index:10;border-radius:6px;padding:4px 8px;font-size:.7rem;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000001f}.reaction-users-tooltip:after{content:"";border:5px solid #0000;border-top-color:var(--border-color);position:absolute;top:100%;left:50%;transform:translate(-50%)}.msg-context-menu{background:var(--bg-card);border:none;border-radius:12px;min-width:160px;padding:6px 0;animation:.12s ctx-fade-in;box-shadow:0 8px 30px #0000001f,0 2px 8px #0000000f}@keyframes ctx-fade-in{0%{opacity:0;transform:scale(.96)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.ctx-item{color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:0;align-items:center;gap:10px;padding:9px 16px;font-size:.84rem;transition:background 80ms;display:flex}.ctx-icon{text-align:center;flex-shrink:0;width:20px;font-size:1rem;line-height:1}.ctx-item:hover{background:#f5f5f5}.ctx-item:active{background:#ebebeb}.ctx-item-disabled{opacity:.45;cursor:default}.ctx-item-disabled:hover{background:0 0}.ctx-item-danger{color:#dc2626}.ctx-item-danger:hover{background:#fef2f2}.ctx-separator{background:var(--border-color);height:1px;margin:4px 8px}[data-mode=dark] .msg-context-menu{box-shadow:0 8px 30px #00000080,0 2px 8px #0000004d}[data-mode=dark] .ctx-item:hover{background:#333}[data-mode=dark] .ctx-item:active{background:#3a3a3a}[data-mode=dark] .ctx-item-danger{color:#f87171}[data-mode=dark] .ctx-item-danger:hover{background:#3b1c1c}.ctx-item-sub{position:relative}.ctx-submenu{background:var(--bg-card);z-index:1;border:none;border-radius:12px;min-width:140px;padding:6px 0;animation:.12s ctx-fade-in;position:absolute;top:0;left:100%;box-shadow:0 8px 30px #0000001f,0 2px 8px #0000000f}.ctx-submenu-left{left:auto;right:100%}.msg-edit-area{flex-direction:column;gap:6px;width:100%;display:flex}.msg-edit-textarea{border:1px solid var(--accent-color);resize:vertical;background:var(--bg-primary);width:100%;min-height:60px;color:var(--text-primary);border-radius:6px;outline:none;padding:8px;font-family:inherit;font-size:.9rem}.msg-edit-textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #4f46e526}.msg-edit-actions{gap:6px;display:flex}.msg-edit-actions button{cursor:pointer;border:1px solid var(--border-color);background:var(--accent-color);color:#fff;border-radius:4px;padding:4px 12px;font-size:.8rem}.msg-edit-actions button:last-child{background:var(--bg-primary);color:var(--text-primary)}.msg-edit-actions button:disabled{opacity:.4;cursor:not-allowed}.msg-edited-mark{color:var(--text-muted);margin-left:4px;font-size:.7rem}.batch-operation-bar{background:var(--bg-card);border-top:1px solid var(--border-color);z-index:100;justify-content:space-between;align-items:center;padding:10px 20px;display:flex;position:fixed;bottom:0;left:0;right:0}.batch-bar-info{color:var(--text-primary);font-size:.9rem;font-weight:500}.batch-bar-actions{gap:8px;display:flex}.batch-btn{border:1px solid var(--border-color);cursor:pointer;background:var(--bg-card);color:var(--text-primary);border-radius:6px;padding:6px 16px;font-size:.85rem}.batch-btn.forward{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.batch-btn.forward:hover{background:var(--accent-hover)}.batch-btn.group-thread{background:var(--bg-card);color:var(--accent-color);border-color:var(--accent-color)}.batch-btn.group-thread:hover:not(:disabled){background:var(--accent-color);color:#fff}.batch-btn.delete{background:var(--danger-color);color:#fff;border-color:var(--danger-color)}.batch-btn.cancel{background:var(--bg-primary);color:var(--text-secondary)}.batch-btn.cancel:hover{background:var(--border-color)}.batch-btn:disabled{opacity:.4;cursor:not-allowed}.msg-batch-checkbox{cursor:grab;touch-action:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;min-height:36px;margin-right:4px;display:flex}.msg-batch-checkbox:active{cursor:grabbing}.msg-batch-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-color);cursor:pointer}:root{--warning-bg:#fff8e1;--warning-text:#f57c00}[data-mode=dark]{--warning-bg:#3a2e1b;--warning-text:#cca700}.global-search-overlay{z-index:120;background:#0000004d;animation:.25s overlay-fade-in;position:fixed;inset:0}.global-search-overlay.closing{opacity:0;transition:opacity .2s}.global-search-panel{background:var(--bg-primary);z-index:121;flex-direction:column;width:400px;max-width:90vw;height:100%;animation:.25s panel-slide-in;display:flex;position:fixed;top:0;right:0;box-shadow:-4px 0 24px #0000001f}.global-search-panel.closing{transition:transform .2s;transform:translate(100%)}.global-search-header{border-bottom:1px solid var(--border-color);align-items:center;gap:8px;padding:10px 12px;display:flex}.global-search-input{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);border-radius:6px;outline:none;flex:1;padding:8px 12px;font-size:.9rem}.global-search-input:focus{border-color:var(--accent-color)}.global-search-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:1rem}.global-search-close:hover{color:var(--text-primary);background:var(--border-color)}.global-search-tabs{border-bottom:1px solid var(--border-color);display:flex}.global-search-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px 0;font-size:.85rem;transition:color .15s,border-color .15s}.global-search-tab:hover{color:var(--text-primary)}.global-search-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color);font-weight:500}.global-search-results{flex:1;padding:8px 12px;overflow-y:auto}.global-search-hint,.global-search-loading,.global-search-empty{text-align:center;color:var(--text-muted);padding:2rem 0;font-size:.85rem}.global-search-count{color:var(--text-muted);padding-bottom:8px;font-size:.8rem}.global-search-item{border-bottom:1px solid var(--border-color);cursor:pointer;border-radius:4px;padding:10px 8px;transition:background .1s}.global-search-item:hover{background:var(--bg-card)}.global-search-more{border:1px solid var(--border-color);background:var(--bg-card);width:100%;color:var(--text-secondary);cursor:pointer;border-radius:6px;margin-top:8px;padding:8px;font-size:.85rem}.global-search-more:hover{background:var(--bg-primary);border-color:var(--accent-color);color:var(--accent-color)}.global-search-more:disabled{opacity:.5;cursor:not-allowed}.search-source-badge{white-space:nowrap;border-radius:3px;align-items:center;gap:2px;padding:1px 6px;font-size:.7rem;font-weight:500;display:inline-flex}.search-source-badge.chat{color:#3b82f6;background:#3b82f61f}.search-source-badge.email{color:#ea580c;background:#ea580c1f}.search-source-badge.kb{color:#16a34a;background:#16a34a1f}.search-item-meta{color:var(--text-muted);align-items:center;gap:8px;margin-top:3px;font-size:.78rem;display:flex}.search-item-file{color:var(--text-secondary)}.search-degraded-hint{color:var(--text-muted);margin-left:6px;font-size:.75rem}.search-item-header{align-items:center;gap:6px;font-size:.8rem;display:flex}.search-item-sender{color:var(--text-primary);font-weight:500}.search-item-conv{color:var(--text-muted);font-size:.75rem}.search-item-time{color:var(--text-muted);margin-left:auto;font-size:.75rem}.search-item-content{color:var(--text-secondary);word-break:break-word;margin-top:4px;font-size:.85rem}.search-highlight{color:var(--accent-color);background:#4f46e533;border-radius:2px;padding:0 2px}.search-filter-container{padding:8px 12px}.search-filter-toggle{align-items:center;gap:8px;display:flex}.search-filter-toggle button{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:.8rem}.search-filter-toggle button:hover,.search-filter-toggle button.active{border-color:var(--accent-color);color:var(--accent-color)}.filter-badge{color:var(--accent-color);margin-left:4px;font-size:.7rem}.filter-reset{color:var(--danger-color);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:.8rem}.filter-reset:hover{text-decoration:underline}.search-filter-tags{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.filter-tag{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:12px;padding:2px 8px;font-size:.75rem;transition:background .1s}.filter-tag:hover{background:var(--bg-primary);border-color:var(--text-muted)}.search-filter-panel{border:1px solid var(--border-color);background:var(--bg-card);border-radius:8px;margin-top:8px;padding:10px}.filter-section{margin-bottom:8px}.filter-section:last-child{margin-bottom:0}.filter-label{color:var(--text-primary);margin-bottom:4px;font-size:.8rem;font-weight:500;display:block}.filter-date-row{color:var(--text-secondary);align-items:center;gap:6px;font-size:.8rem;display:flex}.filter-date-input{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:4px;padding:4px 8px;font-size:.8rem}.filter-date-input:focus{border-color:var(--accent-color);outline:none}.filter-type-row{gap:8px;display:flex}.filter-type-check{color:var(--text-primary);cursor:pointer;align-items:center;gap:4px;font-size:.8rem;display:flex}.filter-type-check input[type=checkbox]{accent-color:var(--accent-color);cursor:pointer}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:16px;right:16px}.toast-item{color:var(--text-primary);pointer-events:auto;border-radius:8px;align-items:center;gap:10px;min-width:280px;max-width:400px;padding:12px 16px;font-size:.875rem;display:flex;box-shadow:0 4px 12px #0000001f}.toast-icon{text-align:center;flex-shrink:0;width:20px;font-size:1rem;font-weight:700}.toast-message{word-break:break-word;flex:1;line-height:1.4}.toast-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 4px;font-size:.85rem;line-height:1}.toast-close:hover{color:var(--text-primary);background:#0000000f}.skeleton-container{padding:8px;transition:opacity .2s}.skeleton-container.fade-out{opacity:0}.skeleton-item{align-items:center;gap:12px;padding:12px;display:flex}.skeleton-item.right{flex-direction:row-reverse}.skeleton-bone{background:var(--skeleton-bg);background-image:linear-gradient(90deg, var(--skeleton-bg) 0%, var(--skeleton-shine) 50%, var(--skeleton-bg) 100%);background-size:200% 100%;border-radius:4px;animation:1.5s ease-in-out infinite skeleton-shine}.skeleton-bone.circle{border-radius:50%;flex-shrink:0}.skeleton-text-group{flex-direction:column;flex:1;gap:8px;display:flex}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.page-content>*{animation:.2s fade-in}.chat-messages{animation:fade-in var(--transition-fast) ease}button,.conv-item,.contact-item,.context-menu button,.global-search-item,.mention-item{transition:background-color var(--transition-fast) ease}.virtual-message-list{flex:1;min-height:0;position:relative;overflow-y:auto}.virtual-message-list-content{position:relative}.new-message-hint{background:var(--accent-color);color:#fff;cursor:pointer;z-index:10;border:none;border-radius:20px;padding:8px 16px;font-size:.8rem;animation:.2s msg-fade-in;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000026}.new-message-hint:hover{background:var(--accent-hover)}.virtual-message-item{animation:.3s msg-fade-in}.enhanced-input-wrapper{border-top:1px solid var(--border-color);background:var(--bg-card);flex-direction:column;padding:8px 12px;display:flex;position:relative}.enhanced-input-reply{background:var(--bg-primary);color:var(--text-secondary);border-radius:6px;align-items:center;gap:8px;margin-bottom:6px;padding:6px 8px;font-size:.8rem;display:flex}.enhanced-input-reply-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:0 4px;font-size:.9rem}.enhanced-input-row{align-items:flex-end;gap:6px;display:flex}.enhanced-input-textarea{border:1px solid var(--border-color);resize:none;background:var(--bg-primary);min-width:0;color:var(--text-primary);min-height:36px;max-height:144px;transition:border-color var(--transition-fast) ease;box-sizing:border-box;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-family:inherit;font-size:.9rem;line-height:1.5;overflow-y:auto}.enhanced-input-textarea:focus{border-color:var(--accent-color)}.enhanced-input-textarea::placeholder{color:var(--text-muted)}.enhanced-input-toolbar{align-items:center;gap:4px;padding:4px 0;display:flex}.enhanced-input-toolbar button{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast) ease, background var(--transition-fast) ease;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.1rem}.enhanced-input-toolbar button:hover{color:var(--accent-color);background:#4f46e514}.enhanced-input-toolbar button.active{color:var(--accent-color);background:#4f46e51a}.enhanced-input-toolbar-sep{background:var(--border-color);flex-shrink:0;width:1px;height:16px;margin:0 2px}.voice-overlay{z-index:9999;touch-action:none;pointer-events:none;background:#0000008c;justify-content:center;align-items:center;animation:.18s vo-fade-in;display:flex;position:fixed;inset:0}@keyframes vo-fade-in{0%{opacity:0}to{opacity:1}}.voice-overlay-body{flex-direction:column;align-items:center;gap:16px;display:flex}.voice-overlay-icon{color:#fff;background:#07c160;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;transition:background .25s,transform .25s,box-shadow .25s;display:flex;position:relative;box-shadow:0 4px 28px #07c16059}.voice-overlay-icon.cancel{background:#ef4444;transform:scale(.88);box-shadow:0 4px 28px #ef444459}.voice-overlay-ripple{pointer-events:none;border:2px solid #07c1604d;border-radius:50%;width:88px;height:88px;animation:1.4s ease-out infinite vo-ripple;position:absolute}.voice-overlay.cancel-zone .voice-overlay-ripple{border-color:#ef444459}@keyframes vo-ripple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}.voice-overlay-time{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.02em;text-shadow:0 1px 6px #0003;font-size:1.5rem;font-weight:600}.voice-overlay-hint{color:#ffffffb8;font-size:.82rem;transition:color .2s}.voice-overlay.cancel-zone .voice-overlay-hint{color:#fca5a5}.voice-hold-btn{color:var(--text-secondary);cursor:pointer;touch-action:none;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:color .15s,background .15s;display:flex}.voice-hold-btn:hover{color:#07c160;background:#07c16014}.voice-hold-btn.recording{color:#07c160;background:#07c1601a}.voice-hold-rec-dot{background:#07c160;border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite voice-dot-blink;display:block}@keyframes voice-dot-blink{0%,to{opacity:1}50%{opacity:.3}}.wx-voice-wrapper{flex-direction:column;display:flex}.wx-voice-row{align-items:center;gap:6px;display:flex}.wx-voice-wrapper-mine .wx-voice-row{flex-direction:row-reverse}.wx-voice{cursor:pointer;-webkit-user-select:none;user-select:none;min-width:80px;color:var(--text-primary);border-radius:4px;align-items:center;gap:8px;padding:10px 14px;transition:opacity .15s;display:flex}.wx-voice:active{opacity:.7}.wx-voice-mine{flex-direction:row-reverse}.wx-voice-mine .wx-voice-dur{text-align:right}.wx-voice-icon{opacity:.5;flex-shrink:0}.wx-voice-mine .wx-voice-icon{opacity:.72;color:#1a1a1a}.wx-voice-dur{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.82rem;font-weight:500}.wx-voice-mine .wx-voice-dur{color:#0009}.wx-voice-unplayed{background:#fa5151;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite wx-dot-pulse;display:block}@keyframes wx-dot-pulse{0%,to{opacity:1}50%{opacity:.45}}.wx-wave-1,.wx-wave-2,.wx-wave-3{opacity:1;transition:opacity .12s}.wx-voice-playing .wx-wave-1,.wx-voice-playing .wx-wave-2,.wx-voice-playing .wx-wave-3{opacity:.15}.wx-voice-playing .wx-wave-1{animation:1.2s step-end infinite wx-w1}.wx-voice-playing .wx-wave-2{animation:1.2s step-end infinite wx-w2}.wx-voice-playing .wx-wave-3{animation:1.2s step-end infinite wx-w3}@keyframes wx-w1{0%{opacity:1}33%,to{opacity:1}}@keyframes wx-w2{0%,32%{opacity:.15}33%{opacity:1}66%,to{opacity:1}}@keyframes wx-w3{0%,65%{opacity:.15}66%{opacity:1}to{opacity:1}}.wx-voice-stt{border-top:1px solid #0000000d;margin-top:4px;padding:5px 14px 2px;position:relative}.wx-voice-stt-label{color:var(--text-muted,#999);opacity:.7;pointer-events:none;letter-spacing:.02em;font-size:.62rem;position:absolute;top:4px;right:14px}.wx-voice-stt-text{color:var(--text-secondary);word-break:break-word;max-width:280px;padding:0 0 2px;font-size:.78rem;line-height:1.55}.wx-voice-stt-btn{color:#576b95;cursor:pointer;opacity:.7;background:0 0;border:none;padding:1px 0;font-size:.68rem;transition:opacity .15s}.wx-voice-stt-btn:hover{opacity:1}.wx-voice-wrapper-mine .wx-voice-stt{text-align:right}.wx-voice-wrapper-mine .wx-voice-stt-label{left:14px;right:auto}.wx-voice-wrapper-mine .wx-voice-stt-text{color:#00000080;margin-left:auto}[data-mode=dark] .wx-voice{color:var(--text-primary)}[data-mode=dark] .wx-voice-mine .wx-voice-icon{color:var(--text-primary);opacity:.7}[data-mode=dark] .wx-voice-mine .wx-voice-dur{color:var(--text-secondary)}[data-mode=dark] .voice-hold-btn:hover{background:#07c1601f}[data-mode=dark] .wx-voice-stt{border-top-color:#ffffff0f}[data-mode=dark] .wx-voice-stt-btn{color:#7aafff}[data-mode=dark] .wx-voice-stt-text,[data-mode=dark] .wx-voice-wrapper-mine .wx-voice-stt-text{color:var(--text-muted)}.enhanced-input-char-count{color:var(--text-muted);margin-left:auto;font-size:.75rem}.enhanced-input-char-count.warning{color:var(--warning-color);font-weight:500}.enhanced-input-paste-preview{background:var(--bg-primary);color:var(--text-secondary);border-radius:6px;align-items:center;gap:8px;margin-bottom:6px;padding:6px 8px;font-size:.8rem;display:flex}.enhanced-input-paste-preview img{-o-object-fit:cover;object-fit:cover;border-radius:4px;width:48px;height:48px}.enhanced-input-paste-actions{gap:4px;margin-left:auto;display:flex}.enhanced-input-paste-actions button{cursor:pointer;border:none;border-radius:4px;padding:4px 12px;font-size:.8rem}.enhanced-input-paste-actions button.send{background:var(--accent-color);color:#fff}.enhanced-input-paste-actions button.cancel{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-color)}.attachment-queue{background:var(--bg-card);border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:8px;max-height:160px;padding:8px 10px;display:flex;overflow-y:auto}.attachment-item{background:var(--bg-main);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:6px;max-width:200px;padding:4px 8px;font-size:.8rem;display:flex}.attachment-thumb{-o-object-fit:cover;object-fit:cover;border-radius:4px;flex-shrink:0;width:40px;height:40px}.attachment-file-icon{flex-shrink:0;font-size:1.2rem}.attachment-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);flex:1;min-width:0;overflow:hidden}.attachment-remove{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:50%;flex-shrink:0;padding:2px 4px;font-size:.75rem;transition:color .15s,background .15s}.attachment-remove:hover{color:#dc2626;background:#dc26261a}.uploading-indicator .spinner{border:2px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin}.enhanced-input-uploading-text{color:var(--accent-color);margin-left:auto;font-size:.75rem}.mention-popup{background:var(--bg-card);border:1px solid var(--border-color);z-index:10;border-radius:8px;max-height:200px;margin-bottom:4px;position:relative;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.mention-item{cursor:pointer;color:var(--text-primary);align-items:center;gap:8px;padding:6px 10px;font-size:.85rem;transition:background .1s;display:flex}.mention-item:hover,.mention-item.active{background:#4f46e514}.mention-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;font-weight:600;display:flex}.mention-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.emoji-picker{background:var(--bg-card);border:1px solid var(--border-color);z-index:100;border-radius:12px;flex-direction:column;width:320px;max-height:360px;animation:.15s msg-fade-in;display:flex;position:absolute;bottom:100%;left:0;box-shadow:0 4px 16px #0000001f}.emoji-picker-tabs{border-bottom:1px solid var(--border-color);gap:2px;padding:6px 8px;display:flex;overflow-x:auto}.emoji-picker-tabs button{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:1rem}.emoji-picker-tabs button:hover{background:var(--bg-primary)}.emoji-picker-tabs button.active{background:#4f46e51a}.emoji-picker-search{padding:6px 8px}.emoji-picker-search input{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:6px 10px;font-size:.85rem}.emoji-picker-search input:focus{border-color:var(--accent-color)}.emoji-picker-search input::placeholder{color:var(--text-muted)}.emoji-picker-grid{flex-wrap:wrap;flex:1;align-content:flex-start;gap:2px;padding:4px 8px 8px;display:flex;overflow-y:auto}.emoji-picker-grid button{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;display:flex}.emoji-picker-grid button:hover{background:var(--bg-primary)}.emoji-picker-empty{text-align:center;color:var(--text-muted);padding:1rem;font-size:.85rem}.mention-dropdown{background:var(--bg-card);border:1px solid var(--border-color,#e5e7eb);z-index:20;border-radius:8px;width:240px;max-height:220px;margin-bottom:4px;animation:.15s msg-fade-in;position:absolute;bottom:100%;left:0;overflow:hidden;box-shadow:0 4px 16px #0000001f}.mention-dropdown-list{max-height:220px;padding:4px 0;overflow-y:auto}.mention-dropdown-item{cursor:pointer;color:var(--text-primary);transition:background-color var(--transition-fast) ease;align-items:center;gap:10px;padding:8px 12px;font-size:.875rem;display:flex}.mention-dropdown-item:hover,.mention-dropdown-item.active{background:var(--bg-primary)}.mention-dropdown-avatar{color:#fff;-o-object-fit:cover;object-fit:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:600;display:flex}img.mention-dropdown-avatar{display:block}.mention-dropdown-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.mention-dropdown-empty{text-align:center;color:var(--text-muted);padding:12px 16px;font-size:.85rem}.kb-page{background:var(--bg-primary);flex-direction:column;height:100%;display:flex}.kb-header{border-bottom:1px solid var(--border-color);background:var(--bg-card);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.kb-title{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.kb-header-actions{align-items:center;gap:8px;display:flex}.kb-settings-wrap{position:relative}.kb-settings-btn{border:1px solid var(--border-color);cursor:pointer;color:var(--text-primary);background:0 0;border-radius:6px;padding:4px 8px;font-size:1rem}.kb-settings-menu{background:var(--bg-card);border:1px solid var(--border-color);z-index:100;border-radius:8px;min-width:120px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.kb-settings-menu>div{cursor:pointer;color:var(--text-primary);padding:8px 16px;font-size:.85rem}.kb-settings-menu>div:hover{background:#0000000a}.kb-new-btn{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:.85rem;font-weight:500}.kb-body{flex:1;display:flex;overflow:hidden}.kb-list-panel{border-right:1px solid var(--border-color);background:var(--bg-card);flex-direction:column;width:280px;min-width:280px;display:flex}.kb-search-bar{padding:8px 12px}.kb-search-input{border:1px solid var(--border-color);background:var(--bg-card);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:6px;outline:none;padding:6px 10px;font-size:.85rem}.kb-search-input:focus{border-color:var(--accent-color)}.kb-tag-filter{flex-shrink:0;gap:6px;padding:4px 12px 8px;display:flex;overflow-x:auto}.kb-tag-filter::-webkit-scrollbar{height:3px}.kb-tag-chip{cursor:pointer;white-space:nowrap;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:12px;padding:2px 8px;font-size:.75rem;transition:all .15s}.kb-tag-chip.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.kb-sort-bar{flex-wrap:wrap;align-items:center;gap:8px;padding:0 12px 8px;display:flex}.kb-sort-select{border:1px solid var(--border-color);background:var(--bg-card);min-width:0;color:var(--text-primary);border-radius:6px;outline:none;flex:1;padding:4px 8px;font-size:.8rem}.kb-note-list{flex:1;padding:0 8px;overflow-y:auto}.kb-note-card{cursor:pointer;border-radius:8px;margin-bottom:4px;padding:10px 12px;transition:background .15s}.kb-note-card:hover{background:#0000000a}.kb-note-card.active{border-left:3px solid var(--accent-color);background:#4f46e51a}.kb-note-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:.9rem;font-weight:600;overflow:hidden}.kb-note-excerpt{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;font-size:.8rem;overflow:hidden}.kb-note-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.kb-note-tags{flex-wrap:wrap;gap:4px;display:flex}.kb-note-tag{color:#fff;border-radius:4px;padding:1px 6px;font-size:.65rem}.kb-unread-bar{flex-shrink:0;justify-content:space-between;align-items:center;padding:4px 12px 8px;display:flex}.kb-unread-hint{color:#3b82f6;font-size:.8rem;font-weight:500}.kb-mark-all-read-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:.75rem;transition:background .15s}.kb-mark-all-read-btn:hover{background:#3b82f61a}.kb-note-card-inner{align-items:flex-start;gap:8px;display:flex}.kb-unread-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;width:8px;min-width:8px;height:8px;margin-top:6px}.kb-note-card-content{flex:1;min-width:0}.kb-note-time{color:var(--text-secondary);white-space:nowrap;font-size:.7rem}.kb-empty-state{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.kb-create-btn{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:12px;padding:8px 16px;font-size:.85rem}.kb-loading{text-align:center;color:var(--text-secondary);padding:12px;font-size:.8rem}.kb-editor{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.kb-editor-empty{color:var(--text-secondary);flex:1;justify-content:center;align-items:center;display:flex}.kb-editor-header{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:8px 16px;display:flex}.kb-title-input{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);border-radius:6px;outline:none;flex:1;padding:6px 10px;font-size:1rem;font-weight:600}.kb-title-input:focus{border-color:var(--accent-color)}.kb-editor-actions{gap:8px;display:flex}.kb-save-btn{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-size:.85rem}.kb-save-btn:disabled{opacity:.6;cursor:not-allowed}.kb-delete-btn{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef4444;border-radius:6px;padding:6px 14px;font-size:.85rem}.kb-toolbar{border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:4px;padding:6px 16px;display:flex}.kb-toolbar-btn{border:1px solid var(--border-color);cursor:pointer;color:var(--text-primary);background:0 0;border-radius:4px;min-width:28px;padding:4px 8px;font-size:.8rem}.kb-toolbar-btn:hover{background:#0000000a}.kb-split-pane{flex:1;min-width:0;display:flex;overflow:hidden}.kb-editor-textarea{border:none;border-right:1px solid var(--border-color);resize:none;background:var(--bg-card);min-width:0;color:var(--text-primary);outline:none;flex:1;padding:12px 16px;font-family:Menlo,Monaco,Courier New,monospace;font-size:.85rem;line-height:1.6}.kb-preview{min-width:0;max-width:100%;color:var(--text-primary);overflow-wrap:break-word;word-break:break-word;flex:1;padding:12px 16px;font-size:.85rem;line-height:1.6;overflow:auto}.kb-preview p,.kb-preview li,.kb-preview td,.kb-preview th{overflow-wrap:break-word;word-break:break-word}.kb-preview h1,.kb-preview h2,.kb-preview h3{margin:12px 0 8px}.kb-preview code{background:#0000000d;border-radius:3px;padding:2px 4px;font-size:.8rem}.kb-preview pre{background:#0000000d;border-radius:6px;padding:12px;overflow-x:auto}.kb-preview blockquote{border-left:3px solid var(--accent-color);color:var(--text-secondary);margin:8px 0;padding-left:12px}.kb-editor-tags{border-top:1px solid var(--border-color);flex-wrap:wrap;gap:6px;padding:8px 16px;display:flex}.kb-tag-selector{position:relative}.kb-selected-tags{border:1px solid var(--border-color);border-radius:6px;flex-wrap:wrap;align-items:center;gap:4px;min-height:32px;padding:4px;display:flex}.kb-tag-selected{color:#fff;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;display:inline-flex}.kb-tag-remove{cursor:pointer;margin-left:2px;font-weight:700}.kb-tag-input{min-width:80px;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:2px 4px;font-size:.8rem}.kb-tag-dropdown{background:var(--bg-card);border:1px solid var(--border-color);z-index:100;border-radius:6px;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.kb-tag-option{cursor:pointer;color:var(--text-primary);align-items:center;gap:8px;padding:6px 12px;font-size:.8rem;display:flex}.kb-tag-option:hover{background:#0000000a}.kb-tag-create{color:var(--accent-color);font-weight:500}.kb-tag-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.kb-modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.kb-modal{background:var(--bg-card);border-radius:12px;flex-direction:column;width:90%;max-width:480px;max-height:80vh;display:flex;box-shadow:0 8px 32px #0003}.kb-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.kb-modal-header h3{color:var(--text-primary);margin:0;font-size:1rem}.kb-modal-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:4px;font-size:1.2rem}.kb-modal-body{flex:1;padding:16px 20px;overflow-y:auto}.kb-modal-empty{text-align:center;color:var(--text-secondary);padding:20px}.kb-tag-row{border-bottom:1px solid var(--border-color);align-items:center;gap:8px;padding:8px 0;display:flex}.kb-tag-name{color:var(--text-primary);flex:1;font-size:.85rem}.kb-tag-edit-input{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);border-radius:4px;outline:none;flex:1;padding:4px 8px;font-size:.85rem}.kb-color-picker{gap:4px;display:flex}.kb-color-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:18px;height:18px;transition:border-color .15s}.kb-color-dot.active{border-color:var(--text-primary)}.kb-tag-edit-btn,.kb-tag-del-btn,.kb-tag-save-btn,.kb-tag-cancel-btn{border:1px solid var(--border-color);cursor:pointer;color:var(--text-primary);background:0 0;border-radius:4px;padding:2px 8px;font-size:.75rem}.kb-tag-del-btn{color:#ef4444;border-color:#ef4444}.kb-token-modal{max-width:560px}.kb-token-new{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;margin-bottom:16px;padding:12px}.kb-token-new p{color:#92400e;margin:0 0 8px;font-size:.85rem}.kb-token-value{align-items:center;gap:8px;margin-bottom:8px;display:flex}.kb-token-value code{word-break:break-all;background:#fff;border:1px solid #d1d5db;border-radius:4px;flex:1;padding:6px 8px;font-size:.75rem}.kb-token-copy{background:var(--accent-color);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:4px;padding:4px 10px;font-size:.8rem}.kb-token-dismiss{cursor:pointer;color:#92400e;background:0 0;border:1px solid #d1d5db;border-radius:4px;padding:4px 10px;font-size:.8rem}.kb-token-create{gap:8px;margin-bottom:16px;display:flex}.kb-token-desc-input{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);border-radius:6px;outline:none;flex:1;padding:6px 10px;font-size:.85rem}.kb-token-gen-btn{background:var(--accent-color);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:6px 14px;font-size:.85rem}.kb-token-gen-btn:disabled{opacity:.6;cursor:not-allowed}.kb-token-list{flex-direction:column;gap:8px;display:flex}.kb-token-row{border:1px solid var(--border-color);border-radius:8px;padding:10px 12px}.kb-token-row.revoked{opacity:.5}.kb-token-info{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.kb-token-desc{color:var(--text-primary);font-size:.85rem;font-weight:500}.kb-token-status{border-radius:4px;padding:1px 6px;font-size:.7rem}.kb-token-status.active{color:#166534;background:#dcfce7}.kb-token-status.revoked{color:#991b1b;background:#fee2e2}.kb-token-dates{color:var(--text-secondary);gap:12px;margin-bottom:6px;font-size:.7rem;display:flex}.kb-token-revoke-btn{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef4444;border-radius:4px;padding:2px 10px;font-size:.75rem}.send-dialog-overlay{z-index:9999;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.send-dialog{background:var(--bg-card,#fff);border-radius:12px;flex-direction:column;width:90%;max-width:520px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 8px 32px #0003}.send-dialog-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.send-dialog-header h3{color:var(--text-primary);margin:0;font-size:1rem}.send-dialog-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:4px;font-size:1.2rem}.send-dialog-warning{color:#92400e;background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;margin:12px 20px 0;padding:8px 12px;font-size:.8rem}.send-dialog-section{padding:8px 20px}.send-dialog-label{color:var(--text-secondary);margin-bottom:6px;font-size:.8rem;font-weight:500;display:block}.send-dialog-preview{max-height:160px;color:var(--text-primary);background:#f3f4f6;border-radius:6px;padding:8px 12px;font-size:.8rem;line-height:1.5;overflow-y:auto}.send-dialog-preview-item{border-bottom:1px solid var(--border-color);padding:4px 0}.send-dialog-preview-item:last-child{border-bottom:none}.send-dialog-preview-sender{color:var(--accent-color);margin-right:6px;font-weight:600}.send-dialog-preview-time{color:var(--text-secondary);font-size:.7rem}.send-dialog-preview-content{white-space:pre-wrap;word-break:break-word;margin-top:2px}.send-dialog-input{border:1px solid var(--border-color);background:var(--bg-card,#fff);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:6px;outline:none;padding:6px 10px;font-size:.85rem}.send-dialog-input:focus{border-color:var(--accent-color)}.send-dialog-tags{flex-wrap:wrap;gap:8px;max-height:120px;display:flex;overflow-y:auto}.send-dialog-tags-empty{color:var(--text-secondary);font-size:.8rem}.send-dialog-tag-item{color:var(--text-primary);cursor:pointer;align-items:center;gap:4px;font-size:.8rem;display:flex}.send-dialog-tag-item input[type=checkbox]{accent-color:var(--accent-color)}.send-dialog-tag-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.send-dialog-textarea{border:1px solid var(--border-color);background:var(--bg-card,#fff);width:100%;color:var(--text-primary);resize:vertical;box-sizing:border-box;border-radius:6px;outline:none;padding:6px 10px;font-family:inherit;font-size:.85rem}.send-dialog-textarea:focus{border-color:var(--accent-color)}.send-dialog-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.send-dialog-btn{cursor:pointer;border:1px solid var(--border-color);border-radius:6px;padding:6px 16px;font-size:.85rem;transition:opacity .15s}.send-dialog-btn:disabled{opacity:.6;cursor:not-allowed}.send-dialog-btn-primary{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.send-dialog-btn-quick{color:#16a34a;background:#f0fdf4;border-color:#22c55e}.send-dialog-btn-cancel{color:var(--text-secondary);background:0 0}.group-info-todos-section{margin-bottom:16px}.group-todo-panel{padding:0 16px}.group-todo-header{color:#1e293b;padding:8px 0;font-size:14px;font-weight:600}.group-todo-tabs{gap:4px;margin-bottom:8px;display:flex}.group-todo-tab{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;padding:4px 10px;font-size:12px}.group-todo-tab.active{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe;font-weight:600}.group-todo-list{flex-direction:column;gap:4px;max-height:300px;display:flex;overflow-y:auto}.group-todo-item{cursor:pointer;border-radius:6px;align-items:flex-start;gap:8px;padding:8px;transition:background .15s;display:flex}.group-todo-item:hover{background:#f1f5f9}.group-todo-overdue{background:#fef2f2}.group-todo-overdue:hover{background:#fee2e2}.group-todo-due-soon{background:#fffbeb}.group-todo-due-soon:hover{background:#fef3c7}.group-todo-status-icon{cursor:pointer;flex-shrink:0;margin-top:2px;font-size:16px;line-height:1}.group-todo-content{flex:1;min-width:0}.group-todo-title{color:#1e293b;word-break:break-word;font-size:13px;font-weight:500;line-height:1.4}.group-todo-meta{color:#64748b;flex-wrap:wrap;gap:8px;margin-top:4px;font-size:11px;display:flex}.group-todo-assignee,.group-todo-due{color:#64748b}.group-todo-overdue-text{color:#ef4444!important}.group-todo-due-soon-text{color:#f97316!important}.group-todo-label-overdue{color:#ef4444;font-weight:600}.group-todo-label-due-soon{color:#f97316;font-weight:600}.group-todo-loading,.group-todo-empty{text-align:center;color:#94a3b8;padding:16px 0;font-size:13px}.msg-todo-badge{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:4px;margin-top:4px;padding:2px 8px;font-size:11px;display:inline-block}.msg-kooda-badge{color:#6366f1;cursor:default;margin-top:2px;font-size:.7rem}.dev-stats-view{flex:1;padding:16px;overflow-y:auto}.dev-stats-card{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-secondary,#f8fafc);cursor:pointer;text-align:center;border-radius:8px;flex:1;padding:12px 16px;transition:background-color .15s}.dev-stats-card:hover{background:var(--hover,#f1f5f9)}.dev-stats-note-item{cursor:pointer;background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:6px;align-items:center;gap:8px;padding:8px 12px;transition:background-color .15s;display:flex}.dev-stats-note-item:hover{background:var(--hover,#f1f5f9)}.source-type-filter{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-secondary,#f8fafc);color:var(--text-primary,#1e293b);cursor:pointer;border-radius:4px;outline:none;padding:4px 8px;font-size:12px}.source-type-filter:hover,.source-type-filter:focus{border-color:var(--primary,#6366f1)}.export-btn{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-secondary,#f8fafc);color:var(--text-primary,#1e293b);cursor:pointer;border-radius:4px;outline:none;align-items:center;gap:4px;transition:background-color .15s;display:inline-flex}.export-btn:hover:not(:disabled){background:var(--hover,#f1f5f9);border-color:var(--primary,#6366f1)}.export-btn:disabled{color:var(--text-secondary,#94a3b8);cursor:not-allowed}[data-mode=dark] .dev-stats-card{background:#2d2d2d;border-color:#3c3c3c}[data-mode=dark] .dev-stats-card:hover{background:#37373d}[data-mode=dark] .dev-stats-note-item{background:#252526;border-color:#3c3c3c}[data-mode=dark] .dev-stats-note-item:hover{background:#2a2d2e}[data-mode=dark] .source-type-filter,[data-mode=dark] .export-btn{color:#ccc;background:#2d2d2d;border-color:#3c3c3c}[data-mode=dark] .export-btn:hover:not(:disabled){background:#37373d}.email-page{background:var(--bg-primary);height:100%;display:flex;overflow:hidden}.email-left-panel{background:var(--bg-card);border-right:1px solid var(--border-color);flex-direction:column;width:250px;min-width:250px;display:flex;overflow:hidden auto}.email-left-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.email-left-title{color:var(--text-primary);font-size:.95rem;font-weight:600}.email-compose-btn{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:4px 10px;font-size:.8rem}.email-compose-btn:hover{background:var(--accent-hover)}.email-accounts-section{border-bottom:1px solid var(--border-color);flex-shrink:0;padding:6px 0;overflow-y:auto}.email-account-item{cursor:pointer;width:100%;transition:background var(--transition-fast);text-align:left;font:inherit;color:inherit;background:0 0;border:none;border-radius:0;align-items:center;gap:8px;margin:0;padding:8px 14px;display:flex}.email-account-item:hover{background:var(--bg-primary)}.email-account-item.active{background:var(--bg-primary);border-left:3px solid var(--accent-color);padding-left:11px}.email-account-item:focus-visible{outline:2px solid var(--accent-color);outline-offset:-2px;z-index:1}.email-account-manage-bar{border-bottom:1px solid var(--border-color);background:0 0;flex-shrink:0;margin:0;padding:6px 14px 10px}.email-account-manage-head{flex-direction:column;gap:2px;min-width:0;display:flex}.email-account-manage-label{color:var(--text-muted);font-size:.68rem;font-weight:500}.email-account-manage-email{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:500;line-height:1.35;overflow:hidden}.email-account-manage-actions{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.email-account-manage-btn-allread{border:1px solid color-mix(in srgb, var(--accent-color) 40%, var(--border-color));background:color-mix(in srgb, var(--accent-color) 10%, var(--bg-card));color:var(--accent-color);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);text-align:center;border-radius:6px;flex:1;min-width:0;margin:0;padding:5px 12px;font-size:.74rem;font-weight:600}.email-account-manage-btn-allread:hover{background:color-mix(in srgb, var(--accent-color) 16%, var(--bg-card));border-color:var(--accent-color)}.email-account-manage-btn-allread:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.email-account-manage-btn-more{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);border-radius:6px;flex-shrink:0;align-items:center;gap:4px;margin:0;padding:5px 8px;font-size:.7rem;font-weight:500;display:inline-flex}.email-account-manage-btn-more:hover{background:var(--bg-primary);color:var(--text-primary);border-color:var(--text-muted)}.email-account-manage-btn-more:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.email-account-manage-more-chevron{opacity:.85;font-size:.6rem}.email-account-manage-read-hint{color:var(--text-muted);margin:6px 0 0;font-size:.65rem;line-height:1.45}.email-account-manage-read-hint-shared{border-left:3px solid var(--warning-text,#c2410c);background:var(--warning-bg,#fff7ed);color:var(--text-secondary);border-radius:4px;padding:6px 8px}[data-mode=dark] .email-account-manage-read-hint-shared{background:color-mix(in srgb, var(--warning-text,#ea580c) 12%, var(--bg-primary));color:var(--text-secondary)}.email-account-manage-more{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:6px;margin-top:8px;padding:8px 10px 10px}.email-account-manage-more-hint{color:var(--text-muted);margin:0 0 8px;font-size:.68rem;line-height:1.4}.email-account-manage-more-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.email-account-manage-btn{color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:4px;margin:0;padding:4px 8px;font-size:.72rem;font-weight:500}.email-account-manage-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.email-account-manage-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:1px;border-radius:4px}.email-account-manage-btn-primary{color:var(--accent-color)}.email-account-manage-btn-primary:hover{color:var(--accent-hover);background:var(--bg-primary)}.email-account-manage-btn-danger:hover{color:#b91c1c;background:var(--bg-primary)}.email-account-icon{flex-shrink:0;font-size:1.1rem}.email-account-info{flex:1;min-width:0}.email-account-addr{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:500;overflow:hidden}.email-account-status{color:var(--text-muted);font-size:.7rem}.email-folders-section{flex:1;padding:4px 0;overflow-y:auto}.email-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:4px 14px 2px;font-size:.7rem}.email-folder-item{cursor:pointer;color:var(--text-primary);transition:background var(--transition-fast);align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;display:flex}.email-folder-item:hover{background:var(--bg-primary)}.email-folder-item.active{background:var(--bg-primary);color:var(--accent-color);font-weight:600}.email-folder-item.email-folder-noselect{opacity:.55;cursor:default}.email-folder-item.email-folder-noselect:hover{background:0 0}.email-folder-icon{flex-shrink:0;font-size:.9rem}.email-folder-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.email-folder-meta{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.email-folder-badge{background:var(--danger-color);color:#fff;border-radius:10px;flex-shrink:0;padding:1px 6px;font-size:.65rem;font-weight:600}.email-folder-total{color:var(--text-secondary);flex-shrink:0;font-size:.7rem}.email-middle-panel{background:var(--bg-card);border-right:1px solid var(--border-color);flex-direction:column;width:350px;min-width:350px;display:flex;overflow:hidden}.email-search-bar{border-bottom:1px solid var(--border-color);padding:10px 12px}.email-search-input{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:6px 10px;font-size:.85rem}.email-search-input:focus{border-color:var(--accent-color)}.email-search-bar-row{align-items:center;gap:6px;display:flex}.email-search-bar-row .email-search-input{flex:1;min-width:0}.email-search-advanced-toggle{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:6px;flex-shrink:0;padding:6px 10px;font-size:.8rem;transition:all .15s}.email-search-advanced-toggle:hover{border-color:var(--accent-color);color:var(--accent-color)}.email-search-advanced-toggle.active{border-color:var(--accent-color);color:var(--accent-color);background:#4f46e514;font-weight:500}.email-search-advanced-fields{flex-direction:column;gap:6px;margin-top:8px;display:flex}.email-search-advanced-input{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:6px;outline:none;padding:5px 10px;font-size:.82rem}.email-search-advanced-input:focus{border-color:var(--accent-color)}.email-search-advanced-input::placeholder{color:var(--text-muted)}.email-include-archived-row{color:var(--text-secondary);cursor:pointer;border-bottom:1px solid var(--border-color);align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;display:flex}.email-include-archived-row input[type=checkbox]{accent-color:var(--accent-color)}.email-date-nav-reveal{border:none;border-bottom:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-secondary);cursor:pointer;text-align:center;padding:7px 12px;font-family:inherit;font-size:.8rem;transition:all .15s;display:block}.email-date-nav-reveal:hover{color:var(--accent-color);background:#4f46e50a}[data-mode=dark] .email-search-advanced-input,[data-mode=dark] .email-search-advanced-toggle{background:var(--bg-primary);border-color:var(--border-color)}.email-date-nav{border-bottom:1px solid var(--border-color);font-size:.8rem}.email-date-nav-header{justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.email-date-nav-toggle{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:.8rem;display:flex}.email-date-nav-toggle:hover{color:var(--text-primary)}.email-date-nav-arrow{font-size:.7rem;transition:transform .15s;display:inline-block}.email-date-nav-arrow.open{transform:rotate(90deg)}.email-date-nav-total{color:var(--text-muted);margin-left:4px}.email-date-nav-clear{border:1px solid var(--border-color);cursor:pointer;color:var(--accent-color);background:0 0;border-radius:4px;padding:2px 8px;font-size:.75rem}.email-date-nav-clear:hover{background:var(--bg-hover)}.email-date-nav-body{max-height:180px;padding:4px 12px 8px;overflow-y:auto}.email-date-nav-year{margin-bottom:4px}.email-date-nav-year-label{color:var(--text-secondary);margin-bottom:2px;font-size:.75rem;font-weight:600}.email-date-nav-months{flex-wrap:wrap;gap:3px;display:flex}.email-date-nav-month{background:var(--bg-secondary);cursor:pointer;color:var(--text-secondary);border:1px solid #0000;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:.73rem;line-height:1.3;display:flex}.email-date-nav-month:hover{background:var(--bg-hover);border-color:var(--border-color)}.email-date-nav-month.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.email-date-nav-count{opacity:.7;font-size:.65rem}.email-date-nav-month.active .email-date-nav-count{opacity:.9}.email-date-separator{color:var(--text-muted);background:var(--bg-primary);z-index:1;align-items:center;gap:8px;padding:6px 12px 2px;font-size:.72rem;display:flex;position:sticky;top:0}.email-date-separator:after{content:"";background:var(--border-color);flex:1;height:1px}.email-msg-list{flex:1;overflow-y:auto}.email-sync-banner{color:var(--text-secondary);background:var(--bg-primary);border-bottom:1px solid var(--border-color);align-items:flex-start;gap:8px;margin:0;padding:10px 12px;font-size:.78rem;line-height:1.45;display:flex}.email-sync-banner .email-sync-spinner{flex-shrink:0;margin-top:2px}.email-sync-banner-subtle{opacity:.92}.email-empty-sub{color:var(--text-muted);max-width:28rem;margin-top:10px;margin-left:auto;margin-right:auto;font-size:.76rem;line-height:1.5}.email-empty-loading{padding-top:32px}.email-msg-item{border-bottom:1px solid var(--border-color);cursor:pointer;transition:background var(--transition-fast);padding:10px 12px}.email-msg-item:hover{background:var(--bg-primary)}.email-msg-item.active{background:var(--bg-primary);border-left:3px solid var(--accent-color);padding-left:9px}.email-msg-item.unread .email-msg-from,.email-msg-item.unread .email-msg-subject{font-weight:700}.email-msg-top{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.email-msg-from{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.85rem;overflow:hidden}.email-msg-date{color:var(--text-muted);flex-shrink:0;margin-left:8px;font-size:.7rem}.email-msg-top-end{flex-shrink:0;align-items:center;gap:6px;display:flex}.email-msg-task-badge{white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:.62rem;font-weight:600;line-height:1.2}.email-msg-task-badge--pending{background:color-mix(in srgb, var(--text-muted) 18%, transparent);color:var(--text-secondary)}.email-msg-task-badge--claimed{background:color-mix(in srgb, var(--accent-color) 22%, transparent);color:var(--accent-color)}.email-msg-task-badge--completed{background:color-mix(in srgb, var(--text-muted) 12%, transparent);color:var(--text-muted)}.email-msg-subject{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.82rem;overflow:hidden}.email-msg-attach{margin-right:4px;font-size:.8rem}.email-msg-snippet{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.email-loading{text-align:center;color:var(--text-muted);padding:12px;font-size:.8rem}.email-right-panel{background:var(--bg-card);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.email-no-selection{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:.9rem;display:flex}.email-no-selection-icon{opacity:.5;font-size:2.5rem}.email-detail{flex-direction:column;height:100%;display:flex;overflow:hidden}.email-detail-header{border-bottom:1px solid var(--border-color);flex-shrink:0;padding:16px 20px 12px}.email-detail-subject{color:var(--text-primary);word-break:break-word;margin:0 0 8px;font-size:1.05rem;font-weight:600}.email-detail-meta{color:var(--text-secondary);font-size:.8rem;line-height:1.6}.email-meta-label{color:var(--text-muted);margin-right:2px}.email-task-bar{border-bottom:1px solid var(--border-color);background:color-mix(in srgb, var(--accent-color) 6%, var(--bg-card));flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:10px 16px;padding:10px 20px;display:flex}.email-task-bar-text{color:var(--text-secondary);flex:1;min-width:12rem;font-size:.78rem;line-height:1.5}.email-task-bar-actions{flex-wrap:wrap;flex-shrink:0;gap:8px;display:flex}.email-task-btn{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);border-radius:6px;padding:5px 12px;font-size:.78rem}.email-task-btn:hover:not(:disabled){background:var(--bg-primary);border-color:var(--accent-color)}.email-task-btn:disabled{opacity:.55;cursor:not-allowed}.email-task-btn-primary{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.email-task-btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.email-detail-body{flex:1;min-height:0;padding:0;overflow-y:auto}.email-body-iframe{border:none;width:100%;height:100%;display:block}.email-body-text{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;background:0 0;border:none;margin:0;padding:16px 20px;font-family:inherit;font-size:.88rem}.email-detail-attachments{border-top:1px solid var(--border-color);flex-shrink:0;padding:10px 20px}.email-attachments-title{color:var(--text-primary);margin-bottom:6px;font-size:.82rem;font-weight:600}.email-attachment-link{color:var(--accent-color);text-overflow:ellipsis;white-space:nowrap;padding:3px 0;font-size:.8rem;text-decoration:none;display:block;overflow:hidden}.email-attachment-link:hover{text-decoration:underline}.email-att-pending{color:var(--text-muted);cursor:default;opacity:.7}.email-att-pending:hover{text-decoration:none}.email-att-size{color:var(--text-muted);margin-left:4px;font-size:.72rem}.email-detail-actions{border-top:1px solid var(--border-color);flex-shrink:0;gap:8px;padding:10px 20px;display:flex}.email-action-btn{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);border-radius:6px;padding:6px 14px;font-size:.82rem}.email-action-btn:hover,.email-action-btn--active,.email-action-edit-draft{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.email-action-edit-draft:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.email-empty-hint{text-align:center;color:var(--text-muted);padding:24px 12px;font-size:.82rem}.email-sync-spinner{border:2px solid var(--border-color);border-top-color:var(--accent-color);vertical-align:middle;border-radius:50%;width:14px;height:14px;margin-right:6px;animation:.8s linear infinite email-spin;display:inline-block}@keyframes email-spin{to{transform:rotate(360deg)}}.email-setup-form{flex-direction:column;gap:8px;max-width:400px;margin:0 auto;padding:40px 24px 20px;display:flex}.email-setup-icon{text-align:center;font-size:2rem}.email-setup-title{text-align:center;margin:0;font-size:1rem;font-weight:600}.email-setup-desc{color:var(--text-muted);text-align:center;margin:0 0 8px;font-size:.8rem}.email-setup-domain-hint{color:#0369a1;background:#0ea5e91f;border-radius:6px;margin-bottom:8px;padding:8px 10px;font-size:.78rem;line-height:1.45}.email-setup-checkbox{color:var(--text-muted);cursor:pointer;align-items:flex-start;gap:8px;margin:4px 0 8px;font-size:.78rem;display:flex}.email-setup-checkbox input{flex-shrink:0;margin-top:2px}.email-setup-form--embedded .email-setup-domain-hint,.email-setup-form--embedded .email-setup-checkbox{text-align:left}.email-setup-error{color:#dc2626;background:#fef2f2;border-radius:6px;padding:6px 10px;font-size:.8rem}.email-setup-debug{margin-top:4px;font-size:.75rem}.email-setup-debug summary{cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none}.email-setup-debug-pre{color:#cdd6f4;white-space:pre-wrap;word-break:break-all;background:#1e1e2e;border-radius:6px;max-height:200px;margin-top:4px;padding:8px 10px;font-size:.7rem;line-height:1.5;overflow:auto}.email-setup-label{color:var(--text-muted);margin-top:4px;font-size:.78rem}.email-setup-input{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:6px;outline:none;padding:7px 10px;font-size:.85rem}.email-setup-input:focus{border-color:var(--accent-color)}.email-setup-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;margin-top:8px;padding:8px 0;font-size:.85rem}.email-setup-btn:hover{background:#1d4ed8}.email-setup-btn:disabled{opacity:.6;cursor:not-allowed}.email-setup-actions{gap:8px;margin-top:8px;display:flex}.email-setup-actions .email-setup-btn{flex:1;margin-top:0}.email-setup-cancel-btn{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;flex:1;padding:8px 0;font-size:.85rem}.email-setup-cancel-btn:hover{background:var(--bg-secondary)}.email-setup-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.email-setup-form--embedded{max-width:none;margin:0;padding:16px 8px 12px}.email-setup-form--embedded .email-setup-title{text-align:left;font-size:.95rem}.email-setup-form--embedded .email-setup-desc{text-align:left}.email-settings-panel{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.email-settings-panel-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px 12px;display:flex}.email-settings-panel-title{margin:0;font-size:1rem;font-weight:600}.email-settings-panel-sub{color:var(--text-muted);word-break:break-all;margin-top:4px;font-size:.8rem}.email-settings-panel-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.1rem;line-height:1}.email-settings-panel-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.email-settings-tabs{border-bottom:1px solid var(--border-color);flex-shrink:0;gap:0;padding:0 12px;display:flex}.email-settings-tab{max-width:160px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:10px 12px;font-size:.82rem;font-weight:500}.email-settings-tab:hover{color:var(--text-primary)}.email-settings-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.email-settings-panel-body{flex:1;min-height:0;padding:0 8px 16px;overflow:auto}.email-sync-detail{padding:12px 8px 8px}.email-sync-detail-hint,.email-sync-detail-error{color:var(--text-muted);margin:12px 0;font-size:.85rem}.email-sync-detail-error{color:#dc2626}.email-sync-detail-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.email-sync-detail-btn{border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:6px 14px;font-size:.8rem}.email-sync-detail-btn:hover:not(:disabled){background:var(--bg-secondary)}.email-sync-detail-btn:disabled{opacity:.5;cursor:not-allowed}.email-sync-detail-btn-primary{background:var(--accent-color);color:#fff;border-color:#0000}.email-sync-detail-btn-primary:hover:not(:disabled){filter:brightness(1.05)}.email-sync-detail-section{margin-bottom:18px}.email-sync-detail-section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:8px;font-size:.72rem;font-weight:600}.email-sync-detail-row{border-bottom:1px solid color-mix(in srgb, var(--border-color) 60%, transparent);grid-template-columns:108px 1fr;gap:8px 12px;padding:6px 0;font-size:.82rem;display:grid}.email-sync-detail-row:last-child{border-bottom:none}.email-sync-detail-label{color:var(--text-muted)}.email-sync-detail-value{color:var(--text-primary);word-break:break-word}.email-sync-error-text{color:#dc2626;font-size:.8rem}.email-sync-status-tag{border-radius:4px;padding:2px 8px;font-size:.78rem;font-weight:500;display:inline-block}.email-sync-status-idle,.email-sync-status-success{color:#15803d;background:#22c55e26}.email-sync-status-syncing{background:color-mix(in srgb, var(--accent-color) 18%, transparent);color:var(--accent-color)}.email-sync-status-failed{color:#b91c1c;background:#ef444426}.email-sync-detail-footnote{color:var(--text-muted);margin:8px 0 0;font-size:.72rem;line-height:1.5}.email-add-account-btn{border:1px dashed var(--border-color);width:100%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:6px;margin-top:4px;padding:8px 12px;font-size:.8rem;display:block}.email-add-account-btn:hover{border-color:var(--accent-color);color:var(--accent-color);background:var(--bg-secondary)}.email-composer-placeholder{z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.email-composer-placeholder-inner{background:var(--bg-card);text-align:center;color:var(--text-secondary);border-radius:12px;padding:32px 40px;font-size:.9rem}.email-composer-placeholder-inner button{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:12px;padding:6px 20px}.email-composer-placeholder-inner button:hover{background:var(--accent-hover)}[data-mode=dark] .email-search-input{color:#ccc;background:#2d2d2d;border-color:#3c3c3c}[data-mode=dark] .email-search-input:focus{border-color:var(--accent-color)}[data-mode=dark] .email-action-btn{color:#ccc;background:#2d2d2d;border-color:#3c3c3c}[data-mode=dark] .email-action-btn:hover,[data-mode=dark] .email-action-btn--active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.email-action-delete:hover{color:#fff!important;background:#e53935!important;border-color:#e53935!important}.email-action-archive:hover{color:#fff!important;background:#6366f1!important;border-color:#6366f1!important}.email-translation-view{flex-direction:column;gap:0;padding:12px 20px;display:flex}.email-translation-pair{border-bottom:1px solid var(--border-color);grid-template-columns:1fr 1fr;gap:0 16px;padding:10px 0;display:grid}.email-translation-pair:last-child{border-bottom:none}.email-translation-original{color:var(--text-primary);border-right:2px solid var(--border-color);padding-right:8px;font-size:.875rem;line-height:1.6}.email-translation-translated{color:var(--accent-color);padding-left:8px;font-size:.875rem;line-height:1.6}.email-translation-chinese{color:var(--text-primary);border-bottom:1px solid var(--border-color);padding:10px 0;font-size:.875rem;line-height:1.6}.email-translation-chinese:last-child{border-bottom:none}.email-translate-error{color:#e53935;padding:8px 20px;font-size:.8rem}.email-left-actions{align-items:center;gap:6px;display:flex}.email-admin-btn{border:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);background:0 0;border-radius:6px;padding:4px 8px;font-size:.85rem}.email-admin-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.email-admin-overlay{z-index:100;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.email-admin-container{background:var(--bg-card);border-radius:12px;flex-direction:column;width:800px;max-width:95vw;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000002e}.email-admin-header{border-bottom:1px solid var(--border-color);color:var(--text-primary);justify-content:space-between;align-items:center;padding:14px 18px;font-size:1rem;font-weight:600;display:flex}.email-admin-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:1.1rem}.email-admin-close:hover{background:var(--bg-primary);color:var(--text-primary)}.mc-overlay{z-index:100;background:#00000073;justify-content:center;align-items:center;animation:.2s overlay-fade-in;display:flex;position:fixed;inset:0}.mc-modal{background:var(--bg-card);border-radius:12px;flex-direction:column;width:680px;max-width:95vw;max-height:90vh;animation:.2s modal-scale-in;display:flex;box-shadow:0 8px 32px #0000002e}.mc-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.mc-header-title{color:var(--text-primary);font-size:.95rem;font-weight:600}.mc-header-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:1.1rem}.mc-header-close:hover{background:var(--bg-primary);color:var(--text-primary)}.mc-field{border-bottom:1px solid var(--border-color);align-items:flex-start;gap:8px;padding:6px 20px;display:flex}.mc-field-label{color:var(--text-muted);flex-shrink:0;min-width:48px;padding-top:5px;font-size:.8rem}.mc-email-field{flex-wrap:wrap;flex:1;align-items:center;gap:4px;min-height:30px;display:flex}.mc-email-tag{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:12px;align-items:center;gap:2px;padding:2px 8px;font-size:.78rem;display:inline-flex}.mc-email-tag-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:.9rem;line-height:1}.mc-email-tag-remove:hover{color:var(--danger-color)}.mc-email-input-wrap{flex:1;min-width:120px;position:relative}.mc-email-input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;padding:4px 0;font-size:.82rem}.mc-autocomplete{background:var(--bg-card);border:1px solid var(--border-color);z-index:1000;border-radius:6px;max-height:150px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.mc-autocomplete-item{cursor:pointer;color:var(--text-primary);padding:6px 10px;font-size:.8rem}.mc-autocomplete-item:hover{background:var(--bg-primary)}.mc-cc-toggles{gap:8px;padding:2px 20px 2px 76px;display:flex}.mc-cc-toggle{color:var(--accent-color);cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem}.mc-cc-toggle:hover{text-decoration:underline}.mc-select{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:4px 0;font-size:.82rem}.mc-subject-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:4px 0;font-size:.85rem}.mc-toolbar{border-bottom:1px solid var(--border-color);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:2px;padding:6px 20px;display:flex}.mc-tool-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:4px;padding:3px 8px;font-size:.85rem;position:relative}.mc-tool-btn:hover{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}.mc-tool-sep{background:var(--border-color);width:1px;height:18px;margin:0 4px}.mc-tool-select{border:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);background:0 0;border-radius:4px;outline:none;padding:2px 4px;font-size:.8rem}.mc-tool-select:hover{border-color:var(--accent-color)}.mc-tool-color{flex-direction:column;align-items:center;gap:1px;padding:2px 6px;font-size:.85rem;font-weight:700;display:flex}.mc-color-bar{border-radius:1px;width:14px;height:3px;display:block}.mc-highlight-icon{color:#333;background:#fef08a;border-radius:2px;padding:0 3px;font-size:.8rem;font-weight:700}.mc-split-color-btn{align-items:stretch;display:inline-flex;position:relative}.mc-split-color-btn .mc-split-main{border-right:none;border-radius:4px 0 0 4px;padding-right:4px}.mc-split-picker-btn{border:1px solid var(--border-color);border-left:1px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;width:18px;color:var(--text-secondary);border-radius:0 4px 4px 0;justify-content:center;align-items:center;padding:0;font-size:10px;line-height:1;display:flex}.mc-split-picker-btn:hover{background:var(--bg-hover)}.mc-body{min-height:200px;max-height:400px;color:var(--text-primary);outline:none;flex:1;padding:12px 20px;font-size:14px;line-height:1.6;overflow-y:auto}.mc-body:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none}.mc-body img{border-radius:4px;max-width:300px;height:auto}.mc-body a{color:var(--accent-color)}.mc-attachments{border-top:1px solid var(--border-color);flex-shrink:0;padding:8px 20px}.mc-att-item{align-items:center;gap:6px;padding:3px 0;font-size:.8rem;display:flex}.mc-att-icon{flex-shrink:0}.mc-att-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:300px;overflow:hidden}.mc-att-size{color:var(--text-muted);flex-shrink:0;font-size:.72rem}.mc-att-uploading{color:var(--accent-color);font-size:.72rem}.mc-att-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 4px;font-size:1rem}.mc-att-remove:hover{color:var(--danger-color)}.mc-att-total{color:var(--text-muted);margin-top:4px;font-size:.72rem}.mc-footer{border-top:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.mc-footer-right{gap:8px;display:flex}.mc-footer-btn{cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-size:.82rem}.mc-btn-attach{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color)}.mc-btn-attach:hover{background:var(--border-color)}.mc-btn-draft{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color)}.mc-btn-draft:hover{background:var(--border-color)}.mc-btn-send{background:var(--accent-color);color:#fff;font-weight:500}.mc-btn-send:hover{background:var(--accent-hover)}.mc-btn-send:disabled{opacity:.5;cursor:not-allowed}.mc-confirm-overlay{z-index:10;background:#00000059;border-radius:12px;justify-content:center;align-items:center;animation:.15s overlay-fade-in;display:flex;position:absolute;inset:0}.mc-confirm-dialog{background:var(--bg-card);border-radius:10px;min-width:280px;padding:1.25rem 1.5rem;animation:.15s modal-scale-in;box-shadow:0 4px 20px #00000026}.mc-confirm-text{color:var(--text-primary);text-align:center;margin-bottom:1rem;font-size:.9rem}.mc-confirm-actions{justify-content:center;gap:8px;display:flex}.mc-confirm-btn{border:1px solid var(--border-color);cursor:pointer;background:var(--bg-card);color:var(--text-primary);border-radius:6px;padding:6px 16px;font-size:.85rem}.mc-confirm-save{background:var(--accent-color);color:#fff;border-color:var(--accent-color);font-weight:500}.mc-confirm-save:hover{background:var(--accent-hover)}.mc-confirm-discard{background:var(--danger-color);color:#fff;border-color:var(--danger-color)}.mc-confirm-discard:hover{opacity:.9}.mc-confirm-cancel:hover{background:var(--bg-primary)}.aep{max-width:960px;padding:1rem}.aep-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:.75rem;display:flex}.aep-header-left{flex-direction:column;gap:8px;min-width:0;display:flex}.aep-main-tabs{flex-wrap:wrap;gap:6px;display:flex}.aep-main-tab{border:1px solid var(--border-color);background:var(--bg-primary);cursor:pointer;color:var(--text-muted);border-radius:6px;padding:5px 12px;font-size:.78rem}.aep-main-tab:hover{color:var(--text-primary)}.aep-main-tab.active{border-color:var(--accent-color);color:var(--accent-color);background:color-mix(in srgb, var(--accent-color) 10%, transparent)}.aep-title{color:var(--text-primary);font-size:1.1rem;font-weight:600}.aep-domain-row{flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:.82rem;display:flex}.aep-domain-suffix{color:var(--text-primary);font-weight:600}.aep-domain-meta{color:var(--text-muted);font-size:.78rem}.aep-stats{background:var(--bg-primary);color:var(--text-secondary);border-radius:8px;gap:1.5rem;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.82rem;display:flex}.aep-stats strong{color:var(--text-primary);margin-left:4px}.aep-loading,.aep-empty{text-align:center;color:var(--text-muted);padding:2rem;font-size:.85rem}.aep-list{flex-direction:column;gap:.5rem;display:flex}.aep-row{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:.75rem}.aep-row-warning{border-color:var(--warning-color);background:var(--toast-warning-bg)}.aep-row-critical{border-color:var(--danger-color);background:var(--toast-error-bg)}.aep-row-top{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.aep-email{color:var(--text-primary);font-size:.9rem;font-weight:600}.aep-user{color:var(--text-muted);margin-left:auto;font-size:.75rem}.aep-badge{border-radius:10px;padding:1px 8px;font-size:.7rem;font-weight:500}.aep-badge-personal{color:#1e40af;background:#dbeafe}.aep-badge-shared{color:#9d174d;background:#fce7f3}.aep-badge-active{color:#065f46;background:#d1fae5}.aep-badge-disabled{color:#6b7280;background:#f3f4f6}.aep-row-sync{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:6px;font-size:.78rem;display:flex}.aep-sync-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.aep-sync-idle{background:#9ca3af}.aep-sync-syncing{background:#f59e0b;animation:1s linear infinite spin}.aep-sync-success{background:#22c55e}.aep-sync-failed{background:#ef4444}.aep-sync-time{color:var(--text-muted)}.aep-sync-err{cursor:help;color:var(--danger-color)}.aep-quota{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.aep-quota-bar{background:var(--border-color);border-radius:3px;flex-shrink:0;width:120px;height:6px;overflow:hidden}.aep-quota-fill{height:100%;transition:width var(--transition-normal);border-radius:3px}.aep-quota-normal{background:#22c55e}.aep-quota-warning{background:var(--warning-color)}.aep-quota-critical{background:var(--danger-color)}.aep-quota-text{color:var(--text-secondary);font-size:.75rem}.aep-local-stat{color:var(--text-muted);margin-left:auto;font-size:.72rem}.aep-row-actions{flex-wrap:wrap;gap:6px;display:flex}.aep-btn{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);border-radius:6px;padding:5px 12px;font-size:.8rem}.aep-btn:hover{background:var(--bg-primary);border-color:var(--accent-color);color:var(--accent-color)}.aep-btn:disabled{opacity:.5;cursor:not-allowed}.aep-btn-sm{padding:3px 10px;font-size:.75rem}.aep-btn-primary{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.aep-btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.aep-btn-danger{color:var(--danger-color);border-color:var(--danger-color)}.aep-btn-danger:hover{background:var(--danger-color);color:#fff}.aep-auth-users{color:var(--text-muted);border-top:1px solid var(--border-color);margin-top:6px;padding-top:6px;font-size:.72rem}.aep-overlay{z-index:100;background:#00000073;justify-content:center;align-items:center;animation:.2s overlay-fade-in;display:flex;position:fixed;inset:0}.aep-modal{background:var(--bg-card);border-radius:12px;width:440px;max-width:95vw;max-height:85vh;padding:1.25rem;animation:.2s modal-scale-in;overflow-y:auto}.aep-modal-sm{width:380px}.aep-modal-title{color:var(--text-primary);margin-bottom:.75rem;font-size:1rem;font-weight:600}.aep-label{color:var(--text-secondary);margin-top:8px;margin-bottom:3px;font-size:.78rem;display:block}.aep-input{border:1px solid var(--border-color);background:var(--bg-card);width:100%;color:var(--text-primary);border-radius:6px;padding:6px 10px;font-size:.82rem}.aep-input:focus{border-color:var(--accent-color);outline:none}.aep-input-sm{width:100px}.aep-row-inline{align-items:flex-end;gap:12px;margin-top:4px;display:flex}.aep-checkbox{color:var(--text-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:4px;padding-bottom:6px;font-size:.8rem;display:flex}.aep-modal-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:8px;margin-top:1rem;padding-top:.75rem;display:flex}.aep-cleanup-desc{color:var(--text-secondary);margin-bottom:.5rem;font-size:.82rem;line-height:1.5}.aep-cleanup-info{color:var(--text-muted);margin-top:.5rem;font-size:.78rem}.aep-user-checkboxes{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:6px;flex-wrap:wrap;gap:4px 12px;max-height:160px;padding:6px;display:flex;overflow-y:auto}.aep-user-check-item{margin:0;padding-bottom:2px;font-size:.78rem}.kb-attachment-panel{border:1px solid var(--border-color);border-radius:8px;margin-top:8px;overflow:hidden}.kb-attachment-panel-header{background:var(--bg-secondary);cursor:pointer;color:var(--text-primary);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.kb-attachment-panel-header:hover{background:var(--bg-primary)}.kb-attachment-panel-body{padding:8px 12px}.kb-attachment-item{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;padding:6px 0;display:flex}.kb-attachment-item:last-of-type{border-bottom:none}.kb-attachment-thumb{-o-object-fit:cover;object-fit:cover;border:1px solid var(--border-color);border-radius:4px;flex-shrink:0;width:40px;height:40px}.kb-attachment-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.kb-attachment-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;text-decoration:none;overflow:hidden}.kb-attachment-name:hover{color:var(--accent-color,#6366f1);text-decoration:underline}.kb-attachment-meta{color:var(--text-secondary);font-size:11px}.kb-attachment-actions{flex-shrink:0;gap:6px;display:flex}.kb-attachment-actions a,.kb-attachment-actions button{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;padding:4px;font-size:14px;text-decoration:none}.kb-attachment-actions a:hover,.kb-attachment-actions button:hover{background:var(--bg-primary);color:var(--text-primary)}.kb-attachment-empty{text-align:center;color:var(--text-secondary);padding:16px 0;font-size:13px}.kb-attachment-upload{padding-top:8px}.kb-attachment-upload-btn{border:1px dashed var(--border-color);background:var(--bg-secondary);width:100%;color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:13px;transition:all .15s}.kb-attachment-upload-btn:hover:not(:disabled){border-color:var(--accent-color,#6366f1);color:var(--accent-color,#6366f1);background:var(--bg-primary)}.kb-attachment-upload-btn:disabled{opacity:.6;cursor:not-allowed}.mixed-msg{flex-direction:column;gap:8px;display:flex}.mixed-msg .msg-content{margin-bottom:0}.mixed-images{border-radius:8px;gap:4px;display:flex}.mixed-images.single{max-width:300px}.mixed-images.single img{cursor:pointer;-o-object-fit:contain;object-fit:contain;border-radius:8px;max-width:300px;max-height:300px}.mixed-images.single .image-loader{width:auto!important;height:auto!important}.mixed-images.grid{grid-template-columns:repeat(2,1fr);gap:4px;max-width:320px;display:grid}.mixed-images.grid img{-o-object-fit:contain;object-fit:contain;cursor:pointer;background:#f1f5f9;border-radius:4px;width:100%;height:150px}.mixed-files{flex-direction:column;gap:4px;display:flex}.mixed-files .file-msg{margin:0}.attachment-queue{border-bottom:1px solid var(--border-color);background:var(--bg-card);flex-wrap:wrap;gap:8px;padding:8px 12px;display:flex}.attachment-item{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;align-items:center;gap:6px;max-width:180px;padding:4px 8px;font-size:.8rem;display:flex;position:relative}.attachment-item img{-o-object-fit:cover;object-fit:cover;border-radius:4px;width:48px;height:48px}.attachment-item .att-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--text-secondary);flex:1;font-size:.75rem;overflow:hidden}.attachment-item .att-remove{background:var(--danger-color);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.attachment-item .att-remove:hover{background:#dc2626}.uploading-indicator{color:var(--text-secondary);align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;display:flex}.uploading-indicator .spinner{border:2px solid var(--accent-color);border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}.manual-todo-dialog-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;animation:.2s overlay-fade-in;display:flex;position:fixed;inset:0}.manual-todo-dialog{background:var(--bg-card);border-radius:12px;width:420px;max-width:90vw;max-height:80vh;animation:.2s modal-scale-in;overflow-y:auto;box-shadow:0 8px 32px #0000002e}.manual-todo-dialog-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.manual-todo-dialog-header h3{margin:0;font-size:1rem}.manual-todo-dialog-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:1.25rem}.manual-todo-dialog-close:hover{color:var(--text-primary);background:#f3f4f6}.manual-todo-dialog-body{padding:1rem 1.25rem}.manual-todo-field{margin-bottom:.875rem}.manual-todo-field label{color:var(--text-secondary);margin-bottom:.375rem;font-size:.85rem;display:block}.manual-todo-field input[type=text],.manual-todo-field input[type=date],.manual-todo-field select{border:1px solid var(--border-color);background:var(--bg-card);width:100%;color:var(--text-primary);border-radius:6px;padding:.5rem .75rem;font-size:.9rem}.manual-todo-field input:focus,.manual-todo-field select:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 2px #4f46e526}.manual-todo-error{color:var(--danger-color);margin-top:.25rem;font-size:.8rem}.manual-todo-dialog-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.5rem;padding:.75rem 1.25rem 1rem;display:flex}.manual-todo-btn-primary{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500}.manual-todo-btn-primary:hover{background:var(--accent-hover)}.manual-todo-btn-primary:disabled{opacity:.5;cursor:not-allowed}.manual-todo-btn-cancel{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;padding:.5rem 1.25rem;font-size:.875rem}.manual-todo-btn-cancel:hover{background:#f3f4f6}.manual-todo-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.kooda-todo-dialog-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;animation:.2s overlay-fade-in;display:flex;position:fixed;inset:0}.kooda-todo-dialog{background:var(--bg-card);border-radius:12px;width:420px;max-width:90vw;max-height:80vh;animation:.2s modal-scale-in;overflow-y:auto;box-shadow:0 8px 32px #0000002e}.kooda-todo-dialog-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.kooda-todo-dialog-header h3{margin:0;font-size:1rem}.kooda-todo-dialog-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:1.25rem}.kooda-todo-dialog-close:hover{color:var(--text-primary);background:#f3f4f6}.kooda-todo-dialog-body{padding:1rem 1.25rem}.kooda-todo-field{margin-bottom:.875rem}.kooda-todo-field label{color:var(--text-secondary);margin-bottom:.375rem;font-size:.85rem;display:block}.kooda-todo-field input[type=text],.kooda-todo-field input[type=date],.kooda-todo-field select{border:1px solid var(--border-color);background:var(--bg-card);width:100%;color:var(--text-primary);border-radius:6px;padding:.5rem .75rem;font-size:.9rem}.kooda-todo-field input:focus,.kooda-todo-field select:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 2px #4f46e526}.kooda-todo-error{color:var(--danger-color);margin-top:.25rem;font-size:.8rem}.kooda-todo-error-actions{gap:.5rem;margin-top:.5rem;display:flex}.kooda-todo-btn-retry{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.35rem .75rem;font-size:.8rem}.kooda-todo-btn-retry:hover{background:var(--accent-hover)}.kooda-todo-btn-retry:disabled{opacity:.5;cursor:not-allowed}.kooda-todo-btn-fallback{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:4px;padding:.35rem .75rem;font-size:.8rem}.kooda-todo-btn-fallback:hover{background:#f3f4f6}.kooda-assignee-suggestions{background:var(--bg-card);border:1px solid var(--border-color);z-index:100;border-radius:6px;max-height:200px;margin-top:2px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001f}.kooda-assignee-item{cursor:pointer;align-items:center;gap:8px;padding:6px 10px;font-size:.85rem;display:flex}.kooda-assignee-item:hover,.kooda-assignee-item.active{background:var(--accent-color);color:#fff}.kooda-assignee-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;font-weight:600;display:flex}.kooda-todo-dialog-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.5rem;padding:.75rem 1.25rem 1rem;display:flex}.kooda-todo-btn-primary{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500}.kooda-todo-btn-primary:hover{background:var(--accent-hover)}.kooda-todo-btn-primary:disabled{opacity:.5;cursor:not-allowed}.kooda-todo-btn-cancel{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;padding:.5rem 1.25rem;font-size:.875rem}.kooda-todo-btn-cancel:hover{background:#f3f4f6}.kooda-todo-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.selected-tags{padding:2px 0}.selected-tag{transition:background var(--transition-fast) ease}.selected-tag:hover{background:#c7d2fe}.selected-tag button:hover{color:#312e81}.search-clear-btn:hover{color:#555!important}.user-result{align-items:center}.user-result input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-color);cursor:pointer;flex-shrink:0}.user-result .conv-avatar{flex-shrink:0}.user-result.selected{background:#e0e7ff}.user-result.selected:hover{background:#c7d2fe}[data-mode=dark] .selected-tag{color:#a5b4fc!important;background:#312e81!important}[data-mode=dark] .selected-tag:hover{background:#3730a3!important}[data-mode=dark] .selected-tag button{color:#a5b4fc!important}[data-mode=dark] .selected-tag button:hover{color:#e0e7ff!important}[data-mode=dark] .search-clear-btn:hover{color:#ccc!important}[data-mode=dark] .user-result.selected{background:#1e1b4b}[data-mode=dark] .user-result.selected:hover{background:#312e81}[data-mode=dark] .user-result:hover{background:#2d2d2d}.platform-badge{vertical-align:middle;border-radius:4px;align-items:center;gap:3px;font-size:.75rem;display:inline-flex}.platform-badge-sm{padding:1px 4px}.platform-badge-md{padding:2px 6px;font-size:.8rem}.platform-badge-icon{line-height:1}.platform-badge-label{color:var(--text-secondary)}.platform-badge-wechat{background:#07c1601a}.platform-badge-douyin{background:#0000000f}.platform-badge-xhs{background:#ff2d5514}.platform-badge-wxv{background:#4f46e514}.reply-window-indicator{border-bottom:1px solid var(--border-color);align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;display:flex}.reply-window-indicator .reply-window-icon{font-size:.9rem}.reply-window-indicator .reply-window-text{color:var(--text-secondary)}.reply-window-indicator.warning{background:#fffbeb;border-color:#fde68a}.reply-window-indicator.warning .reply-window-text{color:#92400e;font-weight:500}.reply-window-indicator.expired{background:#fef2f2;border-color:#fecaca}.reply-window-indicator.expired .reply-window-text{color:#991b1b;font-weight:500}.channel-loading{text-align:center;color:var(--text-muted);padding:2rem;font-size:.85rem}.channel-empty{text-align:center;color:var(--text-muted);padding:3rem}.channel-empty-icon{margin-bottom:.5rem;font-size:2.5rem}.channel-empty-hint{text-align:center;color:var(--text-muted);padding:1.5rem;font-size:.85rem}.channel-btn-primary{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 16px;font-size:.8rem}.channel-btn-primary:hover{background:var(--accent-hover)}.channel-btn-primary:disabled{opacity:.5;cursor:not-allowed}.channel-btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;padding:6px 16px;font-size:.8rem}.channel-btn-secondary:hover{background:var(--border-color)}.channel-btn-sm{background:var(--bg-primary);border:1px solid var(--border-color);cursor:pointer;color:var(--text-primary);border-radius:4px;padding:4px 10px;font-size:.75rem}.channel-btn-sm:hover{background:var(--border-color)}.channel-btn-sm.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.channel-btn-danger{color:var(--danger-color);border-color:var(--danger-color)}.channel-btn-danger:hover{background:#fef2f2}.channel-btn-link{color:var(--accent-color);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:.75rem}.channel-btn-link:hover{text-decoration:underline}.channel-btn-danger-link{color:var(--danger-color)}.channel-form-field{margin-bottom:12px}.channel-form-label{color:var(--text-secondary);margin-bottom:4px;font-size:.8rem;display:block}.channel-form-input{border:1px solid var(--border-color);background:var(--bg-card);width:100%;color:var(--text-primary);border-radius:6px;padding:6px 10px;font-size:.85rem}.channel-form-input:focus{border-color:var(--accent-color);outline:none}.channel-form-select{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:.8rem}.channel-form-error{color:var(--danger-color);margin-bottom:8px;font-size:.8rem}.channel-form-notice{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;margin-bottom:12px;padding:8px 12px;font-size:.8rem}.channel-form-webhook{align-items:center;gap:8px;display:flex}.channel-form-webhook-url{background:var(--bg-primary);border:1px solid var(--border-color);word-break:break-all;border-radius:6px;flex:1;padding:6px 10px;font-size:.75rem}.channel-form-actions{align-items:center;gap:8px;margin-top:16px;display:flex}.agent-picker-area{border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;border-radius:6px;min-height:36px;padding:6px 10px}.agent-picker-tags{flex-wrap:wrap;gap:6px;display:flex}.agent-picker-tag{background:var(--accent-color);color:#fff;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:.78rem;line-height:1.6;display:inline-flex}.agent-picker-tag-remove{color:#fff;cursor:pointer;background:#ffffff40;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;line-height:1;display:inline-flex}.agent-picker-tag-remove:hover{background:#fff6}.agent-picker-empty{color:var(--text-secondary);padding:2px 0;font-size:.8rem}.agent-picker-dropdown{background:var(--bg-card);border:1px solid var(--border-color);z-index:20;border-radius:6px;flex-direction:column;max-height:260px;margin-top:4px;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 12px #0000001a}.agent-picker-search{border:none;border-bottom:1px solid var(--border-color);background:var(--bg-card);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:6px 6px 0 0;outline:none;padding:8px 10px;font-size:.82rem}.agent-picker-search:focus{border-bottom-color:var(--accent-color)}.agent-picker-options{flex:1;overflow-y:auto}.agent-picker-option{cursor:pointer;color:var(--text-primary);justify-content:space-between;align-items:center;padding:7px 10px;font-size:.82rem;display:flex}.agent-picker-option:hover{background:var(--bg-primary)}.agent-picker-option-selected{background:#4f46e50f}.agent-picker-option-selected:hover{background:#4f46e51a}.agent-picker-option-name{align-items:center;gap:6px;display:flex}.agent-picker-option-username{color:var(--text-muted);font-size:.75rem}.agent-picker-check{color:var(--accent-color);font-size:.9rem;font-weight:600}.agent-picker-no-result{color:var(--text-muted);text-align:center;padding:12px 10px;font-size:.8rem}.channel-manage-page{max-width:1200px;margin:0 auto;padding:1.5rem}.channel-manage-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.channel-manage-title{margin:0;font-size:1.25rem}.channel-manage-add-btn{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:.85rem}.channel-manage-add-btn:hover{background:var(--accent-hover)}.channel-account-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.channel-account-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:16px}.channel-account-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.channel-account-card-name{margin-bottom:6px;font-size:.95rem;font-weight:600}.channel-account-card-meta{color:var(--text-muted);gap:12px;margin-bottom:10px;font-size:.75rem;display:flex}.channel-account-card-actions{gap:6px;display:flex}.channel-status-tag{border-radius:10px;padding:2px 8px;font-size:.7rem;font-weight:500}.channel-status-configuring{color:#92400e;background:#fef3c7}.channel-status-connected{color:#065f46;background:#d1fae5}.channel-status-disconnected{color:#991b1b;background:#fee2e2}.channel-status-disabled{color:#6b7280;background:#f3f4f6}.channel-agent-unassigned{color:var(--warning-color);font-weight:500}.channel-agent-names{color:var(--text-secondary)}.channel-conv-list{flex-direction:column;height:100%;display:flex}.channel-conv-filter{border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:4px;padding:8px;display:flex}.channel-filter-btn{border:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);white-space:nowrap;background:0 0;border-radius:12px;padding:3px 8px;font-size:.7rem}.channel-filter-btn:hover{background:var(--bg-primary)}.channel-filter-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.channel-conv-items{flex:1;overflow-y:auto}.channel-conv-item{cursor:pointer;border-bottom:1px solid var(--border-color);align-items:center;gap:10px;padding:10px 12px;display:flex}.channel-conv-item:hover{background:var(--bg-primary)}.channel-conv-item.active{background:#eef2ff}.channel-conv-avatar{flex-shrink:0;width:40px;height:40px;position:relative}.channel-conv-avatar-img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:40px;height:40px}.channel-conv-avatar-placeholder{background:var(--accent-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.85rem;font-weight:600;display:flex}.channel-conv-platform-icon{position:absolute;bottom:-2px;right:-2px}.channel-conv-info{flex:1;min-width:0}.channel-conv-top{justify-content:space-between;align-items:center;display:flex}.channel-conv-name{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:500;overflow:hidden}.channel-conv-time{color:var(--text-muted);flex-shrink:0;font-size:.7rem}.channel-conv-preview{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.8rem;overflow:hidden}.channel-chat-area{background:var(--bg-chat);flex-direction:column;height:100%;display:flex}.channel-chat-empty{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.channel-chat-empty-icon{font-size:2.5rem}.channel-chat-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.channel-chat-header-info{align-items:center;gap:8px;display:flex}.channel-chat-header-name{font-size:.95rem;font-weight:600}.channel-chat-header-account{color:var(--text-muted);font-size:.8rem}.channel-chat-header-actions{gap:6px;display:flex}.channel-transfer-bar{background:var(--bg-card);border-bottom:1px solid var(--border-color);align-items:center;gap:8px;padding:8px 16px;display:flex}.channel-chat-messages{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.channel-msg{display:flex}.channel-msg.mine{justify-content:flex-end}.channel-msg-body{background:var(--msg-other-bg);border-radius:12px;max-width:70%;padding:8px 12px;box-shadow:0 1px 2px #0000000d}.channel-msg.mine .channel-msg-body{background:var(--msg-mine-bg)}.channel-msg-content{word-break:break-word;font-size:.9rem}.channel-msg-image{cursor:pointer;border-radius:8px;max-width:240px;max-height:300px}.channel-msg-meta{align-items:center;gap:6px;margin-top:4px;display:flex}.channel-msg-time{color:var(--text-muted);font-size:.65rem}.channel-msg-failed{align-items:center;gap:4px;display:flex}.channel-msg-error-icon{cursor:help;font-size:.8rem}.channel-msg-retry-btn{color:var(--accent-color);cursor:pointer;background:0 0;border:none;font-size:.7rem;text-decoration:underline}.channel-msg-sending{color:var(--text-muted);font-size:.65rem}.channel-chat-input-area{background:var(--bg-card);border-top:1px solid var(--border-color);flex-shrink:0;padding:12px 16px}.channel-chat-input-row{align-items:flex-end;gap:8px;display:flex}.channel-chat-textarea{resize:none;border:1px solid var(--border-color);background:var(--bg-card);min-height:40px;max-height:100px;color:var(--text-primary);border-radius:8px;flex:1;padding:8px 10px;font-size:.85rem}.channel-chat-textarea:focus{border-color:var(--accent-color);outline:none}.channel-chat-textarea:disabled{opacity:.5;cursor:not-allowed}.channel-send-btn{min-width:60px}.channel-contact-list{flex-direction:column;height:100%;display:flex}.channel-contact-toolbar{border-bottom:1px solid var(--border-color);gap:8px;padding:8px;display:flex}.channel-contact-search{flex:1}.channel-contact-items{flex:1;overflow-y:auto}.channel-contact-item{cursor:pointer;border-bottom:1px solid var(--border-color);align-items:center;gap:10px;padding:10px 12px;display:flex}.channel-contact-item:hover{background:var(--bg-primary)}.channel-contact-item.active{background:#eef2ff}.channel-contact-avatar{flex-shrink:0;width:36px;height:36px}.channel-contact-avatar-img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:36px;height:36px}.channel-contact-avatar-placeholder{background:var(--accent-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:600;display:flex}.channel-contact-info{flex:1;min-width:0}.channel-contact-name{font-size:.85rem;font-weight:500}.channel-contact-sub{align-items:center;gap:4px;margin-top:2px;display:flex}.channel-contact-nickname{color:var(--text-muted);font-size:.75rem}.channel-contact-detail{padding:16px}.channel-contact-detail-empty{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.channel-contact-detail-header{text-align:center;margin-bottom:20px}.channel-contact-detail-avatar{margin-bottom:8px}.channel-contact-detail-avatar-img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:64px;height:64px}.channel-contact-avatar-placeholder.large{width:64px;height:64px;margin:0 auto;font-size:1.5rem}.channel-contact-detail-name{margin-bottom:4px;font-size:1.1rem;font-weight:600}.channel-contact-detail-section{border-bottom:1px solid var(--border-color);margin-bottom:16px;padding-bottom:16px}.channel-contact-detail-row{align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;display:flex}.channel-detail-label{color:var(--text-muted);flex-shrink:0;min-width:70px}.channel-detail-mono{font-family:monospace;font-size:.8rem}.channel-detail-edit-row{flex:1;align-items:center;gap:6px;display:flex}.channel-merge-row{align-items:center;gap:8px;margin-top:8px;display:flex}.interaction-badge{background:var(--danger-color);color:#fff;text-align:center;border-radius:10px;min-width:16px;padding:1px 5px;font-size:.65rem;font-weight:700;animation:.2s badge-bounce;display:inline-block}.content-manage-page{max-width:1200px;margin:0 auto;padding:1.5rem}.content-manage-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:1.5rem;display:flex}.content-manage-title{margin:0;font-size:1.25rem}.content-manage-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.content-grid{gap:16px;display:grid}.content-grid.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.content-grid.list{grid-template-columns:1fr}.content-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:10px;transition:box-shadow .15s;overflow:hidden}.content-card:hover{box-shadow:0 2px 8px #00000014}.content-card.active{border-color:var(--accent-color);box-shadow:0 0 0 2px #4f46e533}.content-card-cover{background:var(--bg-primary);justify-content:center;align-items:center;height:140px;display:flex;overflow:hidden}.content-card-cover-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.content-card-cover-placeholder{background:var(--bg-primary)}.content-card-type-icon{font-size:2rem}.content-card-body{padding:12px}.content-card-title{text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;font-size:.9rem;font-weight:500;overflow:hidden}.content-card-meta{align-items:center;gap:6px;margin-bottom:6px;display:flex}.content-card-date{color:var(--text-muted);font-size:.7rem}.content-card-stats{color:var(--text-secondary);gap:10px;font-size:.75rem;display:flex}.interaction-detail-panel{background:var(--bg-card);border-left:1px solid var(--border-color);z-index:50;flex-direction:column;width:400px;animation:.2s panel-slide-in;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 12px #00000014}.interaction-detail-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 16px;font-weight:600;display:flex}.interaction-detail-body{flex:1;padding:12px 16px;overflow-y:auto}.comment-item{border-bottom:1px solid var(--border-color);padding:10px 0}.comment-item.outbound{background:#4f46e508;margin:0 -16px;padding:10px 16px}.comment-item-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.comment-item-user{align-items:center;gap:6px;display:flex}.comment-avatar{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:24px;height:24px}.comment-avatar-placeholder{background:var(--accent-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.65rem;font-weight:600;display:flex}.comment-nickname{font-size:.8rem;font-weight:500}.comment-outbound-tag{background:var(--accent-color);color:#fff;border-radius:8px;padding:1px 6px;font-size:.65rem}.comment-time{color:var(--text-muted);font-size:.7rem}.comment-content{color:var(--text-primary);margin-bottom:4px;font-size:.85rem}.comment-actions{gap:8px;display:flex}.comment-reply-form{gap:6px;margin-top:6px;display:flex}.event-timeline{flex-direction:column;display:flex}.event-timeline-filter{flex-wrap:wrap;gap:4px;padding:8px 0;display:flex}.event-timeline-items{flex:1;overflow-y:auto}.event-timeline-item{border-bottom:1px solid var(--border-color);gap:10px;padding:8px 0;display:flex}.event-timeline-dot{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;display:flex}.event-timeline-content{flex:1;min-width:0}.event-timeline-header{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.event-timeline-user{font-size:.85rem;font-weight:500}.event-timeline-type{color:var(--text-muted);background:var(--bg-primary);border-radius:8px;padding:1px 6px;font-size:.7rem}.event-timeline-time{color:var(--text-muted);margin-left:auto;font-size:.7rem}.event-timeline-text{color:var(--text-secondary);margin-top:2px;font-size:.8rem}.content-timeline-panel{background:var(--bg-card);border-left:1px solid var(--border-color);z-index:50;flex-direction:column;width:360px;padding:16px;animation:.2s panel-slide-in;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 12px #00000014}.content-timeline-header{justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:600;display:flex}.channel-stats-panel{max-width:1200px;margin:0 auto;padding:1.5rem}.channel-stats-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:1.5rem;display:flex}.channel-stats-title{margin:0;font-size:1.25rem}.channel-stats-actions{align-items:center;gap:8px;display:flex}.channel-stats-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:24px;display:grid}.channel-stats-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:16px}.channel-stats-card-title{margin-bottom:12px;font-size:.9rem;font-weight:600}.channel-stats-card-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;display:grid}.channel-stats-metric{text-align:center}.channel-stats-metric-value{color:var(--accent-color);font-size:1.2rem;font-weight:700;display:block}.channel-stats-metric-label{color:var(--text-muted);margin-top:2px;font-size:.7rem;display:block}.channel-stats-section{margin-bottom:24px}.channel-stats-section-title{margin-bottom:12px;font-size:.95rem;font-weight:600}.channel-stats-daily{flex-direction:column;gap:4px;display:flex}.channel-stats-daily-row{align-items:center;gap:8px;display:flex}.channel-stats-daily-date{color:var(--text-muted);min-width:40px;font-size:.75rem}.channel-stats-daily-bar-bg{background:var(--bg-primary);border-radius:4px;flex:1;height:16px;overflow:hidden}.channel-stats-daily-bar{background:var(--accent-color);border-radius:4px;height:100%;transition:width .3s}.channel-stats-daily-count{color:var(--text-secondary);text-align:right;min-width:30px;font-size:.75rem}.channel-stats-agent-list{flex-direction:column;gap:6px;display:flex}.channel-stats-agent-row{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:12px;padding:8px 12px;font-size:.85rem;display:flex}.channel-stats-agent-name{flex:1;font-weight:500}.channel-stats-agent-handled{color:var(--accent-color);font-weight:600}.channel-stats-agent-resp{color:var(--text-muted);font-size:.8rem}.channel-stats-interaction-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;display:grid}.merged-forward-card{cursor:pointer;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;max-width:280px;padding:10px 12px;transition:background .15s}.merged-forward-card:hover{background:#f0f1f2}.merged-forward-title{color:#333;margin-bottom:6px;font-size:.85rem;font-weight:600}.merged-forward-preview-item{color:#666;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;line-height:1.5;overflow:hidden}.merged-forward-count{color:var(--accent-color,#4a90d9);margin-top:6px;font-size:.75rem}.merged-forward-divider{border-top:1px solid #e0e0e0;margin-top:6px;padding-top:4px}.merged-forward-label{color:#999;font-size:.7rem}.merged-forward-viewer-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.merged-forward-viewer{background:#fff;border-radius:12px;flex-direction:column;width:420px;max-height:80vh;display:flex;box-shadow:0 8px 32px #0003}.merged-forward-viewer-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:12px 16px;font-size:.9rem;font-weight:600;display:flex}.merged-forward-viewer-body{flex:1;padding:12px 16px;overflow-y:auto}.merged-forward-viewer-item{border-bottom:1px solid #f0f0f0;margin-bottom:12px;padding-bottom:8px}.merged-forward-viewer-sender{color:#333;font-size:.8rem;font-weight:600}.merged-forward-viewer-time{color:#999;margin-left:8px;font-size:.7rem}.merged-forward-viewer-content{color:#444;word-break:break-word;margin-top:4px;font-size:.82rem}@keyframes msg-spin{to{transform:rotate(360deg)}}.msg-sending{color:var(--text-muted);opacity:.7;align-items:center;gap:4px;margin-top:2px;font-size:.7rem;display:flex}.msg-sending-indicator{border:1.5px solid var(--text-muted);border-top-color:#0000;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:.8s linear infinite msg-spin;display:inline-block}.msg-failed{color:var(--danger-color,#ef4444);flex-wrap:wrap;align-items:center;gap:4px;margin-top:2px;font-size:.7rem;display:flex}.msg-failed-icon{color:var(--danger-color,#ef4444);font-size:.85rem}.msg-failed-actions{gap:4px;margin-left:4px;display:inline-flex}.msg-failed-actions button{border:1px solid var(--danger-color,#ef4444);color:var(--danger-color,#ef4444);cursor:pointer;background:0 0;border-radius:4px;padding:1px 8px;font-size:.7rem;line-height:1.4}.msg-failed-actions button:hover{background:var(--danger-color,#ef4444);color:#fff}.workspace-tab-bar{background:var(--bg-card);border-bottom:1px solid var(--border-color);scrollbar-width:none;flex-shrink:0;align-items:center;height:36px;display:flex;overflow:auto hidden}.workspace-tab-bar::-webkit-scrollbar{display:none}.workspace-tab-item{height:100%;color:var(--text-secondary);white-space:nowrap;cursor:pointer;border-right:1px solid var(--border-color);transition:background var(--transition-fast,.15s) ease;flex-shrink:0;align-items:center;gap:4px;padding:0 12px;font-size:.8rem;display:flex}.workspace-tab-item:hover{background:#4f46e50f}.workspace-tab-item.active{color:var(--accent-color);background:#4f46e51f;font-weight:500}.workspace-tab-item .tab-icon{font-size:.85rem;line-height:1}.workspace-tab-item .tab-title{text-overflow:ellipsis;max-width:100px;overflow:hidden}.workspace-tab-item .tab-close{width:16px;height:16px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;margin-left:2px;font-size:.85rem;line-height:1;display:flex}.workspace-tab-item .tab-close:hover{color:var(--danger-color);background:#ef444426}.kooda-link-setting{border-bottom:1px solid var(--border-color);padding:.75rem 1rem}.kooda-link-setting-header{color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem;font-weight:500}.kooda-link-setting-linked{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.kooda-link-setting-form{align-items:center;gap:.5rem;display:flex}.kooda-link-setting-form input{border:1px solid var(--border-color);border-radius:4px;flex:1;padding:.35rem .5rem;font-size:.85rem}.kooda-link-setting-form button{background:var(--accent-color);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:4px;padding:.35rem .75rem;font-size:.8rem}.kooda-link-setting-error{color:var(--danger-color);margin-top:.25rem;font-size:.75rem}.kooda-link-btn{background:var(--bg-card);color:var(--accent-color);border:1px solid var(--accent-color);cursor:pointer;border-radius:4px;padding:.35rem .75rem;font-size:.8rem}.new-msg-btn{background:var(--accent-color);color:#fff;cursor:pointer;z-index:10;border-radius:20px;padding:6px 16px;font-size:.8rem;transition:opacity .2s;position:absolute;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000026}.new-msg-btn:hover{opacity:.9}.announcement-popup{background:var(--bg-card);border-radius:12px;flex-direction:column;width:400px;max-width:90vw;max-height:70vh;padding:1.5rem;animation:.2s modal-scale-in;display:flex}.announcement-popup-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.announcement-popup-icon{font-size:1.2rem}.announcement-popup-title{font-size:1rem;font-weight:600}.announcement-popup-time{color:var(--text-muted);margin-bottom:12px;font-size:.75rem}.announcement-popup-content{white-space:pre-wrap;word-break:break-word;max-height:300px;color:var(--text-primary);margin-bottom:16px;font-size:.9rem;line-height:1.6;overflow-y:auto}.announcement-popup-btn{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:6px;align-self:center;padding:8px 32px;font-size:.9rem}.announcement-popup-btn:hover{background:var(--accent-hover)}.wbot-manager-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wbot-manager-panel{background:var(--bg-primary);border-radius:12px;width:520px;max-width:94vw;max-height:85vh;padding:20px;overflow-y:auto;box-shadow:0 8px 32px #0003}.wbot-manager-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.wbot-manager-title{color:var(--text-primary);align-items:center;gap:8px;font-size:1.1rem;font-weight:600;display:flex}.wbot-toolbar{margin-bottom:16px}.wbot-btn{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;transition:all .15s;display:inline-flex}.wbot-btn:hover{background:var(--bg-hover)}.wbot-btn:disabled{opacity:.5;cursor:not-allowed}.wbot-btn-primary{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.wbot-btn-primary:hover{filter:brightness(1.1)}.wbot-btn-warn{color:#d97706;background:0 0;border-color:#d97706}.wbot-btn-warn:hover{background:#d9770614}.wbot-btn-danger{color:#dc2626;background:0 0;border-color:#dc2626}.wbot-btn-danger:hover{background:#dc262614}.wbot-icon-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;display:inline-flex}.wbot-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.wbot-icon-btn.danger{color:#dc2626}.wbot-icon-btn.danger:hover{background:#dc262614}.wbot-list{flex-direction:column;gap:8px;display:flex}.wbot-card{border:1px solid var(--border-color);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .15s;display:flex}.wbot-card:hover{background:var(--bg-hover);border-color:var(--accent-color)}.wbot-card-icon{background:var(--bg-secondary);width:40px;height:40px;color:var(--accent-color);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.wbot-card-info{flex:1;min-width:0}.wbot-card-name{color:var(--text-primary);align-items:center;gap:6px;font-size:.95rem;font-weight:500;display:flex}.wbot-card-desc{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.8rem;overflow:hidden}.wbot-card-arrow{color:var(--text-muted);font-size:1.2rem}.wbot-status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.wbot-status-dot.enabled{background:#22c55e}.wbot-status-dot.disabled{background:#94a3b8}.wbot-status-badge{border-radius:10px;padding:2px 8px;font-size:.72rem;font-weight:500}.wbot-status-badge.enabled{color:#16a34a;background:#22c55e1f}.wbot-status-badge.disabled{color:#64748b;background:#94a3b826}.wbot-empty-state{text-align:center;color:var(--text-secondary);padding:40px 20px}.wbot-empty-state p{margin:4px 0}.wbot-empty-state svg{color:var(--text-muted);margin-bottom:12px}.wbot-empty-hint{color:var(--text-muted);font-size:.8rem}.wbot-empty{color:var(--text-muted);padding:8px 0;font-size:.85rem}.wbot-loading{text-align:center;color:var(--text-secondary);padding:20px}.wbot-error{color:#dc2626;background:#dc262614;border-radius:6px;margin:8px 0;padding:8px 12px;font-size:.85rem}.wbot-form{flex-direction:column;gap:12px;display:flex}.wbot-form-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:4px;font-size:1rem;font-weight:600;display:flex}.wbot-label{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:.85rem;font-weight:500;display:flex}.wbot-label input{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:6px;outline:none;padding:8px 10px;font-size:.9rem}.wbot-label input:focus{border-color:var(--accent-color)}.wbot-toggles{flex-direction:column;gap:6px;display:flex}.wbot-toggle-item{color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;font-size:.85rem;display:flex}.wbot-toggle-item input{accent-color:var(--accent-color)}.wbot-form-actions{gap:8px;margin-top:4px;display:flex}.wbot-create-result{flex-direction:column;gap:10px;display:flex}.wbot-create-result-header{color:#16a34a;align-items:center;gap:8px;font-size:1rem;font-weight:600;display:flex}.wbot-create-warning{color:#d97706;background:#d9770614;border-radius:6px;margin:0;padding:8px 12px;font-size:.85rem}.wbot-secret-field{flex-direction:column;gap:2px;display:flex}.wbot-secret-label{color:var(--text-secondary);font-size:.75rem;font-weight:500}.wbot-secret-value{background:var(--bg-secondary);border-radius:6px;align-items:center;gap:6px;padding:6px 10px;display:flex;overflow:hidden}.wbot-secret-value code{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);flex:1;font-size:.8rem;overflow:hidden}.wbot-detail{flex-direction:column;gap:16px;display:flex}.wbot-detail-header{color:var(--text-primary);align-items:center;gap:8px;font-size:1rem;font-weight:600;display:flex}.wbot-detail-name{flex:1}.wbot-detail-desc{color:var(--text-secondary);margin:0;font-size:.85rem}.wbot-section{border:1px solid var(--border-color);border-radius:8px;padding:12px}.wbot-section-title{color:var(--text-primary);align-items:center;gap:6px;margin-bottom:10px;font-size:.85rem;font-weight:600;display:flex}.wbot-conv-list{flex-direction:column;gap:4px;display:flex}.wbot-conv-item{color:var(--text-primary);border-radius:4px;justify-content:space-between;align-items:center;padding:6px 8px;font-size:.85rem;display:flex}.wbot-conv-item:hover{background:var(--bg-hover)}.wbot-add-conv{gap:8px;margin-top:8px;display:flex}.wbot-add-conv select{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:6px;flex:1;padding:6px 8px;font-size:.85rem}.wbot-actions-row{flex-wrap:wrap;gap:8px;display:flex}.wbot-tabs{border-bottom:1px solid var(--border-color);gap:0;margin-bottom:12px;display:flex}.wbot-tab{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;transition:all .15s;display:flex}.wbot-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.wbot-tab.active{color:var(--accent-color,#0ea5e9);border-bottom-color:var(--accent-color,#0ea5e9);font-weight:500}.wbot-fwd-card{cursor:default}.wbot-fwd-card .wbot-card-info{flex:1;min-width:0}.wbot-fwd-url{text-overflow:ellipsis;white-space:nowrap;color:#64748b;max-width:280px;font-family:monospace;font-size:.78rem;overflow:hidden}.wbot-fwd-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.wbot-user-dropdown{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:6px;max-height:160px;margin-top:4px;overflow-y:auto}.wbot-user-option{cursor:pointer;align-items:center;gap:8px;padding:6px 10px;font-size:.85rem;transition:background .1s;display:flex}.wbot-user-option:hover{background:var(--bg-hover)}.wbot-user-name{color:var(--text-primary)}.wbot-user-uname{color:#94a3b8;font-size:.78rem}.wbot-selected-user{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:.85rem;display:flex}.wbot-selected-user span{flex:1}.thread-card{background:var(--bg-card,#fff);border:.5px solid var(--border-color,#e0e0e0);cursor:pointer;transition:background var(--transition-fast,.15s) ease, box-shadow var(--transition-fast,.15s) ease;border-radius:12px;margin:4px 0 4px 40px;padding:10px 14px}.thread-card:hover{background:var(--bg-primary,#f5f5f5);box-shadow:0 1px 4px #0000000f}.thread-card-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.thread-card-icon{background:#e8f5e9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.thread-card-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.85rem;font-weight:500;overflow:hidden}.thread-card-badge{color:#2e7d32;white-space:nowrap;background:#e8f5e9;border-radius:10px;flex-shrink:0;padding:2px 8px;font-size:.72rem;font-weight:500}.thread-card-unread{background:var(--danger-color,red);border-radius:50%;flex-shrink:0;width:7px;height:7px}.thread-card-meta{color:var(--text-muted,#999);align-items:center;gap:6px;margin-bottom:4px;font-size:.78rem;display:flex}.thread-card-avatars{flex-shrink:0;align-items:center;display:flex}.thread-card-avatar{color:#fff;background:#818cf8;border:1.5px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-left:-4px;font-size:9px;font-weight:600;display:inline-flex}.thread-card-avatar:first-child{margin-left:0}.thread-card-replier{color:var(--text-secondary,#666);white-space:nowrap;font-weight:500}.thread-card-time{color:var(--text-muted,#999);white-space:nowrap}.thread-card-preview{color:var(--text-secondary,#666);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;line-height:1.4;overflow:hidden}@media (width<=900px){.thread-card{margin-left:20px;padding:8px 10px}}@media (width<=700px){.thread-card{margin-left:8px;margin-right:4px;padding:8px 10px}.thread-card-avatars{display:none}}.card-wrapper{flex-direction:column;gap:6px;display:flex}.card-generic{background:linear-gradient(135deg,#6366f10f 0%,#a855f70f 100%);border:1px solid #6366f126;border-radius:10px;max-width:400px;padding:14px 16px}.card-generic-title{color:var(--text-primary);margin:0 0 4px;font-size:.88rem;font-weight:600}.card-generic-desc{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.4}.card-link-preview{border:1px solid var(--border-color);background:var(--bg-primary);max-width:400px;color:inherit;border-radius:10px;text-decoration:none;transition:box-shadow .2s,transform .15s,border-color .2s;display:block;overflow:hidden}.card-link-preview:hover{border-color:#6366f14d;transform:translateY(-1px);box-shadow:0 4px 16px #00000014}.card-link-preview-image{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);width:100%;height:160px;overflow:hidden}.card-link-preview-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s}.card-link-preview:hover .card-link-preview-image img{transform:scale(1.03)}.card-link-preview-body{padding:12px 14px}.card-link-preview-site{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:6px;font-size:.75rem;display:flex}.card-link-preview-favicon{-o-object-fit:contain;object-fit:contain;border-radius:3px;flex-shrink:0;width:14px;height:14px}.card-link-preview-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:.88rem;font-weight:600;line-height:1.35;overflow:hidden}.card-link-preview-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.card-file{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:10px;align-items:center;gap:12px;max-width:360px;padding:12px 14px;transition:box-shadow .2s,border-color .2s;display:flex}.card-file:hover{border-color:#6366f14d;box-shadow:0 2px 10px #0000000f}.card-file-icon{background:linear-gradient(135deg,#6366f114 0%,#a855f714 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.6rem;display:flex}.card-file-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.card-file-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.85rem;font-weight:500;overflow:hidden}.card-file-size{color:var(--text-secondary);margin:0;font-size:.75rem}.card-file-download{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:6px;flex-shrink:0;padding:6px 14px;font-size:.8rem;font-weight:500;transition:opacity .15s,transform .1s}.card-file-download:hover{opacity:.9;transform:scale(1.02)}.card-file-download:active{transform:scale(.97)}.card-approval{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:10px;max-width:400px;overflow:hidden}.card-approval-header{border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#6366f10f 0%,#a855f70f 100%);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.card-approval-title{color:var(--text-primary);font-size:.88rem;font-weight:600}.card-approval-status{border-radius:100px;padding:3px 10px;font-size:.75rem;font-weight:500}.card-approval-status.status-pending{color:#92400e;background:#fef3c7}.card-approval-status.status-approved{color:#065f46;background:#d1fae5}.card-approval-status.status-rejected{color:#9d174d;background:#fce7f3}.card-approval-body{padding:12px 14px}.card-approval-row{color:var(--text-primary);gap:8px;font-size:.83rem;line-height:1.6;display:flex}.card-approval-label{color:var(--text-secondary);flex-shrink:0;min-width:52px}.card-approval-actions{border-top:1px solid var(--border-color);gap:8px;padding:10px 14px;display:flex}.card-approval-btn{cursor:pointer;border:none;border-radius:6px;flex:1;padding:7px 0;font-size:.83rem;font-weight:500;transition:opacity .15s,transform .1s}.card-approval-btn:disabled{opacity:.5;cursor:not-allowed}.card-approval-btn:active:not(:disabled){transform:scale(.97)}.card-approval-btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.card-approval-btn-primary:hover:not(:disabled){opacity:.9}.card-approval-btn-danger{color:#ef4444;background:#fff;border:1px solid #fca5a5}.card-approval-btn-danger:hover:not(:disabled){background:#fef2f2;border-color:#ef4444}[data-mode=dark] .card-generic{background:linear-gradient(135deg,#6366f11a 0%,#a855f71a 100%);border-color:#6366f133}[data-mode=dark] .card-link-preview{background:var(--bg-secondary);border-color:#ffffff14}[data-mode=dark] .card-link-preview:hover{border-color:#6366f159;box-shadow:0 4px 16px #00000040}[data-mode=dark] .card-link-preview-image{background:linear-gradient(135deg,#1e293b 0%,#334155 100%)}[data-mode=dark] .card-file{background:var(--bg-secondary);border-color:#ffffff14}[data-mode=dark] .card-file:hover{border-color:#6366f159;box-shadow:0 2px 10px #0003}[data-mode=dark] .card-file-icon{background:linear-gradient(135deg,#6366f126 0%,#a855f726 100%)}[data-mode=dark] .card-approval{background:var(--bg-secondary);border-color:#ffffff14}[data-mode=dark] .card-approval-header{background:linear-gradient(135deg,#6366f11f 0%,#a855f71f 100%);border-bottom-color:#ffffff14}[data-mode=dark] .card-approval-status.status-pending{color:#fcd34d;background:#fbbf2433}[data-mode=dark] .card-approval-status.status-approved{color:#4ade80;background:#22c55e33}[data-mode=dark] .card-approval-status.status-rejected{color:#fb7185;background:#ef444433}[data-mode=dark] .card-approval-actions{border-top-color:#ffffff14}[data-mode=dark] .card-approval-btn-danger{color:#f87171;background:0 0;border-color:#ef444466}[data-mode=dark] .card-approval-btn-danger:hover:not(:disabled){background:#ef44441a;border-color:#ef4444}.card-erp{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:10px;max-width:400px;overflow:hidden}.card-erp-header{border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#3b82f60f 0%,#6366f10f 100%);align-items:center;gap:8px;padding:12px 14px;display:flex}.card-erp-icon{flex-shrink:0;font-size:1.1rem}.card-erp-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.88rem;font-weight:600;overflow:hidden}.card-erp-status{border-radius:100px;flex-shrink:0;padding:2px 10px;font-size:.72rem;font-weight:500}.card-erp-status-success{color:#065f46;background:#d1fae5}.card-erp-status-error{color:#9d174d;background:#fce7f3}.card-erp-status-warning{color:#92400e;background:#fef3c7}.card-erp-status-info{color:#1e40af;background:#dbeafe}.card-erp-status-default{color:#475569;background:#f1f5f9}.card-erp-body{padding:10px 14px}.card-erp-row{color:var(--text-primary);gap:8px;font-size:.83rem;line-height:1.7;display:flex}.card-erp-label{color:var(--text-secondary);flex-shrink:0;min-width:52px}.card-erp-value{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.card-erp-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:8px;padding:10px 14px;display:flex}.card-erp-actions{gap:8px;display:flex}.card-erp-btn{cursor:pointer;border:none;border-radius:6px;flex:1;padding:7px 0;font-size:.83rem;font-weight:500;transition:opacity .15s,transform .1s}.card-erp-btn:disabled{opacity:.5;cursor:not-allowed}.card-erp-btn:active:not(:disabled){transform:scale(.97)}.card-erp-btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1)}.card-erp-btn-primary:hover:not(:disabled){opacity:.9}.card-erp-btn-danger{color:#ef4444;background:#fff;border:1px solid #fca5a5}.card-erp-btn-danger:hover:not(:disabled){background:#fef2f2;border-color:#ef4444}.card-erp-btn-default{color:var(--text-primary);border:1px solid var(--border-color);background:#f1f5f9}.card-erp-btn-default:hover:not(:disabled){background:#e2e8f0}.card-erp-link{color:var(--accent-color);text-align:center;font-size:.78rem;text-decoration:none}.card-erp-link:hover{text-decoration:underline}[data-mode=dark] .card-erp{background:var(--bg-secondary);border-color:#ffffff14}[data-mode=dark] .card-erp-header{background:linear-gradient(135deg,#3b82f61f 0%,#6366f11f 100%);border-bottom-color:#ffffff14}[data-mode=dark] .card-erp-status-success{color:#4ade80;background:#22c55e33}[data-mode=dark] .card-erp-status-error{color:#fb7185;background:#ef444433}[data-mode=dark] .card-erp-status-warning{color:#fcd34d;background:#fbbf2433}[data-mode=dark] .card-erp-status-info{color:#60a5fa;background:#3b82f633}[data-mode=dark] .card-erp-status-default{color:#94a3b8;background:#ffffff14}[data-mode=dark] .card-erp-footer{border-top-color:#ffffff14}[data-mode=dark] .card-erp-btn-danger{color:#f87171;background:0 0;border-color:#ef444466}[data-mode=dark] .card-erp-btn-danger:hover:not(:disabled){background:#ef44441a;border-color:#ef4444}[data-mode=dark] .card-erp-btn-default{background:#ffffff0f;border-color:#ffffff1a}[data-mode=dark] .card-erp-btn-default:hover:not(:disabled){background:#ffffff1a}[data-mode=dark] .thread-suggest{background:linear-gradient(135deg,#4f46e51f,#6366f12e);border-color:#6366f159}[data-mode=dark] .thread-suggest-dismiss:hover{background:#ffffff14}.kb-qa-answer{word-break:break-word}.kb-qa-answer p{margin:0 0 8px}.kb-qa-answer p:last-child{margin-bottom:0}.kb-qa-cursor{color:#4f46e5;animation:.8s step-end infinite kb-qa-blink;display:inline-block}@keyframes kb-qa-blink{50%{opacity:0}}.new-conv-dialog{background:var(--bg-card);border-radius:12px;flex-direction:column;width:480px;max-height:80vh;padding:1.5rem;animation:.2s modal-scale-in;display:flex;overflow:hidden}.new-conv-dialog h3{margin-bottom:1rem}.new-conv-search{margin-bottom:.75rem}.new-conv-search input{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:.5rem .75rem;font-size:.875rem}.new-conv-search input:focus{border-color:var(--accent-color)}.new-conv-selected-bar{border-bottom:1px solid var(--border-color);align-items:center;gap:8px;margin-bottom:.5rem;padding:8px 0;display:flex}.new-conv-selected-tags{scrollbar-width:none;flex:1;gap:6px;display:flex;overflow-x:auto}.new-conv-selected-tags::-webkit-scrollbar{display:none}.new-conv-selected-tag{background:var(--bg-primary);border:1px solid var(--border-color);white-space:nowrap;border-radius:16px;flex-shrink:0;align-items:center;gap:4px;padding:2px 8px 2px 2px;font-size:.8rem;display:flex}.new-conv-selected-tag-name{text-overflow:ellipsis;white-space:nowrap;max-width:80px;overflow:hidden}.new-conv-selected-tag-remove{cursor:pointer;color:var(--text-muted);margin-left:2px;font-size:.9rem;line-height:1}.new-conv-selected-tag-remove:hover{color:var(--danger-color)}.new-conv-selected-count{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.78rem}.new-conv-group-options{margin-bottom:.5rem}.new-conv-group-name-input{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:.5rem .75rem;font-size:.875rem}.new-conv-group-name-input:focus{border-color:var(--accent-color)}.new-conv-force-group-label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;margin-bottom:.5rem;font-size:.82rem;display:flex}.new-conv-force-group-label input[type=checkbox]{cursor:pointer;margin:0}.new-conv-contacts-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.new-conv-contacts-scroll{flex:1;min-height:0;display:flex;position:relative}.new-conv-contacts-list{scrollbar-width:thin;flex:1;max-height:400px;overflow-y:auto}.new-conv-contacts-list::-webkit-scrollbar{width:4px}.new-conv-contacts-list::-webkit-scrollbar-track{background:0 0}.new-conv-contacts-list::-webkit-scrollbar-thumb{background:#0000001f;border-radius:2px}.new-conv-group-header{background:var(--bg-primary);color:var(--text-muted);text-transform:uppercase;z-index:1;border-bottom:1px solid var(--border-color);padding:4px 12px;font-size:.75rem;font-weight:600;position:sticky;top:0}.new-conv-contact-row{cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:10px;padding:8px 12px;display:flex}.new-conv-contact-row:hover{background:#00000008}.new-conv-contact-row.selected{background:#4f46e50f}.new-conv-checkbox{cursor:pointer;width:16px;height:16px;accent-color:var(--accent-color);flex-shrink:0}.new-conv-contact-info{flex-direction:column;min-width:0;display:flex}.new-conv-contact-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;overflow:hidden}.new-conv-contact-username{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.new-conv-error-state{color:var(--text-secondary);flex-direction:column;align-items:center;gap:8px;padding:2rem 1rem;font-size:.85rem;display:flex}.new-conv-error-state button{border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;border-radius:6px;padding:.35rem 1rem;font-size:.82rem}.new-conv-error-state button:hover{background:var(--bg-primary)}.new-conv-empty-state{text-align:center;color:var(--text-muted);padding:2rem 1rem;font-size:.85rem}.new-conv-create-error{color:var(--danger-color);margin-top:4px;padding:4px 0;font-size:.82rem}.new-conv-dialog .btn-row{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.5rem;margin-top:.75rem;padding-top:.75rem;display:flex}.new-conv-dialog button{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);border-radius:6px;padding:.5rem 1rem;font-size:.875rem}.new-conv-dialog button.primary{background:var(--accent-color);color:#fff;border:none}.new-conv-dialog button.primary:hover:not(:disabled){background:var(--accent-hover)}.new-conv-dialog button.primary:disabled{opacity:.5;cursor:not-allowed}.sidebar-create-group-btn{border:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;height:28px;padding:0 8px;font-size:1.1rem;line-height:1;display:flex}.sidebar-create-group-btn:hover{background:var(--border-color);color:var(--text-primary)}.create-group-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;animation:.2s overlay-fade-in;display:flex;position:fixed;inset:0}.create-group-dialog{background:var(--bg-card);border-radius:12px;flex-direction:column;width:600px;max-width:90vw;max-height:80vh;animation:.2s modal-scale-in;display:flex;box-shadow:0 8px 32px #0000002e}.create-group-name-input{padding:16px 16px 0}.create-group-name-input input{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:8px 12px;font-size:.9rem}.create-group-name-input input:focus{border-color:var(--accent-color)}.create-group-body{flex:1;gap:12px;min-height:0;padding:12px 16px;display:flex}.create-group-left{border-right:1px solid var(--border-color);flex-direction:column;flex:1;min-width:0;padding-right:12px;display:flex}.create-group-right{flex-direction:column;flex-shrink:0;width:200px;min-height:0;display:flex}.create-group-search{margin-bottom:8px}.create-group-search input{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:6px 10px;font-size:.85rem}.create-group-search input:focus{border-color:var(--accent-color)}.create-group-user-list{flex:1;min-height:200px;max-height:360px;overflow-y:auto}.create-group-user-item{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 4px;display:flex}.create-group-user-item:hover{background:var(--bg-primary)}.create-group-user-item input[type=checkbox]{cursor:pointer;flex-shrink:0}.create-group-user-name{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.create-group-selected-header{color:var(--text-secondary);margin-bottom:8px;font-size:.8rem;font-weight:500}.create-group-selected{flex:1;min-height:200px;max-height:360px;overflow-y:auto}.create-group-selected-item{border-radius:6px;align-items:center;gap:8px;padding:4px;display:flex}.create-group-selected-item:hover{background:var(--bg-primary)}.create-group-remove-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;margin-left:auto;padding:0 4px;font-size:1rem;line-height:1}.create-group-remove-btn:hover{color:var(--danger-color);background:#ef444414}.create-group-loading,.create-group-empty{text-align:center;color:var(--text-muted);padding:2rem 1rem;font-size:.85rem}.create-group-error{color:var(--danger-color);padding:0 16px;font-size:.85rem}.create-group-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.create-group-cancel{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:6px 16px;font-size:.85rem}.create-group-cancel:hover{background:var(--bg-primary)}.create-group-confirm{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 16px;font-size:.85rem}.create-group-confirm:hover:not(:disabled){background:var(--accent-hover)}.create-group-confirm:disabled{opacity:.5;cursor:not-allowed}.last\:border-b-0:last-child{border-bottom-width:0}.last\:border-r-0:last-child{border-right-width:0}.hover\:border-blue-300:hover{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.hover\:border-blue-400:hover{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.hover\:bg-blue-400:hover{--tw-bg-opacity:1;background-color:rgb(96 165 250/var(--tw-bg-opacity,1))}.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-green-100:hover{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.hover\:bg-purple-700:hover{--tw-bg-opacity:1;background-color:rgb(126 34 206/var(--tw-bg-opacity,1))}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.hover\:text-blue-800:hover{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:text-red-500:hover{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.focus\:border-blue-400:focus{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(219 234 254/var(--tw-ring-opacity,1))}.focus\:ring-blue-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(147 197 253/var(--tw-ring-opacity,1))}.focus\:ring-blue-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(96 165 250/var(--tw-ring-opacity,1))}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}@media (width>=640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}