*,:before,:after{--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: rgb(59 130 246 / .5);--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: }::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: rgb(59 130 246 / .5);--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: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.sticky{position:sticky}.top-0{top:0}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-none{max-width:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-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))}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-all{word-break:break-all}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-t{border-top-width:1px}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 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-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-600{--tw-gradient-from: #2563eb var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-blue-500{--tw-gradient-to: #3b82f6 var(--tw-gradient-to-position)}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.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}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.text-blue-100{--tw-text-opacity: 1;color:rgb(219 234 254 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / 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-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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 rgb(0 0 0 / .05);--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)}.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,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.hover\:bg-blue-100:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / 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\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--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)}.focus\:border-transparent:focus{border-color:transparent}.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-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}@media (min-width: 768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.md\:text-right{text-align:right}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}.success-toast-overlay,.error-toast-overlay{position:fixed;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:20px;background:transparent;z-index:2000}.success-toast,.error-toast{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 10px 25px #00000026;border-radius:10px;padding:12px 16px;min-width:320px}.success-toast-icon{font-size:18px;color:#10b981}.error-toast-icon{font-size:18px;color:#ef4444}.success-toast-content h4,.error-toast-content h4{margin:0;font-size:14px;font-weight:700;color:#111827}.success-toast-content p,.error-toast-content p{margin:2px 0 0;font-size:13px;color:#4b5563}.success-toast-close,.error-toast-close{background:none;border:none;font-size:18px;color:#6b7280;cursor:pointer}.success-toast-close:hover,.error-toast-close:hover{color:#111827}.tag-modal{max-width:600px;max-height:70vh}.modal-small{max-width:500px}.tag-add .input-group{display:flex;gap:10px}.tag-add .input-group input[type=text],.tag-add .input-group input[type=search],.tag-add .input-group input:not([type]){flex:1;height:36px;padding:0 12px;border:1px solid #d1d5db;border-radius:6px;outline:none}.tag-add .input-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.tag-add .input-group .btn-primary{height:36px;padding:0 14px}.tag-manager-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:6px 10px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.tag-manager-btn:hover{background:#e5e7eb;border-color:#cbd5e1}body,#root{min-height:100vh;width:100vw;height:100vh;margin:0;padding:0;background:linear-gradient(120deg,#6366f1,#06b6d4) no-repeat;background-size:100% 340px;background-attachment:fixed;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.register-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:0;background-attachment:fixed;position:relative}.register-bg.login-bg{background:radial-gradient(ellipse 80% 50% at 50% 50%,#ffffff1f,#6366f12e 35%,#6366f147),linear-gradient(135deg,#6366f14d,#06b6d440)}.register-bg.register-page-bg{background:radial-gradient(ellipse 50% 80% at 50% 50%,#ffffff26,#6366f133 40%,#06b6d438),linear-gradient(180deg,#6366f140,#06b6d433)}.register-card{position:relative;z-index:1;background:#fffffff5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:44px 38px 36px;border-radius:26px;box-shadow:0 12px 48px #3c486414,0 4px 16px #0000000a;max-width:410px;width:100%;display:flex;flex-direction:column;align-items:stretch;border:1px solid rgba(255,255,255,.8)}.register-card h1,.register-card h2,.register-card .register-title{font-size:22px;font-weight:600;margin-bottom:6px;color:#1f2937;text-align:center;letter-spacing:.5px;line-height:1.3}.register-card .register-title.register-title-main{font-size:24px;margin-bottom:4px}.register-card .register-subtitle,.register-card .subtitle{font-size:13px;line-height:1.5;margin-bottom:18px;color:#6b7280;text-align:center;font-weight:400}.register-card .register-subtitle.register-subtitle-secondary{color:#6b7280;font-size:13px;margin-bottom:14px}.register-card .register-intro-text{font-size:13px;color:#6b7280;text-align:center;line-height:1.5;margin-bottom:16px;padding:0 10px}.register-field{margin-bottom:1rem;display:flex;flex-direction:column;align-items:stretch}.input-hint-text,.password-hint-text{font-size:12px;color:#9aa3af;margin-top:6px;padding-left:2px;line-height:1.4}.register-card input,.register-card .register-input{width:100%;height:44px;padding:0 14px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;outline:none;background:#f8fafc;transition:border .2s,box-shadow .2s;box-sizing:border-box}.register-card input::-moz-placeholder,.register-card .register-input::-moz-placeholder{font-size:13px;color:#9aa4b2}.register-card input::placeholder,.register-card .register-input::placeholder{font-size:13px;color:#9aa4b2}.register-card input:focus,.register-card .register-input:focus{border:1.5px solid #6366f1;background:#fff;box-shadow:0 0 0 3px #6366f61a}.register-card .register-btn,.register-card .primary-button,.register-card button[type=submit]{width:100%;height:46px;padding:0;background:linear-gradient(90deg,#6366f1,#06b6d4);color:#fff;font-size:15px;font-weight:700;border:none;border-radius:12px;cursor:pointer;margin-top:8px;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #6366f114;letter-spacing:.5px;display:flex;align-items:center;justify-content:center}.login-bg .register-card button[type=submit]{margin-top:12px}.register-card .register-btn:disabled,.register-card .primary-button:disabled,.register-card button[type=submit]:disabled{background:#a5b4fc;cursor:not-allowed}.register-msg-success{margin-top:1.5rem;color:#16a34a;font-weight:500;text-align:center;font-size:1.05rem}.register-msg-error{margin-top:1.5rem;color:#dc2626;font-weight:500;text-align:center;font-size:1.05rem}.login-hint{margin-top:.75rem;color:#9ca3af;font-size:.85rem;text-align:center;line-height:1.4}.register-card .register-security-hint{margin-top:14px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.register-card .security-hint-text{font-size:13px;font-weight:400;color:#6b7280;line-height:1.4;margin:0;padding:0}.register-card .security-hint-link{font-size:12px;color:#9ca3af;text-decoration:none;line-height:1.4;transition:color .2s,-webkit-text-decoration .2s;transition:color .2s,text-decoration .2s;transition:color .2s,text-decoration .2s,-webkit-text-decoration .2s}.register-card .security-hint-link:hover{color:#6366f1;text-decoration:underline}.register-footer-anchor{margin-top:20px;text-align:center;font-size:.7rem;color:#d1d5db;font-style:italic;letter-spacing:.5px}.security-link{color:#9ca3af;text-decoration:none;font-size:12px;display:inline-flex;align-items:center;gap:4px;transition:color .2s}.security-link:hover{color:#6b7280}.back-home-link{color:#9ca3af;text-decoration:none;font-size:12px;display:inline-flex;align-items:center;gap:4px;transition:color .2s}.back-home-link:hover{color:#6b7280}@media (max-width: 600px){.register-card{padding:1.2rem .5rem 1.5rem;max-width:98vw;border-radius:20px}.register-card h1,.register-card h2,.register-card .register-title{font-size:20px}.register-card .register-title.register-title-main{font-size:22px}.register-card input,.register-card .register-input{height:44px;font-size:14px}.register-card .register-btn,.register-card button[type=submit]{height:46px;font-size:15px}}.notifications-container{position:relative;display:inline-block}.notifications-toggle{position:relative;background:none;border:none;font-size:20px;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .3s ease}.notifications-toggle:hover{background-color:#0000001a}.notification-badge{position:absolute;top:0;right:0;background:#ef4444;color:#fff;border-radius:50%;width:18px;height:18px;font-size:12px;display:flex;align-items:center;justify-content:center;font-weight:700;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.notifications-panel{position:absolute;top:100%;right:0;width:400px;max-height:500px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;z-index:1000;overflow:hidden;animation:slideDown .3s ease}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.notifications-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.clear-all-btn{background:none;border:none;color:#6b7280;font-size:14px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .3s ease}.clear-all-btn:hover:not(:disabled){background:#e5e7eb;color:#374151}.clear-all-btn:disabled{opacity:.5;cursor:not-allowed}.notifications-list{max-height:400px;overflow-y:auto}.notification-item{display:flex;align-items:flex-start;padding:16px 20px;border-bottom:1px solid #f3f4f6;transition:background-color .3s ease;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.notification-item:hover{background:#f9fafb}.notification-item:last-child{border-bottom:none}.notification-icon{font-size:20px;margin-right:12px;flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;font-size:14px;color:#1f2937;margin-bottom:4px}.notification-message{font-size:13px;color:#6b7280;line-height:1.4;margin-bottom:4px}.notification-time{font-size:12px;color:#9ca3af}.notification-close{background:none;border:none;color:#9ca3af;font-size:18px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;flex-shrink:0}.notification-close:hover{background:#e5e7eb;color:#374151}.no-notifications{padding:40px 20px;text-align:center;color:#9ca3af}.no-notifications p{margin:0;font-size:14px}.notification-success{border-left:4px solid #10b981}.notification-error{border-left:4px solid #ef4444}.notification-toast{position:fixed;top:20px;right:20px;display:flex;align-items:center;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1001;max-width:400px;animation:slideInRight .3s ease}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-icon{font-size:20px;margin-right:12px;flex-shrink:0}.toast-content{flex:1;min-width:0}.toast-title{font-weight:600;font-size:14px;color:#fff;margin-bottom:4px}.toast-message{font-size:13px;color:#ffffffe6;line-height:1.4}.notification-toast.notification-success{background:#10b981}.notification-toast.notification-error{background:#ef4444}.notification-toast.notification-warning{background:#f59e0b}.notification-toast.notification-info{background:#3b82f6}@media (max-width: 768px){.notifications-panel{width:320px;right:-10px}.notification-toast{right:10px;left:10px;max-width:none}}@media (max-width: 480px){.notifications-panel{width:280px;right:-20px}.notification-item{padding:12px 16px}.notification-title{font-size:13px}.notification-message{font-size:12px}}.smart-notification{position:fixed;top:20px;right:20px;z-index:1000;min-width:320px;max-width:400px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;border:1px solid #e9ecef;animation:slideIn .3s ease-out;transition:all .3s ease}.smart-notification.closing{animation:slideOut .3s ease-in;opacity:0;transform:translate(100%)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.notification-content{display:flex;align-items:flex-start;padding:16px;gap:12px}.notification-icon{font-size:20px;flex-shrink:0;margin-top:2px}.notification-body{flex:1;min-width:0}.notification-title{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:4px;line-height:1.4}.notification-message{font-size:13px;color:#6b7280;line-height:1.4;margin-bottom:8px}.notification-action{margin-top:8px}.notification-close{background:none;border:none;font-size:18px;color:#9ca3af;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0}.notification-close:hover{background:#f3f4f6;color:#6b7280}.notification-info{border-left:4px solid #3b82f6}.notification-info .notification-icon{color:#3b82f6}.notification-warning{border-left:4px solid #f59e0b}.notification-warning .notification-icon{color:#f59e0b}.notification-upgrade{border-left:4px solid #10b981;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.notification-upgrade .notification-icon{color:#10b981}.notification-limit{border-left:4px solid #ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.notification-limit .notification-icon{color:#ef4444}.upgrade-actions,.limit-actions{display:flex;gap:8px;margin-top:8px}.upgrade-btn{background:#10b981;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.upgrade-btn:hover{background:#059669;transform:translateY(-1px)}.dismiss-btn,.got-it-btn{background:#f3f4f6;color:#374151;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.dismiss-btn:hover,.got-it-btn:hover{background:#e5e7eb;transform:translateY(-1px)}.notification-manager{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 40px);overflow-y:auto}.notification-manager .smart-notification{position:relative;top:auto;right:auto}@media (max-width: 768px){.smart-notification{top:10px;right:10px;left:10px;min-width:auto;max-width:none}.notification-manager{top:10px;right:10px;left:10px}.notification-manager .smart-notification{position:relative;top:auto;right:auto;left:auto}.upgrade-actions,.limit-actions{flex-direction:column}.upgrade-btn,.dismiss-btn,.got-it-btn{width:100%;text-align:center}}.notification-manager .smart-notification:nth-child(1){animation-delay:0ms}.notification-manager .smart-notification:nth-child(2){animation-delay:.1s}.notification-manager .smart-notification:nth-child(3){animation-delay:.2s}.notification-manager .smart-notification:nth-child(4){animation-delay:.3s}.notification-manager .smart-notification:nth-child(5){animation-delay:.4s}.notification-success{border-left:4px solid #10b981;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.notification-success .notification-icon{color:#10b981}.notification-error{border-left:4px solid #ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.notification-error .notification-icon{color:#ef4444}.new-user-dashboard{padding:32px 24px;max-width:1200px;margin:0 auto;width:100%;flex:1;display:flex;flex-direction:column}.hero-card{background:#fff;border-radius:16px;padding:40px 32px;margin-bottom:24px;box-shadow:0 4px 16px #00000014;border:1px solid rgba(0,0,0,.06);text-align:center}.hero-title{font-size:32px;font-weight:600;color:#1f2937;margin:0 0 16px}.hero-subtitle{font-size:16px;color:#4b5563;line-height:1.6;margin:0 0 12px}.hero-hint{font-size:13px;color:#6b7280;line-height:1.5;margin:0}.primary-action-card{background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:20px;padding:48px 40px;margin-bottom:32px;box-shadow:0 8px 32px #6366f140;text-align:center;color:#fff}.primary-action-title{font-size:28px;font-weight:600;margin:0 0 16px;color:#fff}.primary-action-description{font-size:16px;line-height:1.6;margin:0 0 32px;color:#fffffff2;opacity:.95}.primary-action-button{background:#fff;color:#6366f1;border:none;border-radius:12px;padding:16px 40px;font-size:17px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026;min-width:220px}.primary-action-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003;background:#f9fafb}.primary-action-button:active{transform:translateY(0)}.primary-action-hint{font-size:13px;color:#ffffffd9;margin:24px 0 0;line-height:1.5}.capability-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.capability-card{background:#fff;border-radius:16px;padding:32px 24px;box-shadow:0 4px 16px #00000014;border:1px solid rgba(0,0,0,.06);text-align:center;transition:transform .2s ease,box-shadow .2s ease}.capability-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.capability-icon{font-size:48px;margin-bottom:16px;display:block}.capability-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 12px}.capability-description{font-size:14px;color:#6b7280;line-height:1.6;margin:0}.trust-security{background:#fff;border-radius:16px;padding:32px 40px;box-shadow:0 4px 16px #00000014;border:1px solid rgba(0,0,0,.06);text-align:center}.trust-title{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 24px}.trust-list{list-style:none;padding:0;text-align:left;max-width:500px;margin:0 auto 24px}.trust-list li{font-size:15px;color:#4b5563;line-height:1.8;padding:8px 0 8px 24px;position:relative}.trust-list li:before{content:"•";position:absolute;left:0;color:#6366f1;font-weight:700;font-size:20px}.trust-link{font-size:14px;color:#6366f1;text-decoration:none;transition:color .2s ease;display:inline-block}.trust-link:hover{color:#4f46e5;text-decoration:underline}.stage-complete-banner{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;padding:16px 24px;margin-bottom:24px;box-shadow:0 4px 16px #10b98133}.stage-complete-content{display:flex;align-items:center;gap:12px;color:#fff}.stage-complete-icon{font-size:20px}.stage-complete-text{font-size:15px;font-weight:500}.action-buttons-group{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:8px}.secondary-action-button{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:16px 32px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:180px}.secondary-action-button:hover{background:#ffffff4d;border-color:#ffffff80}.secondary-action-button:active{transform:translateY(1px)}@media (max-width: 768px){.new-user-dashboard{padding:24px 16px}.hero-card{padding:32px 24px}.hero-title{font-size:26px}.primary-action-card{padding:36px 24px}.primary-action-title{font-size:24px}.capability-preview{grid-template-columns:1fr}.trust-security{padding:24px 20px}}.dashboard{display:flex;height:100vh;background-color:#f8fafc}.sidebar{width:280px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;box-shadow:2px 0 10px #0000001a}.sidebar-header{padding:24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;position:relative}.sidebar-header h1{margin:0;font-size:20px;font-weight:700;transition:opacity .3s ease}.sidebar-toggle{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .3s ease}.sidebar-toggle:hover{background:#ffffff4d;transform:scale(1.05)}.sidebar.collapsed{width:64px}.sidebar.collapsed .sidebar-header{padding:24px 16px;justify-content:center}.sidebar.collapsed .nav-item{padding:12px 16px;justify-content:center}.sidebar.collapsed .nav-item span{display:none}.sidebar.collapsed .nav-item:before{font-size:18px}.sidebar.collapsed .sidebar-footer{padding:16px;text-align:center}.sidebar.collapsed .sidebar-footer span{display:none}.sidebar-nav{flex:1;padding:16px 0}.nav-item{width:100%;padding:12px 24px;background:none;border:none;color:#fffc;text-align:left;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:16px}.nav-item:before{content:attr(data-icon);font-size:18px;width:24px;text-align:center;flex-shrink:0}.nav-item:hover{background-color:#ffffff1a;color:#fff}.nav-item.active{background-color:#fff3;color:#fff;border-right:3px solid #fff}.sidebar-footer{padding:16px 24px;border-top:1px solid rgba(255,255,255,.1)}.logout-btn{width:100%;padding:10px;background:#ef4444cc;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.logout-btn:hover{background:#ef4444}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.dashboard-onboarding .main-content{overflow-y:auto;scrollbar-width:none}.dashboard-onboarding .main-content::-webkit-scrollbar{display:none}.onboarding-toast{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;padding:16px 24px;margin-bottom:20px;box-shadow:0 4px 16px #10b98133;animation:slideDown .3s ease-out}.onboarding-toast-content{display:flex;align-items:center;gap:12px;color:#fff}.onboarding-toast-icon{font-size:20px}.onboarding-toast-text{flex:1;font-size:15px;font-weight:500}.onboarding-toast-close{background:#fff3;border:none;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease}.onboarding-toast-close:hover{background:#ffffff4d}.content-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;background:#fff;border-bottom:1px solid #e5e7eb}.header-left h2{margin:0;font-size:24px;font-weight:700;color:#1f2937}.header-right{display:flex;align-items:center;gap:16px}.content-body{flex:1;padding:24px;overflow-y:auto}.overview-section{width:95%;max-width:1600px;margin:0 auto;padding:0}.overview-header{display:flex;flex-direction:column;align-items:center;margin-bottom:32px;padding:0;text-align:center}.overview-header h1{margin:0;font-size:36px;font-weight:800;color:#1f2937;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;width:100%}.overview-subtitle{margin:16px 0 32px;font-size:20px;color:#4b5563;text-align:center;width:100%;font-weight:500}.value-proposition{margin-bottom:40px}.value-proposition h2{color:#1f2937;margin-bottom:24px;font-size:24px;font-weight:600;text-align:center}.value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.value-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(0,0,0,.06);text-align:center;transition:all .2s ease}.value-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000002e}.value-icon{font-size:48px;margin-bottom:16px}.value-card h3{margin:0 0 12px;color:#1f2937;font-size:18px;font-weight:600}.value-card p{margin:0;color:#6b7280;font-size:14px;line-height:1.5}.core-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:40px}.feature-card{background:#fff;border-radius:20px;padding:28px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #e5e7eb;transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#667eea,#764ba2)}.feature-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px #00000040}.feature-card.primary:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.feature-card.success:before{background:linear-gradient(90deg,#10b981,#059669)}.feature-card.info:before{background:linear-gradient(90deg,#06b6d4,#0891b2)}.feature-card.warning:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.feature-card.purple:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.feature-card.dark:before{background:linear-gradient(90deg,#6b7280,#4b5563)}.feature-icon{font-size:48px;margin-bottom:20px;display:block}.feature-content h3{margin:0 0 16px;font-size:24px;font-weight:700;color:#1f2937}.feature-description{margin:0 0 16px;font-size:16px;line-height:1.6;color:#4b5563}.feature-value{margin:0 0 20px;padding:16px;background:#f8fafc;border-radius:12px;border-left:4px solid #667eea}.feature-value strong{color:#1f2937}.feature-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.feature-tag{padding:6px 12px;background:#e0e7ff;color:#3730a3;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.feature-actions{display:flex;gap:12px;flex-wrap:wrap}.feature-action-btn{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.feature-action-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px #667eea66}.feature-action-btn.secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.feature-action-btn.secondary:hover{background:#e5e7eb;color:#1f2937}.quick-start-section{background:#fff;border-radius:20px;padding:32px;margin-bottom:40px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #e5e7eb}.quick-start-section h2{margin:0 0 24px;font-size:28px;font-weight:700;color:#1f2937;text-align:center}.quick-start-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.step-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#f8fafc;border-radius:16px;border:1px solid #e5e7eb;transition:all .3s ease}.step-item:hover{background:#f1f5f9;transform:translateY(-2px)}.step-number{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}.step-content h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#1f2937}.step-content p{margin:0 0 16px;font-size:14px;line-height:1.5;color:#6b7280}.step-action-btn{padding:8px 16px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px}.step-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d;background:linear-gradient(135deg,#1d4ed8,#1e40af)}.step-action-btn.secondary{background:linear-gradient(135deg,#6b7280,#4b5563)}.step-action-btn.secondary:hover{background:linear-gradient(135deg,#4b5563,#374151);box-shadow:0 4px 12px #6b72804d}.step-actions{display:flex;gap:8px;flex-wrap:wrap}.system-status-section{background:#fff;border-radius:20px;padding:32px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #e5e7eb}.system-status-section h2{margin:0 0 24px;font-size:28px;font-weight:700;color:#1f2937;text-align:center}.status-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.status-card{display:flex;align-items:center;gap:16px;padding:20px;background:#f8fafc;border-radius:16px;border:1px solid #e5e7eb;transition:all .3s ease}.status-card:hover{background:#f1f5f9;transform:translateY(-2px)}.status-icon{font-size:32px;flex-shrink:0}.status-info h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.status-number{font-size:24px;font-weight:700;color:#1f2937}@media (max-width: 768px){.overview-header h1{font-size:28px}.overview-subtitle{font-size:16px}.core-features-grid{grid-template-columns:1fr;gap:20px}.feature-card{padding:20px}.feature-content h3{font-size:20px}.feature-icon{font-size:36px}.quick-start-steps{grid-template-columns:1fr;gap:16px}.status-cards{grid-template-columns:repeat(2,1fr);gap:16px}.feature-actions{flex-direction:column}.feature-action-btn{width:100%;justify-content:center}}@media (max-width: 480px){.overview-header h1{font-size:24px}.overview-subtitle{font-size:14px}.feature-card{padding:16px}.status-cards{grid-template-columns:1fr}}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px}.real-time-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e5e7eb;transition:all .3s ease;position:relative;overflow:hidden}.real-time-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.real-time-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-header h4{margin:0;font-size:16px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.change-indicator{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:600;padding:4px 8px;border-radius:6px}.change-indicator.positive{color:#059669;background:#d1fae5}.change-indicator.negative{color:#dc2626;background:#fee2e2}.change-indicator.neutral{color:#6b7280;background:#f3f4f6}.card-value{font-size:32px;font-weight:700;color:#1f2937;line-height:1}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:32px;margin-bottom:40px}.chart-container{background:#fff;padding:28px;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e5e7eb;transition:all .3s ease;position:relative;overflow:hidden}.chart-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#10b981,#059669)}.chart-container:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.chart-container h3{margin:0 0 24px;font-size:18px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:8px}.chart-container h3:before{content:"";width:4px;height:20px;background:linear-gradient(180deg,#10b981,#059669);border-radius:2px}.recent-activities{background:#fff;padding:32px;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e5e7eb;position:relative;overflow:hidden}.recent-activities:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f59e0b,#d97706)}.recent-activities h3{margin:0 0 24px;font-size:20px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:8px}.recent-activities h3:before{content:"";width:4px;height:20px;background:linear-gradient(180deg,#f59e0b,#d97706);border-radius:2px}.activities-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto}.activities-list::-webkit-scrollbar{width:6px}.activities-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.activities-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.activities-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.activity-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border-radius:12px;border-left:4px solid #e5e7eb;transition:all .2s ease}.activity-item:hover{background:#f1f5f9;border-left-color:#10b981;transform:translate(4px)}.activity-time{font-size:12px;color:#6b7280;font-weight:500;min-width:80px;text-align:center;padding:4px 8px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.activity-text{flex:1;font-size:14px;color:#374151;line-height:1.5}.groups-section{max-width:1200px;margin:0 auto}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{margin:0;font-size:24px;font-weight:700;color:#1f2937}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.group-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease}.group-card:hover{transform:translateY(-2px)}.group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.group-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.group-stats{display:flex;gap:16px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-item .stat-label{font-size:12px;color:#6b7280;font-weight:500}.stat-item .stat-value{font-size:16px;color:#1f2937;font-weight:600}.groups-table-wrapper{margin-top:18px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000a;overflow-x:auto}.groups-table{width:100%;border-collapse:collapse;font-size:15px}.groups-table th,.groups-table td{padding:12px 16px;border-bottom:1px solid #e5e7eb;text-align:left}.groups-table th{background:#f3f4f6;font-weight:600;color:#1e293b}.groups-table tr:hover{background:#f1f5f9}.groups-table td{color:#374151}.btn-primary{background:#2563eb!important;color:#fff!important;border:none!important;border-radius:4px!important;padding:8px 20px!important;font-weight:500!important;cursor:pointer!important;transition:background .2s!important}.btn-primary:disabled{background:#a5b4fc!important;color:#fff!important;cursor:not-allowed!important;opacity:1!important}.btn-secondary{background:#f3f4f6;color:#2563eb;border:none;border-radius:4px;padding:7px 16px;font-weight:500;cursor:pointer;margin-right:4px;transition:background .2s}.btn-secondary:hover:enabled{background:#e0e7ff}.btn-danger{background:#ef4444;color:#fff;border:none;border-radius:4px;padding:7px 16px;font-weight:500;cursor:pointer;transition:background .2s}.btn-danger:hover:enabled{background:#dc2626}.form-group input,.form-group textarea{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:15px;margin-top:4px;margin-bottom:8px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:#2563eb;outline:none}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:12px}.messages-section{max-width:1200px;margin:0 auto}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.template-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease}.template-card:hover{transform:translateY(-2px)}.template-card h3{margin:0 0 12px;font-size:16px;font-weight:600;color:#1f2937}.template-card p{margin:0;font-size:14px;color:#6b7280;line-height:1.5}.automation-section{max-width:1200px;margin:0 auto}.tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px}.task-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease}.task-card:hover{transform:translateY(-2px)}.task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.task-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.task-actions{display:flex;gap:8px}.task-description{margin:0 0 12px;font-size:14px;color:#6b7280;line-height:1.5}.task-schedule{display:flex;align-items:center;gap:8px;margin-bottom:8px}.schedule-label{font-size:12px;color:#6b7280;font-weight:500}.schedule-value{font-size:14px;color:#1f2937;font-weight:500}.task-status{display:flex;align-items:center;gap:8px}.status-label{font-size:12px;color:#6b7280;font-weight:500}.status-value{font-size:12px;font-weight:600;padding:2px 6px;border-radius:4px}.status-value.running{background:#d1fae5;color:#065f46}.status-value.stopped{background:#fee2e2;color:#991b1b}.analytics-section{max-width:1200px;margin:0 auto}.analytics-section h2{margin:0 0 24px;font-size:24px;font-weight:700;color:#1f2937}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.analytics-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease}.analytics-card:hover{transform:translateY(-2px)}.analytics-card h3{margin:0 0 12px;font-size:18px;font-weight:600;color:#1f2937}.analytics-card p{margin:0;font-size:14px;color:#6b7280;line-height:1.5}.btn-primary:hover{background:#5855eb}.btn-danger:hover{background:#dc2626}.btn-toggle{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .3s ease}.btn-toggle.active{background:#10b981;color:#fff}.btn-toggle.inactive{background:#6b7280;color:#fff}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.modal{background:#fff;padding:24px;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.modal h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#1f2937}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:600;color:#374151}.form-input,.form-textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .3s ease;box-sizing:border-box}.form-input:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;min-height:80px}@media (max-width: 1200px){.charts-grid{grid-template-columns:1fr}}@media (max-width: 768px){.overview-section{padding:0 16px}.overview-header{flex-direction:column;gap:16px;align-items:stretch;text-align:center}.overview-header h2{font-size:24px}.stats-overview{grid-template-columns:1fr;gap:16px}.charts-grid{gap:24px}.chart-container{padding:20px}.recent-activities{padding:24px}.activity-item{flex-direction:column;align-items:flex-start;gap:8px}.activity-time{min-width:auto;align-self:flex-start}}@media (max-width: 480px){.overview-section{padding:0 12px}.real-time-card,.chart-container,.recent-activities{padding:16px}.card-value{font-size:28px}.chart-container h3,.recent-activities h3{font-size:16px}}body .btn-primary{background:#2563eb!important;color:#fff!important;border:none!important;border-radius:4px!important;padding:8px 20px!important;font-weight:500!important;cursor:pointer!important;transition:background .2s!important}body .btn-primary:disabled{background:#a5b4fc!important;color:#fff!important;cursor:not-allowed!important;opacity:1!important}.groups-analysis-section{max-width:1400px;margin:0 auto;padding:24px}.groups-overview{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.groups-overview .overview-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:32px;text-align:center}.groups-overview .overview-header h1{margin:0 0 16px;font-size:32px;font-weight:800}.groups-overview .overview-subtitle{margin:0;font-size:18px;opacity:.9;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;padding:32px;background:#f8fafc}.stat-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 4px #0000000d;transition:all .3s ease;border-left:4px solid}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.stat-card.primary{border-left-color:#3b82f6}.stat-card.success{border-left-color:#10b981}.stat-card.info{border-left-color:#06b6d4}.stat-card.warning{border-left-color:#f59e0b}.stat-card .stat-icon{font-size:32px;margin-bottom:16px}.stat-card .stat-content h3{margin:0 0 8px;font-size:16px;font-weight:600;color:#6b7280}.stat-card .stat-number{font-size:32px;font-weight:800;color:#1f2937;margin-bottom:8px}.stat-card .stat-description{margin:0;font-size:14px;color:#9ca3af}.groups-categories{padding:32px;background:#fff}.groups-categories h2{margin:0 0 24px;font-size:24px;font-weight:700;color:#1f2937}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.category-card{background:#f8fafc;border-radius:12px;padding:24px;border:1px solid #e5e7eb;transition:all .3s ease}.category-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a;border-color:#d1d5db}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.category-header h3{margin:0;font-size:18px;font-weight:700;color:#1f2937}.category-count{background:#667eea;color:#fff;padding:4px 12px;border-radius:20px;font-size:14px;font-weight:600}.category-card p{margin:0 0 16px;color:#6b7280;line-height:1.6}.category-tags{display:flex;flex-wrap:wrap;gap:8px}.category-tags .tag{background:#e5e7eb;color:#374151;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.quick-actions{padding:32px;background:#f8fafc;border-top:1px solid #e5e7eb}.quick-actions h2{margin:0 0 24px;font-size:24px;font-weight:700;color:#1f2937}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.action-btn{padding:16px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000026}.action-btn.primary{background:#3b82f6;color:#fff}.action-btn.success{background:#10b981;color:#fff}.action-btn.info{background:#06b6d4;color:#fff}.action-btn.warning{background:#f59e0b;color:#fff}.detailed-management{padding:32px;background:#fff;border-top:1px solid #e5e7eb;text-align:center}.detailed-management h2{margin:0 0 16px;font-size:24px;font-weight:700;color:#1f2937}.section-description{color:#6b7280;line-height:1.6;max-width:600px;margin:0 auto 24px}.manage-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.manage-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #667eea4d}@media (max-width: 768px){.groups-analysis-section{padding:16px}.stats-grid{grid-template-columns:1fr;gap:16px;padding:24px}.category-grid{grid-template-columns:1fr;gap:16px}.action-buttons{grid-template-columns:1fr}.groups-overview .overview-header{padding:24px}.groups-overview .overview-header h1{font-size:24px}.groups-overview .overview-subtitle{font-size:16px}}.subscription-manager{padding:32px 24px;width:95%;max-width:1600px;margin:0 auto;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh}.subscription-header{text-align:center;margin-bottom:16px}.subscription-header h1{font-size:1.75rem;font-weight:600;color:#1e293b;margin:0}.usage-section{margin-bottom:24px}.usage-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.usage-section h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.current-plan-info{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.current-plan-info .plan-name{font-size:1rem;font-weight:600;color:#667eea;background:#f0f4ff;padding:4px 12px;border-radius:12px}.current-plan-info .plan-expiry{font-size:.875rem;color:#64748b}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.usage-card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000000d;border:1px solid #e2e8f0}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.usage-label{font-weight:600;color:#374151}.usage-count{font-weight:700;color:#1e293b}.usage-bar{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.usage-progress{height:100%;border-radius:4px;transition:width .3s ease}.plans-section{margin-bottom:24px}.plans-section h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:16px;text-align:center}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.plan-card{background:#fff;border-radius:12px;padding:20px 16px;box-shadow:0 2px 4px #0000000d;border:2px solid #e2e8f0;position:relative;transition:all .3s ease;display:flex;flex-direction:column}.plan-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.plan-card.popular{border-color:#667eea;box-shadow:0 8px 16px #667eea33}.plan-card.current{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#ecfdf5)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#667eea;color:#fff;padding:8px 24px;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.current-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#10b981;color:#fff;padding:8px 24px;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.plan-header{text-align:center;margin-bottom:16px}.plan-header h4{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:12px}.plan-price{margin-bottom:8px}.price{font-size:2.5rem;font-weight:800;color:#1e293b}.period{font-size:1rem;color:#64748b}.plan-description{color:#64748b;font-size:1rem;margin:0}.plan-features{flex:1;margin-bottom:16px}.plan-features ul{list-style:none;padding:0;margin:0}.plan-features li{padding:4px 0;font-size:.875rem;line-height:1.4;display:flex;align-items:center;gap:8px}.feature-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.feature-supported{color:#374151}.feature-supported .feature-dot{background-color:#10b981}.feature-not-supported{color:#9ca3af}.feature-not-supported .feature-dot{background-color:#d1d5db}.plan-actions{text-align:center;margin-top:auto}.btn-primary{background:#667eea;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{background:#5a67d8;transform:translateY(-2px)}.btn-secondary{background:#fff;color:#667eea;border:2px solid #667eea;padding:10px 22px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#667eea;color:#fff}.btn-upgrade{background:#10b981;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.btn-upgrade:hover{background:#059669;transform:translateY(-2px)}.btn-popular{background:#667eea}.btn-popular:hover{background:#5a67d8}.btn-current{background:#e2e8f0;color:#64748b;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:not-allowed;width:100%}.btn-link{background:none;color:#667eea;border:none;padding:4px 8px;font-weight:600;cursor:pointer;text-decoration:underline}.btn-link:hover{color:#5a67d8}.billing-section{margin-bottom:24px}.billing-section h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:16px}.billing-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0}.table-header{display:grid;grid-template-columns:1.5fr 1fr 1fr .8fr .8fr .8fr 1fr;gap:12px;padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-weight:600;color:#374151;font-size:.875rem}.table-row{display:grid;grid-template-columns:1.5fr 1fr 1fr .8fr .8fr .8fr 1fr;gap:12px;padding:12px 16px;border-bottom:1px solid #f1f5f9;align-items:center;font-size:.875rem}.table-row:last-child{border-bottom:none}.status-active{background:#dcfce7;color:#166534;padding:4px 12px;border-radius:20px;font-size:.875rem;font-weight:600}.status-pending{background:#fef3c7;color:#92400e;padding:4px 12px;border-radius:20px;font-size:.875rem;font-weight:600}.status-paid{background:#dcfce7;color:#166534;padding:4px 12px;border-radius:20px;font-size:.875rem;font-weight:600}.status-failed{background:#fee2e2;color:#991b1b;padding:4px 12px;border-radius:20px;font-size:.875rem;font-weight:600}.status-cancelled{background:#f3f4f6;color:#374151;padding:4px 12px;border-radius:20px;font-size:.875rem;font-weight:600}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.payment-modal{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1e293b}.modal-close{background:none;border:none;font-size:28px;color:#64748b;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close:hover{background:#f1f5f9;color:#1e293b}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e2e8f0}.payment-plan-info{text-align:center;padding:16px;background:#f8fafc;border-radius:8px;margin-bottom:24px}.payment-plan-info h4{margin:0 0 8px;font-size:1.125rem;font-weight:600;color:#1e293b}.payment-amount{font-size:1.5rem;font-weight:700;color:#667eea;margin:0}.payment-methods{margin-bottom:16px}.payment-methods label{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:.875rem}.payment-methods select{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;background:#fff;color:#1e293b;cursor:pointer;transition:all .2s}.payment-methods select:hover{border-color:#667eea}.payment-methods select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.payment-methods-list{display:flex;flex-direction:column;gap:12px}.payment-method-item{display:flex;align-items:center;padding:16px;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s;background:#fff}.payment-method-item:hover{border-color:#667eea;background:#f8fafc}.payment-method-item.selected{border-color:#667eea;background:#f0f4ff;box-shadow:0 0 0 3px #667eea1a}.payment-method-icon{width:40px;height:40px;margin-right:12px;-o-object-fit:contain;object-fit:contain}.payment-method-name{font-weight:600;color:#1e293b;font-size:1rem;margin-bottom:4px}.payment-method-description{font-size:.875rem;color:#64748b}.payment-method-radio{margin-left:12px}.payment-method-radio input[type=radio]{width:20px;height:20px;cursor:pointer;accent-color:#667eea}.btn-primary:disabled{background:#cbd5e1;cursor:not-allowed;transform:none}.btn-primary:disabled:hover{background:#cbd5e1;transform:none}@media (max-width: 768px){.subscription-manager{padding:16px}.current-plan-card{flex-direction:column;gap:24px;text-align:center}.plan-actions{width:100%;justify-content:center}.usage-grid,.plans-grid{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr;gap:8px}.table-header>div,.table-row>div{padding:8px 0}.col-date:before{content:"Date: ";font-weight:600}.col-plan:before{content:"Plan: ";font-weight:600}.col-amount:before{content:"Amount: ";font-weight:600}.col-status:before{content:"Status: ";font-weight:600}.col-action:before{content:"Action: ";font-weight:600}}@media (max-width: 480px){.subscription-header h1{font-size:2rem}.plan-price .price{font-size:2.5rem}.current-plan-card{padding:24px 16px}}.usage-details{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:12px}.usage-percentage{font-weight:600;color:#374151}.usage-remaining{color:#6b7280}.tg-account-manager{padding:32px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh;width:95%;max-width:1600px;margin:0 auto}.tg-account-manager .onboarding-banner{background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:12px;padding:20px 24px;margin-bottom:24px;box-shadow:0 4px 16px #6366f133}.tg-account-manager .onboarding-banner-content{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.tg-account-manager .onboarding-banner-text{flex:1;min-width:0}.tg-account-manager .onboarding-banner-title{color:#fff;font-size:18px;font-weight:600;margin:0 0 8px}.tg-account-manager .onboarding-banner-description{color:#ffffffe6;font-size:14px;line-height:1.5;margin:0}.tg-account-manager .onboarding-banner-link{color:#fff;font-size:14px;text-decoration:underline;white-space:nowrap;opacity:.9;transition:opacity .2s ease}.tg-account-manager .onboarding-banner-link:hover{opacity:1}@media (max-width: 768px){.tg-account-manager .onboarding-banner-content{flex-direction:column;align-items:flex-start}.tg-account-manager .onboarding-banner-link{align-self:flex-start}}.tg-account-manager .empty-state-guide{display:flex;justify-content:center;align-items:center;min-height:400px;padding:40px 20px}.tg-account-manager .guide-card{background:#fff;border-radius:16px;padding:48px 40px;text-align:center;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(0,0,0,.06);max-width:500px;width:100%}.tg-account-manager .guide-icon{font-size:64px;margin-bottom:24px;display:block}.tg-account-manager .guide-title{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 16px}.tg-account-manager .guide-description{font-size:15px;color:#6b7280;line-height:1.6;margin:0 0 32px}.tg-account-manager .guide-action-btn{height:44px;padding:0 24px;font-size:15px;font-weight:500;border-radius:10px;min-width:180px}.tg-account-manager h2{font-size:26px;font-weight:700;color:#1f2937;margin-bottom:24px}.tg-account-manager .page-header-compact{margin-bottom:20px}.tg-account-manager .header-top{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 4px 16px #00000014;border:1px solid rgba(0,0,0,.06)}.tg-account-manager .header-left{display:flex;gap:16px;align-items:center}.tg-account-manager .header-left h2{margin:0 0 8px;color:#1f2937;font-size:26px;font-weight:700}.tg-account-manager .quick-stats{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.tg-account-manager .stat-item{display:flex;align-items:center;gap:4px;color:#6b7280;font-size:14px;font-weight:500}.tg-account-manager .stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d}.tg-account-manager .header-actions{display:flex;gap:16px;align-items:center!important;margin-left:auto;height:36px}.tg-account-manager .header-buttons{display:flex;gap:8px;align-items:center;height:36px}.tg-account-manager .filters-section-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;background:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.04)}.tg-account-manager .status-filter{display:flex;gap:6px;align-items:center;flex:0 0 120px;min-width:120px}.tg-account-manager .status-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:all .2s ease}.tg-account-manager .status-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.tg-account-manager .bulk-actions{display:flex;gap:8px;flex-wrap:wrap;flex:0 0 auto;min-width:120px}.tg-account-manager .search-group{display:flex;gap:4px;align-items:center!important;height:36px}.tg-account-manager .search-input-compact{width:200px;padding:0 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff;transition:all .2s ease;height:36px;box-sizing:border-box;line-height:36px;margin:0;vertical-align:middle}.tg-account-manager .search-input-compact:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.tg-account-manager .btn-search{background:#6b7280;color:#fff;border:1px solid #6b7280;border-radius:6px;padding:0 10px;cursor:pointer;transition:all .2s ease;font-size:14px;height:36px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;margin:0;vertical-align:middle}.tg-account-manager .btn-search:hover{background:#4b5563;border-color:#4b5563}.tg-account-manager .btn-outline{background:transparent;color:#3b82f6;border:1px solid #3b82f6;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.tg-account-manager .btn-outline:hover{background:#3b82f6;color:#fff}.tg-account-manager .btn-info{background:#06b6d4;color:#fff;border:1px solid #06b6d4;padding:12px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #06b6d44d}.tg-account-manager .btn-info:hover{background:#0891b2;border-color:#0891b2;transform:translateY(-2px);box-shadow:0 6px 16px #06b6d466}.tg-account-manager .pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:16px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.04)}.tg-account-manager .pagination-info{color:#6b7280;font-size:14px}.tg-account-manager .pagination-controls{display:flex;gap:16px;align-items:center}.tg-account-manager .page-size-selector{display:flex;align-items:center;gap:8px}.tg-account-manager .page-size-selector label{font-size:14px;color:#6b7280}.tg-account-manager .page-size-select{padding:6px 8px;border:1px solid #e2e8f0;border-radius:4px;font-size:14px;background:#fff}.tg-account-manager .pagination{display:flex;gap:8px;align-items:center}.tg-account-manager .pagination-btn{padding:6px 12px;border:1px solid #e2e8f0;background:#fff;color:#6b7280;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px}.tg-account-manager .pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#3b82f6;color:#3b82f6}.tg-account-manager .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.tg-account-manager .pagination-pages{display:flex;gap:4px}.tg-account-manager .pagination-page{padding:6px 10px;border:1px solid #e2e8f0;background:#fff;color:#6b7280;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px;min-width:36px;text-align:center}.tg-account-manager .pagination-page:hover{background:#f8fafc;border-color:#3b82f6;color:#3b82f6}.tg-account-manager .pagination-page.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.tg-account-manager .btn-sm{padding:6px 12px;font-size:14px}.tg-account-manager .tag-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:all .2s ease}.tg-account-manager .tag-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.tg-account-manager .tag-manager-btn{min-width:120px;white-space:nowrap!important;flex-shrink:0;height:36px!important;padding:8px 12px!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.tg-account-manager .header-buttons .btn-primary{height:36px!important;padding:8px 16px!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important;border-radius:6px!important;margin:0!important;vertical-align:middle!important}.tg-account-manager .account-tags{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.tg-account-manager .tag{display:inline-block;background:#e0f2fe;color:#0277bd;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;white-space:nowrap}.tg-account-manager .modal.tag-modal{min-width:0!important;max-width:600px!important;width:min(600px,90vw)!important}.tg-account-manager .modal.tag-modal .modal-header,.tg-account-manager .modal.tag-modal .modal-actions{padding:20px 24px}.tg-account-manager .modal.tag-modal .add-tag-section,.tg-account-manager .modal.tag-modal .existing-tags-section{padding:0 24px}.tg-account-manager .modal.tag-modal .input-group .btn-primary{margin-top:0!important}.tg-account-manager .add-tag-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.tg-account-manager .add-tag-section h4{margin:0 0 12px;color:#374151;font-size:16px;font-weight:600}.tg-account-manager .existing-tags-section h4{margin:0 0 16px;color:#374151;font-size:16px;font-weight:600}.tg-account-manager .tags-list{display:flex;flex-direction:column;gap:8px}.tg-account-manager .tag-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;transition:all .2s ease}.tg-account-manager .tag-item:hover{background:#f1f5f9;border-color:#cbd5e1}.tg-account-manager .tag-name{font-weight:500;color:#374151;font-size:14px}.tg-account-manager .tag-actions{display:flex;gap:6px}.tg-account-manager .add-account-bar{display:flex;justify-content:flex-end;align-items:center;margin-bottom:18px}.tg-account-manager .add-account-btn{background:#2563eb;color:#fff;font-size:16px;font-weight:600;padding:10px 28px;border:none;border-radius:8px;box-shadow:0 2px 8px #2563eb1a;cursor:pointer;transition:background .18s,box-shadow .18s,transform .12s;outline:none}.tg-account-manager .add-account-btn:hover,.tg-account-manager .add-account-btn:focus{background:#1d4ed8;box-shadow:0 4px 16px #2563eb2e;transform:translateY(-2px) scale(1.03)}.tg-account-manager .account-table{width:100%;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f;border-collapse:separate;border-spacing:0;overflow:hidden;margin-top:24px;border:1px solid rgba(0,0,0,.06)}.tg-account-manager .account-table th{padding:20px 16px;text-align:left;font-size:15px;font-weight:600;color:#374151}.tg-account-manager .account-table td{padding:18px 16px;text-align:left;font-size:15px;transition:background-color .2s ease}.tg-account-manager .account-table th:nth-child(3),.tg-account-manager .account-table th:nth-child(4),.tg-account-manager .account-table th:nth-child(5),.tg-account-manager .account-table th:nth-child(6){text-align:center}.tg-account-manager .account-table td:nth-child(3),.tg-account-manager .account-table td:nth-child(4),.tg-account-manager .account-table td:nth-child(5),.tg-account-manager .account-table td:nth-child(6){text-align:center}.tg-account-manager .account-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#374151;font-weight:600;border-bottom:2px solid #e2e8f0}.tg-account-manager .account-table tr{transition:background .2s}.tg-account-manager .account-table tbody tr:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.tg-account-manager .account-table tr.expired{background:#fef2f2}.tg-account-manager .account-table td{border-bottom:1px solid #f3f4f6}.tg-account-manager .account-table tr:last-child td{border-bottom:none}.tg-account-manager .stat-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:28px;padding:0 10px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-radius:14px;font-size:13px;font-weight:600;box-shadow:0 4px 12px #3b82f64d;transition:all .2s ease}.tg-account-manager .stat-badge:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.tg-account-manager .account-table button{padding:8px 18px;border-radius:10px;border:none;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3b82f633;margin:0 2px}.tg-account-manager .account-table button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d;background:linear-gradient(135deg,#1d4ed8,#1e40af)}.tg-account-manager .account-table button:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.tg-account-manager .account-table button:hover:not(:disabled){background:#2563eb}.tg-account-manager .add-modal,.add-modal.tg-account-modal{position:fixed;inset:0;background:#1f29372e;display:flex;align-items:center;justify-content:center;z-index:1000}.tg-account-manager .add-modal-content,.add-modal.tg-account-modal .add-modal-content{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000002e;padding:32px 32px 24px;min-width:340px;max-width:90vw;display:flex;flex-direction:column;gap:18px;align-items:stretch}.tg-account-manager .add-modal-title,.add-modal.tg-account-modal .add-modal-title{font-size:20px;font-weight:700;color:#1f2937;margin-bottom:8px;text-align:center}.tg-account-manager .add-modal-form-group,.add-modal.tg-account-modal .add-modal-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.tg-account-manager .add-modal-form-group label,.add-modal.tg-account-modal .add-modal-form-group label{font-size:14px;color:#374151;font-weight:600}.tg-account-manager .add-modal-form-group input,.add-modal.tg-account-modal .add-modal-form-group input{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:15px;transition:border-color .2s}.tg-account-manager .add-modal-form-group input:focus,.add-modal.tg-account-modal .add-modal-form-group input:focus{border-color:#3b82f6;outline:none}.tg-account-manager .verify-code-btn,.add-modal.tg-account-modal .verify-code-btn{min-width:100px;background-color:#10b981;color:#fff;border:none;border-radius:8px;padding:10px 12px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s}.tg-account-manager .verify-code-btn:hover:not(:disabled),.add-modal.tg-account-modal .verify-code-btn:hover:not(:disabled){background-color:#059669;transform:translateY(-1px)}.tg-account-manager .verify-code-btn:disabled,.add-modal.tg-account-modal .verify-code-btn:disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none}.tg-account-manager .verify-result,.add-modal.tg-account-modal .verify-result{font-size:13px;margin-top:2px;font-weight:500;padding:4px 8px;border-radius:4px;background-color:#10b9811a}.tg-account-manager .verify-result.error,.add-modal.tg-account-modal .verify-result.error{background-color:#ef44441a}.tg-account-manager .add-modal-actions,.add-modal.tg-account-modal .add-modal-actions{display:flex;gap:12px;margin-top:10px}.tg-account-manager .add-modal-actions button,.add-modal.tg-account-modal .add-modal-actions button{flex:1;padding:10px 0;border-radius:8px;border:none;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s}.tg-account-manager .add-modal-actions button:first-child,.add-modal.tg-account-modal .add-modal-actions button:first-child{background:#3b82f6;color:#fff}.tg-account-manager .add-modal-actions button:first-child:hover,.add-modal.tg-account-modal .add-modal-actions button:first-child:hover{background:#2563eb}.tg-account-manager .add-modal-actions button:last-child,.add-modal.tg-account-modal .add-modal-actions button:last-child{background:#e5e7eb;color:#374151}.tg-account-manager .add-modal-actions button:last-child:hover,.add-modal.tg-account-modal .add-modal-actions button:last-child:hover{background:#d1d5db}@media (max-width: 480px){.tg-account-manager .add-modal-content,.add-modal.tg-account-modal .add-modal-content{padding:16px 6px 12px;min-width:0}}.tg-account-manager .account-table .expired td,.tg-account-manager .account-table .expired td *{color:#991b1b!important}@media (max-width: 768px){.tg-account-manager{padding:12px}.tg-account-manager .account-table th,.tg-account-manager .account-table td{padding:10px 6px;font-size:13px}}.tg-account-manager .account-stats-card{display:flex;flex-direction:column;gap:4px;padding:8px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;border:1px solid #dee2e6;min-width:120px}.tg-account-manager .stat-item{display:flex;align-items:center;gap:6px;font-size:11px;color:#495057}.tg-account-manager .stat-icon{font-size:12px;opacity:.8}.tg-account-manager .stat-label{font-weight:500;min-width:28px}.tg-account-manager .stat-value{font-weight:700;color:#007bff;background:#007bff1a;padding:2px 6px;border-radius:4px;min-width:20px;text-align:center}.tg-account-manager .stat-chip{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:28px;padding:0 8px;border-radius:14px;background:#2563eb1a;color:#2563eb;font-weight:700}.tg-account-manager .stat-item-horizontal{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;padding:8px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;border:1px solid #dee2e6;min-width:60px;transition:all .2s ease}.tg-account-manager .stat-item-horizontal:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#007bff}.tg-account-manager .stat-item-horizontal .stat-icon{font-size:16px;opacity:.8}.tg-account-manager .stat-item-horizontal .stat-label{font-size:11px;font-weight:500;color:#495057;text-align:center}.tg-account-manager .stat-item-horizontal .stat-value{font-weight:700;color:#007bff;background:#007bff1a;padding:4px 8px;border-radius:6px;min-width:24px;text-align:center;font-size:14px}.tg-account-manager .inline-edit-container{display:flex;align-items:center;gap:8px;flex:1;width:100%}.tg-account-manager .inline-edit-input{flex:1;padding:6px 10px;border:2px solid #3b82f6;border-radius:4px;font-size:14px;font-weight:500;background:#f8fafc;color:#1e293b;outline:none;transition:all .2s ease;min-width:0}.tg-account-manager .inline-edit-input:focus{border-color:#1d4ed8;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.tg-account-manager .inline-edit-actions{display:flex;gap:4px;flex-shrink:0}.tg-account-manager .inline-edit-btn{width:28px;height:28px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;transition:all .2s ease}.tg-account-manager .inline-edit-btn.save{background:#10b981;color:#fff}.tg-account-manager .inline-edit-btn.save:hover{background:#059669;transform:scale(1.05)}.tg-account-manager .inline-edit-btn.cancel{background:#ef4444;color:#fff}.tg-account-manager .inline-edit-btn.cancel:hover{background:#dc2626;transform:scale(1.05)}.tg-account-manager .confirm-modal-overlay,.confirm-modal-overlay.tg-account-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tg-account-manager .confirm-modal,.confirm-modal.tg-account-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;width:90%;max-height:90vh;overflow:hidden;animation:confirmModalSlideIn .2s ease-out}@keyframes confirmModalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.tg-account-manager .confirm-modal-header,.confirm-modal.tg-account-modal .confirm-modal-header{display:flex;align-items:center;gap:12px;padding:20px 24px 16px;border-bottom:1px solid #e5e7eb}.tg-account-manager .confirm-modal-icon,.confirm-modal.tg-account-modal .confirm-modal-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fef3c7;border-radius:50%}.tg-account-manager .confirm-modal-header h3,.confirm-modal.tg-account-modal .confirm-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.tg-account-manager .confirm-modal-content,.confirm-modal.tg-account-modal .confirm-modal-content{padding:20px 24px}.tg-account-manager .confirm-modal-content p,.confirm-modal.tg-account-modal .confirm-modal-content p{margin:0 0 12px;color:#374151;line-height:1.5}.tg-account-manager .confirm-modal-content strong,.confirm-modal.tg-account-modal .confirm-modal-content strong{color:#dc2626;font-weight:600}.tg-account-manager .confirm-modal-warning,.confirm-modal.tg-account-modal .confirm-modal-warning{font-size:14px;color:#6b7280;background:#f9fafb;padding:12px;border-radius:8px;border-left:4px solid #f59e0b;margin:16px 0 0}.tg-account-manager .confirm-modal-actions,.confirm-modal.tg-account-modal .confirm-modal-actions{display:flex;gap:12px;padding:16px 24px 24px;justify-content:flex-end}.tg-account-manager .confirm-btn,.confirm-modal.tg-account-modal .confirm-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.tg-account-manager .confirm-btn.cancel,.confirm-modal.tg-account-modal .confirm-btn.cancel{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.tg-account-manager .confirm-btn.cancel:hover,.confirm-modal.tg-account-modal .confirm-btn.cancel:hover{background:#e5e7eb;border-color:#9ca3af}.tg-account-manager .confirm-btn.confirm,.confirm-modal.tg-account-modal .confirm-btn.confirm{background:#dc2626;color:#fff}.tg-account-manager .confirm-btn.confirm:hover,.confirm-modal.tg-account-modal .confirm-btn.confirm:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.tg-account-manager .success-toast-overlay,.success-toast-overlay.tg-account-toast{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:10001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.tg-account-manager .success-toast,.success-toast.tg-account-toast{background:#fff;border-radius:16px;padding:24px 32px;box-shadow:0 20px 60px #00000026;display:flex;align-items:center;gap:16px;max-width:400px;width:90%;position:relative;animation:slideIn .3s ease-out;border:1px solid rgba(34,197,94,.2)}.tg-account-manager .success-toast-icon,.success-toast.tg-account-toast .success-toast-icon{font-size:32px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;animation:bounceIn .5s ease-out}.tg-account-manager .success-toast-content,.success-toast.tg-account-toast .success-toast-content{flex:1}.tg-account-manager .success-toast-content h4,.success-toast.tg-account-toast .success-toast-content h4{margin:0 0 4px;color:#1f2937;font-size:16px;font-weight:600}.tg-account-manager .success-toast-content p,.success-toast.tg-account-toast .success-toast-content p{margin:0;color:#6b7280;font-size:14px;line-height:1.4}.tg-account-manager .success-toast-close,.success-toast.tg-account-toast .success-toast-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:20px;color:#9ca3af;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.tg-account-manager .success-toast-close:hover,.success-toast.tg-account-toast .success-toast-close:hover{background:#f3f4f6;color:#6b7280}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.tg-account-manager .error-toast-overlay,.error-toast-overlay.tg-account-toast{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:10001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.tg-account-manager .error-toast,.error-toast.tg-account-toast{background:#fff;border-radius:16px;padding:24px 32px;box-shadow:0 20px 60px #00000026;display:flex;align-items:center;gap:16px;max-width:450px;width:90%;position:relative;animation:slideIn .3s ease-out;border:1px solid rgba(239,68,68,.2)}.tg-account-manager .error-toast-icon,.error-toast.tg-account-toast .error-toast-icon{font-size:32px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;animation:shakeIn .5s ease-out}.tg-account-manager .error-toast-content,.error-toast.tg-account-toast .error-toast-content{flex:1}.tg-account-manager .error-toast-content h4,.error-toast.tg-account-toast .error-toast-content h4{margin:0 0 4px;color:#dc2626;font-size:16px;font-weight:600}.tg-account-manager .error-toast-content p,.error-toast.tg-account-toast .error-toast-content p{margin:0;color:#6b7280;font-size:14px;line-height:1.4}.tg-account-manager .error-toast-close,.error-toast.tg-account-toast .error-toast-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:20px;color:#9ca3af;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.tg-account-manager .error-toast-close:hover,.error-toast.tg-account-toast .error-toast-close:hover{background:#f3f4f6;color:#6b7280}@keyframes shakeIn{0%{opacity:0;transform:scale(.3) rotate(-10deg)}25%{opacity:1;transform:scale(1.1) rotate(5deg)}50%{transform:scale(.95) rotate(-2deg)}75%{transform:scale(1.02) rotate(1deg)}to{opacity:1;transform:scale(1) rotate(0)}}@media (max-width: 768px){.tg-account-manager .success-toast,.success-toast.tg-account-toast{padding:20px 24px;margin:20px;max-width:none}.tg-account-manager .success-toast-icon,.success-toast.tg-account-toast .success-toast-icon{width:40px;height:40px;font-size:24px}.tg-account-manager .success-toast-content h4,.success-toast.tg-account-toast .success-toast-content h4{font-size:15px}.tg-account-manager .success-toast-content p,.success-toast.tg-account-toast .success-toast-content p{font-size:13px}.tg-account-manager .error-toast,.error-toast.tg-account-toast{padding:20px 24px;margin:20px;max-width:none}.tg-account-manager .error-toast-icon,.error-toast.tg-account-toast .error-toast-icon{width:40px;height:40px;font-size:24px}.tg-account-manager .error-toast-content h4,.error-toast.tg-account-toast .error-toast-content h4{font-size:15px}.tg-account-manager .error-toast-content p,.error-toast.tg-account-toast .error-toast-content p{font-size:13px}}.tg-account-manager .action-buttons-new,.action-buttons-new{display:flex!important;gap:8px;align-items:center;justify-content:center;opacity:1!important;visibility:visible!important}.tg-account-manager .action-btn,.action-btn{padding:6px 12px;border:1px solid transparent;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;display:inline-flex!important;align-items:center;justify-content:center;opacity:1!important;visibility:visible!important;white-space:nowrap;min-height:28px;line-height:1}.tg-account-manager .action-btn.action-btn-link,.action-btn.action-btn-link{background:transparent!important;color:#3b82f6!important;border:none!important;text-decoration:none;padding:6px 8px!important}.tg-account-manager .action-btn.action-btn-link:hover,.action-btn.action-btn-link:hover{color:#2563eb!important;text-decoration:underline;background:transparent!important}.tg-account-manager .action-btn.action-btn-primary,.action-btn.action-btn-primary{background:#3b82f6!important;color:#fff!important;border-color:#3b82f6!important}.tg-account-manager .action-btn.action-btn-primary:hover,.action-btn.action-btn-primary:hover{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}.tg-account-manager .action-btn.action-btn-secondary,.tg-account-manager .action-btn.action-btn-outline,.action-btn.action-btn-secondary,.action-btn.action-btn-outline{background:transparent!important;color:#6b7280!important;border-color:#d1d5db!important}.tg-account-manager .action-btn.action-btn-secondary:hover,.tg-account-manager .action-btn.action-btn-outline:hover,.action-btn.action-btn-secondary:hover,.action-btn.action-btn-outline:hover{background:#f9fafb!important;border-color:#9ca3af!important;color:#374151!important}.tg-account-manager .action-btn.action-btn-warning,.action-btn.action-btn-warning{background:transparent!important;color:#d97706!important;border-color:#fbbf24!important}.tg-account-manager .action-btn.action-btn-warning:hover,.action-btn.action-btn-warning:hover{background:#fef3c7!important;border-color:#f59e0b!important}.tg-account-manager .action-btn.action-btn-danger,.action-btn.action-btn-danger{background:transparent!important;color:#dc2626!important;border-color:#fca5a5!important}.tg-account-manager .action-btn.action-btn-danger:hover,.action-btn.action-btn-danger:hover{background:#fee2e2!important;border-color:#ef4444!important;color:#991b1b!important}.task-creator-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.task-creator-modal{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;color:#1f2937;font-size:24px;font-weight:600}.close-btn{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.step-indicator{display:flex;justify-content:space-between;align-items:center;padding:24px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.step{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;position:relative}.step:not(:last-child):after{content:"";position:absolute;top:20px;left:50%;width:100%;height:2px;background:#e5e7eb;z-index:1}.step.active:not(:last-child):after{background:#3b82f6}.step-number{width:40px;height:40px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;z-index:2;position:relative;transition:all .3s ease}.step.active .step-number{background:#3b82f6;color:#fff;transform:scale(1.1)}.step-label{font-size:14px;color:#6b7280;font-weight:500;text-align:center}.step.active .step-label{color:#3b82f6;font-weight:600}.modal-body{flex:1;overflow-y:auto;padding:24px}.step-content h3{margin:0 0 8px;color:#1f2937;font-size:20px;font-weight:600}.step-description{margin:0 0 24px;color:#6b7280;font-size:14px;line-height:1.5}.selection-header{margin-bottom:20px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.select-all-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;color:#374151}.select-all-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:20px}.group-item{display:flex;align-items:flex-start;gap:12px;padding:16px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff}.group-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.group-item.selected{border-color:#3b82f6;background:#eff6ff}.group-item input[type=checkbox]{width:18px;height:18px;margin-top:2px;cursor:pointer}.group-info{flex:1}.group-info h4{margin:0 0 4px;color:#1f2937;font-size:16px;font-weight:600}.group-id{margin:0 0 8px;color:#6b7280;font-size:12px;font-family:Courier New,monospace}.group-type{display:inline-block;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase}.group-type.channel{background:#e0f2fe;color:#0277bd}.group-type.group{background:#f3e5f5;color:#7b1fa2}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:20px}.template-item{display:flex;align-items:flex-start;gap:12px;padding:16px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff}.template-item:hover{border-color:#10b981;box-shadow:0 4px 12px #10b98126}.template-item.selected{border-color:#10b981;background:#f0fdf4}.template-item input[type=checkbox]{width:18px;height:18px;margin-top:2px;cursor:pointer}.template-info{flex:1}.template-info h4{margin:0 0 8px;color:#1f2937;font-size:16px;font-weight:600}.template-content{margin:0 0 8px;color:#4b5563;font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-category{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;background:#e0e7ff;color:#3730a3}.form-input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s;box-sizing:border-box}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.time-presets{margin-bottom:16px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.preset-label{font-size:14px;color:#6b7280;margin-right:8px}.preset-btn{padding:6px 12px;border:1px solid #d1d5db;border-radius:16px;background:#fff;color:#374151;font-size:12px;cursor:pointer;transition:all .2s}.preset-btn:hover{background:#f3f4f6;border-color:#9ca3af}.time-slots-list{margin-bottom:16px}.time-slot-item{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.time-inputs{display:flex;align-items:center;gap:8px;flex:1}.time-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;width:120px}.time-separator{color:#6b7280;font-size:14px}.remove-slot-btn{width:32px;height:32px;border:1px solid #ef4444;border-radius:6px;background:#fff;color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s}.remove-slot-btn:hover{background:#ef4444;color:#fff}.add-slot-btn{padding:10px 16px;border:2px dashed #d1d5db;border-radius:8px;background:#fff;color:#6b7280;font-size:14px;cursor:pointer;transition:all .2s;width:100%}.add-slot-btn:hover{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.form-help{display:block;margin-top:8px;color:#6b7280;font-size:12px;line-height:1.4}.no-slots{text-align:center;padding:24px;color:#9ca3af;font-size:14px}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.step-navigation{display:flex;gap:12px}.btn-primary{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.btn-secondary{padding:10px 20px;background:#6b7280;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#4b5563;transform:translateY(-1px)}.btn-cancel{padding:10px 20px;background:#fff;color:#6b7280;border:1px solid #d1d5db;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#f3f4f6;border-color:#9ca3af}.btn-link{background:none;border:none;color:#3b82f6;text-decoration:underline;cursor:pointer;font-size:14px;padding:0}.btn-link:hover{color:#2563eb}.loading-state{text-align:center;padding:40px;color:#6b7280}.empty-state{text-align:center;padding:40px;color:#9ca3af}.empty-state p{margin:0 0 16px;font-size:16px}@media (max-width: 768px){.task-creator-modal{max-width:95vw;max-height:95vh}.modal-header{padding:16px 16px 0}.modal-body{padding:16px}.modal-footer{padding:16px;flex-direction:column;gap:16px}.step-indicator{padding:16px}.step-label{font-size:12px}.groups-grid,.templates-grid{grid-template-columns:1fr}.time-slot-item{flex-direction:column;align-items:stretch}.time-inputs{justify-content:center}}.group-manager{padding:32px 24px!important;background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;min-height:100vh!important;width:95%!important;max-width:1600px!important;margin:0 auto!important}.group-manager .page-header{padding:20px 0!important;margin-bottom:20px!important}.group-manager .header-content{width:95%!important;max-width:1600px!important;margin:0 auto!important;padding:0 20px!important}.group-manager .page-header h1{font-size:2.5rem!important;font-weight:700!important;margin:0 0 16px!important;text-shadow:0 2px 4px rgba(0,0,0,.1)!important}.group-manager .header-description{font-size:1rem!important;color:#6b7280!important;margin:0!important;line-height:1.6!important}.group-manager .content-wrapper{width:100%}.group-manager .stats-section{margin-bottom:30px!important}.group-manager .stats-grid{display:flex!important;gap:16px!important;align-items:center!important;flex-wrap:wrap!important}.group-manager .page-header-compact{margin-bottom:20px!important}.group-manager .header-top{display:flex!important;justify-content:space-between!important;align-items:center!important;background:#fff!important;padding:16px 20px!important;border-radius:12px!important;box-shadow:0 4px 16px #00000014!important;border:1px solid rgba(0,0,0,.06)!important}.group-manager .header-left{display:flex!important;align-items:center!important;gap:20px!important}.group-manager .filter-actions{display:flex!important;align-items:center!important;gap:16px!important}.group-manager .bulk-actions{display:flex!important;align-items:center!important;gap:8px!important}.group-manager .header-actions{display:flex!important;align-items:center!important;gap:16px!important;height:36px!important}.group-manager .search-group{display:flex;gap:4px;align-items:center!important;height:36px}.group-manager .search-input-compact{width:200px;padding:0 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff;transition:all .2s ease;height:36px;box-sizing:border-box;line-height:36px;margin:0;vertical-align:middle}.group-manager .search-input-compact:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.group-manager .btn-search{background:#6b7280;color:#fff;border:1px solid #6b7280;border-radius:6px;padding:0 10px;cursor:pointer;transition:all .2s ease;font-size:14px;height:36px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;margin:0;vertical-align:middle}.group-manager .btn-search:hover{background:#4b5563;border-color:#4b5563}.group-manager .header-buttons{display:flex!important;gap:8px!important;align-items:center!important;height:36px!important}.group-manager .tag-manager-btn{padding:8px 12px!important;min-width:120px;font-size:14px;white-space:nowrap!important;flex-shrink:0;height:36px!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important;vertical-align:middle!important;background:#f3f4f6!important;color:#374151!important;border:1px solid #d1d5db!important;border-radius:6px!important;cursor:pointer!important;transition:all .2s ease!important;gap:6px!important}.group-manager .tag-manager-btn:hover{background:#e5e7eb!important;border-color:#cbd5e1!important}.group-manager .quick-stats{display:flex!important;gap:16px!important;align-items:center!important;flex-wrap:wrap!important}.group-manager .btn-primary{background:#3b82f6!important;color:#fff!important;border:none!important;border-radius:6px!important;cursor:pointer!important;font-size:14px!important;display:flex!important;align-items:center!important;gap:8px!important;transition:all .2s ease!important}.group-manager .header-buttons .btn-primary.btn-sm{height:36px!important;padding:8px 16px!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important;vertical-align:middle!important;min-width:auto}.group-manager .btn-primary:hover{background:#2563eb!important}.group-manager .btn-secondary{background:transparent!important;color:#374151!important;border:1px solid #d1d5db!important;border-radius:6px!important;cursor:pointer!important;font-size:14px!important;display:flex!important;align-items:center!important;gap:8px!important;transition:all .2s ease!important}.group-manager .btn-secondary:hover{background:#f9fafb!important;border-color:#9ca3af!important}.group-manager .filters-section-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;background:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.04)}.group-manager .filters-section-compact .filters-left{display:flex;gap:16px;align-items:center}.group-manager .filters-section-compact .bulk-actions{display:flex;gap:8px;flex-wrap:wrap;flex:0 0 auto;min-width:120px}.group-manager .filters-section-compact .filters-right{display:flex;gap:16px;align-items:center}.group-manager .filters-section-compact .filters-right .btn-primary.btn-sm{min-width:160px;white-space:nowrap!important}.group-manager .btn-outline{background:transparent;color:#3b82f6;border:1px solid #3b82f6;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.group-manager .btn-outline:hover{background:#3b82f6;color:#fff}.group-manager .btn-warning{background:#f59e0b;color:#fff;border:1px solid #f59e0b;min-width:130px;white-space:nowrap!important;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.group-manager .btn-warning:hover:not(:disabled){background:#d97706;border-color:#d97706}.group-manager .btn-warning:disabled{background:#fbbf24;border-color:#fbbf24;cursor:not-allowed}.group-manager .btn-danger{background:#ef4444;color:#fff;border:1px solid #ef4444;min-width:130px;white-space:nowrap!important;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.group-manager .btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.group-manager .btn-danger:disabled{background:#f87171;border-color:#f87171;cursor:not-allowed}.group-manager .btn-sm{padding:6px 12px;font-size:14px;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}.group-manager .stat-card{background:#fff!important;border-radius:8px!important;padding:12px 16px!important;box-shadow:0 2px 4px -1px #0000001a,0 1px 2px -1px #0000000f!important;display:flex!important;align-items:center!important;gap:12px!important;transition:all .3s ease!important;border:1px solid rgba(0,0,0,.04)!important}.group-manager .stat-card:hover{transform:translateY(-2px)!important;box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d!important}.group-manager .stat-icon{font-size:1.5rem!important;opacity:.8!important}.group-manager .stat-content h3{font-size:.75rem!important;font-weight:500!important;color:#6b7280!important;margin:0 0 2px!important;text-transform:uppercase!important;letter-spacing:.05em!important}.group-manager .stat-number{font-size:1.25rem!important;font-weight:700!important;color:#111827!important;margin:0!important}.group-manager .stat-unit{font-size:.875rem;color:#6b7280;margin:0;font-weight:500}.group-manager .management-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:30px;overflow:hidden}.group-manager .section-header{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.group-manager .section-title{display:flex;align-items:center;gap:12px}.group-manager .section-title h2{font-size:1.5rem;font-weight:600;color:#111827;margin:0}.group-manager .section-count{background:#e5e7eb;color:#6b7280;padding:4px 8px;border-radius:12px;font-size:.875rem;font-weight:500}.group-manager .groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:30px}.group-manager .group-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;overflow:hidden;transition:all .3s ease;box-shadow:0 8px 32px #0000001f}.group-manager .group-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000002e;border-color:#3b82f633}.group-manager .card-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.group-manager .group-name{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.group-manager .card-content{padding:20px}.group-manager .group-meta{display:flex;flex-direction:column;gap:12px}.group-manager .meta-item{display:flex;justify-content:space-between;align-items:center}.group-manager .meta-label{font-size:.875rem;color:#6b7280;font-weight:500}.group-manager .meta-value{font-size:.875rem;color:#374151;font-weight:500;background:#f3f4f6;padding:2px 8px;border-radius:4px}.group-manager .activity-list{padding:30px}.group-manager .activity-item{background:#f9fafb;border-radius:8px;padding:20px;margin-bottom:16px;border:1px solid #e5e7eb;transition:all .2s ease}.group-manager .activity-item:hover{background:#f3f4f6;border-color:#d1d5db}.group-manager .activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.group-manager .activity-group{font-weight:600;color:#111827}.group-manager .activity-message{color:#374151;margin-bottom:16px;line-height:1.5}.group-manager .activity-meta{display:flex;justify-content:space-between;align-items:center}.group-manager .activity-account{font-size:.875rem;color:#6b7280}.group-manager .status-badge{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.group-manager .status-active{background:#dcfce7;color:#166534}.group-manager .status-inactive{background:#fef2f2;color:#991b1b}.group-manager .status-success{background:#dcfce7;color:#166534}.group-manager .status-failed{background:#fef2f2;color:#991b1b}.group-manager .status-pending{background:#fef3c7;color:#92400e}.group-manager .status-unknown{background:#f3f4f6;color:#374151}.group-manager .groups-table-wrapper{padding:30px;overflow-x:auto}.group-manager .groups-table{width:100%;border-collapse:collapse;background:#fff}.group-manager .groups-table th,.group-manager .groups-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e7eb}.group-manager .groups-table th{background:#f9fafb;font-weight:600;color:#374151;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.group-manager .groups-table td{color:#374151;font-size:.875rem}.group-manager .groups-table tbody tr:hover{background:#f9fafb}.group-manager .empty-table{text-align:center;color:#6b7280;padding:40px 20px}.group-manager .empty-state{text-align:center;padding:60px 20px;grid-column:1 / -1}.group-manager .empty-icon{font-size:4rem;margin-bottom:20px;opacity:.6}.group-manager .empty-state h3{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 12px}.group-manager .empty-state p{color:#6b7280;margin:0 0 24px;font-size:.875rem}.group-manager .loading-state{text-align:center;padding:80px 20px}.group-manager .loading-spinner{display:inline-block;width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.group-manager .loading-state p{color:#6b7280;font-size:1rem;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.group-manager .value-badge{display:inline-block;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:600;text-align:center;min-width:40px;margin-bottom:4px}.group-manager .value-s{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.group-manager .value-a{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.group-manager .value-b{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.group-manager .value-c{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.group-manager .value-d{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.group-manager .value-score{font-size:.75rem;color:#6b7280;font-weight:500;text-align:center}@media (max-width: 1024px){.group-manager .stats-grid{grid-template-columns:repeat(3,1fr)!important;gap:18px!important}}@media (max-width: 768px){.page-header{padding:30px 0}.page-header h1{font-size:2rem}.content-wrapper{padding:0 15px}.group-manager .stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}.stat-card{padding:20px}.stat-icon{font-size:2rem}.stat-number{font-size:1.5rem}.section-header{padding:20px;flex-direction:column;gap:16px;align-items:stretch}.groups-grid{grid-template-columns:1fr;padding:20px;gap:16px}.groups-table-wrapper,.activity-list{padding:20px}}@media (max-width: 480px){.page-header h1{font-size:1.75rem}.header-description{font-size:1rem}.section-title h2{font-size:1.25rem}.group-manager .stats-grid{grid-template-columns:1fr!important;gap:12px!important}.stat-card{flex-direction:column;text-align:center}.groups-table th,.groups-table td{padding:8px 12px;font-size:.75rem}}.group-manager .success-toast-overlay,.success-toast-overlay.group-manager-toast{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .3s ease-out}.group-manager .success-toast,.success-toast.group-manager-toast{background:#fff;border-radius:16px;padding:24px 32px;box-shadow:0 20px 60px #00000026;display:flex;align-items:center;gap:16px;max-width:400px;width:90%;position:relative;animation:slideIn .4s ease-out}.group-manager .success-toast-icon,.success-toast.group-manager-toast .success-toast-icon{font-size:32px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.group-manager .success-toast-content,.success-toast.group-manager-toast .success-toast-content{flex:1}.group-manager .success-toast-content h4,.success-toast.group-manager-toast .success-toast-content h4{margin:0 0 4px;color:#1f2937;font-size:16px;font-weight:600}.group-manager .success-toast-content p,.success-toast.group-manager-toast .success-toast-content p{margin:0;color:#6b7280;font-size:14px;line-height:1.4}.group-manager .success-toast-close,.success-toast.group-manager-toast .success-toast-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:20px;color:#9ca3af;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.group-manager .success-toast-close:hover,.success-toast.group-manager-toast .success-toast-close:hover{background:#f3f4f6;color:#6b7280}.group-manager .error-toast-overlay,.error-toast-overlay.group-manager-toast{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .3s ease-out}.group-manager .error-toast,.error-toast.group-manager-toast{background:#fff;border-radius:16px;padding:24px 32px;box-shadow:0 20px 60px #00000026;display:flex;align-items:center;gap:16px;max-width:450px;width:90%;position:relative;animation:shakeIn .5s ease-out}.group-manager .error-toast-icon,.error-toast.group-manager-toast .error-toast-icon{font-size:32px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.group-manager .error-toast-content,.error-toast.group-manager-toast .error-toast-content{flex:1}.group-manager .error-toast-content h4,.error-toast.group-manager-toast .error-toast-content h4{margin:0 0 4px;color:#dc2626;font-size:16px;font-weight:600}.group-manager .error-toast-content p,.error-toast.group-manager-toast .error-toast-content p{margin:0;color:#6b7280;font-size:14px;line-height:1.4}.group-manager .error-toast-close,.error-toast.group-manager-toast .error-toast-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:20px;color:#9ca3af;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.group-manager .error-toast-close:hover,.error-toast.group-manager-toast .error-toast-close:hover{background:#f3f4f6;color:#6b7280}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shakeIn{0%{opacity:0;transform:scale(.3) rotate(-10deg)}50%{opacity:1;transform:scale(1.05) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@media (max-width: 768px){.group-manager .success-toast,.success-toast.group-manager-toast{padding:20px 24px;margin:20px;max-width:none}.group-manager .success-toast-icon,.success-toast.group-manager-toast .success-toast-icon{width:40px;height:40px;font-size:24px}.group-manager .success-toast-content h4,.success-toast.group-manager-toast .success-toast-content h4{font-size:15px}.group-manager .success-toast-content p,.success-toast.group-manager-toast .success-toast-content p{font-size:13px}.group-manager .error-toast,.error-toast.group-manager-toast{padding:20px 24px;margin:20px;max-width:none}.group-manager .error-toast-icon,.error-toast.group-manager-toast .error-toast-icon{width:40px;height:40px;font-size:24px}.group-manager .error-toast-content h4,.error-toast.group-manager-toast .error-toast-content h4{font-size:15px}.group-manager .error-toast-content p,.error-toast.group-manager-toast .error-toast-content p{font-size:13px}}.group-manager .tg-account-info{display:flex;flex-direction:column;gap:2px}.group-manager .account-name{font-weight:500;color:#374151;font-size:13px;line-height:1.2}.group-manager .account-username{color:#6b7280;font-size:11px;font-weight:500}.group-manager .account-phone{color:#6b7280;font-size:11px}.group-manager .group-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.group-manager .tag{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:500;white-space:nowrap}.group-manager .action-buttons-new,.action-buttons-new{display:flex!important;gap:8px;align-items:center;justify-content:center;opacity:1!important;visibility:visible!important}.group-manager .action-btn,.action-btn{padding:6px 12px;border:1px solid transparent;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;display:inline-flex!important;align-items:center;justify-content:center;opacity:1!important;visibility:visible!important;white-space:nowrap;min-height:28px;line-height:1}.group-manager .action-btn.action-btn-link,.action-btn.action-btn-link{background:transparent!important;color:#3b82f6!important;border:none!important;text-decoration:none;padding:6px 8px!important}.group-manager .action-btn.action-btn-link:hover,.action-btn.action-btn-link:hover{color:#2563eb!important;text-decoration:underline;background:transparent!important}.group-manager .action-btn.action-btn-primary,.action-btn.action-btn-primary{background:#3b82f6!important;color:#fff!important;border-color:#3b82f6!important}.group-manager .action-btn.action-btn-primary:hover,.action-btn.action-btn-primary:hover{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}.group-manager .action-btn.action-btn-secondary,.group-manager .action-btn.action-btn-outline,.action-btn.action-btn-secondary,.action-btn.action-btn-outline{background:transparent!important;color:#6b7280!important;border-color:#d1d5db!important}.group-manager .action-btn.action-btn-secondary:hover,.group-manager .action-btn.action-btn-outline:hover,.action-btn.action-btn-secondary:hover,.action-btn.action-btn-outline:hover{background:#f9fafb!important;border-color:#9ca3af!important;color:#374151!important}.group-manager .action-btn.action-btn-warning,.action-btn.action-btn-warning{background:transparent!important;color:#d97706!important;border-color:#fbbf24!important}.group-manager .action-btn.action-btn-warning:hover,.action-btn.action-btn-warning:hover{background:#fef3c7!important;border-color:#f59e0b!important}.group-manager .action-btn.action-btn-danger,.action-btn.action-btn-danger{background:transparent!important;color:#dc2626!important;border-color:#fca5a5!important}.group-manager .action-btn.action-btn-danger:hover,.action-btn.action-btn-danger:hover{background:#fee2e2!important;border-color:#ef4444!important;color:#991b1b!important}.group-manager .tag-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:all .2s ease;min-width:120px}.group-manager .tag-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.group-manager .filters-section-compact .tag-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:all .2s ease;min-width:120px}.group-manager .filters-section-compact .tag-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.group-manager .activity-status{display:flex;align-items:center;justify-content:center}.group-manager .activity-emoji{font-size:18px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#ffffffe6;border:2px solid rgba(0,0,0,.1);cursor:pointer;transition:all .2s ease}.group-manager .activity-emoji:hover{transform:scale(1.1);box-shadow:0 2px 8px #00000026}.group-manager .activity-time{display:flex;align-items:center;justify-content:center;border:none!important;background:none!important;padding:0!important;margin:0!important}.group-manager .time-icon{font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;border:none!important;background:none!important;padding:0!important;margin:0!important}.group-manager .time-icon:hover{transform:scale(1.1);box-shadow:0 2px 8px #00000026}.group-manager .daily-messages{display:flex;flex-direction:column;align-items:center;gap:1px}.group-manager .message-count{font-weight:600;font-size:13px;color:#374151;line-height:1.2}.group-manager .daily-average{font-size:10px;color:#6b7280;text-align:center;line-height:1.1}.analysis-overlay{z-index:9999}.analysis-modal{max-height:95vh;overflow-y:auto}.analysis-body{padding:20px;max-height:calc(95vh - 120px);overflow-y:auto}.overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.overview-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:12px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease}.overview-card:hover{transform:translateY(-2px)}.overview-card.success{background:linear-gradient(135deg,#10b981,#059669)}.overview-card.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.overview-card.info{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.card-icon{font-size:32px;opacity:.8}.card-content{flex:1}.card-value{font-size:28px;font-weight:700;margin-bottom:4px}.card-label{font-size:14px;opacity:.9}.analysis-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.analysis-section{background:#fff;border-radius:12px;padding:20px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000d}.analysis-section h3{border-bottom:2px solid #f3f4f6;padding-bottom:12px;margin-bottom:16px;font-size:16px;font-weight:600;color:#374151}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:12px;color:#6b7280;font-weight:500}.info-value{font-size:14px;color:#374151;font-weight:600}.topics-list{display:flex;flex-direction:column;gap:12px}.topic-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafc;border-radius:8px;transition:background-color .2s ease}.topic-item:hover{background:#f1f5f9}.topic-rank{background:#3b82f6;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.topic-content{flex:1}.topic-name{font-weight:600;color:#374151;margin-bottom:4px}.topic-stats{display:flex;justify-content:space-between;align-items:center}.topic-count{font-size:12px;color:#6b7280}.topic-trend{font-size:12px;font-weight:600;padding:2px 6px;border-radius:4px}.topic-trend.positive{background:#dcfce7;color:#16a34a}.topic-trend.negative{background:#fef2f2;color:#dc2626}.keywords-cloud{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;min-height:200px;padding:20px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:8px}.keyword-tag{padding:4px 8px;background:#fffc;border-radius:16px;font-weight:500;transition:all .2s ease;cursor:pointer}.keyword-tag:hover{transform:scale(1.1);background:#fff;box-shadow:0 2px 8px #0000001a}.tags-container{display:flex;flex-wrap:wrap;gap:8px}.analysis-tag{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:500}.value-assessment{display:flex;align-items:center;gap:24px}.assessment-score{flex-shrink:0}.score-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;position:relative}.score-circle:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);opacity:.2;z-index:-1}.score-value{font-size:32px;font-weight:700;line-height:1}.score-label{font-size:12px;opacity:.9;margin-top:4px}.assessment-details{flex:1}.assessment-level{font-size:18px;font-weight:700;color:#374151;margin-bottom:8px}.assessment-suggestion{font-size:14px;color:#6b7280;line-height:1.5}@media (max-width: 1200px){.analysis-row,.info-grid{grid-template-columns:1fr}.overview-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width: 768px){.analysis-modal{width:98vw!important;height:98vh!important}.overview-cards{grid-template-columns:1fr 1fr}.value-assessment{flex-direction:column;text-align:center}}.group-manager .modal-overlay,.modal-overlay.group-manager-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.group-manager .modal,.modal.group-manager-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:900px;max-height:95vh;overflow-y:auto;display:flex;flex-direction:column}.group-manager .modal.tag-modal,.modal.tag-modal.group-manager-modal{min-width:0!important;max-width:600px!important;width:min(600px,90vw)!important}.group-manager .modal.tag-modal .modal-header,.modal.tag-modal.group-manager-modal .modal-header,.group-manager .modal.tag-modal .modal-actions,.modal.tag-modal.group-manager-modal .modal-actions{padding:20px 24px}.group-manager .modal.tag-modal .add-tag-section,.modal.tag-modal.group-manager-modal .add-tag-section,.group-manager .modal.tag-modal .existing-tags-section,.modal.tag-modal.group-manager-modal .existing-tags-section{padding:0 24px}.group-manager .modal.tag-modal .input-group .btn-primary,.modal.tag-modal.group-manager-modal .input-group .btn-primary{margin-top:0!important}.group-manager .modal-header,.modal.group-manager-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0}.group-manager .modal-header h3,.modal.group-manager-modal .modal-header h3{margin:0;color:#1f2937;font-size:20px;font-weight:700}.group-manager .modal-close,.modal.group-manager-modal .modal-close{background:none;border:none;font-size:20px;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.group-manager .modal-close:hover,.modal.group-manager-modal .modal-close:hover{background:#f3f4f6;color:#374151}.group-manager .modal-body,.modal.group-manager-modal .modal-body{padding:20px 24px;flex:1;overflow-y:auto}.group-manager .form-group,.modal.group-manager-modal .form-group{margin-bottom:16px}.group-manager .form-group:last-child,.modal.group-manager-modal .form-group:last-child{margin-bottom:0}.group-manager .form-group label,.modal.group-manager-modal .form-group label{display:block;margin-bottom:8px;color:#374151;font-weight:600;font-size:14px}.group-manager .form-input,.group-manager .form-select,.group-manager .form-textarea,.modal.group-manager-modal .form-input,.modal.group-manager-modal .form-select,.modal.group-manager-modal .form-textarea{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s ease;box-sizing:border-box}.group-manager .form-input:focus,.group-manager .form-select:focus,.group-manager .form-textarea:focus,.modal.group-manager-modal .form-input:focus,.modal.group-manager-modal .form-select:focus,.modal.group-manager-modal .form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.group-manager .form-textarea,.modal.group-manager-modal .form-textarea{resize:vertical;min-height:80px}.group-manager .modal-actions,.modal.group-manager-modal .modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid #e2e8f0}.group-manager .btn-primary,.modal.group-manager-modal .btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f64d}.group-manager .btn-primary:hover,.modal.group-manager-modal .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666;background:linear-gradient(135deg,#1d4ed8,#1e40af)}.group-manager .btn-primary:disabled,.modal.group-manager-modal .btn-primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.group-manager .btn-secondary,.modal.group-manager-modal .btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #e2e8f0;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.group-manager .btn-secondary:hover,.modal.group-manager-modal .btn-secondary:hover{background:#e5e7eb;border-color:#d1d5db}.group-manager .selected-groups-info{margin-bottom:20px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.message-template-manager{padding:32px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh;width:95%;max-width:1600px;margin:0 auto}.message-template-manager .tab-navigation{display:flex;gap:8px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.message-template-manager .tab-button{padding:12px 20px;background:#f8fafc;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.message-template-manager .tab-button:hover{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.message-template-manager .tab-button.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-color:#3b82f6;box-shadow:0 2px 4px #3b82f633}.message-template-manager .template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.message-template-manager .template-header h2{margin:0;color:#1e293b;font-size:24px;font-weight:600}.message-template-manager .add-template-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f64d}.add-template-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666;background:linear-gradient(135deg,#1d4ed8,#1e40af)}.message-template-manager .template-filters{margin-bottom:24px;display:flex;gap:16px;align-items:center}.message-template-manager .category-filter{display:flex;align-items:center;gap:8px}.message-template-manager .category-filter label{font-weight:500;color:#374151}.message-template-manager .category-filter select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px}.message-template-manager .templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.message-template-manager .template-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000001f;transition:all .3s ease}.template-card:hover{box-shadow:0 12px 40px #0000002e;transform:translateY(-4px);border-color:#3b82f633}.message-template-manager .template-card .template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f3f4f6}.message-template-manager .template-title-section{display:flex;align-items:center;gap:12px;flex:1}.message-template-manager .template-card .template-header h3{margin:0;color:#1f2937;font-size:18px;font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.4em;max-width:100%;flex:1;word-break:break-word}.message-template-manager .message-id{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;font-family:Courier New,monospace;letter-spacing:.5px;box-shadow:0 2px 4px #667eea4d;white-space:nowrap}.template-actions button{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.message-template-manager .preview-btn{background:#f59e0b;color:#fff}.preview-btn:hover{background:#d97706}.message-template-manager .edit-btn{background:#10b981;color:#fff}.edit-btn:hover{background:#059669}.message-template-manager .delete-btn{background:#ef4444;color:#fff}.delete-btn:hover{background:#dc2626}.message-template-manager .template-content{margin-bottom:16px}.message-template-manager .template-name-row{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f3f4f6}.template-name-row h3{margin:0;color:#1f2937;font-size:18px;font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.4em;word-break:break-word;line-height:1.4}.template-content p{margin:0;color:#4b5563;line-height:1.6;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:4.8em;word-break:break-word}.message-template-manager .template-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px}.message-template-manager .category{background:#e0e7ff;color:#3730a3;padding:4px 8px;border-radius:12px;font-weight:500}.message-template-manager .usage-count{color:#6b7280;font-weight:500}.message-template-manager .variables{color:#059669;font-weight:500;background:#d1fae5;padding:4px 8px;border-radius:12px}.message-template-manager .applied-accounts{position:relative}.message-template-manager .account-count{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #10b9814d}.account-count:hover{transform:translateY(-1px);box-shadow:0 4px 8px #10b98166}.message-template-manager .toggle-icon{font-size:10px;transition:transform .2s ease}.message-template-manager .account-list{display:none;margin-top:8px;padding:8px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;animation:slideDown .3s ease}.message-template-manager .account-tag{display:inline-block;background:#e0f2fe;color:#0277bd;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;font-family:Courier New,monospace;margin:2px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message-template-manager .modal-overlay,.modal-overlay.message-template-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.message-template-manager .modal-content,.modal-content.message-template-modal{background:#fff;border-radius:8px;padding:24px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.message-template-manager .modal.tag-modal,.modal.tag-modal.message-template-modal{min-width:0!important;max-width:600px!important;width:min(600px,90vw)!important}.message-template-manager .modal.tag-modal .modal-header,.modal.tag-modal.message-template-modal .modal-header,.message-template-manager .modal.tag-modal .modal-actions,.modal.tag-modal.message-template-modal .modal-actions{padding:20px 24px}.message-template-manager .modal.tag-modal .add-tag-section,.modal.tag-modal.message-template-modal .add-tag-section,.message-template-manager .modal.tag-modal .existing-tags-section,.modal.tag-modal.message-template-modal .existing-tags-section{padding:0 24px}.message-template-manager .modal.tag-modal .input-group .btn-primary,.modal.tag-modal.message-template-modal .input-group .btn-primary{margin-top:0!important}.modal-content h3{margin:0 0 20px;color:#1f2937;font-size:20px;font-weight:600}.message-template-manager .form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#374151}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group small{display:block;margin-top:4px;color:#6b7280;font-size:12px}.message-template-manager .modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb}.modal-actions button{padding:10px 20px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.modal-actions button:first-child{background:#2563eb;color:#fff}.modal-actions button:first-child:hover{background:#1d4ed8}.modal-actions button:last-child{background:#6b7280;color:#fff}.modal-actions button:last-child:hover{background:#4b5563}.message-template-manager .preview-section{margin-bottom:20px}.preview-section h4{margin:0 0 12px;color:#374151;font-size:16px;font-weight:600}.message-template-manager .preview-message{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:16px;color:#1f2937;line-height:1.6;font-size:14px;min-height:60px}.message-template-manager .emoji-picker-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.message-template-manager .emoji-picker-content{background:#fff;border-radius:12px;padding:20px;width:90%;max-width:400px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a;position:relative}.message-template-manager .emoji-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.emoji-picker-header h4{margin:0;color:#1f2937;font-size:18px;font-weight:600}.message-template-manager .close-btn{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.close-btn:hover{background:#f3f4f6;color:#374151}.message-template-manager .emoji-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.message-template-manager .emoji-item{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;font-size:24px;padding:12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.emoji-item:hover{background:#f3f4f6;border-color:#d1d5db;transform:scale(1.05)}.emoji-picker-footer{text-align:center;padding-top:12px;border-top:1px solid #e5e7eb}.emoji-picker-footer small{color:#6b7280;font-size:12px}.emoji-btn{background:#f59e0b;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;margin-right:8px}.emoji-btn:hover{background:#d97706}.emoji-note{color:#6b7280;font-size:12px;font-style:italic}@media (max-width: 768px){.message-template-manager{padding:16px}.template-header{flex-direction:column;gap:16px;align-items:stretch}.message-template-manager .templates-grid{grid-template-columns:1fr}.message-template-manager .template-card .template-header{flex-direction:column;gap:12px}.message-template-manager .template-actions{align-self:stretch;justify-content:space-between}.message-template-manager .modal-content,.modal-content.message-template-modal,.message-template-manager .emoji-picker-content{width:95%;margin:20px}.message-template-manager .emoji-grid{grid-template-columns:repeat(4,1fr);gap:8px}.message-template-manager .emoji-item{font-size:20px;padding:8px}}.message-template-manager .template-filters{margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.filters{display:flex;gap:15px;align-items:center;flex:1}.search-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:200px}.search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.message-template-manager .category-filter,.message-template-manager .tag-filter{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:120px}.message-template-manager .filter-btn{padding:8px 16px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.message-template-manager .filter-btn:hover{background:#218838}.message-template-manager .tag-selector{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.message-template-manager .tag-checkbox{display:flex;align-items:center;gap:5px;cursor:pointer;padding:5px 10px;background:#f8f9fa;border:1px solid #ddd;border-radius:4px;font-size:14px}.message-template-manager .tag-checkbox:hover{background:#e9ecef}.message-template-manager .tag-checkbox input[type=checkbox]{margin:0}.message-template-manager .template-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.message-template-manager .tag{background:#007bff;color:#fff;padding:2px 6px;border-radius:3px;font-size:12px;font-weight:500}@media (max-width: 768px){.message-template-manager .template-filters{flex-direction:column;gap:15px;align-items:stretch}.filters{flex-direction:column;gap:10px}.search-input,.category-filter,.tag-filter{min-width:auto;width:100%}.message-template-manager .tag-selector{justify-content:center}}.message-template-manager .header-actions{display:flex;gap:12px;align-items:center}.message-template-manager .ai-features-btn{background:#10b981;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #10b98133}.ai-features-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.message-template-manager .ai-features-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #00000014;border:1px solid #e9ecef}.ai-features-section h3{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:20px;display:flex;align-items:center;gap:8px}.ai-features-section h3:before{content:"🤖";font-size:16px}.message-template-manager .ai-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.ai-feature-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:20px;transition:all .2s ease}.ai-feature-card:hover{border-color:#10b981;box-shadow:0 4px 12px #10b9811a;transform:translateY(-2px)}.ai-feature-card h4{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 8px}.ai-feature-card p{font-size:14px;color:#6b7280;margin:0 0 16px;line-height:1.5}.ai-generate-form{display:flex;flex-direction:column;gap:12px}.ai-generate-form textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;resize:vertical;min-height:80px}.generate-btn{background:#10b981;color:#fff;border:none;padding:10px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;align-self:flex-start}.generate-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.generate-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.message-template-manager .generated-template{margin-top:16px;padding:16px;background:#fff;border:1px solid #d1d5db;border-radius:8px}.message-template-manager .generated-template h5{font-size:14px;font-weight:600;color:#374151;margin:0 0 8px}.message-template-manager .generated-template .template-content{font-size:14px;color:#4b5563;line-height:1.5;margin-bottom:12px;padding:12px;background:#f9fafb;border-radius:6px}.message-template-manager .use-template-btn{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.use-template-btn:hover{background:#2563eb;transform:translateY(-1px)}.message-template-manager .recommend-btn,.message-template-manager .auto-reply-btn{background:#6366f1;color:#fff;border:none;padding:10px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.message-template-manager .recommend-btn:hover,.message-template-manager .auto-reply-btn:hover{background:#4f46e5;transform:translateY(-1px)}.message-template-manager .switch{position:relative;display:inline-block;width:48px;height:24px}.message-template-manager .slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:24px}.message-template-manager .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.message-template-manager input:checked+.slider{background-color:#10b981}input:checked+.message-template-manager .slider:before{transform:translate(24px)}@media (max-width: 768px){.message-template-manager .message-template-manager .header-actions{flex-direction:column;gap:8px}.message-template-manager .ai-features-btn,.message-template-manager .add-template-btn{width:100%;text-align:center}.message-template-manager .ai-features-grid{grid-template-columns:1fr}.message-template-manager .ai-features-section{padding:16px}}.message-template-manager .category-management-tab,.message-template-manager .tag-management-tab{background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(0,0,0,.06)}.message-template-manager .tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.tab-header h3{margin:0;color:#1f2937;font-size:20px;font-weight:600}.message-template-manager .add-button{padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.add-button.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.add-button.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d;background:linear-gradient(135deg,#1d4ed8,#1e40af)}.add-button.secondary{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.add-button.secondary:hover{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.message-template-manager .categories-grid,.message-template-manager .tags-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;width:100%;overflow:hidden}.message-template-manager .category-card,.message-template-manager .tag-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .2s ease;overflow:hidden;word-wrap:break-word;max-width:100%}.message-template-manager .category-card:hover,.message-template-manager .tag-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#cbd5e1}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.message-template-manager .category-name,.message-template-manager .tag-name{margin:0;font-size:16px;font-weight:600;color:#1f2937}.card-actions{display:flex;gap:8px}.message-template-manager .action-button{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.action-button.edit{background:#fef3c7;color:#92400e}.action-button.edit:hover{background:#fde68a;transform:scale(1.05)}.action-button.delete{background:#fee2e2;color:#991b1b}.action-button.delete:hover{background:#fecaca;transform:scale(1.05)}.card-content{margin-top:12px}.message-template-manager .category-description{margin:0 0 12px;color:#6b7280;font-size:14px;line-height:1.5;word-wrap:break-word;word-break:break-all;overflow-wrap:break-word;white-space:normal}.message-template-manager .category-meta,.message-template-manager .tag-meta{display:flex;flex-direction:column;gap:6px}.meta-item{display:flex;justify-content:space-between;align-items:center;font-size:12px}.meta-label{color:#9ca3af;font-weight:500}.meta-value{color:#374151;font-weight:600}.message-template-manager .empty-state{text-align:center;padding:40px 20px;color:#6b7280}.message-template-manager .empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{margin:0 0 8px;color:#374151;font-size:18px;font-weight:600}.empty-state p{margin:0 0 20px;font-size:14px;line-height:1.5}@media (max-width: 768px){.tab-navigation{flex-direction:column;gap:8px}.tab-button{justify-content:center}.categories-grid,.tags-grid{grid-template-columns:1fr;gap:16px}.message-template-manager .tab-header{flex-direction:column;gap:16px;align-items:stretch}.message-template-manager .add-button{justify-content:center}}.image-messages-tab{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.image-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.image-template-card{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#fff;transition:all .2s ease}.image-template-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.image-preview{height:200px;background:#f8fafc;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #e2e8f0}.image-preview img{max-width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.no-image{font-size:48px;color:#cbd5e1}.message-template-manager .template-info{padding:16px}.message-template-manager .template-info h4{margin:0 0 8px;color:#1e293b;font-size:16px}.message-template-manager .template-content{color:#64748b;font-size:14px;line-height:1.5;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.message-template-manager .template-meta{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.message-template-manager .template-meta span{font-size:12px;color:#64748b}.message-template-manager .template-actions{display:flex;gap:8px}.message-template-manager .action-btn{padding:6px 12px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease}.action-btn.edit{color:#3b82f6;border-color:#3b82f6}.action-btn.edit:hover{background:#eff6ff}.action-btn.delete{color:#ef4444;border-color:#ef4444}.action-btn.delete:hover{background:#fef2f2}.action-btn.send{color:#10b981;border-color:#10b981}.action-btn.send:hover{background:#ecfdf5}.message-groups-tab{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.message-groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:20px}.message-group-card{border:1px solid #e2e8f0;border-radius:12px;padding:20px;background:#fff;transition:all .2s ease}.message-group-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.group-header h4{margin:0;color:#1e293b;font-size:18px}.group-actions{display:flex;gap:6px}.group-description{margin-bottom:16px}.group-description p{margin:0;color:#64748b;font-size:14px;line-height:1.5}.group-stats{display:flex;gap:16px;margin-bottom:16px;padding:12px;background:#f8fafc;border-radius:8px}.stat{font-size:12px;color:#64748b}.stat strong{color:#1e293b;font-weight:600}.group-messages{border-top:1px solid #e2e8f0;padding-top:12px}.message-preview{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px}.message-weight{background:#3b82f6;color:#fff;padding:2px 6px;border-radius:4px;font-weight:600;min-width:40px;text-align:center}.message-content{color:#64748b;flex:1}.more-messages{font-size:12px;color:#94a3b8;font-style:italic;text-align:center;margin-top:8px}.text-messages-tab{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.text-messages-tab .message-template-manager .tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.text-messages-tab .tab-header h3{margin:0;color:#1e293b;font-size:20px;font-weight:600}.text-messages-tab .message-template-manager .header-actions{display:flex;gap:12px}.text-messages-tab .filter-section{margin-bottom:24px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.text-messages-tab .filter-controls{display:flex;gap:12px;align-items:center}.text-messages-tab .search-input{flex:1;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s ease}.text-messages-tab .search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.text-messages-tab .tag-filter{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;min-width:120px}.text-messages-tab .filter-button{padding:10px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.text-messages-tab .filter-button:hover{background:#2563eb}.text-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-top:16px;padding-bottom:40px}.text-template-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease;display:flex;flex-direction:column;height:auto;min-height:180px;max-height:280px}.text-template-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.text-template-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.text-template-card .template-name{margin:0 8px 0 0;color:#1e293b;font-size:15px;font-weight:600;line-height:1.3;flex:1;max-height:2.6em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.text-template-card .card-actions{display:flex;gap:8px}.text-template-card .message-template-manager .action-button{padding:4px 6px;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:28px;height:28px}.text-template-card .action-button.preview{background:#f0f9ff;color:#0369a1}.text-template-card .action-button.preview:hover{background:#e0f2fe}.text-template-card .action-button.edit{background:#fef3c7;color:#d97706}.text-template-card .action-button.edit:hover{background:#fde68a}.text-template-card .action-button.delete{background:#fee2e2;color:#dc2626}.text-template-card .action-button.delete:hover{background:#fecaca}.text-template-card .card-content{flex:1;margin-bottom:8px;overflow:hidden}.text-template-card .template-content p{margin:0 0 6px;color:#64748b;font-size:13px;line-height:1.4;word-wrap:break-word;max-height:4.2em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.text-template-card .message-template-manager .template-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.text-template-card .message-template-manager .tag{background:#f1f5f9;color:#475569;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:500;white-space:nowrap}.text-template-card .no-tags{color:#94a3b8;font-size:11px;font-style:italic}.text-template-card .card-footer{border-top:1px solid #f1f5f9;padding-top:8px;margin-top:auto}.text-template-card .message-template-manager .template-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:8px}.text-template-card .meta-item{display:flex;align-items:center;gap:2px;flex-shrink:0}.text-template-card .meta-label{color:#94a3b8;font-weight:500}.text-template-card .meta-value{color:#64748b;font-weight:600}.text-template-card .meta-separator{color:#cbd5e1;margin:0 6px}.text-template-card .message-template-manager .template-title-section{display:flex;flex-direction:column;flex:1;margin-right:8px}.text-template-card .message-template-manager .template-id{font-size:10px;color:#94a3b8;margin-top:2px}.message-template-manager .pagination{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding:16px 0;border-top:1px solid #e2e8f0}.message-template-manager .pagination-info{font-size:14px;color:#64748b}.message-template-manager .pagination-controls{display:flex;align-items:center;gap:8px}.message-template-manager .pagination-btn{padding:8px 12px;border:1px solid #e2e8f0;background:#fff;color:#64748b;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#475569}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.message-template-manager .pagination-pages{display:flex;gap:4px}.quick-send-tab{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.quick-send-form{margin-top:20px}.message-template-manager .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.message-template-manager .form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:8px;font-weight:500;color:#374151}.message-template-manager .form-select{padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff}.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.message-template-manager .form-actions{display:flex;justify-content:center;margin-top:24px}.send-button{padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.send-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.send-button:disabled{opacity:.6;cursor:not-allowed}.send-result{margin-top:16px;padding:12px;border-radius:8px;text-align:center;font-weight:500}.send-result.success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.send-result.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.image-preview-container{margin-top:12px;text-align:center}.message-template-manager .preview-image{max-width:200px;max-height:200px;border-radius:8px;border:1px solid #e2e8f0}.remove-image-btn{margin-top:8px;padding:6px 12px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer}.remove-image-btn:hover{background:#dc2626}.message-template-manager .modal.large,.modal.message-template-modal.large{max-width:800px;width:90%}.message-variants{border:1px solid #e2e8f0;border-radius:8px;padding:16px;background:#f8fafc}.variant-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:12px}.variant-item:last-child{margin-bottom:0}.variant-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.variant-label{font-weight:600;color:#374151}.remove-variant-btn{padding:4px 8px;background:#ef4444;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer}.remove-variant-btn:hover{background:#dc2626}.variant-weight{display:flex;align-items:center;gap:8px;margin-top:8px}.weight-input{width:60px;padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;text-align:center}.add-variant-btn{width:100%;padding:12px;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;color:#64748b;font-size:14px;cursor:pointer;transition:all .2s ease}.add-variant-btn:hover{background:#f1f5f9;border-color:#94a3b8;color:#475569}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.setting-item{display:flex;align-items:center;gap:8px}.setting-item label{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;color:#374151}.setting-input{width:80px;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;text-align:center}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.message-template-manager .stat-card{background:#fff!important;border-radius:8px!important;padding:12px 16px!important;box-shadow:0 2px 4px -1px #0000001a,0 1px 2px -1px #0000000f!important;display:flex!important;align-items:center!important;gap:12px!important;transition:all .3s ease!important;border:1px solid rgba(0,0,0,.04)!important}.message-template-manager .stat-card:hover{transform:translateY(-2px)!important;box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d!important}.message-template-manager .stat-icon{font-size:1.5rem!important;opacity:.8!important;display:flex!important;align-items:center!important;justify-content:center!important}.message-template-manager .stat-content{flex:1}.message-template-manager .stat-content h3{font-size:.75rem!important;font-weight:500!important;color:#6b7280!important;margin:0 0 2px!important;text-transform:uppercase!important;letter-spacing:.05em!important}.message-template-manager .stat-number{font-size:1.25rem!important;font-weight:700!important;color:#111827!important;margin:0!important}.message-template-manager .stat-value{font-size:24px;font-weight:700;color:#111827;line-height:1;margin-bottom:4px}.message-template-manager .stat-label{font-size:14px;color:#6b7280;font-weight:500}.message-template-manager .search-main-actions{display:flex;gap:16px;margin-bottom:16px;align-items:center}.message-template-manager .search-box{flex:1;display:flex;align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;overflow:hidden}.message-template-manager .search-box .search-input{flex:1;padding:12px 16px;border:none;outline:none;font-size:14px;background:transparent}.message-template-manager .search-box .search-input::-moz-placeholder{color:#9ca3af}.message-template-manager .search-box .search-input::placeholder{color:#9ca3af}.message-template-manager .search-btn{padding:12px 16px;background:#f3f4f6;border:none;color:#6b7280;cursor:pointer;transition:background-color .2s ease}.message-template-manager .search-btn:hover{background:#e5e7eb}.message-template-manager .main-actions{display:flex;gap:12px}.message-template-manager .main-action-btn{padding:12px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.main-action-btn.primary{background:#3b82f6;color:#fff}.main-action-btn.primary:hover{background:#2563eb}.main-action-btn.secondary{background:#f8fafc;color:#374151;border:1px solid #e2e8f0}.main-action-btn.secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.filter-batch-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:12px 0}.message-template-manager .filter-actions{display:flex;gap:12px;align-items:center}.filter-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;background:#fff;min-width:120px;cursor:pointer}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.select-btn{padding:8px 16px;background:#fff;color:#3b82f6;border:1px solid #d1d5db;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s ease}.select-btn:hover{background:#f8fafc;border-color:#3b82f6}.batch-actions{display:flex;gap:8px}.batch-btn{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.batch-btn.warning{background:#f59e0b;color:#fff}.batch-btn.warning:hover{background:#d97706}.batch-btn.danger{background:#ef4444;color:#fff}.batch-btn.danger:hover{background:#dc2626}.search-filter-bar{display:flex;gap:16px;margin-bottom:20px;padding:16px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.search-section{flex:1}.search-input{width:100%;padding:10px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-section{display:flex;gap:12px}.filter-select{padding:10px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;min-width:120px;cursor:pointer}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.message-template-manager .template-table-container{background:#fff;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:20px}.message-template-manager .template-table{width:100%;border-collapse:collapse;font-size:14px}.message-template-manager .template-table th{background:#f8fafc;padding:12px 16px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.message-template-manager .template-table td{padding:12px 16px;border-bottom:1px solid #f3f4f6;vertical-align:middle;height:60px}.template-row:hover{background:#f9fafb}.template-row:last-child td{border-bottom:none}.template-name-cell strong{color:#111827;font-weight:600}.message-template-manager .message-type{font-size:16px;padding:4px 8px;border-radius:4px;display:inline-block}.message-template-manager .message-type.text{background-color:#e0f2fe;color:#0277bd}.message-template-manager .message-type.image{background-color:#f3e5f5;color:#7b1fa2}.message-template-manager .template-id{color:#6b7280;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px}.message-template-manager .template-content-preview{color:#374151;line-height:1.4;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;display:flex;align-items:center;height:40px}.message-template-manager .template-image-preview{width:40px;height:40px;-o-object-fit:cover;object-fit:cover;border-radius:6px;border:1px solid #e2e8f0;cursor:pointer;transition:transform .2s ease}.template-image-preview:hover{transform:scale(1.1);border-color:#3b82f6}.message-template-manager .template-image-placeholder{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;color:#64748b;text-align:center}.image-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:90vw;max-height:90vh;overflow:hidden}.image-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.image-modal-header h3{margin:0;color:#1f2937;font-size:18px;font-weight:600}.image-modal-body{padding:20px;display:flex;justify-content:center;align-items:center;background:#f8fafc}.image-modal-content{max-width:100%;max-height:70vh;-o-object-fit:contain;object-fit:contain;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a}.message-template-manager .template-category{color:#6b7280;font-size:13px}.message-template-manager .template-tags-cell{display:flex;flex-wrap:wrap;gap:4px}.template-tags-cell .message-template-manager .tag{background:#e0e7ff;color:#3730a3;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.template-tags-cell .no-tags{color:#9ca3af;font-size:12px;font-style:italic}.message-template-manager .usage-count{color:#059669;font-weight:500}.created-time{color:#6b7280;font-size:13px}.message-template-manager .template-actions,.action-buttons-new{display:flex!important;gap:8px;justify-content:center;align-items:center;opacity:1!important;visibility:visible!important}.message-template-manager .action-btn,.action-btn{padding:6px 12px;border:1px solid transparent;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;display:inline-flex!important;align-items:center;justify-content:center;opacity:1!important;visibility:visible!important;white-space:nowrap;min-height:28px;line-height:1}.message-template-manager .action-btn.action-btn-link,.action-btn.action-btn-link{background:transparent!important;color:#3b82f6!important;border:none!important;text-decoration:none;padding:6px 8px!important}.message-template-manager .action-btn.action-btn-link:hover,.action-btn.action-btn-link:hover{color:#2563eb!important;text-decoration:underline;background:transparent!important}.message-template-manager .action-btn.action-btn-primary,.action-btn.action-btn-primary{background:#3b82f6!important;color:#fff!important;border-color:#3b82f6!important}.message-template-manager .action-btn.action-btn-primary:hover,.action-btn.action-btn-primary:hover{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}.message-template-manager .action-btn.action-btn-secondary,.message-template-manager .action-btn.action-btn-outline,.action-btn.action-btn-secondary,.action-btn.action-btn-outline{background:transparent!important;color:#6b7280!important;border-color:#d1d5db!important}.message-template-manager .action-btn.action-btn-secondary:hover,.message-template-manager .action-btn.action-btn-outline:hover,.action-btn.action-btn-secondary:hover,.action-btn.action-btn-outline:hover{background:#f9fafb!important;border-color:#9ca3af!important;color:#374151!important}.message-template-manager .action-btn.action-btn-warning,.action-btn.action-btn-warning{background:transparent!important;color:#d97706!important;border-color:#fbbf24!important}.message-template-manager .action-btn.action-btn-warning:hover,.action-btn.action-btn-warning:hover{background:#fef3c7!important;border-color:#f59e0b!important}.message-template-manager .action-btn.action-btn-danger,.action-btn.action-btn-danger{background:transparent!important;color:#dc2626!important;border-color:#fca5a5!important}.message-template-manager .action-btn.action-btn-danger:hover,.action-btn.action-btn-danger:hover{background:#fee2e2!important;border-color:#ef4444!important;color:#991b1b!important}.batch-actions{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px}.selected-count{color:#374151;font-weight:500}.btn-secondary{padding:8px 16px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#e5e7eb}.btn-danger{padding:8px 16px;background:#fee2e2;color:#dc2626;border:1px solid #fecaca;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:#fecaca}.btn-warning{padding:8px 16px;background:#fef3c7;color:#d97706;border:1px solid #fde68a;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-warning:hover{background:#fde68a}.message-template-manager .pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a}.message-template-manager .pagination-info{color:#6b7280;font-size:14px}.message-template-manager .pagination-controls{display:flex;align-items:center;gap:12px}.items-per-page{padding:6px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;background:#fff;cursor:pointer}.message-template-manager .pagination-btn{padding:8px 12px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#e5e7eb}.current-page{padding:8px 12px;background:#3b82f6;color:#fff;border-radius:4px;font-size:14px;font-weight:500;min-width:40px;text-align:center}@media (max-width: 1200px){.template-table th,.message-template-manager .template-table td{padding:8px 12px}.message-template-manager .template-content-preview{max-width:200px}.stats-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.filter-batch-actions{flex-direction:column;align-items:stretch;gap:12px}.message-template-manager .filter-actions,.batch-actions{justify-content:center}}@media (max-width: 768px){.search-filter-bar{flex-direction:column;gap:12px}.filter-section{flex-direction:column}.message-template-manager .template-table-container{overflow-x:auto}.message-template-manager .template-table{min-width:800px}.batch-actions{flex-direction:column;gap:12px;align-items:stretch}.message-template-manager .pagination{flex-direction:column;gap:12px}.stats-cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.stat-card{padding:16px;gap:12px}.stat-icon{width:40px;height:40px;font-size:20px}.message-template-manager .stat-value{font-size:20px}.message-template-manager .search-main-actions{flex-direction:column;gap:12px}.message-template-manager .main-actions{justify-content:center}.message-template-manager .filter-actions{flex-direction:column;gap:8px}.batch-actions{flex-wrap:wrap;gap:6px;justify-content:center}.batch-btn{font-size:12px;padding:6px 12px}}.message-template-manager .page-header-compact{margin-bottom:20px}.message-template-manager .header-top{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 4px 16px #00000014;border:1px solid rgba(0,0,0,.06)}.message-template-manager .header-left{display:flex;align-items:center;gap:20px}.message-template-manager .quick-stats{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.message-template-manager .header-actions{display:flex;align-items:center!important;gap:16px;height:36px}.message-template-manager .search-group{display:flex;gap:4px;align-items:center!important;height:36px}.message-template-manager .search-input-compact{width:200px;padding:0 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff;transition:all .2s ease;height:36px;box-sizing:border-box;line-height:36px;margin:0;vertical-align:middle}.message-template-manager .search-input-compact:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.message-template-manager .btn-search{background:#6b7280;color:#fff;border:1px solid #6b7280;border-radius:6px;padding:0 10px;cursor:pointer;transition:all .2s ease;font-size:14px;height:36px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;margin:0;vertical-align:middle}.message-template-manager .btn-search:hover{background:#4b5563;border-color:#4b5563}.message-template-manager .header-buttons{display:flex;gap:8px;align-items:center!important;height:36px}.message-template-manager .btn-primary{background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;transition:all .2s ease}.message-template-manager .header-buttons .btn-primary.btn-sm{height:36px!important;padding:8px 16px!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important;vertical-align:middle!important}.message-template-manager .btn-primary:hover{background:#2563eb}.btn-secondary{background:transparent;color:#374151;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;transition:all .2s ease}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.message-template-manager .btn-sm{padding:6px 12px;font-size:14px;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}.message-template-manager .tag-manager-btn{min-width:120px;white-space:nowrap!important;flex-shrink:0;height:36px!important;padding:8px 12px!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important;vertical-align:middle!important;background:#f3f4f6!important;color:#374151!important;border:1px solid #d1d5db!important;border-radius:6px!important;cursor:pointer!important;transition:all .2s ease!important;gap:6px!important}.message-template-manager .tag-manager-btn:hover{background:#e5e7eb!important;border-color:#cbd5e1!important}.message-template-manager .filter-actions{display:flex;align-items:center;gap:16px}.message-template-manager .tag-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff}.message-template-manager .filters-section-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;background:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.04)}.message-template-manager .filters-section-compact .filters-left{display:flex;gap:16px;align-items:center}.message-template-manager .filters-section-compact .filters-right{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:nowrap!important}.message-template-manager .filters-section-compact .filters-right .btn-primary.btn-sm{min-width:auto;white-space:nowrap!important}.message-template-manager .filters-section-compact .tag-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:all .2s ease;min-width:120px}.message-template-manager .filters-section-compact .tag-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.message-template-manager .bulk-actions{display:flex;gap:8px;flex-wrap:wrap;flex:0 0 auto;min-width:120px}.message-template-manager .btn-outline{background:transparent;color:#3b82f6;border:1px solid #3b82f6;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.message-template-manager .btn-outline:hover{background:#3b82f6;color:#fff}.message-template-manager .btn-warning{background:#f59e0b;color:#fff;border:1px solid #f59e0b;min-width:130px;white-space:nowrap!important;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.message-template-manager .btn-warning:hover:not(:disabled){background:#d97706;border-color:#d97706}.message-template-manager .btn-warning:disabled{background:#fbbf24;border-color:#fbbf24;cursor:not-allowed}.message-template-manager .btn-danger{background:#ef4444;color:#fff;border:1px solid #ef4444;min-width:130px;white-space:nowrap!important;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.message-template-manager .btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.message-template-manager .btn-danger:disabled{background:#f87171;border-color:#f87171;cursor:not-allowed}.message-template-manager .success-toast-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .3s ease-out}.message-template-manager .success-toast{background:#fff;border-radius:16px;padding:24px 32px;box-shadow:0 20px 60px #00000026;display:flex;align-items:center;gap:16px;max-width:400px;width:90%;position:relative;animation:slideInUp .3s ease-out}.message-template-manager .error-toast-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .3s ease-out}.message-template-manager .error-toast{background:#fff;border-radius:16px;padding:24px 32px;box-shadow:0 20px 60px #00000026;display:flex;align-items:center;gap:16px;max-width:450px;width:90%;position:relative;animation:shakeIn .5s ease-out}@media (max-width: 768px){.message-template-manager .success-toast{padding:20px 24px;margin:20px;max-width:none}.success-toast-icon{width:40px;height:40px;font-size:24px}.success-toast-content h4{font-size:15px}.success-toast-content p{font-size:13px}.message-template-manager .error-toast{padding:20px 24px;margin:20px;max-width:none}.error-toast-icon{width:40px;height:40px;font-size:24px}.error-toast-content h4{font-size:15px}.error-toast-content p{font-size:13px}}.message-template-manager .modal .save-btn{background:#3b82f6!important;color:#fff!important;border:none!important;border-radius:6px;padding:10px 20px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.message-template-manager .modal .save-btn:hover{background:#2563eb!important}.message-template-manager .modal .save-btn:disabled{background:#9ca3af!important;cursor:not-allowed}.message-template-manager .modal .cancel-btn{background:#f3f4f6!important;color:#374151!important;border:1px solid #d1d5db!important;border-radius:6px;padding:10px 20px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.message-template-manager .modal .cancel-btn:hover{background:#e5e7eb!important;border-color:#9ca3af!important}.readonly-field{padding:10px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:14px}.message-template-manager .message-type-display{font-weight:500;color:#374151}.readonly-image-preview{text-align:center}.readonly-content{padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#374151;font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word;max-height:150px;overflow-y:auto}.image-upload-container{display:flex;flex-direction:column;gap:12px}.image-upload-tabs{display:flex;gap:8px;margin-bottom:12px}.image-upload-tab{padding:8px 16px;background:#f8fafc;color:#64748b;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.image-upload-tab.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.image-upload-tab:hover:not(.active){background:#f1f5f9;border-color:#cbd5e1}.image-url-input{width:100%;word-break:break-all;overflow-wrap:break-word}.image-upload-area{border:2px dashed #d1d5db;border-radius:8px;padding:32px 16px;text-align:center;background:#f9fafb;transition:all .2s ease;cursor:pointer}.image-upload-area:hover{border-color:#3b82f6;background:#f0f7ff}.image-upload-area.dragover{border-color:#3b82f6;background:#e0f2fe}.image-upload-icon{font-size:48px;color:#9ca3af;margin-bottom:12px}.image-upload-text{color:#6b7280;font-size:14px;margin-bottom:8px}.image-upload-hint{color:#9ca3af;font-size:12px}.image-preview{margin-top:12px;text-align:center}.image-preview img{max-width:100%;max-height:200px;border-radius:6px;border:1px solid #e5e7eb}.image-preview-with-delete{position:relative;display:inline-block}.message-template-manager .delete-image-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:#ef4444;color:#fff;border:none;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003;transition:all .2s ease}.delete-image-btn:hover{background:#dc2626;transform:scale(1.1)}.delete-image-btn:active{transform:scale(.95)}.upload-progress{margin-top:12px;padding:8px 12px;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:6px;color:#0369a1;font-size:14px}.upload-error{margin-top:12px;padding:8px 12px;background:#fef2f2;border:1px solid #f87171;border-radius:6px;color:#dc2626;font-size:14px}.auto-reply-manager{padding:32px 24px;width:95%;max-width:1600px;margin:0 auto;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh}.auto-reply-header{text-align:center;margin-bottom:30px}.auto-reply-header h2{color:#2c3e50;margin-bottom:10px;font-size:28px}.auto-reply-subtitle{color:#7f8c8d;font-size:16px;margin:0}.tab-navigation{display:flex;justify-content:center;margin-bottom:30px;border-bottom:1px solid #e9ecef}.tab-btn{background:none;border:none;padding:12px 24px;margin:0 5px;cursor:pointer;font-size:16px;color:#7f8c8d;border-bottom:3px solid transparent;transition:all .3s ease}.tab-btn:hover{color:#3498db}.tab-btn.active{color:#3498db;border-bottom-color:#3498db;font-weight:500}.tab-content{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.reply-section h3{color:#2c3e50;margin-bottom:25px;font-size:22px;border-bottom:2px solid #3498db;padding-bottom:10px}.setting-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-bottom:20px}.setting-card h4{color:#2c3e50;margin:0 0 15px;font-size:16px}.setting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.setting-header h4{margin:0}.setting-description{color:#7f8c8d;font-size:14px;margin:10px 0 0;line-height:1.4}.keywords-section{display:flex;flex-direction:column;gap:15px}.keyword-input{display:flex;gap:10px;align-items:center}.keyword-input input{flex:1;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px}.keyword-input button{background:#3498db;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s}.keyword-input button:hover{background:#2980b9}.keywords-list{display:flex;flex-wrap:wrap;gap:8px;min-height:40px;padding:10px;background:#fff;border:1px solid #ddd;border-radius:6px}.keyword-tag{display:inline-flex;align-items:center;gap:5px;background:#3498db;color:#fff;padding:5px 10px;border-radius:20px;font-size:14px}.keyword-tag button{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s}.keyword-tag button:hover{background:#fff3}.batch-import-btn{background:#27ae60;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;align-self:flex-start;transition:background-color .3s}.batch-import-btn:hover{background:#219a52}textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;box-sizing:border-box}.delay-setting{display:flex;align-items:center;gap:15px;margin-bottom:10px}.delay-setting input[type=range]{flex:1;height:6px;background:#ddd;outline:none;border-radius:3px}.delay-setting input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#3498db;cursor:pointer;border-radius:50%}.delay-setting input[type=range]::-moz-range-thumb{width:20px;height:20px;background:#3498db;cursor:pointer;border-radius:50%;border:none}.delay-setting span{min-width:60px;text-align:center;font-weight:500;color:#3498db}.test-section{display:flex;gap:10px;align-items:center}.test-section input{flex:1;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px}.test-section button{background:#e67e22;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s}.test-section button:hover{background:#d35400}select{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.length-setting{display:flex;align-items:center;gap:15px}.length-setting input[type=range]{flex:1;height:6px;background:#ddd;outline:none;border-radius:3px}.length-setting input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#3498db;cursor:pointer;border-radius:50%}.length-setting input[type=range]::-moz-range-thumb{width:20px;height:20px;background:#3498db;cursor:pointer;border-radius:50%;border:none}.length-setting span{min-width:80px;text-align:center;font-weight:500;color:#3498db}.action-buttons{display:flex;gap:15px;justify-content:center;margin-top:30px}.save-btn,.test-ai-btn{padding:12px 24px;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s}.save-btn{background:#27ae60;color:#fff}.save-btn:hover{background:#219a52}.test-ai-btn{background:#9b59b6;color:#fff}.test-ai-btn:hover{background:#8e44ad}@media (max-width: 768px){.auto-reply-manager{padding:15px}.tab-navigation{flex-wrap:wrap;gap:10px}.tab-btn{flex:1;min-width:120px;margin:0}.tab-content{padding:20px}.keyword-input{flex-direction:column;align-items:stretch}.keyword-input button{align-self:flex-start}.delay-setting,.length-setting{flex-direction:column;align-items:stretch;gap:10px}.delay-setting span,.length-setting span{text-align:left}.test-section,.action-buttons{flex-direction:column;align-items:stretch}}.task-manager{padding:32px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh;width:95%;max-width:1600px;margin:0 auto}.task-manager .page-header-compact{margin-bottom:20px}.task-manager .header-top{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 4px 16px #00000014;border:1px solid rgba(0,0,0,.06)}.task-manager .header-left{display:flex;align-items:center;gap:20px}.task-manager .quick-stats{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.task-manager .header-actions{display:flex;align-items:center;gap:12px}.task-manager .search-group{display:flex;gap:4px;align-items:center}.task-manager .search-input-compact{width:200px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff;transition:all .2s ease}.task-manager .search-input-compact:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.task-manager .btn-search{background:#6b7280;color:#fff;border:1px solid #6b7280;border-radius:6px;padding:8px 10px;cursor:pointer;transition:all .2s ease;font-size:14px}.task-manager .btn-search:hover{background:#4b5563;border-color:#4b5563}.task-manager .header-buttons{display:flex;gap:8px}.task-manager .btn-primary{background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;transition:all .2s ease}.task-manager .btn-primary:hover{background:#2563eb}.task-manager .btn-sm{padding:8px 12px}.protection-settings-btn{background:#f59e0b;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;transition:all .2s ease;padding:8px 12px}.protection-settings-btn:hover{background:#d97706}.task-manager .filter-actions{display:flex;align-items:center;gap:16px}.task-manager .tag-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff}.task-manager .filters-section-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;background:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.04)}.task-manager .filters-section-compact .filters-left{display:flex;gap:16px;align-items:center}.task-manager .filters-section-compact .tag-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:all .2s ease;min-width:120px}.task-manager .filters-section-compact .tag-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.task-manager .bulk-actions{display:flex;gap:8px;flex-wrap:wrap;flex:0 0 auto;min-width:120px}.task-manager .btn-outline{background:transparent;color:#3b82f6;border:1px solid #3b82f6;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.task-manager .btn-outline:hover{background:#3b82f6;color:#fff}.task-manager .btn-danger{background:#ef4444;color:#fff;border:1px solid #ef4444;min-width:130px;white-space:nowrap!important;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.task-manager .btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.task-manager .btn-danger:disabled{background:#f87171;border-color:#f87171;cursor:not-allowed}.task-manager .protection-status{background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 4px 16px #00000014;border:1px solid rgba(0,0,0,.06);margin-bottom:20px}.task-manager .protection-status-header{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.task-manager .status-label{font-weight:600;color:#374151;font-size:14px}.task-manager .status-indicator{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.task-manager .status-indicator.active{background:#d1fae5;color:#065f46}.task-manager .status-indicator.inactive{background:#fee2e2;color:#991b1b}.task-manager .risk-threshold{color:#f59e0b;font-weight:500;font-size:12px}.task-manager .stat-card{background:#fff!important;border-radius:8px!important;padding:12px 16px!important;box-shadow:0 2px 4px -1px #0000001a,0 1px 2px -1px #0000000f!important;display:flex!important;align-items:center!important;gap:12px!important;transition:all .3s ease!important;border:1px solid rgba(0,0,0,.04)!important}.task-manager .stat-card:hover{transform:translateY(-2px)!important;box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d!important}.task-manager .stat-icon{font-size:1.5rem!important;opacity:.8!important;display:flex!important;align-items:center!important;justify-content:center!important}.task-manager .stat-content{flex:1}.task-manager .stat-content h3{font-size:.75rem!important;font-weight:500!important;color:#6b7280!important;margin:0 0 2px!important;text-transform:uppercase!important;letter-spacing:.05em!important}.task-manager .stat-number{font-size:1.25rem!important;font-weight:700!important;color:#111827!important;margin:0!important}.task-manager .template-table-container{background:#fff;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:20px}.task-manager .template-table{width:100%;border-collapse:collapse;font-size:14px}.task-manager .template-table th{background:#f8fafc;padding:12px 16px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.task-manager .template-table td{padding:12px 16px;border-bottom:1px solid #f3f4f6;vertical-align:middle;height:60px}.task-manager .template-row:hover{background:#f9fafb}.task-manager .template-row:last-child td{border-bottom:none}.task-manager .template-name-cell strong{color:#111827;font-weight:600}.task-manager .count-badge{background:#e0e7ff;color:#3730a3;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.task-manager .status-badge{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.task-manager .created-time{color:#6b7280;font-size:13px}.task-manager .template-actions,.template-actions{display:flex!important;gap:8px;align-items:center;justify-content:center;opacity:1!important;visibility:visible!important}.task-manager .action-btn,.action-btn{padding:6px 12px;border:1px solid transparent;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;display:inline-flex!important;align-items:center;justify-content:center;opacity:1!important;visibility:visible!important;white-space:nowrap;min-height:28px;line-height:1}.task-manager .action-btn.action-btn-link,.action-btn.action-btn-link{background:transparent!important;color:#3b82f6!important;border:none!important;text-decoration:none;padding:6px 8px!important}.task-manager .action-btn.action-btn-link:hover,.action-btn.action-btn-link:hover{color:#2563eb!important;text-decoration:underline;background:transparent!important}.task-manager .action-btn.action-btn-primary,.action-btn.action-btn-primary{background:#3b82f6!important;color:#fff!important;border-color:#3b82f6!important}.task-manager .action-btn.action-btn-primary:hover,.action-btn.action-btn-primary:hover{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}.task-manager .action-btn.action-btn-secondary,.task-manager .action-btn.action-btn-outline,.action-btn.action-btn-secondary,.action-btn.action-btn-outline{background:transparent!important;color:#6b7280!important;border-color:#d1d5db!important}.task-manager .action-btn.action-btn-secondary:hover,.task-manager .action-btn.action-btn-outline:hover,.action-btn.action-btn-secondary:hover,.action-btn.action-btn-outline:hover{background:#f9fafb!important;border-color:#9ca3af!important;color:#374151!important}.task-manager .action-btn.action-btn-warning,.action-btn.action-btn-warning{background:transparent!important;color:#d97706!important;border-color:#fbbf24!important}.task-manager .action-btn.action-btn-warning:hover,.action-btn.action-btn-warning:hover{background:#fef3c7!important;border-color:#f59e0b!important}.task-manager .action-btn.action-btn-danger,.action-btn.action-btn-danger{background:transparent!important;color:#dc2626!important;border-color:#fca5a5!important}.task-manager .action-btn.action-btn-danger:hover,.action-btn.action-btn-danger:hover{background:#fee2e2!important;border-color:#ef4444!important;color:#991b1b!important}.task-manager .time-slots-display{display:flex;flex-wrap:wrap;gap:4px}.task-manager .time-slot-tag{background:#f0f9ff;color:#0369a1;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500}.task-manager .task-description{color:#6b7280;font-size:12px;font-style:italic}.task-manager .empty-state{text-align:center;padding:40px 20px;color:#6b7280}.task-manager .empty-icon{font-size:48px;margin-bottom:16px}.task-manager .empty-state h3{margin:0 0 8px;color:#374151;font-size:18px;font-weight:600}.task-manager .empty-state p{margin:0 0 20px;font-size:14px;line-height:1.5}.task-manager .pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a}.task-manager .pagination-info{color:#6b7280;font-size:14px}.task-manager .pagination-controls{display:flex;align-items:center;gap:12px}.task-manager .items-per-page{padding:6px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;background:#fff;cursor:pointer}.task-manager .pagination-btn{padding:8px 12px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s ease}.task-manager .pagination-btn:hover:not(:disabled){background:#e5e7eb}.task-manager .pagination-btn:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.task-manager .current-page{padding:8px 12px;background:#3b82f6;color:#fff;border-radius:4px;font-size:14px;font-weight:500;min-width:40px;text-align:center}.task-manager .modal-overlay,.modal-overlay.task-manager-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.task-manager .modal,.modal.task-manager-modal{background:#fff;border-radius:8px;padding:24px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.task-manager .modal-header,.modal.task-manager-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.task-manager .modal-header h3,.modal.task-manager-modal .modal-header h3{margin:0;color:#1f2937;font-size:20px;font-weight:600}.task-manager .close-btn,.modal.task-manager-modal .close-btn{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.task-manager .close-btn:hover,.modal.task-manager-modal .close-btn:hover{background:#f3f4f6;color:#374151}.task-manager .modal-body,.modal.task-manager-modal .modal-body,.detail-section{margin-bottom:20px}.detail-section h4{margin:0 0 12px;color:#374151;font-size:16px;font-weight:600}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item label{font-weight:500;color:#6b7280;font-size:12px}.detail-item span{color:#111827;font-size:14px}.groups-list,.templates-list{display:flex;flex-wrap:wrap;gap:8px}.group-tag,.template-tag{background:#e0e7ff;color:#3730a3;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.no-data{color:#9ca3af;font-size:14px;font-style:italic}.time-slots-detail{display:flex;flex-direction:column;gap:8px}.time-slot-detail{display:flex;align-items:center;gap:8px}.time-range{background:#f0f9ff;color:#0369a1;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.time-label{color:#6b7280;font-size:12px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb}.cancel-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;padding:10px 20px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.cancel-btn:hover{background:#e5e7eb;border-color:#9ca3af}.success-toast-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .3s ease-out}.success-toast{background:#fff;border-radius:16px;padding:24px 32px;box-shadow:0 20px 60px #00000026;display:flex;align-items:center;gap:16px;max-width:400px;width:90%;position:relative;animation:slideInUp .3s ease-out}.success-toast-icon{font-size:32px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.success-toast-content{flex:1}.success-toast-content h4{margin:0 0 4px;color:#1f2937;font-size:16px;font-weight:600}.success-toast-content p{margin:0;color:#6b7280;font-size:14px;line-height:1.4}.success-toast-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:20px;color:#9ca3af;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.success-toast-close:hover{background:#f3f4f6;color:#6b7280}.error-toast-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .3s ease-out}.error-toast{background:#fff;border-radius:16px;padding:24px 32px;box-shadow:0 20px 60px #00000026;display:flex;align-items:center;gap:16px;max-width:450px;width:90%;position:relative;animation:shakeIn .5s ease-out}.error-toast-icon{font-size:32px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.error-toast-content{flex:1}.error-toast-content h4{margin:0 0 4px;color:#dc2626;font-size:16px;font-weight:600}.error-toast-content p{margin:0;color:#6b7280;font-size:14px;line-height:1.4}.error-toast-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:20px;color:#9ca3af;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.error-toast-close:hover{background:#f3f4f6;color:#6b7280}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shakeIn{0%{opacity:0;transform:scale(.3) rotate(-10deg)}50%{opacity:.8;transform:scale(1.1) rotate(5deg)}70%{opacity:1;transform:scale(.95) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(0)}}.strategy-name{font-weight:600;color:#374151;font-size:14px}.no-strategy{color:#9ca3af;font-size:14px;font-style:italic}.protection-strategy-cell{display:flex;flex-direction:column;align-items:center;gap:4px}.strategy-name-small{font-size:12px;font-weight:500;color:#374151}.strategy-features{display:flex;gap:2px;flex-wrap:wrap;justify-content:center}.feature-tag{background:#e0e7ff;color:#3730a3;padding:1px 4px;border-radius:3px;font-size:10px;font-weight:500}.no-strategy-small{color:#9ca3af;font-size:11px;font-style:italic}.strategy-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:6px;padding:12px}.strategy-option{display:flex;align-items:flex-start;gap:12px}.strategy-option input[type=radio]{margin-top:4px}.strategy-label{flex:1;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s ease}.strategy-label:hover{background:#f9fafb}.strategy-info{display:flex;flex-direction:column;gap:4px}.strategy-description{color:#6b7280;font-size:12px;line-height:1.4}.risk-tag{background:#fef3c7;color:#d97706;padding:1px 4px;border-radius:3px;font-size:10px;font-weight:500}.strategy-detail{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.strategy-detail .strategy-name{font-size:16px;margin-bottom:8px}.strategy-detail .strategy-description{color:#6b7280;font-size:14px;margin-bottom:12px;line-height:1.4}.strategy-detail .strategy-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.feature-item{display:flex;align-items:center}.feature-status{font-size:13px;font-weight:500}.feature-status.active{color:#065f46}.feature-status.inactive{color:#991b1b}.no-strategy-detail{text-align:center;padding:20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.no-strategy-detail p{color:#6b7280;margin-bottom:12px}@media (max-width: 1200px){.template-table th,.template-table td{padding:8px 12px}.stats-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.filter-actions{flex-direction:column;align-items:stretch;gap:12px}}@media (max-width: 768px){.task-manager{padding:16px}.header-top{flex-direction:column;gap:16px;align-items:stretch}.search-input-compact{width:100%}.template-table-container{overflow-x:auto}.template-table{min-width:800px}.stats-cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.stat-card{padding:16px;gap:12px}.stat-icon{width:40px;height:40px;font-size:20px}.success-toast{padding:20px 24px;margin:20px;max-width:none}.success-toast-icon{width:40px;height:40px;font-size:24px}.success-toast-content h4{font-size:15px}.success-toast-content p{font-size:13px}.error-toast{padding:20px 24px;margin:20px;max-width:none}.error-toast-icon{width:40px;height:40px;font-size:24px}.error-toast-content h4{font-size:15px}.error-toast-content p{font-size:13px}}.message-log{padding:32px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh;width:95%;max-width:1600px;margin:0 auto}.message-log .message-log-header{margin-bottom:24px}.message-log-header h2{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:8px}.message-log-header .subtitle{color:#6b7280;font-size:16px;margin:0}.message-log .page-header-compact{margin-bottom:20px}.message-log .header-top{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 4px 16px #00000014;border:1px solid rgba(0,0,0,.06)}.message-log .header-left{display:flex;gap:16px;align-items:center}.message-log .quick-stats{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.message-log .stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d}.message-log .filters-section-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;background:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.04)}.message-log .filters-left{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.message-log .filter-group{display:flex;align-items:center;gap:8px}.message-log .filter-group label{font-weight:500;color:#374151;font-size:14px;white-space:nowrap}.message-log .filter-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:all .2s ease;height:36px;box-sizing:border-box}.message-log .filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.message-log .header-actions{display:flex;gap:16px;align-items:center!important;margin-left:auto;height:36px}.message-log .search-group{display:flex;gap:4px;align-items:center!important;height:36px}.message-log .search-input-compact{width:200px;padding:0 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff;transition:all .2s ease;height:36px;box-sizing:border-box;line-height:36px;margin:0;vertical-align:middle}.message-log .search-input-compact:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.message-log .btn-search{background:#6b7280;color:#fff;border:1px solid #6b7280;border-radius:6px;padding:0 10px;cursor:pointer;transition:all .2s ease;font-size:14px;height:36px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;margin:0;vertical-align:middle}.message-log .btn-search:hover{background:#4b5563;border-color:#4b5563}.message-log .message-list{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.message-table{overflow-x:auto}.message-table table{width:100%;border-collapse:collapse}.message-table th{background:#f9fafb;padding:16px 12px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.message-table td{padding:16px 12px;border-bottom:1px solid #f3f4f6;vertical-align:top}.message-row:hover{background:#f9fafb}.timestamp{color:#6b7280;font-size:14px;white-space:nowrap}.phone-number{font-family:monospace;color:#374151;font-weight:500}.target-group{color:#374151;max-width:200px;word-break:break-all}.message-content{max-width:300px}.message-preview{color:#374151;line-height:1.5}.status{text-align:center}.message-log .status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase}.status-success{background:#d1fae5;color:#065f46}.status-failed{background:#fee2e2;color:#991b1b}.status-pending{background:#fef3c7;color:#92400e}.status-unknown{background:#f3f4f6;color:#6b7280}.empty-state h3{margin:0 0 8px;color:#374151}.empty-state p{margin:0;font-size:16px}.loading-container{text-align:center;padding:60px 20px;color:#6b7280}.message-log .type-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap}.type-badge.type-group{background:#e0f2fe;color:#0369a1}.type-badge.type-contact{background:#fce7f3;color:#be185d}.account-name{font-size:11px;color:#6b7280;margin-top:2px}.target-cell{min-width:150px}.contact-username,.group-name{font-weight:500;color:#1f2937;font-size:14px}.contact-detail,.group-id{font-size:11px;color:#6b7280;margin-top:2px}.error-message{color:#dc2626;font-size:11px;margin-top:4px;font-style:italic}@media (max-width: 768px){.message-log{padding:16px}.message-log .filters-section-compact{flex-direction:column;gap:16px;align-items:stretch}.message-log .filters-left,.message-log .filter-group{flex-direction:column;align-items:stretch}.message-log .search-input-compact{width:100%}.message-log .header-top{flex-direction:column;gap:16px;align-items:stretch}.message-log .header-left{width:100%}.message-log .quick-stats{width:100%;flex-direction:column;gap:12px}.message-log .stat-card{margin-right:0!important;width:100%}.message-log .header-actions{width:100%;margin-left:0}.message-log .search-group{width:100%}.message-log .search-input-compact{flex:1}.message-table{font-size:14px}.message-table th,.message-table td{padding:12px 8px}.batch-actions-bar{flex-direction:column;gap:16px;align-items:stretch}.batch-buttons{justify-content:center}}.batch-actions-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.select-actions label{font-weight:500;color:#374151;cursor:pointer}.batch-buttons{display:flex;gap:12px}.batch-delete-btn{padding:8px 16px;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.batch-delete-btn:hover:not(:disabled){background:#b91c1c}.batch-delete-btn:disabled{background:#9ca3af;cursor:not-allowed}.delete-all-btn{padding:8px 16px;background:#991b1b;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.delete-all-btn:hover:not(:disabled){background:#7f1d1d}.delete-all-btn:disabled{background:#9ca3af;cursor:not-allowed}.select-cell{text-align:center;vertical-align:middle}.select-cell input[type=checkbox]{width:16px;height:16px;cursor:pointer}.actions{text-align:center;vertical-align:middle}.message-log .action-buttons-new,.action-buttons-new{display:flex!important;gap:8px;align-items:center;justify-content:center;opacity:1!important;visibility:visible!important}.message-log .action-btn,.action-btn{padding:6px 12px;border:1px solid transparent;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;display:inline-flex!important;align-items:center;justify-content:center;opacity:1!important;visibility:visible!important;white-space:nowrap;min-height:28px;line-height:1}.message-log .action-btn.action-btn-link,.action-btn.action-btn-link{background:transparent!important;color:#3b82f6!important;border:none!important;text-decoration:none;padding:6px 8px!important}.message-log .action-btn.action-btn-link:hover,.action-btn.action-btn-link:hover{color:#2563eb!important;text-decoration:underline;background:transparent!important}.message-log .action-btn.action-btn-primary,.action-btn.action-btn-primary{background:#3b82f6!important;color:#fff!important;border-color:#3b82f6!important}.message-log .action-btn.action-btn-primary:hover,.action-btn.action-btn-primary:hover{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}.message-log .action-btn.action-btn-secondary,.message-log .action-btn.action-btn-outline,.action-btn.action-btn-secondary,.action-btn.action-btn-outline{background:transparent!important;color:#6b7280!important;border-color:#d1d5db!important}.message-log .action-btn.action-btn-secondary:hover,.message-log .action-btn.action-btn-outline:hover,.action-btn.action-btn-secondary:hover,.action-btn.action-btn-outline:hover{background:#f9fafb!important;border-color:#9ca3af!important;color:#374151!important}.message-log .action-btn.action-btn-warning,.action-btn.action-btn-warning{background:transparent!important;color:#d97706!important;border-color:#fbbf24!important}.message-log .action-btn.action-btn-warning:hover,.action-btn.action-btn-warning:hover{background:#fef3c7!important;border-color:#f59e0b!important}.message-log .action-btn.action-btn-danger,.action-btn.action-btn-danger{background:transparent!important;color:#dc2626!important;border-color:#fca5a5!important}.message-log .action-btn.action-btn-danger:hover,.action-btn.action-btn-danger:hover{background:#fee2e2!important;border-color:#ef4444!important;color:#991b1b!important}.message-log .action-btn.action-btn-danger:disabled,.action-btn.action-btn-danger:disabled{opacity:.5!important;cursor:not-allowed!important}.delete-single-btn{background:transparent!important;border:1px solid #fca5a5!important;color:#dc2626!important;font-size:13px!important;font-weight:500!important;cursor:pointer;padding:6px 12px!important;border-radius:4px!important;transition:all .2s ease;display:inline-flex!important;align-items:center;justify-content:center;white-space:nowrap;min-height:28px;line-height:1}.delete-single-btn:hover:not(:disabled){background:#fee2e2!important;border-color:#ef4444!important;color:#991b1b!important}.delete-single-btn:disabled{opacity:.5!important;cursor:not-allowed!important}.protection-manager{padding:32px 24px;width:95%;max-width:1600px;margin:0 auto;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh}.protection-header{text-align:center;margin-bottom:30px}.protection-header h2{color:#2c3e50;margin-bottom:10px;font-size:28px}.protection-subtitle{color:#7f8c8d;font-size:16px;margin:0 0 20px}.task-impact-stats{display:flex;justify-content:center;gap:20px;margin-top:20px}.impact-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000001a;border:1px solid #e9ecef;display:flex;align-items:center;gap:15px;min-width:150px;transition:all .3s ease}.impact-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.impact-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:10px}.impact-info h4{margin:0 0 4px;color:#374151;font-size:14px;font-weight:500}.impact-number{font-size:20px;font-weight:700;color:#1f2937}.protection-sections{display:flex;flex-direction:column;gap:30px}.protection-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.protection-section h3{color:#2c3e50;margin-bottom:20px;font-size:20px;border-bottom:2px solid #3498db;padding-bottom:8px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.add-strategy-btn{background:#27ae60;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s}.add-strategy-btn:hover{background:#219a52}.protection-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.protection-setting-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;transition:all .3s ease}.protection-setting-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.setting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.setting-header h4{color:#2c3e50;margin:0;font-size:16px}.setting-description{color:#7f8c8d;font-size:14px;margin:0;line-height:1.4}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#3498db}.protection-parameters{display:flex;flex-direction:column;gap:20px}.parameter-row{display:flex;align-items:center;gap:15px;padding:15px;background:#f8f9fa;border-radius:8px}.parameter-row label{min-width:120px;font-weight:500;color:#2c3e50}.parameter-row input[type=range]{flex:1;height:6px;background:#ddd;outline:none;border-radius:3px}.parameter-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#3498db;cursor:pointer;border-radius:50%}.parameter-row input[type=range]::-moz-range-thumb{width:20px;height:20px;background:#3498db;cursor:pointer;border-radius:50%;border:none}.parameter-row span{min-width:60px;text-align:center;font-weight:500;color:#3498db}.strategies-list{display:flex;flex-direction:column;gap:15px}.strategy-card{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;transition:all .3s ease}.strategy-card:hover{box-shadow:0 2px 8px #0000001a}.strategy-info h4{color:#2c3e50;margin:0 0 8px;font-size:16px}.strategy-details{display:flex;gap:20px;flex-wrap:wrap}.strategy-details span{color:#7f8c8d;font-size:14px}.strategy-actions{display:flex;gap:10px}.edit-btn,.delete-btn{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.edit-btn{background:#3498db;color:#fff}.edit-btn:hover{background:#2980b9}.delete-btn{background:#e74c3c;color:#fff}.delete-btn:hover{background:#c0392b}.protection-actions{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef}.action-buttons{display:flex;justify-content:center;gap:16px;margin-bottom:16px}.save-protection-btn{background:linear-gradient(135deg,#27ae60,#219a52);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px #27ae6033}.save-protection-btn:hover{background:linear-gradient(135deg,#219a52,#1e8449);transform:translateY(-1px);box-shadow:0 4px 8px #27ae604d}.apply-to-tasks-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px #3b82f633}.apply-to-tasks-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.apply-to-tasks-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.action-info{text-align:center}.action-info p{margin:0;color:#6b7280;font-size:14px}.action-info strong{color:#374151;font-weight:600}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e9ecef}.modal-header h3{margin:0;color:#2c3e50}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#7f8c8d;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-btn:hover{color:#2c3e50}.modal-body{padding:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#2c3e50}.form-group input[type=text]{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.form-group input[type=range]{width:100%;height:6px;background:#ddd;outline:none;border-radius:3px;margin-bottom:8px}.form-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#3498db;cursor:pointer;border-radius:50%}.form-group span{color:#3498db;font-weight:500}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #e9ecef}.cancel-btn,.confirm-btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s}.cancel-btn{background:#95a5a6;color:#fff}.cancel-btn:hover{background:#7f8c8d}.confirm-btn{background:#27ae60;color:#fff}.confirm-btn:hover{background:#219a52}@media (max-width: 768px){.protection-manager{padding:15px}.task-impact-stats{flex-direction:column;align-items:center;gap:12px}.impact-card{width:100%;max-width:300px}.action-buttons{flex-direction:column;gap:12px}.save-protection-btn,.apply-to-tasks-btn{width:100%}.protection-settings-grid{grid-template-columns:1fr}.parameter-row{flex-direction:column;align-items:flex-start;gap:10px}.parameter-row label{min-width:auto}.strategy-card{flex-direction:column;align-items:flex-start;gap:15px}.strategy-actions{align-self:stretch;justify-content:flex-end}}.analytics-page{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:32px 24px;width:95%;max-width:1600px;margin:0 auto;min-height:100vh}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.header-actions{display:flex;gap:16px;align-items:center}.time-range-selector{padding:8px 16px;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:14px;color:#374151;cursor:pointer;transition:all .2s ease}.time-range-selector:hover{border-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a}.time-range-selector:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.refresh-btn{padding:8px 16px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.refresh-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d;background:linear-gradient(135deg,#1d4ed8,#1e40af)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.stats-overview{margin-bottom:32px}.stats-overview h3{color:#1f2937;margin-bottom:20px;font-size:20px;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(0,0,0,.06);display:flex;align-items:center;gap:16px;transition:all .2s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000002e}.stat-icon{font-size:32px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px}.stat-info h4{margin:0 0 8px;font-size:14px;color:#6b7280;font-weight:500}.stat-number{font-size:28px;font-weight:700;color:#1f2937;margin-right:4px}.stat-label{font-size:14px;color:#6b7280}.trends-section{margin-bottom:32px}.trends-section h3{color:#1f2937;margin-bottom:20px;font-size:20px;font-weight:600}.trends-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.trend-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(0,0,0,.06);transition:all .2s ease}.trend-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000002e}.trend-card h4{margin:0 0 16px;color:#1f2937;font-size:16px;font-weight:600}.chart-placeholder{text-align:center;color:#6b7280}.chart-placeholder p{margin:0 0 16px;font-size:14px}.chart-mock{display:flex;align-items:end;justify-content:center;gap:8px;height:120px;margin:16px 0}.chart-bar{width:20px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:4px 4px 0 0;min-height:20px;transition:all .3s ease}.chart-bar:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:scaleY(1.1)}.health-status{display:flex;flex-direction:column;gap:12px;align-items:center}.status-item{display:flex;align-items:center;gap:8px;font-size:14px}.status-dot{width:8px;height:8px;border-radius:50%}.status-item.healthy .status-dot{background:#10b981}.status-item.warning .status-dot{background:#f59e0b}.status-item.error .status-dot{background:#ef4444}.task-performance{display:flex;flex-direction:column;gap:12px}.performance-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f9fafb;border-radius:8px;font-size:14px}.performance-label{color:#6b7280}.performance-value{color:#1f2937;font-weight:600}.detailed-stats{margin-bottom:32px}.detailed-stats h3{color:#1f2937;margin-bottom:20px;font-size:20px;font-weight:600}.stats-tabs{display:flex;gap:8px;margin-bottom:20px}.tab-btn{padding:8px 16px;background:#f3f4f6;color:#6b7280;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease}.tab-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.tab-btn:hover:not(.active){background:#e5e7eb;color:#374151}.stats-table-container{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(0,0,0,.06);overflow:hidden}.stats-table{width:100%;border-collapse:collapse}.stats-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:16px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.stats-table td{padding:16px;border-bottom:1px solid #f3f4f6;color:#374151}.stats-table tbody tr:hover{background:#f9fafb}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.healthy{background:#d1fae5;color:#065f46}.status-badge.warning{background:#fef3c7;color:#92400e}.status-badge.error{background:#fee2e2;color:#991b1b}.export-section h3{color:#1f2937;margin-bottom:20px;font-size:20px;font-weight:600}.export-actions{display:flex;gap:16px;flex-wrap:wrap}.export-btn{padding:12px 20px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#374151;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.export-btn:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}@media (max-width: 768px){.analytics-page{padding:20px 16px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.trends-grid{grid-template-columns:1fr;gap:16px}.stat-card{padding:16px}.stat-icon{width:48px;height:48px;font-size:24px}.stat-number{font-size:24px}.header-actions{flex-direction:column;gap:12px;align-items:stretch}.export-actions{flex-direction:column}.export-btn{justify-content:center}}.user-list-manager{width:95%;max-width:1600px;margin:0 auto;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:32px 24px;min-height:100vh}.user-list-manager .page-header-compact{margin-bottom:20px}.user-list-manager .header-top{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 4px 16px #00000014;border:1px solid rgba(0,0,0,.06)}.user-list-manager .header-left{display:flex;gap:16px;align-items:center}.user-list-manager .header-left h2{margin:0 0 8px;color:#1f2937;font-size:26px;font-weight:700}.user-list-manager .quick-stats{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.user-list-manager .stat-item{display:flex;align-items:center;gap:4px;color:#6b7280;font-size:14px;font-weight:500}.user-list-manager .stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d}.user-list-manager .header-actions{display:flex;gap:16px;align-items:center!important;margin-left:auto;height:36px}.user-list-manager .header-filters{display:flex;gap:12px;align-items:center}.user-list-manager .header-buttons{display:flex;gap:8px;align-items:center!important;height:36px}.user-list-manager .filters-section-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;background:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.04)}.user-list-manager .filters-left,.user-list-manager .filters-right{display:flex;gap:16px;align-items:center}.user-list-manager .search-box{position:relative;flex:0 0 100px;min-width:100px}.user-list-manager .search-input{width:100%;padding:12px 16px 12px 48px;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;background:#fff;transition:all .2s ease}.user-list-manager .search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.user-list-manager .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:16px}.user-list-manager .tag-filter{display:flex;gap:6px;align-items:center;flex:0 0 120px;min-width:120px}.user-list-manager .tag-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:all .2s ease}.user-list-manager .tag-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.user-list-manager .tag-manage-btn{padding:8px 12px!important;min-width:120px;font-size:14px;white-space:nowrap!important;flex-shrink:0;height:36px!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important;vertical-align:middle!important;background:#f3f4f6!important;color:#374151!important;border:1px solid #d1d5db!important;border-radius:6px!important;cursor:pointer!important;transition:all .2s ease!important;gap:6px!important}.user-list-manager .tag-manage-btn:hover{background:#e5e7eb!important;border-color:#cbd5e1!important}.user-list-manager .bulk-actions{display:flex;gap:8px;flex-wrap:wrap;flex:0 0 auto;min-width:120px}.user-list-manager .btn-warning{background:#f59e0b;color:#fff;border:1px solid #f59e0b;min-width:130px;white-space:nowrap!important}.user-list-manager .btn-warning:hover{background:#d97706;border-color:#d97706}.user-list-manager .btn-warning:disabled{background:#fbbf24;border-color:#fbbf24;cursor:not-allowed}.user-list-manager .btn-danger{background:#ef4444;color:#fff;border:1px solid #ef4444;min-width:130px;white-space:nowrap!important}.user-list-manager .btn-danger:hover{background:#dc2626;border-color:#dc2626}.user-list-manager .btn-danger:disabled{background:#f87171;border-color:#f87171;cursor:not-allowed}.btn-info{background:#06b6d4;color:#fff;border:1px solid #06b6d4}.btn-info:hover{background:#0891b2;border-color:#0891b2}.user-list-manager .search-group{display:flex;gap:4px;align-items:center!important;height:36px}.user-list-manager .search-input-compact{width:200px;padding:0 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff;transition:all .2s ease;height:36px;box-sizing:border-box;line-height:36px;margin:0;vertical-align:middle}.user-list-manager .search-input-compact:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.user-list-manager .btn-search{background:#6b7280;color:#fff;border:1px solid #6b7280;border-radius:6px;padding:0 10px;cursor:pointer;transition:all .2s ease;font-size:14px;height:36px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;margin:0;vertical-align:middle}.user-list-manager .btn-search:hover{background:#4b5563;border-color:#4b5563}.users-table-container{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(0,0,0,.06);overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:12px 16px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e2e8f0;font-size:15px}.users-table th.status-header,.users-table th.action-header{text-align:center!important}.users-table td.status-cell,.users-table td.action-cell{text-align:center!important;padding:10px 16px!important}.users-table th.last-contact-header,.users-table th.message-count-header{text-align:center!important}.users-table td.last-contact-cell,.users-table td.message-count-cell{text-align:center!important;padding:10px 16px!important;font-size:12px!important;font-weight:400!important;color:#6b7280}.users-table td{padding:10px 16px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.users-table tbody tr:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.users-table tbody tr:last-child td{border-bottom:none}.user-info{display:flex;flex-direction:column;gap:2px;line-height:1.3;justify-content:center}.user-name{font-weight:400;color:#1f2937;font-size:15px}.user-phone{color:#6b7280;font-size:13px}.tg-account-info{display:flex;flex-direction:column;gap:2px}.account-name{font-weight:400;color:#374151;font-size:13px;line-height:1.2}.account-username{color:#3b82f6;font-size:11px;font-weight:500}.account-phone{color:#6b7280;font-size:11px}.tg-info{display:flex;flex-direction:column;gap:2px;line-height:1.3;justify-content:center}.tg-id{font-weight:400!important;color:#1f2937!important;font-size:15px!important}.tg-username{color:#6b7280!important;font-size:11px!important;font-weight:400!important}.tg-user-id{color:#6b7280;font-size:13px;font-family:monospace}.user-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.tag{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:500;white-space:nowrap}.status{padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600;text-align:center;min-width:60px;display:inline-block}.status.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status.inactive{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.action-buttons{display:flex;gap:8px;justify-content:center}.action-buttons-new{display:flex!important;gap:8px;align-items:center;justify-content:center;opacity:1!important;visibility:visible!important}.action-btn{padding:6px 12px;border:1px solid transparent;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;display:inline-flex!important;align-items:center;justify-content:center;opacity:1!important;visibility:visible!important;white-space:nowrap;min-height:28px;line-height:1}.action-btn.action-btn-link{background:transparent!important;color:#3b82f6!important;border:none!important;text-decoration:none;padding:6px 8px!important}.action-btn.action-btn-link:hover{color:#2563eb!important;text-decoration:underline;background:transparent!important}.action-btn.action-btn-primary{background:#3b82f6!important;color:#fff!important;border-color:#3b82f6!important}.action-btn.action-btn-primary:hover{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}.action-btn.action-btn-secondary,.action-btn.action-btn-outline{background:transparent!important;color:#6b7280!important;border-color:#d1d5db!important}.action-btn.action-btn-secondary:hover,.action-btn.action-btn-outline:hover{background:#f9fafb!important;border-color:#9ca3af!important;color:#374151!important}.action-btn.action-btn-warning{background:transparent!important;color:#d97706!important;border-color:#fbbf24!important}.action-btn.action-btn-warning:hover{background:#fef3c7!important;border-color:#f59e0b!important}.action-btn.action-btn-danger{background:transparent!important;color:#dc2626!important;border-color:#fca5a5!important}.action-btn.action-btn-danger:hover{background:#fee2e2!important;border-color:#ef4444!important;color:#991b1b!important}.btn-small{padding:6px 12px;border:none;border-radius:8px;font-size:12px;cursor:pointer;transition:all .2s ease;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.btn-small:hover{transform:translateY(-1px)}.user-list-manager .btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f64d;white-space:nowrap!important}.user-list-manager .btn-primary.btn-sm{min-width:160px;padding:8px 16px!important;font-size:14px;height:36px!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:6px!important;margin:0!important;vertical-align:middle!important}.user-list-manager .header-buttons .btn-primary.btn-sm{min-width:auto;padding:8px 16px!important}.user-list-manager .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666;background:linear-gradient(135deg,#1d4ed8,#1e40af)}.user-list-manager .btn-primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #10b9814d}.btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166;background:linear-gradient(135deg,#059669,#047857)}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px #f59e0b4d}.btn-warning:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b66}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #e2e8f0;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#e5e7eb;border-color:#d1d5db}.btn-outline{background:transparent;color:#3b82f6;border:1px solid #3b82f6;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-outline:hover{background:#3b82f6;color:#fff}.user-list-manager .btn-sm{padding:6px 12px;font-size:14px;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}.btn-sm{padding:6px 12px;font-size:14px}.page-size-selector{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:13px;white-space:nowrap;flex:0 0 auto}.page-size-select{padding:6px 8px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;background:#fff;cursor:pointer;min-width:60px}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:16px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;border-top:none!important}.pagination-controls{display:flex;gap:16px;align-items:center}.pagination-info{color:#6b7280;font-size:14px}.pagination{display:flex;align-items:center;gap:8px}.pagination-btn{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#374151;font-size:13px;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#3b82f6;color:#3b82f6}.pagination-btn:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.pagination-pages{display:flex;gap:4px}.pagination-page{width:32px;height:32px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#374151;font-size:13px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.pagination-page:hover{background:#f8fafc;border-color:#3b82f6;color:#3b82f6}.pagination-page.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-color:#3b82f6}.empty-icon{font-size:48px;margin-bottom:16px}.empty-message{font-size:18px;margin-bottom:24px;color:#9ca3af}.user-list-manager .modal-overlay,.modal-overlay.user-list-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.user-list-manager .modal,.modal.user-list-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:900px;max-height:95vh;overflow-y:auto;display:flex;flex-direction:column}.user-list-manager .modal-header,.modal.user-list-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0}.user-list-manager .modal-header h3,.modal.user-list-modal .modal-header h3{margin:0;color:#1f2937;font-size:20px;font-weight:700}.user-list-manager .modal-close,.modal.user-list-modal .modal-close{background:none;border:none;font-size:20px;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.user-list-manager .modal-close:hover,.modal.user-list-modal .modal-close:hover{background:#f3f4f6;color:#374151}.user-list-manager .modal-body,.modal.user-list-modal .modal-body{padding:20px 24px;flex:1;overflow-y:auto}.user-list-manager .form-group{margin-bottom:16px}.user-list-manager .form-group:last-child{margin-bottom:0}.user-list-manager .form-group label{display:block;margin-bottom:8px;color:#374151;font-weight:600;font-size:14px}.user-list-manager .form-input,.user-list-manager .form-textarea{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s ease;box-sizing:border-box}.user-list-manager .form-input:focus,.user-list-manager .form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.user-list-manager .form-textarea{resize:vertical;min-height:80px}.tag-selector{display:flex;flex-wrap:wrap;gap:12px}.tag-option{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px}.tag-option:hover{background:#f8fafc;border-color:#3b82f6}.tag-option input[type=checkbox]{margin:0}.tag-option input[type=checkbox]:checked+*{color:#3b82f6;font-weight:600}.selected-users-info{margin-bottom:20px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.selected-users-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.selected-user-tag{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.user-list-manager .modal.tag-modal,.modal.tag-modal.user-list-modal{min-width:0!important;max-width:600px!important;width:min(600px,90vw)!important}.user-list-manager .modal.tag-modal .modal-header,.modal.tag-modal.user-list-modal .modal-header,.user-list-manager .modal.tag-modal .modal-actions,.modal.tag-modal.user-list-modal .modal-actions{padding:20px 24px}.user-list-manager .modal.tag-modal .add-tag-section,.modal.tag-modal.user-list-modal .add-tag-section,.user-list-manager .modal.tag-modal .existing-tags-section,.modal.tag-modal.user-list-modal .existing-tags-section{padding:0 24px}.user-list-manager .modal.tag-modal .input-group .btn-primary,.modal.tag-modal.user-list-modal .input-group .btn-primary{margin-top:0!important}.existing-tags-section h4{margin:0 0 12px;color:#374151;font-size:16px;font-weight:600}.tags-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.tag-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s ease}.tag-name{font-weight:500;color:#374151;font-size:14px}.tag-actions{display:flex;gap:6px}.loading{display:flex;align-items:center;justify-content:center;height:200px;font-size:16px;color:#6b7280}@media (max-width: 768px){.user-list-manager{padding:16px}.header-top{flex-direction:column;gap:12px;align-items:stretch}.header-actions{justify-content:stretch}.header-actions button{flex:1}.quick-stats{flex-wrap:wrap;gap:12px}.filters-section-compact{flex-direction:column;align-items:stretch;gap:12px}.search-box{flex:0 0 100px!important;min-width:100px!important;max-width:100px!important}.tag-filter{flex:0 0 120px!important;min-width:120px!important;max-width:120px!important}.bulk-actions,.page-size-selector{justify-content:center}.pagination-container{flex-direction:column;gap:12px;text-align:center}.users-table-container{overflow-x:auto}.users-table{min-width:800px}.modal{margin:20px;max-width:none}.modal-actions{flex-direction:column}}.inline-edit-container{display:flex;align-items:center;gap:8px;width:100%}.inline-edit-input{flex:1;padding:6px 8px;border:2px solid #3b82f6;border-radius:4px;font-size:14px;outline:none}.inline-edit-actions{display:flex;gap:4px}.inline-edit-btn{padding:4px 8px;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.inline-edit-btn.save{background:#10b981;color:#fff}.inline-edit-btn.save:hover{background:#059669}.inline-edit-btn.cancel{background:#6b7280;color:#fff}.inline-edit-btn.cancel:hover{background:#4b5563}.success-toast-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:10001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.success-toast{background:#fff;border-radius:16px;padding:24px 32px;box-shadow:0 20px 60px #00000026;display:flex;align-items:center;gap:16px;max-width:400px;position:relative;animation:slideUp .4s ease-out}.success-toast-icon{font-size:32px;flex-shrink:0}.success-toast-content h4{margin:0 0 8px;color:#10b981;font-size:18px;font-weight:600}.success-toast-content p{margin:0;color:#374151;font-size:14px;line-height:1.5}.success-toast-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:20px;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.success-toast-close:hover{color:#374151;background:#f3f4f6}.error-toast-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:10001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.error-toast{background:#fff;border-radius:16px;padding:24px 32px;box-shadow:0 20px 60px #00000026;display:flex;align-items:center;gap:16px;max-width:400px;position:relative;animation:slideUp .4s ease-out}.error-toast-icon{font-size:32px;flex-shrink:0}.error-toast-content h4{margin:0 0 8px;color:#ef4444;font-size:18px;font-weight:600}.error-toast-content p{margin:0;color:#374151;font-size:14px;line-height:1.5}.error-toast-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:20px;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.error-toast-close:hover{color:#374151;background:#f3f4f6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.tags-list{max-height:300px;overflow-y:auto}.tag-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin:4px 0;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;transition:all .2s}.tag-item:hover{background:#f1f5f9;border-color:#cbd5e1}.tag-name{font-weight:500;color:#374151}.tag-actions{display:flex;gap:4px}.tag-action-btn{padding:4px 8px;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.tag-action-btn.edit{background:#f59e0b;color:#fff}.tag-action-btn.edit:hover{background:#d97706}.tag-action-btn.delete{background:#ef4444;color:#fff}.tag-action-btn.delete:hover{background:#dc2626}.add-tag-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.add-tag-section h4,.existing-tags-section h4{margin:0 0 16px;color:#374151;font-size:16px;font-weight:600}.add-modal-actions{display:flex;gap:12px;margin-top:10px;padding:20px;border-top:1px solid #e5e7eb}.add-modal-actions button{flex:1;padding:10px 0;border-radius:8px;border:none;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s}.add-modal-actions button:first-child{background:#3b82f6;color:#fff}.add-modal-actions button:first-child:hover{background:#2563eb}.add-modal-actions button:last-child{background:#e5e7eb;color:#374151}.add-modal-actions button:last-child:hover{background:#d1d5db}.import-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.import-modal{background:#fff;border-radius:12px;width:98vw;height:95vh;max-width:1600px;max-height:1000px;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}.import-modal .add-modal-title{padding:8px 20px;border-bottom:1px solid #e5e7eb;background:#f8fafc;border-radius:12px 12px 0 0;position:relative;flex-shrink:0}.import-modal .add-modal-content{flex:1;display:flex;flex-direction:column;padding:5px 15px}.import-modal .contacts-table-container{flex:1;min-height:200px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px}.import-modal .contacts-table{width:100%;border-collapse:collapse;font-size:14px}.import-modal .contacts-table thead{position:sticky;top:0;background:#f8fafc;z-index:10}.accounts-table-container,.contacts-table-container{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff}.accounts-table,.contacts-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.accounts-table thead,.contacts-table thead{background:#f8fafc;border-bottom:1px solid #e5e7eb}.accounts-table th,.contacts-table th{padding:12px 16px;text-align:left;font-weight:600;color:#374151;border-right:1px solid #e5e7eb}.contacts-table th:nth-child(1),.contacts-table td:nth-child(1){width:60px}.contacts-table th:nth-child(2),.contacts-table td:nth-child(2){width:40%}.contacts-table th:nth-child(3),.contacts-table td:nth-child(3){width:25%}.contacts-table th:nth-child(4),.contacts-table td:nth-child(4){width:20%}.contacts-table th:nth-child(5),.contacts-table td:nth-child(5){width:15%}.accounts-table th:nth-child(1),.accounts-table td:nth-child(1){width:50px}.accounts-table th:nth-child(2),.accounts-table td:nth-child(2){width:30%}.accounts-table th:nth-child(3),.accounts-table td:nth-child(3){width:15%}.accounts-table th:nth-child(4),.accounts-table td:nth-child(4){width:15%}.accounts-table th:nth-child(5),.accounts-table td:nth-child(5){width:10%}.accounts-table th:nth-child(6),.accounts-table td:nth-child(6){width:10%}.accounts-table th:nth-child(7),.accounts-table td:nth-child(7){width:20%}.accounts-table th:last-child,.contacts-table th:last-child{border-right:none}.accounts-table td,.contacts-table td{padding:8px 16px;border-bottom:1px solid #f3f4f6;border-right:1px solid #f3f4f6;vertical-align:middle;height:40px;box-sizing:border-box}.accounts-table td:last-child,.contacts-table td:last-child{border-right:none}.account-row,.contact-row{transition:background-color .2s;height:40px}.account-row:hover,.contact-row:hover{background:#f9fafb}.contact-row.selected{background:#eff6ff;height:40px!important}.account-info-cell,.contact-info-cell{display:flex;flex-direction:column;gap:2px}.account-name,.contact-name{font-weight:400;color:#374151;font-size:14px}.account-username,.contact-username,.account-phone{color:#6b7280;font-size:12px}.contact-id{color:#9ca3af;font-size:11px;font-family:monospace}.account-tags{display:flex;flex-wrap:wrap;gap:4px}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.message-group-manager .page-header-compact{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.message-group-manager .header-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.message-group-manager .header-left{display:flex;align-items:center}.message-group-manager .quick-stats{display:flex;align-items:center;gap:12px}.message-group-manager .stat-card{background:#fff;border-radius:8px;padding:12px 16px;box-shadow:0 2px 4px -1px #0000001a,0 1px 2px -1px #0000000f;display:flex;align-items:center;gap:12px;transition:all .3s ease;border:1px solid rgba(0,0,0,.04)}.message-group-manager .stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d}.message-group-manager .stat-icon{font-size:1.5rem;opacity:.8;display:flex;align-items:center;justify-content:center}.message-group-manager .stat-icon{font-size:1.5rem;opacity:.8;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;padding:8px;color:#fff;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.message-group-manager .stat-content h3{font-size:.75rem;font-weight:500;color:#6b7280;margin:0 0 2px;text-transform:uppercase;letter-spacing:.05em}.message-group-manager .stat-number{font-size:1.25rem;font-weight:700;color:#111827;margin:0}.message-group-manager .header-actions{display:flex;align-items:center;gap:12px}.message-group-manager .search-group{display:flex;gap:4px;align-items:center}.message-group-manager .search-input-compact{width:280px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff;transition:all .2s ease}.message-group-manager .search-input-compact:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.message-group-manager .btn-search{background:#6b7280;color:#fff;border:1px solid #6b7280;border-radius:6px;padding:8px 10px;cursor:pointer;transition:all .2s ease;font-size:14px}.message-group-manager .btn-search:hover{background:#4b5563;border-color:#4b5563}.message-group-manager .header-buttons{display:flex;align-items:center;gap:8px}.message-group-manager .btn-primary{background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:8px 12px;cursor:pointer}.message-group-manager .btn-secondary{background:#f3f4f6;color:#111827;border:1px solid #e5e7eb;border-radius:6px;padding:6px 10px;cursor:pointer}.message-group-manager .btn-sm{padding:6px 10px;font-size:14px}.message-group-manager .filter-actions{display:flex;align-items:center;gap:8px}.message-group-manager .tag-select{padding:6px 10px;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.message-group-manager .bulk-actions button{margin-left:8px}.message-group-manager .group-table{width:100%;border-collapse:separate;border-spacing:0 8px}.message-group-manager .group-table thead th{font-weight:600;color:#6b7280;text-align:left;padding:10px}.message-group-manager .group-table tbody tr{background:#fff;border:1px solid #e5e7eb}.message-group-manager .group-table tbody td{padding:10px;vertical-align:middle}.message-group-manager .desc{color:#6b7280;font-size:12px;margin-top:4px}.message-group-manager .group-tags-cell .tag{display:inline-block;margin:2px 6px 2px 0;padding:2px 6px;background:#eef2ff;color:#4338ca;border-radius:999px;font-size:12px}.message-group-manager .no-tags{color:#9ca3af}.message-group-manager .row-actions{display:flex;align-items:center;gap:4px}.message-group-manager .row-actions .action-btn{border:none;border-radius:6px;padding:6px 8px;cursor:pointer;font-size:14px}.message-group-manager .action-btn-info{background:#3b82f6;color:#fff}.message-group-manager .action-btn-warning{background:#f59e0b;color:#fff}.message-group-manager .action-btn-danger{background:#ef4444;color:#fff}.message-group-manager .pagination{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.message-group-manager .pagination-info{color:#6b7280}.message-group-manager .pagination-controls{display:flex;align-items:center;gap:8px}.message-group-manager .items-per-page{padding:6px 10px;border:1px solid #e5e7eb;border-radius:6px}.message-group-manager .pagination-btn{padding:6px 10px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer}.message-group-manager .current-page{min-width:28px;text-align:center}.message-group-manager .empty-state{padding:32px;text-align:center;color:#6b7280}.message-group-manager .empty-icon{font-size:32px;margin-bottom:8px}.message-group-manager .modal-overlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:1000}.message-group-manager .modal{background:#fff;border-radius:12px;border:1px solid #e5e7eb;min-width:600px;max-width:800px;box-shadow:0 20px 45px #0000001f;max-height:90vh;display:flex;flex-direction:column}.message-group-manager .modal.large{min-width:800px;max-width:1000px;max-height:90vh;display:flex;flex-direction:column}.message-group-manager .modal.tag-modal{min-width:0;max-width:600px;width:min(600px,90vw)}.message-group-manager .modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.message-group-manager .modal-body{padding:16px;flex:1;overflow-y:auto;min-height:0}.message-group-manager .modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #e5e7eb;flex-shrink:0}.message-group-manager .close-btn{background:none;border:none;font-size:20px;cursor:pointer}.message-group-manager .form-group{margin-bottom:12px}.message-group-manager .form-group label{display:block;font-weight:600;margin-bottom:6px;color:#374151}.message-group-manager .form-group input,.message-group-manager .form-group select{width:100%;padding:8px 10px;border:1px solid #e5e7eb;border-radius:8px}.message-group-manager .group-items{display:flex;flex-direction:column;gap:8px}.message-group-manager .group-item-row{display:flex;align-items:center;gap:8px}.message-group-manager .save-btn{background:#10b981;color:#fff;border:none;border-radius:6px;padding:8px 12px;cursor:pointer}.message-group-manager .cancel-btn{background:#f3f4f6;color:#111827;border:1px solid #e5e7eb;border-radius:6px;padding:8px 12px;cursor:pointer}.message-group-manager .tag-selector{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.message-group-manager .tag-checkbox{display:flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid #e5e7eb;border-radius:6px;background:#f9fafb;cursor:pointer;transition:all .2s ease}.message-group-manager .tag-checkbox:hover{background:#f3f4f6;border-color:#d1d5db}.message-group-manager .tag-checkbox.selected{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.message-group-manager .tag-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.message-group-manager .btn-sm{padding:4px 8px;font-size:12px}.message-group-manager .header-buttons .btn-sm{padding:6px 10px;font-size:14px}.message-group-manager{width:95%;max-width:1600px;margin:0 auto;padding:32px 24px;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.message-group-manager .input-group{display:flex;gap:8px;align-items:center}.message-group-manager .input-group input{flex:1}.message-group-manager .tag-list{display:flex;flex-direction:column;gap:8px;max-height:250px;overflow-y:auto}.message-group-manager .tag-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px}.message-group-manager .tag-display{display:flex;align-items:center;justify-content:space-between;width:100%}.message-group-manager .tag-name{font-weight:500;color:#1e293b}.message-group-manager .tag-actions{display:flex;gap:4px}.message-group-manager .tag-edit{display:flex;align-items:center;gap:8px;width:100%}.message-group-manager .tag-edit input{flex:1}.message-group-manager .btn-danger{background:#ef4444;color:#fff;border:none;border-radius:6px;padding:6px 12px;cursor:pointer}.message-group-manager .btn-danger:hover{background:#dc2626}.message-group-manager .modal.small{min-width:400px;max-width:500px;max-height:80vh;display:flex;flex-direction:column}.message-group-manager .warning-text{color:#f59e0b;font-size:14px;margin-top:8px}.message-group-manager .tag-checkbox input[type=checkbox]{margin:0}.message-group-manager .tag-checkbox span{font-size:12px;color:#374151}.message-group-manager .preview-modal-new{max-width:1200px;width:95vw;max-height:80vh;overflow-y:auto;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 25px 50px #00000040}.message-group-manager .modal-header-new{display:flex;align-items:center;padding:24px 32px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px 20px 0 0;border-bottom:1px solid rgba(255,255,255,.2)}.message-group-manager .header-icon{font-size:32px;margin-right:16px}.message-group-manager .header-content{flex:1}.message-group-manager .header-content h3{margin:0;color:#fff;font-size:24px;font-weight:700}.message-group-manager .header-content p{margin:4px 0 0;color:#fffc;font-size:14px}.message-group-manager .close-btn-new{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s}.message-group-manager .close-btn-new:hover{background:#ffffff1a}.message-group-manager .modal-body-new{padding:24px;background:#fff;border-radius:0 0 20px 20px}.message-group-manager .templates-section{height:calc(80vh - 200px);display:flex;flex-direction:column}.message-group-manager .section-title{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:18px;font-weight:600;color:#1e293b;flex-shrs:0}.message-group-manager .section-icon{font-size:20px}.message-group-manager .template-count{color:#64748b;font-weight:400}.message-group-manager .templates-list-vertical{display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex:1;padding-right:8px}.message-group-manager .template-row{background:#fff;border-radius:8px;padding:12px;border:1px solid #e2e8f0;box-shadow:0 1px 4px #0000001a;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;gap:16px;overflow:hidden}.message-group-manager .template-row:hover{transform:translateY(-1px);box-shadow:0 4px 15px #00000026}.message-group-manager .template-type-badge{display:flex;align-items:center;gap:6px;background:#f1f5f9;padding:6px 10px;border-radius:20px;font-size:12px;font-weight:600;color:#475569;width:70px;flex-shrink:0}.message-group-manager .template-content-area{display:flex;flex-direction:column;gap:4px;width:180px;flex-shrink:0}.message-group-manager .template-name{font-size:15px;font-weight:600;color:#1e293b;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-group-manager .template-id{font-size:11px;color:#64748b;margin:0}.message-group-manager .template-preview{background:#f8fafc;padding:8px 12px;border-radius:6px;font-size:13px;color:#64748b;line-height:1.4;flex:1;overflow:hidden;word-break:break-all;white-space:nowrap;text-overflow:ellipsis;max-width:400px}.message-group-manager .template-weight{background:#fef3c7;color:#92400e;padding:4px 6px;border-radius:12px;font-size:11px;font-weight:600;width:50px;text-align:center;flex-shrink:0}.message-group-manager .template-selection{max-height:400px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:8px;padding:16px;background:#f8fafc}.message-group-manager .template-list{display:flex;flex-direction:column;gap:8px}.message-group-manager .template-list-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s}.message-group-manager .template-list-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.message-group-manager .template-list-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;flex-shrink:0}.message-group-manager .template-list-label{display:flex;align-items:center;gap:8px;cursor:pointer;flex:1}.message-group-manager .template-icon{font-size:16px;flex-shrink:0}.message-group-manager .template-name{font-weight:600;color:#1e293b;font-size:14px;min-width:120px}.message-group-manager .template-id{font-size:12px;color:#64748b;min-width:100px}.message-group-manager .template-content-preview{font-size:12px;color:#64748b;line-height:1.4;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-group-manager .weight-input-container{display:flex;align-items:center;gap:6px;flex-shrink:0}.message-group-manager .weight-input-container label{font-size:12px;color:#64748b;white-space:nowrap}.message-group-manager .weight-input{width:60px;padding:4px 6px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;text-align:center}.message-group-manager .selected-summary{margin-top:16px;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px}.message-group-manager .selected-summary h4{margin:0 0 12px;color:#1e293b;font-size:16px;font-weight:600}.message-group-manager .selected-list{display:flex;flex-direction:column;gap:8px}.message-group-manager .selected-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f1f5f9;border-radius:6px;font-size:14px}.message-group-manager .item-name{font-weight:500;color:#1e293b}.message-group-manager .item-weight{color:#64748b;font-size:12px}.profile-container{padding:32px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh;width:95%;max-width:1600px;margin:0 auto}.profile-header{margin-bottom:32px}.profile-header h2{font-size:26px;font-weight:700;color:#1f2937;margin:0 0 8px}.profile-header p{color:#6b7280;font-size:14px;margin:0}.profile-loading,.profile-error{display:flex;align-items:center;justify-content:center;height:400px;font-size:16px;color:#6b7280}.profile-error{color:#ef4444}.profile-message{padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px;border:1px solid}.profile-message.success{background-color:#d1fae5;color:#065f46;border-color:#10b981}.profile-message.error{background-color:#fee2e2;color:#991b1b;border-color:#ef4444}.profile-tabs{display:flex;gap:8px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.profile-tab{padding:12px 20px;background:#f8fafc;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.profile-tab:hover{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.profile-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 2px 4px #667eea33}.profile-content{background:#fff;border-radius:16px;padding:32px;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(0,0,0,.06)}.profile-info{display:flex;flex-direction:column;gap:24px}.info-section-card,.subscription-section-card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e5e7eb;position:relative;overflow:hidden;transition:all .3s ease}.info-section-card:before,.subscription-section-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.info-section-card:hover,.subscription-section-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.section-title{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 24px;display:flex;align-items:center;gap:8px}.section-title:before{content:"";width:4px;height:20px;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:2px}.info-list{display:flex;flex-direction:column;gap:16px}.info-list-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb;transition:all .3s ease}.info-list-item:hover{background:#f1f5f9;border-color:#d1d5db;transform:translate(4px)}.info-list-icon{font-size:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;flex-shrink:0;box-shadow:0 2px 8px #667eea33}.info-list-label{font-size:14px;color:#6b7280;font-weight:600;min-width:100px;flex-shrink:0}.info-list-value{font-size:15px;color:#1f2937;font-weight:600;flex:1;text-align:left;word-break:break-word}.subscription-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.subscription-item-card{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e5e7eb;display:flex;align-items:center;gap:16px;transition:all .3s ease}.subscription-item-card:hover{background:#f1f5f9;transform:translateY(-2px);border-color:#d1d5db;box-shadow:0 4px 12px #00000014}.subscription-item-icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;flex-shrink:0;box-shadow:0 2px 8px #667eea33}.subscription-item-icon{font-size:24px}.subscription-item-content{flex:1;min-width:0}.subscription-item-label{font-size:12px;color:#6b7280;font-weight:600;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.subscription-item-value{font-size:16px;color:#1f2937;font-weight:600;word-break:break-word}.subscription-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.subscription-section-header .plan-badge{margin-left:auto}.plan-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.plan-badge.free{background-color:#f0f4ff;color:#667eea}.plan-badge.basic{background-color:#dbeafe;color:#3b82f6}.plan-badge.professional{background-color:#d1fae5;color:#10b981}.plan-badge.enterprise{background-color:#fed7aa;color:#f59e0b}.status-valid{color:#059669;font-weight:600}.status-invalid{color:#dc2626;font-weight:600}.profile-form{max-width:500px}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px}.form-group input{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s ease;box-sizing:border-box;background:#fff}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input.disabled-input{background-color:#f7fafc;color:#9ca3af;cursor:not-allowed}.form-hint{display:block;margin-top:6px;font-size:12px;color:#6b7280}.btn-primary{width:100%;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px;box-shadow:0 4px 12px #667eea4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-primary:active{transform:translateY(0)}@media (max-width: 768px){.profile-container{padding:16px}.profile-content{padding:24px}.profile-tabs{flex-wrap:wrap}.profile-tab{padding:10px 16px;font-size:13px}.subscription-grid{grid-template-columns:1fr}.info-list-item{flex-wrap:wrap;gap:12px}.info-list-label{min-width:auto;flex-basis:100%}.info-list-value{text-align:left;flex-basis:100%}.info-section-card,.subscription-section-card{padding:20px}.subscription-section-header{flex-direction:column;align-items:flex-start;gap:12px}.subscription-section-header .plan-badge{margin-left:0}}.stats-header,.manager-header,.logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.stats-header h2,.manager-header h2,.logs-header h2{margin:0;color:#1f2937;font-size:24px;font-weight:600}.btn-refresh{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.btn-refresh:hover{background:#2563eb}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 6px #0000001a}.stat-label{font-size:14px;opacity:.9;margin-bottom:8px}.stat-value{font-size:32px;font-weight:700}.stats-section{margin-bottom:32px}.stats-section h3{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:16px}.stats-table{overflow-x:auto}.stats-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}.stats-table th,.stats-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0}.stats-table th{background:#f9fafb;font-weight:600;color:#374151;font-size:14px}.stats-table td{color:#6b7280;font-size:14px}.stats-table tr:hover{background:#f9fafb}.plans-list{display:flex;flex-direction:column;gap:24px}.plan-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:24px;transition:all .2s ease}.plan-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px #0000000d}.plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.plan-header h3{margin:0;color:#1f2937;font-size:20px;font-weight:600}.plan-status{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.plan-status.active{background:#d1fae5;color:#065f46}.plan-status.inactive{background:#fee2e2;color:#991b1b}.plan-info{margin-bottom:16px}.plan-price{font-size:18px;font-weight:600;color:#3b82f6;margin-bottom:8px}.plan-description{color:#6b7280;font-size:14px}.plan-actions{display:flex;gap:8px}.btn-edit{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.btn-edit:hover{background:#2563eb}.plan-edit-form{padding:0}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;color:#374151;font-size:14px;font-weight:500}.form-group input[type=text],.form-group input[type=number],.form-group textarea{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.form-section{margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.form-section h4{margin:0 0 16px;color:#1f2937;font-size:16px;font-weight:600}.limits-grid,.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-group input[type=checkbox]{width:auto;cursor:pointer}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.form-actions button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.form-actions button:first-child{background:#f3f4f6;color:#374151}.form-actions button:first-child:hover{background:#e5e7eb}.form-actions .btn-primary{background:#3b82f6;color:#fff}.form-actions .btn-primary:hover{background:#2563eb}.form-actions button:disabled{opacity:.5;cursor:not-allowed}.users-filters{display:flex;gap:16px;margin-bottom:24px;padding:16px;background:#f9fafb;border-radius:8px;flex-wrap:wrap}.users-filters .filter-group{display:flex;flex-direction:column;gap:6px}.users-filters .filter-group label{font-size:12px;color:#6b7280;font-weight:500}.users-filters .filter-group input,.users-filters .filter-group select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.users-filters .filter-group input:focus,.users-filters .filter-group select:focus{outline:none;border-color:#3b82f6}.users-table{overflow-x:auto;margin-bottom:24px}.users-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}.users-table th,.users-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0;font-size:13px}.users-table th{background:#f9fafb;font-weight:600;color:#374151}.users-table td{color:#6b7280}.users-table tr:hover{background:#f9fafb}.badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.badge-user{background:#dbeafe;color:#1e40af}.badge-admin{background:#fef3c7;color:#92400e}.badge-super_admin{background:#fce7f3;color:#9f1239}.badge-active{background:#d1fae5;color:#065f46}.badge-inactive{background:#fee2e2;color:#991b1b}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.logs-filters{display:flex;gap:16px;margin-bottom:24px;padding:16px;background:#f9fafb;border-radius:8px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:12px;color:#6b7280;font-weight:500}.filter-group input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.filter-group input:focus{outline:none;border-color:#3b82f6}.logs-filters button{padding:8px 16px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;align-self:flex-end;transition:all .2s ease}.logs-filters button:hover{background:#e5e7eb}.logs-table{overflow-x:auto;margin-bottom:24px}.logs-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}.logs-table th,.logs-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0;font-size:13px}.logs-table th{background:#f9fafb;font-weight:600;color:#374151}.logs-table td{color:#6b7280}.logs-table tr:hover{background:#f9fafb}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}.pagination button{padding:8px 16px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.pagination button:hover:not(:disabled){background:#e5e7eb}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{color:#6b7280;font-size:14px}.admin-section{padding:24px}.table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:12px;text-align:left;border-bottom:1px solid #e2e8f0}.admin-table th{background:#f8fafc;font-weight:600;color:#374151;font-size:.875rem}.admin-table td{color:#6b7280;font-size:.875rem}.admin-table tr:hover{background:#f9fafb}.filter-section{background:#fff;border-radius:8px;padding:16px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.status-pending{background:#fef3c7;color:#92400e;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;display:inline-block}.status-paid{background:#d1fae5;color:#065f46;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;display:inline-block}.status-failed{background:#fee2e2;color:#991b1b;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;display:inline-block}.status-cancelled{background:#f3f4f6;color:#4b5563;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;display:inline-block}.status-default{background:#e5e7eb;color:#374151;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;display:inline-block}.payment-method-manager{padding:24px}.payment-methods-list-admin{display:flex;flex-direction:column;gap:16px}.payment-method-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px;transition:all .2s}.payment-method-card.disabled{opacity:.6;background:#f9fafb}.payment-method-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.payment-method-info{flex:1}.payment-method-name-admin{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:4px}.payment-method-id{font-size:.875rem;color:#6b7280}.payment-method-status{display:flex;align-items:center;gap:12px}.status-label{font-size:.875rem;font-weight:500;color:#6b7280}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:#3b82f6}input:checked+.slider:before{transform:translate(26px)}.payment-method-description-admin{font-size:.875rem;color:#6b7280;margin-bottom:12px;padding:8px 12px;background:#f9fafb;border-radius:6px}.payment-method-actions{display:flex;justify-content:flex-end;padding-top:12px;border-top:1px solid #e2e8f0}.sort-controls{display:flex;align-items:center;gap:8px}.btn-sort{width:32px;height:32px;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-sort:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.btn-sort:disabled{opacity:.5;cursor:not-allowed}.sort-order{font-size:.875rem;color:#6b7280;margin-left:8px}.empty-state{text-align:center;padding:60px 20px;color:#6b7280}.empty-state p{font-size:1.125rem;margin:0}.admin-dashboard{padding:24px;max-width:1400px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.admin-header h1{margin:0;color:#1f2937;font-size:28px;font-weight:700}.btn-back{padding:8px 16px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.btn-back:hover{background:#e5e7eb;border-color:#9ca3af}.admin-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #e2e8f0}.admin-tab{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:#6b7280;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-tab:hover{color:#374151;background:#f9fafb}.admin-tab.active{color:#3b82f6;border-bottom-color:#3b82f6;font-weight:600}.admin-content{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.loading{text-align:center;padding:40px;color:#6b7280;font-size:16px}.error-message{padding:24px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;text-align:center}.error-message button{margin-top:12px;padding:8px 16px;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer}.error-message button:hover{background:#dc2626}.usdt-payment-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem;display:flex;justify-content:center;align-items:center}.payment-container{max-width:600px;width:100%;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.payment-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;text-align:center}.payment-header h1{margin:0 0 .5rem;font-size:2rem;font-weight:700}.payment-subtitle{margin:0;opacity:.9;font-size:.95rem}.payment-content{padding:2rem}.payment-card{background:#f8f9fa;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #e9ecef;transition:transform .2s,box-shadow .2s}.payment-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.card-label{font-size:.875rem;color:#6c757d;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.5px}.amount-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center}.amount-card .card-label{color:#ffffffe6}.card-value{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin:1rem 0}.amount-number{font-size:3rem;font-weight:700;line-height:1}.amount-currency{font-size:1.5rem;font-weight:500;opacity:.9}.card-detail{margin-top:.5rem;font-size:.875rem;opacity:.8}.countdown-card{text-align:center;background:#fff3cd;border-color:#ffc107}.countdown-card.expired{background:#f8d7da;border-color:#dc3545}.clock-icon{font-size:1.25rem}.countdown-time{font-size:2.5rem;font-weight:700;color:#ffc107;font-family:Courier New,monospace;margin:.5rem 0}.countdown-time.expired{color:#dc3545}.countdown-hint{font-size:.875rem;color:#856404;margin-top:.5rem}.qr-card{text-align:center}.qr-code-wrapper{display:flex;justify-content:center;padding:1rem;background:#fff;border-radius:8px;margin:1rem 0}.qr-hint{font-size:.875rem;color:#6c757d;margin:.5rem 0 0}.address-card{background:#e7f3ff;border-color:#0d6efd}.network-badge{background:#0d6efd;color:#fff;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600}.address-wrapper{display:flex;align-items:center;gap:.75rem;margin:1rem 0;background:#fff;padding:1rem;border-radius:8px;border:1px solid #dee2e6}.address-text{flex:1;font-size:.875rem;word-break:break-all;font-family:Courier New,monospace;color:#212529;margin:0}.btn-copy{background:#0d6efd;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s;white-space:nowrap}.btn-copy:hover{background:#0b5ed7}.address-hint{margin-top:1rem;padding-top:1rem;border-top:1px solid #dee2e6;font-size:.875rem;color:#495057}.address-hint strong{color:#dc3545}.address-hint ul{margin:.5rem 0 0 1.25rem;padding:0}.address-hint li{margin:.5rem 0;line-height:1.5}.instructions-card{background:#f8f9fa}.info-icon{font-size:1.25rem}.instructions-list{margin:1rem 0 0;padding-left:1.5rem;color:#495057}.instructions-list li{margin:.75rem 0;line-height:1.6}.instructions-list code{background:#e9ecef;padding:.125rem .375rem;border-radius:4px;font-size:.875rem;font-family:Courier New,monospace}.instructions-list strong{color:#0d6efd}.payment-actions{display:flex;gap:1rem;margin-top:2rem}.btn-primary,.btn-secondary,.btn-back{flex:1;padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary,.btn-back{background:#6c757d;color:#fff}.btn-secondary:hover,.btn-back:hover{background:#5a6268;transform:translateY(-2px)}.loading-spinner,.error-message,.payment-success{text-align:center;padding:3rem 2rem}.loading-spinner{color:#6c757d;font-size:1.125rem}.error-message h2{color:#dc3545;margin-bottom:1.5rem}.payment-success{padding:4rem 2rem}.success-icon{font-size:4rem;margin-bottom:1rem}.payment-success h2{color:#198754;margin-bottom:.5rem}.payment-success p{color:#6c757d}@media (max-width: 640px){.usdt-payment-page{padding:1rem .5rem}.payment-header{padding:1.5rem 1rem}.payment-header h1{font-size:1.5rem}.payment-content{padding:1.5rem 1rem}.amount-number{font-size:2.5rem}.countdown-time{font-size:2rem}.qr-code-wrapper{padding:.5rem}.address-wrapper{flex-direction:column;align-items:stretch}.btn-copy{width:100%}.payment-actions{flex-direction:column}}