@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@700&family=Sora:wght@300;400;500;600;700;800&display=swap";:root{font-family:Inter,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}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%}.rs-root{height:100vh;overflow:hidden;display:flex;font-family:Inter,sans-serif}.rs-left{width:50%;height:100vh;position:relative;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.rs-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;z-index:0}.rs-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,#00000014,#0000001f 22%,#14053c85 40%,#1e085ae0 56%,#14053c 70% 100%)}.rs-grain{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px}.rs-photo-spacer{flex:1;min-height:180px;position:relative;z-index:3}.rs-bottom{position:relative;z-index:10;padding:0 48px 36px}.rs-horizon-line{height:1px;margin-bottom:28px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28) 30%,rgba(255,255,255,.14) 70%,transparent)}.rs-quote-block{margin-bottom:22px;transition:opacity .35s ease}.rs-quote-block.rs-fading{opacity:0}.rs-hero-quote{font-family:Sora;font-size:clamp(24px,2.6vw,34px);font-weight:600;color:#fff;line-height:1.2;margin-bottom:12px;text-align:left}.rs-hero-quote em{font-style:normal;color:#c4b5fd}.rs-hero-sub{font-size:14px;color:#ffffff8c;line-height:1.62;max-width:380px;margin-bottom:14px;text-align:left}.rs-qdots{display:flex;gap:5px;align-items:center}.rs-qdot{width:18px;height:3px;border-radius:2px;border:none;padding:0;background:#ffffff40;cursor:pointer;transition:background .3s,width .3s}.rs-qdot.rs-qdot-active{background:#c4b5fd;width:28px}.rs-qdot:focus-visible{outline:2px solid #c4b5fd;outline-offset:2px}.rs-social-row{display:flex;align-items:center;gap:12px;margin-bottom:18px}.rs-avatars{display:flex}.rs-avatars span{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.28);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;margin-left:-8px;flex-shrink:0}.rs-avatars span:first-child{margin-left:0}.rs-social-text{font-size:12px;color:#ffffff8c}.rs-social-text strong{color:#fff}.rs-features{display:flex;gap:7px;flex-wrap:wrap}.rs-feat-pill{display:inline-flex;align-items:center;gap:5px;background:#ffffff17;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:5px 12px;font-size:11.5px;font-weight:500;color:#ffffffd1;transition:background .18s,border-color .18s;-webkit-user-select:none;user-select:none}.rs-feat-pill:hover{background:#ffffff26;border-color:#ffffff47}.rs-strip{display:flex;align-items:center;gap:14px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}.rs-strip-label{font-size:11px;color:#ffffff52;flex-shrink:0;letter-spacing:.3px}.rs-strip-icons{display:flex;gap:8px}.rs-si{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.12);text-decoration:none;transition:background .2s,border-color .2s,transform .15s;flex-shrink:0}.rs-si:hover{transform:translateY(-2px)}.rs-si:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.rs-si-wa:hover{background:#25d36638;border-color:#25d36661}.rs-si-fb:hover{background:#1877f238;border-color:#1877f261}.rs-si-ig:hover{background:#e4405f38;border-color:#e4405f61}.rs-si-x:hover{background:#ffffff26;border-color:#ffffff47}.rs-right{width:50%;height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;flex-shrink:0;overflow-y:auto}.rs-form-inner{width:80%;animation:rs-slide-in .55s cubic-bezier(.22,1,.36,1) both;animation-delay:.15s;opacity:0}@keyframes rs-slide-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.rs-right-logo{display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:20px}.rs-right-logo-box{width:52px;height:52px;background:transparent;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rs-right-logo-name{font-family:Outfit,sans-serif;font-size:34px;font-weight:700;background:linear-gradient(-225deg,#ac32e4,#7918f2 48%,#4801ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rs-form-title{font-family:Inter;font-size:22px;font-weight:700;color:#0f0a1e;margin:0 0 3px;text-align:left}.rs-form-subtitle{font-size:15px;color:#453f50;margin:0 0 28px;text-align:left;font-family:Inter}.rs-alert{border-radius:10px;padding:10px 14px;font-size:13px;font-weight:500;margin-bottom:12px}.rs-alert-success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.rs-alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.rs-field{margin-bottom:16px;position:relative}.rs-field input{width:-webkit-fill-available;width:stretch;height:30px;padding:10px 15px;border:1.5px solid #706d7c;border-radius:5px;font-family:Inter,sans-serif;font-size:14px;color:#111827;outline:none;background:transparent;appearance:none;transition:border-color .2s,box-shadow .2s}.rs-field input::placeholder{color:transparent}.rs-field label{position:absolute;top:50%;left:11px;transform:translateY(-50%);font-size:14px;font-weight:400;color:#9ca3af;background:#fff;padding:0 4px;pointer-events:none;transition:top .18s ease,font-size .18s ease,color .18s ease,transform .18s ease}.rs-field input:focus~label,.rs-field input:not(:placeholder-shown)~label{top:0;transform:translateY(-50%);font-size:12px;font-weight:600}.rs-field input:focus~label{color:#5e17eb;font-size:14px}.rs-field input:not(:focus):not(:placeholder-shown)~label{color:#6b7280}.rs-field input:focus{border-color:#5e17eb;box-shadow:0 0 0 3px #5e17eb1a}.rs-field input.rs-input-error{border-color:#ef4444}.rs-field input.rs-input-error:focus{box-shadow:0 0 0 3px #ef44441a}.rs-field input.rs-input-error~label{color:#ef4444}.rs-field-error{color:#ef4444;font-size:13px;font-weight:500;margin-top:3px;display:block;text-align:left}.rs-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rs-btn{width:100%;margin-top:4px;padding:14px;background:#5e17eb;border:none;border-radius:10px;color:#fff;font-family:Sora,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 14px #5e17eb52;display:flex;align-items:center;justify-content:center;min-height:50px}.rs-btn:hover:not(:disabled){background:#4c0fbd;transform:translateY(-1px);box-shadow:0 6px 20px #5e17eb61}.rs-btn:active:not(:disabled){transform:translateY(0)}.rs-btn:disabled{opacity:.75;cursor:not-allowed}.rs-spinner{display:block;width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:rs-spin .65s linear infinite}@keyframes rs-spin{to{transform:rotate(360deg)}}.rs-divider{display:flex;align-items:center;gap:12px;margin:14px 0;color:#d1d5db;font-size:12px}.rs-divider:before,.rs-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.rs-signin{font-size:14px;color:#453f50}.rs-signin a{color:#5e17eb;text-decoration:none;font-weight:600;transition:color .2s}.rs-signin a:hover{color:#4c0fbd}@media(max-width:1024px){.rs-bottom{padding:0 36px 32px}.rs-right{padding:0}}@media(max-width:768px){.rs-left{display:none}.rs-right{width:100%;height:100vh;padding:0;align-items:center;justify-content:center;overflow-y:auto}.rs-form-inner{max-width:100%}.rs-right-logo{margin-bottom:24px;justify-content:center}.rs-form-title,.rs-form-subtitle,.rs-signin{text-align:center}.rs-form-title{font-size:22px}.rs-row{grid-template-columns:1fr;gap:0}}@media(max-width:400px){.rs-right{padding:0}}.ls-root{height:100vh;overflow:hidden;display:flex;font-family:Inter,sans-serif}.ls-left{width:50%;height:100vh;position:relative;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.ls-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;z-index:0}.ls-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,#00000014,#0000001f 22%,#14053c85 40%,#1e085ae0 56%,#14053c 70% 100%)}.ls-grain{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px}.ls-photo-spacer{flex:1;min-height:180px;position:relative;z-index:3}.ls-bottom{position:relative;z-index:10;padding:0 48px 36px}.ls-horizon-line{height:1px;margin-bottom:28px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28) 30%,rgba(255,255,255,.14) 70%,transparent)}.ls-quote-block{margin-bottom:22px;transition:opacity .35s ease}.ls-quote-block.ls-fading{opacity:0}.ls-hero-quote{font-family:Sora;font-size:clamp(24px,2.6vw,34px);font-weight:600;color:#fff;line-height:1.2;margin-bottom:12px;text-align:left}.ls-hero-quote em{font-style:normal;color:#c4b5fd}.ls-hero-sub{font-size:14px;color:#ffffff8c;line-height:1.62;max-width:380px;margin-bottom:14px;text-align:left}.ls-qdots{display:flex;gap:5px;align-items:center}.ls-qdot{width:18px;height:3px;border-radius:2px;border:none;padding:0;background:#ffffff40;cursor:pointer;transition:background .3s,width .3s}.ls-qdot.ls-qdot-active{background:#c4b5fd;width:28px}.ls-qdot:focus-visible{outline:2px solid #c4b5fd;outline-offset:2px}.ls-social-row{display:flex;align-items:center;gap:12px;margin-bottom:18px}.ls-avatars{display:flex}.ls-avatars span{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.28);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;margin-left:-8px;flex-shrink:0}.ls-avatars span:first-child{margin-left:0}.ls-social-text{font-size:12px;color:#ffffff8c}.ls-social-text strong{color:#fff}.ls-features{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.ls-feat-pill{display:inline-flex;align-items:center;gap:5px;background:#ffffff17;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:5px 12px;font-size:11.5px;font-weight:500;color:#ffffffd1;transition:background .18s,border-color .18s;-webkit-user-select:none;user-select:none}.ls-feat-pill:hover{background:#ffffff26;border-color:#ffffff47}.ls-strip{display:flex;align-items:center;gap:14px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}.ls-strip-label{font-size:11px;color:#ffffff52;flex-shrink:0;letter-spacing:.3px}.ls-strip-icons{display:flex;gap:8px}.ls-si{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.12);text-decoration:none;transition:background .2s,border-color .2s,transform .15s;flex-shrink:0}.ls-si:hover{transform:translateY(-2px)}.ls-si:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.ls-si-wa:hover{background:#25d36638;border-color:#25d36661}.ls-si-fb:hover{background:#1877f238;border-color:#1877f261}.ls-si-ig:hover{background:#e4405f38;border-color:#e4405f61}.ls-si-x:hover{background:#ffffff26;border-color:#ffffff47}.ls-right{width:50%;height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;flex-shrink:0;overflow-y:auto}.ls-form-inner{width:80%;animation:ls-slide-in .55s cubic-bezier(.22,1,.36,1) both;animation-delay:.15s;opacity:0}@keyframes ls-slide-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.ls-right-logo{display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:25px}.ls-right-logo-box{width:52px;height:52px;background:transparent;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ls-right-logo-name{font-family:Outfit,sans-serif;font-size:34px;font-weight:700;background:linear-gradient(-225deg,#ac32e4,#7918f2 48%,#4801ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ls-form-title{font-family:Inter;font-size:22px;font-weight:700;color:#0f0a1e;margin:0 0 3px;text-align:left}.ls-form-subtitle{font-size:15px;color:#453f50;margin:0 0 28px;text-align:left;font-family:Inter}.ls-alert{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;border-radius:10px;padding:13px 16px;font-size:14px;font-weight:500;margin-bottom:24px}.ls-field{margin-bottom:16px;position:relative}.ls-field input[type=email],.ls-field input[type=password]{width:-webkit-fill-available;width:stretch;height:30px;padding:10px 15px;border:1.5px solid #706d7c;border-radius:5px;font-family:Inter,sans-serif;font-size:14px;color:#111827;outline:none;background:transparent;appearance:none;transition:border-color .2s,box-shadow .2s}.ls-field input::placeholder{color:transparent}.ls-field label{position:absolute;top:50%;left:11px;transform:translateY(-50%);font-size:14px;font-weight:400;color:#9ca3af;background:#fff;padding:0 4px;pointer-events:none;transition:top .18s ease,font-size .18s ease,color .18s ease,transform .18s ease}.ls-field input:focus~label,.ls-field input:not(:placeholder-shown)~label{top:0;transform:translateY(-50%);font-size:12px;font-weight:600}.ls-field input:focus~label{color:#5e17eb;font-size:14px}.ls-field input:not(:focus):not(:placeholder-shown)~label{color:#6b7280}.ls-field input:focus{border-color:#5e17eb;box-shadow:0 0 0 3px #5e17eb1a}.ls-field input.ls-input-error{border-color:#ef4444}.ls-field input.ls-input-error:focus{box-shadow:0 0 0 3px #ef44441a}.ls-field input.ls-input-error~label{color:#ef4444}.ls-field-error{color:#ef4444;font-size:13px;font-weight:500;margin-top:3px;text-align:left;display:block}.ls-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.ls-remember{display:flex;align-items:center;gap:8px;font-size:13px;color:#453f50;cursor:pointer;-webkit-user-select:none;user-select:none}.ls-remember input[type=checkbox]{accent-color:#5e17eb;cursor:pointer;width:15px;height:15px}.ls-forgot{font-size:13px;color:#5e17eb;text-decoration:none;font-weight:500;transition:color .2s}.ls-forgot:hover{color:#4c0fbd}.ls-btn{width:100%;padding:14px;background:#5e17eb;border:none;border-radius:10px;color:#fff;font-family:Inter,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 14px #5e17eb52;display:flex;align-items:center;justify-content:center;min-height:50px}.ls-btn:hover:not(:disabled){background:#4c0fbd;transform:translateY(-1px);box-shadow:0 6px 20px #5e17eb61}.ls-btn:active:not(:disabled){transform:translateY(0)}.ls-btn:disabled{opacity:.75;cursor:not-allowed}.ls-spinner{display:block;width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:ls-spin .65s linear infinite}@keyframes ls-spin{to{transform:rotate(360deg)}}.ls-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:#d1d5db;font-size:12px}.ls-divider:before,.ls-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.ls-signup{text-align:left;font-size:14px;color:#453f50}.ls-signup a{color:#5e17eb;text-decoration:none;font-weight:600;transition:color .2s}.ls-signup a:hover{color:#4c0fbd}@media(max-width:1024px){.ls-bottom{padding:0 36px 32px}.ls-right{padding:0}}@media(max-width:768px){.ls-left{display:none}.ls-right{width:100%;height:100vh;padding:0;align-items:center;justify-content:center;overflow-y:auto}.ls-form-inner{max-width:100%}.ls-right-logo{margin-bottom:28px;justify-content:center}.ls-form-title,.ls-form-subtitle,.ls-signup{text-align:center}.ls-form-title{font-size:24px}}@media(max-width:400px){.ls-right{padding:0}}.ls-totp-field{margin-bottom:20px}.ls-totp-input{display:block;width:100%;padding:16px;border:2px solid #e5e7eb;border-radius:10px;font-size:1.75rem;font-weight:700;letter-spacing:.25em;text-align:center;color:#111827;background:#fff;outline:none;box-sizing:border-box;transition:border-color .15s}.ls-totp-input:focus{border-color:#5e17eb}.ls-totp-input:disabled{background:#f9fafb;color:#9ca3af}.ls-alert-warn{background:#fff7ed;border-color:#fed7aa;color:#92400e}.ls-totp-switch{text-align:center;margin-top:16px}.ls-totp-back{text-align:center;margin-top:10px}.ls-link-btn{background:none;border:none;color:#5e17eb;font-size:.8125rem;cursor:pointer;padding:0;font-family:inherit;text-decoration:underline}.ls-link-btn:hover{color:#4c0fbd}.ls-alert-success{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#15803d;padding:12px 16px;font-size:.875rem;line-height:1.5;margin-bottom:16px}.ls-unlock-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.ls-btn-primary{width:100%;background:#5e17eb;color:#fff;border:none;border-radius:10px;padding:12px 20px;font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s}.ls-btn-primary:hover:not(:disabled){background:#4c0fbd}.ls-btn-primary:disabled{opacity:.55;cursor:not-allowed}.ls-btn-ghost{width:100%;background:none;border:1px solid #e5e7eb;color:#6b7280;border-radius:10px;padding:11px 20px;font-size:.875rem;font-weight:500;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s}.ls-btn-ghost:hover{background:#f9fafb;border-color:#d1d5db}.fp-root{height:100vh;overflow:hidden;display:flex;font-family:Inter,sans-serif}.fp-left{width:50%;height:100vh;position:relative;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.fp-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;z-index:0}.fp-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,#00000014,#0000001f 22%,#14053c85 40%,#1e085ae0 56%,#14053c 70% 100%)}.fp-grain{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px}.fp-photo-spacer{flex:1;min-height:180px;position:relative;z-index:3}.fp-bottom{position:relative;z-index:10;padding:0 48px 36px}.fp-horizon-line{height:1px;margin-bottom:28px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28) 30%,rgba(255,255,255,.14) 70%,transparent)}.fp-quote-block{margin-bottom:22px}.fp-hero-quote{font-family:Sora;font-size:clamp(24px,2.6vw,34px);font-weight:600;color:#fff;line-height:1.2;margin-bottom:12px;text-align:left}.fp-hero-quote em{font-style:normal;color:#c4b5fd}.fp-hero-sub{font-size:14px;color:#ffffff8c;line-height:1.62;max-width:380px;margin-bottom:14px;text-align:left}.fp-social-row{display:flex;align-items:center;gap:12px;margin:22px 0 20px}.fp-avatars{display:flex}.fp-avatars span{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.28);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;margin-left:-8px;flex-shrink:0}.fp-avatars span:first-child{margin-left:0}.fp-social-text{font-size:12px;color:#ffffff8c}.fp-social-text strong{color:#fff}.fp-steps{display:flex;align-items:center;gap:6px}.fp-step-dot{width:22px;height:3px;border-radius:2px;background:#fff3;transition:background .3s}.fp-step-dot.fp-step-done{background:#c4b5fd}.fp-step-label{font-size:11px;color:#fff6;margin-left:6px;letter-spacing:.3px}.fp-strip{display:flex;align-items:center;gap:14px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}.fp-strip-label{font-size:11px;color:#ffffff52;flex-shrink:0;letter-spacing:.3px}.fp-strip-icons{display:flex;gap:8px}.fp-si{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.12);text-decoration:none;transition:background .2s,border-color .2s,transform .15s;flex-shrink:0}.fp-si:hover{transform:translateY(-2px)}.fp-si:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.fp-si-wa:hover{background:#25d36638;border-color:#25d36661}.fp-si-fb:hover{background:#1877f238;border-color:#1877f261}.fp-si-ig:hover{background:#e4405f38;border-color:#e4405f61}.fp-si-x:hover{background:#ffffff26;border-color:#ffffff47}.fp-features{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.fp-feat-pill{display:inline-flex;align-items:center;gap:5px;background:#ffffff17;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:5px 12px;font-size:11.5px;font-weight:500;color:#ffffffd1;transition:background .18s,border-color .18s;-webkit-user-select:none;user-select:none}.fp-feat-pill:hover{background:#ffffff26;border-color:#ffffff47}.fp-right{width:50%;height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;flex-shrink:0;overflow-y:auto}.fp-form-inner{width:80%;animation:fp-slide-in .55s cubic-bezier(.22,1,.36,1) both;animation-delay:.15s;opacity:0}@keyframes fp-slide-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.fp-right-logo{display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:25px}.fp-right-logo-box{width:52px;height:52px;background:transparent;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fp-right-logo-name{font-family:Outfit,sans-serif;font-size:34px;font-weight:700;background:linear-gradient(-225deg,#ac32e4,#7918f2 48%,#4801ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fp-form-title{font-family:Inter;font-size:22px;font-weight:700;color:#0f0a1e;margin:0 0 3px;text-align:left}.fp-form-subtitle{font-size:15px;color:#453f50;margin:0 0 28px;text-align:left;font-family:Inter}.fp-form-subtitle strong{color:#374151}.fp-alert{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;border-radius:10px;padding:13px 16px;font-size:14px;font-weight:500;margin-bottom:20px}.fp-field{margin-bottom:16px;position:relative}.fp-field input{width:-webkit-fill-available;width:stretch;height:30px;padding:10px 15px;border:1.5px solid #706d7c;border-radius:5px;font-family:Inter,sans-serif;font-size:14px;color:#111827;outline:none;background:transparent;appearance:none;transition:border-color .2s,box-shadow .2s}.fp-field input::placeholder{color:transparent}.fp-field label{position:absolute;top:50%;left:11px;transform:translateY(-50%);font-size:14px;font-weight:400;color:#9ca3af;background:#fff;padding:0 4px;pointer-events:none;transition:top .18s ease,font-size .18s ease,color .18s ease,transform .18s ease}.fp-field input:focus~label,.fp-field input:not(:placeholder-shown)~label{top:0;transform:translateY(-50%);font-size:12px;font-weight:600}.fp-field input:focus~label{color:#5e17eb;font-size:14px}.fp-field input:not(:focus):not(:placeholder-shown)~label{color:#6b7280}.fp-field input:focus{border-color:#5e17eb;box-shadow:0 0 0 3px #5e17eb1a}.fp-field input.fp-input-error{border-color:#ef4444}.fp-field input.fp-input-error:focus{box-shadow:0 0 0 3px #ef44441a}.fp-field input.fp-input-error~label{color:#ef4444}.fp-otp-input{text-align:center;font-size:22px!important;font-weight:700;letter-spacing:10px;font-family:monospace!important}.fp-field-error{color:#ef4444;font-size:13px;font-weight:500;margin-top:3px;display:block;text-align:left}.fp-btn{width:100%;padding:14px;background:#5e17eb;border:none;border-radius:10px;color:#fff;font-family:Sora,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 14px #5e17eb52;display:flex;align-items:center;justify-content:center;min-height:50px}.fp-btn:hover:not(:disabled){background:#4c0fbd;transform:translateY(-1px);box-shadow:0 6px 20px #5e17eb61}.fp-btn:active:not(:disabled){transform:translateY(0)}.fp-btn:disabled{opacity:.6;cursor:not-allowed}.fp-spinner{display:block;width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:fp-spin .65s linear infinite}@keyframes fp-spin{to{transform:rotate(360deg)}}.fp-resend-row{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:18px;font-size:14px;color:#6b7280}.fp-text-btn{background:none;border:none;color:#5e17eb;font-size:14px;font-weight:600;cursor:pointer;padding:0;transition:color .2s;font-family:Inter,sans-serif}.fp-text-btn:hover:not(:disabled){color:#4c0fbd;text-decoration:underline}.fp-text-btn:disabled{opacity:.5;cursor:not-allowed}.fp-divider{display:flex;align-items:center;gap:12px;margin:24px 0 0;color:#d1d5db;font-size:12px}.fp-divider:before,.fp-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.fp-back-link{text-align:center;margin-top:16px;font-size:14px}.fp-back-link a{color:#5e17eb;text-decoration:none;font-weight:600;transition:color .2s}.fp-back-link a:hover{color:#4c0fbd}.fp-success{text-align:center}.fp-success-icon{margin-bottom:16px;display:flex;justify-content:center}.fp-success .fp-form-title,.fp-success .fp-form-subtitle{text-align:center}@media(max-width:1024px){.fp-bottom{padding:0 36px 32px}.fp-right{padding:0}}@media(max-width:768px){.fp-left{display:none}.fp-right{width:100%;height:100vh;padding:0;align-items:center;justify-content:center;overflow-y:auto}.fp-form-inner{max-width:100%}.fp-right-logo{margin-bottom:28px;justify-content:center}.fp-form-title,.fp-form-subtitle{text-align:center}.fp-form-title{font-size:22px}}@media(max-width:400px){.fp-right{padding:0}}.connect-whatsapp{display:flex;flex-direction:column;align-items:center;gap:12px}.connect-whatsapp-compact{align-items:flex-start}.connect-whatsapp-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 28px;background:#1877f2;color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:background .2s,transform .2s;white-space:nowrap}.connect-whatsapp-btn:hover:not(:disabled){background:#166fe5;transform:translateY(-1px)}.connect-whatsapp-btn:active:not(:disabled){transform:translateY(0)}.connect-whatsapp-btn:disabled{opacity:.6;cursor:not-allowed}.connect-whatsapp-btn svg{flex-shrink:0}.connect-whatsapp-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:cw-spin .6s linear infinite;flex-shrink:0}@keyframes cw-spin{to{transform:rotate(360deg)}}.connect-whatsapp-success{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;color:#16a34a;font-size:.9rem;font-weight:600}.connect-whatsapp-error{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:.85rem;max-width:400px}.connect-whatsapp-retry{background:none;border:1px solid #dc2626;color:#dc2626;padding:4px 12px;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .2s}.connect-whatsapp-retry:hover{background:#fef2f2}.connect-whatsapp-hint{color:#6b7280;font-size:.8rem;margin:0;max-width:360px}.connect-whatsapp-skip{background:none;border:none;color:#6b7280;font-size:.85rem;cursor:pointer;text-decoration:underline;padding:4px 0;transition:color .2s}.connect-whatsapp-skip:hover{color:#5e17eb}.connect-whatsapp-skip:disabled{opacity:.5;cursor:not-allowed}.connect-whatsapp-compact .connect-whatsapp-btn{padding:10px 22px;font-size:.9rem}.connect-whatsapp-compact .connect-whatsapp-error{max-width:100%}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.dashboard-content{padding:32px;max-width:1400px}.dash-top-row{display:flex;gap:24px;margin-bottom:32px}.dash-top-row .stats-grid{flex:1;min-width:0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-card{background:#fff;border-radius:16px;padding:20px;border:1px solid #e5e7eb;display:flex;gap:14px;transition:box-shadow .2s,transform .2s}.stat-card:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-content{flex:1;min-width:0}.stat-label{font-size:13px;color:#6b7280;margin:0 0 4px;font-weight:500}.stat-value{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 4px}.stat-change{font-size:12px;color:#6b7280;margin:0}.stat-change.positive{color:#10b981}.stat-change.negative{color:#ef4444}.waba-health-card{width:320px;flex-shrink:0;background:#fff;border:1px solid #e5e7eb;border-radius:16px;display:flex;flex-direction:column}.waba-health-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid #f3f4f6}.waba-health-header h3{font-size:15px;font-weight:700;color:#1f2937;margin:0}.waba-refresh-btn{width:32px;height:32px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s}.waba-refresh-btn:hover:not(:disabled){border-color:#5e17eb;color:#5e17eb;background:#faf9fe}.waba-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.waba-spin{animation:spin 1s linear infinite}.waba-health-body{padding:12px 20px;flex:1;display:flex;flex-direction:column;gap:10px}.waba-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.waba-label{font-size:12px;color:#6b7280;font-weight:500;white-space:nowrap}.waba-value{font-size:13px;color:#1f2937;font-weight:500;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.waba-mono{font-family:monospace;font-size:12px;letter-spacing:-.02em}.waba-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:capitalize}.waba-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.waba-token-health-col{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.waba-token-expiry{font-size:11px;color:#9ca3af;font-weight:400}.waba-row-block{flex-direction:column;align-items:flex-start;gap:6px}.waba-limit-widget{width:100%;display:flex;flex-direction:column;gap:5px}.waba-limit-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px}.waba-limit-used{font-size:12px;color:#6b7280}.waba-limit-used strong{color:#1f2937}.waba-limit-track{height:6px;background:#f3f4f6;border-radius:99px;overflow:hidden;width:100%}.waba-limit-bar{height:100%;border-radius:99px;transition:width .4s ease}.waba-limit-note{font-size:11px;color:#9ca3af;line-height:1.4}.waba-health-footer{padding:12px 20px;border-top:1px solid #f3f4f6}.waba-status-ok,.waba-status-warn{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.waba-status-ok{color:#10b981}.waba-status-warn{color:#f59e0b}.dash-charts-row{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px}.dash-chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px}.dash-chart-card h3{font-size:15px;font-weight:700;color:#1f2937;margin:0 0 16px}.dash-chart-empty{display:flex;align-items:center;justify-content:center;min-height:200px;color:#9ca3af;font-size:14px}.dash-bottom-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin-bottom:24px}.dash-quick-actions-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px}.dash-quick-actions-card h3{font-size:15px;font-weight:700;color:#1f2937;margin:0 0 16px}.dash-actions-list{display:flex;flex-direction:column;gap:10px}.dash-action-btn{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.dash-action-btn:hover{border-color:#5e17eb;color:#5e17eb;background:#faf9fe}.dash-action-btn svg{flex-shrink:0}.dash-activity-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;margin-bottom:24px}.dash-activity-card h3{font-size:15px;font-weight:700;color:#1f2937;margin:0 0 16px}.dash-activity-list{display:flex;flex-direction:column}.dash-activity-item{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:8px;transition:background .15s}.dash-activity-item:hover{background:#f9fafb}.dash-activity-item+.dash-activity-item{border-top:1px solid #f3f4f6}.dash-activity-icon{width:32px;height:32px;border-radius:8px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-activity-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dash-activity-title{font-size:13px;font-weight:600;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-activity-detail{font-size:12px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-activity-time{font-size:12px;color:#9ca3af;white-space:nowrap;flex-shrink:0}.welcome-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:40px;display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:32px}.welcome-content h2{font-size:28px;font-weight:700;margin:0 0 12px}.welcome-content p{font-size:16px;margin:0 0 24px;opacity:.9;max-width:500px}.primary-btn{background:#fff;color:#5e17eb;padding:12px 24px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.welcome-illustration{display:flex;align-items:center;justify-content:center}.dashboard-manual-setup-link{background:none;border:none;color:#fffc;font-size:.8rem;cursor:pointer;text-decoration:underline;padding:8px 0 0;display:block;transition:color .2s}.dashboard-manual-setup-link:hover{color:#fff}@media(max-width:1280px){.dash-top-row{flex-direction:column}.waba-health-card{width:100%}.stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.dash-charts-row{grid-template-columns:1fr}.dash-bottom-row{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-content{padding:20px}.stats-grid{grid-template-columns:1fr;gap:12px}.stat-card{padding:16px}.stat-value{font-size:24px}.dash-bottom-row{grid-template-columns:1fr}.welcome-card{flex-direction:column;text-align:center;padding:32px 24px}.welcome-content h2{font-size:24px}.welcome-content p{font-size:14px;max-width:100%}.welcome-illustration{margin-top:24px}.welcome-illustration svg{width:150px;height:150px}}@media(max-width:480px){.dashboard-content{padding:16px}.stat-card{padding:14px;gap:10px}.stat-icon{width:40px;height:40px}.stat-value{font-size:22px}.welcome-card{padding:24px 16px}.welcome-content h2{font-size:20px}}.contacts-page{padding:32px;max-width:1400px;margin:0 auto}.contacts-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.contacts-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.stat-box{background:#fff;border-radius:12px;padding:24px;border:1px solid #e5e7eb}.stat-box h3{font-size:32px;font-weight:700;color:#5e17eb;margin:0 0 8px}.stat-box p{font-size:14px;color:#6b7280;margin:0}.contacts-filters{display:flex;gap:16px;margin-bottom:24px;align-items:center}.search-box{flex:1;position:relative}.search-box svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;stroke-width:2}.search-box input{width:100%;padding:12px 16px 12px 48px;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;transition:all .2s}.search-box input:focus{outline:none;border-color:#5e17eb;box-shadow:0 0 0 4px #5e17eb1a}.filter-select{padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;cursor:pointer;transition:all .2s;background:#fff}.filter-select:focus{outline:none;border-color:#5e17eb}.toggle-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;cursor:pointer;white-space:nowrap}.toggle-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#5e17eb}.contacts-table-container{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;margin-bottom:24px}.contacts-table{width:100%;border-collapse:collapse}.contacts-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.contacts-table th{padding:16px;text-align:left;font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.contacts-table td{padding:16px;border-top:1px solid #e5e7eb;font-size:14px;color:#374151}.contacts-table tbody tr:hover{background:#f9fafb}.contact-name{display:flex;align-items:center;gap:12px}.contact-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{background:#e0d4fc;color:#5e17eb;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.no-tags{color:#9ca3af;font-size:13px}.source-badge{padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase}.source-manual{background:#dbeafe;color:#1e40af}.source-csv,.source-excel{background:#d1fae5;color:#065f46}.source-api{background:#fef3c7;color:#92400e}.source-chatbot{background:#e0e7ff;color:#3730a3}.source-form{background:#fce7f3;color:#9f1239}.action-buttons{display:flex;gap:8px}.btn-icon{width:32px;height:32px;border-radius:6px;border:none;background:#f3f4f6;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{background:#e5e7eb;color:#374151}.btn-icon.btn-delete{color:#ef4444}.btn-icon.btn-delete:hover{background:#fee2e2}.empty-state{padding:80px 40px;text-align:center}.empty-state svg{color:#d1d5db;margin-bottom:20px;stroke-width:1.5}.empty-state h3{font-size:20px;font-weight:600;color:#374151;margin:0 0 8px}.empty-state p{color:#6b7280;margin:0 0 24px}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}.pagination span{color:#6b7280;font-size:14px}.btn-primary,.btn-secondary{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;gap:8px}.btn-primary{background:#5e17eb;color:#fff}.btn-primary:hover{background:#4c0fbd;transform:translateY(-2px);box-shadow:0 4px 12px #5e17eb4d}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.btn-secondary{background:#fff;color:#374151;border:1px solid #e5e7eb}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{padding:24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:20px;font-weight:700;color:#1f2937}.close-btn{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.close-btn:hover{background:#f3f4f6;color:#374151}.contact-form{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;margin-bottom:8px;color:#374151;font-size:14px}.form-group input,.form-group select{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;transition:all .2s;font-family:inherit}.form-group input:focus,.form-group select:focus{outline:none;border-color:#5e17eb;box-shadow:0 0 0 4px #5e17eb1a}.form-group input.error{border-color:#ef4444}.form-group small{display:block;margin-top:6px;font-size:13px;color:#6b7280}.field-error{color:#ef4444;font-size:13px;margin-top:6px;font-weight:500;display:block}.groups-picker{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px;border:1.5px solid #e5e7eb;border-radius:10px;min-height:44px}.group-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid transparent}.group-chip-remove{background:none;border:none;cursor:pointer;padding:0;font-size:16px;line-height:1;opacity:.7;transition:opacity .12s}.group-chip-remove:hover{opacity:1}.group-add-wrap{position:relative}.group-add-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;border:1px dashed #d1d5db;background:#fff;font-size:12px;color:#6b7280;cursor:pointer;font-family:inherit;transition:border-color .15s,color .15s}.group-add-btn:hover{border-color:#5e17eb;color:#5e17eb}.group-add-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:160px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 16px #0000001a;z-index:200;overflow:hidden}.group-add-item{padding:8px 14px;font-size:13px;color:#1f2937;cursor:pointer;transition:background .12s}.group-add-item:hover{background:#f5f3ff;color:#5e17eb}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb}.alert{padding:14px 18px;border-radius:10px;margin:0 24px 20px;font-size:14px;font-weight:500}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.import-instructions{padding:20px 24px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.import-instructions p{margin:0 0 12px;color:#374151;font-size:14px}.import-instructions ol{margin:8px 0;padding-left:20px;color:#6b7280;font-size:14px}.import-instructions .note{color:#f59e0b;font-weight:600;margin-top:12px}.sample-downloads{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280;margin-top:8px}.sample-link{color:#5e17eb;text-decoration:underline;font-weight:500}.sample-link:hover{color:#4c0fbd}.import-form{padding:24px}.file-upload{margin-bottom:20px}.file-upload input[type=file]{display:none}.file-upload-label{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;transition:all .2s;color:#6b7280;font-weight:600;background:#f9fafb}.file-upload-label:hover{border-color:#5e17eb;color:#5e17eb;background:#faf9fe}.import-result{padding:20px;border-radius:10px;margin-bottom:20px}.import-result.success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.import-result.has-errors{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.import-result h4{margin:0 0 12px;font-size:16px}.import-result p{margin:4px 0;font-size:14px}.error-details{margin-top:16px;padding-top:16px;border-top:1px solid rgba(0,0,0,.1)}.error-item{padding:8px;margin-bottom:8px;background:#ffffff80;border-radius:6px;font-size:13px}.loading{display:flex;align-items:center;justify-content:center;gap:10px}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner-large{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#5e17eb;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.contacts-page{padding:20px}.contacts-header{flex-direction:column;gap:20px}.contacts-filters{flex-direction:column}.contacts-table-container{overflow-x:auto}.contacts-table{min-width:800px}.contacts-stats{grid-template-columns:1fr 1fr}}@media(max-width:1024px){.contacts-stats,.actions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.contacts-page{padding:20px}.contacts-stats{grid-template-columns:1fr 1fr;gap:12px}.stat-box{padding:16px}.stat-box h3{font-size:24px}.stat-box p{font-size:13px}.contacts-filters{flex-direction:column;gap:12px}.search-box,.filter-select{width:100%}.contacts-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.contacts-table{min-width:800px}.modal-content{margin:20px;max-width:calc(100% - 40px)}.modal-header,.contact-form{padding:20px}.modal-actions{padding:16px 20px;flex-direction:column}.modal-actions button{width:100%}.import-instructions{padding:16px 20px}.file-upload-label{padding:30px 20px}.pagination{flex-wrap:wrap;gap:12px}}@media(max-width:480px){.contacts-page{padding:16px}.contacts-stats{grid-template-columns:1fr}.contacts-filters{gap:10px}.btn-primary,.btn-secondary{padding:10px 16px;font-size:13px}.contacts-table{font-size:13px}.contacts-table th,.contacts-table td{padding:12px 8px}.contact-avatar{width:32px;height:32px;font-size:13px}.tag{font-size:11px;padding:3px 8px}.source-badge{font-size:11px;padding:3px 10px}.modal-content{margin:10px;max-width:calc(100% - 20px);border-radius:12px}.modal-header h2{font-size:18px}.form-group label{font-size:13px}.form-group input,.form-group select{font-size:14px;padding:10px 14px}.empty-state{padding:60px 20px}.empty-state h3{font-size:18px}.empty-state p{font-size:14px}}@media(max-width:768px)and (orientation:landscape){.modal-content{max-height:85vh}.welcome-card{padding:24px}}.con-tag-clear-filter{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:#ede9fe;color:#5e17eb;border:1px solid #c4b5fd;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s;font-family:inherit}.con-tag-clear-filter:hover{background:#ddd6fe}.con-tags-section{display:flex;flex-direction:column;gap:10px}.con-tags-loading{font-size:.85rem;color:#9ca3af}.con-tags-badges{display:flex;flex-wrap:wrap;gap:6px;min-height:28px;align-items:center}.con-tags-empty{font-size:.85rem;color:#9ca3af;font-style:italic}.con-tag-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:600;border:1px solid;cursor:default}.con-tag-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.con-tag-remove{background:none;border:none;font-size:1rem;line-height:1;cursor:pointer;opacity:.65;padding:0;display:flex;align-items:center;color:inherit;transition:opacity .12s}.con-tag-remove:hover{opacity:1}.con-tag-add-wrap{position:relative;display:inline-block}.con-tag-add-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border:1px dashed #d1d5db;border-radius:999px;background:#fff;color:#6b7280;font-size:.8rem;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s;font-family:inherit}.con-tag-add-btn:hover:not(:disabled){border-color:#5e17eb;color:#5e17eb}.con-tag-add-btn:disabled{opacity:.5;cursor:not-allowed}.con-tag-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:180px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 16px #0000001a;z-index:300;overflow:hidden}.con-tag-dropdown-item{display:flex;align-items:center;gap:8px;padding:9px 14px;font-size:.875rem;color:#1f2937;cursor:pointer;transition:background .12s}.con-tag-dropdown-item:hover{background:#f5f3ff;color:#5e17eb}.con-tag-dropdown-empty{padding:10px 14px;font-size:.8rem;color:#9ca3af;font-style:italic}.contacts-dup-banner{background:#fffbeb;border:1px solid #fcd34d;border-radius:12px;padding:14px 18px;margin-bottom:16px;display:flex;flex-direction:column;gap:10px}.contacts-dup-banner-body{display:flex;align-items:center;gap:8px;font-size:13px;color:#92400e}.contacts-dup-banner>svg{flex-shrink:0;margin-top:2px}.contacts-dup-banner-groups{display:flex;flex-direction:column;gap:8px}.contacts-dup-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.contacts-dup-number{font-size:12px;font-weight:700;color:#374151;background:#f3f4f6;border-radius:6px;padding:2px 8px;font-family:monospace}.contacts-dup-chip{font-size:12px;background:#fef3c7;color:#92400e;border-radius:999px;padding:2px 10px;border:1px solid #fcd34d}.contacts-dup-merge-btn{margin-left:auto;font-size:12px;font-weight:600;color:#5e17eb;background:none;border:1px solid #5e17eb;border-radius:6px;padding:3px 10px;cursor:pointer;transition:background .15s}.contacts-dup-merge-btn:hover{background:#ede9fe}.contact-dup-warning{display:flex;align-items:center;gap:6px;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:7px 10px;font-size:12px;color:#92400e;margin-top:4px}.contacts-merge-list{display:flex;flex-direction:column;gap:10px}.contacts-merge-option{display:flex;align-items:center;gap:12px;padding:12px 14px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s}.contacts-merge-option.selected{border-color:#5e17eb;background:#faf5ff}.contacts-merge-option input[type=radio]{accent-color:#5e17eb;width:16px;height:16px;flex-shrink:0}.contacts-merge-option-info{display:flex;flex-direction:column;flex:1}.contacts-merge-name{font-size:14px;font-weight:600;color:#111827}.contacts-merge-phone{font-size:12px;color:#6b7280}.contacts-merge-keep-badge{font-size:11px;font-weight:700;background:#5e17eb;color:#fff;border-radius:999px;padding:2px 10px}.btn-secondary{padding:10px 20px;background:#f3f4f6;color:#374151;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.btn-secondary:hover{background:#e5e7eb}.tl-page{padding:32px;max-width:1400px;font-family:inherit}.tl-limit-bar{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px 20px;margin-bottom:24px}.tl-limit-bar-header{display:flex;justify-content:space-between;font-size:13px;color:#6b7280;margin-bottom:8px;font-weight:500}.tl-limit-track{height:6px;background:#f3f4f6;border-radius:99px;overflow:hidden}.tl-limit-fill{height:100%;border-radius:99px;transition:width .5s ease,background .3s}.tl-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px}.tl-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;align-items:center;gap:14px;transition:all .2s}.tl-stat-card:hover{box-shadow:0 4px 12px #0000000f;transform:translateY(-2px)}.tl-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tl-stat-value{font-size:26px;font-weight:700;margin:0 0 2px;line-height:1}.tl-stat-label{font-size:12px;color:#6b7280;margin:0;font-weight:500}.tl-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;align-items:center}.tl-search{flex:1;min-width:240px;position:relative;display:flex;align-items:center}.tl-search svg{position:absolute;left:14px;color:#9ca3af;pointer-events:none}.tl-search input{width:100%;padding:10px 36px 10px 42px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;font-family:inherit;transition:all .2s;background:#fff}.tl-search input:focus{outline:none;border-color:#5e17eb;box-shadow:0 0 0 3px #5e17eb1a}.tl-clear-input{position:absolute;right:12px;background:none;border:none;font-size:18px;color:#9ca3af;cursor:pointer;line-height:1;padding:0}.tl-select{padding:10px 14px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;font-family:inherit;background:#fff;cursor:pointer;transition:all .2s;color:#374151}.tl-select:focus{outline:none;border-color:#5e17eb}.tl-meta-toggle{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;cursor:pointer;font-weight:500;white-space:nowrap}.tl-meta-toggle input{accent-color:#5e17eb;width:16px;height:16px}.tl-clear-filters{background:none;border:1px solid #e5e7eb;border-radius:8px;padding:8px 14px;font-size:13px;color:#6b7280;cursor:pointer;transition:all .2s;font-family:inherit}.tl-clear-filters:hover{border-color:#ef4444;color:#ef4444}.tl-results-info{font-size:13px;color:#6b7280;margin-bottom:16px}.tl-grid,.tl-loading{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;margin-bottom:32px}.tl-skeleton{height:300px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:16px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tl-empty{text-align:center;padding:80px 40px;background:#fff;border-radius:16px;border:2px dashed #e5e7eb}.tl-empty svg{color:#d1d5db;margin-bottom:20px}.tl-empty h3{font-size:20px;font-weight:600;color:#374151;margin:0 0 8px}.tl-empty p{color:#6b7280;margin:0 0 24px}.tl-card{background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden;transition:all .2s;display:flex;flex-direction:column}.tl-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.tl-card-approved{border-top:3px solid #10b981}.tl-card-rejected{border-top:3px solid #ef4444}.tl-card-pending{border-top:3px solid #f59e0b}.tl-card-paused{border-top:3px solid #f97316}.tl-card-draft{border-top:3px solid #e5e7eb}.tl-card-disabled{border-top:3px solid #9ca3af;opacity:.7}.tl-card-in_appeal{border-top:3px solid #8b5cf6}.tl-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 0;gap:8px}.tl-card-header-left,.tl-card-header-right{display:flex;align-items:center;gap:8px}.tl-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.tl-meta-badge{background:#d1fae5;color:#065f46;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600}.tl-quality{font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.tl-menu-wrapper{position:relative}.tl-menu-btn{background:none;border:none;cursor:pointer;color:#6b7280;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.tl-menu-btn:hover{background:#f3f4f6;color:#374151}.tl-menu-overlay{position:fixed;inset:0;z-index:9}.tl-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:10;min-width:200px;overflow:hidden}.tl-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 16px;background:none;border:none;font-size:14px;color:#374151;cursor:pointer;transition:background .15s;font-family:inherit;text-align:left}.tl-menu button:hover{background:#f9fafb}.tl-menu-delete{color:#ef4444!important;border-top:1px solid #e5e7eb}.tl-menu-delete:hover{background:#fee2e2!important}.tl-card-body{padding:16px;flex:1;cursor:pointer}.tl-card-name{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px}.tl-card-sysname{font-size:12px;color:#9ca3af;margin:0 0 12px;font-family:monospace}.tl-card-preview{background:#e5ddd5;border-radius:10px;padding:12px;position:relative}.tl-card-preview:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.04'%3E%3Ccircle cx='50' cy='50' r='40' stroke='%23000' fill='none'/%3E%3C/g%3E%3C/svg%3E");border-radius:10px;pointer-events:none}.tl-preview-bubble{background:#fff;border-radius:8px;padding:10px 12px;box-shadow:0 1px 2px #0000001a;position:relative;z-index:1}.tl-preview-header{font-size:13px;font-weight:700;color:#1f2937;margin:0 0 6px;background:#fff;border-radius:8px 8px 0 0;padding:8px 10px 4px}.tl-preview-media{background:#f3f4f6;border-radius:8px 8px 0 0;padding:12px;display:flex;align-items:center;gap:8px;color:#6b7280;font-size:13px}.tl-preview-body{font-size:13px;color:#1f2937;margin:0;line-height:1.5;background:#fff;padding:6px 10px;white-space:pre-wrap;word-break:break-word}.tl-preview-footer{font-size:11px;color:#6b7280;margin:0;background:#fff;padding:4px 10px 8px;border-radius:0 0 8px 8px}.tl-preview-buttons{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.tl-preview-btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:6px 12px;font-size:12px;color:#0a8d48;font-weight:600;flex:1;text-align:center;min-width:80px}.tl-preview-btn-more{background:#f3f4f6;border-radius:6px;padding:6px 10px;font-size:12px;color:#6b7280}.tl-card-footer{padding:12px 16px;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.tl-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tl-lang-badge{background:#f3f4f6;color:#374151;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.5px}.tl-card-tags{display:flex;gap:4px;flex-wrap:wrap}.tl-tag-chip{padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600}.tl-tag-more{font-size:11px;color:#6b7280}.tl-rejection-notice,.tl-paused-notice{margin:0 16px 12px;padding:8px 12px;border-radius:8px;font-size:12px;display:flex;align-items:flex-start;gap:6px;line-height:1.4}.tl-rejection-notice{background:#fee2e2;color:#991b1b}.tl-paused-notice{background:#ffedd5;color:#9a3412}.tl-card-actions{padding:0 16px 16px}.tl-card-action-btn{width:100%;padding:9px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.tl-card-action-btn.primary{background:#5e17eb;color:#fff}.tl-card-action-btn.primary:hover:not(:disabled){background:#4c0fbd}.tl-card-action-btn.warning{background:#fef3c7;color:#92400e}.tl-card-action-btn.warning:hover{background:#fde68a}.tl-card-action-btn.info{background:#ede9fe;color:#5b21b6}.tl-card-action-btn.info:hover:not(:disabled){background:#ddd6fe}.tl-card-action-btn.success{background:#d1fae5;color:#065f46;cursor:default}.tl-card-action-btn:disabled{opacity:.6;cursor:not-allowed}.tl-pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:24px 0}.tl-page-numbers{display:flex;gap:4px;align-items:center}.tl-page-btn{width:36px;height:36px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:14px;cursor:pointer;transition:all .2s;color:#374151;font-family:inherit}.tl-page-btn.active{background:#5e17eb;color:#fff;border-color:#5e17eb}.tl-page-btn:hover:not(.active){border-color:#5e17eb;color:#5e17eb}.tl-ellipsis{color:#6b7280;font-size:14px;padding:0 4px}.tl-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.tl-modal{background:#fff;border-radius:16px;padding:32px;max-width:480px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center}.tl-modal-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.tl-modal-icon.danger{background:#fee2e2;color:#ef4444}.tl-modal-icon.info{background:#ede9fe;color:#5e17eb}.tl-modal h3{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 8px}.tl-modal p{color:#6b7280;font-size:14px;margin:0 0 24px}.tl-reject-reason{text-align:left;margin-bottom:24px}.tl-reject-reason label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:8px}.tl-reject-reason input{width:100%;padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:inherit;box-sizing:border-box}.tl-reject-reason input:focus{outline:none;border-color:#5e17eb}.tl-modal-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.tl-btn-primary{background:#5e17eb;color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;font-family:inherit}.tl-btn-primary:hover{background:#4c0fbd;transform:translateY(-1px);box-shadow:0 4px 12px #5e17eb4d}.tl-btn-secondary{background:#fff;color:#374151;border:1px solid #e5e7eb;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.tl-btn-secondary:hover:not(:disabled){border-color:#d1d5db;background:#f9fafb}.tl-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.tl-btn-danger{background:#ef4444;color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.tl-btn-danger:hover:not(:disabled){background:#dc2626}.tl-btn-danger:disabled{opacity:.6;cursor:not-allowed}.tl-btn-success{background:#10b981;color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.tl-btn-success:hover:not(:disabled){background:#059669}@media(max-width:1024px){.tl-stats{grid-template-columns:repeat(3,1fr)}.tl-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.tl-page{padding:20px}.tl-stats{grid-template-columns:repeat(2,1fr)}.tl-grid{grid-template-columns:1fr}.tl-filters{flex-direction:column}.tl-search{min-width:unset}.tl-select{width:100%}}@media(max-width:480px){.tl-page{padding:16px}.tl-stats{grid-template-columns:1fr 1fr;gap:12px}.tl-stat-card{padding:14px}.tl-stat-value{font-size:22px}.tl-modal{padding:24px 20px}.tl-modal-actions{flex-direction:column}.tl-modal-actions button{width:100%}}.tc-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;color:#6b7280}.tc-steps{display:flex;align-items:center;margin-bottom:32px;gap:0;overflow-x:auto;padding-bottom:4px}.tc-step{display:flex;align-items:center;gap:10px;flex-shrink:0}.tc-step-circle{width:36px;height:36px;border-radius:50%;border:2px solid #e5e7eb;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#9ca3af;background:#fff;transition:all .3s;flex-shrink:0}.tc-step.active .tc-step-circle{border-color:#5e17eb;background:#5e17eb;color:#fff}.tc-step.done .tc-step-circle{border-color:#10b981;background:#10b981;color:#fff}.tc-step-label{font-size:14px;font-weight:500;color:#9ca3af;white-space:nowrap}.tc-step.active .tc-step-label{color:#5e17eb;font-weight:600}.tc-step.done .tc-step-label{color:#10b981}.tc-step-line{width:48px;height:2px;background:#e5e7eb;margin:0 10px;flex-shrink:0}.tc-step.done~.tc-step .tc-step-line,.tc-step.done .tc-step-line{background:#10b981}.tc-layout{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}.tc-form-panel{background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden}.tc-step-content{padding:32px}.tc-section-title{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 8px}.tc-section-desc{font-size:14px;color:#6b7280;margin:0 0 28px}.tc-field label{display:flex;align-items:baseline;gap:8px;font-size:14px;font-weight:600;color:#374151;margin-bottom:10px;flex-wrap:wrap}.tc-hint{font-size:12px;font-weight:400;color:#9ca3af}.tc-field input,.tc-field select,.tc-field textarea{width:100%;padding:11px 14px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;font-family:inherit;transition:all .2s;color:#1f2937;background:#fff;box-sizing:border-box}.tc-field input:focus,.tc-field select:focus,.tc-field textarea:focus{outline:none;border-color:#5e17eb;box-shadow:0 0 0 3px #5e17eb1a}.tc-field input.error,.tc-field textarea.error{border-color:#ef4444}.tc-mono-input{font-family:Courier New,monospace!important;color:#5e17eb!important;font-weight:600!important}.tc-field-hint{font-size:12px;color:#9ca3af;margin:6px 0 0}.tc-error{display:block;font-size:12px;color:#ef4444;margin-top:6px;font-weight:500}.tc-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tc-input-with-count{position:relative}.tc-input-with-count input{padding-right:60px}.tc-char-count{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:500;pointer-events:none}.tc-category-grid{display:flex;flex-direction:column;gap:12px}.tc-category-card{display:flex;align-items:flex-start;gap:14px;padding:16px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s}.tc-category-card:hover{border-color:var(--cat-color);background:color-mix(in srgb,var(--cat-color) 5%,white)}.tc-category-card.selected{border-color:var(--cat-color);background:color-mix(in srgb,var(--cat-color) 8%,white)}.tc-cat-icon{font-size:24px;flex-shrink:0}.tc-cat-label{font-weight:600;color:#1f2937;margin:0 0 4px;font-size:14px}.tc-cat-desc{font-size:13px;color:#6b7280;margin:0}.tc-tags-container{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tc-tag-btn{padding:6px 12px;border-radius:20px;border:1px solid #e5e7eb;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.tc-tag-create{display:flex;align-items:center;gap:6px}.tc-tag-create input{padding:6px 12px;border:1px dashed #d1d5db;border-radius:20px;font-size:13px;width:120px}.tc-tag-create input:focus{outline:none;border-color:#5e17eb}.tc-tag-add-btn{padding:6px 12px;background:#5e17eb;color:#fff;border:none;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}.tc-auth-section{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:20px;margin-bottom:24px}.tc-auth-notice{display:flex;gap:12px;margin-bottom:20px}.tc-auth-notice span{font-size:24px}.tc-auth-notice strong{display:block;font-size:14px;color:#1f2937;margin-bottom:4px}.tc-auth-notice p{font-size:13px;color:#6b7280;margin:0}.tc-otp-types{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tc-otp-card{padding:14px;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s}.tc-otp-card.selected{border-color:#10b981;background:#f0fdf4}.tc-otp-label{font-weight:600;font-size:13px;color:#1f2937;margin:0 0 4px}.tc-otp-desc{font-size:12px;color:#6b7280;margin:0}.tc-toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#374151;font-weight:500;margin-bottom:0!important}.tc-toggle input{display:none}.tc-toggle-slider{width:44px;height:24px;background:#e5e7eb;border-radius:12px;position:relative;transition:background .2s;flex-shrink:0}.tc-toggle-slider:after{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .2s;box-shadow:0 1px 4px #0003}.tc-toggle input:checked+.tc-toggle-slider{background:#10b981}.tc-toggle input:checked+.tc-toggle-slider:after{transform:translate(20px)}.tc-header-types{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.tc-header-type-btn{padding:8px 14px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit;color:#374151}.tc-header-type-btn:hover{border-color:#5e17eb;color:#5e17eb}.tc-header-type-btn.active{border-color:#5e17eb;background:#ede9fe;color:#5e17eb}.tc-media-tabs{display:flex;gap:4px;margin-bottom:10px}.tc-media-tabs button{padding:6px 14px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit;color:#6b7280}.tc-media-tabs button.active{background:#5e17eb;border-color:#5e17eb;color:#fff}.tc-upload-area input[type=file]{display:none}.tc-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;transition:all .2s;color:#6b7280;font-size:14px;font-weight:500;background:#f9fafb}.tc-upload-label:hover{border-color:#5e17eb;color:#5e17eb;background:#faf9fe}.tc-upload-hint{font-size:12px;color:#9ca3af;font-weight:400}.tc-toolbar{display:flex;align-items:center;gap:4px;padding:8px;background:#f9fafb;border:2px solid #e5e7eb;border-bottom:none;border-radius:10px 10px 0 0}.tc-toolbar-btn{padding:6px 10px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:14px;font-family:inherit;color:#374151;transition:all .2s;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.tc-toolbar-btn:hover:not(:disabled){border-color:#5e17eb;color:#5e17eb;background:#faf9fe}.tc-toolbar-btn.variable{font-family:monospace;font-size:12px;font-weight:600;color:#5e17eb;border-color:#5e17eb;background:#ede9fe;padding:6px 12px;min-width:auto}.tc-toolbar-divider{width:1px;height:20px;background:#e5e7eb;margin:0 4px}.tc-textarea-wrapper{position:relative}.tc-body-textarea{width:100%!important;border-radius:0 0 10px 10px!important;resize:vertical;min-height:140px;line-height:1.6;padding-bottom:28px!important;box-sizing:border-box}.tc-textarea-wrapper .tc-char-count{position:absolute;bottom:10px;right:12px;top:auto;transform:none}.tc-variables-section{background:#faf9fe;border:1px solid #ede9fe;border-radius:12px;padding:20px;margin-bottom:24px}.tc-variables-title{font-size:15px;font-weight:700;color:#1f2937;margin:0 0 4px;display:flex;align-items:center;gap:10px}.tc-variables-hint{font-size:12px;font-weight:400;color:#9ca3af}.tc-variables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-top:16px}.tc-variable-field label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#374151;margin-bottom:8px}.tc-var-tag{background:#ede9fe;color:#5e17eb;padding:2px 8px;border-radius:4px;font-family:monospace;font-size:12px;font-weight:700}.tc-var-placeholder{background:#ede9fe;color:#5e17eb;padding:1px 4px;border-radius:4px;font-weight:600}.tc-var-filled{color:#1f2937;font-weight:700}.tc-btn-types{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.tc-btn-type-card{display:flex;align-items:flex-start;gap:12px;padding:14px;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s}.tc-btn-type-card:hover{border-color:#5e17eb;background:#faf9fe}.tc-btn-type-card.selected{border-color:#5e17eb;background:#ede9fe}.tc-btn-type-icon{font-size:20px;flex-shrink:0}.tc-btn-type-label{font-weight:600;font-size:13px;color:#1f2937;margin:0 0 3px}.tc-btn-type-desc{font-size:12px;color:#6b7280;margin:0}.tc-buttons-builder{display:flex;flex-direction:column;gap:12px}.tc-button-row{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.tc-button-row-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.tc-button-num{font-size:13px;font-weight:700;color:#374151;flex:1}.tc-button-type-badge{font-size:12px;font-weight:600;color:#5e17eb;background:#ede9fe;padding:3px 8px;border-radius:6px}.tc-remove-btn{background:none;border:none;color:#ef4444;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;transition:background .2s}.tc-remove-btn:hover{background:#fee2e2}.tc-button-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.tc-add-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border:2px dashed #d1d5db;border-radius:10px;background:#fff;color:#6b7280;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.tc-add-btn:hover{border-color:#5e17eb;color:#5e17eb;background:#faf9fe}.tc-cta-add-buttons{display:flex;gap:12px}.tc-cta-add-buttons .tc-add-btn{flex:1}.tc-auth-btn-notice{display:flex;align-items:center;gap:12px;padding:16px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px}.tc-auth-btn-notice span{font-size:24px}.tc-auth-btn-notice p{font-size:14px;color:#374151;margin:0}.tc-review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;background:#f9fafb;border-radius:12px;padding:20px;margin-bottom:20px}.tc-review-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af;margin:0 0 4px}.tc-review-value{font-size:14px;color:#1f2937;margin:0;word-break:break-word;font-weight:500}.tc-review-value.mono{font-family:monospace;color:#5e17eb}.tc-review-variables{background:#faf9fe;border:1px solid #ede9fe;border-radius:12px;padding:20px;margin-bottom:20px}.tc-review-variables h4{font-size:14px;font-weight:700;color:#374151;margin:0 0 14px}.tc-review-vars-grid{display:flex;flex-direction:column;gap:8px}.tc-review-var{display:flex;align-items:center;gap:12px;font-size:14px}.tc-review-notice{display:flex;gap:12px;padding:16px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;color:#1e40af}.tc-review-notice strong{display:block;font-size:14px;margin-bottom:4px}.tc-review-notice p{font-size:13px;margin:0;opacity:.85}.tc-nav-buttons{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;border-top:1px solid #f3f4f6;background:#f9fafb}.tc-nav-right{display:flex;gap:12px;align-items:center}.tc-btn-primary{background:#5e17eb;color:#fff;border:none;padding:11px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;font-family:inherit}.tc-btn-primary:hover:not(:disabled){background:#4c0fbd;transform:translateY(-1px);box-shadow:0 4px 12px #5e17eb4d}.tc-btn-primary:disabled{opacity:.6;cursor:not-allowed}.tc-btn-secondary{background:#fff;color:#374151;border:1px solid #e5e7eb;padding:11px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.tc-btn-secondary:hover{border-color:#d1d5db;background:#f9fafb}.tc-btn-ghost{background:none;color:#6b7280;border:none;padding:11px 16px;border-radius:10px;font-size:14px;cursor:pointer;font-family:inherit;transition:color .2s}.tc-btn-ghost:hover{color:#374151}.tc-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#5e17eb;border-radius:50%;animation:tc-spin .8s linear infinite}.tc-spinner-sm{width:16px;height:16px;border:2px solid rgba(94,23,235,.2);border-top-color:#5e17eb;border-radius:50%;animation:tc-spin .6s linear infinite}.tc-spinner-sm.white{border-color:#ffffff4d;border-top-color:#fff}@keyframes tc-spin{to{transform:rotate(360deg)}}.tc-preview-panel{position:sticky;top:100px}.tc-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tc-preview-header h3{font-size:16px;font-weight:700;color:#1f2937;margin:0}.tc-preview-badge{background:#25d366;color:#fff;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600}.tc-preview-wrapper{display:flex;justify-content:center}.tc-preview-phone{width:300px;background:#fff;border-radius:32px;overflow:hidden;box-shadow:0 0 0 8px #1f2937,0 20px 60px #0000004d}.tc-phone-topbar{background:#075e54;padding:14px 16px;display:flex;align-items:center;gap:10px;color:#fff}.tc-phone-back{font-size:22px;cursor:pointer;opacity:.8}.tc-phone-avatar{width:36px;height:36px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.tc-phone-contact{flex:1}.tc-phone-name{font-weight:600;font-size:14px;margin:0 0 2px}.tc-phone-status{font-size:11px;opacity:.7;margin:0}.tc-phone-icons{color:#fffc}.tc-phone-chat{background:#e5ddd5;min-height:360px;padding:12px;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c4b5a0' fill-opacity='0.15'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.tc-phone-date{text-align:center;font-size:11px;color:#6b7280;background:#fff9;padding:3px 10px;border-radius:10px;display:inline-block;margin:0 auto 10px;width:max-content}.tc-preview-empty{display:flex;align-items:center;justify-content:center;min-height:200px}.tc-preview-empty p{font-size:13px;color:#9ca3af;text-align:center;background:#fff9;padding:12px 16px;border-radius:10px}.tc-message-bubble{background:#fff;border-radius:0 10px 10px;overflow:hidden;box-shadow:0 1px 3px #0000001a;max-width:90%;margin-left:4px}.tc-bubble-header{font-size:14px;font-weight:700;color:#1f2937;padding:10px 12px 6px;margin:0}.tc-bubble-media{padding:12px;display:flex;align-items:center;gap:8px;font-size:13px}.tc-bubble-media.image{background:#f3f4f6;color:#6b7280;min-height:80px;justify-content:center;flex-direction:column}.tc-bubble-media.image img{width:100%;max-height:160px;object-fit:cover;border-radius:6px}.tc-bubble-media.video{background:#1f2937;color:#d1d5db}.tc-bubble-media.document{background:#f0fdf4;color:#065f46}.tc-bubble-body{font-size:13px;color:#1f2937;padding:8px 12px;margin:0;line-height:1.5;white-space:pre-wrap;word-break:break-word}.tc-bubble-footer{font-size:11px;color:#9ca3af;padding:2px 12px 8px;margin:0}.tc-bubble-time{display:flex;align-items:center;justify-content:flex-end;gap:4px;padding:2px 10px 8px;font-size:11px;color:#9ca3af}.tc-bubble-buttons{border-top:1px solid #f3f4f6}.tc-bubble-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-top:1px solid #f3f4f6;color:#0a8d48;font-size:13px;font-weight:600}.tc-bubble-btn:first-child{border-top:none}.tc-phone-inputbar{background:#f0f0f0;padding:10px 12px;display:flex;align-items:center;gap:8px}.tc-phone-input{flex:1;background:#fff;border-radius:20px;padding:8px 14px;font-size:13px;color:#9ca3af}.tc-phone-send{width:36px;height:36px;border-radius:50%;background:#075e54;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media(max-width:1200px){.tc-layout{grid-template-columns:1fr}.tc-preview-panel{position:static}.tc-preview-wrapper{justify-content:flex-start}}@media(max-width:768px){.tc-page{padding:20px}.tc-steps{margin-bottom:24px}.tc-step-label{display:none}.tc-step.active .tc-step-label{display:block}.tc-step-content{padding:20px}.tc-nav-buttons{padding:16px 20px}.tc-row,.tc-otp-types,.tc-btn-types{grid-template-columns:1fr}.tc-preview-phone{width:100%;max-width:320px;border-radius:20px}}@media(max-width:480px){.tc-page{padding:16px}.tc-nav-right{flex-direction:column;width:100%}.tc-btn-primary,.tc-btn-ghost{width:100%;justify-content:center}}.tc-variable-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tc-var-type-card{padding:16px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s}.tc-var-type-card.selected{border-color:#5e17eb;background:#ede9fe}.tc-var-type-header input[type=radio]{accent-color:#5e17eb;width:18px;height:18px;cursor:pointer}.tc-var-type-examples code{background:#f3f4f6;color:#5e17eb;padding:3px 8px;border-radius:4px;font-size:12px;font-family:monospace;font-weight:600}.tc-variable-warnings{margin-top:8px;display:flex;flex-direction:column;gap:6px}.tc-warning-item{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;font-size:13px;color:#92400e;line-height:1.5}.tc-warning-item svg{flex-shrink:0;margin-top:2px}.tc-page{padding:32px;max-width:1400px}.tc-variable-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.tc-var-type-card{padding:18px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s;background:#fff}.tc-var-type-card:hover{border-color:#5e17eb;background:#faf9fe}.tc-var-type-card.selected{border-color:#5e17eb;background:#ede9fe;box-shadow:0 0 0 3px #5e17eb1a}.tc-var-type-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.tc-var-type-header input[type=radio]{accent-color:#5e17eb;width:18px;height:18px;cursor:pointer;margin:0}.tc-var-type-label{font-size:15px;font-weight:700;color:#1f2937}.tc-var-type-desc{font-size:13px;color:#6b7280;margin:0 0 10px}.tc-var-type-examples{display:flex;gap:6px;flex-wrap:wrap}.tc-var-type-examples code{background:#f3f4f6;color:#5e17eb;padding:4px 10px;border-radius:6px;font-size:13px;font-family:Courier New,monospace;font-weight:600}.tc-var-type-card.selected .tc-var-type-examples code{background:#fff}.tc-variable-warnings{margin-top:12px;display:flex;flex-direction:column;gap:8px}.tc-warning-item{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;font-size:13px;color:#92400e;line-height:1.6}.tc-warning-item svg{flex-shrink:0;margin-top:2px;color:#f59e0b}.tc-field{margin-bottom:24px}.tc-field label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:10px}@media(max-width:768px){.tc-variable-type-selector{grid-template-columns:1fr}}.td-page{padding:32px;max-width:1400px}.td-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;color:#6b7280}.td-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#5e17eb;border-radius:50%;animation:td-spin .8s linear infinite}@keyframes td-spin{to{transform:rotate(360deg)}}.td-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px;flex-wrap:wrap}.td-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.td-header-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:28px;margin-bottom:24px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.td-header-left{flex:1;min-width:280px}.td-header-right{flex-shrink:0}.td-header-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.td-badge{padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600}.td-title{font-size:26px;font-weight:700;color:#1f2937;margin:0 0 6px}.td-sysname{font-size:13px;color:#9ca3af;font-family:monospace;margin:0 0 16px}.td-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.td-tag{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.td-rejection-box,.td-paused-box,.td-appeal-box{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:10px;font-size:13px;margin-top:4px}.td-rejection-box{background:#fee2e2;color:#991b1b}.td-paused-box{background:#ffedd5;color:#9a3412}.td-appeal-box{background:#ede9fe;color:#5b21b6}.td-rejection-box strong,.td-paused-box strong{display:block;margin-bottom:2px}.td-rejection-box p,.td-paused-box p,.td-appeal-box p{margin:0}.td-timestamps{display:flex;flex-direction:column;gap:12px;min-width:180px}.td-timestamp{display:flex;flex-direction:column;gap:2px}.td-ts-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af}.td-ts-value{font-size:14px;font-weight:500;color:#374151}.td-mono{font-family:monospace;font-size:12px!important;color:#5e17eb!important}.td-main-grid{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}.td-left-col{display:flex;flex-direction:column;gap:20px}.td-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.td-card-title{font-size:16px;font-weight:700;color:#1f2937;margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid #f3f4f6}.td-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px}.td-stat-box{background:#f9fafb;border-radius:12px;padding:16px;text-align:center}.td-stat-value{font-size:28px;font-weight:700;margin:0 0 4px;line-height:1}.td-stat-label{font-size:12px;color:#6b7280;font-weight:500;margin:0 0 4px}.td-stat-sub{font-size:11px;color:#9ca3af;margin:0}.td-info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6;font-size:14px}.td-info-row:last-child{border-bottom:none}.td-info-label{color:#6b7280;font-weight:500}.td-info-value{color:#1f2937;font-weight:600;text-align:right}.td-component{padding:16px 0;border-bottom:1px solid #f3f4f6}.td-component-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.td-component-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af}.td-component-type{font-size:12px;font-weight:600;color:#5e17eb;background:#ede9fe;padding:2px 8px;border-radius:4px}.td-component-chars{font-size:12px;color:#9ca3af}.td-component-content{font-size:14px;color:#374151;margin:0;line-height:1.6}.td-body-text{white-space:pre-wrap;word-break:break-word;background:#f9fafb;border-radius:8px;padding:12px;font-family:inherit}.td-muted{color:#9ca3af!important;font-style:italic}.td-link{color:#5e17eb;text-decoration:none;font-weight:600}.td-link:hover{text-decoration:underline}.td-variables{margin-top:12px;background:#faf9fe;border-radius:8px;padding:12px}.td-variables-title{font-size:12px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px}.td-variables-list{display:flex;flex-direction:column;gap:8px}.td-variable-item{display:flex;align-items:center;gap:10px;font-size:13px}.td-var-tag{background:#ede9fe;color:#5e17eb;padding:2px 8px;border-radius:4px;font-family:monospace;font-size:12px;font-weight:700;flex-shrink:0}.td-var-value{color:#374151;font-weight:500}.td-buttons-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}.td-btn-item{display:flex;align-items:center;justify-content:space-between;background:#f9fafb;border-radius:8px;padding:10px 14px}.td-btn-item-left{display:flex;align-items:center;gap:12px}.td-btn-num{width:24px;height:24px;border-radius:50%;background:#e5e7eb;color:#6b7280;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.td-btn-text{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 2px}.td-btn-meta{font-size:12px;color:#9ca3af;margin:0;font-family:monospace}.td-analytics-table{overflow-x:auto}.td-analytics-table table{width:100%;border-collapse:collapse;font-size:14px}.td-analytics-table th{text-align:left;padding:10px 12px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.td-analytics-table td{padding:12px;border-bottom:1px solid #f3f4f6;color:#374151}.td-analytics-table tr:last-child td{border-bottom:none}.td-preview-sticky{position:sticky;top:100px}.td-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.td-preview-header h3{font-size:16px;font-weight:700;color:#1f2937;margin:0}.td-wa-badge{background:#25d366;color:#fff;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600}.td-preview-phone{width:100%;max-width:300px;background:#fff;border-radius:32px;overflow:hidden;box-shadow:0 0 0 8px #1f2937,0 20px 60px #0000004d;margin:0 auto}.td-phone-topbar{background:#075e54;padding:14px 16px;display:flex;align-items:center;gap:10px;color:#fff}.td-phone-back{font-size:22px;opacity:.8}.td-phone-avatar{width:36px;height:36px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.td-phone-contact{flex:1}.td-phone-name{font-weight:600;font-size:14px;margin:0 0 2px}.td-phone-status{font-size:11px;opacity:.7;margin:0}.td-phone-chat{background:#e5ddd5;min-height:320px;padding:12px;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c4b5a0' fill-opacity='0.15'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.td-phone-date{text-align:center;font-size:11px;color:#6b7280;background:#fff9;padding:3px 10px;border-radius:10px;display:inline-block;margin:0 auto 10px;width:max-content}.td-message-bubble{background:#fff;border-radius:0 10px 10px;overflow:hidden;box-shadow:0 1px 3px #0000001a;max-width:92%;margin-left:4px}.td-bubble-header{font-size:14px;font-weight:700;color:#1f2937;padding:10px 12px 4px;margin:0}.td-bubble-media{padding:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;flex-direction:column}.td-bubble-media.image{background:#f3f4f6;color:#6b7280;min-height:80px}.td-bubble-media.image img{width:100%;max-height:140px;object-fit:cover;border-radius:4px}.td-media-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;color:#9ca3af;padding:16px}.td-bubble-media.video{background:#1f2937;color:#d1d5db;min-height:80px}.td-bubble-media.document{background:#f0fdf4;color:#065f46}.td-bubble-body{font-size:13px;color:#1f2937;padding:8px 12px;margin:0;line-height:1.5;white-space:pre-wrap;word-break:break-word}.td-var-filled{color:#1f2937;font-weight:700}.td-var-placeholder{background:#ede9fe;color:#5e17eb;padding:1px 4px;border-radius:4px;font-weight:600}.td-bubble-footer{font-size:11px;color:#9ca3af;padding:2px 12px 8px;margin:0}.td-bubble-time{display:flex;align-items:center;justify-content:flex-end;gap:4px;padding:2px 10px 8px;font-size:11px;color:#9ca3af}.td-bubble-buttons{border-top:1px solid #f3f4f6}.td-bubble-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-top:1px solid #f3f4f6;color:#0a8d48;font-size:13px;font-weight:600}.td-bubble-btn:first-child{border-top:none}.td-phone-inputbar{background:#f0f0f0;padding:10px 12px;display:flex;align-items:center;gap:8px}.td-phone-input{flex:1;background:#fff;border-radius:20px;padding:8px 14px;font-size:13px;color:#9ca3af}.td-phone-send{width:36px;height:36px;border-radius:50%;background:#075e54;display:flex;align-items:center;justify-content:center;flex-shrink:0}.td-btn-primary{background:#5e17eb;color:#fff;border:none;padding:9px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:7px;transition:all .2s;font-family:inherit}.td-btn-primary:hover:not(:disabled){background:#4c0fbd;transform:translateY(-1px)}.td-btn-secondary{background:#fff;color:#374151;border:1px solid #e5e7eb;padding:9px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:7px;transition:all .2s;font-family:inherit}.td-btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.td-btn-warning{background:#fef3c7;color:#92400e;border:none;padding:9px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.td-btn-warning:hover{background:#fde68a}.td-btn-info{background:#ede9fe;color:#5b21b6;border:none;padding:9px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.td-btn-info:hover:not(:disabled){background:#ddd6fe}.td-btn-danger{background:#fff;color:#ef4444;border:1px solid #fecaca;padding:9px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:7px;transition:all .2s;font-family:inherit}.td-btn-danger:hover:not(:disabled){background:#fee2e2;border-color:#ef4444}.td-btn-success{background:#10b981;color:#fff;border:none;padding:9px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.td-btn-success:hover:not(:disabled){background:#059669}button:disabled{opacity:.6;cursor:not-allowed!important}.td-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.td-modal{background:#fff;border-radius:16px;padding:32px;max-width:460px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center}.td-modal-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.td-modal-icon.danger{background:#fee2e2;color:#ef4444}.td-modal-icon.info{background:#ede9fe;color:#5e17eb}.td-modal h3{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 8px}.td-modal p{color:#6b7280;font-size:14px;margin:0 0 24px}.td-reject-input{text-align:left;margin-bottom:20px}.td-reject-input label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:8px}.td-reject-input input{width:100%;padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:inherit;box-sizing:border-box}.td-reject-input input:focus{outline:none;border-color:#5e17eb}.td-modal-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}@media(max-width:1024px){.td-main-grid{grid-template-columns:1fr}.td-preview-sticky{position:static}.td-preview-phone{max-width:320px}}@media(max-width:768px){.td-page{padding:20px}.td-topbar{flex-direction:column;align-items:stretch}.td-actions{justify-content:flex-start}.td-header-card{flex-direction:column;padding:20px}.td-timestamps{flex-direction:row;flex-wrap:wrap;gap:16px}.td-stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.td-page{padding:16px}.td-title{font-size:22px}.td-stats-grid{grid-template-columns:1fr 1fr}.td-actions{flex-direction:column}.td-actions button{width:100%;justify-content:center}.td-modal{padding:24px 20px}.td-modal-actions{flex-direction:column}.td-modal-actions button{width:100%}}.presence-dot{display:inline-block;border-radius:50%;flex-shrink:0;border:2px solid #ffffff}.emoji-picker{position:absolute;z-index:300;width:320px;max-height:340px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;overflow:hidden}.emoji-picker--above{bottom:100%;margin-bottom:6px}.emoji-picker--below{top:100%;margin-top:6px}.emoji-picker-tabs{display:flex;border-bottom:1px solid #f0f2f5;padding:4px 4px 0;flex-shrink:0}.emoji-picker-tab{flex:1;padding:6px 0;border:none;background:transparent;cursor:pointer;font-size:16px;line-height:1;border-bottom:2px solid transparent;transition:border-color .15s,background .15s;border-radius:6px 6px 0 0}.emoji-picker-tab:hover{background:#f9fafb}.emoji-picker-tab.active{border-bottom-color:#5e17eb;background:#f5f0ff}.emoji-picker-label{font-size:11px;font-weight:600;color:#667781;text-transform:uppercase;letter-spacing:.5px;padding:8px 10px 4px;flex-shrink:0}.emoji-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:4px 6px 8px;overflow-y:auto;flex:1}.emoji-picker-emoji{width:100%;aspect-ratio:1;border:none;background:transparent;cursor:pointer;font-size:22px;line-height:1;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .1s;padding:0}.emoji-picker-emoji:hover{background:#f0f2f5}.emoji-picker-search{margin:6px 8px;padding:6px 10px;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;outline:none;font-family:inherit;flex-shrink:0}.emoji-picker-search:focus{border-color:#5e17eb}.emoji-picker-empty{padding:20px;text-align:center;color:#9ca3af;font-size:13px}.qrp-container{position:absolute;bottom:calc(100% + 8px);left:0;width:340px;max-height:320px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column;z-index:400;overflow:hidden}.qrp-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 8px;border-bottom:1px solid #f3f4f6}.qrp-title{font-size:.82rem;font-weight:700;color:#374151}.qrp-close{background:none;border:none;cursor:pointer;font-size:1.1rem;color:#9ca3af;line-height:1;padding:0}.qrp-close:hover{color:#374151}.qrp-search-wrap{position:relative;padding:8px 10px;border-bottom:1px solid #f3f4f6}.qrp-search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#9ca3af}.qrp-search{width:100%;padding:7px 10px 7px 32px;border:1px solid #e5e7eb;border-radius:8px;font-size:.83rem;outline:none;box-sizing:border-box;color:#111827}.qrp-search:focus{border-color:#5e17eb}.qrp-list{overflow-y:auto;flex:1}.qrp-empty{padding:20px;text-align:center;color:#9ca3af;font-size:.82rem}.qrp-item{width:100%;text-align:left;background:none;border:none;border-bottom:1px solid #f9fafb;padding:10px 14px;cursor:pointer;transition:background .1s;display:flex;flex-direction:column;gap:2px}.qrp-item:last-child{border-bottom:none}.qrp-item:hover{background:#f3f0ff}.qrp-item-row{display:flex;align-items:center;gap:8px}.qrp-item-title{font-size:.83rem;font-weight:600;color:#111827}.qrp-item-cat{font-size:.7rem;background:#f3f0ff;color:#5e17eb;border-radius:4px;padding:1px 6px;font-weight:500}.qrp-item-body{font-size:.78rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.nc-wrap{border-top:2px solid #fcd34d;background:#fffbeb;padding:10px 14px 12px}.nc-label{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#92400e;margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em}.nc-input-row{display:flex;align-items:flex-end;gap:8px}.nc-textarea{flex:1;padding:8px 12px;border:1.5px solid #fcd34d;border-radius:10px;background:#fef9c3;font-size:13.5px;line-height:1.5;resize:none;outline:none;font-family:inherit;color:#1f2937;transition:border-color .15s;min-height:40px}.nc-textarea:focus{border-color:#f59e0b;background:#fff}.nc-textarea::placeholder{color:#a16207;opacity:.7}.nc-submit{flex-shrink:0;width:36px;height:36px;border-radius:50%;border:none;background:#f59e0b;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,opacity .15s}.nc-submit:hover:not(:disabled){background:#d97706}.nc-submit:disabled{opacity:.45;cursor:default}.nc-submit.loading{opacity:.6}.nc-mention-list{position:absolute;bottom:calc(100% + 4px);left:0;right:44px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 16px #0000001a;z-index:400;overflow:hidden}.nc-mention-item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:background .1s}.nc-mention-item:hover,.nc-mention-item.active{background:#f3f0ff}.nc-mention-avatar{width:26px;height:26px;border-radius:50%;background:#5e17eb;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nc-mention-name{font-size:13px;font-weight:600;color:#111827}.nc-mention-role{font-size:11px;color:#6b7280;margin-left:auto;text-transform:capitalize}.ct-note-wrap{display:flex;justify-content:center;padding:4px 16px}.ct-note-bubble{background:#fffbeb;border-left:3px solid #f59e0b;border-radius:0 12px 12px 0;padding:9px 12px 10px;max-width:75%;width:100%;box-shadow:0 1px 4px #0000000f}.ct-note-header{display:flex;align-items:center;gap:6px;margin-bottom:5px}.ct-note-author{font-size:12px;font-weight:700;color:#92400e}.ct-note-time{font-size:11px;color:#a16207;margin-left:auto}.ct-note-action-btn{background:none;border:none;padding:2px 4px;cursor:pointer;color:#a16207;border-radius:4px;display:flex;align-items:center;transition:background .1s,color .1s}.ct-note-action-btn:hover{background:#fef3c7;color:#92400e}.ct-note-delete-btn:hover{background:#fee2e2;color:#dc2626}.ct-note-body{margin:0;font-size:13.5px;line-height:1.55;color:#1f2937;white-space:pre-wrap;word-break:break-word}.ct-note-body strong{color:#5e17eb;font-weight:600}.ct-note-edit{display:flex;flex-direction:column;gap:8px}.ct-note-edit-input{width:100%;padding:7px 10px;border:1.5px solid #fcd34d;border-radius:8px;background:#fef9c3;font-size:13.5px;line-height:1.5;resize:vertical;outline:none;font-family:inherit;color:#1f2937;box-sizing:border-box}.ct-note-edit-input:focus{border-color:#f59e0b}.ct-note-edit-actions{display:flex;gap:8px}.ct-note-save-btn{padding:5px 14px;background:#f59e0b;color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.ct-note-save-btn:hover:not(:disabled){background:#d97706}.ct-note-save-btn:disabled{opacity:.5;cursor:default}.ct-note-cancel-btn{padding:5px 14px;background:none;color:#6b7280;border:1px solid #e5e7eb;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:background .1s}.ct-note-cancel-btn:hover{background:#f3f4f6}.ct-event-wrap{display:flex;align-items:center;gap:10px;padding:6px 16px}.ct-event-line{flex:1;height:1px;background:#e5e7eb}.ct-event-label{font-size:11.5px;color:#9ca3af;white-space:nowrap;flex-shrink:0;text-align:center}.msg-container{display:flex;height:100%;overflow:hidden;background:#efeae2}.msg-panel-left{width:320px;min-width:260px;border-right:1px solid #e9edef;display:flex;flex-direction:column;overflow:hidden;background:#fff;flex-shrink:0}.msg-panel-left-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#f0f2f5;border-bottom:1px solid #e9edef}.msg-panel-title{font-size:19px;font-weight:600;color:#111;margin:0}.msg-new-btn{width:32px;height:32px;border-radius:8px;background:transparent;color:#54656f;border:1px solid #e9edef;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.msg-new-btn:hover{background:#00a884;color:#fff;border-color:#00a884}.msg-batches-link{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:12px;color:#667781;cursor:pointer;background:#f0f2f5;border-bottom:1px solid #e9edef;transition:background .15s}.msg-batches-link:hover{background:#e9edef;color:#111}.msg-batches-link span{flex:1}.msg-search-wrap{display:flex;align-items:center;gap:8px;margin:8px 12px;padding:6px 12px;background:#f0f2f5;border-radius:8px;border:none;color:#667781}.msg-search{flex:1;border:none;outline:none;font-size:13px;color:#111;background:transparent}.msg-search::placeholder{color:#667781}.msg-conv-list{flex:1;overflow-y:auto}.msg-conv-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .15s;border-bottom:1px solid #f0f2f5}.msg-conv-item:hover{background:#f5f6f6}.msg-conv-item.active{background:#f0f2f5}.msg-conv-avatar{width:40px;height:40px;border-radius:50%;background:#dfe5e7;color:#54656f;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;flex-shrink:0}.msg-conv-info{flex:1;min-width:0}.msg-conv-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:3px}.msg-conv-name{font-size:14px;font-weight:600;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-conv-time{font-size:11px;color:#667781;white-space:nowrap;flex-shrink:0}.msg-conv-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.msg-conv-preview{font-size:12px;color:#667781;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.msg-conv-you{color:#667781}.msg-unread-badge{background:#25d366;color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center;flex-shrink:0}.msg-loading{padding:24px;text-align:center;color:#667781;font-size:13px}.msg-empty-list{padding:32px 20px;text-align:center;color:#667781;font-size:13px}.msg-empty-list p{margin:0 0 12px}.msg-start-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid #e9edef;background:#fff;color:#54656f;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.msg-start-btn:hover{background:#f0f2f5}.msg-start-btn.primary{background:#5e17eb;border-color:#5e17eb;color:#fff}.msg-start-btn.primary:hover{background:#4c0fbd}.msg-panel-right{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#efeae2;min-width:0}.msg-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px;color:#667781;text-align:center}.msg-empty-icon{margin-bottom:8px}.msg-empty-state h3{font-size:18px;font-weight:600;color:#111;margin:0}.msg-empty-state p{font-size:14px;margin:0}.msg-chat-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f0f2f5;border-bottom:1px solid #e9edef;flex-shrink:0}.msg-chat-avatar{width:40px;height:40px;border-radius:50%;background:#dfe5e7;color:#54656f;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;flex-shrink:0}.msg-chat-info{flex:1;min-width:0;display:flex;flex-direction:column}.msg-chat-name{font-size:15px;font-weight:600;color:#111}.msg-chat-phone{font-size:12px;color:#667781}.msg-chat-actions{display:flex;gap:4px}.msg-chat-btn{width:34px;height:34px;border-radius:8px;border:1px solid #e9edef;background:transparent;color:#54656f;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.msg-chat-btn:hover{background:#e9edef;color:#111}.msg-thread{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:4px;background:#efeae2}.msg-thread-empty{text-align:center;color:#667781;font-size:13px;padding:32px;margin:auto}.msg-load-more{text-align:center;padding:8px}.msg-load-more-btn{font-size:12px;color:#54656f;background:#fffc;border:none;cursor:pointer;padding:4px 12px;border-radius:6px;transition:background .15s}.msg-load-more-btn:hover{background:#fff}.msg-bubble-wrap{display:flex;margin-bottom:2px;position:relative}.msg-bubble-wrap.outbound{justify-content:flex-end}.msg-bubble-wrap.inbound{justify-content:flex-start}.msg-bubble{max-width:65%;padding:8px 12px;border-radius:12px;position:relative}.msg-bubble.out{background:#d9fdd3;color:#111;border-top-right-radius:4px;box-shadow:0 1px 2px #00000014}.msg-bubble.out:before{content:"";position:absolute;top:0;right:-8px;width:0;height:0;border-style:solid;border-width:8px 0 0 8px;border-color:#d9fdd3 transparent transparent transparent}.msg-bubble.in{background:#fff;color:#111;border-top-left-radius:4px;box-shadow:0 1px 2px #00000014}.msg-bubble.in:before{content:"";position:absolute;top:0;left:-8px;width:0;height:0;border-style:solid;border-width:8px 8px 0 0;border-color:#ffffff transparent transparent transparent}.msg-bubble-text{font-size:14px;line-height:1.5;margin:0 0 4px;white-space:pre-wrap;word-break:break-word}.msg-bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px}.msg-bubble-time{font-size:10px;color:#667781;opacity:1}.msg-bubble.out .msg-bubble-time{color:#667781}.msg-bubble-status{font-size:11px;font-weight:700;line-height:1}.msg-bubble-bot{font-size:9px;font-weight:700;color:#065f46;background:#d1fae5;padding:1px 4px;border-radius:3px;line-height:1}.msg-bubble-mm{font-size:9px;font-weight:700;color:#5e17eb;background:#e0d4fc;padding:1px 4px;border-radius:3px;line-height:1}.msg-media-img,.msg-media-video{max-width:280px;border-radius:8px;display:block}.msg-media-doc{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#0000000a;border-radius:8px;margin-bottom:4px}.msg-media-audio{width:100%;min-width:200px}.msg-bubble-sticker{background:transparent!important;box-shadow:none!important;border:none!important;padding:4px!important}.msg-bubble-sticker:before{display:none!important}.msg-media-sticker{max-width:180px;display:block}.msg-media-location{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:#f0f2f5;border-radius:8px;margin-bottom:4px}.msg-media-location-icon{flex-shrink:0;margin-top:2px}.msg-media-location-info{display:flex;flex-direction:column;gap:2px;min-width:0}.msg-media-location-name{font-size:13px;font-weight:600;color:#111}.msg-media-location-addr{font-size:12px;color:#667781}.msg-media-location-link{font-size:12px;color:#5e17eb;font-weight:600;text-decoration:none;margin-top:2px}.msg-media-location-link:hover{text-decoration:underline}.msg-media-contact{display:flex;flex-direction:column;gap:0;margin-bottom:4px}.msg-media-contact-item{display:flex;align-items:center;gap:10px;padding:8px 0}.msg-media-contact-item+.msg-media-contact-item{border-top:1px solid #e9edef}.msg-media-contact-info{display:flex;flex-direction:column;min-width:0}.msg-media-contact-name{font-size:13px;font-weight:600;color:#111}.msg-media-contact-phone{font-size:12px;color:#667781}.msg-media-interactive,.msg-media-button{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#f3eefe;border-radius:20px;margin-bottom:4px;color:#5e17eb;font-size:13px;font-weight:600}.msg-media-order{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f0f2f5;border-radius:8px;margin-bottom:4px}.msg-media-order-info{display:flex;flex-direction:column}.msg-media-order-title{font-size:13px;font-weight:600;color:#111}.msg-media-order-count{font-size:12px;color:#667781}.msg-media-product{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f5f0ff;border-radius:8px;margin-bottom:4px}.msg-media-product-info{display:flex;flex-direction:column}.msg-media-product-title{font-size:13px;font-weight:600;color:#111}.msg-media-product-sku{font-size:12px;color:#667781}.msg-system{display:flex;justify-content:center;padding:4px 0;margin:4px 0}.msg-system span{background:#ffffffd9;color:#667781;font-size:12px;padding:4px 14px;border-radius:8px;text-align:center;max-width:80%}.msg-media-referral{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border:1px solid #e9edef;border-radius:8px;margin-top:6px;margin-bottom:4px;background:#00000005}.msg-media-referral-info{display:flex;flex-direction:column;gap:2px;min-width:0}.msg-media-referral-headline{font-size:13px;font-weight:600;color:#111}.msg-media-referral-source{font-size:11px;color:#667781}.msg-media-unsupported{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#9ca3af;margin-bottom:4px}.msg-media-unsupported svg{flex-shrink:0;margin-top:2px}.msg-unsupported-title{display:block;font-style:italic}.msg-unsupported-detail{display:block;font-size:.78em;opacity:.7;margin-top:3px;font-style:normal;line-height:1.4}.msg-bubble-reaction{position:absolute;bottom:-8px;right:8px;background:#fff;border:1px solid #e9edef;border-radius:12px;padding:1px 6px;font-size:16px;line-height:1.2;box-shadow:0 1px 3px #0000001a;z-index:2}.msg-bubble-wrap:has(.msg-bubble-reaction){margin-bottom:12px}.msg-reply-context{padding:6px 10px;margin-bottom:4px;background:#5e17eb0f;border-left:3px solid #5e17eb;border-radius:4px;font-size:12px;color:#667781}.msg-reply-preview{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-reply-forwarded{display:flex;align-items:center;gap:4px;font-style:italic;color:#667781}.msg-media-preview-strip{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#fff;border-top:1px solid #e9edef;flex-shrink:0}.msg-media-preview-thumb{width:40px;height:40px;border-radius:6px;overflow:hidden;background:#f0f2f5;display:flex;align-items:center;justify-content:center;flex-shrink:0}.msg-media-preview-thumb img{width:100%;height:100%;object-fit:cover}.msg-media-preview-icon{font-size:20px}.msg-media-preview-name{flex:1;font-size:13px;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-media-preview-remove{width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:#9ca3af;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;line-height:1}.msg-media-preview-remove:hover{background:#fee2e2;color:#ef4444}.msg-reply-bar{display:flex;align-items:flex-end;gap:8px;padding:10px 16px;background:#f0f2f5;border-top:1px solid #e9edef;flex-shrink:0}.msg-reply-actions-left{display:flex;align-items:center;gap:2px;flex-shrink:0;position:relative;align-self:flex-end;margin-bottom:2px}.msg-reply-emoji-btn,.msg-reply-attach-btn{width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:#54656f;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;padding:0}.msg-reply-emoji-btn:hover,.msg-reply-attach-btn:hover{background:#e9edef}.msg-reply-emoji-btn.active{background:#e9edef;color:#5e17eb}.msg-reply-input{flex:1;resize:none;border:none;border-radius:8px;padding:8px 14px;font-size:14px;line-height:1.5;max-height:120px;outline:none;font-family:inherit;background:#fff;box-shadow:none;overflow-y:auto}.msg-reply-input:focus{outline:none;box-shadow:none}.msg-reply-send{width:40px;height:40px;border-radius:50%;background:#00a884;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.msg-reply-send:hover:not(:disabled){background:#017961}.msg-reply-send:disabled{background:#d1d5db;cursor:not-allowed}.msg-info-popover{position:absolute;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 16px #0000001f;padding:12px 14px;width:230px;z-index:100;font-size:13px;pointer-events:auto}.msg-info-popover.above{bottom:100%;margin-bottom:6px}.msg-info-popover.below{top:100%;margin-top:6px}.msg-info-title{font-size:11px;font-weight:700;color:#667781;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #f0f2f5}.msg-info-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:3px 0}.msg-info-label{color:#667781;font-size:12px;flex-shrink:0;padding-top:1px}.msg-info-value{color:#111;font-size:12px;text-align:right;font-weight:500}.msg-info-value.error{color:#ef4444;word-break:break-word}@media(max-width:768px){.msg-container{flex-direction:column}.msg-panel-left{width:100%;height:100%;border-right:none;border-bottom:1px solid #e9edef;display:flex}.msg-panel-right,.msg-panel-left.hidden{display:none}.msg-panel-right.visible{display:flex;height:100%}}.msg-media-flow{display:flex;gap:10px;padding:6px 0}.msg-flow-icon{width:36px;height:36px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#e0d4fc;color:#5e17eb}.msg-flow-content{flex:1;min-width:0}.msg-flow-label{font-size:.7rem;font-weight:700;color:#5e17eb;text-transform:uppercase;letter-spacing:.5px}.msg-flow-text{font-size:.85rem;color:#374151;margin:2px 0 0}.msg-flow-data{margin-top:8px;padding:8px 10px;background:#5e17eb0d;border-radius:8px;font-size:.8rem}.msg-flow-data-row{display:flex;gap:6px;padding:2px 0}.msg-flow-data-key{color:#6b7280;font-weight:600;white-space:nowrap}.msg-flow-data-val{color:#111827;word-break:break-word}.msg-assignment-filters{display:flex;align-items:center;gap:6px;padding:0 12px 8px;flex-wrap:wrap}.msg-filter-select{flex:1;min-width:0;padding:5px 8px;border-radius:8px;border:1px solid #e5e7eb;font-size:.8rem;color:#374151;background:#fff;cursor:pointer;font-family:inherit}.msg-filter-select:focus{outline:none;border-color:#5e17eb}.msg-filter-clear{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;border:none;background:#fee2e2;color:#dc2626;cursor:pointer;flex-shrink:0}.msg-filter-clear:hover{background:#fecaca}.msg-conv-assign-badge{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:600;color:#5e17eb;background:#f5f0ff;border-radius:999px;padding:2px 7px;margin-top:3px;width:fit-content}.msg-conv-assign-team{color:#1d4ed8;background:#eff6ff}.msg-chat-assign-pill{display:inline-flex;align-items:center;font-size:.7rem;font-weight:600;color:#5e17eb;background:#f5f0ff;border-radius:999px;padding:2px 8px;margin-top:2px}.msg-chat-assign-team{color:#1d4ed8;background:#eff6ff}.msg-assign-wrap{position:relative}.msg-assign-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 8px 32px #0000001f;z-index:100;overflow:hidden;padding:6px}.msg-assign-menu-header{font-size:.75rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;padding:6px 8px 4px}.msg-assign-group{margin-bottom:4px}.msg-assign-team-btn,.msg-assign-agent-btn{display:flex;align-items:center;gap:7px;width:100%;padding:7px 10px;border:none;border-radius:8px;background:transparent;font-size:.875rem;color:#374151;cursor:pointer;text-align:left;transition:background .12s;font-family:inherit}.msg-assign-team-btn{font-weight:600}.msg-assign-agent-btn{padding-left:28px;color:#6b7280;font-size:.825rem}.msg-assign-team-btn:hover,.msg-assign-agent-btn:hover{background:#f3f4f6}.msg-assign-team-btn:disabled,.msg-assign-agent-btn:disabled{opacity:.5;cursor:not-allowed}.msg-assign-divider{height:1px;background:#f3f4f6;margin:4px 0}.msg-assign-clear-btn{display:flex;align-items:center;width:100%;padding:7px 10px;border:none;border-radius:8px;background:transparent;font-size:.825rem;color:#dc2626;cursor:pointer;text-align:left;font-family:inherit;transition:background .12s}.msg-assign-clear-btn:hover{background:#fef2f2}.msg-assign-clear-btn:disabled{opacity:.5;cursor:not-allowed}.msg-compose-toggle{display:flex;border-top:1px solid #e5e7eb;background:#f9fafb}.msg-compose-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 0;border:none;background:none;font-size:12px;font-weight:500;color:#6b7280;cursor:pointer;transition:background .12s,color .12s;font-family:inherit}.msg-compose-tab:hover{background:#f3f4f6;color:#374151}.msg-compose-tab.active{color:#5e17eb;background:#f5f0ff;font-weight:600}.msg-compose-tab.active:last-child{color:#92400e;background:#fffbeb}.msg-reply-bar-hidden{display:none}.msg-bubble-sent-by{font-size:10.5px;font-weight:600;color:#5e17eb;background:#f3f0ff;border-radius:4px;padding:1px 5px;line-height:1.4}.msg-inbox-tabs{display:flex;border-bottom:1px solid #e9edef;background:#fff;padding:0 4px;gap:2px;flex-shrink:0}.msg-inbox-tab{flex:1;padding:8px 4px;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;font-size:12px;font-weight:500;color:#54656f;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;transition:color .15s}.msg-inbox-tab:hover{color:#111}.msg-inbox-tab.active{color:#5e17eb;border-bottom-color:#5e17eb;font-weight:600}.msg-inbox-tab-count{font-size:10px;font-weight:700;background:#5e17eb;color:#fff;border-radius:10px;padding:0 5px;min-width:16px;text-align:center;line-height:16px}.msg-inbox-tab.active .msg-inbox-tab-count{background:#5e17eb}.msg-assign-workload{font-size:10px;color:#9ca3af;margin-left:auto;white-space:nowrap}.msg-assign-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;padding:8px 12px 2px}.msg-conv-badges{display:flex;align-items:center;gap:4px;flex-shrink:0}.msg-sla-badge{font-size:.625rem;font-weight:700;padding:2px 6px;border-radius:999px;background:#fee2e2;color:#dc2626;white-space:nowrap;flex-shrink:0}.msg-sla-breached{font-size:.6875rem;padding:2px 8px}.msg-sla-countdown{font-size:.6875rem;font-weight:600;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:999px;white-space:nowrap}.msg-sla-urgent{color:#d97706;background:#fef3c7}.msg-dup-banner{display:flex;align-items:center;gap:8px;background:#fffbeb;border-bottom:1px solid #fcd34d;padding:8px 16px;font-size:12.5px;color:#92400e;flex-shrink:0}.msg-dup-banner strong{color:#78350f}.msg-dup-merge-link{margin-left:auto;background:none;border:none;color:#5e17eb;font-size:12px;font-weight:700;cursor:pointer;padding:0;white-space:nowrap}.msg-dup-merge-link:hover{text-decoration:underline}.msg-conv-footer{display:flex;align-items:center;justify-content:center;gap:0;padding:7px 12px;border-top:1px solid #e9edef;background:#f9fafb;flex-shrink:0}.msg-conv-footer-stat{display:flex;align-items:center;gap:5px;padding:0 12px}.msg-conv-footer-divider{width:1px;height:14px;background:#e5e7eb;flex-shrink:0}.msg-conv-footer-label{font-size:11px;color:#9ca3af;font-weight:500;white-space:nowrap}.msg-conv-footer-count{font-size:11px;font-weight:700;color:#374151}.pmc-container{display:flex;flex-direction:column;gap:16px}.pmc-tabs{display:flex;gap:4px;background:#f3f4f6;border-radius:10px;padding:3px}.pmc-tab{flex:1;padding:8px 12px;border:none;border-radius:8px;background:transparent;font-size:.8rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.pmc-tab-active{background:#fff;color:#5e17eb;box-shadow:0 1px 3px #0000001a}.pmc-field{display:flex;flex-direction:column;gap:6px}.pmc-label{font-size:.8rem;font-weight:600;color:#374151}.pmc-select,.pmc-input{padding:9px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:.8rem;outline:none;transition:border-color .2s}.pmc-select:focus,.pmc-input:focus{border-color:#5e17eb}.pmc-textarea{padding:9px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:.8rem;outline:none;resize:vertical;transition:border-color .2s;font-family:inherit}.pmc-textarea:focus{border-color:#5e17eb}.pmc-helper{font-size:.75rem;color:#9ca3af}.pmc-product-list{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:10px;padding:8px}.pmc-product-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;cursor:pointer;transition:background .15s}.pmc-product-item:hover{background:#f9fafb}.pmc-product-selected{background:#f5f0ff;border:1px solid #5e17eb}.pmc-product-thumb{width:40px;height:40px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.pmc-product-thumb img{width:100%;height:100%;object-fit:cover}.pmc-no-img{display:flex;align-items:center;justify-content:center}.pmc-product-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.pmc-product-name{font-size:.8rem;font-weight:600;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pmc-product-price{font-size:.75rem;color:#059669;font-weight:600}.pmc-sections{display:flex;flex-direction:column;gap:10px}.pmc-section-card{border:1px solid #e5e7eb;border-radius:10px;padding:12px}.pmc-section-header{display:flex;gap:8px;margin-bottom:10px}.pmc-section-title{flex:1}.pmc-section-remove{width:32px;height:32px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pmc-section-remove:hover{background:#fef2f2;border-color:#fecaca;color:#ef4444}.pmc-section-products{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.pmc-section-product{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;font-size:.8rem;color:#374151;transition:background .15s}.pmc-section-product:hover{background:#f9fafb}.pmc-sp-selected{background:#f5f0ff}.pmc-section-product input[type=checkbox]{accent-color:#5e17eb}.pmc-sp-price{margin-left:auto;font-size:.7rem;color:#059669;font-weight:600}.pmc-add-section{padding:8px 14px;border:1px dashed #d1d5db;border-radius:10px;background:transparent;color:#6b7280;font-size:.8rem;cursor:pointer;transition:border-color .2s,color .2s}.pmc-add-section:hover{border-color:#5e17eb;color:#5e17eb}.pmc-send-btn{padding:10px 20px;background:#5e17eb;color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s}.pmc-send-btn:hover:not(:disabled){background:#4c0fbd}.pmc-send-btn:disabled{opacity:.5;cursor:not-allowed}.fmc-container{display:flex;flex-direction:column;gap:12px}.fmc-loading,.fmc-empty{font-size:.85rem;color:#6b7280;padding:16px 0}.fmc-field{display:flex;flex-direction:column;gap:4px}.fmc-label{font-size:.825rem;font-weight:600;color:#374151}.fmc-hint{font-weight:400;color:#9ca3af}.fmc-select,.fmc-input{padding:10px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:.875rem;outline:none;background:#fff}.fmc-select:focus,.fmc-input:focus{border-color:#5e17eb}.fmc-flow-info{background:#f0ebff;border-radius:10px;padding:10px 14px}.fmc-flow-badge{font-size:.7rem;font-weight:600;color:#5e17eb;background:#e0d4fc;padding:2px 10px;border-radius:999px}.fmc-flow-desc{font-size:.8rem;color:#6b7280;margin:6px 0 0}.compose-page{height:100%;display:flex;flex-direction:column;background:#f9fafb;overflow:hidden}.compose-body{flex:1;display:flex;overflow:hidden;min-height:0}.compose-form{flex:1;padding:28px 32px;overflow-y:auto;display:flex;flex-direction:column;gap:24px;max-width:640px}.compose-section{display:flex;flex-direction:column;gap:10px}.compose-label{font-size:13px;font-weight:600;color:#374151}.compose-radio-group{display:flex;gap:8px;flex-wrap:wrap}.compose-radio{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;border:1px solid #e5e7eb;cursor:pointer;font-size:13px;font-weight:500;color:#6b7280;transition:all .15s;-webkit-user-select:none;user-select:none}.compose-radio input[type=radio]{display:none}.compose-radio.active{border-color:#5e17eb;background:#ede9fe;color:#5e17eb}.compose-input{width:100%;padding:9px 12px;border-radius:10px;border:1px solid #e5e7eb;font-size:14px;color:#1f2937;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit;box-sizing:border-box}.compose-input:focus{border-color:#5e17eb;box-shadow:0 0 0 3px #5e17eb1a}.compose-input.error{border-color:#ef4444}.compose-textarea{width:100%;padding:9px 12px;border-radius:10px;border:1px solid #e5e7eb;font-size:14px;color:#1f2937;outline:none;resize:vertical;font-family:inherit;line-height:1.5;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.compose-textarea--tooled{border-radius:0 0 10px 10px}.compose-textarea:focus{border-color:#5e17eb;box-shadow:0 0 0 3px #5e17eb1a}.compose-textarea.error{border-color:#ef4444}.compose-char-count{font-size:11px;color:#9ca3af;text-align:right;margin-top:4px}.compose-select{width:100%;padding:9px 12px;border-radius:10px;border:1px solid #e5e7eb;font-size:14px;color:#1f2937;outline:none;background:#fff;cursor:pointer;font-family:inherit;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.compose-select:focus{border-color:#5e17eb;box-shadow:0 0 0 3px #5e17eb1a}.compose-select.error{border-color:#ef4444}.compose-error{font-size:12px;color:#ef4444;margin:0}.compose-contact-picker{display:flex;flex-direction:column;gap:6px}.compose-dropdown-wrap{position:relative}.compose-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 16px #0000001f;z-index:200;max-height:200px;overflow-y:auto}.compose-dropdown-msg{padding:12px;text-align:center;font-size:13px;color:#9ca3af}.compose-dropdown-item{display:flex;flex-direction:column;padding:10px 14px;cursor:pointer;transition:background .15s;border-bottom:1px solid #f9fafb}.compose-dropdown-item:last-child{border-bottom:none}.compose-dropdown-item:hover{background:#f9fafb}.compose-dropdown-name{font-size:14px;font-weight:500;color:#1f2937}.compose-dropdown-phone{font-size:12px;color:#6b7280}.compose-selected-contact{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;border:1px solid #5e17eb;background:#ede9fe}.compose-selected-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.compose-selected-info{flex:1;display:flex;flex-direction:column}.compose-selected-name{font-size:14px;font-weight:600;color:#1f2937}.compose-selected-phone{font-size:12px;color:#6b7280}.compose-clear-btn{background:none;border:none;color:#9ca3af;font-size:20px;cursor:pointer;padding:0 4px;line-height:1;transition:color .15s}.compose-clear-btn:hover{color:#ef4444}.compose-tag-picker{display:flex;flex-direction:column;gap:6px}.compose-tag-input-wrap{position:relative}.compose-tag-count{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;color:#5e17eb;font-weight:600;pointer-events:none}.compose-number-picker{display:flex;flex-direction:column;gap:6px}.compose-format-bar{display:flex;align-items:center;gap:2px;padding:4px 8px;background:#f9fafb;border:1px solid #e5e7eb;border-bottom:none;border-radius:10px 10px 0 0}.compose-format-bar button{padding:4px 8px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:13px;color:#374151;transition:background .15s;line-height:1.4}.compose-format-bar button:hover{background:#e5e7eb}.compose-format-bar button.active{background:#ede9fe;color:#5e17eb}.compose-format-bar select{border:1px solid #e5e7eb;border-radius:6px;font-size:12px;padding:3px 6px;background:#fff;cursor:pointer;color:#374151;font-family:inherit}.compose-format-sep{width:1px;height:18px;background:#e5e7eb;margin:0 4px;flex-shrink:0}.compose-vars{margin-top:12px;display:flex;flex-direction:column;gap:8px}.compose-var-row{display:flex;align-items:center;gap:10px}.compose-var-label{width:80px;font-size:12px;font-weight:600;color:#5e17eb;background:#ede9fe;padding:4px 8px;border-radius:6px;flex-shrink:0;text-align:center}.compose-var-input{flex:1}.compose-loading,.compose-no-templates{padding:12px;text-align:center;font-size:13px;color:#9ca3af;border-radius:10px;border:1px dashed #e5e7eb}.compose-actions{display:flex;align-items:center;gap:12px;padding-top:8px}.compose-btn-send{padding:10px 28px;border-radius:10px;border:none;background:#5e17eb;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.compose-btn-send:hover:not(:disabled){background:#4c0fbd}.compose-btn-send:disabled{opacity:.6;cursor:not-allowed}.compose-save-modal{background:#f0fdf4;border:1px solid #86efac;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px;margin-top:8px}.compose-save-modal p{font-size:13px;color:#166534;margin:0}.compose-save-modal-actions{display:flex;gap:8px}.compose-save-btn{padding:7px 16px;border-radius:8px;font-size:13px;font-weight:600;border:none;cursor:pointer;background:#5e17eb;color:#fff;transition:background .15s}.compose-save-btn:hover:not(:disabled){background:#4c0fbd}.compose-save-btn:disabled{opacity:.6;cursor:not-allowed}.compose-save-skip-btn{padding:7px 16px;border-radius:8px;font-size:13px;font-weight:500;border:1px solid #e5e7eb;background:#fff;cursor:pointer;color:#6b7280;transition:background .15s}.compose-save-skip-btn:hover{background:#f9fafb}.compose-preview-col{flex:1;min-width:320px;padding:0;border-left:1px solid #e9edef;overflow:hidden;display:flex;flex-direction:column}.compose-wa-window{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#efeae2}.compose-wa-topbar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#075e54;color:#fff;flex-shrink:0}.compose-wa-avatar{width:38px;height:38px;border-radius:50%;background:#128c7e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;flex-shrink:0}.compose-wa-contact-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.compose-wa-name{font-size:14px;font-weight:600}.compose-wa-status{font-size:11px;opacity:.8}.compose-wa-chat{flex:1;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;overflow-y:auto}.compose-wa-placeholder{text-align:center;font-size:13px;color:#667781;padding:24px;margin:auto}.compose-wa-bubble{background:#d9fdd3;border-radius:12px 4px 12px 12px;padding:8px 12px;max-width:75%;align-self:flex-end;box-shadow:0 1px 2px #00000014}.compose-wa-body{font-size:14px;color:#111;line-height:1.5;margin:0 0 4px;word-break:break-word;white-space:pre-wrap}.compose-wa-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px}.compose-wa-time{font-size:10px;color:#667781}.compose-wa-inputbar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#f0f2f5;border-top:1px solid #e9edef;flex-shrink:0}.compose-wa-fake-input{flex:1;padding:8px 14px;border-radius:22px;background:#fff;font-size:14px;color:#9ca3af;pointer-events:none;-webkit-user-select:none;user-select:none}.compose-wa-mic{width:38px;height:38px;border-radius:50%;background:#00a884;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media(max-width:768px){.compose-body{flex-direction:column;overflow-y:auto}.compose-form{max-width:100%;padding:20px 16px}.compose-preview-col{min-width:unset;width:100%;border-left:none;border-top:1px solid #e9edef;min-height:360px}}.compose-mm-api-badge{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:4px 10px;background:#e0d4fc;color:#5e17eb;border-radius:6px;font-size:.75rem;font-weight:600}.cm-link-btn{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;color:#6b7280;background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:color .15s,background .15s}.cm-link-btn:hover,.cm-link-btn.active{color:#5e17eb;background:#f0ebfd}.cm-link-picker{position:absolute;top:calc(100% + 6px);left:0;z-index:200;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px #0000001f;width:280px;overflow:hidden}.cm-link-picker-header{padding:10px 12px;border-bottom:1px solid #f3f4f6}.cm-link-picker-search{width:100%;border:1px solid #e5e7eb;border-radius:8px;padding:7px 10px;font-size:.85rem;outline:none}.cm-link-picker-search:focus{border-color:#5e17eb}.cm-link-picker-list{max-height:220px;overflow-y:auto}.cm-link-picker-item{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;padding:10px 14px;border:none;background:none;cursor:pointer;transition:background .12s}.cm-link-picker-item:hover{background:#f9fafb}.cm-link-picker-name{font-size:.85rem;font-weight:500;color:#111827}.cm-link-picker-url{font-size:.75rem;color:#5e17eb;font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cm-link-picker-empty{padding:20px 14px;font-size:.82rem;color:#9ca3af;text-align:center}.ch-thread{gap:4px;display:flex;flex-direction:column;justify-content:flex-start!important}.ch-bubble-wrap{display:flex;flex-direction:column;max-width:80%;margin-bottom:2px}.ch-bubble-wrap.outbound{align-self:flex-end;align-items:flex-end}.ch-bubble-wrap.inbound{align-self:flex-start;align-items:flex-start}.ch-bubble{padding:7px 10px;border-radius:10px;max-width:100%;font-size:13px;line-height:1.4;word-break:break-word}.ch-bubble.out{background:#d9fdd3;border-top-right-radius:3px}.ch-bubble.in{background:#fff;border-top-left-radius:3px;box-shadow:0 1px 2px #00000014}.ch-bubble-text{margin:0;font-size:13px;color:#111;white-space:pre-wrap}.ch-bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:3px}.ch-bubble-time{font-size:10px;color:#667781}.ch-product-card{display:flex;align-items:flex-start;gap:8px;background:#5e17eb0f;border-radius:8px;padding:8px 10px;min-width:140px}.ch-product-info{display:flex;flex-direction:column;gap:2px}.ch-product-label{font-size:12px;font-weight:600;color:#374151}.ch-product-sku{font-size:11px;color:#6b7280}.ch-video-thumb{background:#000;color:#fff;border-radius:6px;padding:12px 16px;font-size:13px;text-align:center}.ch-doc-card{display:flex;align-items:center;gap:8px;background:#f3f4f6;border-radius:6px;padding:8px 10px}.ch-doc-link{font-size:12px;color:#5e17eb;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.ch-audio-card{background:#f3f4f6;border-radius:6px;padding:8px 12px;font-size:13px;color:#374151}.ch-flow-card{display:flex;align-items:center;gap:6px;background:#5e17eb0f;border-radius:8px;padding:8px 10px;font-size:12px;color:#374151}.ch-preview-bubble{opacity:.65}.compose-success-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.compose-success-modal{background:#fff;border-radius:20px;padding:36px 32px;max-width:360px;width:90%;text-align:center;box-shadow:0 20px 60px #0000002e}.compose-success-icon{width:64px;height:64px;border-radius:50%;background:#dcfce7;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.compose-success-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 8px}.compose-success-sub{font-size:.875rem;color:#6b7280;margin:0 0 24px}.compose-success-actions{display:flex;flex-direction:column;gap:10px}.compose-success-btn-primary{padding:11px 20px;background:#5e17eb;color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s}.compose-success-btn-primary:hover{background:#4c0fbd}.compose-success-btn-secondary{padding:11px 20px;background:#f3f4f6;color:#374151;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s}.compose-success-btn-secondary:hover{background:#e5e7eb}.ch-spinner{animation:ch-spin .9s linear infinite;display:block;margin:0 auto}@keyframes ch-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.compose-wa-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center}.compose-dup-warning{display:flex;align-items:center;gap:10px;background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;padding:10px 14px;font-size:13px;color:#92400e;margin-top:-8px}.compose-dup-warning a{color:#5e17eb;font-weight:600;text-decoration:none;white-space:nowrap}.compose-dup-warning a:hover{text-decoration:underline}.bl-page{padding:24px;max-width:1200px}.bl-stats-bar{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.bl-stat{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px 24px;display:flex;flex-direction:column;gap:4px;min-width:120px}.bl-stat-value{font-size:24px;font-weight:700;color:#1f2937}.bl-stat-label{font-size:12px;color:#6b7280;font-weight:500}.bl-filters{display:flex;gap:12px;margin-bottom:16px}.bl-select{padding:8px 12px;border-radius:8px;border:1px solid #e5e7eb;font-size:13px;color:#374151;background:#fff;outline:none;cursor:pointer}.bl-select:focus{border-color:#5e17eb;box-shadow:0 0 0 3px #5e17eb1a}.bl-table-wrap{background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden}.bl-loading{padding:48px;text-align:center;color:#9ca3af;font-size:14px}.bl-empty{padding:48px;text-align:center;color:#9ca3af;display:flex;flex-direction:column;align-items:center;gap:12px}.bl-empty p{font-size:14px;margin:0}.bl-btn-primary{padding:8px 16px;border-radius:8px;background:#5e17eb;color:#fff;border:none;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.bl-btn-primary:hover{background:#4c0fbd}.bl-table{width:100%;border-collapse:collapse;font-size:13px}.bl-table th{text-align:left;padding:12px 16px;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f3f4f6;background:#f9fafb}.bl-table td{padding:12px 16px;color:#374151;border-bottom:1px solid #f9fafb}.bl-table tr:last-child td{border-bottom:none}.bl-row{cursor:pointer;transition:background .15s}.bl-row:hover{background:#f9fafb}.bl-name{font-weight:600;color:#1f2937;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bl-tag{display:inline-block;background:#e0d4fc;color:#5e17eb;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:500}.bl-rate{color:#9ca3af;font-size:11px}.bl-badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600}.bl-date{color:#9ca3af;white-space:nowrap}.bl-view-btn{padding:5px 12px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.bl-view-btn:hover{background:#5e17eb;border-color:#5e17eb;color:#fff}.bl-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px}.bl-page-btn{padding:7px 14px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.bl-page-btn:hover:not(:disabled){background:#5e17eb;border-color:#5e17eb;color:#fff}.bl-page-btn:disabled{opacity:.4;cursor:not-allowed}.bl-page-info{font-size:13px;color:#6b7280}@media(max-width:768px){.bl-page{padding:16px}.bl-table-wrap{overflow-x:auto}.bl-table{min-width:700px}}.bd-loading,.bd-not-found{padding:48px;text-align:center;color:#9ca3af;font-size:14px}.bd-page{padding:24px;max-width:1100px;display:flex;flex-direction:column;gap:20px}.bd-breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280}.bd-breadcrumb-link{color:#5e17eb;cursor:pointer;font-weight:500}.bd-breadcrumb-link:hover{text-decoration:underline}.bd-breadcrumb-sep{color:#d1d5db}.bd-breadcrumb-current{color:#374151;font-weight:500;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bd-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.bd-summary-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.bd-batch-name{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 8px}.bd-batch-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.bd-tag{display:inline-block;background:#e0d4fc;color:#5e17eb;padding:2px 10px;border-radius:6px;font-size:12px;font-weight:600}.bd-meta-item{font-size:13px;color:#6b7280}.bd-badge{display:inline-block;padding:4px 12px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap;flex-shrink:0}.bd-body-preview{border-top:1px solid #f3f4f6;padding-top:16px;display:flex;flex-direction:column;gap:6px}.bd-body-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.bd-body-text{font-size:14px;color:#374151;background:#f9fafb;border-radius:8px;padding:10px 14px;margin:0;white-space:pre-wrap;word-break:break-word;max-height:120px;overflow-y:auto}.bd-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.bd-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px 20px;display:flex;align-items:center;gap:14px}.bd-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bd-stat-info{display:flex;flex-direction:column}.bd-stat-value{font-size:24px;font-weight:700;color:#1f2937;line-height:1}.bd-stat-label{font-size:12px;color:#6b7280;margin-top:4px}.bd-stat-rate{color:#9ca3af}.bd-table-section{display:flex;flex-direction:column;gap:12px}.bd-table-title{font-size:16px;font-weight:600;color:#1f2937;margin:0}.bd-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.bd-table{width:100%;border-collapse:collapse;font-size:13px}.bd-table th{text-align:left;padding:12px 16px;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f3f4f6;background:#f9fafb}.bd-table td{padding:12px 16px;color:#374151;border-bottom:1px solid #f9fafb}.bd-table tr:last-child td{border-bottom:none}.bd-row:hover{background:#f9fafb}.bd-contact-name{font-weight:600;color:#1f2937}.bd-phone,.bd-ts{color:#6b7280;font-size:12px;white-space:nowrap}.bd-reason{max-width:200px}.bd-failure-reason{color:#ef4444;font-size:12px;word-break:break-word}.bd-no-reason{color:#d1d5db}.bd-no-msgs{padding:32px;text-align:center;color:#9ca3af}@media(max-width:900px){.bd-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.bd-page{padding:16px}.bd-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.bd-table-wrap{overflow-x:auto}.bd-table{min-width:700px}.bd-summary-header{flex-direction:column}}.settings-page{display:flex;flex-direction:column;gap:20px;padding:24px}.settings-status-card{border-radius:16px;padding:16px 20px;border:1.5px solid #e5e7eb;background:#f9fafb}.settings-status-card.status-connected{background:#f0fdf4;border-color:#86efac}.settings-status-card.status-pending{background:#fffbeb;border-color:#fcd34d}.status-content{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px;color:#374151}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.dot-green{background:#10b981;box-shadow:0 0 0 3px #10b98133}.dot-yellow{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.dot-gray{background:#9ca3af}.status-label{font-weight:600}.status-sep{color:#9ca3af}.status-phone,.status-biz{font-weight:500}.status-version{background:#e0d4fc;color:#5e17eb;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:600}.status-hint{color:#6b7280;font-size:13px}.status-verified{margin-left:auto;font-size:12px;color:#6b7280}.settings-body{display:flex;gap:24px;align-items:flex-start}.settings-sidebar{width:220px;flex-shrink:0;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:12px;position:sticky;top:24px;display:flex;flex-direction:column}.settings-sidebar-group{display:flex;flex-direction:column}.settings-sidebar-group+.settings-sidebar-group{margin-top:16px}.settings-sidebar-group-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:#9ca3af;padding:8px 10px 4px}.settings-sidebar-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;border:none;background:transparent;font-size:13px;font-weight:500;color:#374151;cursor:pointer;text-align:left;width:100%;transition:all .15s ease;font-family:inherit}.settings-sidebar-item:hover{background:#f3f4f6;color:#1f2937}.settings-sidebar-item.active{background:#ede9fe;color:#5e17eb;font-weight:600}.settings-sidebar-item svg{flex-shrink:0}.settings-content{flex:1;min-width:0}.settings-content-panel{display:flex;flex-direction:column;gap:24px}.settings-loading{padding:40px;text-align:center;color:#6b7280;font-size:14px}.settings-form{display:flex;flex-direction:column;gap:28px}.settings-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:28px}.settings-section-title{font-size:14px;font-weight:600;color:#374151;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group-full{grid-column:1 / -1}.form-label{font-size:13px;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.form-hint{font-size:11px;font-weight:400;color:#9ca3af}.form-hint-block{margin:4px 0 0;font-size:12px;color:#6b7280;line-height:1.5}.required-star{color:#ef4444}.form-input{padding:10px 14px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;font-family:inherit;color:#1f2937;background:#fff;transition:border-color .15s ease,box-shadow .15s ease;outline:none}.form-input:focus{border-color:#5e17eb;box-shadow:0 0 0 4px #5e17eb1a}.form-input.input-error{border-color:#ef4444}.form-input.input-error:focus{box-shadow:0 0 0 4px #ef44441a}.form-error{font-size:12px;color:#ef4444}.token-saved-badge{display:inline-flex;align-items:center;gap:4px;background:#d1fae5;color:#065f46;font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px}.input-with-btn{display:flex;gap:8px}.input-with-btn .form-input{flex:1;min-width:0}.btn-generate{padding:10px 16px;background:#f3f4f6;border:1.5px solid #e5e7eb;border-radius:10px;font-size:13px;font-weight:600;color:#374151;cursor:pointer;white-space:nowrap;transition:all .15s ease;font-family:inherit}.btn-generate:hover{background:#e5e7eb;border-color:#d1d5db}.settings-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn-primary{padding:11px 24px;background:#5e17eb;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit}.btn-primary:hover:not(:disabled){background:#4c0fbd;transform:translateY(-1px);box-shadow:0 4px 12px #5e17eb4d}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{padding:11px 24px;background:#fff;color:#5e17eb;border:1.5px solid #5e17eb;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit}.btn-secondary:hover:not(:disabled){background:#f5f0ff}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.test-result{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:12px;font-size:14px}.test-result.test-success{background:#f0fdf4;border:1px solid #86efac;color:#065f46}.test-result.test-error{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b}.test-result-text{display:flex;flex-direction:column;gap:4px}.webhook-info-box{background:#f8faff;border:1.5px solid #c7d2fe;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:10px}.webhook-info-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#374151}.webhook-url-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.webhook-url{flex:1;min-width:0;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:13px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 12px;color:#1f2937;word-break:break-all}.btn-copy{padding:8px 16px;background:#5e17eb;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;font-family:inherit;transition:background .15s ease}.btn-copy:hover{background:#4c0fbd}.api-ep-intro{display:flex;align-items:flex-start;gap:12px;background:#f8faff;border:1.5px solid #c7d2fe;border-radius:16px;padding:16px 20px;color:#374151}.api-ep-intro svg{flex-shrink:0;margin-top:2px;color:#5e17eb}.api-ep-intro p{margin:0;font-size:14px;line-height:1.6}.api-ep-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;overflow-x:auto}.api-ep-table{width:100%;border-collapse:collapse;font-size:14px}.api-ep-table thead tr{background:#f9fafb;border-bottom:1px solid #e5e7eb}.api-ep-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;white-space:nowrap}.api-ep-table td{padding:14px 16px;vertical-align:top;border-bottom:1px solid #f3f4f6;color:#1f2937}.api-ep-table tbody tr:last-child td{border-bottom:none}.api-ep-table tbody tr:hover{background:#fafafa}.api-ep-table tbody tr.row-overridden{background:#faf5ff}.api-ep-table tbody tr.row-overridden:hover{background:#f3e8ff}.ep-name-cell{min-width:150px}.ep-name{font-weight:600;color:#1f2937;margin-bottom:2px}.ep-key{font-size:11px;font-family:SF Mono,Fira Code,monospace;color:#6b7280;background:#f3f4f6;padding:1px 6px;border-radius:4px;display:inline-block;margin-bottom:4px}.ep-desc{font-size:12px;color:#9ca3af;line-height:1.4;max-width:200px}.ep-default-cell{min-width:250px}.ep-url-code{font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:12px;color:#374151;background:#f3f4f6;padding:4px 8px;border-radius:6px;display:inline-block;word-break:break-all}.ep-override-cell{min-width:220px}.ep-input{width:100%;box-sizing:border-box;padding:8px 12px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:13px;font-family:SF Mono,Fira Code,monospace;color:#1f2937;background:#fff;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.ep-input:focus{border-color:#5e17eb;box-shadow:0 0 0 3px #5e17eb1a}.ep-input::placeholder{color:#d1d5db}.ep-status-cell{white-space:nowrap}.ep-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.badge-override{background:#ede9fe;color:#5e17eb}.badge-default{background:#f3f4f6;color:#6b7280}.ep-actions-cell{white-space:nowrap}.ep-btn-save{padding:7px 14px;background:#5e17eb;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s ease;margin-right:6px}.ep-btn-save:hover:not(:disabled){background:#4c0fbd}.ep-btn-save:disabled{opacity:.65;cursor:not-allowed}.ep-btn-reset{padding:7px 14px;background:#fff;color:#ef4444;border:1.5px solid #fca5a5;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s ease}.ep-btn-reset:hover:not(:disabled){background:#fef2f2;border-color:#ef4444}.ep-btn-reset:disabled{opacity:.5;cursor:not-allowed}.api-ep-note{background:#fffbeb;border:1px solid #fcd34d;border-radius:12px;padding:14px 18px;font-size:13px;color:#78350f;line-height:1.6}.api-ep-note code{background:#fef3c7;padding:1px 5px;border-radius:4px;font-family:SF Mono,Fira Code,monospace;font-size:12px}@media(max-width:768px){.settings-page{padding:16px}.settings-body{flex-direction:column}.settings-sidebar{width:100%;position:static;flex-direction:row;flex-wrap:wrap;gap:4px;padding:8px}.settings-sidebar-group{flex-direction:row;flex-wrap:wrap;gap:4px;align-items:center}.settings-sidebar-group+.settings-sidebar-group{margin-top:0}.settings-sidebar-group-label{display:none}.settings-sidebar-item{width:auto;flex:none;padding:7px 12px;font-size:13px}.settings-grid{grid-template-columns:1fr}.settings-section{padding:20px}}.connection-method-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;margin-left:8px}.method-embedded{background:#e0d4fc;color:#5e17eb}.method-manual{background:#e5e7eb;color:#6b7280}.token-health-badge{font-size:11px;font-weight:600;padding:2px 10px;border-radius:999px;margin-left:8px}.token-health-healthy{background:#dcfce7;color:#16a34a}.token-health-expiring_soon{background:#fef3c7;color:#d97706}.token-health-expired{background:#fee2e2;color:#dc2626}.token-health-unknown{background:#f3f4f6;color:#6b7280}.token-health-col{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.token-expiry-info{font-size:.75rem;color:#9ca3af;font-weight:500}.embedded-token-tz{font-size:11px;color:#9ca3af}.embedded-connection-card{border:1.5px solid #e5e7eb;border-radius:16px;padding:20px;background:#fff;margin-bottom:16px}.embedded-connection-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.embedded-connection-info{display:flex;align-items:flex-start;gap:12px}.embedded-connection-info>svg{flex-shrink:0;margin-top:2px}.embedded-connection-title{font-size:15px;font-weight:700;color:#111827;margin:0 0 4px}.embedded-connection-details{font-size:13px;color:#6b7280;margin:0}.embedded-waba-id{display:block;font-size:12px;color:#9ca3af;margin-top:2px}.embedded-connection-actions{display:flex;gap:8px;flex-shrink:0}.btn-refresh-token{padding:7px 14px;border-radius:10px;border:1.5px solid #d97706;background:#fffbeb;color:#d97706;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.btn-refresh-token:hover{background:#fef3c7}.btn-refresh-urgent{border-color:#dc2626;background:#fef2f2;color:#dc2626}.btn-refresh-urgent:hover{background:#fee2e2}.btn-test-connection{padding:7px 14px;border-radius:10px;border:1.5px solid #e5e7eb;background:#fff;color:#374151;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.btn-test-connection:hover{background:#f9fafb}.btn-disconnect{padding:7px 14px;border-radius:10px;border:1.5px solid #fca5a5;background:#fff;color:#dc2626;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.btn-disconnect:hover{background:#fef2f2}.btn-disconnect:disabled,.btn-refresh-token:disabled,.btn-test-connection:disabled{opacity:.6;cursor:not-allowed}.embedded-token-expiry{font-size:12px;color:#9ca3af;margin-top:12px;padding-top:12px;border-top:1px solid #f3f4f6}.btn-show-manual{display:flex;align-items:center;gap:6px;margin-top:16px;padding:0;border:none;background:none;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:color .15s}.btn-show-manual:hover{color:#5e17eb}.connect-options-card{border:1.5px solid #e5e7eb;border-radius:16px;padding:24px;background:#fff;margin-bottom:16px}.connect-option-embedded{margin-bottom:20px}.connect-option-title{font-size:15px;font-weight:700;color:#111827;margin:0 0 6px}.connect-option-desc{font-size:13px;color:#6b7280;margin:0 0 14px}.connect-option-divider{display:flex;align-items:center;gap:16px;margin:20px 0;color:#9ca3af;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.connect-option-divider:before,.connect-option-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.connect-option-manual{margin-bottom:0}@media(max-width:768px){.embedded-connection-header{flex-direction:column}.embedded-connection-actions{flex-wrap:wrap}}.set-mm-status-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.set-mm-label{font-size:.95rem;font-weight:600;color:#111827;margin:0 0 4px}.set-mm-desc{font-size:.85rem;color:#6b7280;margin:0;max-width:500px;line-height:1.5}.set-mm-toggle-wrap{display:flex;align-items:center;gap:12px;flex-shrink:0}.set-mm-loading{font-size:.85rem;color:#9ca3af}.set-mm-toggle{width:48px;height:26px;border-radius:13px;border:none;cursor:pointer;position:relative;transition:background .2s;padding:0}.set-mm-toggle-off{background:#d1d5db}.set-mm-toggle-on{background:#5e17eb}.set-mm-toggle-knob{position:absolute;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 1px 3px #00000026}.set-mm-toggle-off .set-mm-toggle-knob{left:3px}.set-mm-toggle-on .set-mm-toggle-knob{left:25px}.set-mm-toggle:disabled{opacity:.6;cursor:not-allowed}.set-mm-badge{font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:999px}.set-mm-badge-on{background:#e0d4fc;color:#5e17eb}.set-mm-badge-off{background:#f3f4f6;color:#6b7280}.set-mm-features{display:grid;grid-template-columns:1fr 1fr;gap:16px}.set-mm-feature{display:flex;gap:12px;align-items:flex-start}.set-mm-feature-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.set-mm-feature strong{font-size:.85rem;color:#111827;display:block;margin-bottom:2px}.set-mm-feature p{font-size:.8rem;color:#6b7280;margin:0;line-height:1.4}.set-mm-note{background:#fef3c7;border:1px solid #fcd34d;font-size:.85rem;color:#92400e;line-height:1.5}@media(max-width:768px){.set-mm-status-row{flex-direction:column;align-items:flex-start}.set-mm-features{grid-template-columns:1fr}}.bp-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;margin-left:8px;vertical-align:middle}.bp-badge-whatsapp{background:#dcfce7;color:#15803d}.bp-badge-readonly{background:#f3f4f6;color:#6b7280}.bp-badge-local{background:#eff6ff;color:#1d4ed8}.bp-photo-row{display:flex;align-items:flex-start;gap:24px}.bp-photo-thumb{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb;background:#f9fafb;flex-shrink:0}.bp-photo-placeholder{width:80px;height:80px;border-radius:50%;border:2px dashed #e5e7eb;background:#f9fafb;display:flex;align-items:center;justify-content:center;color:#9ca3af;flex-shrink:0}.bp-photo-actions{display:flex;flex-direction:column;gap:8px}.bp-photo-hint{font-size:12px;color:#6b7280;margin:0}.bp-textarea{resize:vertical;min-height:80px;line-height:1.5}.bp-info-row{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-bottom:1px solid #f3f4f6}.bp-info-row:last-child{border-bottom:none}.bp-info-label{font-size:11px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.bp-info-value{font-size:14px;color:#1f2937;font-weight:500}.bp-value-empty{color:#9ca3af;font-style:italic;font-weight:400}.bp-chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;width:fit-content}.bp-chip-green{background:#d1fae5;color:#065f46}.bp-chip-yellow{background:#fef3c7;color:#92400e}.bp-chip-red{background:#fee2e2;color:#991b1b}.bp-chip-gray{background:#f3f4f6;color:#6b7280}.bp-char-counter{font-size:11px;color:#9ca3af;margin-left:auto;font-weight:400}.bp-near-limit{color:#f59e0b}.bp-at-limit{color:#ef4444}.bp-social-input-row{display:flex;align-items:center;border:1.5px solid #e5e7eb;border-radius:10px;overflow:hidden;transition:border-color .15s}.bp-social-input-row:focus-within{border-color:#5e17eb;box-shadow:0 0 0 3px #5e17eb14}.bp-social-prefix{padding:10px 10px 10px 14px;font-size:14px;color:#6b7280;background:#f9fafb;border-right:1.5px solid #e5e7eb;line-height:1;-webkit-user-select:none;user-select:none}.bp-social-input{border:none!important;border-radius:0!important;box-shadow:none!important;flex:1}.bp-social-input:focus{border:none!important;box-shadow:none!important;outline:none}.bp-api-error-banner{display:flex;align-items:flex-start;gap:10px;background:#fffbeb;border:1.5px solid #fcd34d;border-radius:12px;padding:14px 18px;font-size:13px;color:#92400e;line-height:1.5}.bp-api-error-banner svg{flex-shrink:0;margin-top:1px;color:#d97706}.bp-empty-state{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:60px 40px;text-align:center}.bp-empty-state-icon{width:56px;height:56px;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#9ca3af}.bp-empty-state-title{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 8px}.bp-empty-state-text{font-size:14px;color:#6b7280;margin:0 0 20px}.bp-info-row-full{grid-column:1 / -1}.bp-limit-widget{display:flex;flex-direction:column;gap:6px;width:100%}.bp-limit-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}.bp-limit-used{font-size:13px;color:#6b7280}.bp-limit-used strong{color:#1f2937}.bp-limit-track{height:7px;background:#f3f4f6;border-radius:99px;overflow:hidden;width:100%}.bp-limit-bar{height:100%;border-radius:99px;transition:width .4s ease}.bp-limit-bar-green{background:#22c55e}.bp-limit-bar-amber{background:#f59e0b}.bp-limit-bar-red{background:#ef4444}.bp-limit-note{font-size:11px;color:#9ca3af;margin:2px 0 0;line-height:1.5}@media(max-width:768px){.bp-photo-row{flex-direction:column;align-items:center;text-align:center}.bp-photo-actions{align-items:center}}.qr-loading{padding:60px;text-align:center;color:#9ca3af;font-size:.9rem}.qr-root{padding:0 0 40px;font-family:Inter,sans-serif}.qr-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.qr-title{font-size:1.4rem;font-weight:700;color:#111827;margin:0 0 4px}.qr-subtitle{font-size:.85rem;color:#6b7280;margin:0}.qr-create-btn{padding:8px 18px;background:#5e17eb;color:#fff;border:none;border-radius:10px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.qr-create-btn:hover{background:#4c0fbd}.qr-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:14px}.qr-search-wrap{position:relative;flex:1;max-width:320px}.qr-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.qr-search{width:100%;padding:8px 10px 8px 30px;border:1px solid #e5e7eb;border-radius:10px;font-size:.85rem;color:#111827;outline:none;box-sizing:border-box}.qr-search:focus{border-color:#5e17eb}.qr-count{font-size:.82rem;color:#9ca3af;white-space:nowrap}.qr-cats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.qr-cat-btn{padding:4px 12px;border:1px solid #e5e7eb;background:#fff;border-radius:999px;font-size:.78rem;cursor:pointer;color:#6b7280;transition:background .1s}.qr-cat-btn.active,.qr-cat-btn:hover{background:#f3f0ff;border-color:#5e17eb;color:#5e17eb}.qr-empty{text-align:center;padding:50px;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:16px;font-size:.88rem}.qr-empty p{margin:0 0 16px}.qr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.qr-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px;transition:box-shadow .2s,transform .2s}.qr-card:hover{box-shadow:0 6px 24px #5e17eb1a;transform:translateY(-2px)}.qr-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.qr-card-title{font-size:.9rem;font-weight:700;color:#111827}.qr-card-cat{font-size:.7rem;background:#f3f0ff;color:#5e17eb;border-radius:4px;padding:2px 6px;font-weight:500}.qr-card-body{font-size:.82rem;color:#4b5563;line-height:1.5;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.qr-card-footer{display:flex;align-items:center;justify-content:space-between}.qr-card-uses{font-size:.72rem;color:#9ca3af}.qr-card-actions{display:flex;gap:6px}.qr-card-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;color:#6b7280;transition:background .1s}.qr-card-btn:hover{background:#f3f4f6}.qr-card-btn-danger:hover{background:#fee2e2;color:#ef4444;border-color:#fca5a5}.qr-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.qr-modal{background:#fff;border-radius:16px;width:480px;max-width:95vw;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.qr-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid #f3f4f6}.qr-modal-title{font-size:1rem;font-weight:700;color:#111827}.qr-modal-close{background:none;border:none;cursor:pointer;font-size:1.3rem;color:#9ca3af;line-height:1;padding:0}.qr-modal-close:hover{color:#374151}.qr-modal-body{padding:18px 20px}.qr-label{display:block;font-size:.82rem;font-weight:600;color:#374151;margin:0 0 6px}.qr-label+.qr-label,.qr-char-count+.qr-label{margin-top:14px}.qr-input{width:100%;padding:9px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:.88rem;color:#111827;outline:none;box-sizing:border-box}.qr-input:focus{border-color:#5e17eb;box-shadow:0 0 0 3px #5e17eb14}.qr-textarea{width:100%;padding:9px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:.88rem;color:#111827;resize:vertical;outline:none;box-sizing:border-box;font-family:inherit;line-height:1.5}.qr-textarea:focus{border-color:#5e17eb;box-shadow:0 0 0 3px #5e17eb14}.qr-char-count{font-size:.72rem;color:#9ca3af;text-align:right;margin-top:3px}.qr-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px 18px;border-top:1px solid #f3f4f6}.qr-cancel-btn{padding:8px 18px;border:1px solid #e5e7eb;background:#fff;color:#374151;border-radius:10px;font-size:.88rem;cursor:pointer}.qr-cancel-btn:hover{background:#f9fafb}.qr-save-btn{padding:8px 22px;background:#5e17eb;color:#fff;border:none;border-radius:10px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s}.qr-save-btn:hover{background:#4c0fbd}.qr-save-btn:disabled{opacity:.6;cursor:not-allowed}.upo-overlay{position:fixed;inset:0;background:#0000007a;display:flex;align-items:center;justify-content:center;z-index:1100;padding:16px}.upo-modal{background:#fff;border-radius:18px;width:100%;max-width:620px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #0003;overflow:hidden}.upo-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #f3f4f6;flex-shrink:0}.upo-header-info{display:flex;align-items:center;gap:12px}.upo-avatar{width:36px;height:36px;border-radius:50%;background:#ede9fe;color:#5b21b6;font-size:.875rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.upo-title{display:block;font-size:.9375rem;font-weight:700;color:#111827}.upo-subtitle{display:block;font-size:.75rem;color:#9ca3af;margin-top:1px}.upo-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;font-size:1.375rem;line-height:1;color:#9ca3af;cursor:pointer;border-radius:6px;transition:background .12s,color .12s;flex-shrink:0}.upo-close:hover{background:#f3f4f6;color:#374151}.upo-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:0}.upo-loading{padding:40px;text-align:center;color:#9ca3af;font-size:.875rem}.upo-section{padding:20px;border-bottom:1px solid #f3f4f6}.upo-section:last-child{border-bottom:none}.upo-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;gap:10px}.upo-section-title{font-size:.875rem;font-weight:700;color:#111827}.upo-section-count{background:#f3f4f6;color:#6b7280;font-size:.75rem;padding:2px 8px;border-radius:999px}.upo-section-sub{font-size:.8125rem;color:#6b7280;margin:0 0 14px;line-height:1.5}.upo-empty{display:flex;align-items:center;gap:8px;padding:14px 16px;background:#f9fafb;border:1.5px dashed #e5e7eb;border-radius:10px;font-size:.8125rem;color:#9ca3af}.upo-override-list{display:flex;flex-direction:column;gap:8px}.upo-override-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:10px;border:1px solid}.upo-card-grant{background:#f0fdf4;border-color:#bbf7d0}.upo-card-revoke{background:#fff1f2;border-color:#fecdd3}.upo-card-left{display:flex;align-items:flex-start;gap:10px;flex:1;min-width:0}.upo-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.6875rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;flex-shrink:0;margin-top:1px}.upo-badge-grant{background:#dcfce7;color:#166534}.upo-badge-revoke{background:#fee2e2;color:#991b1b}.upo-card-info{display:flex;flex-direction:column;gap:2px;min-width:0}.upo-card-key{font-size:.8125rem;font-weight:600;color:#111827}.upo-card-perm-key{font-size:.6875rem;font-family:monospace;color:#6b7280;background:#0000000a;padding:1px 5px;border-radius:4px;width:fit-content}.upo-card-reason{font-size:.75rem;color:#374151;font-style:italic}.upo-card-meta{display:flex;align-items:center;gap:6px;margin-top:2px}.upo-scope-chip{font-size:.6875rem;font-weight:600;background:#ede9fe;color:#5b21b6;padding:1px 6px;border-radius:4px;text-transform:uppercase}.upo-card-by{font-size:.6875rem;color:#9ca3af}.upo-remove-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:#ffffffb3;border:1px solid rgba(0,0,0,.08);border-radius:6px;color:#9ca3af;cursor:pointer;transition:background .12s,color .12s;flex-shrink:0}.upo-remove-btn:hover{background:#fee2e2;color:#ef4444;border-color:#fca5a5}.upo-remove-btn:disabled{opacity:.4;cursor:not-allowed}.upo-add-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;background:#5e17eb;color:#fff;border:none;border-radius:8px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s}.upo-add-btn:hover{background:#4c0fbd}.upo-add-form{display:flex;flex-direction:column;gap:14px;margin-top:12px;padding:16px;background:#fafafa;border:1px solid #f3f4f6;border-radius:12px}.upo-field{display:flex;flex-direction:column;gap:6px;position:relative}.upo-label{font-size:.8125rem;font-weight:600;color:#374151}.upo-required{color:#ef4444;margin-left:2px}.upo-optional{font-weight:400;color:#9ca3af;font-size:.75rem;margin-left:4px}.upo-search-wrap{position:relative}.upo-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.upo-search{width:100%;padding:9px 30px;border:1px solid #e5e7eb;border-radius:10px;font-size:.875rem;color:#111827;background:#fff;outline:none;box-sizing:border-box;font-family:inherit;transition:border-color .15s}.upo-search:focus{border-color:#5e17eb}.upo-search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.1rem;line-height:1;color:#9ca3af;cursor:pointer;padding:2px 4px}.upo-picker-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:200;max-height:220px;overflow-y:auto}.upo-picker-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:9px 12px;background:none;border:none;border-bottom:1px solid #f9fafb;cursor:pointer;transition:background .1s;flex-wrap:wrap}.upo-picker-item:last-child{border-bottom:none}.upo-picker-item:hover{background:#f5f0ff}.upo-picker-item-used{opacity:.6}.upo-picker-label{font-size:.8125rem;font-weight:500;color:#111827}.upo-picker-key{font-size:.6875rem;font-family:monospace;color:#9ca3af;margin-left:auto}.upo-picker-overridden{font-size:.6875rem;color:#f59e0b;font-weight:500}.upo-picker-empty{padding:12px;text-align:center;font-size:.8125rem;color:#9ca3af}.upo-action-toggle{display:flex;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;width:fit-content}.upo-action-btn{padding:8px 20px;background:#f9fafb;border:none;font-size:.8125rem;font-weight:500;color:#6b7280;cursor:pointer;transition:background .12s,color .12s;border-right:1px solid #e5e7eb}.upo-action-btn:last-child{border-right:none}.upo-action-btn:hover{background:#f3f4f6;color:#374151}.upo-action-btn-grant{background:#dcfce7;color:#166534;font-weight:700}.upo-action-btn-grant:hover{background:#bbf7d0}.upo-action-btn-revoke{background:#fee2e2;color:#991b1b;font-weight:700}.upo-action-btn-revoke:hover{background:#fecdd3}.upo-action-hint{font-size:.75rem;color:#9ca3af;margin:0;line-height:1.5}.upo-scope-row{display:flex;gap:16px}.upo-scope-radio{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none}.upo-scope-radio input[type=radio]{accent-color:#5e17eb;width:15px;height:15px}.upo-input{width:100%;padding:9px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:.875rem;color:#111827;background:#fff;outline:none;box-sizing:border-box;font-family:inherit;transition:border-color .15s}.upo-input:focus{border-color:#5e17eb}.upo-form-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:4px}.upo-cancel-btn{padding:8px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;font-size:.8125rem;font-weight:500;color:#6b7280;cursor:pointer;transition:background .12s}.upo-cancel-btn:hover{background:#f3f4f6}.upo-save-btn{padding:8px 18px;background:#5e17eb;color:#fff;border:none;border-radius:10px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s}.upo-save-btn:hover{background:#4c0fbd}.upo-save-btn:disabled{opacity:.6;cursor:not-allowed}.upo-save-btn-revoke{background:#ef4444}.upo-save-btn-revoke:hover{background:#dc2626}@media(max-width:768px){.upo-modal{max-height:95vh}.upo-scope-row{flex-direction:column;gap:8px}.upo-picker-key{display:none}}.teams-page{max-width:900px;margin:0 auto}.teams-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:28px}.teams-title{font-size:1.375rem;font-weight:700;color:#111827;margin:0 0 4px}.teams-subtitle{font-size:.875rem;color:#6b7280;margin:0}.teams-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s,opacity .15s;white-space:nowrap}.teams-btn:disabled{opacity:.6;cursor:not-allowed}.teams-btn-primary{background:#5e17eb;color:#fff;border-color:#5e17eb}.teams-btn-primary:hover:not(:disabled){background:#4c0fbd;border-color:#4c0fbd}.teams-btn-ghost{background:transparent;color:#374151;border-color:#e5e7eb}.teams-btn-ghost:hover{background:#f3f4f6}.teams-btn-sm{padding:5px 12px;font-size:.8125rem;gap:4px}.teams-empty{text-align:center;padding:64px 24px;background:#fff;border-radius:16px;border:1px dashed #e0d4fc}.teams-empty-icon{width:72px;height:72px;border-radius:50%;background:#f5f0ff;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#5e17eb}.teams-empty h3{font-size:1.125rem;font-weight:700;color:#111827;margin:0 0 8px}.teams-empty p{color:#6b7280;font-size:.9rem;margin:0 0 24px}.teams-list{display:flex;flex-direction:column;gap:12px}.teams-card{background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden;transition:border-color .15s,box-shadow .15s}.teams-card:hover{border-color:#c4b5fd}.teams-card-open{border-color:#a78bfa;box-shadow:0 4px 20px #5e17eb14}.teams-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;-webkit-user-select:none;user-select:none}.teams-card-info{display:flex;align-items:center;gap:14px}.teams-avatar{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#5e17eb,#7c3aed);color:#fff;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.teams-card-name{font-size:.9375rem;font-weight:600;color:#111827}.teams-card-desc{font-size:.8125rem;color:#6b7280;margin-top:2px}.teams-card-meta{display:flex;align-items:center;gap:10px}.teams-badge{background:#f3f4f6;color:#6b7280;font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap}.teams-card-actions{display:flex;align-items:center;gap:4px}.teams-icon-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:none;background:transparent;color:#6b7280;cursor:pointer;transition:background .15s,color .15s}.teams-icon-btn:hover{background:#f3f4f6;color:#374151}.teams-icon-btn-danger:hover{background:#fef2f2;color:#dc2626}.teams-chevron{transition:transform .2s;color:#9ca3af;flex-shrink:0}.teams-chevron-open{transform:rotate(180deg)}.teams-members{border-top:1px solid #f3f4f6;padding:16px 20px;background:#fafafa}.teams-members-header{display:flex;align-items:center;justify-content:space-between;font-size:.8125rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.teams-members-empty{text-align:center;color:#9ca3af;font-size:.875rem;padding:16px 0}.teams-members-list{display:flex;flex-direction:column;gap:8px}.teams-member-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#fff;border-radius:10px;border:1px solid #f3f4f6;transition:border-color .15s}.teams-member-row:hover{border-color:#e0d4fc}.teams-member-inactive{opacity:.6}.teams-member-avatar{width:34px;height:34px;border-radius:50%;background:#e0d4fc;color:#5e17eb;font-size:.875rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.teams-member-info{flex:1;min-width:0}.teams-member-name{font-size:.875rem;font-weight:600;color:#111827}.teams-member-contact{font-size:.8rem;color:#6b7280;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.teams-dot{color:#d1d5db}.teams-member-actions{display:flex;align-items:center;gap:4px}.teams-status-btn{padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s}.teams-status-active{background:#dcfce7;color:#16a34a;border-color:#bbf7d0}.teams-status-active:hover{background:#bbf7d0}.teams-status-inactive{background:#f3f4f6;color:#6b7280;border-color:#e5e7eb}.teams-status-inactive:hover{background:#e5e7eb}.teams-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.teams-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;box-shadow:0 20px 60px #00000026}.teams-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.teams-modal-header h3{font-size:1rem;font-weight:700;color:#111827;margin:0}.teams-modal-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:none;background:transparent;color:#9ca3af;cursor:pointer;transition:background .15s,color .15s}.teams-modal-close:hover{background:#f3f4f6;color:#374151}.teams-modal-body{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.teams-field label{display:block;font-size:.8125rem;font-weight:600;color:#374151;margin-bottom:6px}.teams-field input,.teams-field textarea{width:100%;padding:9px 12px;border-radius:10px;border:1px solid #e5e7eb;font-size:.875rem;color:#111827;transition:border-color .15s,box-shadow .15s;box-sizing:border-box;font-family:inherit;background:#fff;resize:vertical}.teams-field input:focus,.teams-field textarea:focus{outline:none;border-color:#5e17eb;box-shadow:0 0 0 3px #5e17eb1a}.teams-modal-footer{padding:0 24px 20px;display:flex;justify-content:flex-end;gap:10px}.teams-tab-bar{display:flex;gap:4px;background:#f3f4f6;border-radius:12px;padding:4px;margin-bottom:24px;width:fit-content}.teams-tab{display:inline-flex;align-items:center;gap:6px;padding:7px 20px;border-radius:9px;border:none;background:transparent;font-size:.875rem;font-weight:600;color:#6b7280;cursor:pointer;transition:background .15s,color .15s}.teams-tab:hover{color:#374151}.teams-tab-active{background:#fff;color:#111827;box-shadow:0 1px 4px #00000014}.teams-tab-count{background:#e0d4fc;color:#5e17eb;font-size:.6875rem;font-weight:700;padding:1px 6px;border-radius:999px;line-height:1.4}.teams-tab-active .teams-tab-count{background:#5e17eb;color:#fff}.teams-agents-list{display:flex;flex-direction:column;gap:8px}.teams-agent-row{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#fff;border-radius:14px;border:1px solid #e5e7eb;transition:border-color .15s,box-shadow .15s}.teams-agent-row:hover{border-color:#c4b5fd;box-shadow:0 2px 10px #5e17eb0f}.teams-agent-info{flex:1;min-width:0}.teams-agent-name{display:flex;align-items:center;gap:8px;font-size:.9375rem;font-weight:600;color:#111827;flex-wrap:wrap}.teams-agent-meta{display:flex;align-items:center;gap:4px;font-size:.8125rem;color:#6b7280;margin-top:2px;flex-wrap:wrap}.teams-agent-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.teams-role-pill{font-size:.6875rem;font-weight:700;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.teams-role-owner{background:#fef3c7;color:#92400e}.teams-role-admin{background:#ede9fe;color:#5b21b6}.teams-role-supervisor{background:#dbeafe;color:#1d4ed8}.teams-role-agent{background:#f3f4f6;color:#6b7280}.teams-agent-status{font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:999px}.teams-status-active{background:#dcfce7;color:#16a34a}.teams-status-invited{background:#fef9c3;color:#a16207}.teams-status-suspended{background:#fee2e2;color:#dc2626}.teams-btn-danger-ghost{color:#dc2626;border-color:#fca5a5}.teams-btn-danger-ghost:hover{background:#fef2f2;border-color:#f87171}.teams-select{width:100%;padding:9px 12px;border-radius:10px;border:1px solid #e5e7eb;font-size:.875rem;color:#111827;background:#fff;font-family:inherit;transition:border-color .15s,box-shadow .15s;cursor:pointer}.teams-select:focus{outline:none;border-color:#5e17eb;box-shadow:0 0 0 3px #5e17eb1a}.teams-checkbox-list{display:flex;flex-direction:column;gap:8px;max-height:140px;overflow-y:auto;padding:2px 0}.teams-checkbox-row{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#374151;cursor:pointer}.teams-checkbox-row input[type=checkbox]{width:16px;height:16px;accent-color:#5e17eb;cursor:pointer;flex-shrink:0}.teams-invite-hint{font-size:.8125rem;color:#6b7280;background:#f9fafb;border-radius:8px;padding:10px 12px;margin:0;line-height:1.5}.teams-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;color:#6b7280;gap:12px}.teams-spinner{width:36px;height:36px;border:3px solid #e0d4fc;border-top-color:#5e17eb;border-radius:50%;animation:teams-spin .7s linear infinite}@keyframes teams-spin{to{transform:rotate(360deg)}}.teams-seat-bar{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:14px 18px;margin-bottom:20px}.teams-seat-bar.teams-seat-bar-limit{background:#fff7ed;border-color:#fed7aa}.teams-seat-bar-info{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.teams-seat-plan{font-size:.8125rem;font-weight:600;color:#5e17eb;background:#ede9fe;padding:2px 10px;border-radius:999px}.teams-seat-usage{font-size:.8125rem;color:#6b7280}.teams-seat-track{height:6px;background:#e5e7eb;border-radius:999px;overflow:hidden}.teams-seat-fill{height:100%;background:#5e17eb;border-radius:999px;transition:width .3s ease}.teams-seat-fill.teams-seat-fill-limit{background:#f97316}.teams-seat-limit-msg{font-size:.8125rem;color:#c2410c;margin:10px 0 0}.teams-modal-seats{font-size:.75rem;color:#6b7280;display:block;margin-top:2px}.teams-role-custom{border:1px solid #e5e7eb;border-radius:999px;padding:2px 8px;font-size:.6875rem;font-weight:600}.teams-role-edit-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:5px;color:#9ca3af;cursor:pointer;transition:background .12s,color .12s;margin-left:2px;flex-shrink:0}.teams-role-edit-btn:hover{background:#ede9fe;color:#5e17eb;border-color:#c4b5fd}.teams-role-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;display:inline-block}.teams-field-optional{font-size:.75rem;color:#9ca3af;font-weight:400;margin-left:4px}.teams-modal-roles{max-width:420px}.teams-modal-title-block{display:flex;flex-direction:column;gap:2px}.teams-modal-title-block h3{margin:0;font-size:1rem;font-weight:700;color:#111827}.teams-modal-subtitle{font-size:.75rem;color:#9ca3af}.teams-roles-hint{font-size:.8125rem;color:#6b7280;margin:0 0 12px}.teams-roles-list{display:flex;flex-direction:column;gap:6px}.teams-role-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;transition:background .1s}.teams-role-row-on{background:#faf8ff;border-color:#c4b5fd}.teams-role-row-left{display:flex;align-items:center;gap:10px}.teams-role-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.teams-role-row-name{font-size:.875rem;font-weight:600;color:#111827}.teams-role-row-type{font-size:.6875rem;color:#9ca3af}.teams-role-toggle{padding:5px 12px;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;border:1px solid #e5e7eb;background:#f9fafb;color:#374151;transition:background .12s,color .12s}.teams-role-toggle:hover:not(:disabled){background:#f3f4f6}.teams-role-toggle:disabled{opacity:.5;cursor:not-allowed}.teams-role-toggle-on{background:#fee2e2;border-color:#fca5a5;color:#ef4444}.teams-role-toggle-on:hover:not(:disabled){background:#fecdd3}.teams-roles-empty{font-size:.8125rem;color:#9ca3af;text-align:center;padding:16px 0}.ct-root{padding:0}.ct-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.ct-title{font-size:1.125rem;font-weight:700;color:#111827;margin:0 0 4px}.ct-subtitle{font-size:.8125rem;color:#6b7280;margin:0;max-width:520px}.ct-create-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#5e17eb;color:#fff;border:none;border-radius:10px;font-size:.8125rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}.ct-create-btn:hover{background:#4c0fbd}.ct-loading{padding:48px 0;text-align:center;color:#9ca3af;font-size:.875rem}.ct-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;background:#f9fafb;border:1.5px dashed #e5e7eb;border-radius:16px;gap:8px}.ct-empty-icon{width:56px;height:56px;background:#f3f0ff;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#7c3aed;margin-bottom:4px}.ct-empty-text{font-size:.9375rem;font-weight:600;color:#374151;margin:0}.ct-empty-sub{font-size:.8125rem;color:#9ca3af;margin:0 0 8px}.ct-list{display:flex;flex-direction:column;gap:8px}.ct-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:box-shadow .15s}.ct-row:hover{box-shadow:0 2px 8px #0000000f}.ct-row-left{display:flex;align-items:center;gap:12px;min-width:0}.ct-color-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.ct-row-info{display:flex;flex-direction:column;gap:2px;min-width:0}.ct-row-name{font-size:.875rem;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ct-row-slug{font-size:.75rem;color:#9ca3af;font-family:monospace}.ct-row-desc{font-size:.75rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.ct-row-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.ct-row-count{font-size:.75rem;color:#9ca3af;white-space:nowrap;padding:3px 8px;background:#f3f4f6;border-radius:6px}.ct-action-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;transition:background .12s,color .12s}.ct-action-btn:hover{background:#f3f4f6;color:#374151}.ct-action-btn:disabled{opacity:.5;cursor:not-allowed}.ct-action-danger:hover{background:#fee2e2;border-color:#fca5a5;color:#ef4444}.ct-spin{font-size:1rem;color:#9ca3af;animation:ct-spin 1s linear infinite;display:inline-block}@keyframes ct-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ct-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.ct-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;box-shadow:0 20px 60px #0000002e;overflow:hidden}.ct-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 16px;border-bottom:1px solid #f3f4f6}.ct-modal-title{font-size:.9375rem;font-weight:700;color:#111827}.ct-modal-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;font-size:1.25rem;line-height:1;color:#9ca3af;cursor:pointer;border-radius:6px;transition:background .12s,color .12s}.ct-modal-close:hover{background:#f3f4f6;color:#374151}.ct-modal-body{padding:20px;display:flex;flex-direction:column}.ct-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #f3f4f6}.ct-label{font-size:.8125rem;font-weight:600;color:#374151;margin-bottom:6px;display:block}.ct-required{color:#ef4444;margin-left:2px}.ct-optional{font-weight:400;color:#9ca3af;font-size:.75rem;margin-left:4px}.ct-input{width:100%;padding:9px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:.875rem;color:#111827;background:#fff;outline:none;box-sizing:border-box;transition:border-color .15s}.ct-input:focus{border-color:#5e17eb}.ct-slug-preview{margin-top:5px;font-size:.75rem;color:#9ca3af}.ct-slug-preview code{background:#f3f4f6;padding:1px 5px;border-radius:4px;font-family:monospace;color:#6b7280}.ct-color-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ct-color-swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .12s,border-color .12s}.ct-color-swatch:hover{transform:scale(1.15)}.ct-color-swatch-active{border-color:#111827;transform:scale(1.15)}.ct-color-hex{width:88px;padding:5px 8px;border:1px solid #e5e7eb;border-radius:8px;font-size:.8125rem;font-family:monospace;color:#374151;outline:none}.ct-color-hex:focus{border-color:#5e17eb}.ct-color-preview{width:28px;height:28px;border-radius:50%;border:1px solid #e5e7eb;flex-shrink:0;display:inline-block}.ct-textarea{width:100%;padding:9px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:.875rem;color:#111827;background:#fff;outline:none;resize:vertical;box-sizing:border-box;font-family:inherit;transition:border-color .15s}.ct-textarea:focus{border-color:#5e17eb}.ct-char-count{font-size:.6875rem;color:#d1d5db;text-align:right;margin-top:3px}.ct-cancel-btn{padding:8px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;font-size:.8125rem;font-weight:500;color:#6b7280;cursor:pointer;transition:background .12s}.ct-cancel-btn:hover{background:#f3f4f6}.ct-save-btn{padding:8px 18px;background:#5e17eb;color:#fff;border:none;border-radius:10px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s}.ct-save-btn:hover{background:#4c0fbd}.ct-save-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.ct-header{flex-direction:column}.ct-row{flex-wrap:wrap}.ct-row-desc{max-width:200px}}.ar-page{padding:24px;max-width:760px}.ar-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.ar-page-desc p{font-size:.9rem;color:#6b7280;margin:0}.ar-btn-new{padding:9px 18px;border-radius:10px;border:none;background:#5e17eb;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}.ar-btn-new:hover{background:#4c0fbd}.ar-loading{padding:60px;text-align:center;color:#6b7280}.ar-empty{padding:64px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;border:1px dashed #e5e7eb;border-radius:16px}.ar-empty-title{font-size:1rem;font-weight:600;color:#374151;margin:0}.ar-empty-sub{font-size:.875rem;color:#9ca3af;margin:0;max-width:360px}.ar-rule-list{display:flex;flex-direction:column;gap:12px}.ar-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px 20px;transition:box-shadow .2s}.ar-card:hover{box-shadow:0 4px 16px #5e17eb14}.ar-card-inactive{opacity:.55}.ar-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.ar-card-title-row{display:flex;align-items:center;gap:10px}.ar-card-name{font-size:.9375rem;font-weight:600;color:#111827;margin:0}.ar-badge-sla{font-size:.6875rem;font-weight:600;padding:2px 8px;border-radius:999px;background:#fef3c7;color:#92400e}.ar-card-actions{display:flex;align-items:center;gap:8px}.ar-card-body{display:flex;gap:24px;flex-wrap:wrap}.ar-card-stat{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:#6b7280}.ar-toggle{position:relative;display:inline-flex;cursor:pointer}.ar-toggle input{opacity:0;width:0;height:0;position:absolute}.ar-toggle-track{width:36px;height:20px;border-radius:10px;background:#d1d5db;transition:background .2s;display:block}.ar-toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}.ar-toggle input:checked+.ar-toggle-track{background:#5e17eb}.ar-toggle input:checked+.ar-toggle-track:after{transform:translate(16px)}.ar-icon-btn{width:28px;height:28px;border:none;border-radius:7px;background:#f3f4f6;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.ar-icon-btn:hover{background:#e5e7eb;color:#374151}.ar-icon-btn-danger:hover{background:#fee2e2;color:#dc2626}.ar-modal-overlay{position:fixed;inset:0;background:#0006;z-index:300;display:flex;align-items:center;justify-content:center;padding:20px}.ar-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 40px #00000029}.ar-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.ar-modal-title{font-size:1rem;font-weight:700;color:#111827;margin:0}.ar-modal-close{border:none;background:none;font-size:1.1rem;color:#9ca3af;cursor:pointer;padding:4px}.ar-modal-close:hover{color:#111827}.ar-modal-body{padding:20px 24px 24px;display:flex;flex-direction:column;gap:18px}.ar-field{display:flex;flex-direction:column;gap:6px}.ar-label{font-size:.8125rem;font-weight:600;color:#374151}.ar-hint{font-size:.75rem;color:#9ca3af;margin:0}.ar-input{padding:9px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:.875rem;color:#111827;outline:none;transition:border-color .15s;width:100%;box-sizing:border-box}.ar-input:focus{border-color:#5e17eb}.ar-input-sm{max-width:120px}.ar-select{padding:9px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:.875rem;color:#111827;background:#fff;outline:none;transition:border-color .15s;width:100%;box-sizing:border-box}.ar-select:focus{border-color:#5e17eb}.ar-radio-row{display:flex;gap:20px}.ar-radio{display:flex;align-items:center;gap:6px;font-size:.875rem;color:#374151;cursor:pointer}.ar-field-checkbox .ar-checkbox-label{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#374151;cursor:pointer}.ar-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.ar-btn-cancel{padding:9px 18px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:border-color .15s}.ar-btn-cancel:hover{border-color:#9ca3af}.ar-btn-save{padding:9px 20px;border-radius:10px;border:none;background:#5e17eb;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s}.ar-btn-save:hover{background:#4c0fbd}.ar-btn-save:disabled{opacity:.5;cursor:not-allowed}.rl-root{padding:0;display:flex;flex-direction:column;gap:32px}.rl-section{display:flex;flex-direction:column;gap:16px}.rl-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.rl-section-title{font-size:.9375rem;font-weight:700;color:#111827;margin:0 0 4px}.rl-section-sub{font-size:.8125rem;color:#6b7280;margin:0}.rl-upgrade-hint{color:#f59e0b;font-weight:500}.rl-create-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#5e17eb;color:#fff;border:none;border-radius:10px;font-size:.8125rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}.rl-create-btn:hover:not(:disabled){background:#4c0fbd}.rl-create-btn:disabled{opacity:.55;cursor:not-allowed}.rl-plan-chip{background:#ffffff40;border-radius:4px;padding:1px 6px;font-size:.6875rem;font-weight:700;letter-spacing:.03em}.rl-loading{padding:40px 0;text-align:center;color:#9ca3af;font-size:.875rem}.rl-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;background:#f9fafb;border:1.5px dashed #e5e7eb;border-radius:16px;gap:6px}.rl-empty-icon{width:52px;height:52px;background:#f3f0ff;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#7c3aed;margin-bottom:4px}.rl-empty-text{font-size:.9375rem;font-weight:600;color:#374151;margin:0}.rl-empty-sub{font-size:.8125rem;color:#9ca3af;margin:0 0 8px;max-width:340px}.rl-list{display:flex;flex-direction:column;gap:8px}.rl-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;transition:box-shadow .15s}.rl-card:hover{box-shadow:0 2px 10px #0000000f}.rl-card-left{display:flex;align-items:flex-start;gap:14px;min-width:0;flex:1}.rl-card-dot{width:16px;height:16px;border-radius:50%;flex-shrink:0;margin-top:3px}.rl-card-info{display:flex;flex-direction:column;gap:4px;min-width:0}.rl-card-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rl-card-name{font-size:.9375rem;font-weight:600;color:#111827}.rl-card-desc{font-size:.8125rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.rl-card-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:2px}.rl-meta-chip{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:#9ca3af;background:#f3f4f6;border-radius:6px;padding:3px 8px}.rl-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.6875rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.rl-badge-system{background:#ede9fe;color:#5b21b6}.rl-badge-custom{background:#d1fae5;color:#065f46}.rl-card-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.rl-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;transition:background .12s,color .12s}.rl-action-btn:hover{background:#f3f4f6;color:#374151}.rl-action-danger:hover{background:#fee2e2;border-color:#fca5a5;color:#ef4444}.rl-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.rl-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;box-shadow:0 20px 60px #0000002e;overflow:hidden}.rl-modal-sm{max-width:400px}.rl-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 16px;border-bottom:1px solid #f3f4f6}.rl-modal-title{font-size:.9375rem;font-weight:700;color:#111827}.rl-modal-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;font-size:1.25rem;line-height:1;color:#9ca3af;cursor:pointer;border-radius:6px;transition:background .12s,color .12s}.rl-modal-close:hover{background:#f3f4f6;color:#374151}.rl-modal-body{padding:20px;display:flex;flex-direction:column;gap:16px}.rl-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #f3f4f6}.rl-field{display:flex;flex-direction:column;gap:6px}.rl-label{font-size:.8125rem;font-weight:600;color:#374151}.rl-required{color:#ef4444;margin-left:2px}.rl-optional{font-weight:400;color:#9ca3af;font-size:.75rem;margin-left:4px}.rl-input{width:100%;padding:9px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:.875rem;color:#111827;background:#fff;outline:none;box-sizing:border-box;transition:border-color .15s;font-family:inherit}.rl-input:focus{border-color:#5e17eb}.rl-color-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rl-color-swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .12s,border-color .12s}.rl-color-swatch:hover{transform:scale(1.15)}.rl-color-swatch-active{border-color:#111827;transform:scale(1.15)}.rl-color-hex{width:90px;padding:5px 8px;border:1px solid #e5e7eb;border-radius:8px;font-size:.8125rem;font-family:monospace;color:#374151;outline:none}.rl-color-hex:focus{border-color:#5e17eb}.rl-color-preview{width:28px;height:28px;border-radius:50%;border:1px solid #e5e7eb;flex-shrink:0;display:inline-block}.rl-delete-warn{font-size:.875rem;color:#374151;margin:0;line-height:1.6}.rl-delete-btn{padding:8px 18px;background:#ef4444;color:#fff;border:none;border-radius:10px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s}.rl-delete-btn:hover:not(:disabled){background:#dc2626}.rl-delete-btn:disabled{opacity:.5;cursor:not-allowed}.rl-cancel-btn{padding:8px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;font-size:.8125rem;font-weight:500;color:#6b7280;cursor:pointer;transition:background .12s}.rl-cancel-btn:hover{background:#f3f4f6}.rl-save-btn{padding:8px 18px;background:#5e17eb;color:#fff;border:none;border-radius:10px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s}.rl-save-btn:hover{background:#4c0fbd}.rl-save-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.rl-card{flex-wrap:wrap}.rl-card-desc{max-width:200px}.rl-section-header{flex-direction:column}}.re-root{padding:0;display:flex;flex-direction:column;gap:16px}.re-role-header{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:14px}.re-role-dot{width:18px;height:18px;border-radius:50%;flex-shrink:0;margin-top:4px}.re-role-info{display:flex;flex-direction:column;gap:4px}.re-role-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.re-role-name{font-size:1rem;font-weight:700;color:#111827}.re-role-desc{font-size:.8125rem;color:#6b7280}.re-notice{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;font-size:.8125rem;color:#92400e}.re-unsaved{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;font-size:.8125rem;color:#1e40af}.re-unsaved-save{padding:4px 12px;background:#2563eb;color:#fff;border:none;border-radius:7px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .12s}.re-unsaved-save:hover{background:#1d4ed8}.re-unsaved-save:disabled{opacity:.6;cursor:not-allowed}.re-unsaved-discard{padding:4px 12px;background:none;color:#1e40af;border:1px solid #bfdbfe;border-radius:7px;font-size:.8125rem;cursor:pointer;transition:background .12s}.re-unsaved-discard:hover{background:#dbeafe}.pm-root{display:flex;flex-direction:column;gap:0;background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.pm-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #f3f4f6;background:#fafafa}.pm-search-wrap{position:relative;flex:1;max-width:340px}.pm-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.pm-search{width:100%;padding:7px 32px 7px 30px;border:1px solid #e5e7eb;border-radius:8px;font-size:.8125rem;color:#111827;background:#fff;outline:none;box-sizing:border-box;font-family:inherit;transition:border-color .15s}.pm-search:focus{border-color:#5e17eb}.pm-search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.1rem;line-height:1;color:#9ca3af;cursor:pointer;padding:2px 4px}.pm-count{font-size:.75rem;color:#9ca3af;white-space:nowrap;background:#f3f4f6;padding:3px 10px;border-radius:999px}.pm-groups{display:flex;flex-direction:column}.pm-group{border-bottom:1px solid #f3f4f6}.pm-group:last-child{border-bottom:none}.pm-group-header{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s}.pm-group-header:hover{background:#fafafa}.pm-group-left{display:flex;align-items:center;gap:10px}.pm-group-name{font-size:.875rem;font-weight:600;color:#374151}.pm-group-count{font-size:.75rem;color:#9ca3af;background:#f3f4f6;padding:2px 7px;border-radius:999px}.pm-chevron{color:#9ca3af;transition:transform .15s;flex-shrink:0}.pm-chevron-open{transform:rotate(180deg)}.pm-rows{border-top:1px solid #f9fafb}.pm-row{display:flex;align-items:center;gap:12px;padding:9px 16px 9px 40px;border-bottom:1px solid #f9fafb;transition:background .1s}.pm-row:last-child{border-bottom:none}.pm-row:hover{background:#fafafa}.pm-row-on{background:#faf8ff}.pm-row-on:hover{background:#f5f0ff}.pm-row-check-wrap{display:flex;align-items:center;flex-shrink:0;cursor:pointer}.pm-checkbox{width:16px;height:16px;accent-color:#5e17eb;cursor:pointer;flex-shrink:0}.pm-checkbox:disabled{cursor:not-allowed;opacity:.5}.pm-row-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.pm-row-label{font-size:.8125rem;font-weight:500;color:#374151}.pm-row-desc{font-size:.75rem;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-row-scope{display:flex;align-items:center;flex-shrink:0}.pm-scope-off{font-size:.75rem;color:#d1d5db;padding:0 8px}.pm-scope-toggle{display:flex;align-items:center;border:1px solid #e5e7eb;border-radius:7px;overflow:hidden}.pm-scope-toggle-disabled{opacity:.5}.pm-scope-btn{padding:4px 9px;font-size:.6875rem;font-weight:500;color:#6b7280;background:#fff;border:none;border-right:1px solid #e5e7eb;cursor:pointer;transition:background .1s,color .1s;line-height:1.4}.pm-scope-btn:last-child{border-right:none}.pm-scope-btn:hover:not(:disabled){background:#f3f4f6;color:#374151}.pm-scope-btn:disabled{cursor:not-allowed}.pm-scope-btn-active{background:#ede9fe;color:#5b21b6;font-weight:700}.pm-scope-btn-active:hover{background:#ddd6fe;color:#4c1d95}.pm-no-results{padding:32px;text-align:center;font-size:.875rem;color:#9ca3af}@media(max-width:768px){.pm-row{flex-wrap:wrap;padding-left:16px}.pm-row-scope{width:100%;padding-left:28px}.pm-toolbar{flex-direction:column;align-items:flex-start}.pm-search-wrap{max-width:100%;width:100%}}.al-root{padding:0;display:flex;flex-direction:column;gap:16px}.al-export-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;color:#374151;border:1px solid #e5e7eb;border-radius:10px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .12s;white-space:nowrap}.al-export-btn:hover:not(:disabled){background:#f3f4f6}.al-export-btn:disabled{opacity:.6;cursor:not-allowed}.al-filters{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px}.al-filter-row{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.al-filter-field{display:flex;flex-direction:column;gap:4px;flex:1;min-width:130px}.al-filter-label{font-size:.75rem;font-weight:600;color:#6b7280}.al-filter-input{padding:7px 10px;border:1px solid #e5e7eb;border-radius:8px;font-size:.8125rem;color:#111827;background:#fff;outline:none;font-family:inherit;transition:border-color .15s;width:100%;box-sizing:border-box}.al-filter-input:focus{border-color:#5e17eb}.al-filter-actions{display:flex;align-items:center;gap:8px;padding-bottom:0;flex-shrink:0}.al-filter-btn{padding:7px 18px;background:#5e17eb;color:#fff;border:none;border-radius:8px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.al-filter-btn:hover{background:#4c0fbd}.al-filter-clear{padding:7px 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:.8125rem;color:#6b7280;cursor:pointer;transition:background .12s;white-space:nowrap}.al-filter-clear:hover{background:#f3f4f6;color:#374151}.al-summary-bar{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:#9ca3af}.al-summary-total{font-weight:600;color:#374151}.al-summary-filtered{color:#5e17eb}.al-summary-page{margin-left:auto}.al-loading{padding:48px;text-align:center;color:#9ca3af;font-size:.875rem}.al-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:56px 24px;background:#f9fafb;border:1.5px dashed #e5e7eb;border-radius:14px;color:#9ca3af;font-size:.875rem}.al-empty svg{color:#d1d5db}.al-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;overflow-x:auto}.al-table{width:100%;border-collapse:collapse;font-size:.8125rem}.al-table thead tr{background:#fafafa;border-bottom:1px solid #f3f4f6}.al-table th{padding:11px 14px;text-align:left;font-size:.75rem;font-weight:700;color:#6b7280;white-space:nowrap}.al-th-diff{width:110px}.al-row{border-bottom:1px solid #f9fafb;transition:background .1s}.al-row:last-child{border-bottom:none}.al-row-expandable{cursor:pointer}.al-row-expandable:hover{background:#fafafa}.al-row-open{background:#faf8ff}.al-row-open:hover{background:#f5f0ff}.al-table td{padding:11px 14px;vertical-align:top}.al-td-time{white-space:nowrap;color:#6b7280;font-size:.75rem}.al-td-actor{min-width:140px}.al-actor-name{display:block;font-weight:600;color:#111827}.al-actor-ip{display:block;font-size:.6875rem;color:#9ca3af;font-family:monospace}.al-td-action{white-space:nowrap}.al-action-badge{display:inline-block;padding:3px 9px;border-radius:6px;font-size:.75rem;font-weight:600}.al-action-success{background:#dcfce7;color:#166534}.al-action-danger{background:#fee2e2;color:#991b1b}.al-action-info{background:#dbeafe;color:#1e40af}.al-action-default{background:#f3f4f6;color:#374151}.al-td-target{min-width:120px}.al-target{font-size:.75rem;color:#6b7280;font-family:monospace}.al-td-diff{white-space:nowrap}.al-diff-toggle{display:inline-flex;align-items:center;gap:4px;background:none;border:none;font-size:.75rem;color:#5e17eb;cursor:pointer;padding:0;font-weight:500}.al-diff-toggle:hover{text-decoration:underline}.al-chevron{transition:transform .15s;flex-shrink:0}.al-chevron-open{transform:rotate(180deg)}.al-no-diff{color:#d1d5db;font-size:.75rem}.al-diff-row-expand td{padding:0!important;background:#faf8ff;border-bottom:1px solid #e5e7eb}.al-diff-container{padding:14px 16px 16px}.al-diff-header{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-weight:700;color:#6b7280;margin-bottom:10px}.al-diff-action-code{font-size:.6875rem;font-family:monospace;background:#ede9fe;color:#5b21b6;padding:2px 6px;border-radius:4px}.al-diff-grid{display:flex;flex-direction:column;gap:4px}.al-diff-row{display:grid;grid-template-columns:160px 1fr 20px 1fr;align-items:baseline;gap:8px;padding:5px 8px;border-radius:6px;font-size:.75rem}.al-diff-changed{background:#fff9db}.al-diff-key{font-weight:600;color:#374151;font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.al-diff-before{color:#ef4444;font-family:monospace;word-break:break-all}.al-diff-arrow{color:#9ca3af;text-align:center;font-size:.625rem}.al-diff-after{color:#16a34a;font-family:monospace;word-break:break-all}.al-diff-empty{color:#d1d5db}.al-diff-raw{font-size:.75rem;display:flex;flex-direction:column;gap:6px;color:#374151}.al-diff-raw code{background:#f3f4f6;padding:4px 8px;border-radius:6px;font-family:monospace;display:block;word-break:break-all;margin-top:3px}.al-pagination{display:flex;align-items:center;justify-content:center;gap:14px}.al-page-btn{padding:7px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:.8125rem;color:#374151;cursor:pointer;transition:background .12s}.al-page-btn:hover:not(:disabled){background:#f3f4f6}.al-page-btn:disabled{opacity:.4;cursor:not-allowed}.al-page-info{font-size:.8125rem;color:#6b7280}.al-upgrade{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;gap:10px}.al-upgrade-icon{width:56px;height:56px;background:#f3f0ff;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#7c3aed;margin-bottom:4px}.al-upgrade-title{font-size:1rem;font-weight:700;color:#111827;margin:0}.al-upgrade-sub{font-size:.875rem;color:#6b7280;margin:0;max-width:380px}@media(max-width:768px){.al-filter-row{flex-direction:column}.al-filter-field{min-width:100%}.al-filter-actions{width:100%}.al-diff-row{grid-template-columns:120px 1fr 14px 1fr;gap:4px}.al-table th:nth-child(4),.al-table td:nth-child(4){display:none}}.tfa-page{max-width:640px}.tfa-section-title{font-size:1.125rem;font-weight:700;color:#111827;margin-bottom:24px}.tfa-loading{color:#6b7280;padding:32px 0}.tfa-card{display:flex;align-items:center;gap:16px;padding:20px 24px;border-radius:16px;border:1.5px solid #e5e7eb;background:#fff;margin-bottom:20px}.tfa-card-on{border-color:#bbf7d0;background:#f0fdf4}.tfa-card-icon{font-size:1.75rem;flex-shrink:0}.tfa-card-body{flex:1}.tfa-card-heading{font-weight:700;font-size:.9375rem;color:#111827;display:flex;align-items:center;gap:8px}.tfa-card-sub{font-size:.8125rem;color:#6b7280;margin-top:4px}.tfa-app-chip{font-size:.75rem;font-weight:600;background:#e0d4fc;color:#5e17eb;border-radius:999px;padding:2px 10px}.tfa-low-codes-warn{background:#fff7ed;border:1px solid #fed7aa;color:#92400e;border-radius:10px;padding:12px 16px;font-size:.8125rem;margin-bottom:16px}.tfa-disable-warn{background:#fef2f2;border:1px solid #fecaca;color:#7f1d1d;border-radius:10px;padding:12px 16px;font-size:.8125rem;margin-bottom:20px}.tfa-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 20px;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:background .15s,transform .1s}.tfa-btn:disabled{opacity:.55;cursor:not-allowed}.tfa-btn-primary{background:#5e17eb;color:#fff}.tfa-btn-primary:hover:not(:disabled){background:#4c0fbd}.tfa-btn-ghost{background:#f3f4f6;color:#374151}.tfa-btn-ghost:hover:not(:disabled){background:#e5e7eb}.tfa-btn-danger{background:#dc2626;color:#fff}.tfa-btn-danger:hover:not(:disabled){background:#b91c1c}.tfa-btn-sm{padding:6px 14px;font-size:.8125rem}.tfa-btn-full{width:100%;margin-top:8px}.tfa-actions-row{display:flex;gap:12px;margin-bottom:20px}.tfa-label{display:block;font-size:.8125rem;font-weight:600;color:#374151;margin-bottom:6px}.tfa-input{width:100%;padding:10px 14px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:.9375rem;color:#111827;background:#fff;outline:none;box-sizing:border-box;margin-bottom:16px}.tfa-input:focus{border-color:#5e17eb}.tfa-select{width:100%;padding:10px 14px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:.9375rem;color:#374151;background:#fff;outline:none;cursor:pointer;margin-bottom:20px}.tfa-select:focus{border-color:#5e17eb}.tfa-code-input{display:block;width:160px;padding:14px 18px;border:2px solid #e5e7eb;border-radius:12px;font-size:1.75rem;font-weight:700;letter-spacing:.2em;text-align:center;color:#111827;background:#fff;outline:none;margin:0 auto 20px}.tfa-code-input:focus{border-color:#5e17eb}.tfa-code-input-sm{width:140px;font-size:1.25rem;padding:10px 14px}.tfa-error{font-size:.8125rem;color:#dc2626;margin-top:-12px;margin-bottom:12px;text-align:center}.tfa-setup{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:28px}.tfa-setup-loading{color:#6b7280;padding:20px 0}.tfa-steps{display:flex;align-items:center;gap:0;margin-bottom:28px}.tfa-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.tfa-step+.tfa-step:before{content:"";position:absolute;left:-50%;top:14px;width:100%;height:2px;background:#e5e7eb;z-index:0}.tfa-step.done+.tfa-step:before,.tfa-step.active+.tfa-step:before{background:#5e17eb}.tfa-step-num{width:28px;height:28px;border-radius:50%;background:#e5e7eb;color:#9ca3af;font-size:.8125rem;font-weight:700;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;transition:background .2s,color .2s}.tfa-step.active .tfa-step-num{background:#5e17eb;color:#fff}.tfa-step.done .tfa-step-num{background:#16a34a;color:#fff}.tfa-step-label{font-size:.6875rem;font-weight:600;color:#9ca3af}.tfa-step.active .tfa-step-label{color:#5e17eb}.tfa-step.done .tfa-step-label{color:#16a34a}.tfa-step-body{display:flex;flex-direction:column;align-items:center}.tfa-setup-hint{font-size:.9rem;color:#4b5563;text-align:center;margin-bottom:20px;max-width:400px}.tfa-qr-wrap{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;padding:16px;display:inline-flex;margin-bottom:20px}.tfa-qr-img{width:200px;height:200px}.tfa-manual-key-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;align-self:flex-start;width:100%}.tfa-manual-key{width:100%;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;padding:10px 14px;font-family:monospace;font-size:.9375rem;color:#374151;letter-spacing:.05em;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;word-break:break-all;box-sizing:border-box}.tfa-copy-key{flex-shrink:0;background:#e0d4fc;color:#5e17eb;border:none;border-radius:6px;padding:4px 12px;font-size:.8125rem;font-weight:600;cursor:pointer}.tfa-copy-key:hover{background:#c4b5fd}.tfa-app-label{font-size:.8125rem;font-weight:600;color:#374151;margin-bottom:6px;align-self:flex-start;width:100%}.tfa-optional{font-weight:400;color:#9ca3af}.tfa-setup-footer{display:flex;justify-content:flex-end;gap:12px;width:100%;margin-top:4px}.tfa-backup-display{width:100%}.tfa-backup-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.tfa-backup-icon{font-size:1.5rem;flex-shrink:0}.tfa-backup-title{font-weight:700;font-size:1rem;color:#111827;margin-bottom:2px}.tfa-backup-sub{font-size:.8125rem;color:#6b7280}.tfa-backup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.tfa-backup-code{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;padding:10px 14px;font-family:monospace;font-size:1rem;font-weight:600;color:#111827;letter-spacing:.1em;text-align:center}.tfa-backup-actions{display:flex;gap:10px;margin-bottom:12px}.tfa-backup-warn{font-size:.8125rem;color:#6b7280;margin-bottom:16px;padding:10px 14px;background:#f9fafb;border-radius:8px}.tfa-devices-section{border:1.5px solid #e5e7eb;border-radius:12px;overflow:hidden;margin-top:8px}.tfa-devices-toggle{width:100%;background:#f9fafb;border:none;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;font-size:.875rem;font-weight:600;color:#374151;cursor:pointer}.tfa-devices-toggle:hover{background:#f3f4f6}.tfa-devices-arrow{color:#9ca3af;font-size:.75rem}.tfa-devices-list{border-top:1px solid #e5e7eb}.tfa-devices-loading,.tfa-devices-empty{padding:16px 18px;font-size:.875rem;color:#6b7280}.tfa-device-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid #f3f4f6}.tfa-device-row:last-child{border-bottom:none}.tfa-device-ua{font-size:.875rem;font-weight:600;color:#111827;margin-bottom:2px}.tfa-device-meta{font-size:.75rem;color:#9ca3af}.tfa-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.tfa-modal{background:#fff;border-radius:16px;width:100%;max-width:440px;box-shadow:0 20px 60px #0003}.tfa-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.tfa-modal-title{font-size:1rem;font-weight:700;color:#111827;margin:0}.tfa-modal-close{background:none;border:none;color:#9ca3af;font-size:1rem;cursor:pointer;padding:4px 8px}.tfa-modal-close:hover{color:#374151}.tfa-modal-body{padding:20px 24px}.tfa-modal-footer{padding:0 24px 20px;display:flex;justify-content:flex-end;gap:10px}@media(max-width:768px){.tfa-backup-grid{grid-template-columns:1fr}.tfa-card{flex-direction:column;align-items:flex-start}.tfa-steps{gap:4px}.tfa-step-label{display:none}}.as-wrap{max-width:760px}.as-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:28px;flex-wrap:wrap}.as-title{font-size:1.25rem;font-weight:700;color:var(--color-text-primary, #111827);margin:0 0 6px}.as-subtitle{font-size:.875rem;color:var(--color-text-muted, #6b7280);margin:0;line-height:1.5}.as-revoke-all-btn{white-space:nowrap;flex-shrink:0}.as-list{display:flex;flex-direction:column;gap:10px}.as-session-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:box-shadow .15s}.as-session-card:hover{box-shadow:0 2px 12px #0000000f}.as-session-card.as-current{border-color:#e0d4fc;background:#faf7ff}.as-device-icon{width:28px;height:28px;color:#6b7280;flex-shrink:0}.as-current .as-device-icon{color:#5e17eb}.as-session-info{flex:1;min-width:0}.as-session-name{font-size:.9rem;font-weight:600;color:#111827;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.as-current-badge{background:#5e17eb;color:#fff;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:999px;letter-spacing:.02em}.as-session-meta{display:flex;align-items:center;gap:6px;font-size:.78rem;color:#6b7280;margin-top:4px;flex-wrap:wrap}.as-dot{color:#d1d5db}.as-session-action{flex-shrink:0}.as-revoke-btn{background:none;border:1px solid #e5e7eb;color:#6b7280;font-size:.8rem;font-weight:500;padding:5px 14px;border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.as-revoke-btn:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5;color:#dc2626}.as-revoke-btn:disabled{opacity:.5;cursor:not-allowed}.as-active-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px #10b98133}.as-loading,.as-empty{text-align:center;color:#9ca3af;padding:48px 20px;font-size:.9rem}.as-confirm-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:999;padding:20px}.as-confirm-box{background:#fff;border-radius:16px;padding:32px;max-width:420px;width:100%;box-shadow:0 20px 60px #00000026}.as-confirm-box h3{font-size:1.1rem;font-weight:700;color:#111827;margin:0 0 10px}.as-confirm-box p{font-size:.9rem;color:#6b7280;margin:0 0 24px;line-height:1.6}.as-confirm-actions{display:flex;gap:10px;justify-content:flex-end}.btn-danger{background:#dc2626;color:#fff;border:none;padding:9px 20px;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-danger-outline{background:none;border:1px solid #fca5a5;color:#dc2626;padding:8px 16px;border-radius:10px;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.btn-danger-outline:hover:not(:disabled){background:#fee2e2;border-color:#f87171}.btn-danger-outline:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:none;border:1px solid #e5e7eb;color:#374151;padding:9px 20px;border-radius:10px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s}.btn-outline:hover{background:#f9fafb}@media(max-width:768px){.as-header{flex-direction:column;align-items:stretch}.as-revoke-all-btn{width:100%;text-align:center}.as-session-meta{flex-direction:column;align-items:flex-start;gap:2px}.as-dot{display:none}}.ve-root{min-height:100vh;background:linear-gradient(135deg,#f5f0ff,#ede5ff);display:flex;align-items:center;justify-content:center;padding:24px;font-family:Inter,sans-serif}.ve-card{background:#fff;border-radius:20px;box-shadow:0 8px 40px #5e17eb1f;padding:44px 40px;max-width:420px;width:100%;text-align:center}.ve-logo{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:28px}.ve-logo-name{font-size:1.5rem;font-weight:800;color:#5e17eb;letter-spacing:-.5px}.ve-icon{width:64px;height:64px;border-radius:50%;background:#e0d4fc;color:#5e17eb;font-size:1.75rem;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.ve-icon-success{background:#dcfce7;color:#16a34a}.ve-icon-warn{background:#fff7ed;color:#d97706}.ve-title{font-size:1.375rem;font-weight:800;color:#111827;margin:0 0 12px}.ve-sub{font-size:.9375rem;color:#4b5563;line-height:1.6;margin:0 0 28px}.ve-actions{margin-bottom:16px}.ve-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:12px 24px;border-radius:10px;font-size:.9375rem;font-weight:700;cursor:pointer;border:none;transition:background .15s;font-family:inherit}.ve-btn:disabled{opacity:.55;cursor:not-allowed}.ve-btn-primary{background:#5e17eb;color:#fff}.ve-btn-primary:hover:not(:disabled){background:#4c0fbd}.ve-hint{font-size:.8125rem;color:#9ca3af;margin-bottom:24px;line-height:1.5}.ve-logout-btn{background:none;border:none;color:#5e17eb;font-size:.8125rem;cursor:pointer;text-decoration:underline;padding:0;font-family:inherit}.ve-logout-btn:hover{color:#4c0fbd}@media(max-width:480px){.ve-card{padding:32px 24px}}.cg-page{padding:24px 28px;max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.cg-header-row{display:flex;align-items:center;justify-content:space-between}.cg-subtitle{font-size:13px;color:#6b7280;margin:0}.cg-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;border:none;background:#5e17eb;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s;font-family:inherit}.cg-btn-primary:hover:not(:disabled){background:#4c0fbd}.cg-btn-primary:disabled{opacity:.55;cursor:not-allowed}.cg-btn-secondary{padding:7px 14px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s;font-family:inherit}.cg-btn-secondary:hover{background:#f9fafb}.cg-btn-danger{padding:7px 14px;border-radius:10px;border:none;background:#ef4444;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s;font-family:inherit}.cg-btn-danger:hover:not(:disabled){background:#dc2626}.cg-btn-danger:disabled{opacity:.55;cursor:not-allowed}.cg-icon-btn{width:28px;height:28px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .15s}.cg-icon-btn:hover{background:#f3f4f6;color:#374151}.cg-icon-btn--delete:hover{background:#fef2f2;border-color:#fca5a5;color:#ef4444}.cg-input{width:100%;padding:8px 12px;border-radius:10px;border:1px solid #e5e7eb;font-size:14px;color:#1f2937;outline:none;font-family:inherit;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.cg-input:focus{border-color:#5e17eb;box-shadow:0 0 0 3px #5e17eb1a}.cg-create-form{display:flex;align-items:center;gap:8px;padding:14px 16px;background:#f5f3ff;border:1px solid #c4b5fd;border-radius:14px}.cg-create-form .cg-input{flex:1}.cg-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;background:#fff;border-radius:16px;border:1px solid #e5e7eb;color:#9ca3af;text-align:center}.cg-empty p{margin:0;font-size:14px}.cg-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;transition:border-color .15s,box-shadow .15s}.cg-card.expanded{border-color:#c4b5fd;box-shadow:0 2px 12px #5e17eb14}.cg-card-header{display:flex;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s;outline:none}.cg-card-header:hover{background:#fafafa}.cg-chevron{color:#9ca3af;transition:transform .2s;flex-shrink:0}.cg-chevron.open{transform:rotate(90deg)}.cg-group-name{flex:1;font-size:15px;font-weight:600;color:#1f2937}.cg-rename-input{flex:1;padding:4px 10px;font-size:15px;font-weight:600;border-radius:8px;border:1.5px solid #5e17eb;outline:none;font-family:inherit;color:#1f2937;background:#f5f3ff;box-shadow:0 0 0 3px #5e17eb1a}.cg-member-count{font-size:12px;color:#6b7280;background:#f3f4f6;padding:3px 10px;border-radius:20px;white-space:nowrap;flex-shrink:0}.cg-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.cg-delete-confirm{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#fef2f2;border-top:1px solid #fecaca;font-size:13px;color:#991b1b;flex-wrap:wrap}.cg-delete-confirm span{flex:1;min-width:200px}.cg-panel{border-top:1px solid #f3f4f6;padding:16px;display:flex;flex-direction:column;gap:12px}.cg-add-row{display:flex;gap:8px;align-items:flex-start}.cg-add-search-wrap{flex:1;position:relative}.cg-add-input{width:100%}.cg-add-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 16px #0000001a;z-index:100;max-height:200px;overflow-y:auto}.cg-dropdown-msg{padding:10px 14px;font-size:13px;color:#9ca3af;text-align:center}.cg-dropdown-item{display:flex;flex-direction:column;padding:9px 14px;cursor:pointer;border-bottom:1px solid #f9fafb;transition:background .12s}.cg-dropdown-item:last-child{border-bottom:none}.cg-dropdown-item:hover{background:#f5f3ff}.cg-dropdown-name{font-size:13px;font-weight:500;color:#1f2937}.cg-dropdown-phone{font-size:12px;color:#6b7280}.cg-members-loading{display:flex;align-items:center;gap:10px;padding:12px 0;font-size:13px;color:#9ca3af}.cg-members-empty{font-size:13px;color:#9ca3af;padding:8px 0;text-align:center}.cg-members-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.cg-member-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;transition:background .12s}.cg-member-row:hover{background:#f9fafb}.cg-member-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.cg-member-info{flex:1;display:flex;flex-direction:column;min-width:0}.cg-member-name{font-size:13px;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cg-member-phone{font-size:12px;color:#6b7280}.cg-remove-btn{padding:4px 10px;border-radius:7px;border:1px solid #e5e7eb;background:#fff;font-size:12px;color:#6b7280;cursor:pointer;transition:all .12s;flex-shrink:0;font-family:inherit}.cg-remove-btn:hover{background:#fef2f2;border-color:#fca5a5;color:#ef4444}.cg-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px;color:#9ca3af;font-size:14px}.cg-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#5e17eb;border-radius:50%;animation:cg-spin .7s linear infinite}.cg-spinner--sm{width:16px;height:16px;border-width:2px}@keyframes cg-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.cg-page{padding:16px}.cg-create-form{flex-wrap:wrap}.cg-delete-confirm{flex-direction:column;align-items:flex-start}}.media-stats{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.media-stat-card{flex:1;min-width:140px;padding:16px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:4px}.media-stat-label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.media-stat-value{font-size:24px;font-weight:700;color:#1f2937}.media-filter-bar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.media-search{flex:1;min-width:200px;padding:9px 12px;border-radius:10px;border:1px solid #e5e7eb;font-size:14px;color:#1f2937;outline:none;font-family:inherit;transition:border-color .2s,box-shadow .2s}.media-search:focus{border-color:#5e17eb;box-shadow:0 0 0 3px #5e17eb1a}.media-filter-select{padding:9px 12px;border-radius:10px;border:1px solid #e5e7eb;font-size:14px;color:#1f2937;background:#fff;cursor:pointer;font-family:inherit;outline:none}.media-view-toggle{display:flex;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.media-view-btn{padding:8px 12px;background:#fff;border:none;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .15s}.media-view-btn.active{background:#5e17eb;color:#fff}.media-view-btn:not(:last-child){border-right:1px solid #e5e7eb}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.media-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:box-shadow .2s,transform .2s;cursor:pointer;position:relative}.media-card:hover{box-shadow:0 6px 24px #5e17eb1a;transform:translateY(-2px)}.media-card-thumb{width:100%;height:160px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;overflow:hidden;position:relative}.media-card-thumb img{width:100%;height:100%;object-fit:cover}.media-card-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px}.media-card-icon.video{background:#dbeafe;color:#2563eb}.media-card-icon.document{background:#fef3c7;color:#d97706}.media-card-icon.audio{background:#d1fae5;color:#059669}.media-card-body{padding:12px}.media-card-name{font-size:13px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.media-card-meta{font-size:11px;color:#9ca3af;display:flex;align-items:center;gap:8px}.media-card-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity .15s}.media-card:hover .media-card-actions{opacity:1}.media-card-action-btn{width:32px;height:32px;border-radius:8px;background:#ffffffe6;border:1px solid #e5e7eb;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.media-card-action-btn:hover{background:#fff;color:#ef4444;border-color:#ef4444}.media-card-action-btn.preview:hover{color:#5e17eb;border-color:#5e17eb}.media-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.media-table th{padding:10px 16px;text-align:left;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.3px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.media-table td{padding:10px 16px;font-size:13px;color:#374151;border-bottom:1px solid #f3f4f6;vertical-align:middle}.media-table tr:last-child td{border-bottom:none}.media-table tr:hover td{background:#f9fafb}.media-table-name{display:flex;align-items:center;gap:10px}.media-table-thumb{width:36px;height:36px;border-radius:8px;object-fit:cover;background:#f3f4f6;flex-shrink:0}.media-table-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.media-type-badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:capitalize}.media-type-badge.image{background:#ede9fe;color:#5e17eb}.media-type-badge.video{background:#dbeafe;color:#2563eb}.media-type-badge.document{background:#fef3c7;color:#d97706}.media-type-badge.audio{background:#d1fae5;color:#059669}.media-table-actions{display:flex;gap:4px}.media-table-btn{width:30px;height:30px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.media-table-btn:hover{color:#ef4444;border-color:#ef4444}.media-table-btn.preview:hover{color:#5e17eb;border-color:#5e17eb}.media-empty{text-align:center;padding:60px 24px;color:#9ca3af}.media-empty-icon{margin-bottom:16px;color:#d1d5db}.media-empty h3{font-size:16px;font-weight:600;color:#374151;margin:0 0 6px}.media-empty p{font-size:13px;margin:0}.media-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px}.media-page-btn{padding:6px 14px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:13px;cursor:pointer;transition:all .15s}.media-page-btn:hover:not(:disabled){border-color:#5e17eb;color:#5e17eb}.media-page-btn:disabled{opacity:.4;cursor:not-allowed}.media-page-info{font-size:13px;color:#6b7280}.media-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.media-modal{background:#fff;border-radius:16px;width:480px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.media-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.media-modal-header h3{font-size:18px;font-weight:700;color:#1f2937;margin:0}.media-modal-close{width:32px;height:32px;border-radius:8px;border:none;background:#f3f4f6;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .15s}.media-modal-close:hover{background:#e5e7eb;color:#1f2937}.media-modal-body{padding:20px 24px 24px;display:flex;flex-direction:column;gap:16px}.media-dropzone{border:2px dashed #d1d5db;border-radius:12px;padding:32px 24px;text-align:center;cursor:pointer;transition:all .2s;background:#f9fafb}.media-dropzone:hover,.media-dropzone.dragover{border-color:#5e17eb;background:#f5f3ff}.media-dropzone-text{font-size:14px;color:#6b7280;margin:8px 0 0}.media-dropzone-text strong{color:#5e17eb;cursor:pointer}.media-dropzone-hint{font-size:11px;color:#9ca3af;margin-top:4px}.media-file-preview{display:flex;align-items:center;gap:12px;padding:12px;background:#f3f4f6;border-radius:10px}.media-file-preview-thumb{width:48px;height:48px;border-radius:8px;object-fit:cover;background:#e5e7eb}.media-file-preview-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.media-file-preview-info{flex:1;min-width:0}.media-file-preview-name{font-size:13px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-file-preview-size{font-size:11px;color:#9ca3af}.media-file-preview-remove{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:18px;padding:0 4px}.media-file-preview-remove:hover{color:#ef4444}.media-caption-input{width:100%;padding:9px 12px;border-radius:10px;border:1px solid #e5e7eb;font-size:14px;color:#1f2937;outline:none;font-family:inherit;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.media-caption-input:focus{border-color:#5e17eb;box-shadow:0 0 0 3px #5e17eb1a}.media-upload-btn{padding:10px 24px;border-radius:10px;border:none;background:#5e17eb;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s;width:100%}.media-upload-btn:hover:not(:disabled){background:#4c0fbd}.media-upload-btn:disabled{opacity:.6;cursor:not-allowed}.media-preview-modal{background:#fff;border-radius:16px;width:600px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.media-preview-content{padding:20px 24px;display:flex;flex-direction:column;align-items:center;gap:16px}.media-preview-content img{max-width:100%;max-height:400px;border-radius:8px;object-fit:contain}.media-preview-content video{max-width:100%;max-height:400px;border-radius:8px}.media-preview-content audio{width:100%}.media-preview-doc{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px}.media-preview-doc-icon{width:64px;height:64px;border-radius:16px;background:#fef3c7;color:#d97706;display:flex;align-items:center;justify-content:center;font-size:28px}.media-preview-doc a{color:#5e17eb;font-weight:600;text-decoration:none}.media-preview-doc a:hover{text-decoration:underline}.media-preview-info{width:100%;display:flex;flex-direction:column;gap:4px;font-size:13px;color:#6b7280}.media-confirm-modal{background:#fff;border-radius:16px;width:400px;max-width:90vw;padding:24px;box-shadow:0 20px 60px #0003;text-align:center}.media-confirm-modal h3{font-size:16px;font-weight:700;color:#1f2937;margin:0 0 8px}.media-confirm-modal p{font-size:13px;color:#6b7280;margin:0 0 20px}.media-confirm-actions{display:flex;gap:10px;justify-content:center}.media-confirm-cancel{padding:8px 20px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:14px;cursor:pointer;transition:background .15s}.media-confirm-cancel:hover{background:#f3f4f6}.media-confirm-delete{padding:8px 20px;border-radius:10px;border:none;background:#ef4444;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.media-confirm-delete:hover:not(:disabled){background:#dc2626}.media-confirm-delete:disabled{opacity:.6;cursor:not-allowed}.media-loading{text-align:center;padding:40px;color:#9ca3af;font-size:14px}@media(max-width:768px){.media-stats{gap:8px}.media-stat-card{min-width:100px;padding:12px 14px}.media-stat-value{font-size:20px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.media-card-thumb{height:120px}.media-filter-bar{gap:8px}}.dr-container{padding:0}.dr-tabs{display:flex;gap:0;border-bottom:2px solid #e5e7eb;margin-bottom:24px}.dr-tab{padding:12px 24px;font-size:14px;font-weight:600;color:#6b7280;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:color .2s,border-color .2s}.dr-tab:hover{color:#5e17eb}.dr-tab.active{color:#5e17eb;border-bottom-color:#5e17eb}.dr-stats{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.dr-stat-box{flex:1;min-width:100px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;text-align:center;display:flex;flex-direction:column;gap:4px}.dr-stat-num{font-size:1.5rem;font-weight:800;color:#1f2937}.dr-stat-label{font-size:12px;color:#6b7280;font-weight:500}.dr-stat-sent .dr-stat-num{color:#6b7280}.dr-stat-delivered .dr-stat-num{color:#059669}.dr-stat-read .dr-stat-num{color:#2563eb}.dr-stat-failed .dr-stat-num{color:#ef4444}.dr-stat-pending .dr-stat-num{color:#9ca3af}.dr-filters{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.dr-search{flex:1;min-width:200px;padding:10px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;font-family:inherit;outline:none;transition:border-color .2s}.dr-search:focus{border-color:#5e17eb}.dr-select,.dr-date{padding:10px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;font-family:inherit;background:#fff;outline:none;cursor:pointer;transition:border-color .2s}.dr-select:focus,.dr-date:focus{border-color:#5e17eb}.dr-table-wrap{overflow-x:auto;border:1px solid #e5e7eb;border-radius:12px;background:#fff}.dr-table{width:100%;border-collapse:collapse;font-size:13px}.dr-table thead th{background:#f9fafb;padding:12px 14px;text-align:left;font-weight:600;color:#374151;font-size:12px;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid #e5e7eb;white-space:nowrap}.dr-table tbody td{padding:10px 14px;border-bottom:1px solid #f3f4f6;color:#374151;vertical-align:middle}.dr-table tbody tr:last-child td{border-bottom:none}.dr-row{cursor:pointer;transition:background .15s}.dr-row:hover{background:#f9fafb}.dr-row.expanded{background:#f5f0ff}.dr-row-failed{background:#fef2f2}.dr-row-failed:hover{background:#fee2e2}.dr-row-clickable{cursor:pointer}.dr-td-contact{font-weight:600;color:#1f2937;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dr-td-number{font-family:monospace;font-size:12px;color:#6b7280}.dr-td-ts{font-size:12px;color:#6b7280;white-space:nowrap}.dr-td-error{max-width:200px}.dr-error-text{color:#ef4444;font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:help}.dr-type{display:inline-block;padding:2px 8px;background:#f3f4f6;border-radius:6px;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase}.dr-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.dr-badge-pending{background:#f3f4f6;color:#6b7280}.dr-badge-sent{background:#e5e7eb;color:#374151}.dr-badge-delivered{background:#d1fae5;color:#065f46}.dr-badge-read{background:#dbeafe;color:#1e40af}.dr-badge-failed{background:#fee2e2;color:#dc2626}.dr-badge-warning{background:#fef3c7;color:#92400e}.dr-rate{font-weight:700;color:#059669}.dr-expand-icon{margin-right:8px;color:#9ca3af;font-size:11px}.dr-expand-row td{padding:0!important;background:#fafafe}.dr-sub-table{width:100%;border-collapse:collapse;font-size:12px;margin:0}.dr-sub-table thead th{background:#f0ecf9;padding:8px 14px;text-align:left;font-weight:600;color:#5e17eb;font-size:11px;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid #e0d4fc}.dr-sub-table tbody td{padding:8px 14px;border-bottom:1px solid #f3f4f6;color:#374151}.dr-expand-empty{padding:16px;text-align:center;color:#9ca3af;font-size:13px}.dr-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 0}.dr-page-btn{padding:8px 18px;font-size:13px;font-weight:600;font-family:inherit;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#374151;cursor:pointer;transition:background .2s,border-color .2s}.dr-page-btn:hover:not(:disabled){border-color:#5e17eb;color:#5e17eb}.dr-page-btn:disabled{opacity:.4;cursor:not-allowed}.dr-page-info{font-size:13px;color:#6b7280}.dr-loading{text-align:center;padding:40px;color:#9ca3af;font-size:14px}.dr-empty{text-align:center;padding:60px 20px;color:#9ca3af}.dr-empty svg{margin-bottom:12px}.dr-empty p{font-size:14px}.dr-detail{padding:20px 24px;display:flex;flex-direction:column;gap:20px}.dr-detail-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px 20px}.dr-detail-error{border-color:#fecaca;background:#fef2f2}.dr-detail-heading{font-size:12px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.dr-detail-error .dr-detail-heading{color:#dc2626}.dr-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dr-detail-item{display:flex;flex-direction:column;gap:2px}.dr-detail-full{grid-column:1 / -1}.dr-detail-label{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.3px}.dr-detail-value{font-size:13px;color:#1f2937;word-break:break-word}.dr-detail-error-code{font-weight:800;color:#dc2626;font-size:16px;font-family:monospace}.dr-detail-reason{color:#dc2626;line-height:1.5}.dr-detail-mono{font-family:monospace;font-size:11px;color:#6b7280;word-break:break-all}.dr-detail-body{white-space:pre-wrap;background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;padding:8px 12px;font-size:13px;max-height:80px;overflow-y:auto}.dr-timeline{display:flex;gap:0;align-items:flex-start}.dr-tl-step{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;text-align:center}.dr-tl-step:not(:last-child):after{content:"";position:absolute;top:8px;left:calc(50% + 10px);right:calc(-50% + 10px);height:2px;background:#e5e7eb}.dr-tl-step.done:not(:last-child):after{background:#5e17eb}.dr-tl-step.error:not(:last-child):after{background:#ef4444}.dr-tl-dot{width:16px;height:16px;border-radius:50%;border:2px solid #e5e7eb;background:#fff;position:relative;z-index:1;margin-bottom:6px}.dr-tl-step.done .dr-tl-dot{border-color:#5e17eb;background:#5e17eb}.dr-tl-step.error .dr-tl-dot{border-color:#ef4444;background:#ef4444}.dr-tl-step.pending .dr-tl-dot{border-color:#d1d5db;background:#fff}.dr-tl-info{display:flex;flex-direction:column;gap:2px}.dr-tl-label{font-size:12px;font-weight:600;color:#374151}.dr-tl-step.pending .dr-tl-label{color:#9ca3af}.dr-tl-step.error .dr-tl-label{color:#ef4444}.dr-tl-time{font-size:11px;color:#9ca3af}@media(max-width:768px){.dr-stats{flex-wrap:wrap}.dr-stat-box{min-width:calc(33% - 8px)}.dr-filters{flex-direction:column}.dr-search{min-width:100%}.dr-table{font-size:12px}.dr-table thead th,.dr-table tbody td{padding:8px 10px}.dr-td-error{max-width:120px}.dr-detail-grid{grid-template-columns:1fr}.dr-timeline{flex-direction:column;gap:8px}.dr-tl-step{flex-direction:row;gap:10px;text-align:left}.dr-tl-step:not(:last-child):after{display:none}.dr-tl-dot{margin-bottom:0;flex-shrink:0}}.ap-page{padding:24px;max-width:1200px;margin:0 auto}.ap-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.ap-period-tabs{display:flex;gap:4px;background:#f3f4f6;border-radius:10px;padding:4px}.ap-period-tab{padding:6px 16px;border-radius:8px;border:none;background:transparent;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:background .15s,color .15s}.ap-period-tab.active{background:#fff;color:#5e17eb;box-shadow:0 1px 4px #00000014}.ap-header-actions{display:flex;align-items:center;gap:12px}.ap-date-range{font-size:.8125rem;color:#6b7280}.ap-export-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:border-color .15s,color .15s}.ap-export-btn:hover{border-color:#5e17eb;color:#5e17eb}.ap-export-btn:disabled{opacity:.5;cursor:not-allowed}.ap-totals-bar{display:flex;gap:0;background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:20px;overflow:hidden}.ap-total-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:16px 12px;border-right:1px solid #e5e7eb;gap:4px}.ap-total-item:last-child{border-right:none}.ap-total-value{font-size:1.375rem;font-weight:700;color:#111827}.ap-total-label{font-size:.75rem;color:#6b7280;text-align:center}.ap-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.ap-table{width:100%;border-collapse:collapse}.ap-th{padding:12px 16px;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;background:#f9fafb;border-bottom:1px solid #e5e7eb;white-space:nowrap}.ap-th-rank{width:40px;text-align:center}.ap-th-num{text-align:right}.ap-row{border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .12s}.ap-row:last-child{border-bottom:none}.ap-row:hover{background:#faf8ff}.ap-row-selected{background:#f5f0ff}.ap-td{padding:14px 16px;font-size:.875rem;color:#374151}.ap-td-rank{text-align:center;font-weight:600;color:#9ca3af;font-size:.8125rem}.ap-td-num{text-align:right;font-variant-numeric:tabular-nums}.ap-td-primary{font-weight:600;color:#5e17eb}.ap-agent-cell{display:flex;align-items:center;gap:10px}.ap-avatar-wrap{position:relative;flex-shrink:0}.ap-avatar{width:36px;height:36px;border-radius:50%}.ap-avatar-img{object-fit:cover}.ap-avatar-initials{background:#e0d4fc;color:#5e17eb;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:700}.ap-agent-info{display:flex;flex-direction:column;gap:1px;min-width:0}.ap-agent-name{font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ap-agent-email{font-size:.75rem;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ap-status-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid #fff}.ap-status-online{background:#10b981}.ap-status-away{background:#f59e0b}.ap-status-offline{background:#d1d5db}.ap-role-pill{font-size:.6875rem;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap;flex-shrink:0}.ap-role-owner{background:#fef3c7;color:#92400e}.ap-role-admin{background:#ede9fe;color:#5b21b6}.ap-role-supervisor{background:#dbeafe;color:#1e40af}.ap-role-agent{background:#f3f4f6;color:#374151}.ap-loading{padding:60px;text-align:center;color:#6b7280;font-size:.9375rem}.ap-empty{padding:64px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.ap-empty-title{font-size:1rem;font-weight:600;color:#374151;margin:0}.ap-empty-sub{font-size:.875rem;color:#9ca3af;margin:0;max-width:420px}.ap-empty-sub code{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-size:.8125rem}.ap-drawer-overlay{position:fixed;inset:0;background:#0000004d;z-index:200;display:flex;justify-content:flex-end}.ap-drawer{width:440px;max-width:95vw;height:100%;background:#fff;overflow-y:auto;padding:28px 24px 40px;position:relative;box-shadow:-4px 0 24px #0000001a}.ap-drawer-close{position:absolute;top:16px;right:16px;border:none;background:#f3f4f6;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:background .15s}.ap-drawer-close:hover{background:#e5e7eb;color:#111827}.ap-drawer-loading{padding:60px;text-align:center;color:#6b7280}.ap-drawer-header{display:flex;gap:14px;align-items:flex-start;margin-bottom:20px;padding-top:4px}.ap-drawer-header .ap-avatar{width:52px;height:52px;font-size:1rem;flex-shrink:0}.ap-drawer-agent-info{display:flex;flex-direction:column;gap:4px;min-width:0}.ap-drawer-name{font-size:1.0625rem;font-weight:700;color:#111827;margin:0}.ap-drawer-email{font-size:.8125rem;color:#9ca3af;margin:0}.ap-drawer-meta{display:flex;align-items:center;gap:8px;margin-top:2px}.ap-drawer-meta-label{font-size:.75rem;color:#6b7280;text-transform:capitalize}.ap-drawer-meta .ap-status-dot{position:static;border:none;width:8px;height:8px}.ap-drawer-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}.ap-drawer-kpi{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:3px;text-align:center}.ap-drawer-kpi-value{font-size:1.1875rem;font-weight:700;color:#111827}.ap-drawer-kpi-label{font-size:.6875rem;color:#6b7280}.ap-drawer-chart-section{margin-bottom:24px}.ap-drawer-chart-title{font-size:.8125rem;font-weight:600;color:#374151;margin:0 0 10px}.ap-drawer-recent{margin-bottom:8px}.ap-drawer-conv-list{display:flex;flex-direction:column;gap:1px;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.ap-drawer-conv-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fff;border-bottom:1px solid #f3f4f6;gap:12px}.ap-drawer-conv-row:last-child{border-bottom:none}.ap-drawer-conv-contact{display:flex;flex-direction:column;gap:1px;min-width:0}.ap-drawer-conv-name{font-size:.875rem;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ap-drawer-conv-phone{font-size:.75rem;color:#9ca3af}.ap-drawer-conv-meta{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}.ap-conv-status{font-size:.6875rem;font-weight:600;padding:2px 8px;border-radius:999px;text-transform:capitalize}.ap-conv-status-open{background:#d1fae5;color:#065f46}.ap-conv-status-resolved{background:#f3f4f6;color:#6b7280}.ap-conv-status-pending{background:#fef3c7;color:#92400e}.ap-drawer-conv-date{font-size:.6875rem;color:#9ca3af}@media(max-width:768px){.ap-page{padding:16px}.ap-totals-bar{flex-wrap:wrap}.ap-total-item{min-width:50%;border-right:none;border-bottom:1px solid #e5e7eb}.ap-table{font-size:.8125rem}.ap-th-num,.ap-td-num{display:none}.ap-th-num:nth-child(3),.ap-td-num:nth-child(3){display:table-cell}.ap-drawer{width:100%}}.notif-bell-wrap{position:relative}.notif-bell-btn{width:36px;height:36px;border-radius:10px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:background .15s;color:#6b7280}.notif-bell-btn:hover{background:#f3f4f6;color:#1f2937}.notif-bell-btn.active{background:#f3f0ff;color:#5e17eb}.notif-bell-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;border-radius:9px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1;pointer-events:none}.notif-dropdown{position:absolute;top:44px;right:0;width:380px;max-height:500px;background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 8px 32px #0000001f;z-index:200;overflow:hidden;display:flex;flex-direction:column}.notif-dropdown-header{padding:14px 16px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.notif-dropdown-title{font-weight:700;font-size:15px;color:#1f2937;text-align:left}.notif-mark-all{background:none;border:none;color:#5e17eb;font-size:13px;font-weight:500;cursor:pointer;padding:0}.notif-mark-all:hover{text-decoration:underline}.notif-dropdown-list{overflow-y:auto;flex:1;max-height:380px}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .15s;text-align:left}.notif-item:hover{background:#f9fafb}.notif-item:last-child{border-bottom:none}.notif-item.unread{background:#5e17eb17}.notif-item.unread:hover{background:#5e17eb21}.notif-item-icon{width:36px;height:36px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.notif-item-content{flex:1;min-width:0;text-align:left}.notif-item-title{font-weight:600;font-size:13px;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.notif-item-body{font-size:12px;color:#6b7280;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.notif-item-meta{display:flex;align-items:center;gap:8px;margin-top:3px}.notif-item-time{font-size:11px;color:#9ca3af}.notif-item-read-btn{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:11px;padding:0;display:flex;align-items:center;gap:3px;transition:color .15s}.notif-item-read-btn:hover{color:#5e17eb}.notif-item-actions{display:flex;gap:4px;flex-shrink:0;align-items:flex-start;padding-top:2px}.notif-item-delete{width:30px;height:30px;border-radius:6px;border:none;background:transparent;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background .15s,color .15s}.notif-item:hover .notif-item-delete{opacity:1}.notif-item-delete:hover{background:#fef2f2;color:#ef4444}.notif-dropdown-footer{padding:10px 16px;text-align:center;border-top:1px solid #e5e7eb;flex-shrink:0}.notif-dropdown-footer a{color:#5e17eb;font-size:13px;font-weight:500;text-decoration:none;cursor:pointer}.notif-dropdown-footer a:hover{text-decoration:underline}.notif-empty{padding:40px 16px;text-align:center;color:#9ca3af;font-size:13px}.notif-empty svg{display:block;margin:0 auto 8px;color:#d1d5db}.notif-loading{padding:32px 16px;text-align:center;color:#9ca3af;font-size:13px}@media(max-width:768px){.notif-dropdown{width:calc(100vw - 32px);right:-8px}}.notif-center{padding:0}.notif-health-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px 24px;margin-bottom:24px}.notif-health-title{font-size:15px;font-weight:700;color:#1f2937;margin:0 0 16px}.notif-health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.notif-health-item{display:flex;flex-direction:column;gap:4px}.notif-health-label{font-size:12px;color:#9ca3af;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.notif-health-value{font-size:14px;font-weight:600;color:#1f2937}.notif-health-good{color:#22c55e}.notif-health-bad{color:#ef4444}.notif-health-green{color:#22c55e}.notif-health-yellow{color:#f59e0b}.notif-health-red{color:#ef4444}.notif-health-unknown{color:#9ca3af}.notif-center-stats{display:flex;gap:12px;margin-bottom:20px}.notif-center-stat{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 20px;flex:1;text-align:center}.notif-center-stat-value{font-size:22px;font-weight:700;color:#1f2937}.notif-center-stat-label{font-size:12px;color:#6b7280;margin-top:2px}.notif-center-tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:1px solid #e5e7eb}.notif-center-tab{padding:10px 20px;background:none;border:none;font-size:14px;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;font-weight:500;transition:color .15s,border-color .15s}.notif-center-tab:hover{color:#374151}.notif-center-tab.active{color:#5e17eb;border-bottom-color:#5e17eb;font-weight:600}.notif-center-list{display:flex;flex-direction:column;gap:0}.notif-center-select-all{display:flex;align-items:center;gap:10px;padding:10px 20px;background:#f9fafb;border:1px solid #e5e7eb;border-bottom:none;font-size:13px;color:#6b7280;font-weight:500}.notif-center-select-all input{accent-color:#5e17eb;width:16px;height:16px;cursor:pointer}.notif-center-item{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;background:#fff;border-radius:0;border:1px solid #e5e7eb;transition:box-shadow .15s,border-color .15s;text-align:left}.notif-center-item:hover{box-shadow:0 2px 8px #5e17eb0f}.notif-center-item.notif-unread{background:#5e17eb17}.notif-center-check{margin-top:2px;flex-shrink:0;accent-color:#5e17eb;width:16px;height:16px;cursor:pointer}.notif-center-icon{width:40px;height:40px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.notif-center-content{flex:1;min-width:0;cursor:pointer;text-align:left}.notif-center-title{font-weight:600;font-size:14px;color:#1f2937;text-align:left}.notif-center-body{font-size:13px;color:#6b7280;margin-top:2px;line-height:1.4;text-align:left}.notif-center-time{font-size:12px;color:#9ca3af;margin-top:4px;text-align:left}.notif-center-actions{display:flex;gap:4px;flex-shrink:0;align-items:center}.notif-center-action-btn{width:32px;height:32px;border-radius:8px;background:transparent;border:none;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.notif-center-action-btn:hover{background:#f3f4f6;color:#374151}.notif-center-action-btn.delete:hover{background:#fef2f2;color:#ef4444}.notif-center-pagination{margin-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#6b7280}.notif-center-pagination-btns{display:flex;gap:8px}.notif-center-pagination-btns button{padding:6px 14px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:13px;cursor:pointer;transition:background .15s}.notif-center-pagination-btns button:hover:not(:disabled){background:#f3f4f6}.notif-center-pagination-btns button:disabled{opacity:.4;cursor:not-allowed}.notif-center-empty{text-align:center;padding:60px 20px;color:#9ca3af}.notif-center-empty svg{display:block;margin:0 auto 12px;color:#d1d5db}.notif-center-empty p{font-size:14px;margin:0}@media(max-width:768px){.notif-health-grid{grid-template-columns:repeat(2,1fr)}.notif-center-stats{flex-wrap:wrap}.notif-center-stat{min-width:calc(50% - 8px)}.notif-center-item{padding:12px 14px;gap:10px}.notif-center-check,.notif-center-select-all{display:none}}.cl-page{padding:32px;max-width:1400px;margin:0 auto}.cl-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:28px}.cl-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:4px;transition:box-shadow .2s}.cl-stat-card:hover{box-shadow:0 4px 16px #5e17eb14}.cl-stat-value{font-size:1.5rem;font-weight:700;line-height:1}.cl-stat-label{font-size:.8rem;color:#6b7280;font-weight:500}.cl-filters{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.cl-tabs{display:flex;gap:4px;overflow-x:auto}.cl-tab{padding:7px 16px;border:none;background:none;color:#6b7280;font-size:.85rem;font-weight:500;cursor:pointer;border-radius:8px;white-space:nowrap;transition:background .15s,color .15s}.cl-tab:hover{background:#f3f4f6;color:#374151}.cl-tab.active{background:#ede9fe;color:#5e17eb;font-weight:600}.cl-search-wrap{position:relative}.cl-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none}.cl-search{padding:9px 12px 9px 36px;border:1px solid #e5e7eb;border-radius:10px;font-size:.875rem;width:240px;outline:none;transition:border-color .15s}.cl-search:focus{border-color:#5e17eb}.cl-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.cl-table{width:100%;border-collapse:collapse;font-size:.875rem}.cl-table thead th{text-align:left;padding:12px 16px;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e5e7eb;background:#f9fafb}.cl-table tbody td{padding:14px 16px;border-bottom:1px solid #f3f4f6;color:#374151}.cl-row{cursor:pointer;transition:background .12s}.cl-row:hover{background:#f9fafb}.cl-name-cell{display:flex;align-items:center;gap:8px}.cl-name{font-weight:600;color:#111827}.cl-recurring-badge{font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:999px;background:#ede9fe;color:#7c3aed;white-space:nowrap}.cl-status-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.cl-actions-cell{display:flex;gap:6px}.cl-action-btn{width:30px;height:30px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s}.cl-action-btn:hover{background:#f3f4f6;color:#374151}.cl-action-send:hover{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.cl-action-pause:hover{background:#fffbeb;color:#d97706;border-color:#fde68a}.cl-action-resume:hover{background:#ecfdf5;color:#059669;border-color:#a7f3d0}.cl-action-delete:hover{background:#fef2f2;color:#ef4444;border-color:#fecaca}.cl-create-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;background:#5e17eb;color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s}.cl-create-btn:hover{background:#4c0fbd}.cl-loading,.cl-empty{padding:60px 20px;text-align:center;color:#9ca3af;font-size:.9rem}.cl-empty p{margin-bottom:16px}.cl-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px;font-size:.85rem;color:#6b7280}.cl-pagination button{padding:7px 16px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#374151;font-size:.85rem;cursor:pointer;transition:background .15s}.cl-pagination button:hover:not(:disabled){background:#f3f4f6}.cl-pagination button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.cl-page{padding:20px 16px}.cl-stats{grid-template-columns:repeat(2,1fr)}.cl-filters{flex-direction:column;align-items:stretch}.cl-search{width:100%}.cl-table-wrap{overflow-x:auto}.cl-table{min-width:700px}}.cc-page{padding:32px;max-width:860px;margin:0 auto}.cc-steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:32px}.cc-step{display:flex;align-items:center;gap:8px}.cc-step-line{width:48px;height:2px;background:#e5e7eb;margin-right:8px;transition:background .2s}.cc-step.done .cc-step-line,.cc-step.active .cc-step-line{background:#5e17eb}.cc-step-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;border:2px solid #e5e7eb;color:#9ca3af;background:#fff;transition:all .2s;flex-shrink:0}.cc-step.active .cc-step-circle{border-color:#5e17eb;background:#5e17eb;color:#fff}.cc-step.done .cc-step-circle{border-color:#5e17eb;background:#ede9fe;color:#5e17eb}.cc-step-label{font-size:.85rem;font-weight:500;color:#9ca3af;white-space:nowrap}.cc-step.active .cc-step-label{color:#5e17eb;font-weight:600}.cc-step.done .cc-step-label{color:#374151}.cc-form-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:20px}.cc-step-content{padding:32px}.cc-field{margin-bottom:24px}.cc-field:last-child{margin-bottom:0}.cc-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:8px}.cc-input{width:100%;padding:11px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:.875rem;color:#111827;outline:none;transition:border-color .15s;box-sizing:border-box}.cc-input:focus{border-color:#5e17eb}.cc-textarea{width:100%;padding:11px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:.875rem;color:#111827;outline:none;resize:vertical;font-family:inherit;transition:border-color .15s;box-sizing:border-box}.cc-textarea:focus{border-color:#5e17eb}.cc-select{width:100%;padding:11px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:.875rem;color:#111827;outline:none;background:#fff;cursor:pointer;transition:border-color .15s;box-sizing:border-box}.cc-select:focus{border-color:#5e17eb}.cc-hint{display:block;font-size:.75rem;color:#9ca3af;margin-top:6px}.cc-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cc-type-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s}.cc-type-card:hover{border-color:#c4b5fd;background:#faf5ff}.cc-type-card.active{border-color:#5e17eb;background:#ede9fe}.cc-type-icon{font-size:1.5rem}.cc-type-label{font-size:.8rem;font-weight:600;color:#374151}.cc-template-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:20px}.cc-template-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.cc-template-preview-name{font-weight:600;font-size:.9rem;color:#111827}.cc-template-preview-cat{font-size:.7rem;padding:2px 8px;border-radius:999px;background:#ede9fe;color:#7c3aed;font-weight:600;text-transform:uppercase}.cc-template-preview-text{font-size:.85rem;color:#374151;line-height:1.5;margin:4px 0}.cc-template-preview-footer{font-size:.8rem;color:#9ca3af;margin-top:8px}.cc-param-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.cc-param-label{font-size:.8rem;font-weight:600;color:#7c3aed;background:#ede9fe;padding:4px 10px;border-radius:6px;white-space:nowrap;min-width:60px;text-align:center}.cc-param-row .cc-input{flex:1}.cc-pick-media-btn{padding:11px 20px;border:2px dashed #d1d5db;border-radius:12px;background:#f9fafb;color:#6b7280;font-size:.875rem;cursor:pointer;width:100%;transition:border-color .15s,color .15s}.cc-pick-media-btn:hover{border-color:#5e17eb;color:#5e17eb}.cc-selected-media{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px}.cc-selected-media-info{display:flex;flex-direction:column;gap:2px}.cc-selected-media-name{font-size:.875rem;font-weight:600;color:#111827}.cc-selected-media-type{font-size:.75rem;color:#9ca3af;text-transform:capitalize}.cc-change-media-btn{padding:6px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#5e17eb;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s}.cc-change-media-btn:hover{background:#ede9fe}.cc-group-list{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto}.cc-group-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s}.cc-group-item:hover{background:#f9fafb}.cc-group-item.selected{border-color:#5e17eb;background:#faf5ff}.cc-group-item input[type=checkbox]{accent-color:#5e17eb;width:16px;height:16px}.cc-group-name{font-size:.875rem;font-weight:600;color:#111827;flex:1}.cc-group-count{font-size:.75rem;color:#9ca3af}.cc-loading{text-align:center;padding:60px 20px;color:#9ca3af;font-size:.9rem}.cc-contact-search-wrap{position:relative}.cc-contact-searching{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:.75rem;color:#9ca3af}.cc-contact-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 16px #0000001a;max-height:220px;overflow-y:auto;z-index:20;margin-top:4px}.cc-contact-dropdown-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;border:none;background:none;cursor:pointer;text-align:left;transition:background .1s}.cc-contact-dropdown-item:hover{background:#faf5ff}.cc-contact-dropdown-item+.cc-contact-dropdown-item{border-top:1px solid #f3f4f6}.cc-contact-dropdown-name{font-size:.85rem;font-weight:600;color:#111827}.cc-contact-dropdown-phone{font-size:.8rem;color:#9ca3af}.cc-selected-contacts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.cc-selected-contact-chip{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#ede9fe;border:1px solid #c4b5fd;border-radius:8px}.cc-chip-name{font-size:.8rem;font-weight:600;color:#5e17eb}.cc-chip-phone{font-size:.75rem;color:#7c3aed}.cc-chip-remove{border:none;background:none;color:#7c3aed;font-size:1.1rem;cursor:pointer;padding:0 2px;line-height:1;font-weight:700;transition:color .15s}.cc-chip-remove:hover{color:#ef4444}.cc-hint-required{color:#ef4444;font-weight:500}.cc-filter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.cc-filter-item{display:flex;flex-direction:column}.cc-filter-item .cc-hint{margin-top:0;margin-bottom:6px}.cc-preview-recipients{display:flex;align-items:center;gap:16px;padding-top:8px}.cc-preview-btn{padding:9px 20px;border:1px solid #5e17eb;border-radius:10px;background:#fff;color:#5e17eb;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.cc-preview-btn:hover:not(:disabled){background:#ede9fe}.cc-preview-btn:disabled{opacity:.5;cursor:not-allowed}.cc-preview-result{display:flex;align-items:center;gap:8px}.cc-preview-count{font-size:1.25rem;font-weight:700;color:#5e17eb}.cc-preview-label{font-size:.85rem;color:#6b7280}.cc-schedule-options{display:flex;flex-direction:column;gap:10px}.cc-schedule-option{display:flex;align-items:flex-start;gap:12px;padding:16px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s}.cc-schedule-option:hover{background:#f9fafb}.cc-schedule-option.active{border-color:#5e17eb;background:#faf5ff}.cc-schedule-option input[type=radio]{accent-color:#5e17eb;margin-top:3px}.cc-schedule-option-content{display:flex;flex-direction:column;gap:2px}.cc-schedule-option-title{font-size:.9rem;font-weight:600;color:#111827}.cc-schedule-option-desc{font-size:.8rem;color:#9ca3af}.cc-recurrence-grid{display:flex;gap:8px;flex-wrap:wrap}.cc-recurrence-btn{padding:8px 18px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#374151;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.cc-recurrence-btn:hover{border-color:#c4b5fd}.cc-recurrence-btn.active{border-color:#5e17eb;background:#ede9fe;color:#5e17eb;font-weight:600}.cc-nav{display:flex;justify-content:space-between;align-items:center}.cc-nav-right{display:flex;gap:10px}.cc-nav-btn{padding:10px 24px;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s}.cc-nav-back{border:1px solid #e5e7eb;background:#fff;color:#6b7280}.cc-nav-back:hover{background:#f3f4f6;color:#374151}.cc-nav-next{border:none;background:#5e17eb;color:#fff}.cc-nav-next:hover:not(:disabled){background:#4c0fbd}.cc-nav-next:disabled{opacity:.5;cursor:not-allowed}.cc-nav-save{border:1px solid #5e17eb;background:#fff;color:#5e17eb}.cc-nav-save:hover:not(:disabled){background:#ede9fe}.cc-nav-save:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.cc-page{padding:20px 16px}.cc-steps{overflow-x:auto;justify-content:flex-start;padding-bottom:8px}.cc-step-label{display:none}.cc-step-line{width:32px}.cc-step-content{padding:24px 20px}.cc-type-grid{grid-template-columns:repeat(2,1fr)}.cc-filter-grid{grid-template-columns:1fr}.cc-preview-recipients{flex-direction:column;align-items:flex-start}.cc-nav{flex-direction:column-reverse;gap:10px}.cc-nav-right{width:100%}.cc-nav-btn{flex:1;text-align:center}.cc-nav-back{width:100%;text-align:center}}.cc-mm-api-badge{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:999px;background:#e0d4fc;color:#5e17eb;margin-left:8px}.cc-tag-filter-grid{display:flex;flex-direction:column;gap:16px}.cc-tag-filter-row{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.cc-hint-bold{font-weight:600;color:#374151;font-size:.825rem}.cc-tag-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.cc-tag-chip{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:500;padding:3px 8px 3px 6px;border-radius:999px;border:1px solid currentColor;background:#fff}.cc-tag-chip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cc-tag-chip-remove{background:none;border:none;cursor:pointer;font-size:.9rem;line-height:1;padding:0;color:inherit;opacity:.6;margin-left:2px}.cc-tag-chip-remove:hover{opacity:1}.cc-chat-link-section{border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-top:24px;background:#fafafa}.cc-chat-link-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.cc-chat-link-toggle-info{display:flex;flex-direction:column;gap:3px}.cc-chat-link-toggle-label{font-size:.9rem;font-weight:600;color:#111827;display:flex;align-items:center}.cc-chat-link-toggle-hint{font-size:.8rem;color:#9ca3af}.cc-toggle-switch{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}.cc-toggle-switch input{opacity:0;width:0;height:0}.cc-toggle-knob{position:absolute;inset:0;background:#d1d5db;border-radius:999px;cursor:pointer;transition:background .2s}.cc-toggle-knob:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s}.cc-toggle-switch input:checked+.cc-toggle-knob{background:#5e17eb}.cc-toggle-switch input:checked+.cc-toggle-knob:before{transform:translate(18px)}.cc-toggle-switch input:disabled+.cc-toggle-knob{opacity:.6;cursor:not-allowed}.cc-chat-link-preview{margin-top:12px;padding:10px 12px;background:#f0ebfd;border-radius:8px;font-size:.8rem;color:#5e17eb;line-height:1.5}.cc-chat-link-preview-locked{display:flex;align-items:center;gap:6px;font-weight:500}.cc-chat-link-preview-slug{color:#6b21eb}.cd-page{padding:32px;max-width:1200px;margin:0 auto}.cd-loading{padding:60px 20px;text-align:center;color:#9ca3af;font-size:.9rem}.cd-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px}.cd-header-left{display:flex;flex-direction:column;gap:12px;flex:1;min-width:0}.cd-back-btn{display:inline-flex;align-items:center;gap:4px;padding:0;border:none;background:none;color:#6b7280;font-size:.85rem;cursor:pointer;transition:color .15s}.cd-back-btn:hover{color:#5e17eb}.cd-header-info{display:flex;flex-direction:column;gap:6px}.cd-header-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cd-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.cd-recurring-badge{font-size:.65rem;font-weight:600;padding:3px 10px;border-radius:999px;background:#ede9fe;color:#7c3aed}.cd-description{font-size:.875rem;color:#6b7280;margin:0}.cd-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:.8rem;color:#9ca3af}.cd-meta span{white-space:nowrap}.cd-status-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.cd-header-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.cd-action-btn{padding:8px 18px;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s;border:none;white-space:nowrap}.cd-action-btn:disabled{opacity:.5;cursor:not-allowed}.cd-action-primary{background:#5e17eb;color:#fff}.cd-action-primary:hover:not(:disabled){background:#4c0fbd}.cd-action-secondary{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.cd-action-secondary:hover{background:#e5e7eb}.cd-action-primary-outline{background:#fff;color:#5e17eb;border:1px solid #5e17eb;display:inline-flex;align-items:center}.cd-action-primary-outline:hover{background:#ede9fe}.cd-action-warning{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.cd-action-warning:hover:not(:disabled){background:#fef3c7}.cd-action-success{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.cd-action-success:hover:not(:disabled){background:#d1fae5}.cd-action-danger{background:#fef2f2;color:#ef4444;border:1px solid #fecaca}.cd-action-danger:hover:not(:disabled){background:#fee2e2}.cd-action-danger-outline{background:#fff;color:#ef4444;border:1px solid #fecaca}.cd-action-danger-outline:hover{background:#fef2f2}.cd-progress{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:20px}.cd-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.cd-progress-label{font-size:.85rem;font-weight:600;color:#374151}.cd-progress-pct{font-size:.85rem;font-weight:700;color:#5e17eb}.cd-progress-bar{width:100%;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.cd-progress-fill{height:100%;background:linear-gradient(90deg,#5e17eb,#7c3aed);border-radius:4px;transition:width .5s ease}.cd-progress-detail{display:block;font-size:.75rem;color:#9ca3af;margin-top:8px}.cd-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-bottom:28px}.cd-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:4px;transition:box-shadow .2s}.cd-stat-card:hover{box-shadow:0 4px 16px #5e17eb14}.cd-stat-value{font-size:1.5rem;font-weight:700;line-height:1}.cd-stat-label{font-size:.8rem;color:#6b7280;font-weight:500}.cd-stat-sub{font-size:.75rem;color:#9ca3af}.cd-recurring-info{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin-bottom:28px}.cd-recurring-info h3{font-size:1rem;font-weight:700;color:#111827;margin:0 0 12px}.cd-recurring-details{display:flex;flex-wrap:wrap;gap:16px;font-size:.85rem;color:#6b7280;margin-bottom:16px}.cd-child-campaigns h4{font-size:.9rem;font-weight:600;color:#374151;margin:0 0 10px}.cd-child-row{cursor:pointer;transition:background .12s}.cd-child-row:hover{background:#f9fafb}.cd-contacts-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.cd-contacts-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px}.cd-contacts-header h3{font-size:1rem;font-weight:700;color:#111827;margin:0}.cd-contacts-filter-select{padding:7px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:.8rem;color:#374151;outline:none;cursor:pointer}.cd-contacts-filter-select:focus{border-color:#5e17eb}.cd-contacts-table{width:100%;border-collapse:collapse;font-size:.85rem}.cd-contacts-table thead th{text-align:left;padding:10px 16px;font-size:.7rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e5e7eb;background:#f9fafb}.cd-contacts-table tbody td{padding:12px 16px;border-bottom:1px solid #f3f4f6;color:#374151}.cd-contact-name{font-weight:600;color:#111827}.cd-error-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;color:#ef4444}.cd-empty-contacts{padding:40px 20px;text-align:center;color:#9ca3af;font-size:.85rem}.cd-contacts-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;font-size:.8rem;color:#6b7280}.cd-contacts-pagination button{padding:6px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#374151;font-size:.8rem;cursor:pointer;transition:background .15s}.cd-contacts-pagination button:hover:not(:disabled){background:#f3f4f6}.cd-contacts-pagination button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.cd-page{padding:20px 16px}.cd-header{flex-direction:column}.cd-header-actions{width:100%}.cd-action-btn{flex:1;text-align:center;padding:10px 12px}.cd-stats{grid-template-columns:repeat(2,1fr)}.cd-contacts-section{overflow-x:auto}.cd-contacts-table{min-width:600px}.cd-contacts-header{flex-direction:column;gap:12px;align-items:flex-start}.cd-recurring-details{flex-direction:column;gap:8px}}.ca-page{padding:32px;max-width:1000px;margin:0 auto}.ca-loading{text-align:center;padding:60px 20px;color:#9ca3af;font-size:.9rem}.ca-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:16px}.ca-header-left{display:flex;flex-direction:column;gap:4px}.ca-back-btn{display:inline-flex;align-items:center;gap:4px;border:none;background:none;color:#6b7280;font-size:.8rem;cursor:pointer;padding:0;margin-bottom:4px;transition:color .15s}.ca-back-btn:hover{color:#5e17eb}.ca-title{font-size:1.5rem;font-weight:800;color:#111827;margin:0}.ca-subtitle{font-size:.85rem;color:#9ca3af;font-weight:500}.ca-export-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border:1px solid #5e17eb;border-radius:10px;background:#fff;color:#5e17eb;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap;flex-shrink:0}.ca-export-btn:hover:not(:disabled){background:#ede9fe}.ca-export-btn:disabled{opacity:.5;cursor:not-allowed}.ca-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;margin-bottom:20px}.ca-section-title{font-size:1.05rem;font-weight:700;color:#111827;margin:0 0 4px}.ca-section-desc{font-size:.8rem;color:#9ca3af;margin:0 0 16px}.ca-funnel{display:flex;align-items:flex-end;gap:0;padding:20px 0 8px}.ca-funnel-stage{display:flex;flex-direction:column;align-items:center;min-width:60px;transition:width .3s}.ca-funnel-bar{width:100%;padding:14px 8px;border-radius:8px;text-align:center;min-height:48px;display:flex;align-items:center;justify-content:center}.ca-funnel-count{font-size:1.1rem;font-weight:800;color:#fff}.ca-funnel-meta{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:8px}.ca-funnel-label{font-size:.8rem;font-weight:600;color:#374151}.ca-funnel-rate{font-size:.75rem;color:#6b7280}.ca-funnel-arrow{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 4px;flex-shrink:0}.ca-funnel-drop{font-size:.65rem;color:#9ca3af;white-space:nowrap}.ca-funnel-failed{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px}.ca-funnel-failed-icon{width:22px;height:22px;border-radius:50%;background:#ef4444;color:#fff;font-size:.75rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ca-funnel-failed-count{font-size:.85rem;font-weight:700;color:#ef4444}.ca-funnel-failed-rate{font-size:.8rem;color:#9ca3af}.ca-chart-container{margin-top:16px}.ca-timing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.ca-timing-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px}.ca-timing-value{font-size:1.35rem;font-weight:800;color:#5e17eb}.ca-timing-label{font-size:.8rem;font-weight:600;color:#374151}.ca-timing-sub{font-size:.7rem;color:#9ca3af}.ca-empty-state{display:flex;align-items:center;gap:10px;padding:20px;border-radius:12px;font-size:.9rem;font-weight:500}.ca-empty-success{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.ca-error-table,.ca-group-table{margin-top:16px;overflow-x:auto}.ca-error-table table,.ca-group-table table{width:100%;border-collapse:collapse;font-size:.85rem}.ca-error-table th,.ca-group-table th{text-align:left;padding:10px 12px;font-weight:600;color:#6b7280;border-bottom:2px solid #e5e7eb;font-size:.8rem;white-space:nowrap}.ca-error-table td,.ca-group-table td{padding:10px 12px;border-bottom:1px solid #f3f4f6;color:#374151}.ca-error-code{font-family:monospace;font-weight:600;color:#ef4444}.ca-error-count{font-weight:700}.ca-error-pct{color:#9ca3af}.ca-group-name{font-weight:600;color:#111827}.ca-cell-failed{color:#ef4444;font-weight:600}.ca-cell-rate{font-weight:700;color:#5e17eb}@media(max-width:768px){.ca-page{padding:20px 16px}.ca-header{flex-direction:column}.ca-export-btn{width:100%;justify-content:center}.ca-funnel{flex-direction:column;align-items:stretch;gap:8px}.ca-funnel-stage{width:100%!important;min-width:unset}.ca-funnel-arrow{flex-direction:row;padding:4px 0}.ca-funnel-arrow svg{transform:rotate(90deg)}.ca-timing-grid{grid-template-columns:repeat(2,1fr)}.ca-section{padding:16px}}.ca-tabs{display:flex;gap:4px;border-bottom:2px solid #e5e7eb;margin-bottom:24px;overflow-x:auto;padding-bottom:0}.ca-tab{display:flex;align-items:center;gap:5px;padding:10px 18px;font-size:.875rem;font-weight:500;color:#6b7280;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s;border-radius:4px 4px 0 0}.ca-tab:hover{color:#5e17eb}.ca-tab-active{color:#5e17eb;border-bottom-color:#5e17eb;font-weight:600}.ca-tab-badge{display:inline-flex;align-items:center;color:#5e17eb;opacity:.7}.ca-cl-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}.ca-cl-url-row{display:flex;align-items:center;gap:8px;background:#f0ebfd;border-radius:8px;padding:6px 12px}.ca-cl-url{font-size:.8rem;color:#5e17eb;font-family:monospace}.ca-cl-copy-btn{font-size:.75rem;padding:4px 10px;border-radius:6px;border:1px solid #5e17eb;color:#5e17eb;background:none;cursor:pointer;font-weight:500;transition:background .15s}.ca-cl-copy-btn:hover{background:#5e17eb;color:#fff}.ca-cl-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:768px){.ca-cl-kpi-grid{grid-template-columns:repeat(2,1fr)}}.ca-cl-kpi{display:flex;flex-direction:column;gap:4px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px}.ca-cl-kpi-val{font-size:1.6rem;font-weight:700;color:#5e17eb;line-height:1}.ca-cl-kpi-label{font-size:.78rem;color:#9ca3af;font-weight:500}.ca-cl-device-row{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.ca-cl-device-legend{display:flex;flex-direction:column;gap:10px;min-width:180px;padding-top:16px}.ca-cl-device-row-item{display:flex;align-items:center;gap:8px;font-size:.85rem}.ca-cl-device-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.ca-cl-device-name{flex:1;color:#374151;text-transform:capitalize}.ca-cl-device-count{font-weight:600;color:#111827}.cdb-page{padding:32px;max-width:1100px;margin:0 auto}.cdb-loading{text-align:center;padding:60px 20px;color:#9ca3af;font-size:.9rem}.cdb-tabs{display:flex;gap:4px;background:#f3f4f6;border-radius:12px;padding:4px;margin-bottom:24px}.cdb-tab{flex:1;padding:10px 16px;border:none;background:none;border-radius:10px;font-size:.85rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .15s}.cdb-tab:hover{color:#374151}.cdb-tab.active{background:#fff;color:#5e17eb;box-shadow:0 1px 3px #00000014}.cdb-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px}.cdb-stats-narrow{grid-template-columns:repeat(3,1fr);max-width:500px}.cdb-stat-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:14px}.cdb-stat-value{font-size:1.4rem;font-weight:800}.cdb-stat-label{font-size:.75rem;font-weight:500;color:#9ca3af;text-align:center}.cdb-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;margin-bottom:16px}.cdb-section-title{font-size:.95rem;font-weight:700;color:#111827;margin:0 0 4px}.cdb-section-desc{font-size:.8rem;color:#9ca3af;margin:0 0 16px}.cdb-chart-container{margin-top:12px}.cdb-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.cdb-mini-table{display:flex;flex-direction:column;gap:6px;margin-top:8px}.cdb-mini-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border:1px solid #f3f4f6;border-radius:10px;cursor:pointer;transition:background .1s,border-color .1s}.cdb-mini-row:hover{background:#faf5ff;border-color:#e0d4fc}.cdb-mini-name{font-size:.85rem;font-weight:600;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:55%}.cdb-mini-stats{display:flex;align-items:center;gap:10px}.cdb-mini-rate{font-size:.8rem;font-weight:700;padding:2px 8px;border-radius:6px}.cdb-rate-good{color:#059669;background:#ecfdf5}.cdb-rate-bad{color:#ef4444;background:#fef2f2}.cdb-mini-date{font-size:.75rem;color:#9ca3af}.cdb-empty{font-size:.85rem;color:#9ca3af;padding:16px 0;margin:0}.cdb-empty-state{text-align:center;padding:40px 20px;color:#9ca3af;font-size:.9rem;background:#f9fafb;border-radius:16px;border:1px solid #e5e7eb}.cdb-table-wrap{overflow-x:auto;margin-top:8px}.cdb-table{width:100%;border-collapse:collapse;font-size:.85rem}.cdb-table th{text-align:left;padding:10px 12px;font-weight:600;color:#6b7280;border-bottom:2px solid #e5e7eb;font-size:.8rem;white-space:nowrap}.cdb-table td{padding:10px 12px;border-bottom:1px solid #f3f4f6;color:#374151}.cdb-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.cdb-sortable:hover{color:#5e17eb}.cdb-template-name{font-weight:600;color:#111827}.cdb-rate-cell{font-weight:700;color:#5e17eb}.cdb-cell-failed{color:#ef4444;font-weight:600}.cdb-insight{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#ede9fe;border:1px solid #c4b5fd;border-radius:12px;margin-bottom:16px;font-size:.9rem;color:#374151}.cdb-insight strong{color:#5e17eb}.cdb-compare-picker{display:flex;flex-direction:column;gap:12px}.cdb-compare-search-wrap{position:relative}.cdb-compare-search{width:100%;padding:10px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:.85rem;outline:none;transition:border-color .15s;box-sizing:border-box}.cdb-compare-search:focus{border-color:#5e17eb}.cdb-compare-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #00000014;z-index:20;max-height:240px;overflow-y:auto;margin-top:4px}.cdb-compare-dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;cursor:pointer;transition:background .1s}.cdb-compare-dropdown-item:hover{background:#faf5ff}.cdb-compare-dropdown-name{font-size:.85rem;font-weight:600;color:#111827}.cdb-compare-dropdown-meta{font-size:.75rem;color:#9ca3af}.cdb-compare-chips{display:flex;flex-wrap:wrap;gap:8px}.cdb-compare-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:2px solid;border-radius:8px;font-size:.8rem;font-weight:600;color:#374151;background:#fff}.cdb-compare-chip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cdb-compare-chip-x{border:none;background:none;font-size:1rem;color:#9ca3af;cursor:pointer;padding:0;line-height:1}.cdb-compare-chip-x:hover{color:#ef4444}.cdb-compare-btn{padding:10px 24px;border:none;border-radius:10px;background:#5e17eb;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s;align-self:flex-start}.cdb-compare-btn:hover:not(:disabled){background:#4c0fbd}.cdb-compare-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.cdb-page{padding:20px 16px}.cdb-tabs{overflow-x:auto}.cdb-stats-grid{grid-template-columns:repeat(2,1fr)}.cdb-stats-narrow,.cdb-two-col{grid-template-columns:1fr}.cdb-section{padding:16px}}.cdb-mm-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.cdb-mm-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.cdb-mm-card-highlight{background:#f5f0ff;border-color:#d4c4f7}.cdb-mm-card-title{font-size:.85rem;font-weight:700;color:#374151;margin:0 0 12px}.cdb-mm-card-highlight .cdb-mm-card-title{color:#5e17eb}.cdb-mm-api-tag{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap}.cdb-mm-tag-mm{background:#e0d4fc;color:#5e17eb}.cdb-mm-tag-cloud{background:#f3f4f6;color:#6b7280}@media(max-width:768px){.cdb-mm-comparison{grid-template-columns:1fr}}.ctl-container{padding:0}.ctl-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.ctl-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:4px}.ctl-stat-value{font-size:1.75rem;font-weight:700}.ctl-stat-label{font-size:.8rem;color:#6b7280}.ctl-toolbar{display:flex;gap:12px;margin-bottom:20px;align-items:center}.ctl-search-wrap{flex:1;position:relative}.ctl-search-wrap svg{position:absolute;left:12px;top:50%;transform:translateY(-50%)}.ctl-search{width:100%;padding:10px 12px 10px 36px;border:1px solid #e5e7eb;border-radius:10px;font-size:.875rem;background:#fff;outline:none;transition:border-color .2s}.ctl-search:focus{border-color:#5e17eb}.ctl-filter-select{padding:10px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:.875rem;background:#fff;cursor:pointer;outline:none}.ctl-filter-select:focus{border-color:#5e17eb}.ctl-loading{text-align:center;padding:60px 20px;color:#6b7280}.ctl-empty{text-align:center;padding:60px 20px}.ctl-empty h3{margin:16px 0 8px;font-size:1.125rem;color:#111827}.ctl-empty p{color:#6b7280;margin-bottom:20px}.ctl-header-btns{display:flex;align-items:center;gap:10px}.ctl-import-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:#fff;color:#5e17eb;border:1.5px solid #5e17eb;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.ctl-import-btn:hover{background:#f5f0ff}.ctl-create-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:#5e17eb;color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s}.ctl-create-btn:hover{background:#4c0fbd}.ctl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.ctl-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;cursor:pointer;transition:box-shadow .2s,transform .2s}.ctl-card:hover{box-shadow:0 6px 24px #5e17eb1a;transform:translateY(-2px)}.ctl-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.ctl-card-name{font-size:1rem;font-weight:600;color:#111827;margin:0}.ctl-connection-badge{font-size:.7rem;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap}.ctl-connected{color:#059669;background:#ecfdf5}.ctl-disconnected{color:#6b7280;background:#f3f4f6}.ctl-card-body{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.ctl-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.ctl-meta-label{color:#6b7280}.ctl-meta-value{color:#374151;font-weight:500}.ctl-products-badge{background:#eff6ff;color:#2563eb;font-weight:600;padding:2px 10px;border-radius:999px;font-size:.75rem}.ctl-card-actions{display:flex;gap:8px;border-top:1px solid #f3f4f6;padding-top:12px}.ctl-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:background .15s}.ctl-edit-btn:hover{background:#eff6ff;color:#2563eb}.ctl-delete-btn:hover{background:#fef2f2;color:#ef4444}.ctl-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}.ctl-page-btn{padding:8px 16px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-size:.8rem;cursor:pointer;transition:border-color .2s}.ctl-page-btn:hover:not(:disabled){border-color:#5e17eb}.ctl-page-btn:disabled{opacity:.4;cursor:not-allowed}.ctl-page-info{font-size:.8rem;color:#6b7280}@media(max-width:768px){.ctl-stats-row{grid-template-columns:1fr}.ctl-toolbar{flex-direction:column}.ctl-grid{grid-template-columns:1fr}}.ctl-card-title-row{display:flex;flex-direction:column;gap:4px;min-width:0}.ctl-meta-import-badge{display:inline-flex;align-items:center;gap:4px;background:#e0d4fc;color:#5e17eb;font-size:.68rem;font-weight:600;padding:2px 8px;border-radius:999px;width:fit-content}.ctl-type-badge{background:#f3f4f6;color:#374151;font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:6px;text-transform:capitalize}.ctl-verify-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:#fff;color:#059669;border:1.5px solid #059669;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.ctl-verify-btn:hover:not(:disabled){background:#f0fdf4}.ctl-verify-btn:disabled{opacity:.6;cursor:not-allowed}.ctl-meta-status-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;font-size:.875rem;line-height:1.5;margin-bottom:20px}.ctl-msb-found{background:#f0fdf4;border:1px solid #86efac;color:#166534}.ctl-msb-missing{background:#fffbeb;border:1px solid #fbbf24;color:#92400e}.ctl-msb-none{background:#f9fafb;border:1px solid #e5e7eb;color:#374151}.ctl-meta-status-banner span{flex:1}.ctl-msb-link{background:none;border:none;padding:0;font-size:.875rem;font-weight:600;cursor:pointer;text-decoration:underline;color:#5e17eb}.ctl-msb-close{flex-shrink:0;background:none;border:none;cursor:pointer;color:inherit;opacity:.6;padding:2px;border-radius:4px;display:flex;align-items:center;transition:opacity .15s}.ctl-msb-close:hover{opacity:1}.ctl-card-active{border-color:#059669!important;box-shadow:0 0 0 3px #0596691f}.ctl-badge-stack{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.ctl-meta-verified-badge{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700;padding:3px 8px;border-radius:999px;background:#dcfce7;color:#166534;white-space:nowrap}.ctl-push-ready-badge{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700;padding:3px 8px;border-radius:999px;background:#ffedd5;color:#c2410c;white-space:nowrap}.ctl-push-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background:#fff7ed;color:#c2410c;border:1.5px solid #fed7aa;border-radius:8px;font-size:.775rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.ctl-push-btn:hover:not(:disabled){background:#ffedd5;border-color:#c2410c}.ctl-push-btn:disabled{opacity:.6;cursor:not-allowed}.ctl-commerce-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:#fff;color:#374151;border:1.5px solid #d1d5db;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.ctl-commerce-btn:hover{border-color:#5e17eb;color:#5e17eb;background:#f5f0ff}.ctl-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.ctl-modal{background:#fff;border-radius:20px;width:100%;max-width:480px;box-shadow:0 20px 60px #0000002e;overflow:hidden}.ctl-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.ctl-modal-title-row{display:flex;align-items:center;gap:10px}.ctl-modal-title-row h3{font-size:1.0625rem;font-weight:700;color:#111827;margin:0}.ctl-modal-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:6px;display:flex;align-items:center;transition:color .15s,background .15s}.ctl-modal-close:hover:not(:disabled){color:#111827;background:#f3f4f6}.ctl-modal-close:disabled{opacity:.4;cursor:not-allowed}.ctl-modal-loading{display:flex;align-items:center;gap:12px;padding:40px 24px;color:#6b7280;font-size:.875rem}.ctl-modal-body{padding:20px 24px;display:flex;flex-direction:column;gap:0}.ctl-modal-subtitle{font-size:.8125rem;color:#6b7280;margin:0 0 20px}.ctl-toggle-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #f3f4f6}.ctl-toggle-row:last-of-type{border-bottom:none}.ctl-toggle-info{display:flex;flex-direction:column;gap:4px;flex:1}.ctl-toggle-label{font-size:.875rem;font-weight:600;color:#111827}.ctl-toggle-desc{font-size:.775rem;color:#6b7280;line-height:1.45}.ctl-toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;cursor:pointer}.ctl-toggle-switch input{opacity:0;width:0;height:0;position:absolute}.ctl-toggle-thumb{position:absolute;inset:0;background:#d1d5db;border-radius:999px;transition:background .2s}.ctl-toggle-thumb:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.ctl-toggle-switch input:checked+.ctl-toggle-thumb{background:#5e17eb}.ctl-toggle-switch input:checked+.ctl-toggle-thumb:before{transform:translate(20px)}.ctl-modal-permission-note{display:flex;gap:10px;align-items:flex-start;background:#f5f0ff;border:1px solid #e0d4fc;border-radius:12px;padding:14px 16px;margin-top:18px}.ctl-modal-permission-note p{font-size:.8rem;color:#4b4b6b;line-height:1.55;margin:0}.ctl-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px 20px;border-top:1px solid #f3f4f6}.ctl-modal-cancel{padding:9px 20px;border:1.5px solid #e5e7eb;border-radius:10px;background:#fff;color:#374151;font-size:.875rem;font-weight:600;cursor:pointer;transition:border-color .2s}.ctl-modal-cancel:hover:not(:disabled){border-color:#9ca3af}.ctl-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.ctl-modal-save{padding:9px 22px;background:#5e17eb;color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s}.ctl-modal-save:hover:not(:disabled){background:#4c0fbd}.ctl-modal-save:disabled{opacity:.6;cursor:not-allowed}@keyframes ctl-spin{to{transform:rotate(360deg)}}.ctl-spin{animation:ctl-spin .8s linear infinite}.ctl-cooldown-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin-bottom:16px}.ctl-cooldown-icon{display:flex;align-items:center;color:#2563eb;flex-shrink:0}.ctl-cooldown-body{flex:1;min-width:0}.ctl-cooldown-msg{font-size:.8rem;color:#1e3a8a;line-height:1.4}.ctl-cooldown-timer{flex-shrink:0}.ctl-cooldown-secs{font-size:.875rem;font-weight:700;color:#2563eb;font-variant-numeric:tabular-nums;background:#dbeafe;padding:2px 8px;border-radius:6px}.ctl-cooldown-dismiss{background:none;border:none;cursor:pointer;color:#60a5fa;padding:2px;display:flex;align-items:center;flex-shrink:0}.ctl-cooldown-dismiss:hover{color:#1d4ed8}.ctl-guide-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;overflow:hidden}.ctl-guide-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:none;border:none;cursor:pointer;text-align:left;gap:10px}.ctl-guide-toggle:hover{background:#f9fafb}.ctl-guide-toggle-left{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;color:#374151}.ctl-guide-chevron{flex-shrink:0;color:#9ca3af;transition:transform .2s}.ctl-guide-chevron.open{transform:rotate(180deg)}.ctl-guide-body{border-top:1px solid #f3f4f6;padding:16px}.ctl-guide-intro{font-size:.8rem;color:#4b5563;margin:0 0 16px;line-height:1.5}.ctl-guide-flow{display:flex;flex-direction:column;gap:0;margin-bottom:16px}.ctl-guide-step{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.ctl-guide-step-num{width:24px;height:24px;border-radius:50%;background:#5e17eb;color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ctl-guide-step-num--done{background:#059669}.ctl-guide-step-info{display:flex;flex-direction:column;gap:2px}.ctl-guide-step-title{font-size:.8rem;font-weight:600;color:#111827}.ctl-guide-step-desc{font-size:.74rem;color:#6b7280;line-height:1.4}.ctl-guide-arrow{display:flex;align-items:center;gap:6px;padding:4px 12px 4px 24px;font-size:.72rem;color:#9ca3af;font-style:italic}.ctl-guide-propagation-note{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;font-size:.78rem;color:#92400e;line-height:1.5}.ctl-guide-propagation-note p{margin:0}.ctc-container{max-width:600px;margin:0 auto}.ctc-loading{text-align:center;padding:60px 20px;color:#6b7280}.ctc-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:32px}.ctc-form-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 4px}.ctc-form-subtitle{font-size:.875rem;color:#6b7280;margin:0 0 28px}.ctc-field{margin-bottom:20px}.ctc-label{display:block;font-size:.8rem;font-weight:600;color:#374151;margin-bottom:6px}.ctc-input{width:100%;padding:10px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:.875rem;outline:none;transition:border-color .2s;box-sizing:border-box}.ctc-input:focus{border-color:#5e17eb}.ctc-helper{display:block;margin-top:6px;font-size:.75rem;color:#9ca3af;line-height:1.4}.ctc-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px}.ctc-cancel-btn{padding:10px 20px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-size:.875rem;cursor:pointer;color:#374151;transition:border-color .2s}.ctc-cancel-btn:hover{border-color:#d1d5db}.ctc-submit-btn{padding:10px 24px;background:#5e17eb;color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s}.ctc-submit-btn:hover:not(:disabled){background:#4c0fbd}.ctc-submit-btn:disabled{opacity:.5;cursor:not-allowed}.ctc-mode-options{display:flex;flex-direction:column;gap:10px}.ctc-mode-option{display:flex;align-items:flex-start;gap:12px;padding:14px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:border-color .2s,background .2s}.ctc-mode-option:hover{border-color:#d1d5db}.ctc-mode-active{border-color:#5e17eb;background:#faf8ff}.ctc-mode-option input[type=radio]{margin-top:2px;accent-color:#5e17eb}.ctc-mode-content{display:flex;flex-direction:column;gap:2px}.ctc-mode-title{font-size:.85rem;font-weight:600;color:#111827}.ctc-mode-desc{font-size:.75rem;color:#6b7280;line-height:1.4}.ctc-info-box{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#f5f0ff;border-radius:10px;font-size:.8rem;color:#374151;line-height:1.5}.ctc-info-box svg{flex-shrink:0;margin-top:1px}.ctc-import-panel{display:flex;flex-direction:column;align-items:center;gap:12px;background:#f5f0ff;border:1px dashed #c4b5f8;border-radius:12px;padding:28px 24px;text-align:center;margin-bottom:8px}.ctc-import-panel p{margin:0;font-size:.9rem;color:#4b5563;max-width:340px;line-height:1.5}.ctc-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;cursor:pointer}.ctc-vertical-warning{display:flex;gap:12px;align-items:flex-start;background:#fffbeb;border:1px solid #fbbf24;border-radius:12px;padding:14px 16px;margin-bottom:20px}.ctc-vw-title{display:block;font-size:.875rem;color:#78350f;margin-bottom:6px}.ctc-vw-text{margin:0 0 8px;font-size:.8rem;color:#92400e;line-height:1.5}.ctc-vw-tip{margin:0;font-size:.8rem;color:#92400e;line-height:1.5}.ctc-vw-link{background:none;border:none;padding:0;color:#5e17eb;font-size:.8rem;font-weight:600;cursor:pointer;text-decoration:underline}.ctc-push-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;background:#fff7ed;border:1.5px solid #fed7aa;border-radius:14px;padding:18px 20px;margin-bottom:20px}.ctc-push-banner-left{display:flex;flex-direction:column;gap:8px;flex:1}.ctc-push-pill{display:inline-flex;align-items:center;gap:5px;background:#ffedd5;color:#c2410c;font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:999px;width:fit-content}.ctc-push-banner-text{font-size:.8125rem;color:#7c2d12;margin:0;line-height:1.5}.ctc-push-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;background:#ea580c;color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .2s}.ctc-push-btn:hover:not(:disabled){background:#c2410c}.ctc-push-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes ctc-spin{to{transform:rotate(360deg)}}.ctd-container{display:flex;flex-direction:column;gap:24px}.ctd-wa-warning{display:flex;gap:14px;align-items:flex-start;background:#fffbeb;border:1px solid #fbbf24;border-radius:16px;padding:18px 20px}.ctd-wa-warning-body{flex:1}.ctd-wa-warning-title{font-size:.925rem;font-weight:700;color:#78350f;margin:0 0 6px}.ctd-wa-warning-text{font-size:.85rem;color:#92400e;line-height:1.55;margin:0 0 8px}.ctd-wa-warning-tip{font-size:.85rem;color:#92400e;line-height:1.55;margin:0}.ctd-wa-warning-link{background:none;border:none;padding:0;color:#5e17eb;font-size:.85rem;font-weight:600;cursor:pointer;text-decoration:underline}.ctd-loading{text-align:center;padding:60px 20px;color:#6b7280}.ctd-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.ctd-info-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.ctd-catalog-name{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 4px}.ctd-catalog-id{font-size:.8rem;color:#9ca3af;font-family:monospace}.ctd-connection-badge{font-size:.75rem;font-weight:600;padding:4px 12px;border-radius:999px}.ctd-connected{color:#059669;background:#ecfdf5}.ctd-disconnected{color:#6b7280;background:#f3f4f6}.ctd-info-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;padding:16px 0;border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6}.ctd-info-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.ctd-info-stat-value{font-size:1rem;font-weight:700;color:#111827}.ctd-info-stat-label{font-size:.75rem;color:#6b7280}.ctd-action-bar{display:flex;gap:10px;flex-wrap:wrap}.ctd-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}.ctd-action-btn:disabled{opacity:.5;cursor:not-allowed}.ctd-sync-btn{background:#5e17eb;color:#fff;border-color:#5e17eb}.ctd-sync-btn:hover:not(:disabled){background:#4c0fbd}.ctd-connect-btn{background:#059669;color:#fff;border-color:#059669}.ctd-connect-btn:hover:not(:disabled){background:#047857}.ctd-disconnect-btn:hover:not(:disabled){border-color:#ef4444;color:#ef4444}.ctd-delete-action-btn{margin-left:auto;color:#ef4444;border-color:#fecaca}.ctd-delete-action-btn:hover{background:#fef2f2}.ctd-header-actions{display:flex;gap:8px}.ctd-header-btn{padding:8px 16px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s}.ctd-edit-btn{background:#5e17eb;color:#fff;border-color:#5e17eb}.ctd-edit-btn:hover{background:#4c0fbd}.ctd-back-btn:hover{background:#f9fafb}.ctd-products-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.ctd-products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.ctd-products-title{font-size:1rem;font-weight:700;color:#111827;margin:0}.ctd-products-filters{display:flex;gap:10px}.ctd-search-wrap{position:relative}.ctd-search-wrap svg{position:absolute;left:10px;top:50%;transform:translateY(-50%)}.ctd-search{padding:8px 10px 8px 32px;border:1px solid #e5e7eb;border-radius:10px;font-size:.8rem;outline:none;width:200px;transition:border-color .2s}.ctd-search:focus{border-color:#5e17eb}.ctd-availability-select{padding:8px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:.8rem;background:#fff;cursor:pointer;outline:none}.ctd-products-empty{text-align:center;padding:40px 20px;color:#6b7280}.ctd-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.ctd-product-card{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:box-shadow .2s,transform .2s;position:relative}.ctd-product-card:hover{box-shadow:0 4px 16px #5e17eb14;transform:translateY(-1px)}.ctd-product-image{width:100%;height:140px;background:#f9fafb;display:flex;align-items:center;justify-content:center;overflow:hidden}.ctd-product-image img{width:100%;height:100%;object-fit:cover}.ctd-product-no-image{display:flex;align-items:center;justify-content:center}.ctd-product-info{padding:12px;display:flex;flex-direction:column;gap:4px}.ctd-product-name{font-size:.85rem;font-weight:600;color:#111827;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctd-product-sku{font-size:.7rem;color:#9ca3af;font-family:monospace}.ctd-product-price{font-size:.85rem;font-weight:700;color:#059669}.ctd-availability-badge{display:inline-block;font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:999px;width:fit-content}.ctd-in-stock{color:#059669;background:#ecfdf5}.ctd-out-of-stock{color:#ef4444;background:#fef2f2}.ctd-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px}.ctd-page-btn{padding:8px 16px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-size:.8rem;cursor:pointer}.ctd-page-btn:hover:not(:disabled){border-color:#5e17eb}.ctd-page-btn:disabled{opacity:.4;cursor:not-allowed}.ctd-page-info{font-size:.8rem;color:#6b7280}.ctd-add-product-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;background:#5e17eb;color:#fff;border:none;border-radius:10px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s}.ctd-add-product-btn:hover{background:#4c0fbd}.ctd-product-actions{display:flex;gap:4px;padding:6px 12px 10px}.ctd-product-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;transition:background .15s}.ctd-product-action-btn:hover{background:#eff6ff;color:#2563eb}.ctd-product-delete-btn:hover{background:#fef2f2;color:#ef4444}.ctd-product-form-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.ctd-product-form{background:#fff;border-radius:16px;padding:28px;width:100%;max-width:760px;max-height:90vh;overflow-y:auto}.ctd-pf-title{font-size:1.1rem;font-weight:700;color:#111827;margin:0 0 4px}.ctd-pf-subtitle{font-size:.8rem;color:#6b7280;margin:0 0 20px}.ctd-pf-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ctd-pf-full{grid-column:1 / -1}.ctd-pf-field{display:flex;flex-direction:column;gap:4px}.ctd-pf-label{font-size:.75rem;font-weight:600;color:#374151}.ctd-pf-input{padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:.8rem;outline:none;transition:border-color .2s}.ctd-pf-input:focus{border-color:#5e17eb}.ctd-pf-input:disabled{background:#f3f4f6;color:#6b7280}.ctd-pf-textarea{padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:.8rem;outline:none;resize:vertical;font-family:inherit;transition:border-color .2s}.ctd-pf-textarea:focus{border-color:#5e17eb}.ctd-pf-textarea--error{border-color:#ef4444}.ctd-pf-textarea--error:focus{border-color:#ef4444}.ctd-pf-desc-meta{display:flex;align-items:center;justify-content:space-between;margin-top:3px}.ctd-pf-desc-hint{font-size:.7rem;color:#9ca3af}.ctd-pf-desc-hint--error{color:#ef4444;font-weight:500}.ctd-pf-desc-hint--ok{color:#059669;font-weight:500}.ctd-pf-desc-count{font-size:.7rem;color:#9ca3af;font-variant-numeric:tabular-nums}.ctd-pf-desc-count--warn{color:#f59e0b;font-weight:500}.ctd-pf-desc-count--over{color:#ef4444;font-weight:600}.ctd-pf-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.ctd-pf-cancel{padding:8px 18px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-size:.8rem;cursor:pointer}.ctd-pf-save{padding:8px 20px;background:#5e17eb;color:#fff;border:none;border-radius:10px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s}.ctd-pf-save:hover:not(:disabled){background:#4c0fbd}.ctd-pf-save:disabled{opacity:.5;cursor:not-allowed}.ctd-pf-image-row{display:flex;flex-direction:column;gap:8px}.ctd-pf-image-inputs{display:flex;gap:8px;align-items:stretch}.ctd-pf-image-inputs .ctd-pf-input{flex:1;min-width:0}.ctd-pf-media-btn{display:flex;align-items:center;gap:5px;padding:8px 14px;border:1px solid #5e17eb;border-radius:10px;background:#f5f3ff;color:#5e17eb;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}.ctd-pf-media-btn:hover{background:#ede5ff}.ctd-pf-media-btn-sm{padding:7px 10px;flex-shrink:0}.ctd-pf-image-preview{position:relative;width:72px;height:72px;border-radius:10px;overflow:hidden;border:1px solid #e5e7eb;flex-shrink:0}.ctd-pf-image-preview img{width:100%;height:100%;object-fit:cover;display:block}.ctd-pf-image-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:#0000008c;color:#fff;border:none;font-size:13px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}@media(max-width:768px){.ctd-info-stats{grid-template-columns:1fr}.ctd-action-bar{flex-direction:column}.ctd-delete-action-btn{margin-left:0}.ctd-products-header{flex-direction:column;align-items:flex-start}.ctd-products-filters{width:100%;flex-direction:column}.ctd-search{width:100%}.ctd-products-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.ctd-catalog-meta-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px}.ctd-vertical-badge{background:#e0d4fc;color:#5e17eb;font-size:.72rem;font-weight:600;padding:2px 10px;border-radius:999px;text-transform:capitalize}.ctd-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ctd-meta-import-badge{display:inline-flex;align-items:center;gap:4px;background:#e0d4fc;color:#5e17eb;font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap}.ctd-sync-status-syncing{color:#f59e0b;font-weight:600}.ctd-sync-status-completed{color:#10b981;font-weight:600}.ctd-sync-status-failed{color:#ef4444;font-weight:600}.ctd-sync-result{font-size:.8rem;color:#6b7280;font-weight:500}.ctd-sync-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;color:#dc2626;font-size:.8rem;margin-top:12px}.ctd-pf-media-section{margin-top:16px;padding-top:14px;border-top:1px solid #f3f4f6}.ctd-pf-media-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.ctd-pf-media-label{font-size:.8rem;font-weight:600;color:#374151}.ctd-pf-media-count{font-size:.75rem;color:#9ca3af;margin-right:auto}.ctd-pf-add-media-btn{background:none;border:1px dashed #5e17eb;border-radius:8px;color:#5e17eb;font-size:.75rem;font-weight:600;padding:4px 12px;cursor:pointer;transition:background .15s}.ctd-pf-add-media-btn:hover{background:#f5f3ff}.ctd-pf-media-row{display:flex;gap:6px;align-items:center;margin-bottom:6px}.ctd-pf-media-row .ctd-pf-input{flex:1;min-width:0}.ctd-pf-remove-media-btn{width:28px;height:28px;flex-shrink:0;border:none;border-radius:6px;background:#fee2e2;color:#dc2626;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s}.ctd-pf-remove-media-btn:hover{background:#fecaca}.ctd-pf-video-hint{font-size:.73rem;color:#9ca3af;margin:0 0 8px;line-height:1.4}.ctd-pf-video-api-note{display:flex;align-items:flex-start;gap:4px;background:#fef9ee;border:1px solid #fde68a;border-radius:8px;padding:8px 10px;color:#92400e;font-size:.76rem;margin:6px 0 4px;line-height:1.5}.ctd-pf-video-item{display:flex;align-items:center;gap:8px;padding:7px 10px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:6px}.ctd-pf-video-item-icon{width:30px;height:30px;border-radius:8px;background:#dbeafe;color:#2563eb;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ctd-pf-video-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.ctd-pf-video-item-name{font-size:.8rem;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctd-pf-video-item-size{font-size:.72rem;color:#9ca3af}.ctd-pf-video-item-preview{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;color:#5e17eb;text-decoration:none;flex-shrink:0;transition:background .15s}.ctd-pf-video-item-preview:hover{background:#f5f3ff}.ctd-pf-video-meta-ok{color:#059669;font-size:.7rem;font-weight:500}.ctd-pf-video-meta-local{color:#9ca3af;font-size:.7rem}.ctd-pf-video-uploading{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:8px;margin-top:6px;font-size:.8rem;color:#5e17eb}.ctd-pf-video-uploading-spinner{width:14px;height:14px;border:2px solid #ddd6fe;border-top-color:#5e17eb;border-radius:50%;animation:ctd-spin .7s linear infinite;flex-shrink:0}@keyframes ctd-spin{to{transform:rotate(360deg)}}.ctd-pf-video-empty{font-size:.73rem;color:#9ca3af;margin-top:6px;padding:6px 2px}.ctd-detail-video-meta{display:flex;justify-content:space-between;font-size:.75rem;color:#6b7280;margin-top:4px;padding:0 2px}.ctd-pf-arr-item{margin-bottom:10px}.ctd-pf-arr-item:last-child{margin-bottom:0}.ctd-pf-arr-img-wrap{display:flex;align-items:center;gap:10px;margin-bottom:6px;padding:8px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px}.ctd-pf-arr-thumb{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb;flex-shrink:0;background:#fff}.ctd-pf-arr-video-wrap{margin-bottom:6px;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#000}.ctd-pf-arr-video{width:100%;max-height:160px;display:block}.ctd-pf-arr-url-text{font-size:.72rem;color:#6b7280;word-break:break-all;flex:1;min-width:0}.ctd-pf-arr-video-wrap .ctd-pf-arr-url-text{display:block;padding:6px 10px;background:#1f2937;color:#9ca3af}.ctd-product-brand{display:block;font-size:.72rem;color:#6b7280;margin-top:2px}.ctd-product-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.ctd-condition-badge{font-size:.68rem;font-weight:600;padding:2px 8px;border-radius:999px;background:#f0fdf4;color:#16a34a;text-transform:capitalize;border:1px solid #bbf7d0}.ctd-archived-badge{font-size:.68rem;font-weight:600;padding:2px 8px;border-radius:999px;background:#f9fafb;color:#6b7280;border:1px solid #e5e7eb}.ctd-product-media-count{display:inline-block;font-size:.7rem;color:#5e17eb;background:#f5f3ff;border-radius:6px;padding:1px 7px;margin-top:4px;margin-right:4px}.ctd-video-count{background:#fff7ed;color:#c2410c}.ctd-handle-badge{display:inline-block;padding:1px 7px;border-radius:999px;font-size:.65rem;font-weight:600;letter-spacing:.02em;margin-top:4px;margin-right:4px}.ctd-handle-pending{background:#fef9c3;color:#a16207}.ctd-handle-finished{background:#dcfce7;color:#166534}.ctd-handle-error{background:#fee2e2;color:#991b1b}.ctd-handle-check-btn{color:#5e17eb}.ctd-handle-check-btn:hover{background:#f5f0ff;color:#4c0fbd}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ctd-detail-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.ctd-detail-modal{background:#fff;border-radius:16px;width:100%;max-width:860px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.ctd-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 28px 16px;position:sticky;top:0;background:#fff;z-index:1;border-bottom:1px solid #f3f4f6}.ctd-detail-header-left{display:flex;flex-direction:column;gap:6px;min-width:0}.ctd-detail-product-name{font-size:1.2rem;font-weight:700;color:#111827;margin:0;word-break:break-word}.ctd-detail-sku{font-size:.78rem;color:#6b7280}.ctd-detail-header-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.ctd-detail-header-actions{display:flex;gap:8px;flex-shrink:0}.ctd-detail-edit-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#5e17eb;color:#fff;border:none;border-radius:10px;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s}.ctd-detail-edit-btn:hover{background:#4c0fbd}.ctd-detail-close-btn{width:34px;height:34px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;color:#6b7280;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.ctd-detail-close-btn:hover{background:#f3f4f6}.ctd-detail-body{padding:24px 28px 28px;display:flex;flex-direction:column;gap:24px}.ctd-detail-media{display:flex;flex-direction:column;gap:12px}.ctd-detail-primary-image{width:100%;max-height:340px;border-radius:12px;overflow:hidden;background:#f9fafb;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center}.ctd-detail-primary-image img{width:100%;max-height:340px;object-fit:contain;display:block}.ctd-detail-no-image{padding:48px;color:#d1d5db;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:.82rem;color:#9ca3af}.ctd-detail-gallery{display:flex;gap:8px;flex-wrap:wrap}.ctd-detail-gallery-thumb{width:72px;height:72px;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb;cursor:pointer;flex-shrink:0;transition:border-color .15s}.ctd-detail-gallery-thumb:hover,.ctd-detail-gallery-thumb.ctd-thumb-active{border-color:#5e17eb}.ctd-detail-gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}.ctd-detail-videos{display:flex;flex-direction:column;gap:10px}.ctd-detail-section-label{font-size:.8rem;font-weight:700;color:#374151;margin-bottom:6px}.ctd-detail-video-item{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#000}.ctd-detail-video-item video{width:100%;max-height:260px;display:block}.ctd-detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ctd-detail-field{display:flex;flex-direction:column;gap:3px}.ctd-detail-field-label{font-size:.72rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em}.ctd-detail-field-value{font-size:.88rem;color:#111827;word-break:break-word}.ctd-detail-field-value a{color:#5e17eb;text-decoration:none}.ctd-detail-field-value a:hover{text-decoration:underline}.ctd-detail-field-value.ctd-detail-muted{color:#9ca3af}.ctd-detail-description{grid-column:1 / -1}.ctd-detail-description .ctd-detail-field-value{white-space:pre-wrap;line-height:1.6}.ctd-detail-field-full{grid-column:1 / -1}.ctd-detail-badge-in-stock{color:#16a34a;font-weight:600}.ctd-detail-badge-out-stock{color:#dc2626;font-weight:600}.ctd-detail-badge-active{color:#16a34a;font-weight:600}.ctd-detail-badge-archived{color:#6b7280;font-weight:600}.ctd-detail-sync-row{padding-top:16px;border-top:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:20px}.ctd-detail-sync-field{display:flex;flex-direction:column;gap:2px}@media(max-width:768px){.ctd-detail-fields{grid-template-columns:1fr}.ctd-detail-description{grid-column:1}.ctd-detail-header{flex-direction:column}.ctd-detail-header-actions{width:100%;justify-content:flex-end}}.ctd-product-price-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ctd-product-price-original{text-decoration:line-through;color:#9ca3af;font-weight:500}.ctd-product-price-sale{color:#dc2626;font-weight:700}.ctd-sale-badge{display:inline-block;padding:1px 7px;background:#fef2f2;color:#dc2626;font-size:.7rem;font-weight:700;letter-spacing:.04em;border-radius:6px;border:1px solid #fecaca;vertical-align:middle}.ctd-detail-price-with-sale{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ctd-detail-price-original{text-decoration:line-through;color:#9ca3af;font-size:.9rem}.ctd-detail-price-sale{color:#dc2626;font-weight:700;font-size:1.05rem}.ctd-pf-optional{font-size:.78rem;font-weight:400;color:#9ca3af}.ctd-pf-date-range{display:flex;align-items:center;gap:8px}.ctd-pf-date-range .ctd-pf-input{flex:1}.ctd-pf-date-sep{font-size:.82rem;color:#9ca3af;white-space:nowrap}@media(max-width:520px){.ctd-pf-date-range{flex-direction:column;align-items:stretch}.ctd-pf-date-sep{text-align:center}}.ctd-export-btn{color:#374151}.ctd-export-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.ctd-import-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;background:#fff;color:#374151;border:1px solid #e5e7eb;border-radius:10px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}.ctd-import-btn:hover{background:#f9fafb;border-color:#9ca3af}.ctd-import-modal{max-width:520px}.ctd-import-template-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}.ctd-import-template-label{font-size:.82rem;color:#6b7280}.ctd-import-template-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:#fff;color:#5e17eb;border:1px solid #e0d4fc;border-radius:8px;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .2s}.ctd-import-template-btn:hover{background:#f5f0ff}.ctd-import-file-area{border:2px dashed #e0d4fc;border-radius:12px;padding:24px 16px;text-align:center;margin-bottom:10px;background:#faf8ff;transition:border-color .2s}.ctd-import-file-area:hover{border-color:#5e17eb}.ctd-import-file-label{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;font-size:.85rem;color:#6b7280}.ctd-import-hint{font-size:.78rem;color:#9ca3af;margin:0 0 16px}.ctd-import-result{margin-bottom:16px}.ctd-import-result-stats{display:flex;gap:12px;margin-bottom:14px}.ctd-import-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:14px 8px;border-radius:12px;border:1px solid #e5e7eb}.ctd-import-stat-added{background:#f0fdf4;border-color:#bbf7d0}.ctd-import-stat-updated{background:#eff6ff;border-color:#bfdbfe}.ctd-import-stat-skipped{background:#fff7ed;border-color:#fed7aa}.ctd-import-stat-num{font-size:1.5rem;font-weight:800;line-height:1}.ctd-import-stat-added .ctd-import-stat-num{color:#16a34a}.ctd-import-stat-updated .ctd-import-stat-num{color:#2563eb}.ctd-import-stat-skipped .ctd-import-stat-num{color:#ea580c}.ctd-import-stat-lbl{font-size:.72rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin-top:4px}.ctd-import-errors{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:12px 14px}.ctd-import-errors-title{font-size:.8rem;font-weight:700;color:#b91c1c;margin:0 0 8px}.ctd-import-errors-list{display:flex;flex-direction:column;gap:5px;max-height:180px;overflow-y:auto}.ctd-import-error-row{display:flex;gap:8px;font-size:.78rem;align-items:flex-start}.ctd-import-error-row-num{font-weight:700;color:#ef4444;white-space:nowrap}.ctd-import-error-sku{color:#6b7280;white-space:nowrap}.ctd-import-error-msg{color:#374151}.ctd-select-all-row{padding:6px 0 2px}.ctd-select-all-label{display:inline-flex;align-items:center;gap:7px;font-size:.8rem;font-weight:600;color:#6b7280;cursor:pointer;-webkit-user-select:none;user-select:none}.ctd-select-all-label input[type=checkbox]{width:15px;height:15px;accent-color:#5e17eb;cursor:pointer}.ctd-product-checkbox{position:absolute;top:8px;left:8px;z-index:2;display:flex;align-items:center;background:#ffffffe6;border-radius:6px;padding:2px;cursor:pointer}.ctd-product-checkbox input[type=checkbox]{width:15px;height:15px;accent-color:#5e17eb;cursor:pointer}.ctd-product-selected{outline:2px solid #5e17eb;outline-offset:-2px}.ctd-product-selected .ctd-product-image{opacity:.92}.ctd-bulk-toolbar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#f5f0ff;border:1px solid #e0d4fc;border-radius:12px;flex-wrap:wrap}.ctd-bulk-count{font-size:.82rem;font-weight:700;color:#5e17eb;white-space:nowrap}.ctd-bulk-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.ctd-bulk-btn{padding:5px 12px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;font-size:.78rem;font-weight:600;color:#374151;cursor:pointer;transition:background .2s,border-color .2s;white-space:nowrap}.ctd-bulk-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.ctd-bulk-btn:disabled{opacity:.5;cursor:not-allowed}.ctd-bulk-push-btn{border-color:#e0d4fc;color:#5e17eb}.ctd-bulk-push-btn:hover:not(:disabled){background:#f5f0ff}.ctd-bulk-delete-btn{border-color:#fecaca;color:#ef4444}.ctd-bulk-delete-btn:hover:not(:disabled){background:#fef2f2}.ctd-bulk-clear-btn{padding:5px 10px;border:none;background:transparent;font-size:.78rem;font-weight:600;color:#9ca3af;cursor:pointer;transition:color .2s;margin-left:auto;white-space:nowrap}.ctd-bulk-clear-btn:hover:not(:disabled){color:#6b7280}@media(max-width:768px){.ctd-bulk-toolbar{flex-direction:column;align-items:flex-start}.ctd-bulk-clear-btn{margin-left:0}}.ctd-cooldown-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin-bottom:16px}.ctd-cooldown-icon{display:flex;align-items:center;color:#2563eb;flex-shrink:0}.ctd-cooldown-body{flex:1;min-width:0}.ctd-cooldown-msg{font-size:.8rem;color:#1e3a8a;line-height:1.4}.ctd-cooldown-timer{flex-shrink:0}.ctd-cooldown-secs{font-size:.875rem;font-weight:700;color:#2563eb;font-variant-numeric:tabular-nums;background:#dbeafe;padding:2px 8px;border-radius:6px}.ctd-cooldown-dismiss{background:none;border:none;cursor:pointer;color:#60a5fa;padding:2px;display:flex;align-items:center;flex-shrink:0}.ctd-cooldown-dismiss:hover{color:#1d4ed8}.ctd-prop-note{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;margin-bottom:16px;font-size:.78rem;color:#92400e;line-height:1.5}.ctd-prop-note p{margin:0;flex:1}.ctd-prop-note-close{background:none;border:none;cursor:pointer;color:#d97706;padding:2px;display:flex;align-items:center;flex-shrink:0;margin-top:1px}.ctd-prop-note-close:hover{color:#92400e}.cti-container{max-width:1100px;margin:0 auto;padding:24px}.cti-info-banner{display:flex;align-items:flex-start;gap:12px;background:#e0d4fc;border:1px solid #c4b5f8;border-radius:12px;padding:14px 16px;margin-bottom:24px}.cti-info-banner svg{flex-shrink:0;margin-top:2px}.cti-info-banner p{flex:1;margin:0;font-size:.875rem;color:#3b0764;line-height:1.5}.cti-refresh-btn{flex-shrink:0;background:none;border:none;cursor:pointer;color:#5e17eb;padding:4px;border-radius:6px;display:flex;align-items:center;transition:background .15s}.cti-refresh-btn:hover{background:#5e17eb1f}.cti-refresh-btn:disabled{opacity:.5;cursor:default}.cti-stats-row{display:flex;gap:16px;margin-bottom:20px}.cti-stat-card{flex:1;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px 20px;display:flex;flex-direction:column;gap:4px}.cti-stat-value{font-size:1.75rem;font-weight:700;line-height:1}.cti-stat-label{font-size:.8125rem;color:#6b7280}.cti-toolbar{display:flex;gap:12px;margin-bottom:20px}.cti-search-wrap{flex:1;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:0 12px}.cti-search{flex:1;border:none;outline:none;padding:10px 0;font-size:.9rem;color:#111827;background:transparent}.cti-filter-select{padding:10px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:.875rem;color:#374151;background:#fff;cursor:pointer;outline:none}.cti-loading{display:flex;align-items:center;gap:12px;justify-content:center;padding:60px 0;color:#6b7280;font-size:.9375rem}.cti-spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:#5e17eb;border-radius:50%;animation:cti-spin .7s linear infinite}@keyframes cti-spin{to{transform:rotate(360deg)}}.cti-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 0;text-align:center;color:#6b7280}.cti-empty h3{margin:0;font-size:1.125rem;color:#374151}.cti-empty p{margin:0;max-width:380px;font-size:.9rem;line-height:1.5}.cti-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.cti-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s,transform .2s}.cti-card:hover{box-shadow:0 6px 24px #5e17eb1a;transform:translateY(-2px)}.cti-card-imported{border-color:#d1fae5;background:#f0fdf4}.cti-card-imported:hover{box-shadow:0 6px 24px #05966914}.cti-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.cti-card-name{margin:0;font-size:1rem;font-weight:600;color:#111827;line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis}.cti-imported-badge{display:flex;align-items:center;gap:4px;background:#d1fae5;color:#065f46;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:999px;white-space:nowrap;flex-shrink:0}.cti-import-btn{display:flex;align-items:center;justify-content:center;gap:6px;background:#5e17eb;color:#fff;border:none;border-radius:10px;padding:6px 14px;font-size:.8125rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;min-width:90px;transition:background .15s}.cti-import-btn:hover:not(:disabled){background:#4c0fbd}.cti-import-btn:disabled{opacity:.7;cursor:default}.cti-btn-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:cti-spin .7s linear infinite}.cti-card-body{display:flex;flex-direction:column;gap:8px}.cti-card-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.cti-row-label{font-size:.8rem;color:#6b7280}.cti-catalog-id{font-family:monospace;font-size:.78rem;color:#374151;background:#f3f4f6;padding:2px 6px;border-radius:4px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cti-vertical-badge{background:#e0d4fc;color:#5e17eb;font-size:.75rem;font-weight:600;padding:2px 10px;border-radius:999px;text-transform:capitalize}.cti-vertical-noncommerce{background:#fef3c7;color:#92400e}.cti-wa-warning{display:flex;gap:10px;align-items:flex-start;background:#fffbeb;border-top:1px solid #fbbf24;padding:12px 16px}.cti-wa-warning-title{display:block;font-size:.8rem;font-weight:700;color:#78350f;margin-bottom:4px}.cti-wa-warning-text{margin:0;font-size:.78rem;color:#92400e;line-height:1.5}.cti-wa-warning-link{background:none;border:none;padding:0;color:#5e17eb;font-size:.78rem;font-weight:600;cursor:pointer;text-decoration:underline}.cti-products-count{font-size:.875rem;font-weight:600;color:#111827}.cti-card-footer{border-top:1px solid #d1fae5;padding-top:10px;display:flex;align-items:center;gap:12px}.cti-resync-btn{display:inline-flex;align-items:center;gap:5px;background:#fff;color:#5e17eb;border:1.5px solid #5e17eb;border-radius:8px;padding:5px 12px;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;min-width:110px;justify-content:center;transition:background .15s}.cti-resync-btn:hover:not(:disabled){background:#f5f0ff}.cti-resync-btn:disabled{opacity:.7;cursor:default}.cti-btn-spinner-dark{border-color:#c4b5f8;border-top-color:#5e17eb}.cti-view-btn{font-size:.8125rem;color:#059669;background:none;border:none;cursor:pointer;padding:0;font-weight:500;text-decoration:underline}.cti-view-btn:hover{color:#047857}.cti-primary-btn{background:#5e17eb;color:#fff;border:none;border-radius:10px;padding:10px 22px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .15s}.cti-primary-btn:hover{background:#4c0fbd}.cti-back-btn{display:flex;align-items:center;gap:6px;background:#fff;color:#374151;border:1px solid #e5e7eb;border-radius:10px;padding:8px 16px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s}.cti-back-btn:hover{background:#f9fafb}@media(max-width:768px){.cti-container{padding:16px}.cti-stats-row{flex-wrap:wrap}.cti-stat-card{flex:1 1 calc(50% - 8px)}.cti-toolbar{flex-wrap:wrap}.cti-grid{grid-template-columns:1fr}}.fl-container{padding:0}.fl-header-actions{display:flex;gap:8px}.fl-sync-btn,.fl-create-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;border:none;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s}.fl-create-btn{background:#5e17eb;color:#fff}.fl-create-btn:hover{background:#4c0fbd}.fl-sync-btn{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.fl-sync-btn:hover{background:#e5e7eb}.fl-toolbar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.fl-search-wrap{position:relative;flex:1;min-width:200px}.fl-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.fl-search{width:100%;padding:10px 12px 10px 36px;border:1px solid #e5e7eb;border-radius:10px;font-size:.875rem;outline:none}.fl-search:focus{border-color:#5e17eb}.fl-filter{padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:.875rem;background:#fff;outline:none;cursor:pointer}.fl-loading,.fl-empty{text-align:center;padding:60px 20px;color:#6b7280}.fl-empty svg{margin-bottom:12px}.fl-empty p{margin-bottom:16px;font-size:1rem}.fl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.fl-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;cursor:pointer;transition:box-shadow .2s,transform .2s}.fl-card:hover{box-shadow:0 6px 24px #5e17eb1a;transform:translateY(-2px)}.fl-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.fl-card-category{font-size:.75rem;font-weight:600;color:#5e17eb;background:#e0d4fc;padding:2px 10px;border-radius:999px}.fl-badge{font-size:.7rem;font-weight:600;padding:3px 10px;border-radius:999px}.fl-badge-draft{background:#fef3c7;color:#92400e}.fl-badge-published{background:#d1fae5;color:#065f46}.fl-badge-deprecated{background:#f3f4f6;color:#6b7280}.fl-badge-error{background:#fee2e2;color:#991b1b}.fl-card-name{font-size:1.05rem;font-weight:700;color:#111827;margin:0 0 4px}.fl-card-desc{font-size:.825rem;color:#6b7280;margin:0 0 12px;line-height:1.4}.fl-card-meta{display:flex;justify-content:space-between;font-size:.75rem;color:#9ca3af;margin-bottom:12px}.fl-card-actions{display:flex;gap:6px;flex-wrap:wrap}.fl-action-btn{padding:5px 12px;border-radius:8px;border:1px solid #e5e7eb;font-size:.75rem;font-weight:600;cursor:pointer;background:#fff;transition:background .15s}.fl-action-btn:hover{background:#f9fafb}.fl-action-edit{color:#5e17eb;border-color:#d6c4f8}.fl-action-publish{color:#059669;border-color:#a7f3d0;background:#ecfdf5}.fl-action-publish:hover{background:#d1fae5}.fl-action-delete{color:#dc2626;border-color:#fecaca}.fl-action-delete:hover{background:#fef2f2}.fl-action-send{color:#2563eb;border-color:#bfdbfe;background:#eff6ff}.fl-action-send:hover{background:#dbeafe}.fl-action-deprecate{color:#6b7280}.fl-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:12px 0}.fl-pagination button{padding:8px 16px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;font-size:.825rem}.fl-pagination button:disabled{opacity:.4;cursor:not-allowed}.fl-pagination span{font-size:.825rem;color:#6b7280}.fl-sync-overlay{position:fixed;bottom:24px;right:24px;background:#5e17eb;color:#fff;padding:12px 20px;border-radius:12px;font-size:.875rem;font-weight:600;box-shadow:0 4px 16px #5e17eb4d;z-index:50}@media(max-width:768px){.fl-grid{grid-template-columns:1fr}.fl-toolbar{flex-direction:column}}.fje-container{display:flex;flex-direction:column;gap:8px}.fje-toolbar{display:flex;gap:8px;flex-wrap:wrap}.fje-tool-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:.8rem;font-weight:600;background:#fff;cursor:pointer;color:#374151;transition:background .15s}.fje-tool-btn:hover{background:#f3f4f6}.fje-tool-btn:disabled{opacity:.4;cursor:not-allowed}.fje-starter-btn{color:#5e17eb;border-color:#d6c4f8}.fje-snippet-wrap{position:relative}.fje-snippet-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001a;z-index:20;min-width:180px;max-height:280px;overflow-y:auto;padding:4px}.fje-snippet-item{display:block;width:100%;text-align:left;padding:8px 12px;border:none;background:none;font-size:.8rem;color:#374151;cursor:pointer;border-radius:6px}.fje-snippet-item:hover{background:#f3f4f6}.fje-editor{width:100%;min-height:360px;padding:16px;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.825rem;line-height:1.6;tab-size:2;border:1px solid #e5e7eb;border-radius:10px;background:#fafafa;color:#1f2937;resize:vertical;outline:none}.fje-editor:focus{border-color:#5e17eb;background:#fff}.fje-editor-error{border-color:#ef4444}.fje-editor[readonly]{background:#f3f4f6;color:#6b7280;cursor:default}.fje-error{padding:8px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;font-size:.8rem;color:#dc2626}.fje-hints{display:flex;justify-content:space-between;font-size:.75rem;color:#9ca3af}.fp-container{display:flex;flex-direction:column;align-items:center;gap:12px}.fp-empty{text-align:center;padding:40px 20px;color:#9ca3af;font-size:.85rem}.fp-screen-tabs{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.fp-screen-tab{padding:6px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:.75rem;font-weight:600;color:#6b7280;cursor:pointer}.fp-screen-tab.active{background:#5e17eb;color:#fff;border-color:#5e17eb}.fp-phone{width:320px;min-height:520px;border-radius:32px;border:3px solid #1f2937;background:#fff;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px #0000001f}.fp-phone-notch{width:120px;height:6px;background:#1f2937;border-radius:0 0 10px 10px;margin:0 auto}.fp-phone-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#075e54;color:#fff}.fp-phone-title{font-size:.9rem;font-weight:700}.fp-phone-body{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.fp-phone-empty{text-align:center;color:#9ca3af;font-size:.8rem;padding:40px 0}.fp-phone-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-top:1px solid #e5e7eb;font-size:.7rem;color:#9ca3af}.fp-phone-terminal{color:#059669;font-weight:600}.fp-comp-heading{font-size:1.1rem;font-weight:800;color:#111827;margin:0}.fp-comp-subheading{font-size:.95rem;font-weight:700;color:#374151;margin:0}.fp-comp-body{font-size:.85rem;color:#4b5563;margin:0;line-height:1.5}.fp-comp-caption{font-size:.75rem;color:#9ca3af;margin:0}.fp-comp-field{display:flex;flex-direction:column;gap:4px}.fp-comp-label{font-size:.8rem;font-weight:600;color:#374151}.fp-comp-input{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.8rem;color:#9ca3af;background:#f9fafb}.fp-comp-textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.8rem;color:#9ca3af;background:#f9fafb;min-height:60px}.fp-comp-dropdown{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.8rem;color:#6b7280;background:#f9fafb}.fp-comp-radio-group{display:flex;flex-direction:column;gap:8px}.fp-comp-radio-item{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#374151}.fp-comp-radio-dot{width:18px;height:18px;border-radius:50%;border:2px solid #d1d5db;flex-shrink:0}.fp-comp-radio-dot.selected{border-color:#075e54;background:#075e54;box-shadow:inset 0 0 0 3px #fff}.fp-comp-checkbox{width:18px;height:18px;border-radius:4px;border:2px solid #d1d5db;flex-shrink:0}.fp-comp-optin{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#374151}.fp-comp-footer{margin-top:auto;padding-top:8px}.fp-comp-footer-btn{width:100%;padding:12px;border:none;border-radius:10px;background:#075e54;color:#fff;font-size:.9rem;font-weight:700;cursor:default}.fp-comp-image-placeholder{width:100%;height:120px;background:#f3f4f6;border-radius:10px;display:flex;align-items:center;justify-content:center}.fp-comp-link{color:#075e54;font-size:.8rem;text-decoration:underline}.fp-comp-unknown{font-size:.75rem;color:#9ca3af;font-style:italic;padding:4px 0}@media(max-width:768px){.fp-phone{width:280px;min-height:460px}}.fpp-container{display:flex;flex-direction:column;gap:0}.fpp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:8px}.fpp-back-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:none;border-radius:6px;background:none;color:#5e17eb;font-size:.75rem;font-weight:600;cursor:pointer}.fpp-back-btn:hover{background:#f3f0ff}.fpp-type-badge{font-size:.7rem;font-weight:600;color:#6b7280;background:#f3f4f6;padding:3px 10px;border-radius:6px;text-transform:uppercase}.fpp-form{display:flex;flex-direction:column;gap:0}.fpp-field{margin-bottom:12px}.fpp-label{display:block;font-size:.75rem;font-weight:600;color:#374151;margin-bottom:4px}.fpp-required{color:#dc2626}.fpp-hint{display:block;font-size:.675rem;color:#9ca3af;margin-bottom:4px}.fpp-input,.fpp-select,.fpp-textarea{width:100%;padding:7px 10px;border:1px solid #e5e7eb;border-radius:8px;font-size:.8rem;outline:none;background:#fff;color:#1f2937;box-sizing:border-box}.fpp-input:focus,.fpp-select:focus,.fpp-textarea:focus{border-color:#5e17eb}.fpp-input:read-only,.fpp-textarea:read-only{background:#f9fafb;color:#6b7280}.fpp-select:disabled{background:#f9fafb;color:#6b7280}.fpp-input-mono{font-family:Courier New,monospace;font-size:.75rem}.fpp-input-sm{padding:5px 8px;font-size:.75rem}.fpp-textarea{resize:vertical;min-height:60px}.fpp-select{cursor:pointer}.fpp-char-count{display:block;font-size:.65rem;color:#9ca3af;text-align:right;margin-top:2px}.fpp-row{display:flex;gap:8px}.fpp-field-half{flex:1}.fpp-note{font-size:.8rem;color:#9ca3af;text-align:center;padding:20px 0}.fpp-toggle-field{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:6px 0}.fpp-toggle-label{font-size:.75rem;font-weight:600;color:#374151}.fpp-toggle{position:relative;width:36px;height:20px;border:none;border-radius:10px;background:#d1d5db;cursor:pointer;transition:background .2s;padding:0}.fpp-toggle-on{background:#5e17eb}.fpp-toggle:disabled{opacity:.5;cursor:not-allowed}.fpp-toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #00000026}.fpp-toggle-on .fpp-toggle-knob{transform:translate(16px)}.fpp-options-section{margin-bottom:12px}.fpp-options-label{font-size:.75rem;font-weight:600;color:#374151;margin-bottom:6px}.fpp-options-list{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.fpp-option-row{display:flex;gap:4px;align-items:center}.fpp-option-inputs{display:flex;gap:4px;flex:1;min-width:0}.fpp-option-inputs .fpp-input{min-width:0}.fpp-option-inputs .fpp-input:first-child{flex:0 0 35%}.fpp-option-inputs .fpp-input:last-child{flex:1}.fpp-option-actions{display:flex;gap:2px;flex-shrink:0}.fpp-option-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid #e5e7eb;border-radius:4px;background:#fff;color:#6b7280;font-size:.7rem;cursor:pointer;padding:0}.fpp-option-btn:hover{background:#f9fafb}.fpp-option-btn:disabled{opacity:.3;cursor:not-allowed}.fpp-option-btn-del:hover{background:#fef2f2;color:#dc2626}.fpp-option-add{display:flex;gap:4px;align-items:center}.fpp-option-add .fpp-input:first-child{flex:0 0 35%}.fpp-option-add .fpp-input:nth-child(2){flex:1}.fpp-add-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #5e17eb;border-radius:6px;background:#5e17eb;color:#fff;cursor:pointer;flex-shrink:0}.fpp-add-btn:hover{background:#4c0fbd}.fpp-add-btn:disabled{opacity:.4;cursor:not-allowed}.fbp-container{display:flex;flex-direction:column;align-items:center;gap:12px}.fbp-empty{text-align:center;padding:40px 20px;color:#9ca3af;font-size:.85rem}.fbp-screen-tabs{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.fbp-screen-tab{padding:5px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:.7rem;font-weight:600;color:#6b7280;cursor:pointer}.fbp-screen-tab:hover{background:#f9fafb}.fbp-screen-tab.active{background:#5e17eb;color:#fff;border-color:#5e17eb}.fbp-phone{width:300px;min-height:500px;border-radius:32px;border:3px solid #1f2937;background:#fff;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px #0000001f}.fbp-phone-notch{width:100px;height:5px;background:#1f2937;border-radius:0 0 8px 8px;margin:0 auto}.fbp-phone-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#075e54;color:#fff}.fbp-phone-title{font-size:.85rem;font-weight:700}.fbp-phone-body{flex:1;padding:14px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.fbp-phone-empty{text-align:center;color:#9ca3af;font-size:.8rem;padding:40px 0}.fbp-phone-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;border-top:1px solid #e5e7eb;font-size:.65rem;color:#9ca3af}.fbp-phone-terminal{color:#059669;font-weight:600}.fbp-comp-heading{font-size:1.05rem;font-weight:800;color:#111827;margin:0}.fbp-comp-subheading{font-size:.9rem;font-weight:700;color:#374151;margin:0}.fbp-comp-body{font-size:.8rem;color:#4b5563;margin:0;line-height:1.5}.fbp-comp-caption{font-size:.7rem;color:#9ca3af;margin:0}.fbp-comp-field{display:flex;flex-direction:column;gap:4px}.fbp-comp-label{font-size:.75rem;font-weight:600;color:#374151}.fbp-comp-input{padding:9px 11px;border:1px solid #d1d5db;border-radius:8px;font-size:.75rem;color:#9ca3af;background:#f9fafb}.fbp-comp-textarea{padding:9px 11px;border:1px solid #d1d5db;border-radius:8px;font-size:.75rem;color:#9ca3af;background:#f9fafb;min-height:50px}.fbp-comp-dropdown{display:flex;justify-content:space-between;align-items:center;padding:9px 11px;border:1px solid #d1d5db;border-radius:8px;font-size:.75rem;color:#6b7280;background:#f9fafb}.fbp-comp-radio-group{display:flex;flex-direction:column;gap:6px}.fbp-comp-radio-item{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#374151}.fbp-comp-radio-dot{width:16px;height:16px;border-radius:50%;border:2px solid #d1d5db;flex-shrink:0}.fbp-comp-radio-dot.selected{border-color:#075e54;background:#075e54;box-shadow:inset 0 0 0 3px #fff}.fbp-comp-checkbox{width:16px;height:16px;border-radius:4px;border:2px solid #d1d5db;flex-shrink:0}.fbp-comp-optin{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#374151}.fbp-comp-footer{margin-top:auto;padding-top:6px}.fbp-comp-footer-btn{width:100%;padding:10px;border:none;border-radius:10px;background:#075e54;color:#fff;font-size:.85rem;font-weight:700;cursor:pointer}.fbp-comp-footer-btn:hover{background:#064e46}.fbp-comp-footer-hint{display:block;text-align:center;font-size:.65rem;color:#9ca3af;margin-top:4px}.fbp-comp-image{border-radius:10px}.fbp-comp-image-placeholder{width:100%;height:100px;background:#f3f4f6;border-radius:10px;display:flex;align-items:center;justify-content:center}.fbp-comp-link{color:#075e54;font-size:.75rem;text-decoration:underline;cursor:pointer}.fbp-comp-unknown{font-size:.7rem;color:#9ca3af;font-style:italic;padding:4px 0}.fb-container{display:flex;flex-direction:column;gap:0;border:1px solid #e5e7eb;border-radius:16px;background:#f9fafb;overflow:hidden;min-height:500px}.fb-toolbar{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#fff;border-bottom:1px solid #e5e7eb;gap:12px;flex-wrap:wrap}.fb-toolbar-left{display:flex;align-items:center;gap:12px}.fb-toolbar-right{display:flex;align-items:center;gap:8px}.fb-toolbar-info{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#6b7280}.fb-toolbar-sep{color:#d1d5db}.fb-toolbar-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#374151;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap}.fb-toolbar-btn:hover{background:#f9fafb}.fb-toolbar-btn-danger{color:#dc2626}.fb-toolbar-btn-danger:hover{background:#fef2f2;border-color:#fecaca}.fb-template-wrap{position:relative}.fb-template-dropdown{position:absolute;top:100%;right:0;margin-top:4px;width:320px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px #0000001a;z-index:50;max-height:380px;overflow-y:auto;padding:6px}.fb-template-item{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:8px;background:none;cursor:pointer;text-align:left}.fb-template-item:hover{background:#f3f0ff}.fb-template-icon{font-size:1.25rem;flex-shrink:0;margin-top:2px}.fb-template-text{display:flex;flex-direction:column;gap:2px;min-width:0}.fb-template-text strong{font-size:.825rem;color:#111827}.fb-template-text span{font-size:.75rem;color:#6b7280;line-height:1.3}.fb-validation-errors{margin:12px 16px 0;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:12px 14px}.fb-validation-header{display:flex;align-items:center;gap:6px;font-size:.825rem;font-weight:600;color:#dc2626}.fb-validation-close{margin-left:auto;border:none;background:none;color:#dc2626;font-size:1.1rem;cursor:pointer;line-height:1;padding:0 4px}.fb-validation-list{margin:8px 0 0;padding-left:20px;font-size:.775rem;color:#991b1b;line-height:1.5}.fb-validation-list li{margin-bottom:2px}.fb-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.fb-empty-icon{margin-bottom:16px}.fb-empty-title{font-size:1.05rem;font-weight:700;color:#111827;margin:0 0 6px}.fb-empty-text{font-size:.85rem;color:#6b7280;margin:0 0 20px}.fb-empty-actions{display:flex;gap:10px}.fb-empty-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#374151;font-size:.85rem;font-weight:600;cursor:pointer}.fb-empty-btn:hover{background:#f9fafb}.fb-empty-btn-primary{background:#5e17eb;color:#fff;border-color:#5e17eb}.fb-empty-btn-primary:hover{background:#4c0fbd}.fb-panels{display:flex;flex:1;min-height:460px;min-width:0}.fb-panel-left{width:240px;flex-shrink:0;background:#fff;border-right:1px solid #e5e7eb;overflow-y:auto}.fb-panel-center{flex:1;min-width:0;overflow-y:auto;padding:16px}.fb-panel-right{width:260px;flex-shrink:0;background:#fff;border-left:1px solid #e5e7eb;overflow-y:auto;padding:16px}.fb-panel-title{font-size:.825rem;font-weight:700;color:#111827;margin:0 0 4px}.fb-panel-hint{font-size:.75rem;color:#9ca3af;margin:0 0 12px}.fb-screen-nav{padding:12px}.fb-screen-nav-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.fb-screen-add-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#5e17eb;cursor:pointer}.fb-screen-add-btn:hover{background:#f3f0ff;border-color:#5e17eb}.fb-screen-list{display:flex;flex-direction:column;gap:4px}.fb-screen-item{padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s}.fb-screen-item:hover{border-color:#d1d5db}.fb-screen-item-selected{border-color:#5e17eb;box-shadow:0 0 0 1px #5e17eb;background:#faf8ff}.fb-screen-item-main{display:flex;align-items:center;gap:8px}.fb-screen-item-number{width:22px;height:22px;border-radius:6px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#6b7280;flex-shrink:0}.fb-screen-item-selected .fb-screen-item-number{background:#5e17eb;color:#fff}.fb-screen-item-info{display:flex;flex-direction:column;gap:1px;min-width:0}.fb-screen-item-title{font-size:.8rem;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fb-screen-item-id{font-size:.675rem;color:#9ca3af;font-family:monospace}.fb-screen-item-tags{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.fb-screen-tag{font-size:.625rem;font-weight:600;padding:1px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.02em}.fb-tag-terminal{background:#ede9fe;color:#7c3aed}.fb-tag-success{background:#dcfce7;color:#16a34a}.fb-tag-count{background:#f3f4f6;color:#6b7280}.fb-screen-item-controls{display:flex;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid #f3f4f6}.fb-screen-ctrl-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#6b7280;cursor:pointer;font-size:.75rem}.fb-screen-ctrl-btn:hover{background:#f9fafb;color:#374151}.fb-screen-ctrl-btn:disabled{opacity:.3;cursor:not-allowed}.fb-screen-ctrl-btn-delete:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.fb-screen-edit{display:flex;flex-direction:column;gap:6px}.fb-screen-edit-input{width:100%;padding:5px 8px;border:1px solid #d1d5db;border-radius:6px;font-size:.775rem;outline:none}.fb-screen-edit-input:focus{border-color:#5e17eb}.fb-screen-edit-actions{display:flex;gap:4px}.fb-screen-edit-save,.fb-screen-edit-cancel{padding:3px 10px;border:1px solid #e5e7eb;border-radius:6px;font-size:.7rem;font-weight:600;cursor:pointer;background:#fff;color:#374151}.fb-screen-edit-save{background:#5e17eb;color:#fff;border-color:#5e17eb}.fb-screen-edit-save:hover{background:#4c0fbd}.fb-screen-flow-hint{display:flex;align-items:center;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid #f3f4f6;font-size:.7rem;color:#9ca3af}.fb-canvas-area{display:flex;flex-direction:column;gap:0}.fb-canvas-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}.fb-canvas-title{font-size:1rem;font-weight:700;color:#111827;margin:0}.fb-canvas-id{font-size:.7rem;font-family:monospace;color:#9ca3af;background:#f3f4f6;padding:2px 8px;border-radius:4px}.fb-canvas-badge{font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:4px;text-transform:uppercase}.fb-badge-terminal{background:#ede9fe;color:#7c3aed}.fb-badge-success{background:#dcfce7;color:#16a34a}.fb-canvas-body{display:flex;flex-direction:column;gap:0}.fb-canvas-empty{display:flex;align-items:center;justify-content:center;min-height:200px;border:2px dashed #e5e7eb;border-radius:12px;color:#9ca3af;font-size:.85rem}.fb-canvas-components{display:flex;flex-direction:column;gap:6px}.fb-canvas-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 14px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.fb-canvas-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000a}.fb-canvas-card-selected{border-color:#5e17eb;box-shadow:0 0 0 1px #5e17eb}.fb-canvas-body-over{background:#faf8ff}.fb-canvas-empty-over{border-color:#5e17eb;background:#faf8ff;color:#5e17eb}.fb-canvas-empty{flex-direction:column;gap:8px}.fb-canvas-card-dragging{box-shadow:0 8px 24px #5e17eb26;border-color:#5e17eb}.fb-canvas-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.fb-canvas-card-left{display:flex;align-items:center;gap:6px}.fb-canvas-card-grip{cursor:grab;color:#d1d5db;display:flex;align-items:center;padding:2px;border-radius:4px}.fb-canvas-card-grip:hover{color:#9ca3af;background:#f3f4f6}.fb-canvas-card-grip:active{cursor:grabbing}.fb-canvas-card-type{font-size:.725rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.02em}.fb-canvas-card-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid #e5e7eb;border-radius:4px;background:#fff;color:#6b7280;cursor:pointer;font-size:.75rem;line-height:1;opacity:0;transition:opacity .15s}.fb-canvas-card:hover .fb-canvas-card-btn,.fb-canvas-card-selected .fb-canvas-card-btn{opacity:1}.fb-canvas-card-btn:hover{background:#f9fafb}.fb-canvas-card-btn:disabled{opacity:.3;cursor:not-allowed}.fb-canvas-card-btn-delete:hover{background:#fef2f2;color:#dc2626}.fb-canvas-card-preview{font-size:.8rem;color:#374151}.fb-preview-text em{font-style:italic;color:#9ca3af}.fb-palette-group{margin-bottom:14px}.fb-palette-group-label{font-size:.675rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.fb-palette-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:1px solid transparent;border-radius:8px;background:none;color:#374151;font-size:.8rem;cursor:pointer;text-align:left}.fb-palette-item:hover{background:#f3f0ff;border-color:#e0d4fc}.fb-palette-item:disabled{opacity:.4;cursor:not-allowed}.fb-palette-item-dragging{opacity:.4;border-color:#5e17eb}.fb-palette-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.85rem;background:#f3f4f6;border-radius:6px;flex-shrink:0}.fb-palette-item:hover .fb-palette-icon{background:#e0d4fc}.fb-drag-overlay{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:2px solid #5e17eb;border-radius:10px;box-shadow:0 8px 24px #5e17eb33;font-size:.8rem;font-weight:600;color:#5e17eb;white-space:nowrap;pointer-events:none}.fb-main-layout{display:flex;flex:1;min-height:460px}.fb-main-layout .fb-panels{flex:1;min-width:0}.fb-main-layout.fb-with-preview .fb-panels{flex:1}.fb-preview-panel{width:340px;flex-shrink:0;border-left:1px solid #e5e7eb;background:#f9fafb;padding:16px;overflow-y:auto;display:flex;justify-content:center;align-items:flex-start}.fb-toolbar-btn-active{background:#5e17eb;color:#fff;border-color:#5e17eb}.fb-toolbar-btn-active:hover{background:#4c0fbd}@media(max-width:1024px){.fb-main-layout{flex-direction:column}.fb-preview-panel{width:100%;border-left:none;border-top:1px solid #e5e7eb;padding:20px}.fb-panels{flex-direction:column}.fb-panel-left{width:100%;border-right:none;border-bottom:1px solid #e5e7eb;max-height:200px}.fb-panel-right{width:100%;border-left:none;border-top:1px solid #e5e7eb}.fb-screen-list{flex-direction:row;overflow-x:auto;gap:6px}.fb-screen-item{min-width:160px;flex-shrink:0}}@media(max-width:768px){.fb-toolbar{flex-direction:column;align-items:flex-start}.fb-template-dropdown{width:280px;left:0;right:auto}}.fc-container{max-width:1400px;margin:0 auto}.fc-loading{text-align:center;padding:60px;color:#6b7280}.fc-form{display:flex;flex-direction:column;gap:24px}.fc-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.fc-section-title{font-size:1rem;font-weight:700;color:#111827;margin:0 0 4px}.fc-section-hint{font-size:.825rem;color:#6b7280;margin:0 0 16px}.fc-field{margin-bottom:16px}.fc-field:last-child{margin-bottom:0}.fc-label{display:block;font-size:.825rem;font-weight:600;color:#374151;margin-bottom:6px}.fc-input,.fc-select,.fc-textarea{width:100%;padding:10px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:.875rem;outline:none;background:#fff;color:#1f2937}.fc-input:focus,.fc-select:focus,.fc-textarea:focus{border-color:#5e17eb}.fc-input-error{border-color:#ef4444}.fc-textarea{resize:vertical;min-height:80px}.fc-select{cursor:pointer}.fc-row{display:flex;gap:16px}.fc-field-half{flex:1}.fc-error{display:block;font-size:.75rem;color:#dc2626;margin-top:4px}.fc-section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.fc-section-header .fc-section-title,.fc-section-header .fc-section-hint{margin-bottom:0}.fc-mode-toggle{display:flex;align-items:center;gap:4px;flex-shrink:0}.fc-mode-btn{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:7px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:.8rem;font-weight:600;background:#fff;color:#6b7280;cursor:pointer}.fc-mode-btn:hover{background:#f9fafb}.fc-mode-btn.active{background:#5e17eb;color:#fff;border-color:#5e17eb}.fc-mode-btn.active:hover{background:#4c0fbd}.fc-preview-toggle{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:7px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:.8rem;font-weight:600;background:#fff;color:#6b7280;cursor:pointer}.fc-preview-toggle:hover{background:#f9fafb}.fc-preview-toggle.active{background:#5e17eb;color:#fff;border-color:#5e17eb}.fc-editor-layout{display:flex;gap:20px}.fc-editor-col{flex:1;min-width:0}.fc-preview-col{flex:0 0 350px}.fc-editor-layout:not(.fc-with-preview) .fc-editor-col{flex:1}.fc-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:8px}.fc-cancel-btn{padding:10px 20px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#374151;font-size:.875rem;font-weight:600;cursor:pointer}.fc-cancel-btn:hover{background:#f9fafb}.fc-save-btn{padding:10px 24px;border:none;border-radius:10px;background:#5e17eb;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer}.fc-save-btn:hover{background:#4c0fbd}.fc-save-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.fc-row{flex-direction:column;gap:0}.fc-field-half{flex:none}.fc-editor-layout{flex-direction:column}.fc-preview-col{flex:none}}.dxl-container{margin-top:24px;border-top:1px solid #e5e7eb;padding-top:24px}.dxl-title{font-size:1rem;font-weight:700;color:#111827;margin:0 0 16px}.dxl-usage-bar{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:16px}.dxl-usage-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.dxl-usage-label{font-size:.8125rem;color:#6b7280;font-weight:500}.dxl-usage-count{font-size:.875rem;font-weight:700;color:#111827}.dxl-usage-track{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;margin-bottom:10px}.dxl-usage-fill{height:100%;background:#5e17eb;border-radius:3px;transition:width .3s}.dxl-usage-meta{display:flex;gap:16px;font-size:.75rem;color:#6b7280}.dxl-usage-meta strong{color:#374151;text-transform:capitalize}.dxl-filter-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dxl-filter-select{padding:7px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:.8125rem;color:#374151;background:#fff}.dxl-total{font-size:.75rem;color:#9ca3af}.dxl-loading,.dxl-empty{text-align:center;padding:32px;color:#6b7280;font-size:.875rem}.dxl-table-wrap{overflow-x:auto}.dxl-table{width:100%;border-collapse:collapse;font-size:.8125rem}.dxl-table th{text-align:left;padding:10px 12px;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb;white-space:nowrap}.dxl-table td{padding:10px 12px;border-bottom:1px solid #f3f4f6;color:#374151;vertical-align:top}.dxl-cell-time{white-space:nowrap;font-size:.75rem;color:#6b7280}.dxl-cell-screen{font-family:SF Mono,Fira Code,monospace;font-size:.75rem}.dxl-cell-error{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dc2626;font-size:.75rem}.dxl-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.6875rem;font-weight:600;white-space:nowrap}.dxl-badge-success{background:#ecfdf5;color:#059669}.dxl-badge-error{background:#fef2f2;color:#dc2626}.dxl-badge-warn{background:#fffbeb;color:#d97706}.dxl-expand-btn{padding:4px 10px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#6b7280;font-size:.6875rem;font-weight:500;cursor:pointer;transition:background .15s}.dxl-expand-btn:hover{background:#f3f4f6}.dxl-row-expanded td{border-bottom-color:transparent}.dxl-detail{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:16px;margin:0 0 12px}.dxl-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:12px}.dxl-detail-full{grid-column:1 / -1}.dxl-detail-item{display:flex;flex-direction:column;gap:2px}.dxl-detail-label{font-size:.6875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.dxl-detail-value{font-size:.8125rem;color:#111827}.dxl-mono{font-family:SF Mono,Fira Code,monospace;font-size:.75rem;word-break:break-all}.dxl-error-text{color:#dc2626}.dxl-detail-payload{margin-top:10px}.dxl-json{margin:4px 0 0;padding:10px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:.75rem;font-family:SF Mono,Fira Code,monospace;overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto}.dxl-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px}.dxl-page-btn{padding:7px 16px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#374151;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .15s}.dxl-page-btn:hover:not(:disabled){background:#f3f4f6}.dxl-page-btn:disabled{opacity:.4;cursor:not-allowed}.dxl-page-info{font-size:.8125rem;color:#6b7280}@media(max-width:768px){.dxl-table{font-size:.75rem}.dxl-table th,.dxl-table td{padding:8px}}.rb-container{margin-top:20px}.rb-title{font-size:.9375rem;font-weight:700;color:#111827;margin:0 0 12px}.rb-empty{text-align:center;padding:24px;color:#6b7280;font-size:.875rem}.rb-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.rb-tab{position:relative;padding:7px 16px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#374151;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.rb-tab:hover{background:#f9fafb}.rb-tab-active{background:#5e17eb;color:#fff;border-color:#5e17eb}.rb-tab-active:hover{background:#4c0fbd}.rb-tab-dot{position:absolute;top:4px;right:4px;width:6px;height:6px;background:#5e17eb;border-radius:50%}.rb-tab-active .rb-tab-dot{background:#fff}.rb-editor{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.rb-section{margin-bottom:20px}.rb-section:last-child{margin-bottom:0}.rb-label{display:block;font-size:.8125rem;font-weight:600;color:#374151;margin-bottom:6px}.rb-label-sm{display:block;font-size:.75rem;font-weight:600;color:#6b7280;margin:10px 0 4px}.rb-hint{font-size:.75rem;color:#9ca3af;margin:0 0 8px}.rb-type-row{margin-bottom:20px}.rb-type-btns{display:flex;gap:8px}.rb-type-btn{padding:7px 18px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#374151;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s}.rb-type-btn:hover{background:#f9fafb}.rb-type-active{background:#e0d4fc;color:#5e17eb;border-color:#5e17eb;font-weight:600}.rb-input{width:100%;padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:.8125rem;color:#111827;background:#fff;box-sizing:border-box}.rb-input:focus{outline:none;border-color:#5e17eb;box-shadow:0 0 0 2px #5e17eb1a}.rb-input-sm{padding:6px 10px;font-size:.75rem}.rb-select{width:100%;padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:.8125rem;color:#111827;background:#fff;box-sizing:border-box}.rb-select-sm{width:auto;min-width:120px}.rb-kv{margin-top:4px}.rb-kv-list{margin-bottom:8px}.rb-kv-row{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;margin-bottom:4px;font-size:.8125rem}.rb-kv-key{font-weight:600;color:#374151;min-width:80px;font-family:SF Mono,Fira Code,monospace;font-size:.75rem}.rb-kv-val{flex:1;color:#6b7280;word-break:break-word}.rb-kv-remove{padding:2px;border:none;background:none;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0}.rb-kv-remove:hover{color:#dc2626}.rb-kv-add{display:flex;gap:6px;align-items:center}.rb-kv-add .rb-input-sm{flex:1}.rb-kv-add-btn{padding:6px 14px;border:1px solid #5e17eb;border-radius:8px;background:#fff;color:#5e17eb;font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap}.rb-kv-add-btn:hover:not(:disabled){background:#f5f0ff}.rb-kv-add-btn:disabled{opacity:.4;cursor:not-allowed}.rb-condition{border:1px solid #e5e7eb;border-radius:10px;padding:14px;margin-bottom:10px;background:#fafafa}.rb-condition-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.rb-condition-num{font-size:.75rem;font-weight:700;color:#5e17eb;text-transform:uppercase;letter-spacing:.5px}.rb-condition-remove{padding:3px 10px;border:1px solid #fecaca;border-radius:6px;background:#fff;color:#dc2626;font-size:.6875rem;font-weight:500;cursor:pointer}.rb-condition-remove:hover{background:#fef2f2}.rb-condition-fields{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;margin-bottom:10px}.rb-condition-response{padding-top:10px;border-top:1px solid #e5e7eb}.rb-add-condition{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px dashed #d1d5db;border-radius:10px;background:#fff;color:#6b7280;font-size:.8125rem;font-weight:500;cursor:pointer;width:100%;justify-content:center;transition:border-color .15s,color .15s}.rb-add-condition:hover{border-color:#5e17eb;color:#5e17eb}@media(max-width:768px){.rb-condition-fields{grid-template-columns:1fr}.rb-kv-add{flex-direction:column}.rb-kv-add .rb-input-sm{width:100%}}.dx-container{margin-top:24px}.dx-loading{text-align:center;padding:40px;color:#6b7280}.dx-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dx-title{font-size:1.125rem;font-weight:700;color:#111827;margin:0}.dx-header-actions{display:flex;gap:8px}.dx-toggle-logs{display:flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#374151;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.dx-toggle-logs:hover{background:#f9fafb;border-color:#d1d5db}.dx-level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.dx-level-card{position:relative;display:flex;flex-direction:column;padding:20px;border:2px solid #e5e7eb;border-radius:16px;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s;text-align:left}.dx-level-card:hover:not(:disabled){border-color:#d1d5db;box-shadow:0 4px 16px #5e17eb0f;transform:translateY(-1px)}.dx-level-selected{border-color:#5e17eb;box-shadow:0 0 0 3px #5e17eb1f}.dx-level-locked{opacity:.65;cursor:not-allowed}.dx-lock-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#ffffffd9;border-radius:14px;z-index:2;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:capitalize}.dx-level-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dx-level-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.dx-badge-free{background:#ecfdf5;color:#059669}.dx-badge-pro{background:#e0d4fc;color:#5e17eb}.dx-badge-enterprise{background:#fef3c7;color:#d97706}.dx-level-num{font-size:.75rem;color:#9ca3af;font-weight:500}.dx-level-name{font-size:.9375rem;font-weight:700;color:#111827;margin:0 0 6px}.dx-level-desc{font-size:.8125rem;color:#6b7280;line-height:1.5;margin:0;flex:1}.dx-level-check{position:absolute;top:12px;right:12px;color:#5e17eb}.dx-config-panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;padding:24px;margin-bottom:20px}.dx-config-title{font-size:.9375rem;font-weight:700;color:#111827;margin:0 0 6px}.dx-config-hint{font-size:.8125rem;color:#6b7280;margin:0 0 16px;line-height:1.5}.dx-field{margin-bottom:16px}.dx-label{display:block;font-size:.8125rem;font-weight:600;color:#374151;margin-bottom:6px}.dx-input{width:100%;padding:10px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:.875rem;color:#111827;background:#fff;transition:border-color .15s;box-sizing:border-box}.dx-input:focus{outline:none;border-color:#5e17eb;box-shadow:0 0 0 3px #5e17eb1a}.dx-input-mono{font-family:SF Mono,Fira Code,monospace;font-size:.8125rem}.dx-copy-row{display:flex;gap:8px}.dx-copy-row .dx-input{flex:1}.dx-copy-btn{padding:10px 16px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#374151;font-size:.8125rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}.dx-copy-btn:hover{background:#f3f4f6}.dx-field-actions{margin-top:8px}.dx-test-btn{padding:8px 16px;border:1px solid #5e17eb;border-radius:10px;background:#fff;color:#5e17eb;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s}.dx-test-btn:hover:not(:disabled){background:#f5f0ff}.dx-test-btn:disabled{opacity:.5;cursor:not-allowed}.dx-test-result{margin-top:12px;border-radius:10px;padding:14px;font-size:.8125rem}.dx-test-success{background:#ecfdf5;border:1px solid #a7f3d0}.dx-test-error{background:#fef2f2;border:1px solid #fecaca}.dx-test-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.dx-test-status{font-weight:700}.dx-test-code,.dx-test-duration{color:#6b7280;font-size:.75rem}.dx-test-error-msg{color:#dc2626;margin:4px 0 0}.dx-test-json{margin:8px 0 0;padding:10px;background:#0000000a;border-radius:8px;font-size:.75rem;font-family:SF Mono,Fira Code,monospace;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.dx-keys-section{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.dx-keys-actions{display:flex;gap:10px;margin-top:12px}.dx-btn-generate{padding:9px 18px;border:none;border-radius:10px;background:#5e17eb;color:#fff;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s}.dx-btn-generate:hover:not(:disabled){background:#4c0fbd}.dx-btn-generate:disabled{opacity:.6;cursor:not-allowed}.dx-btn-download{display:flex;align-items:center;gap:6px;padding:9px 18px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#374151;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s}.dx-btn-download:hover{background:#f3f4f6}.dx-key-status{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:.8125rem;color:#059669;font-weight:500}.dx-save-row{display:flex;justify-content:flex-end;margin-top:20px}.dx-save-btn{padding:10px 28px;border:none;border-radius:10px;background:#5e17eb;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s}.dx-save-btn:hover:not(:disabled){background:#4c0fbd}.dx-save-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.dx-level-grid{grid-template-columns:1fr}.dx-header{flex-direction:column;align-items:flex-start;gap:12px}.dx-copy-row,.dx-keys-actions{flex-direction:column}}.fd-container{max-width:1100px;margin:0 auto}.fd-loading{text-align:center;padding:60px;color:#6b7280}.fd-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;flex-wrap:wrap}.fd-header-left{display:flex;align-items:center;gap:12px}.fd-back-btn{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px}.fd-back-btn:hover{color:#111827}.fd-title{font-size:1.35rem;font-weight:800;color:#111827;margin:0}.fd-subtitle{display:flex;align-items:center;gap:10px;margin-top:4px;flex-wrap:wrap}.fd-category{font-size:.8rem;color:#6b7280}.fd-meta-id{font-size:.75rem;color:#9ca3af;font-family:monospace}.fd-badge{font-size:.7rem;font-weight:600;padding:3px 10px;border-radius:999px}.fd-badge-draft{background:#fef3c7;color:#92400e}.fd-badge-published{background:#d1fae5;color:#065f46}.fd-badge-deprecated{background:#f3f4f6;color:#6b7280}.fd-badge-error{background:#fee2e2;color:#991b1b}.fd-header-actions{display:flex;gap:8px;flex-wrap:wrap}.fd-action-btn{padding:8px 16px;border:1px solid #e5e7eb;border-radius:10px;font-size:.825rem;font-weight:600;cursor:pointer;background:#fff}.fd-action-btn:hover{background:#f9fafb}.fd-btn-edit{color:#5e17eb;border-color:#d6c4f8}.fd-btn-publish{color:#059669;border-color:#a7f3d0;background:#ecfdf5}.fd-btn-publish:hover{background:#d1fae5}.fd-btn-send{color:#fff;background:#5e17eb;border-color:#5e17eb}.fd-btn-send:hover{background:#4c0fbd}.fd-btn-delete{color:#dc2626;border-color:#fecaca}.fd-btn-delete:hover{background:#fef2f2}.fd-btn-deprecate{color:#6b7280}.fd-btn-analytics{color:#5e17eb;border-color:#d6c4f8;display:inline-flex;align-items:center;gap:5px}.fd-btn-analytics:hover{background:#f0ebff}.fd-btn-refresh{color:#374151;display:inline-flex;align-items:center;gap:5px}.fd-btn-refresh:disabled{opacity:.5;cursor:not-allowed}.fd-errors-card{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:16px;margin-bottom:20px}.fd-errors-card h4{margin:0 0 8px;color:#991b1b;font-size:.875rem}.fd-error-item{font-size:.8rem;color:#dc2626;padding:4px 0}.fd-send-panel{background:#f0ebff;border:1px solid #d6c4f8;border-radius:12px;padding:20px;margin-bottom:20px}.fd-send-panel h4{margin:0 0 12px;color:#5e17eb;font-size:.95rem}.fd-send-form{display:flex;gap:8px;flex-wrap:wrap}.fd-send-input{flex:1;min-width:160px;padding:10px 14px;border:1px solid #d6c4f8;border-radius:10px;font-size:.85rem;outline:none;background:#fff}.fd-send-input:focus{border-color:#5e17eb}.fd-send-btn{padding:10px 20px;background:#5e17eb;color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;font-size:.85rem}.fd-send-btn:disabled{opacity:.6;cursor:not-allowed}.fd-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:24px}.fd-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.fd-info-label{display:block;font-size:.75rem;color:#9ca3af;margin-bottom:4px}.fd-info-value{font-size:.9rem;font-weight:600;color:#111827}.fd-info-mono{font-family:monospace;font-size:.8rem;word-break:break-all}.fd-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;margin-bottom:20px}.fd-section-title{font-size:1rem;font-weight:700;color:#111827;margin:0 0 12px}.fd-description{font-size:.875rem;color:#4b5563;margin:0;line-height:1.5}.fd-no-json{font-size:.85rem;color:#9ca3af;font-style:italic;margin:0}.fd-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.fd-section-header .fd-section-title{margin-bottom:0}.fd-preview-toggle{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:.8rem;font-weight:600;background:#fff;color:#6b7280;cursor:pointer}.fd-preview-toggle:hover{background:#f9fafb}.fd-preview-toggle.active{background:#5e17eb;color:#fff;border-color:#5e17eb}.fd-json-layout{display:flex;gap:20px}.fd-json-col{flex:1;min-width:0}.fd-preview-col{flex:0 0 350px}@media(max-width:768px){.fd-header{flex-direction:column}.fd-header-actions{width:100%}.fd-info-grid{grid-template-columns:1fr 1fr}.fd-send-form,.fd-json-layout{flex-direction:column}.fd-preview-col{flex:none}}.fr-container{max-width:1100px;margin:0 auto}.fr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.fr-header-left{display:flex;align-items:center;gap:12px}.fr-back-btn{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px}.fr-back-btn:hover{color:#111827}.fr-title{font-size:1.2rem;font-weight:800;color:#111827;margin:0}.fr-count{font-size:.8rem;color:#9ca3af}.fr-export-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#5e17eb;color:#fff;border:none;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer}.fr-export-btn:hover{background:#4c0fbd}.fr-export-btn:disabled{opacity:.5;cursor:not-allowed}.fr-loading,.fr-empty{text-align:center;padding:60px 20px;color:#6b7280}.fr-table-wrap{overflow-x:auto;background:#fff;border:1px solid #e5e7eb;border-radius:12px}.fr-table{width:100%;border-collapse:collapse;font-size:.85rem}.fr-table th{background:#f9fafb;text-align:left;padding:12px 16px;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.fr-table td{padding:10px 16px;border-bottom:1px solid #f3f4f6;color:#4b5563;max-width:200px;overflow:hidden;text-overflow:ellipsis}.fr-table tbody tr:hover{background:#f9fafb}.fr-cell-name{font-weight:600;color:#111827}.fr-cell-phone{font-family:monospace;font-size:.8rem}.fr-cell-date{white-space:nowrap;color:#9ca3af;font-size:.8rem}.fr-cell-data{font-size:.8rem}.fr-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px}.fr-pagination button{padding:8px 16px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;font-size:.825rem}.fr-pagination button:disabled{opacity:.4;cursor:not-allowed}.fr-pagination span{font-size:.825rem;color:#6b7280}@media(max-width:768px){.fr-header{flex-direction:column;align-items:flex-start}}.fa-page{max-width:1000px;margin:0 auto}.fa-loading{text-align:center;padding:60px;color:#9ca3af;font-size:.9rem}.fa-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;gap:16px}.fa-header-left{display:flex;flex-direction:column;gap:4px}.fa-header-right{display:flex;gap:8px}.fa-back-btn{display:inline-flex;align-items:center;gap:4px;border:none;background:none;color:#6b7280;font-size:.8rem;cursor:pointer;padding:0;margin-bottom:4px;transition:color .15s}.fa-back-btn:hover{color:#5e17eb}.fa-title{font-size:1.5rem;font-weight:800;color:#111827;margin:0}.fa-subtitle{font-size:.85rem;color:#9ca3af;font-weight:500}.fa-action-btn{padding:8px 16px;border:1px solid #e5e7eb;border-radius:10px;font-size:.825rem;font-weight:600;cursor:pointer;background:#fff;color:#374151}.fa-action-btn:hover{background:#f9fafb}.fa-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:24px}.fa-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:4px}.fa-stat-label{font-size:.75rem;color:#9ca3af;font-weight:500}.fa-stat-value{font-size:1.5rem;font-weight:800;color:#111827}.fa-stat-primary{color:#5e17eb}.fa-stat-bar{height:5px;background:#f3f4f6;border-radius:999px;margin-top:6px;overflow:hidden}.fa-stat-bar-fill{height:100%;background:#5e17eb;border-radius:999px;transition:width .6s ease}.fa-chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;margin-bottom:20px}.fa-chart-title{font-size:1rem;font-weight:700;color:#111827;margin:0 0 16px}.fa-chart-wrap{width:100%}.fa-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;margin-bottom:20px}.fa-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.fa-section-header .fa-section-title{margin-bottom:0}.fa-section-title{font-size:1rem;font-weight:700;color:#111827;margin:0 0 16px}.fa-link-btn{border:none;background:none;color:#5e17eb;font-size:.8rem;font-weight:600;cursor:pointer;padding:0}.fa-link-btn:hover{text-decoration:underline}.fa-field-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.fa-field-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.fa-field-name{font-size:.85rem;font-weight:700;color:#374151;margin:0 0 10px;text-transform:capitalize}.fa-field-chart{width:100%}.fa-table-wrap{overflow-x:auto}.fa-table{width:100%;border-collapse:collapse;font-size:.825rem}.fa-table th{text-align:left;padding:10px 12px;font-weight:600;color:#6b7280;border-bottom:2px solid #e5e7eb;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.fa-table td{padding:10px 12px;border-bottom:1px solid #f3f4f6;color:#374151}.fa-table tr:hover{background:#faf9fe}.fa-mono{font-family:monospace;font-size:.8rem}.fa-response-data{display:flex;flex-wrap:wrap;gap:6px}.fa-data-chip{display:inline-block;background:#f0ebff;color:#4b5563;padding:3px 8px;border-radius:6px;font-size:.75rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fa-data-chip strong{color:#5e17eb;font-weight:600;margin-right:3px}.fa-empty{text-align:center;padding:60px 20px;color:#9ca3af}.fa-empty p{margin:16px 0 0;font-size:.9rem}@media(max-width:768px){.fa-header{flex-direction:column}.fa-stats-grid{grid-template-columns:1fr 1fr}.fa-field-grid{grid-template-columns:1fr}}.cbd-root{--cbd-text-primary: #111827;--cbd-text-muted: #6b7280;--cbd-border: #e5e7eb;--cbd-bg-card: #ffffff;--cbd-bg-page: #f9fafb;--cbd-radius: 16px;--cbd-heat-0: #f3f4f6;--cbd-heat-1: #e0d4fc;--cbd-heat-2: #a78bfa;--cbd-heat-3: #7c3aed;--cbd-heat-4: #5e17eb;padding:0 0 40px;font-family:Inter,sans-serif}.cbd-loading{display:flex;align-items:center;gap:12px;justify-content:center;padding:80px 0;color:#6b7280;font-size:.9rem}.cbd-spinner{width:24px;height:24px;border:3px solid #e5e7eb;border-top-color:#5e17eb;border-radius:50%;animation:cbd-spin .7s linear infinite}@keyframes cbd-spin{to{transform:rotate(360deg)}}.cbd-spin{animation:cbd-spin .7s linear infinite}.cbd-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:24px}.cbd-header-left{display:flex;align-items:baseline;gap:12px}.cbd-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.cbd-updated{font-size:.78rem;color:#9ca3af}.cbd-header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cbd-range-group{display:flex;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.cbd-range-btn{padding:6px 14px;font-size:.82rem;background:#fff;border:none;cursor:pointer;color:#374151;transition:background .15s,color .15s}.cbd-range-btn:not(:last-child){border-right:1px solid #e5e7eb}.cbd-range-btn.active{background:#5e17eb;color:#fff;font-weight:600}.cbd-range-btn:not(.active):hover{background:#f3f4f6}.cbd-refresh-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;color:#6b7280;transition:background .15s}.cbd-refresh-btn:hover{background:#f3f4f6}.cbd-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.cbd-toggle-row{display:flex;align-items:center;gap:8px}.cbd-toggle-label{font-size:.82rem;font-weight:600;color:#374151}.cbd-toggle{width:40px;height:22px;border-radius:999px;background:#d1d5db;border:none;cursor:pointer;position:relative;transition:background .2s;padding:0}.cbd-toggle.on{background:#5e17eb}.cbd-toggle:disabled{opacity:.6;cursor:not-allowed}.cbd-toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s;display:block}.cbd-toggle.on .cbd-toggle-thumb{transform:translate(18px)}.cbd-kpi-row{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:20px}@media(max-width:1100px){.cbd-kpi-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.cbd-kpi-row{grid-template-columns:repeat(2,1fr)}}.cbd-kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px 16px}.cbd-kpi-label{font-size:.78rem;color:#6b7280;margin-bottom:6px;font-weight:500}.cbd-kpi-value{font-size:1.6rem;font-weight:700;color:#111827;line-height:1}.cbd-kpi-sub{font-size:.72rem;color:#9ca3af;margin-top:4px}.cbd-charts-row{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:900px){.cbd-charts-row{grid-template-columns:1fr}}.cbd-chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:var(--cbd-radius);padding:20px 20px 16px;margin-bottom:16px}.cbd-chart-card h3{font-size:.95rem;font-weight:600;color:#111827;margin:0 0 14px}.cbd-chart-empty{display:flex;align-items:center;justify-content:center;height:180px;color:#9ca3af;font-size:.85rem}.cbd-heatmap-card{margin-bottom:16px}.cbd-heatmap{overflow-x:auto}.cbd-heatmap-hours{display:flex;margin-left:36px;margin-bottom:2px}.cbd-heatmap-corner{width:0;flex-shrink:0}.cbd-heatmap-hour-label{flex:1;font-size:.65rem;color:#9ca3af;text-align:center;min-width:18px}.cbd-heatmap-row{display:flex;align-items:center;gap:2px;margin-bottom:2px}.cbd-heatmap-day-label{width:36px;font-size:.7rem;color:#6b7280;flex-shrink:0;text-align:right;padding-right:6px}.cbd-heatmap-cell{flex:1;min-width:18px;height:18px;border-radius:3px;cursor:default;transition:opacity .1s}.cbd-heatmap-cell:hover{opacity:.8}.cbd-heatmap-legend{display:flex;align-items:center;gap:4px;margin-top:8px;font-size:.72rem;color:#9ca3af}.cbd-heatmap-legend-cell{width:16px;height:16px;border-radius:3px}.cbd-handoffs-list{display:flex;flex-direction:column;gap:10px}.cbd-handoff-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f3f4f6}.cbd-handoff-item:last-child{border-bottom:none}.cbd-handoff-avatar{width:36px;height:36px;border-radius:50%;background:#e0d4fc;color:#5e17eb;font-size:.9rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cbd-handoff-body{flex:1;display:flex;flex-direction:column;gap:2px}.cbd-handoff-name{font-size:.9rem;font-weight:600;color:#111827}.cbd-handoff-phone{font-size:.78rem;color:#6b7280}.cbd-handoff-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.cbd-handoff-turns,.cbd-handoff-time{font-size:.75rem;color:#9ca3af}.cbd-hub-section{margin-top:8px}.cbd-hub-title{font-size:1rem;font-weight:600;color:#374151;margin:0 0 14px}.cbd-hub-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}@media(max-width:1100px){.cbd-hub-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.cbd-hub-grid{grid-template-columns:repeat(2,1fr)}}.cbd-hub-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;cursor:pointer;transition:box-shadow .2s,transform .2s;text-align:center}.cbd-hub-card:hover{box-shadow:0 6px 24px #5e17eb1a;transform:translateY(-2px)}.cbd-hub-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.cbd-hub-label{font-size:.78rem;font-weight:600;color:#374151;white-space:nowrap}.cbd-section-header{display:flex;align-items:center;justify-content:space-between;margin:28px 0 12px}.cbd-section-title{font-size:1.1rem;font-weight:700;color:#111827;margin:0}.cbd-section-link{font-size:.8rem;color:#5e17eb;text-decoration:none;font-weight:500}.cbd-section-link:hover{text-decoration:underline}.cbd-tag-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:36px 24px;text-align:center}.cbd-tag-empty-icon{font-size:2rem}.cbd-tag-empty-text{color:#6b7280;font-size:.9rem;max-width:360px;margin:0}.cbd-tag-empty-btn{background:#5e17eb;color:#fff;border:none;border-radius:8px;padding:8px 18px;font-size:.85rem;font-weight:600;cursor:pointer}.cbd-tag-empty-btn:hover{background:#4c0fbd}.cbd-tag-activity-table{font-size:.82rem}.cbd-tag-activity-head{display:grid;grid-template-columns:1.4fr 1.2fr .8fr 1.2fr .7fr;gap:8px;padding:6px 10px;background:#f9fafb;border-radius:8px;font-weight:600;color:#6b7280;margin-bottom:4px}.cbd-tag-activity-row{display:grid;grid-template-columns:1.4fr 1.2fr .8fr 1.2fr .7fr;gap:8px;padding:8px 10px;border-bottom:1px solid #f3f4f6;align-items:center}.cbd-tag-activity-row:last-child{border-bottom:none}.cbd-tag-act-contact{font-weight:500;color:#111827}.cbd-tag-act-rule{color:#6b7280;font-size:.78rem}.cbd-tag-act-time{color:#9ca3af;font-size:.78rem;white-space:nowrap}.cbd-tag-badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:500;padding:2px 8px 2px 6px;border-radius:999px;border:1px solid currentColor;background:#fff}.cbd-tag-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.cbd-source-badge{display:inline-block;font-size:.72rem;font-weight:600;padding:2px 7px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.cbd-source-rule{background:#ede5ff;color:#5e17eb}.cbd-source-ai{background:#d1fae5;color:#059669}.cbd-source-manual{background:#dbeafe;color:#2563eb}.bh-editor{display:flex;flex-direction:column;gap:12px}.bh-actions{display:flex;gap:10px;align-items:center}.bh-btn-outline{padding:6px 14px;border:1px solid #5e17eb;background:#fff;color:#5e17eb;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .2s}.bh-btn-outline:hover{background:#f5f0ff}.bh-btn-text{padding:6px 14px;border:none;background:none;color:#6b7280;font-size:.8rem;font-weight:500;cursor:pointer;text-decoration:underline}.bh-btn-text:hover{color:#374151}.bh-grid{display:flex;flex-direction:column;gap:0;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.bh-row{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid #f3f4f6;background:#fff;transition:background .15s}.bh-row:last-child{border-bottom:none}.bh-row-closed{background:#f9fafb}.bh-day-label{width:100px;flex-shrink:0;font-size:.875rem;font-weight:500;color:#374151}.bh-row-closed .bh-day-label{color:#9ca3af}.bh-time-inputs{display:flex;align-items:center;gap:8px;flex:1}.bh-time{padding:6px 10px;border:1px solid #e5e7eb;border-radius:8px;font-size:.85rem;color:#111827;background:#fff;font-family:inherit;width:120px}.bh-time:focus{outline:none;border-color:#5e17eb}.bh-time:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.bh-separator{font-size:.8rem;color:#9ca3af}.bh-closed-toggle{padding:4px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;background:#d1fae5;color:#065f46;transition:all .15s;flex-shrink:0}.bh-closed-active{background:#fee2e2;color:#991b1b;border-color:#fecaca}.bh-btn-add{border:none;background:none;color:#5e17eb;font-size:.8rem;font-weight:500;cursor:pointer;padding:4px 0}.bh-btn-add:hover{text-decoration:underline}.bh-note{font-size:.8rem;color:#9ca3af;text-align:center;padding:8px 0}@media(max-width:768px){.bh-row{flex-wrap:wrap;gap:8px}.bh-day-label{width:80px}.bh-time{width:100px}}.ae-action{border:1px solid #e5e7eb;border-radius:10px;background:#fafafa;overflow:hidden}.ae-action-header{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f3f4f6;border-bottom:1px solid #e5e7eb}.ae-action-number{width:24px;height:24px;border-radius:50%;background:#5e17eb;color:#fff;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ae-action-body{padding:12px}.ae-field{margin-bottom:10px}.ae-field:last-child{margin-bottom:0}.ae-label{display:block;font-size:.8rem;font-weight:500;color:#374151;margin-bottom:4px}.ae-input{width:100%;padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:.85rem;color:#111827;background:#fff;box-sizing:border-box;font-family:inherit}.ae-input:focus{outline:none;border-color:#5e17eb}.ae-input-sm{width:140px;flex-shrink:0}.ae-input-narrow{width:100px}.ae-textarea{width:100%;padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:.85rem;color:#111827;background:#fff;box-sizing:border-box;font-family:inherit;resize:vertical;min-height:50px}.ae-textarea:focus{outline:none;border-color:#5e17eb}.ae-textarea-code{font-family:Courier New,monospace;font-size:.8rem}.ae-select{width:100%;padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:.85rem;color:#111827;background:#fff;box-sizing:border-box;font-family:inherit;cursor:pointer}.ae-select:focus{outline:none;border-color:#5e17eb}.ae-select-type{flex:1}.ae-hint{display:block;font-size:.75rem;color:#9ca3af;margin-top:4px}.ae-field-row{display:flex;gap:10px}.ae-field-row .ae-field{flex:1}.ae-button-row{display:flex;gap:8px;align-items:center;margin-bottom:6px}.ae-btn-remove-sm{width:28px;height:28px;border:none;background:none;color:#ef4444;cursor:pointer;font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:4px}.ae-btn-remove-sm:hover{background:#fef2f2}.ae-btn-add-sm{border:none;background:none;color:#5e17eb;font-size:.8rem;font-weight:500;cursor:pointer;padding:4px 0}.ae-btn-add-sm:hover{text-decoration:underline}.ae-btn-remove{width:32px;height:32px;border:none;background:none;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:6px;margin-left:auto}.ae-btn-remove:hover{background:#fef2f2;color:#ef4444}@media(max-width:768px){.ae-field-row{flex-direction:column}.ae-button-row{flex-wrap:wrap}.ae-input-sm{width:100%}}.cre-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.cre-modal{background:#fff;border-radius:16px;width:100%;max-width:680px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000026}.cre-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.cre-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#111827}.cre-close{width:32px;height:32px;border:none;background:none;font-size:1.5rem;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px}.cre-close:hover{background:#f3f4f6;color:#374151}.cre-body{padding:20px 24px;overflow-y:auto;flex:1}.cre-section{margin-top:20px;padding-top:20px;border-top:1px solid #f3f4f6}.cre-section-title{font-size:.9rem;font-weight:600;color:#5e17eb;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.cre-field{margin-bottom:12px}.cre-field:last-child{margin-bottom:0}.cre-label{display:block;font-size:.8rem;font-weight:500;color:#374151;margin-bottom:4px}.cre-input{width:100%;padding:9px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;color:#111827;background:#fff;box-sizing:border-box;font-family:inherit}.cre-input:focus{outline:none;border-color:#5e17eb;box-shadow:0 0 0 3px #5e17eb14}.cre-select{width:100%;padding:9px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;color:#111827;background:#fff;box-sizing:border-box;font-family:inherit;cursor:pointer}.cre-select:focus{outline:none;border-color:#5e17eb}.cre-field-row{display:flex;gap:12px}.cre-field-row .cre-field{flex:1}.cre-checkbox-label{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#374151;cursor:pointer;margin-top:8px}.cre-checkbox-label input[type=checkbox]{accent-color:#5e17eb}.cre-test{margin-top:12px;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #f3f4f6}.cre-test-row{display:flex;gap:8px}.cre-test-row .cre-input{flex:1}.cre-btn-test{padding:8px 16px;border:1px solid #5e17eb;background:#fff;color:#5e17eb;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;flex-shrink:0}.cre-btn-test:hover{background:#f5f0ff}.cre-btn-test:disabled{opacity:.5;cursor:not-allowed}.cre-test-result{margin-top:8px;padding:6px 10px;border-radius:6px;font-size:.8rem;font-weight:500}.cre-test-match{background:#d1fae5;color:#065f46}.cre-test-no-match{background:#fee2e2;color:#991b1b}.cre-actions-list{display:flex;flex-direction:column;gap:10px}.cre-btn-add-action{margin-top:10px;border:1px dashed #d1d5db;background:#fff;color:#5e17eb;padding:10px;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;width:100%;transition:border-color .2s,background .2s}.cre-btn-add-action:hover{border-color:#5e17eb;background:#f5f0ff}.cre-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #e5e7eb}.cre-btn-cancel{padding:9px 20px;border:1px solid #e5e7eb;background:#fff;color:#374151;border-radius:8px;font-size:.875rem;cursor:pointer}.cre-btn-cancel:hover{background:#f3f4f6}.cre-btn-save{padding:9px 24px;border:none;background:#5e17eb;color:#fff;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer}.cre-btn-save:hover{background:#4c0fbd}.cre-btn-save:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.cre-modal{max-height:95vh}.cre-field-row{flex-direction:column}}.crl-loading{text-align:center;padding:40px 20px;color:#6b7280;font-size:.9rem}.crl-container{display:flex;flex-direction:column;gap:16px}.crl-header{display:flex;align-items:center;justify-content:space-between}.crl-header-info{display:flex;flex-direction:column;gap:2px}.crl-count{font-size:.9rem;font-weight:600;color:#374151}.crl-hint{font-size:.75rem;color:#9ca3af}.crl-btn-create{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#5e17eb;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .2s}.crl-btn-create:hover{background:#4c0fbd}.crl-empty{display:flex;flex-direction:column;align-items:center;padding:60px 20px;color:#9ca3af;text-align:center;gap:12px}.crl-empty p{font-size:1rem;font-weight:500;color:#6b7280;margin:0}.crl-empty span{font-size:.85rem;margin-bottom:8px}.crl-list{display:flex;flex-direction:column;gap:8px}.crl-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:box-shadow .2s,transform .2s}.crl-card:hover{box-shadow:0 2px 8px #5e17eb0f}.crl-card-inactive{opacity:.55}.crl-card-reorder{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0}.crl-btn-move{width:24px;height:20px;border:none;background:none;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;padding:0}.crl-btn-move:hover:not(:disabled){color:#5e17eb;background:#f5f0ff}.crl-btn-move:disabled{opacity:.3;cursor:not-allowed}.crl-priority{font-size:.7rem;color:#9ca3af;font-weight:600}.crl-card-main{flex:1;cursor:pointer;min-width:0}.crl-card-top{display:flex;align-items:center;gap:8px;margin-bottom:4px}.crl-rule-name{font-size:.9rem;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crl-trigger-badge{display:inline-flex;padding:2px 8px;border-radius:6px;font-size:.7rem;font-weight:600;white-space:nowrap;flex-shrink:0}.crl-card-bottom{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#6b7280}.crl-trigger-value{color:#9ca3af;font-style:italic;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crl-action-summary{color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crl-card-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.crl-btn-toggle{position:relative;width:36px;height:20px;border-radius:10px;border:none;background:#d1d5db;cursor:pointer;transition:background .2s;padding:0}.crl-toggle-active{background:#5e17eb}.crl-toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 2px #00000026}.crl-toggle-active .crl-toggle-knob{transform:translate(16px)}.crl-btn-icon{width:32px;height:32px;border:none;background:none;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px}.crl-btn-icon:hover{background:#fef2f2;color:#ef4444}@media(max-width:768px){.crl-header{flex-direction:column;align-items:flex-start;gap:10px}.crl-card,.crl-card-bottom{flex-wrap:wrap}}.cbs-loading{text-align:center;padding:40px 20px;color:#6b7280;font-size:.9rem}.cbs-container{display:flex;flex-direction:column;gap:16px}.cbs-filters{display:flex;align-items:center;gap:12px}.cbs-select{padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:.85rem;color:#111827;background:#fff;cursor:pointer;font-family:inherit}.cbs-select:focus{outline:none;border-color:#5e17eb}.cbs-count{font-size:.8rem;color:#9ca3af}.cbs-empty{display:flex;flex-direction:column;align-items:center;padding:60px 20px;color:#9ca3af;text-align:center;gap:12px}.cbs-empty p{font-size:1rem;font-weight:500;color:#6b7280;margin:0}.cbs-empty span{font-size:.85rem}.cbs-table-wrap{overflow-x:auto}.cbs-table{width:100%;border-collapse:collapse;font-size:.875rem}.cbs-table th{text-align:left;padding:10px 12px;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e5e7eb}.cbs-row{cursor:pointer;transition:background .15s}.cbs-row:hover{background:#f9fafb}.cbs-row td{padding:12px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.cbs-contact{display:flex;flex-direction:column;gap:2px}.cbs-contact-name{font-weight:500;color:#111827}.cbs-contact-phone{font-size:.75rem;color:#9ca3af}.cbs-status-badge{display:inline-flex;padding:3px 10px;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:capitalize;white-space:nowrap}.cbs-turns{font-weight:500;color:#374151}.cbs-rule{color:#6b7280;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cbs-duration,.cbs-time{color:#6b7280;white-space:nowrap;font-size:.8rem}.cbs-pagination{display:flex;align-items:center;justify-content:center;gap:16px}.cbs-page-btn{padding:6px 14px;border:1px solid #e5e7eb;background:#fff;color:#374151;border-radius:6px;font-size:.8rem;cursor:pointer}.cbs-page-btn:hover:not(:disabled){background:#f3f4f6}.cbs-page-btn:disabled{opacity:.4;cursor:not-allowed}.cbs-page-info{font-size:.8rem;color:#6b7280}.cbs-detail-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.cbs-detail-modal{background:#fff;border-radius:16px;width:100%;max-width:520px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000026}.cbs-detail-header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #e5e7eb}.cbs-detail-header h3{margin:0;font-size:1rem;font-weight:600;color:#111827}.cbs-detail-meta{font-size:.75rem;color:#9ca3af;margin-top:2px;display:block}.cbs-detail-close{width:32px;height:32px;border:none;background:none;font-size:1.5rem;color:#9ca3af;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center}.cbs-detail-close:hover{background:#f3f4f6}.cbs-detail-messages{padding:16px 20px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:8px}.cbs-msg{display:flex;flex-direction:column;max-width:80%}.cbs-msg-in{align-self:flex-start}.cbs-msg-out{align-self:flex-end}.cbs-msg-bubble{padding:8px 12px;border-radius:12px;font-size:.85rem;line-height:1.4;word-break:break-word;position:relative}.cbs-msg-in .cbs-msg-bubble{background:#f3f4f6;color:#111827;border-bottom-left-radius:4px}.cbs-msg-out .cbs-msg-bubble{background:#5e17eb;color:#fff;border-bottom-right-radius:4px}.cbs-msg-bot-tag{display:inline-block;margin-left:6px;padding:1px 6px;background:#ffffff40;border-radius:4px;font-size:.65rem;font-weight:600;vertical-align:middle;text-transform:uppercase}.cbs-msg-in .cbs-msg-bot-tag{background:#5e17eb1a;color:#5e17eb}.cbs-msg-time{font-size:.65rem;color:#9ca3af;margin-top:2px;padding:0 4px}.cbs-msg-out .cbs-msg-time{text-align:right}.cbst-loading{text-align:center;padding:40px 20px;color:#6b7280;font-size:.9rem}.cbst-container{display:flex;flex-direction:column;gap:24px}.cbst-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cbst-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:4px}.cbst-card-value{font-size:1.5rem;font-weight:700;color:#5e17eb}.cbst-card-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-weight:500}.cbst-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px}.cbst-section-title{font-size:.95rem;font-weight:600;color:#111827;margin:0 0 16px}.cbst-rules-list{display:flex;flex-direction:column;gap:10px}.cbst-rule-row{display:flex;align-items:center;gap:10px}.cbst-rule-rank{width:28px;font-size:.75rem;font-weight:600;color:#9ca3af;flex-shrink:0}.cbst-rule-name{width:140px;font-size:.85rem;color:#374151;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.cbst-rule-bar-wrap{flex:1;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.cbst-rule-bar{height:100%;background:#5e17eb;border-radius:4px;transition:width .3s ease;min-width:4px}.cbst-rule-count{width:36px;text-align:right;font-size:.8rem;font-weight:600;color:#374151;flex-shrink:0}.cbst-empty{text-align:center;padding:24px;color:#9ca3af;font-size:.85rem}@media(max-width:768px){.cbst-cards{grid-template-columns:repeat(2,1fr)}.cbst-rule-name{width:100px}}.kbm-root{display:flex;flex-direction:column;gap:12px}.kbm-loading{color:#6b7280;font-size:.875rem;padding:12px 0}.kbm-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.kbm-count{font-size:.875rem;color:#6b7280}.kbm-add-wrapper{position:relative}.kbm-add-btn{display:inline-flex;align-items:center;background:#5e17eb;color:#fff;border:none;border-radius:10px;padding:8px 16px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s}.kbm-add-btn:hover:not(:disabled){background:#4c0fbd}.kbm-add-btn:disabled{opacity:.45;cursor:default}.kbm-add-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px #0000001a;min-width:160px;z-index:100;overflow:hidden}.kbm-add-option{display:block;width:100%;text-align:left;background:none;border:none;padding:10px 16px;font-size:.9rem;color:#374151;cursor:pointer;transition:background .12s}.kbm-add-option:hover{background:#f5f0ff;color:#5e17eb}.kbm-empty-state{text-align:center;padding:32px 16px;color:#6b7280;font-size:.9rem}.kbm-empty-icon{font-size:2.5rem;margin-bottom:12px}.kbm-empty-hint{font-size:.8125rem;color:#9ca3af;margin-top:6px}.kbm-list{display:flex;flex-direction:column;gap:8px}.kbm-entry-card{display:flex;align-items:center;gap:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px;transition:box-shadow .15s,border-color .15s;cursor:default}.kbm-entry-card:hover{border-color:#c4b5fd;box-shadow:0 2px 8px #5e17eb0f}.kbm-dragging{opacity:.4}.kbm-drag-over{border-color:#5e17eb;box-shadow:0 0 0 2px #5e17eb33}.kbm-drag-handle{color:#9ca3af;font-size:1.25rem;cursor:grab;line-height:1;-webkit-user-select:none;user-select:none;flex-shrink:0}.kbm-drag-handle:active{cursor:grabbing}.kbm-entry-icon{font-size:1.25rem;flex-shrink:0}.kbm-entry-body{flex:1;min-width:0}.kbm-entry-top{display:flex;align-items:center;gap:8px;margin-bottom:4px}.kbm-entry-name{font-size:.9rem;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbm-type-badge{font-size:.7rem;font-weight:600;border-radius:999px;padding:2px 8px;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.kbm-type-text{background:#dbeafe;color:#1d4ed8}.kbm-type-faq{background:#fef3c7;color:#92400e}.kbm-type-file{background:#d1fae5;color:#065f46}.kbm-preview{font-size:.8125rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbm-no-text{color:#9ca3af;font-style:italic}.kbm-entry-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.kbm-edit-btn{background:none;border:1px solid #e5e7eb;border-radius:8px;padding:4px 12px;font-size:.8rem;color:#374151;cursor:pointer;transition:border-color .15s,background .15s}.kbm-edit-btn:hover:not(:disabled){border-color:#5e17eb;color:#5e17eb;background:#f5f0ff}.kbm-edit-btn:disabled{opacity:.4;cursor:default}.kbm-delete-btn{background:none;border:none;color:#9ca3af;font-size:1rem;cursor:pointer;padding:4px;line-height:1;border-radius:6px;transition:color .15s,background .15s}.kbm-delete-btn:hover:not(:disabled){color:#dc2626;background:#fee2e2}.kbm-delete-btn:disabled{opacity:.3;cursor:default}.kbm-active-toggle{width:36px;height:20px;border-radius:999px;background:#d1d5db;border:none;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.kbm-active-toggle.kbm-toggle-on{background:#5e17eb}.kbm-active-toggle:disabled{opacity:.4;cursor:default}.kbm-toggle-knob{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:left .2s}.kbm-toggle-on .kbm-toggle-knob{left:19px}.kbm-modal-overlay{position:fixed;inset:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.kbm-modal{background:#fff;border-radius:20px;width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003}.kbm-modal-wide{max-width:680px}.kbm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.kbm-modal-title{font-size:1.125rem;font-weight:700;color:#111827;margin:0}.kbm-modal-close{background:none;border:none;font-size:1.1rem;color:#9ca3af;cursor:pointer;padding:4px;border-radius:6px;line-height:1;transition:color .15s}.kbm-modal-close:hover{color:#374151}.kbm-modal-body{padding:20px 24px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.kbm-modal-field{display:flex;flex-direction:column;gap:6px}.kbm-modal-label{font-size:.875rem;font-weight:600;color:#374151}.kbm-modal-hint-inline{font-weight:400;color:#6b7280;font-size:.8rem}.kbm-modal-input{border:1px solid #e5e7eb;border-radius:10px;padding:9px 13px;font-size:.9rem;color:#111827;outline:none;transition:border-color .15s;font-family:inherit}.kbm-modal-input:focus{border-color:#5e17eb;box-shadow:0 0 0 3px #5e17eb14}.kbm-modal-textarea{border:1px solid #e5e7eb;border-radius:10px;padding:9px 13px;font-size:.9rem;color:#111827;outline:none;resize:vertical;transition:border-color .15s;font-family:inherit;line-height:1.5}.kbm-modal-textarea:focus{border-color:#5e17eb;box-shadow:0 0 0 3px #5e17eb14}.kbm-modal-hint{font-size:.78rem;color:#9ca3af;align-self:flex-end}.kbm-modal-toggle-row{display:flex;align-items:center;gap:12px}.kbm-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.kbm-btn-cancel{background:none;border:1px solid #e5e7eb;border-radius:10px;padding:9px 20px;font-size:.9rem;color:#374151;cursor:pointer;transition:border-color .15s}.kbm-btn-cancel:hover:not(:disabled){border-color:#9ca3af}.kbm-btn-save{background:#5e17eb;border:none;border-radius:10px;padding:9px 22px;font-size:.9rem;font-weight:600;color:#fff;cursor:pointer;transition:background .15s}.kbm-btn-save:hover:not(:disabled){background:#4c0fbd}.kbm-btn-save:disabled,.kbm-btn-cancel:disabled{opacity:.5;cursor:default}.kbm-faq-header{display:flex;align-items:center;justify-content:space-between}.kbm-bulk-paste{background:none;border:1px solid #e5e7eb;border-radius:8px;padding:4px 12px;font-size:.8rem;color:#5e17eb;cursor:pointer;transition:background .15s}.kbm-bulk-paste:hover{background:#f5f0ff}.kbm-csv-block{display:flex;flex-direction:column;gap:8px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:12px}.kbm-faq-list{display:flex;flex-direction:column;gap:10px;margin-top:8px}.kbm-faq-row{display:flex;gap:8px;align-items:flex-start}.kbm-faq-inputs{flex:1;display:flex;flex-direction:column;gap:6px}.kbm-faq-answer{min-height:56px}.kbm-faq-remove{background:none;border:none;color:#9ca3af;font-size:1.1rem;cursor:pointer;padding:8px 4px;line-height:1;transition:color .15s;flex-shrink:0}.kbm-faq-remove:hover:not(:disabled){color:#dc2626}.kbm-faq-remove:disabled{opacity:.3;cursor:default}.kbm-faq-add{background:none;border:1px dashed #c4b5fd;border-radius:10px;padding:8px 16px;font-size:.875rem;color:#5e17eb;cursor:pointer;width:100%;margin-top:4px;transition:background .15s}.kbm-faq-add:hover{background:#f5f0ff}.kbm-upload-dropzone{border:2px dashed #e5e7eb;border-radius:12px;padding:28px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;background:#f9fafb}.kbm-upload-dropzone:hover,.kbm-dropzone-active{border-color:#5e17eb;background:#f5f0ff}.kbm-dropzone-filled{border-color:#a78bfa;background:#faf5ff}.kbm-dropzone-icon{font-size:2rem;margin-bottom:8px}.kbm-dropzone-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;color:#6b7280;font-size:.9rem}.kbm-dropzone-link{color:#5e17eb;font-weight:600}.kbm-dropzone-hint{font-size:.8rem;color:#9ca3af}.kbm-dropzone-filename{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.9rem;color:#374151;font-weight:500}.kbm-dropzone-size{color:#9ca3af;font-weight:400}.kbm-upload-progress{display:flex;align-items:center;gap:10px}.kbm-progress-bar{flex:1;height:6px;background:#e5e7eb;border-radius:999px;overflow:hidden}.kbm-progress-fill{height:100%;background:#5e17eb;border-radius:999px;transition:width .2s ease}.kbm-progress-label{font-size:.8rem;color:#6b7280;min-width:36px;text-align:right}.kbm-extracted-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px}.kbm-extracted-label{font-size:.78rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.kbm-extracted-text{font-size:.8125rem;color:#374151;line-height:1.6;white-space:pre-wrap}@media(max-width:768px){.kbm-entry-card{flex-wrap:wrap}.kbm-entry-actions{width:100%;justify-content:flex-end;padding-top:8px;border-top:1px solid #f3f4f6}.kbm-modal{max-height:95vh}.kbm-faq-row{flex-direction:column}.kbm-faq-remove{align-self:flex-end}}.tre-overlay{position:fixed;inset:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.tre-modal{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000002e;overflow:hidden}.tre-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.tre-title{font-size:1.05rem;font-weight:700;color:#111827;margin:0}.tre-close{background:none;border:none;font-size:1.4rem;color:#9ca3af;cursor:pointer;line-height:1;padding:0 4px;transition:color .15s}.tre-close:hover{color:#374151}.tre-body{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:0}.tre-section{border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:16px}.tre-section-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#6b7280;margin:0 0 14px}.tre-field{margin-bottom:12px}.tre-field:last-child{margin-bottom:0}.tre-field-row{display:flex;gap:12px;margin-bottom:12px}.tre-field-row .tre-field{flex:1;margin-bottom:0}.tre-label{display:block;font-size:.8rem;font-weight:600;color:#374151;margin-bottom:5px}.tre-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:10px;font-size:.9rem;color:#111827;outline:none;transition:border-color .15s;box-sizing:border-box;font-family:inherit}.tre-input:focus{border-color:#5e17eb}.tre-select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:10px;font-size:.9rem;color:#111827;outline:none;background:#fff;cursor:pointer;transition:border-color .15s;font-family:inherit}.tre-select:focus{border-color:#5e17eb}.tre-checkbox-label{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#374151;cursor:pointer;margin-top:8px}.tre-checkbox-label input[type=checkbox]{width:15px;height:15px;accent-color:#5e17eb;cursor:pointer}.tre-test{margin-top:12px;padding:12px;background:#f9fafb;border-radius:10px;border:1px solid #e5e7eb}.tre-test-row{display:flex;gap:8px}.tre-test-row .tre-input{flex:1}.tre-btn-test{padding:8px 16px;background:#5e17eb;color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}.tre-btn-test:hover{background:#4c0fbd}.tre-btn-test:disabled{opacity:.5;cursor:not-allowed}.tre-test-result{margin-top:8px;padding:6px 10px;border-radius:8px;font-size:.85rem;font-weight:600}.tre-test-match{background:#d1fae5;color:#065f46}.tre-test-no-match{background:#fee2e2;color:#991b1b}.tre-tag-list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.tre-tag-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s}.tre-tag-item:hover{border-color:#5e17eb;background:#f9f5ff}.tre-tag-selected{border-color:#5e17eb;background:#f5f0ff}.tre-tag-item input[type=checkbox]{width:15px;height:15px;accent-color:#5e17eb;cursor:pointer;flex-shrink:0}.tre-tag-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.tre-tag-name{flex:1;font-size:.875rem;font-weight:500;color:#111827}.tre-tag-count{font-size:.75rem;color:#9ca3af;background:#f3f4f6;padding:2px 6px;border-radius:999px}.tre-link{background:none;border:none;color:#5e17eb;font-size:.85rem;font-weight:600;cursor:pointer;padding:0;text-decoration:underline;transition:color .15s}.tre-link:hover{color:#4c0fbd}.tre-create-tag-link{display:block;margin-bottom:12px;text-decoration:none}.tre-create-tag-link:hover{text-decoration:underline}.tre-tag-creator{border:1px dashed #c4b5fd;border-radius:10px;padding:14px;background:#faf8ff;margin-bottom:12px}.tre-tag-creator-title{font-size:.8rem;font-weight:700;color:#5e17eb;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.tre-color-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tre-color-swatch{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .1s;padding:0;flex-shrink:0}.tre-color-swatch:hover{transform:scale(1.15)}.tre-color-active{border-color:#111827;transform:scale(1.1)}.tre-input-hex{width:80px;font-family:monospace;font-size:.8rem}.tre-tag-creator-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.tre-replace-label{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.tre-hint{font-size:.8rem;color:#9ca3af;margin:4px 0 0;line-height:1.4}.tre-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #e5e7eb;flex-shrink:0}.tre-btn-primary{padding:9px 20px;background:#5e17eb;color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s;font-family:inherit}.tre-btn-primary:hover{background:#4c0fbd}.tre-btn-primary:disabled{opacity:.55;cursor:not-allowed}.tre-btn-secondary{padding:9px 20px;background:#f3f4f6;color:#374151;border:1px solid #e5e7eb;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s;font-family:inherit}.tre-btn-secondary:hover{background:#e5e7eb}.cb-settings{max-width:900px;margin:0 auto}.cb-loading{text-align:center;padding:60px 20px;color:#6b7280;font-size:.95rem}.cb-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.cb-header-left{display:flex;align-items:center;gap:12px}.cb-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.cb-status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.cb-status-active{background:#d1fae5;color:#065f46}.cb-status-inactive{background:#f3f4f6;color:#6b7280}.cb-toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.875rem;font-weight:500;color:#374151}.cb-toggle{position:relative;width:44px;height:24px;border-radius:12px;border:none;background:#d1d5db;cursor:pointer;transition:background .2s;padding:0}.cb-toggle-on{background:#5e17eb}.cb-toggle-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #00000026}.cb-toggle-on .cb-toggle-knob{transform:translate(20px)}.cb-tabs{display:flex;gap:0;border-bottom:2px solid #e5e7eb;margin-bottom:24px}.cb-tab{padding:10px 20px;border:none;background:none;color:#6b7280;font-size:.9rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s}.cb-tab:hover{color:#374151}.cb-tab-active{color:#5e17eb;border-bottom-color:#5e17eb;font-weight:600}.cb-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#9ca3af;text-align:center;gap:16px}.cb-placeholder p{font-size:.95rem;margin:0}.cb-general{display:flex;flex-direction:column;gap:0}.cb-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;margin-bottom:20px}.cb-section-title{font-size:1rem;font-weight:600;color:#111827;margin:0 0 16px}.cb-field{margin-bottom:16px}.cb-field:last-child{margin-bottom:0}.cb-label{display:block;font-size:.85rem;font-weight:500;color:#374151;margin-bottom:6px}.cb-input{width:100%;padding:10px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:.9rem;color:#111827;background:#fff;transition:border-color .2s;box-sizing:border-box;font-family:inherit}.cb-input:focus{outline:none;border-color:#5e17eb;box-shadow:0 0 0 3px #5e17eb14}.cb-textarea{width:100%;padding:10px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:.9rem;color:#111827;background:#fff;transition:border-color .2s;box-sizing:border-box;font-family:inherit;resize:vertical;min-height:60px}.cb-textarea:focus{outline:none;border-color:#5e17eb;box-shadow:0 0 0 3px #5e17eb14}.cb-hint{display:block;font-size:.8rem;color:#9ca3af;margin-top:4px}.cb-field-row{display:flex;gap:16px;align-items:flex-start}.cb-field-small{flex:0 0 160px}.cb-field-grow{flex:1}.cb-business-hours-placeholder{padding:24px;text-align:center;color:#9ca3af;background:#f9fafb;border-radius:10px;border:1px dashed #e5e7eb;font-size:.875rem}.cb-save-bar{display:flex;justify-content:flex-end;padding-top:8px}.cb-btn-save{padding:10px 28px;background:#5e17eb;color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.cb-btn-save:hover{background:#4c0fbd}.cb-btn-save:disabled{opacity:.6;cursor:not-allowed}.cb-flows-tab{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:32px;text-align:center}.cb-flows-info{display:flex;align-items:flex-start;gap:16px;text-align:left;margin-bottom:24px}.cb-flows-icon{width:56px;height:56px;border-radius:14px;background:#e0d4fc;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cb-flows-title{font-size:1.1rem;font-weight:700;color:#111827;margin:0 0 6px}.cb-flows-desc{font-size:.9rem;color:#6b7280;margin:0;line-height:1.5}.cb-flows-stat{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-bottom:20px}.cb-flows-count{font-size:2rem;font-weight:800;color:#5e17eb}.cb-flows-count-label{font-size:.95rem;color:#6b7280}@media(max-width:768px){.cb-header{flex-direction:column;align-items:flex-start;gap:12px}.cb-field-row{flex-direction:column}.cb-field-small{flex:none;width:100%}.cb-tabs{overflow-x:auto}.cb-tab{padding:10px 14px;white-space:nowrap}}.cb-ai-tab{display:flex;flex-direction:column;gap:24px}.cs-ai-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.cs-ai-section-disabled{opacity:.5;pointer-events:none}.cs-ai-toggle-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.cs-ai-disabled-overlay{position:relative}.cs-ai-disabled-hint{font-size:.8125rem;color:#9ca3af;margin-top:12px;font-style:italic}.cs-provider-row{display:flex;gap:20px;align-items:center;padding:10px 0}.cs-provider-option{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none}.cs-provider-option input[type=radio]{accent-color:#5e17eb;width:16px;height:16px;cursor:pointer}.cs-api-key-set{display:inline-flex;align-items:center;margin-left:10px;font-size:.75rem;font-weight:600;color:#16a34a;background:#dcfce7;border-radius:999px;padding:2px 10px}.cs-var-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.cs-var-chip{background:#ede9fe;color:#5e17eb;border:1px solid #c4b5fd;border-radius:999px;padding:4px 12px;font-size:.8125rem;font-family:monospace;cursor:pointer;transition:background .15s}.cs-var-chip:hover:not(:disabled){background:#ddd6fe}.cs-var-chip:disabled{opacity:.4;cursor:default}.cs-temp-slider{display:flex;align-items:center;gap:12px;margin-top:6px}.cs-temp-slider input[type=range]{flex:1;accent-color:#5e17eb;height:4px;cursor:pointer}.cs-temp-label{font-size:.8125rem;color:#6b7280;white-space:nowrap}.cs-keyword-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border:1px solid #e5e7eb;border-radius:10px;padding:8px 12px;min-height:42px;background:#fff;transition:border-color .15s;cursor:text}.cs-keyword-tags:focus-within{border-color:#5e17eb;box-shadow:0 0 0 3px #5e17eb14}.cs-keyword-tags-disabled{background:#f9fafb;opacity:.6;pointer-events:none}.cs-keyword-tag{display:inline-flex;align-items:center;gap:6px;background:#ede9fe;color:#5e17eb;border-radius:999px;padding:3px 10px;font-size:.8125rem;font-weight:500}.cs-keyword-remove{background:none;border:none;color:#7c3aed;font-size:1rem;line-height:1;cursor:pointer;padding:0;display:flex;align-items:center}.cs-keyword-remove:hover{color:#dc2626}.cs-keyword-input{flex:1;min-width:140px;border:none;outline:none;font-size:.9rem;background:transparent;color:#111827;padding:2px 0}.cs-keyword-input::placeholder{color:#9ca3af}@media(max-width:768px){.cs-ai-toggle-row{flex-direction:column}.cs-provider-row{flex-direction:column;align-items:flex-start;gap:12px}.cs-temp-slider{flex-direction:column;align-items:stretch}}.cb-autotags{display:flex;flex-direction:column;gap:24px}.cs-autotag-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.cs-autotag-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.cb-toggle-disabled{opacity:.4;cursor:not-allowed}.cs-autotag-ai-hint{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:.8125rem;color:#9ca3af;font-style:italic}.cs-autotag-prompt-wrap.cs-autotag-disabled{opacity:.45;pointer-events:none}.cs-autotag-rules-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.cs-autotag-add-btn{padding:8px 16px;background:#5e17eb;color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s;font-family:inherit;flex-shrink:0}.cs-autotag-add-btn:hover{background:#4c0fbd}.cs-autotag-empty{text-align:center;padding:32px 20px;color:#9ca3af}.cs-autotag-empty svg{display:block;margin:0 auto 12px}.cs-autotag-empty p{margin:0 0 16px;font-size:.9rem}.cs-autotag-rule-list{display:flex;flex-direction:column;gap:8px}.cs-autotag-rule-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;transition:box-shadow .15s}.cs-autotag-rule-card:hover{box-shadow:0 2px 8px #5e17eb12}.cs-autotag-rule-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.cs-autotag-rule-info{flex:1;min-width:0}.cs-autotag-rule-name{display:block;font-size:.9rem;font-weight:600;color:#111827;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-autotag-rule-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.cs-autotag-trigger-badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.3px}.cs-autotag-trigger-value{font-size:.78rem;color:#6b7280;font-family:monospace}.cs-autotag-tag-chips{display:flex;flex-wrap:wrap;gap:4px}.cs-autotag-tag-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:600;border:1px solid}.cs-autotag-tag-chip-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.cs-autotag-rule-actions{display:flex;gap:4px;flex-shrink:0}.cs-autotag-btn-edit,.cs-autotag-btn-delete{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:8px;cursor:pointer;transition:background .15s,color .15s;background:transparent;color:#9ca3af}.cs-autotag-btn-edit:hover{background:#f3f4f6;color:#5e17eb}.cs-autotag-btn-delete:hover{background:#fee2e2;color:#dc2626}.cb-toggle-sm{width:32px;height:18px;border-radius:999px;background:#e5e7eb;border:none;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0;padding:0}.cb-toggle-sm .cb-toggle-knob{width:12px;height:12px;top:3px;left:3px}.cb-toggle-sm.cb-toggle-on{background:#5e17eb}.cb-toggle-sm.cb-toggle-on .cb-toggle-knob{left:calc(100% - 15px)}@media(max-width:768px){.cs-autotag-section-header,.cs-autotag-rules-header{flex-direction:column}.cs-autotag-rule-meta{flex-direction:column;align-items:flex-start}}.cfl-container{max-width:1100px;margin:0 auto}.cfl-loading{text-align:center;padding:60px 20px;color:#6b7280;font-size:.95rem}.cfl-top-bar{margin-bottom:20px}.cfl-back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:#6b7280;font-size:.875rem;cursor:pointer;padding:6px 0}.cfl-back-btn:hover{color:#5e17eb}.cfl-create-btn{display:inline-flex;align-items:center;gap:8px;background:#5e17eb;color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s}.cfl-create-btn:hover{background:#4c0fbd}.cfl-empty{text-align:center;padding:80px 20px}.cfl-empty-icon{margin-bottom:16px}.cfl-empty-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 8px}.cfl-empty-desc{color:#6b7280;font-size:.95rem;max-width:440px;margin:0 auto 24px;line-height:1.5}.cfl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.cfl-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;cursor:pointer;transition:box-shadow .2s,transform .2s}.cfl-card:hover{box-shadow:0 6px 24px #5e17eb1a;transform:translateY(-2px)}.cfl-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}.cfl-card-name{font-size:1rem;font-weight:700;color:#111827;margin:0 12px 0 0;flex:1}.cfl-card-desc{color:#6b7280;font-size:.85rem;margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cfl-toggle-btn{position:relative;width:36px;height:20px;border-radius:999px;border:none;background:#d1d5db;cursor:pointer;transition:background .2s;flex-shrink:0}.cfl-toggle-btn.cfl-toggle-on{background:#5e17eb}.cfl-toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}.cfl-toggle-btn.cfl-toggle-on .cfl-toggle-knob{transform:translate(16px)}.cfl-card-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.cfl-meta-item{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;color:#6b7280}.cfl-meta-trigger{color:#5e17eb}.cfl-status-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.cfl-badge-active{background:#d1fae5;color:#065f46}.cfl-badge-inactive{background:#f3f4f6;color:#6b7280}.cfl-card-footer{display:flex;gap:4px;border-top:1px solid #f3f4f6;padding-top:12px}.cfl-action-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:1px solid #e5e7eb;border-radius:8px;padding:5px 12px;font-size:.78rem;color:#374151;cursor:pointer;transition:background .15s,border-color .15s}.cfl-action-btn:hover{background:#f9fafb;border-color:#d1d5db}.cfl-action-delete:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.cfl-header-actions{display:flex;align-items:center;gap:8px}.cfl-template-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#5e17eb;border:1px solid #5e17eb;border-radius:10px;padding:9px 18px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.cfl-template-btn:hover{background:#f5f0ff}.cfl-blank-btn{background:none;border:none;color:#6b7280;font-size:.875rem;cursor:pointer;padding:8px 12px;text-decoration:underline;text-underline-offset:3px}.cfl-blank-btn:hover{color:#374151}.cfl-empty-actions{display:flex;flex-direction:column;align-items:center;gap:12px}.cfl-modal-overlay{position:fixed;inset:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.cfl-modal{background:#fff;border-radius:20px;width:100%;max-width:580px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0003}.cfl-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid #f3f4f6}.cfl-modal-title{font-size:1.125rem;font-weight:700;color:#111827;margin:0 0 4px}.cfl-modal-subtitle{font-size:.85rem;color:#6b7280;margin:0}.cfl-modal-close{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .15s}.cfl-modal-close:hover{color:#374151}.cfl-tmpl-grid{padding:16px 24px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.cfl-tmpl-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px 16px;cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s;width:100%}.cfl-tmpl-card:hover{border-color:#5e17eb;box-shadow:0 4px 16px #5e17eb1a}.cfl-tmpl-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.cfl-tmpl-body{flex:1;min-width:0}.cfl-tmpl-name{font-size:.9rem;font-weight:700;color:#111827;margin-bottom:2px}.cfl-tmpl-desc{font-size:.8rem;color:#6b7280;line-height:1.4;margin-bottom:4px}.cfl-tmpl-meta{font-size:.75rem;color:#9ca3af}.cfl-tmpl-arrow{color:#9ca3af;flex-shrink:0;transition:color .15s}.cfl-tmpl-card:hover .cfl-tmpl-arrow{color:#5e17eb}.cfl-modal-footer{padding:12px 24px 20px;border-top:1px solid #f3f4f6;display:flex;justify-content:center}.cfl-modal-footer .cfl-template-btn{border:none;background:none;color:#6b7280;font-weight:400;font-size:.85rem;text-decoration:underline;text-underline-offset:3px;padding:4px 8px}.cfl-modal-footer .cfl-template-btn:hover{color:#374151;background:none}@media(max-width:768px){.cfl-grid{grid-template-columns:1fr}.cfl-header-actions{flex-direction:column;gap:6px}}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.fn-node{min-width:180px;max-width:240px;border:2px solid;border-radius:12px;padding:12px 14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:box-shadow .15s;cursor:grab}.fn-node:active{cursor:grabbing}.fn-node-selected{box-shadow:0 0 0 2px #5e17eb4d,0 4px 12px #0000001a}.fn-node-header{display:flex;align-items:center;gap:8px;margin-bottom:2px}.fn-node-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.fn-node-type{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.fn-node-label{font-size:.82rem;font-weight:600;color:#111827;margin-top:6px;word-break:break-word;line-height:1.3}.fn-node-preview{font-size:.75rem;color:#6b7280;margin-top:4px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.fn-handle{width:10px!important;height:10px!important;border:2px solid #fff!important;border-radius:50%!important;transition:transform .15s}.fn-handle:hover{transform:scale(1.3)}.fn-handle-input{top:-5px!important}.fn-handle-output{bottom:-5px!important}.fnp-palette{width:220px;background:#fff;border-right:1px solid #e5e7eb;overflow-y:auto;flex-shrink:0;padding:16px 12px}.fnp-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px;padding:0 4px}.fnp-title{font-size:.9rem;font-weight:700;color:#111827;margin:0}.fnp-hint{font-size:.7rem;color:#9ca3af}.fnp-group{margin-bottom:16px}.fnp-group-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af;padding:0 4px;margin-bottom:8px}.fnp-group-items{display:flex;flex-direction:column;gap:4px}.fnp-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;cursor:grab;transition:background .15s;-webkit-user-select:none;user-select:none}.fnp-item:active{cursor:grabbing}.fnp-item:hover{background:#f3f4f6}.fnp-item-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fnp-item-label{font-size:.82rem;font-weight:500;color:#374151}@media(max-width:768px){.fnp-palette{width:180px;padding:12px 8px}.fnp-item-label{font-size:.78rem}}.fpp-panel{width:280px;flex-shrink:0;display:flex;flex-direction:column;background:#fff;border-left:1px solid #e5e7eb;overflow:hidden}.fpp-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #e5e7eb;border-top:3px solid #5e17eb;flex-shrink:0}.fpp-header-left{display:flex;align-items:center;gap:8px;min-width:0}.fpp-type-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fpp-type-label{font-size:.85rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fpp-close-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;background:none;border-radius:6px;cursor:pointer;color:#9ca3af;flex-shrink:0;transition:background .15s,color .15s}.fpp-close-btn:hover{background:#f3f4f6;color:#374151}.fpp-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px}.fpp-body::-webkit-scrollbar{width:4px}.fpp-body::-webkit-scrollbar-track{background:transparent}.fpp-body::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}.fpp-field{display:flex;flex-direction:column;gap:4px}.fpp-label{font-size:.75rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:4px}.fpp-required{color:#ef4444;font-weight:600}.fpp-optional,.fpp-hint{color:#9ca3af;font-weight:400;font-size:.7rem}.fpp-input{width:100%;padding:7px 10px;border:1px solid #e5e7eb;border-radius:8px;font-size:.82rem;color:#111827;background:#fff;outline:none;box-sizing:border-box;transition:border-color .15s;font-family:inherit}.fpp-input:focus{border-color:#5e17eb}.fpp-input-num{width:72px;flex-shrink:0}.fpp-input-id{width:80px;flex-shrink:0}.fpp-select{width:100%;padding:7px 10px;border:1px solid #e5e7eb;border-radius:8px;font-size:.82rem;color:#111827;background:#fff;outline:none;cursor:pointer;box-sizing:border-box;transition:border-color .15s;font-family:inherit}.fpp-select:focus{border-color:#5e17eb}.fpp-textarea{width:100%;padding:7px 10px;border:1px solid #e5e7eb;border-radius:8px;font-size:.82rem;color:#111827;background:#fff;outline:none;resize:vertical;box-sizing:border-box;transition:border-color .15s;line-height:1.5;font-family:inherit;min-height:64px}.fpp-textarea:focus{border-color:#5e17eb}.fpp-textarea-mono{font-family:Courier New,Courier,monospace;font-size:.78rem}.fpp-char-count{font-size:.7rem;color:#9ca3af;text-align:right}.fpp-input-row{display:flex;align-items:center;gap:8px}.fpp-unit{font-size:.78rem;color:#6b7280;white-space:nowrap}.fpp-hint-text{font-size:.72rem;color:#9ca3af;margin-top:2px}.fpp-hint-text code{background:#f3f4f6;border-radius:3px;padding:0 3px;font-size:.72rem;color:#5e17eb}.fpp-loading-text{font-size:.8rem;color:#9ca3af;padding:6px 0}.fpp-info-box{display:flex;align-items:flex-start;gap:6px;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;padding:8px 10px;font-size:.75rem;color:#3b82f6;line-height:1.5}.fpp-info-box svg{flex-shrink:0;margin-top:1px}.fpp-footer{padding:10px 14px;border-top:1px solid #e5e7eb;flex-shrink:0}.fpp-delete-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid #fecaca;color:#ef4444;border-radius:8px;padding:7px 14px;font-size:.8rem;font-weight:500;cursor:pointer;width:100%;justify-content:center;transition:background .15s,border-color .15s;font-family:inherit}.fpp-delete-btn:hover{background:#fef2f2;border-color:#ef4444}.fpp-btn-editor{display:flex;flex-direction:column;gap:6px}.fpp-btn-row{display:flex;align-items:center;gap:5px}.fpp-list-editor{display:flex;flex-direction:column;gap:8px}.fpp-list-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:5px}.fpp-list-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.fpp-list-item-num{font-size:.72rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em}.fpp-kv-editor{display:flex;flex-direction:column;gap:6px}.fpp-kv-row{display:flex;align-items:center;gap:5px}.fpp-add-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:1px dashed #d1d5db;color:#6b7280;border-radius:7px;padding:6px 10px;font-size:.78rem;cursor:pointer;width:100%;justify-content:center;transition:border-color .15s,color .15s,background .15s;font-family:inherit}.fpp-add-btn:hover{border-color:#5e17eb;color:#5e17eb;background:#f5f0ff}.fpp-icon-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;border:none;cursor:pointer;flex-shrink:0;transition:background .15s;background:none;color:#9ca3af}.fpp-icon-btn:hover{background:#f3f4f6;color:#374151}.fpp-icon-btn-danger:hover{background:#fef2f2;color:#ef4444}.cfb-container{display:flex;flex-direction:column;height:100%;min-height:0;background:#f9fafb}.cfb-loading{display:flex;align-items:center;justify-content:center;height:100%;color:#6b7280;font-size:.95rem}.cfb-toolbar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;z-index:10}.cfb-toolbar-left{display:flex;align-items:center;gap:8px;flex-shrink:0}.cfb-toolbar-center{flex:1;min-width:0}.cfb-toolbar-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.cfb-back-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;color:#6b7280;transition:background .15s,color .15s}.cfb-back-btn:hover{background:#f3f4f6;color:#111827}.cfb-name-input{border:none;background:none;font-size:1rem;font-weight:700;color:#111827;padding:4px 8px;border-radius:6px;width:220px;outline:none;transition:background .15s}.cfb-name-input:hover,.cfb-name-input:focus{background:#f3f4f6}.cfb-name-input::placeholder{color:#9ca3af;font-weight:500}.cfb-unsaved-dot{width:8px;height:8px;border-radius:50%;background:#f59e0b;flex-shrink:0}.cfb-desc-input{width:100%;border:none;background:none;font-size:.85rem;color:#6b7280;padding:4px 8px;border-radius:6px;outline:none;transition:background .15s}.cfb-desc-input:hover,.cfb-desc-input:focus{background:#f3f4f6}.cfb-desc-input::placeholder{color:#9ca3af}.cfb-active-toggle{display:flex;align-items:center;gap:6px;cursor:pointer}.cfb-active-label{font-size:.8rem;color:#6b7280;font-weight:500}.cfb-toggle{position:relative;width:36px;height:20px;border-radius:999px;border:none;background:#d1d5db;cursor:pointer;transition:background .2s}.cfb-toggle.cfb-toggle-on{background:#5e17eb}.cfb-toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}.cfb-toggle.cfb-toggle-on .cfb-toggle-knob{transform:translate(16px)}.cfb-save-btn{display:inline-flex;align-items:center;gap:6px;background:#5e17eb;color:#fff;border:none;border-radius:10px;padding:8px 18px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s}.cfb-save-btn:hover:not(:disabled){background:#4c0fbd}.cfb-save-btn:disabled{opacity:.6;cursor:not-allowed}.cfb-body{display:flex;flex:1;min-height:0;overflow:hidden}.cfb-canvas-wrapper{flex:1;position:relative}.cfb-canvas-wrapper .react-flow{background:#f9fafb}.cfb-canvas-wrapper .react-flow__node{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.85rem}.cfb-canvas-wrapper .react-flow__controls{border-radius:10px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #00000014}.cfb-canvas-wrapper .react-flow__controls-button{border:none;border-bottom:1px solid #e5e7eb}.cfb-canvas-wrapper .react-flow__controls-button:last-child{border-bottom:none}.cfb-canvas-wrapper .react-flow__minimap{border-radius:10px;box-shadow:0 2px 8px #00000014}.cfb-toolbar-rule{flex-shrink:0}.cfb-rule-select{height:34px;border:1px solid #e5e7eb;border-radius:8px;padding:0 10px;font-size:.8rem;color:#374151;background:#fff;cursor:pointer;max-width:180px;outline:none;transition:border-color .15s}.cfb-rule-select:hover,.cfb-rule-select:focus{border-color:#5e17eb}@media(max-width:768px){.cfb-toolbar{flex-wrap:wrap;gap:8px}.cfb-toolbar-center{order:3;width:100%}.cfb-name-input{width:160px}.cfb-body{flex-direction:column}.cfb-body .fnp-palette{width:100%;max-height:140px;border-right:none;border-bottom:1px solid #e5e7eb;flex-direction:row;overflow-x:auto;overflow-y:hidden}}.seq-root{padding:0 0 40px;font-family:Inter,sans-serif}.seq-loading{padding:60px;text-align:center;color:#9ca3af;font-size:.9rem}.seq-back-btn{background:none;border:none;cursor:pointer;color:#5e17eb;font-size:.85rem;font-weight:500;padding:0;margin-bottom:18px;display:inline-flex;align-items:center;gap:4px}.seq-back-btn:hover{text-decoration:underline}.seq-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.seq-title{font-size:1.4rem;font-weight:700;color:#111827;margin:0 0 4px}.seq-subtitle{font-size:.85rem;color:#6b7280;margin:0}.seq-enroll-total{font-size:.82rem;color:#9ca3af;align-self:center}.seq-create-btn{padding:8px 18px;background:#5e17eb;color:#fff;border:none;border-radius:10px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s}.seq-create-btn:hover{background:#4c0fbd}.seq-empty{text-align:center;padding:60px 20px;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:16px}.seq-empty p{margin:12px 0 20px;font-size:.9rem}.seq-empty-icon{margin-bottom:8px}.seq-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.seq-table{width:100%;border-collapse:collapse;font-size:.88rem}.seq-table th{text-align:left;padding:12px 16px;background:#f9fafb;color:#6b7280;font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e5e7eb}.seq-table td{padding:12px 16px;border-bottom:1px solid #f3f4f6;color:#374151}.seq-table tbody tr:last-child td{border-bottom:none}.seq-table tbody tr:hover td{background:#fafafa}.seq-td-name{font-weight:600;color:#111827}.seq-trigger-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:#f3f0ff;color:#5e17eb;border-radius:999px;font-size:.78rem;font-weight:500}.seq-trigger-badge em{font-style:normal;color:#7c3aed;font-weight:400}.seq-status-toggle{padding:4px 12px;border-radius:999px;border:none;cursor:pointer;font-size:.78rem;font-weight:600;background:#f3f4f6;color:#6b7280;transition:background .15s}.seq-status-toggle.active{background:#d1fae5;color:#059669}.seq-status-badge{padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:600}.seq-td-actions{display:flex;gap:6px}.seq-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;color:#6b7280;transition:background .15s}.seq-action-btn:hover{background:#f3f4f6}.seq-action-danger:hover{background:#fee2e2;color:#ef4444;border-color:#fca5a5}.seq-builder-root{padding:0 0 40px;font-family:Inter,sans-serif}.seq-builder-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:28px;max-width:720px}.seq-builder-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 24px}.seq-section{margin-bottom:20px}.seq-label{display:block;font-size:.82rem;font-weight:600;color:#374151;margin-bottom:6px}.seq-input{width:100%;padding:9px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:.88rem;color:#111827;outline:none;box-sizing:border-box}.seq-input:focus{border-color:#5e17eb;box-shadow:0 0 0 3px #5e17eb14}.seq-input-mt{margin-top:8px}.seq-select{width:100%;padding:9px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:.88rem;color:#111827;outline:none;background:#fff;cursor:pointer;box-sizing:border-box}.seq-select:focus{border-color:#5e17eb}.seq-row-active{display:flex;align-items:center;gap:10px}.seq-active-hint{font-size:.8rem;color:#6b7280}.seq-toggle{width:40px;height:22px;border-radius:999px;background:#d1d5db;border:none;cursor:pointer;position:relative;transition:background .2s;padding:0;flex-shrink:0}.seq-toggle.on{background:#5e17eb}.seq-toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s;display:block}.seq-toggle.on .seq-toggle-thumb{transform:translate(18px)}.seq-steps-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.seq-steps-title{font-size:.95rem;font-weight:700;color:#111827;margin:0}.seq-add-step-btn{padding:6px 14px;border:1px dashed #5e17eb;background:transparent;color:#5e17eb;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s}.seq-add-step-btn:hover{background:#f3f0ff}.seq-steps-empty{padding:20px;text-align:center;color:#9ca3af;font-size:.85rem;background:#f9fafb;border-radius:10px;border:1px dashed #e5e7eb;margin-bottom:14px}.seq-steps-list{display:flex;flex-direction:column;gap:0}.seq-step-card{position:relative;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:6px}.seq-step-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.seq-step-num{font-size:.78rem;font-weight:700;color:#5e17eb;text-transform:uppercase;letter-spacing:.04em}.seq-remove-step-btn{background:none;border:none;cursor:pointer;color:#9ca3af;font-size:1.2rem;line-height:1;padding:0 4px}.seq-remove-step-btn:hover{color:#ef4444}.seq-step-row{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.seq-step-label{font-size:.8rem;color:#6b7280;font-weight:500;flex-shrink:0}.seq-step-hint{font-size:.75rem;color:#9ca3af}.seq-delay-input{width:70px;padding:7px 10px;border:1px solid #e5e7eb;border-radius:8px;font-size:.85rem;color:#111827;text-align:center;outline:none}.seq-delay-input:focus{border-color:#5e17eb}.seq-delay-unit{padding:7px 10px;border:1px solid #e5e7eb;border-radius:8px;font-size:.85rem;color:#111827;background:#fff;outline:none;cursor:pointer}.seq-type-select{width:auto;max-width:160px}.seq-textarea{width:100%;padding:9px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:.88rem;color:#111827;resize:vertical;outline:none;box-sizing:border-box;font-family:inherit}.seq-textarea:focus{border-color:#5e17eb;box-shadow:0 0 0 3px #5e17eb14}.seq-window-check{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#6b7280;margin-top:8px;cursor:pointer}.seq-step-connector{width:2px;height:14px;background:#e5e7eb;margin:6px auto}.seq-builder-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid #f3f4f6}.seq-cancel-btn{padding:9px 20px;border:1px solid #e5e7eb;background:#fff;color:#374151;border-radius:10px;font-size:.88rem;cursor:pointer}.seq-cancel-btn:hover{background:#f9fafb}.seq-save-btn{padding:9px 24px;background:#5e17eb;color:#fff;border:none;border-radius:10px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s}.seq-save-btn:hover{background:#4c0fbd}.seq-save-btn:disabled{opacity:.6;cursor:not-allowed}.onboarding-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.onboarding-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:520px;width:100%;padding:48px 40px;text-align:center;animation:onb-slideUp .5s ease}@keyframes onb-slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.onboarding-logo{margin-bottom:24px}.onboarding-logo span{font-size:32px;font-weight:800;color:#5e17eb;letter-spacing:-1px}.onboarding-steps{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:36px}.onboarding-step-dot{width:8px;height:8px;border-radius:50%;background:#e5e7eb;transition:background .3s,transform .3s}.onboarding-step-dot.active{background:#5e17eb;transform:scale(1.25)}.onboarding-step{display:flex;flex-direction:column;align-items:center;gap:16px;animation:onb-fadeIn .3s ease}@keyframes onb-fadeIn{0%{opacity:0}to{opacity:1}}.onboarding-icon{width:80px;height:80px;border-radius:50%;background:#f3f0ff;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.onboarding-icon-success{background:#f0fdf4}.onboarding-title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0;line-height:1.3}.onboarding-subtitle{font-size:.95rem;color:#6b7280;margin:0;max-width:380px;line-height:1.6}.onboarding-btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:14px 36px;background:#5e17eb;color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s,transform .2s;margin-top:8px;min-width:180px}.onboarding-btn-primary:hover:not(:disabled){background:#4c0fbd;transform:translateY(-1px)}.onboarding-btn-primary:disabled{opacity:.6;cursor:not-allowed}.onboarding-connect-area{margin:12px 0 4px}.onboarding-manual-link{background:none;border:none;color:#9ca3af;font-size:.8rem;cursor:pointer;text-decoration:underline;padding:0;font-family:inherit;transition:color .2s;margin-top:4px}.onboarding-manual-link:hover{color:#5e17eb}.onboarding-connection-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px 24px;width:100%;max-width:320px;margin:4px 0}.onboarding-info-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.onboarding-info-row+.onboarding-info-row{border-top:1px solid #e5e7eb}.onboarding-info-label{font-size:.8rem;color:#6b7280;font-weight:500}.onboarding-info-value{font-size:.85rem;color:#1a1a1a;font-weight:600}@media(max-width:480px){.onboarding-card{padding:32px 24px}.onboarding-title{font-size:20px}.onboarding-subtitle{font-size:.9rem}}.ai-page{min-height:100vh;background:var(--gradient-hero, #f5f0ff);display:flex;align-items:center;justify-content:center;padding:24px}.ai-card{background:#fff;border-radius:20px;box-shadow:0 8px 32px #5e17eb1a;padding:40px;width:100%;max-width:420px}.ai-logo{font-size:1.75rem;font-weight:800;color:#5e17eb;letter-spacing:-1px;margin-bottom:24px}.ai-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 8px}.ai-sub{font-size:.9375rem;color:#6b7280;margin:0 0 28px}.ai-form{display:flex;flex-direction:column;gap:16px}.ai-field{display:flex;flex-direction:column;gap:6px}.ai-label{font-size:.875rem;font-weight:500;color:#374151}.ai-input{border:1px solid #e5e7eb;border-radius:10px;padding:10px 14px;font-size:.9375rem;color:#111827;outline:none;transition:border-color .15s}.ai-input:focus{border-color:#5e17eb}.ai-btn{background:#5e17eb;color:#fff;border:none;border-radius:10px;padding:12px;font-size:.9375rem;font-weight:600;cursor:pointer;margin-top:8px;transition:background .15s}.ai-btn:hover:not(:disabled){background:#4c0fbd}.ai-btn:disabled{opacity:.6;cursor:not-allowed}.cll-page{padding:32px;max-width:1400px;margin:0 auto}.cll-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:16px;flex-wrap:wrap}.cll-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 4px}.cll-subtitle{font-size:.875rem;color:#6b7280;margin:0}.cll-header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cll-btn-primary{background:#5e17eb;color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s}.cll-btn-primary:hover{background:#4c0fbd}.cll-btn-secondary{background:#fff;color:#374151;border:1.5px solid #e5e7eb;border-radius:10px;padding:9px 18px;font-size:.875rem;font-weight:500;cursor:pointer;transition:border-color .2s}.cll-btn-secondary:hover{border-color:#5e17eb;color:#5e17eb}.cll-body{display:flex;gap:24px;align-items:flex-start}.cll-sidebar{width:200px;flex-shrink:0;background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:12px 0}.cll-sidebar-section{padding:4px 0;border-bottom:1px solid #f3f4f6}.cll-sidebar-section:last-child{border-bottom:none}.cll-sidebar-label{font-size:.7rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;padding:6px 16px 4px}.cll-folder-item{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;color:#374151;cursor:pointer;border-radius:0;transition:background .15s;text-decoration:none}.cll-folder-item:hover{background:#f9fafb}.cll-folder-item.active{background:#f3f0ff;color:#5e17eb;font-weight:600}.cll-folder-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cll-folder-count{margin-left:auto;font-size:.75rem;color:#9ca3af}.cll-folder-archived{color:#6b7280}.cll-main{flex:1;min-width:0}.cll-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.cll-search-wrap{position:relative;flex:1;min-width:200px}.cll-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.cll-search{width:100%;border:1.5px solid #e5e7eb;border-radius:10px;padding:9px 12px 9px 36px;font-size:.875rem;outline:none;transition:border-color .2s}.cll-search:focus{border-color:#5e17eb}.cll-tag-chips{display:flex;gap:6px;flex-wrap:wrap}.cll-tag-chip{border:1.5px solid;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:500;cursor:pointer;background:#fff;transition:background .15s,color .15s}.cll-bulk-bar{display:flex;align-items:center;gap:10px;background:#f3f0ff;border:1.5px solid #e0d4fc;border-radius:10px;padding:10px 16px;margin-bottom:12px;font-size:.875rem;flex-wrap:wrap}.cll-bulk-bar span{font-weight:600;color:#5e17eb;margin-right:4px}.cll-bulk-bar button{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;padding:6px 14px;font-size:.8rem;cursor:pointer;color:#374151}.cll-bulk-bar button:hover{border-color:#5e17eb;color:#5e17eb}.cll-bulk-delete{color:#dc2626!important;border-color:#fca5a5!important}.cll-bulk-delete:hover{background:#fef2f2!important}.cll-bulk-clear{color:#6b7280!important}.cll-select-all-row{margin-bottom:10px}.cll-checkbox-label{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#6b7280;cursor:pointer}.cll-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.cll-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:16px;position:relative;transition:box-shadow .2s,transform .2s,border-color .2s}.cll-card:hover{box-shadow:0 6px 24px #5e17eb1a;transform:translateY(-2px)}.cll-card.selected{border-color:#5e17eb;background:#faf8ff}.cll-card-check{position:absolute;top:14px;left:14px;width:16px;height:16px;cursor:pointer;accent-color:#5e17eb}.cll-card-body{padding-left:24px;cursor:pointer}.cll-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.cll-card-name{font-size:.9375rem;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cll-status-pill{font-size:.7rem;font-weight:600;border-radius:999px;padding:2px 10px;flex-shrink:0}.cll-status-pill.active{background:#dcfce7;color:#16a34a}.cll-status-pill.archived{background:#f3f4f6;color:#6b7280}.cll-card-url{display:flex;align-items:center;gap:6px;margin-bottom:6px}.cll-url-text{font-size:.8125rem;color:#5e17eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.cll-copy-btn{background:none;border:none;cursor:pointer;color:#9ca3af;padding:2px;flex-shrink:0}.cll-copy-btn:hover{color:#5e17eb}.cll-card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.cll-card-phone{font-size:.8rem;color:#6b7280}.cll-card-clicks{display:flex;align-items:center;gap:4px;font-size:.8rem;color:#6b7280}.cll-card-tags{display:flex;gap:4px;flex-wrap:wrap}.cll-card-tag{font-size:.7rem;font-weight:500;border-radius:999px;padding:2px 8px}.cll-card-actions{display:flex;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid #f3f4f6}.cll-card-actions button,.cll-card-actions a{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:6px 8px;cursor:pointer;color:#6b7280;display:flex;align-items:center;text-decoration:none;transition:background .15s,color .15s}.cll-card-actions button:hover,.cll-card-actions a:hover{background:#f3f0ff;color:#5e17eb;border-color:#e0d4fc}.cll-loading{text-align:center;color:#6b7280;padding:60px 0;font-size:.9375rem}.cll-empty{text-align:center;padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;color:#9ca3af}.cll-empty p{font-size:.9375rem;margin:0}.cll-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}.cll-pagination button{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;padding:8px 16px;font-size:.875rem;cursor:pointer;color:#374151}.cll-pagination button:disabled{opacity:.4;cursor:default}.cll-pagination button:not(:disabled):hover{border-color:#5e17eb;color:#5e17eb}.cll-pagination span{font-size:.875rem;color:#6b7280}@media(max-width:768px){.cll-page{padding:16px}.cll-body{flex-direction:column}.cll-sidebar{width:100%}.cll-grid{grid-template-columns:1fr}}.bim-overlay{position:fixed;inset:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.bim-modal{background:#fff;border-radius:20px;padding:28px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto}.bim-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.bim-title{font-size:1.125rem;font-weight:700;color:#111827;margin:0}.bim-close{background:none;border:none;font-size:1.1rem;color:#6b7280;cursor:pointer;padding:2px 6px}.bim-close:hover{color:#111827}.bim-dropzone{border:2px dashed #e5e7eb;border-radius:14px;padding:36px 24px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;display:flex;flex-direction:column;align-items:center;gap:8px}.bim-dropzone:hover,.bim-dropzone.dragging{border-color:#5e17eb;background:#faf8ff}.bim-drop-label{font-size:.9375rem;font-weight:500;color:#374151;margin:0}.bim-drop-hint{font-size:.8rem;color:#9ca3af;margin:0}.bim-file-name{font-size:.9375rem;font-weight:600;color:#5e17eb;margin:0}.bim-template-btn{background:none;border:none;color:#5e17eb;font-size:.875rem;font-weight:500;cursor:pointer;padding:10px 0 0;text-decoration:underline;display:block}.bim-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.bim-btn-primary{background:#5e17eb;color:#fff;border:none;border-radius:10px;padding:10px 24px;font-size:.875rem;font-weight:600;cursor:pointer}.bim-btn-primary:disabled{opacity:.5;cursor:not-allowed}.bim-btn-primary:not(:disabled):hover{background:#4c0fbd}.bim-btn-cancel{background:#fff;color:#374151;border:1.5px solid #e5e7eb;border-radius:10px;padding:9px 20px;font-size:.875rem;cursor:pointer}.bim-preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.bim-stat-card{border-radius:12px;padding:14px;text-align:center}.bim-stat-valid{background:#dcfce7}.bim-stat-skip{background:#fef9c3}.bim-stat-err{background:#fee2e2}.bim-stat-val{font-size:1.5rem;font-weight:700;margin:0 0 2px}.bim-stat-valid .bim-stat-val{color:#16a34a}.bim-stat-skip .bim-stat-val{color:#92400e}.bim-stat-err .bim-stat-val{color:#dc2626}.bim-stat-lbl{font-size:.75rem;font-weight:500;color:#374151;margin:0}.bim-error-title{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 8px}.bim-error-list{display:flex;flex-direction:column;gap:4px;max-height:160px;overflow-y:auto}.bim-error-row{display:flex;gap:10px;font-size:.8rem;background:#fef2f2;border-radius:8px;padding:6px 10px}.bim-error-row-num{font-weight:600;color:#dc2626;flex-shrink:0}.bim-error-msg{color:#374151}.bim-done{text-align:center;padding:16px 0 24px}.bim-done-icon{width:56px;height:56px;background:#dcfce7;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#16a34a;margin:0 auto 12px}.bim-done-title{font-size:1.125rem;font-weight:700;color:#111827;margin:0 0 20px}.clc-page{padding:32px;max-width:960px;margin:0 auto}.clc-loading{text-align:center;padding:60px;color:#6b7280}.clc-header{margin-bottom:28px}.clc-back{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:6px;color:#5e17eb;font-size:.875rem;font-weight:500;padding:0;margin-bottom:12px}.clc-back:hover{text-decoration:underline}.clc-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.clc-body{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}.clc-form{display:flex;flex-direction:column;gap:0}.clc-section{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:24px;margin-bottom:16px}.clc-section-title{font-size:.9375rem;font-weight:700;color:#111827;margin:0 0 18px}.clc-field{margin-bottom:16px}.clc-field:last-child{margin-bottom:0}.clc-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:6px}.clc-required{color:#ef4444}.clc-optional{color:#9ca3af;font-weight:400;font-size:.8rem}.clc-input{width:100%;border:1.5px solid #e5e7eb;border-radius:10px;padding:10px 14px;font-size:.875rem;outline:none;transition:border-color .2s;box-sizing:border-box}.clc-input:focus{border-color:#5e17eb}.clc-input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.clc-textarea{width:100%;border:1.5px solid #e5e7eb;border-radius:10px;padding:10px 14px;font-size:.875rem;outline:none;resize:vertical;font-family:inherit;transition:border-color .2s;box-sizing:border-box}.clc-textarea:focus{border-color:#5e17eb}.clc-hint{font-size:.8rem;color:#9ca3af;margin:4px 0 0}.clc-char-count{text-align:right}.clc-locked{color:#d97706}.clc-select{width:100%;border:1.5px solid #e5e7eb;border-radius:10px;padding:10px 14px;font-size:.875rem;outline:none;background:#fff;cursor:pointer}.clc-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.clc-slug-toggle{display:flex;border:1.5px solid #e5e7eb;border-radius:10px;overflow:hidden;margin-bottom:10px;width:fit-content}.clc-slug-btn{background:#fff;border:none;padding:8px 20px;font-size:.875rem;cursor:pointer;color:#6b7280;transition:background .15s}.clc-slug-btn.active{background:#5e17eb;color:#fff;font-weight:600}.clc-slug-input-wrap{display:flex;align-items:center;gap:0;border:1.5px solid #e5e7eb;border-radius:10px;overflow:hidden}.clc-slug-prefix{background:#f9fafb;padding:10px 12px;font-size:.8rem;color:#6b7280;white-space:nowrap;border-right:1.5px solid #e5e7eb}.clc-slug-input{border:none;border-radius:0;flex:1}.clc-slug-input:focus{border-color:transparent;box-shadow:none}.clc-tag-picker{display:flex;flex-wrap:wrap;gap:8px}.clc-tag-opt{border:1.5px solid;border-radius:999px;padding:5px 14px;font-size:.8rem;font-weight:500;cursor:pointer;background:#fff;transition:.15s}.clc-accordion{width:100%;background:none;border:none;display:flex;align-items:center;justify-content:space-between;font-size:.9375rem;font-weight:700;color:#111827;cursor:pointer;padding:0;margin-bottom:0}.clc-utm-fields{margin-top:18px;display:flex;flex-direction:column;gap:0}.clc-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:4px}.clc-btn-save{background:#5e17eb;color:#fff;border:none;border-radius:10px;padding:12px 28px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .2s}.clc-btn-save:hover:not(:disabled){background:#4c0fbd}.clc-btn-save:disabled{opacity:.6;cursor:not-allowed}.clc-btn-cancel{background:#fff;color:#374151;border:1.5px solid #e5e7eb;border-radius:10px;padding:11px 24px;font-size:.9375rem;font-weight:500;cursor:pointer}.clc-btn-cancel:hover{border-color:#9ca3af}.clc-preview{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:24px;position:sticky;top:24px}.clc-preview-card{background:#f9fafb;border-radius:12px;padding:16px;margin-top:0}.clc-preview-label{font-size:.75rem;color:#9ca3af;margin:0 0 8px;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.clc-preview-url{font-size:.8rem;color:#374151;word-break:break-all;margin:0 0 12px;line-height:1.5}.clc-preview-test{display:inline-block;background:#5e17eb;color:#fff;text-decoration:none;border-radius:8px;padding:8px 16px;font-size:.8125rem;font-weight:600}.clc-preview-test:hover{background:#4c0fbd}@media(max-width:768px){.clc-page{padding:16px}.clc-body{grid-template-columns:1fr}.clc-preview{position:static}.clc-row{grid-template-columns:1fr}}.cld-page{padding:32px;max-width:1200px;margin:0 auto}.cld-loading{text-align:center;padding:60px;color:#6b7280;font-size:.9375rem}.cld-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.cld-header-left{flex:1;min-width:0}.cld-back{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:6px;color:#5e17eb;font-size:.875rem;font-weight:500;padding:0;margin-bottom:10px}.cld-back:hover{text-decoration:underline}.cld-title-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.cld-title{font-size:1.375rem;font-weight:700;color:#111827;margin:0}.cld-status-pill{font-size:.7rem;font-weight:600;border-radius:999px;padding:3px 10px;flex-shrink:0}.cld-status-pill.active{background:#dcfce7;color:#16a34a}.cld-status-pill.archived{background:#f3f4f6;color:#6b7280}.cld-url-row{display:flex;align-items:center;gap:8px}.cld-url{font-size:.875rem;color:#5e17eb}.cld-copy-btn{background:none;border:none;cursor:pointer;color:#9ca3af;padding:2px}.cld-copy-btn:hover{color:#5e17eb}.cld-test-btn{background:#f3f0ff;color:#5e17eb;border:none;border-radius:8px;padding:4px 12px;font-size:.8rem;font-weight:600;text-decoration:none;cursor:pointer}.cld-test-btn:hover{background:#e0d4fc}.cld-header-actions{display:flex;gap:8px;flex-wrap:wrap}.cld-btn-secondary{background:#fff;color:#374151;border:1.5px solid #e5e7eb;border-radius:10px;padding:9px 18px;font-size:.875rem;font-weight:500;cursor:pointer}.cld-btn-secondary:hover{border-color:#5e17eb;color:#5e17eb}.cld-btn-danger{background:#fff;color:#dc2626;border:1.5px solid #fca5a5;border-radius:10px;padding:9px 18px;font-size:.875rem;font-weight:500;cursor:pointer}.cld-btn-danger:hover{background:#fef2f2}.cld-tabs{display:flex;gap:0;border-bottom:2px solid #e5e7eb;margin-bottom:28px}.cld-tab{background:none;border:none;border-bottom:2px solid transparent;padding:10px 20px;font-size:.9375rem;font-weight:500;color:#6b7280;cursor:pointer;margin-bottom:-2px;transition:color .15s,border-color .15s}.cld-tab.active{color:#5e17eb;border-bottom-color:#5e17eb;font-weight:600}.cld-tab:hover:not(.active){color:#374151}.cld-overview{display:flex;flex-direction:column;gap:20px}.cld-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.cld-info-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;padding:14px 16px}.cld-info-label{font-size:.75rem;font-weight:500;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px}.cld-info-value{font-size:.9375rem;font-weight:500;color:#111827;margin:0;word-break:break-all}.cld-message-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;padding:16px}.cld-message-text{font-size:.9375rem;color:#374151;margin:8px 0 0;line-height:1.6}.cld-tags-row{display:flex;gap:6px;flex-wrap:wrap}.cld-tag{font-size:.75rem;font-weight:500;border-radius:999px;padding:3px 10px}.cld-stat-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.cld-stat-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;padding:18px 16px;text-align:center}.cld-stat-value{font-size:1.75rem;font-weight:700;color:#5e17eb;margin:0 0 4px}.cld-stat-label{font-size:.8rem;color:#6b7280;margin:0}.cld-qr-panel{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}.cld-qr-controls{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:24px}.cld-qr-preview{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:24px;text-align:center}.cld-panel-title{font-size:.9375rem;font-weight:700;color:#111827;margin:0 0 16px}.cld-qr-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:0}.cld-field{margin-bottom:16px}.cld-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:6px}.cld-optional{color:#9ca3af;font-weight:400;font-size:.8rem}.cld-input{width:100%;border:1.5px solid #e5e7eb;border-radius:10px;padding:10px 14px;font-size:.875rem;outline:none;transition:border-color .2s;box-sizing:border-box}.cld-input:focus{border-color:#5e17eb}.cld-color-row{display:flex;align-items:center;gap:10px}.cld-color-swatch{width:40px;height:40px;border-radius:8px;border:1.5px solid #e5e7eb;cursor:pointer;padding:2px}.cld-color-text{width:90px;border:1.5px solid #e5e7eb;border-radius:8px;padding:8px 10px;font-size:.875rem;font-family:monospace;outline:none}.cld-color-text:focus{border-color:#5e17eb}.cld-qr-downloads{display:flex;flex-direction:column;gap:8px}.cld-qr-dl-btn{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;padding:10px 16px;font-size:.875rem;font-weight:500;cursor:pointer;color:#374151;text-align:left;transition:border-color .2s}.cld-qr-dl-btn:hover{border-color:#5e17eb;color:#5e17eb}.cld-qr-dl-zip{background:#f3f0ff;border-color:#e0d4fc;color:#5e17eb;font-weight:600}.cld-qr-img{width:100%;max-width:240px;border-radius:8px;border:1px solid #e5e7eb;margin-bottom:12px}.cld-qr-hint{font-size:.8rem;color:#9ca3af;margin:0}.cld-stats{display:flex;flex-direction:column;gap:20px}.cld-chart-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:20px}.cld-chart-title{font-size:.9375rem;font-weight:600;color:#374151;margin:0 0 16px}.cld-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cld-refresh-btn{align-self:flex-start}.cld-widget-panel{display:flex;flex-direction:column;gap:24px}.cld-widget-section{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:24px}.cld-widget-hint{font-size:.875rem;color:#6b7280;margin:0 0 16px}.cld-widget-form{margin-bottom:20px}.cld-widget-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.cld-pos-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100px}.cld-pos-btn{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;padding:8px;font-size:1rem;cursor:pointer}.cld-pos-btn.active{background:#5e17eb;color:#fff;border-color:#5e17eb}.cld-snippet-box{background:#111827;border-radius:12px;overflow:hidden}.cld-snippet-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #374151}.cld-snippet-header span{font-size:.8rem;color:#9ca3af;font-family:monospace}.cld-copy-snippet-btn{background:#374151;color:#fff;border:none;border-radius:6px;padding:4px 12px;font-size:.8rem;cursor:pointer}.cld-copy-snippet-btn:hover{background:#5e17eb}.cld-snippet-code{padding:16px;font-size:.8rem;color:#a3e635;font-family:monospace;white-space:pre-wrap;word-break:break-all;margin:0}.cld-inline-preview{margin-top:16px}.cld-inline-btn{display:inline-flex;align-items:center;gap:8px;background:#25d366;color:#fff;padding:12px 24px;border-radius:10px;text-decoration:none;font-weight:600;font-size:.9375rem}.cld-inline-btn:hover{background:#1ebe5d}.cld-toggle-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.cld-toggle-switch{position:relative;display:inline-block;width:40px;height:22px}.cld-toggle-switch input{opacity:0;width:0;height:0}.cld-toggle-slider{position:absolute;inset:0;background:#d1d5db;border-radius:999px;transition:background .2s;cursor:pointer}.cld-toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s}.cld-toggle-switch input:checked+.cld-toggle-slider{background:#5e17eb}.cld-toggle-switch input:checked+.cld-toggle-slider:before{transform:translate(18px)}.cld-hours-fields{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;padding:14px;margin-bottom:14px}.cld-hours-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.cld-input-sm{max-width:140px}.cld-widget-preview{margin:20px 0 16px}.cld-widget-preview-label{font-size:.8rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.cld-widget-preview-box{position:relative;width:100%;height:180px;background:#f3f4f6;border:1.5px solid #e5e7eb;border-radius:12px;overflow:hidden}.cld-preview-lines{padding:20px 24px;display:flex;flex-direction:column;gap:10px}.cld-preview-lines div{background:#e5e7eb;border-radius:4px;height:10px}.cld-preview-lines div:nth-child(1){width:60%}.cld-preview-lines div:nth-child(2){width:85%}.cld-preview-lines div:nth-child(3){width:45%}.cld-preview-lines div:nth-child(4){width:70%}.cld-preview-bubble{position:absolute;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #0003}.cld-preview-bubble-br{bottom:12px;right:12px}.cld-preview-bubble-bl{bottom:12px;left:12px}.cld-preview-bubble-tr{top:12px;right:12px}.cld-preview-bubble-tl{top:12px;left:12px}.cld-preview-popup{position:absolute;background:#fff;border-radius:8px;padding:10px 12px;box-shadow:0 2px 10px #0000001f;max-width:160px}.cld-preview-popup p{margin:0 0 7px;font-size:.75rem;font-weight:600;color:#111;line-height:1.3}.cld-preview-cta{display:inline-block;color:#fff;padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:600}.cld-preview-popup-br{bottom:58px;right:12px}.cld-preview-popup-bl{bottom:58px;left:12px}.cld-preview-popup-tr{top:58px;right:12px}.cld-preview-popup-tl{top:58px;left:12px}@media(max-width:768px){.cld-page{padding:16px}.cld-qr-panel,.cld-charts-row,.cld-widget-row,.cld-hours-row{grid-template-columns:1fr}}.clf-page{padding:32px;max-width:900px;margin:0 auto}.clf-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:16px}.clf-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 4px}.clf-subtitle{font-size:.875rem;color:#6b7280;margin:0}.clf-btn-primary{background:#5e17eb;color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:.875rem;font-weight:600;cursor:pointer}.clf-btn-primary:hover{background:#4c0fbd}.clf-empty{text-align:center;color:#9ca3af;padding:48px 0;font-size:.9375rem}.clf-grid{display:flex;flex-direction:column;gap:10px}.clf-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:box-shadow .2s}.clf-card:hover{box-shadow:0 4px 16px #5e17eb14}.clf-card-left{display:flex;align-items:center;gap:12px}.clf-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.clf-name{font-size:.9375rem;font-weight:600;color:#111827;margin:0 0 2px}.clf-count{font-size:.8rem;color:#9ca3af;margin:0}.clf-tag-pill{font-size:.875rem;font-weight:600;border-radius:999px;padding:4px 14px}.clf-card-actions{display:flex;gap:8px}.clf-card-actions button{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;padding:6px 16px;font-size:.8125rem;cursor:pointer;color:#374151}.clf-card-actions button:hover{border-color:#5e17eb;color:#5e17eb}.clf-delete:hover{border-color:#fca5a5!important;color:#dc2626!important;background:#fef2f2!important}.clf-overlay{position:fixed;inset:0;background:#0006;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.clf-modal{background:#fff;border-radius:20px;padding:28px;width:100%;max-width:400px}.clf-modal-title{font-size:1.125rem;font-weight:700;color:#111827;margin:0 0 20px}.clf-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:6px}.clf-input{width:100%;border:1.5px solid #e5e7eb;border-radius:10px;padding:10px 14px;font-size:.875rem;outline:none;transition:border-color .2s;box-sizing:border-box}.clf-input:focus{border-color:#5e17eb}.clf-color-row{display:flex;align-items:center;gap:10px}.clf-color-swatch{width:40px;height:40px;border-radius:8px;border:1.5px solid #e5e7eb;cursor:pointer;padding:2px}.clf-color-text{width:90px;border:1.5px solid #e5e7eb;border-radius:8px;padding:8px 10px;font-size:.875rem;font-family:monospace;outline:none}.clf-color-text:focus{border-color:#5e17eb}.clf-preset-colors{display:flex;gap:8px;flex-wrap:wrap}.clf-preset-dot{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s,border-color .15s}.clf-preset-dot:hover{transform:scale(1.15)}.clf-preset-dot.selected{border-color:#111827;transform:scale(1.1)}.clf-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.clf-btn-save{background:#5e17eb;color:#fff;border:none;border-radius:10px;padding:10px 24px;font-size:.875rem;font-weight:600;cursor:pointer}.clf-btn-save:disabled{opacity:.6;cursor:not-allowed}.clf-btn-cancel{background:#fff;color:#374151;border:1.5px solid #e5e7eb;border-radius:10px;padding:9px 20px;font-size:.875rem;cursor:pointer}.layout{display:flex;height:100vh;background:#f9fafb;overflow:hidden}.sidebar{width:80px;background:#121e3f;display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto;z-index:100}.sidebar-header{padding:5px;display:flex;justify-content:center;align-items:center;min-height:70px}.logo{font-size:20px;font-weight:800;letter-spacing:-1px;margin-bottom:0}.sidebar-nav{flex:1;padding:0;overflow-y:auto}.nav-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:8px 5px;color:#97aac1;text-decoration:none;font-weight:500;font-size:12px;transition:all .2s;cursor:pointer}.nav-item:hover{background:#435170;color:#d6e6f0}.nav-item.active{background:#64b5f6;color:#000}.nav-item svg{stroke-width:2;flex-shrink:0}.sidebar-footer{padding:8px;border-top:1px solid rgba(255,255,255,.1)}.logout-btn{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:10px 4px;border-radius:10px;background:transparent;border:none;color:#ef4444;font-weight:500;font-size:11px;cursor:pointer;transition:all .2s}.logout-btn:hover{background:#435170}.main-content{margin-left:80px;flex:1;display:flex;flex-direction:column;overflow:hidden}.top-bar{background:#fff;border-bottom:1px solid #e5e7eb;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;min-height:56px;gap:16px}.top-bar-left{display:flex;align-items:center;gap:12px;min-width:0}.top-bar-title{font-size:18px;font-weight:700;color:#1f2937;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-bar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.top-bar-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;border:1px solid #e5e7eb;background:#fff;color:#374151;cursor:pointer;transition:all .2s;white-space:nowrap}.top-bar-btn:hover{background:#f3f4f6;border-color:#d1d5db}.top-bar-btn.primary{background:#5e17eb;color:#fff;border-color:#5e17eb}.top-bar-btn.primary:hover{background:#4c0fbd;border-color:#4c0fbd}.top-bar-btn svg{flex-shrink:0}.mobile-menu-btn{display:none;background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.mobile-menu-btn:hover{background:#f3f4f6;color:#374151}.page-content{flex:1;overflow-y:auto}.mobile-overlay{display:none}@media(max-width:768px){.sidebar{transform:translate(-100%);width:150px!important;transition:transform .3s ease}.sidebar.mobile-open{transform:translate(0)}.nav-item{flex-direction:row;text-align:left;font-size:13px;gap:10px;padding:10px 12px}.logout-btn{flex-direction:row;font-size:13px;gap:10px;padding:10px 12px}.main-content{margin-left:0}.mobile-menu-btn{display:flex}.mobile-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:99}.top-bar{padding:10px 16px}.top-bar-title{font-size:16px}.top-bar-btn span{display:none}.top-bar-btn{padding:8px}}@media(max-width:480px){.top-bar{padding:10px 12px}}.layout-status-picker{position:relative}.layout-status-btn{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;font-size:.8125rem;font-weight:500;color:#374151;cursor:pointer;transition:border-color .15s;white-space:nowrap}.layout-status-btn:hover{border-color:#5e17eb}.layout-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.layout-status-label{line-height:1}.layout-status-menu{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 16px #0000001a;min-width:160px;z-index:300;overflow:hidden}.layout-status-option{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background:transparent;font-size:.875rem;color:#374151;cursor:pointer;text-align:left;transition:background .12s}.layout-status-option:hover{background:#f9fafb}.layout-status-option.active{background:#f5f0ff;color:#5e17eb;font-weight:600}.layout-suspended-overlay{position:fixed;inset:0;z-index:9999;background:#0f172ad9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.layout-suspended-card{background:#fff;border-radius:20px;padding:48px 40px;max-width:440px;width:calc(100% - 32px);text-align:center;box-shadow:0 24px 64px #00000040}.layout-suspended-icon{width:72px;height:72px;border-radius:50%;background:#fee2e2;color:#dc2626;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.layout-suspended-title{font-size:1.375rem;font-weight:700;color:#111827;margin:0 0 12px}.layout-suspended-msg{font-size:.9375rem;color:#6b7280;line-height:1.6;margin:0 0 32px}.layout-suspended-btn{display:inline-block;padding:12px 32px;border-radius:10px;border:none;background:#dc2626;color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .15s}.layout-suspended-btn:hover{background:#b91c1c}#root{max-width:100%;margin:0 auto;padding:0;text-align:center}.logo{padding:5px;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}