:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#202935;background-color:#f4f6fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#4d6aa6;text-decoration:inherit}a:hover{color:#3a527f}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#202935;color:#f5f7fb;cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{border-color:#4d6aa6;background-color:#2b3750}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#202935;background-color:#f4f6fb}a:hover{color:#3a527f}button{background-color:#202935}}:root{--main-color: #202935;--bg-color: #f4f6fb;--border-radius: 12px;--font: "Segoe UI", sans-serif;--scrollbar-size: 12px;--scrollbar-track: #dde5f2;--scrollbar-thumb: linear-gradient(180deg, #7f97c8 0%, #5d76a8 100%);--scrollbar-thumb-hover: linear-gradient(180deg, #96addb 0%, #6f88ba 100%);--scrollbar-border: rgba(237, 241, 248, .9)}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{font-family:var(--font);background-color:var(--bg-color);scrollbar-width:thin;scrollbar-color:#6a82b3 var(--scrollbar-track)}html{scrollbar-width:thin;scrollbar-color:#6a82b3 var(--scrollbar-track)}html::-webkit-scrollbar,body::-webkit-scrollbar,.content::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track,.content::-webkit-scrollbar-track{background:linear-gradient(180deg,#e8edf6,#dbe4f2);border-radius:999px}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,.content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:3px solid var(--scrollbar-border);box-shadow:inset 0 0 0 1px #ffffff2e}html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,.content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.layout{display:flex;height:100vh;overflow:hidden}.content{flex:1;margin-left:260px;padding:2rem;background:#edf1f8;box-sizing:border-box;overflow-y:auto;height:100vh;scrollbar-width:thin;scrollbar-color:#6a82b3 rgba(210,220,236,.9)}.sidebar-content{flex:1;display:flex;flex-direction:column}.plan-alert{background-color:#e7ecf8;color:#1d2740;border:1px solid #c4ccde;padding:1rem 1.5rem;margin-bottom:2rem;border-radius:8px;font-size:.95rem;max-width:720px;text-align:center;margin-left:auto;margin-right:auto;box-shadow:0 1px 3px #0000000d}.app-swal{background-color:var(--bg-color)!important;color:var(--main-color)!important;border-radius:var(--border-radius)!important;border:1px solid rgba(32,41,53,.12)!important;box-shadow:0 12px 30px #20293526!important}.app-swal .swal2-actions{gap:.75rem}.app-swal__title{color:var(--main-color)!important;font-weight:700!important}.app-swal__text{color:var(--main-color)!important;line-height:1.6!important}.app-swal__confirm,.app-swal__cancel{border-radius:var(--border-radius)!important;padding:.75rem 1.5rem!important;font-weight:600!important;border:2px solid transparent!important;min-width:140px;transition:all .2s ease-in-out}.app-swal__confirm{background-color:var(--main-color)!important;color:#fff!important;box-shadow:0 4px 12px #20293547}.app-swal__confirm:hover{background-color:#1a2230!important}.app-swal__cancel{background-color:transparent!important;color:var(--main-color)!important;border-color:var(--main-color)!important}.app-swal__cancel:hover{background-color:#20293514!important}.sidebar{--sidebar-pad-x: 1.5rem;--sidebar-pad-y: 2rem;width:260px;height:100vh;position:fixed;top:0;left:0;display:flex;flex-direction:column;box-sizing:border-box;padding:var(--sidebar-pad-y) var(--sidebar-pad-x);background:linear-gradient(180deg,#161d29,#202935);color:#f6f7fb;border-right:1px solid rgba(77,106,166,.22);box-shadow:0 24px 40px #1017238c;z-index:100}.sidebar-scroll{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;min-height:0;margin-right:calc(var(--sidebar-pad-x) * -1);scrollbar-width:thin;scrollbar-color:rgba(142,164,214,.88) rgba(255,255,255,.08)}.sidebar-scroll-inner{display:flex;flex:1;flex-direction:column;min-height:100%;padding-right:var(--sidebar-pad-x)}.sidebar-scroll::-webkit-scrollbar{width:10px}.sidebar-scroll::-webkit-scrollbar-track{background:linear-gradient(180deg,#ffffff14,#7693cc1f);border-radius:999px}.sidebar-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#9ab0df,#6e86b8);border-radius:999px;border:2px solid rgba(23,30,43,.9)}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#aec2eb,#8098ca)}.sidebar-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.sidebar-logo{width:150px;height:auto;object-fit:contain;margin-bottom:.25rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35));-webkit-user-select:none;user-select:none}.sidebar-subtitle{font-size:.85rem;color:#f3f6fcb3;margin:0}.sidebar-navigation{display:flex;flex-direction:column;flex:1;min-height:0}.sidebar-language-item{width:100%;display:flex;align-items:center;min-height:3.1rem;gap:.75rem;padding:.85rem 1rem;border-radius:14px;border:1px solid rgba(77,106,166,.16);background:#19202d73}.sidebar-language-switch{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem;margin-left:auto;border-radius:999px;background:#7693cc29}.sidebar-language-button{border:0;min-width:2.6rem;height:2rem;border-radius:999px;padding:0 .8rem;background:transparent;color:#f3f6fcb8;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.sidebar-language-button:hover,.sidebar-language-button:focus-visible{color:#f6f7fb}.sidebar-language-button.active{background:#8ea4d6;color:#141a26;transform:translateY(-1px)}.sidebar-menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.sidebar-menu-item{list-style:none}.sidebar-item{width:100%;display:flex;align-items:center;gap:.9rem;padding:.85rem 1rem;border-radius:14px;min-height:3.1rem;border:1px solid rgba(77,106,166,.16);background:#19202d73;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .25s ease,border-color .25s ease,transform .2s ease,color .25s ease,box-shadow .25s ease}.sidebar-item:hover:not(:disabled),.sidebar-item:focus-visible:not(:disabled){background:#4d6aa633;border-color:#4d6aa659;box-shadow:0 12px 25px #1a253733;transform:translateY(-1px)}.sidebar-item.active{background:#4d6aa647;border-color:#7693cca6;color:#a9bcee;box-shadow:inset 0 0 0 1px #7693cc59}.icon-bubble{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:10px;background:#7693cc33;color:inherit;font-size:1.25rem}.sidebar-item.active .icon-bubble{background:#8ea4d6;color:#141a26}.label-text{font-size:.95rem;font-weight:500;line-height:1.2}.sidebar-pending-badge{margin-left:auto;min-width:1.9rem;height:1.9rem;padding:0 .45rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#ffb84d;color:#1f2b3c;font-size:.82rem;font-weight:800;box-shadow:0 0 #ffb84d99}.sidebar-item.has-pending .sidebar-pending-badge{animation:sidebarPulse 1.4s ease-in-out infinite}.sidebar-item.has-pending{border-color:#ffb84d66}.sidebar-item:disabled{opacity:.4;cursor:not-allowed}@keyframes sidebarPulse{0%,to{transform:scale(1);box-shadow:0 0 #ffb84d8c}50%{transform:scale(1.08);box-shadow:0 0 0 10px #ffb84d00}}.sidebar-footer-inline{flex-shrink:0;margin-top:auto;padding-top:1.25rem;border-top:1px solid rgba(77,106,166,.22);font-size:.8rem;letter-spacing:2px;text-transform:uppercase;text-align:center;color:#8ea4d6;opacity:.85}@media (max-height: 720px){.sidebar{--sidebar-pad-x: 1.25rem;--sidebar-pad-y: 1.5rem}.sidebar-menu{gap:.6rem}.sidebar-item{padding:.75rem .9rem}.sidebar-logo{width:130px}}.tutorial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none}.tutorial-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b0f17b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tutorial-spotlight{position:fixed;border-radius:24px;border:2px solid rgba(255,255,255,.92);box-shadow:0 0 0 9999px #0b0f177a;z-index:1001;pointer-events:none;transition:top .2s ease,left .2s ease,width .2s ease,height .2s ease}.tutorial-highlight-target{position:relative;z-index:1002!important}.tutorial-card{position:fixed;z-index:1003;pointer-events:auto;background:#fff;border-radius:24px;padding:1.35rem;box-shadow:0 28px 60px #070b1261;border:1px solid rgba(77,106,166,.16)}.tutorial-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.tutorial-badge{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .7rem;border-radius:999px;background:#4d6aa61f;color:#273346;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.tutorial-close,.tutorial-secondary-button{border:none;background:transparent;color:#4c5a77;font-weight:700;cursor:pointer;border-radius:999px;padding:.45rem .8rem;transition:background .2s ease,color .2s ease}.tutorial-close:hover,.tutorial-close:focus-visible,.tutorial-secondary-button:hover:not(:disabled),.tutorial-secondary-button:focus-visible:not(:disabled){background:#202935;color:#fff;outline:none}.tutorial-card h3{margin:0 0 .65rem;color:#202935;font-size:1.15rem}.tutorial-card p{margin:0;color:#4c5a77;line-height:1.6}.tutorial-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.2rem}.tutorial-primary-button{border-radius:999px;padding:.75rem 1.2rem;font-weight:700;cursor:pointer;border:1px solid transparent;transition:background .2s ease,color .2s ease,border-color .2s ease;background:linear-gradient(135deg,#8ea4d6,#202935);color:#fff}.tutorial-secondary-button:disabled{opacity:.45;cursor:not-allowed}@media (max-width: 768px){.tutorial-card{left:16px!important;right:16px;width:auto!important;top:auto!important;bottom:16px;transform:none!important}}.config-page{--primary-900: #141a24;--primary-800: #1a2230;--primary-700: #202935;--primary-600: #273346;--primary-500: #2f3d53;--primary-400: #3b4761;--primary-300: #4c5a77;--primary-200: #65738f;--primary-150: #8ea4d6;--primary-100: #d4d9e4;--primary-050: #edf1f8;padding:2.5rem 2rem 3rem;min-height:100%;display:flex;flex-direction:column;gap:2rem;background:radial-gradient(circle at top left,rgba(73,94,146,.12),transparent 55%),linear-gradient(180deg,#f1f4fb,#fff 40%,#e6ebf5);box-sizing:border-box}.config-hero{display:flex;flex-direction:column;gap:1.5rem;background:linear-gradient(135deg,#4d6aa62e,#2029352e);border-radius:24px;padding:2rem 2.5rem;border:1px solid rgba(118,147,204,.28);box-shadow:0 28px 48px -32px #131b2973}.config-hero-header{display:flex;gap:1.1rem;align-items:center;color:var(--primary-700)}.config-hero-icon{display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:20px;background:#7693cc33;color:var(--primary-500);font-size:1.5rem}.config-hero-header h2{margin:0;font-size:1.9rem}.config-hero-header p{margin:.3rem 0 0;color:var(--primary-400);line-height:1.65;max-width:640px}.config-hero-actions{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:space-between}.config-hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;flex:1}.config-stat{background:#ffffffd9;border-radius:18px;padding:1rem 1.15rem;display:flex;flex-direction:column;gap:.35rem;border:1px solid rgba(118,147,204,.16);box-shadow:inset 0 1px #ffffff59;color:var(--primary-600)}.config-stat-label{font-size:.82rem;text-transform:uppercase;letter-spacing:.07em;color:var(--primary-200);font-weight:600}.config-stat-value{font-size:1.1rem;font-weight:700;color:var(--primary-500)}.config-hero-buttons{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.config-hero-tutorial-group{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem}.config-status-hint{width:fit-content;display:inline-flex;align-items:center;justify-content:center;padding:.45rem .8rem;border-radius:999px;font-size:.88rem;font-weight:700;border:1px solid transparent}.config-status-hint.is-done{background:#2eb3782e;color:#15603f;border-color:#2eb3783d}.config-status-hint.is-pending{background:#ffb84d2e;color:#9a5a00;border-color:#ffb84d47}.config-hero-cta,.config-hero-secondary{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.9rem;border-radius:999px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,color .2s ease,border-color .2s ease}.config-hero-cta{border:none;background:linear-gradient(135deg,var(--primary-150),var(--primary-700));color:#fff;box-shadow:0 16px 24px -18px #131b298c}.config-hero-cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 24px 36px -24px #131b2999}.config-hero-secondary{border:1px solid rgba(77,106,166,.22);background:#ffffffd6;color:var(--primary-600)}.config-hero-secondary:hover{transform:translateY(-1px);background:var(--primary-700);color:#fff;box-shadow:0 18px 30px -24px #131b298c}.config-hero-cta:disabled{cursor:not-allowed;background:var(--primary-100);box-shadow:none}.config-suggestions{display:flex;flex-wrap:wrap;gap:.75rem;margin:0;padding:0;list-style:none}.config-suggestions li{background:#ffffffd9;border-radius:999px;padding:.55rem 1rem;font-size:.88rem;color:var(--primary-500);border:1px solid rgba(118,147,204,.16)}.config-onboarding-panel{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;border-radius:20px;background:#ffffffbd;border:1px solid rgba(255,184,77,.3)}.config-onboarding-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.config-onboarding-header h3{margin:0 0 .25rem;color:var(--primary-700)}.config-onboarding-header p{margin:0;color:var(--primary-400)}.config-onboarding-pill{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .9rem;border-radius:999px;background:#ffb84d;color:#1a2230;font-weight:800;white-space:nowrap;animation:configPulse 1.5s ease-in-out infinite}.config-onboarding-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem}.config-onboarding-item{display:flex;gap:.8rem;padding:1rem;border-radius:16px;border:1px solid rgba(118,147,204,.14);background:#ffffffe0}.config-onboarding-item strong{display:block;margin-bottom:.35rem;color:var(--primary-600)}.config-onboarding-item p{margin:0;font-size:.9rem}.config-onboarding-state{flex-shrink:0;min-width:72px;height:fit-content;padding:.4rem .6rem;border-radius:999px;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;text-align:center}.config-onboarding-item.is-pending .config-onboarding-state{background:#ffb84d33;color:#9a5a00}.config-onboarding-item.is-done .config-onboarding-state{background:#2eb3782e;color:#15603f}.config-content{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2rem;align-items:stretch}.config-card,.config-preview-card{background:#fff;border-radius:22px;padding:1.9rem 2.1rem;border:1px solid rgba(77,106,166,.15);box-shadow:0 18px 38px -28px #131b2966;display:flex;flex-direction:column;gap:1.65rem}.config-card h3,.config-preview-card h3{margin:0 0 .4rem;font-size:1.35rem;color:var(--primary-700)}.config-card p,.config-preview-card p{margin:0;color:var(--primary-400);line-height:1.6}.config-form{display:flex;flex-direction:column;gap:1.25rem}.config-field-group{display:flex;flex-direction:column;gap:.65rem}.config-label{font-weight:700;color:var(--primary-500);letter-spacing:.01em}.config-checkbox-label{display:inline-flex;align-items:center;gap:.7rem;cursor:pointer}.config-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#16a34a}.config-whatsapp-card{display:flex;flex-direction:column;gap:1.1rem;margin-top:.35rem;padding:1.25rem;border-radius:22px;border:1px solid rgba(34,197,94,.18);background:linear-gradient(180deg,#f0fdf4f5,#f8fafcfa);box-shadow:0 22px 40px -34px #16a34a6b}.config-whatsapp-header{display:flex;align-items:flex-start;gap:.9rem}.config-whatsapp-icon{width:46px;height:46px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#25d366,#128c4b);color:#fff;box-shadow:0 18px 30px -20px #128c4bc7}.config-whatsapp-header h4{margin:0 0 .3rem;color:#166534;font-size:1rem}.config-whatsapp-header p{margin:0;color:#166534d1;line-height:1.45}.config-whatsapp-actions{display:flex;justify-content:flex-end;padding-top:.15rem}.config-save-button--whatsapp{background:linear-gradient(135deg,#25d366,#128c4b);box-shadow:0 20px 34px -24px #128c4bd1}.config-save-button--whatsapp:hover:not(:disabled){box-shadow:0 24px 36px -24px #128c4be0}.config-input,.config-textarea,.config-file-input{padding:.7rem .85rem;border-radius:12px;border:1px solid var(--primary-100);font-family:inherit;font-size:.95rem;background:var(--primary-050);color:var(--primary-800);transition:border-color .2s ease,box-shadow .2s ease}.config-input:focus,.config-textarea:focus,.config-file-input:focus{outline:none;border-color:var(--primary-150);box-shadow:0 0 0 3px #7693cc33}.config-textarea{resize:vertical;min-height:120px}.config-file-input{padding:.55rem .85rem;background:#fff}.config-upload-helper{font-size:.85rem;color:var(--primary-200)}.config-counter{align-self:flex-end;font-size:.78rem;color:var(--primary-200);font-weight:600}.config-card-actions{display:flex;justify-content:flex-end}.config-save-button{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.9rem;border-radius:999px;border:none;background:linear-gradient(135deg,var(--primary-150),var(--primary-700));color:#fff;font-weight:700;cursor:pointer;box-shadow:0 16px 24px -18px #131b298c;transition:transform .15s ease,box-shadow .2s ease}.config-save-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 24px 36px -24px #131b2999}.config-save-button:disabled{cursor:not-allowed;background:var(--primary-100);box-shadow:none}.config-preview-card{flex:1;display:flex;flex-direction:column;min-height:0}.config-preview-wrapper{flex:1;height:clamp(460px,62vh,620px);min-height:460px;max-height:620px;overflow:hidden;display:flex;align-items:stretch}.config-preview-note{font-size:.88rem;color:var(--primary-200);margin:0}@media (max-width: 1100px){.config-content{grid-template-columns:1fr}.config-card,.config-preview-card{padding:1.6rem 1.7rem}}@media (max-width: 720px){.config-page{padding:2rem 1.25rem 2.5rem}.config-hero{padding:1.7rem 1.8rem}.config-hero-header{flex-direction:column;align-items:flex-start}.config-hero-buttons{width:100%;flex-direction:column}.config-hero-tutorial-group{width:100%}.config-onboarding-header{flex-direction:column}.config-hero-cta,.config-hero-secondary,.config-save-button{width:100%;justify-content:center}}.config-create-bot-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.85rem 1.8rem;border-radius:999px;border:none;background:linear-gradient(135deg,#3b4761,#202935);color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 14px 22px -16px #20293573;transition:transform .12s ease,box-shadow .25s ease,opacity .2s ease}.config-create-bot-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 20px 32px -20px #2029358c;opacity:.98}.config-create-bot-button:active:not(:disabled){transform:translateY(0);box-shadow:0 12px 20px -14px #20293566}.config-create-bot-button:disabled{cursor:not-allowed;background:#b3c2c7;color:#fff;opacity:.7;box-shadow:none}.config-hero{position:relative}.config-hero-secondary{position:absolute;top:1.85rem;right:1.9rem;z-index:2}@media (max-width: 720px){.config-hero-secondary{position:static;width:100%}}@keyframes configPulse{0%,to{transform:scale(1);box-shadow:0 0 #ffb84d73}50%{transform:scale(1.04);box-shadow:0 0 0 10px #ffb84d00}}.chat-widget{--primary-color: #202935;--primary-light: #2b3750;--primary-lighter: #3b4761;--primary-soft: #d4d9e4;--chat-bg: #ffffff;--chat-messages-bg: #f7f7f7;--bot-bubble-bg: rgba(255, 255, 255, .95);--bot-bubble-text: #1f2937;--user-bubble-bg: #eef2f7;--user-bubble-text: #1f2937;--user-bubble-border: rgba(15, 23, 42, .12);--header-bg-color: var(--primary-color);--header-text-color: #ffffff;--header-status-color: rgba(255, 255, 255, .75);display:flex;flex:1 1 auto;flex-direction:column;width:100%;height:100%;min-height:0;min-width:0;border-radius:24px;background:var(--chat-bg);border:1px solid rgba(15,23,42,.08);box-shadow:0 24px 45px #0f172a26;overflow:hidden;position:relative;isolation:isolate}.chat-widget:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(140deg,#ffffff73,#fff0);pointer-events:none;z-index:0}.chat-widget>*{position:relative;z-index:1}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.4rem;color:#fff;background-size:cover;position:relative;z-index:2;background-blend-mode:normal;background-color:var(--header-bg-color)}.chat-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;z-index:-1}.header-content{display:flex;align-items:center;gap:.85rem}.reset-chat-button{border:1px solid rgba(255,255,255,.45);background:#ffffff24;color:var(--header-text-color);font-size:.78rem;font-weight:600;border-radius:999px;padding:.4rem .8rem;cursor:pointer;transition:opacity .2s ease,transform .2s ease,background .2s ease}.reset-chat-button:hover:not(:disabled){opacity:.95;background:#ffffff3d;transform:translateY(-1px)}.reset-chat-button:disabled{cursor:not-allowed;opacity:.65}.avatar-wrapper{position:relative;width:46px;height:46px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.45);box-shadow:0 8px 16px #0f172a2e}.header-avatar{width:100%;height:100%;object-fit:cover;display:block}.status-dot{position:absolute;width:11px;height:11px;border-radius:50%;background:#58b2ff;border:2px solid #ffffff;right:2px;bottom:2px;box-shadow:0 0 0 2px #fff6}.bot-meta{display:flex;flex-direction:column;gap:.2rem}.bot-name{font-weight:600;font-size:1.1rem;letter-spacing:.01em;color:inherit}.bot-status{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--header-status-color)}.chat-messages{flex:1 1 auto;padding:1.4rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;background:var(--chat-messages-bg);scroll-behavior:smooth;min-height:0;-ms-overflow-style:none;scrollbar-width:none}.chat-messages::-webkit-scrollbar{display:none}.message-row{display:flex;align-items:flex-end;gap:.75rem;animation:message-in .35s ease}.message-row.user{justify-content:flex-end}.message-row.user .message-avatar-wrapper{display:none}.message-row.user .message-bubble{margin-left:auto;background:var(--user-bubble-bg);border:1px solid var(--user-bubble-border);color:var(--user-bubble-text)}.message-avatar-wrapper{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--primary-color);border:2px solid var(--primary-color);box-shadow:0 6px 12px #0f172a26}.message-avatar{width:100%;height:100%;object-fit:cover;display:block}.message-bubble{position:relative;max-width:80%;padding:.85rem 1rem;border-radius:20px;font-size:.95rem;line-height:1.5;box-shadow:0 12px 24px #0f172a14;border:1px solid transparent;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.message-bubble span{display:block;white-space:pre-wrap;word-break:break-word}.message-content{display:inline-flex;align-items:center;gap:.4rem}.message-icon{flex:0 0 auto}.bot-bubble{background:var(--bot-bubble-bg);color:var(--bot-bubble-text);border-color:#94a3b838}.user-bubble{background:var(--user-bubble-bg);color:var(--user-bubble-text);border-color:var(--user-bubble-border);border-radius:22px 22px 8px}.message-row.bot .message-bubble{border-top-left-radius:8px}.typing-bubble{border-color:#94a3b838}.typing-indicator{display:flex;align-items:center;gap:.35rem}.typing-dot{width:7px;height:7px;border-radius:50%;background:var(--primary-light);animation:typing 1.2s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}.chat-input-row{display:flex;align-items:center;gap:.75rem;padding:1rem 1.4rem 1.3rem;background:var(--header-bg-color);border-top:1px solid rgba(148,163,184,.2);box-shadow:0 -10px 30px #0f172a14}.chat-input{flex:1;padding:.75rem 1rem;border-radius:16px;border:1.5px solid rgba(148,163,184,.35);background:#f8fafcd9;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;outline:none;color:#0f172a}.chat-input::placeholder{color:#64748bbf}.chat-input:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px #2fa59c33;background:#f8fafc}.send-button{background:#f8fafc!important;border:none;border-radius:16px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:0 12px 24px #00000029}.send-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 28px #0000002e}.send-button:active:not(:disabled){transform:translateY(0)}.send-button:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}.loading-spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(32,41,53,.2);border-top-color:var(--primary-color);animation:spin .75s linear infinite}@keyframes typing{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@keyframes message-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 520px){.chat-widget{border-radius:18px}.chat-header{padding:1rem 1.1rem}.chat-messages{padding:1.1rem}.chat-input-row{padding:.9rem 1.1rem 1.1rem}}.chat-widget.fade-enabled .chat-header{background-image:linear-gradient(135deg,var(--header-bg-dark),var(--header-bg-color));background-color:unset;box-shadow:0 2px 6px #0000001a}.chat-widget.fade-enabled .chat-messages{background:var(--chat-messages-bg)}.chat-widget.fade-disabled .chat-header{background-color:var(--header-bg-color);background-image:none;box-shadow:none}.chat-widget.fade-disabled .chat-messages{background:var(--chat-messages-bg)}.chat-header,.chat-header *{color:var(--header-text-color)!important}.chat-link{color:inherit;text-decoration:underline}.product-preview-card{background:#fffffff5;border:1px solid rgba(148,163,184,.18);border-radius:16px;overflow:hidden;width:100%;max-width:260px;margin-top:10px;box-shadow:0 16px 30px -24px #0f172a80}.product-preview-img{width:100%;display:block;background:#ffffffeb}.product-preview-info{padding:10px;background:var(--user-bubble-bg);color:var(--user-bubble-text)}.product-preview-info h4{margin:0 0 4px;font-size:.9rem;font-weight:600;color:var(--user-bubble-text)}.product-preview-price{margin:0 0 8px;color:var(--user-bubble-text);font-weight:600}.product-preview-btn{display:flex;justify-content:center;align-items:center;margin-left:auto;background:var(--primary-color);color:var(--header-text-color);padding:8px 12px;border-radius:8px;text-decoration:none;font-weight:600;font-size:.85rem;transition:opacity .25s ease,transform .15s ease}.product-preview-btn:hover{opacity:.85;transform:translateY(-2px)}.product-preview-btn:active{transform:translateY(0)}.product-preview-footer{display:flex;justify-content:flex-end;padding-top:4px}.product-preview-btn{background:var(--primary-color)!important;color:var(--header-text-color)!important}.whatsapp-preview-card{margin-top:12px;width:100%;max-width:280px;border-radius:16px;border:1px solid rgba(34,197,94,.2);background:linear-gradient(180deg,#f0fdf4fa,#dcfce7f5);box-shadow:0 16px 30px -24px #16a34a8c;padding:14px;box-sizing:border-box;overflow:hidden}.whatsapp-preview-copy{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.whatsapp-preview-copy strong{color:#166534;font-size:.92rem}.whatsapp-preview-copy p{margin:0;color:#166534;font-size:.84rem;line-height:1.45}.whatsapp-preview-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:100%;border-radius:12px;padding:11px 14px;background:linear-gradient(135deg,#25d366,#128c4b);color:#fff!important;text-decoration:none;font-weight:700;font-size:.9rem;line-height:1.2;box-sizing:border-box;box-shadow:0 16px 24px -18px #128c4bb3;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}.whatsapp-preview-btn:hover{transform:translateY(-1px);opacity:.96;box-shadow:0 18px 28px -18px #128c4bd1}.whatsapp-preview-btn:active{transform:translateY(0)}.loading-screen{position:fixed;top:0;left:260px;right:0;bottom:0;background:linear-gradient(135deg,#20293533,#edf1f8e6);display:flex;align-items:center;justify-content:center;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-screen__card{background:#fff;border-radius:16px;padding:24px 28px;box-shadow:0 12px 40px #0000001f;display:flex;flex-direction:column;align-items:center;gap:16px;min-width:320px;border:1px solid rgba(0,0,0,.06)}.loading-screen__logo{width:82px;height:82px;object-fit:contain}.loading-screen__bubble{background:#202935;color:#f8fafc;padding:12px 16px;border-radius:12px;box-shadow:0 6px 16px #0000002e;font-weight:700;text-transform:uppercase;letter-spacing:.8px;min-width:240px;text-align:center}.loading-screen__message{font-size:.95rem;display:block}.loading-screen__spinner{display:flex;gap:10px;justify-content:center;align-items:center}.loading-screen__dot{width:10px;height:10px;border-radius:50%;background:#202935;animation:loading-screen-pulse 1.2s ease-in-out infinite}.loading-screen__dot:nth-child(2){animation-delay:.15s}.loading-screen__dot:nth-child(3){animation-delay:.3s}@keyframes loading-screen-pulse{0%,to{transform:scale(.85);opacity:.5}50%{transform:scale(1.1);opacity:1}}@media (max-width: 960px){.loading-screen{left:0}}.kb-container{padding:2.5rem 2rem 3rem;min-height:100%;display:flex;flex-direction:column;gap:1.75rem;background:radial-gradient(circle at top left,rgba(73,94,146,.12),transparent 55%),linear-gradient(180deg,#f1f4fb,#fff 40%,#e6ebf5)}.kb-tabs{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem;background:#ffffffd9;border:1px solid rgba(118,147,204,.16);border-radius:16px;box-shadow:0 18px 28px -26px #17202f99;width:fit-content}.kb-tab{position:relative;border:none;background:transparent;padding:.75rem 1.35rem;border-radius:12px;font-weight:700;color:#3b4761;cursor:pointer;transition:color .2s ease,background .2s ease,box-shadow .2s ease}.kb-tab:after{content:"";position:absolute;left:50%;bottom:.45rem;width:0;height:3px;background:linear-gradient(135deg,#4d6aa699,#3c4b6699);border-radius:999px;transition:width .2s ease,left .2s ease}.kb-tab:hover{color:#263348;background:#7693cc1f}.kb-tab.active{background:#fff;color:#202935;box-shadow:0 12px 28px -20px #131b2973}.kb-tab.active:after{width:55%;left:22.5%}.kb-hero{display:flex;flex-direction:column;gap:1.5rem;background:linear-gradient(135deg,#4d6aa62e,#17202f2e);border-radius:24px;padding:2rem 2.25rem;border:1px solid rgba(118,147,204,.28);box-shadow:0 28px 48px -32px #131b2973}.kb-hero-header h2{display:flex;align-items:center;gap:.75rem;font-size:1.8rem;margin:0 0 .35rem;color:#202935}.kb-hero-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:18px;background:#7693cc33;color:#3c4b66}.kb-hero-header p{margin:0;max-width:640px;color:#3b4761;line-height:1.7}.kb-hero-actions{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:space-between}.kb-hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;flex:1}.kb-stat{background:#fffc;border-radius:18px;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.2rem;border:1px solid rgba(118,147,204,.16);box-shadow:inset 0 1px #ffffff59;color:#273346}.kb-stat-value{font-size:1.35rem;font-weight:700;color:#2f3d53}.kb-stat-label{font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:#65738f}.kb-hero-buttons{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.kb-hero-tutorial-group{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem}.kb-status-hint{width:fit-content;display:inline-flex;align-items:center;justify-content:center;padding:.45rem .8rem;border-radius:999px;font-size:.88rem;font-weight:700;border:1px solid transparent}.kb-status-hint.is-done{background:#2eb3782e;color:#15603f;border-color:#2eb3783d}.kb-status-hint.is-pending{background:#ffb84d2e;color:#9a5a00;border-color:#ffb84d47}.kb-hero-cta,.kb-hero-secondary{display:inline-flex;align-items:center;gap:.6rem;padding:.75rem 1.65rem;border-radius:999px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,color .2s ease,border-color .2s ease}.kb-hero-cta{border:none;background:linear-gradient(135deg,#4d6aa6,#3c4b66);color:#fff;box-shadow:0 16px 24px -18px #131b298c}.kb-hero-cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 24px 36px -24px #131b2999}.kb-hero-secondary{border:1px solid rgba(77,106,166,.22);background:#ffffffd6;color:#273346}.kb-hero-secondary:hover{transform:translateY(-1px);background:#202935;color:#fff;box-shadow:0 18px 30px -24px #131b298c}.kb-hero-cta:disabled{cursor:not-allowed;background:#cbd2e6;box-shadow:none}.kb-suggestions{display:flex;flex-wrap:wrap;gap:.75rem;margin:0;padding:0;list-style:none}.kb-suggestions li{background:#ffffffd9;border-radius:999px;padding:.55rem 1rem;font-size:.88rem;color:#3b4761;border:1px solid rgba(118,147,204,.16)}.kb-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;flex-wrap:wrap;background:#fff;padding:1.1rem 1.5rem;border-radius:18px;box-shadow:0 18px 38px -28px #131b2980;border:1px solid rgba(118,147,204,.14)}.kb-onboarding-panel{background:#ffffffe0;border:1px solid rgba(255,184,77,.28);border-radius:18px;padding:1.15rem 1.25rem;box-shadow:0 18px 36px -30px #131b2973;display:flex;flex-direction:column;gap:.9rem}.kb-onboarding-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.kb-onboarding-header h3{margin:0 0 .2rem;color:#202935}.kb-onboarding-header p{margin:0;color:#4c5a77}.kb-onboarding-pill{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .8rem;border-radius:999px;font-weight:800;white-space:nowrap}.kb-onboarding-pill.is-pending{background:#ffb84d;color:#1f2b3c;animation:kbPulse 1.5s ease-in-out infinite}.kb-onboarding-pill.is-done{background:#2eb3782e;color:#15603f}.kb-onboarding-list{display:grid;gap:.8rem}.kb-onboarding-item{display:flex;gap:.8rem;align-items:flex-start;padding:.95rem 1rem;border-radius:14px;background:#f8faff;border:1px solid rgba(118,147,204,.14)}.kb-onboarding-item strong{display:block;margin-bottom:.3rem;color:#253046}.kb-onboarding-item p{margin:0;color:#4c5a77;line-height:1.55}.kb-onboarding-state{min-width:78px;padding:.35rem .6rem;border-radius:999px;text-align:center;font-size:.74rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.kb-onboarding-item.is-pending .kb-onboarding-state{background:#ffb84d33;color:#9a5a00}.kb-onboarding-item.is-done .kb-onboarding-state{background:#2eb3782e;color:#15603f}.kb-toolbar-left{display:flex;flex-direction:column;gap:.35rem;color:#3b4761}.kb-count{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:#4c5a77;font-weight:600}.kb-toolbar-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.kb-search{position:relative}.kb-search input{width:260px;max-width:100%;padding:.6rem 2.8rem .6rem 1rem;border-radius:999px;border:1px solid #d4d9e4;background:#edf1f8;color:#1f2b3c;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.kb-search input:focus{outline:none;border-color:#5f7cc0;box-shadow:0 0 0 3px #7693cc40}.kb-clear-search{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#4c5a77;font-size:.8rem;font-weight:600;cursor:pointer;padding:.1rem 0}.kb-clear-search:hover{color:#24344a}.kb-toggle-btn{display:inline-flex;align-items:center;gap:.55rem;padding:.65rem 1.3rem;border-radius:999px;border:none;background:linear-gradient(135deg,#4d6aa6,#3c4b66);color:#fff;font-weight:600;cursor:pointer;box-shadow:0 10px 18px -12px #131b2999;transition:transform .15s ease,box-shadow .2s ease}.kb-toggle-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 24px -18px #131b29a6}.kb-toggle-btn:disabled{cursor:not-allowed;background:#c7cee5;color:#fff;box-shadow:none}.kb-form{margin-top:.5rem;background:#fff;padding:1.75rem;border-radius:18px;border:1px solid rgba(118,147,204,.2);box-shadow:0 24px 48px -36px #17202f8c;display:flex;flex-direction:column;gap:1.1rem}.kb-form label{display:flex;flex-direction:column;gap:.45rem;font-weight:600;color:#253046;font-size:.95rem}.kb-form input,.kb-form textarea{width:100%;padding:.75rem .9rem;font-size:.95rem;border:1px solid #d2d7e4;border-radius:10px;font-family:inherit;box-sizing:border-box;background:#f1f4fb;transition:border-color .2s ease,box-shadow .2s ease}.kb-form input:focus,.kb-form textarea:focus{outline:none;border-color:#5f7cc0;box-shadow:0 0 0 3px #7693cc33}.kb-form textarea{resize:vertical}.kb-counter{align-self:flex-end;font-size:.8rem;color:#7b8ba8}.kb-error{background-color:#ff5a5f1f;color:#a2132f;padding:.75rem 1rem;border-radius:10px;font-weight:600}.kb-form button{align-self:flex-end;margin-top:.5rem;background:linear-gradient(135deg,#4d6aa6,#3c4b66);color:#fff;padding:.65rem 1.4rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease}.kb-form button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 20px -16px #131b2999}.kb-form button:disabled{cursor:progress;opacity:.7}.kb-warning{margin-top:.5rem;color:#bf360c;font-weight:600}.kb-feed{display:flex;flex-direction:column;gap:1.5rem}.kb-feed-header h3{margin:0;font-size:1.35rem;color:#223149}.kb-feed-header p{margin:.35rem 0 0;color:#46546f;line-height:1.6}.kb-feed-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.pdf-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;color:#4a5871;text-align:right}.pdf-count{font-weight:700;color:#2d3b55}.pdf-hint{font-size:.9rem;color:#60708d}.kbf-feed-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:#ffffffeb;border-radius:16px;border:1px solid rgba(118,147,204,.16);box-shadow:0 18px 32px -30px #17202f8c}.kbf-feed-meta{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap;color:#24344a}.kbf-feed-count{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;background:#7693cc29;border-radius:12px;font-weight:700;color:#1f2b3c}.kbf-feed-hint{font-weight:600;color:#4c5a77;font-size:.95rem}.pdf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem}.pdf-card{background:#fff;border:1px solid rgba(118,147,204,.2);border-radius:16px;padding:1.1rem 1.2rem;box-shadow:0 16px 30px -26px #192435b3;display:flex;flex-direction:column;gap:.9rem;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.pdf-card:hover{transform:translateY(-2px);border-color:#4d6aa666;box-shadow:0 18px 36px -28px #192435cc}.pdf-card-header{display:flex;gap:.85rem;align-items:center}.pdf-icon-wrapper{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:#eb57571f;color:#d64545;border-radius:12px;font-size:1.4rem}.pdf-card-texts{display:flex;flex-direction:column;gap:.35rem;min-width:0}.pdf-card-title{font-weight:700;color:#1f2b3c;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;color:#5b6c87;font-size:.92rem}.pdf-chip{background:#4d6aa61f;color:#2f3d53;padding:.35rem .7rem;border-radius:999px;font-weight:600;font-size:.88rem}.pdf-meta-date{color:#6d7b95}.pdf-card-actions{display:flex;justify-content:flex-end;align-items:center;gap:.75rem}.pdf-action{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .95rem;border-radius:10px;border:1px solid transparent;font-weight:700;cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease}.pdf-action--delete{background:#d645451a;color:#b23b3b;border-color:#d6454533}.pdf-action:hover{transform:translateY(-1px);box-shadow:0 12px 18px -18px #192435a6}.pdf-action--delete:hover{border-color:#d6454573;color:#a63232;background:linear-gradient(135deg,#d645452e,#8c36361f)}.kb-card{background:#fff;border-radius:18px;padding:1.5rem 1.4rem 1.3rem;border:1px solid rgba(118,147,204,.16);box-shadow:0 22px 42px -34px #17202f8c;display:flex;flex-direction:column;gap:.85rem;position:relative;overflow:hidden}.kb-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px #ffffff8c}.kb-card-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .9rem;border-radius:999px;font-size:.82rem;font-weight:600;width:fit-content}.kb-card-chip svg{font-size:.9rem}.kb-card-chip--faq{background:#5a7bc42e;color:#3a5aa8}.kb-card-chip--process{background:#5a7bc438;color:#3c4b66}.kb-card-chip--promo{background:#ffc10726;color:#795548}.kb-card-chip--insight{background:#7693cc29;color:#2f3d53}.kb-note-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.kb-note-heading{display:flex;flex-direction:column;gap:.35rem}.kb-note-title{color:#1a2230;font-size:1.08rem;font-weight:700;line-height:1.35}.kb-note-meta{display:inline-flex;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;color:#65738f}.kb-note-content{margin:0;color:#1f2b3c;line-height:1.65;white-space:pre-wrap}.kb-note-footer{font-size:.85rem;color:#50607a;background:#7693cc1f;border-radius:12px;padding:.6rem .75rem}.kb-actions{display:inline-flex;align-items:center;gap:.35rem}.kb-actions button{background:none;border:none;color:#4c5a77;font-size:1rem;display:inline-flex;padding:.25rem;border-radius:6px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.kb-actions button:hover{color:#2d3b55;background-color:#7693cc1f}.kb-empty{background:#ffffffd9;border:1px dashed rgba(118,147,204,.4);border-radius:18px;padding:2.25rem 1.5rem;text-align:center;color:#273347;display:flex;flex-direction:column;gap:.85rem}.kb-empty h3{margin:0;font-size:1.2rem;color:#24344a}.kb-empty p{margin:0;line-height:1.55}.kb-empty-action{align-self:center;display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.4rem;border-radius:999px;border:none;background:linear-gradient(135deg,#4d6aa6,#3c4b66);color:#fff;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease}.kb-empty-action:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 22px -20px #131b29a6}.kb-empty-action:disabled{cursor:not-allowed;background:#c7cee5;box-shadow:none}@media (max-width: 1024px){.kb-hero{padding:1.75rem}}@media (max-width: 768px){.kb-container{padding:2rem 1.25rem 2.5rem}.kb-hero{gap:1.3rem}.kb-hero-actions{flex-direction:column;align-items:stretch}.kb-hero-buttons{width:100%;flex-direction:column}.kb-hero-tutorial-group{width:100%}.kb-hero-cta,.kb-hero-secondary{justify-content:center;width:100%}.kb-toolbar{padding:1rem 1.15rem}.kb-feed-grid{grid-template-columns:1fr}.kb-onboarding-header{flex-direction:column}}@media (max-width: 520px){.kb-toolbar-actions{width:100%;justify-content:space-between}.kb-toggle-btn{width:100%;justify-content:center}.kb-form{padding:1.25rem}}.kb-hero{position:relative}.kb-hero-secondary{position:absolute;top:1.7rem;right:1.8rem;z-index:2}@media (max-width: 768px){.kb-hero-secondary{position:static;width:100%}}@keyframes kbPulse{0%,to{transform:scale(1);box-shadow:0 0 #ffb84d73}50%{transform:scale(1.04);box-shadow:0 0 0 10px #ffb84d00}}.appearance-page{padding:2.5rem 2rem 3rem;min-height:100%;display:flex;flex-direction:column;gap:2rem;background:radial-gradient(circle at top left,rgba(73,94,146,.12),transparent 55%),linear-gradient(180deg,#f1f4fb,#fff 40%,#e6ebf5);box-sizing:border-box}.appearance-hero{display:flex;flex-direction:column;gap:1.5rem;background:linear-gradient(135deg,#4d6aa62e,#17202f2e);border-radius:24px;padding:2rem 2.5rem;border:1px solid rgba(118,147,204,.28);box-shadow:0 28px 48px -32px #131b2973}.appearance-hero-header{display:flex;gap:1.1rem;align-items:center;color:#202935}.appearance-hero-icon{display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:20px;background:#7693cc33;color:#3c4b66;font-size:1.5rem}.appearance-hero-header h2{margin:0;font-size:1.9rem}.appearance-hero-header p{margin:.3rem 0 0;color:#3b4761;line-height:1.65;max-width:640px}.appearance-hero-actions{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:space-between}.appearance-hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;flex:1}.appearance-stat{background:#ffffffd9;border-radius:18px;padding:1rem 1.15rem;display:flex;flex-direction:column;gap:.35rem;border:1px solid rgba(118,147,204,.16);box-shadow:inset 0 1px #ffffff59;color:#273346}.appearance-stat-label{font-size:.82rem;text-transform:uppercase;letter-spacing:.07em;color:#65738f;font-weight:600}.appearance-stat-value{font-size:1.25rem;font-weight:700;color:#2f3d53;display:flex;align-items:center;gap:.5rem}.appearance-color-dot{width:.9rem;height:.9rem;border-radius:50%;border:2px solid rgba(0,0,0,.08);box-shadow:0 2px 6px #00000026}.appearance-hero-buttons{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.appearance-hero-tutorial-group{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem}.appearance-status-hint{width:fit-content;display:inline-flex;align-items:center;justify-content:center;padding:.45rem .8rem;border-radius:999px;font-size:.88rem;font-weight:700;border:1px solid transparent}.appearance-status-hint.is-done{background:#2eb3782e;color:#15603f;border-color:#2eb3783d}.appearance-status-hint.is-pending{background:#ffb84d2e;color:#9a5a00;border-color:#ffb84d47}.appearance-hero-cta,.appearance-hero-secondary{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.9rem;border-radius:999px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,color .2s ease,border-color .2s ease}.appearance-hero-cta{border:none;background:linear-gradient(135deg,#4d6aa6,#3c4b66);color:#fff;box-shadow:0 16px 24px -18px #131b298c}.appearance-hero-cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 24px 36px -24px #131b2999}.appearance-hero-secondary{border:1px solid rgba(77,106,166,.22);background:#ffffffd6;color:#273346}.appearance-hero-secondary:hover{transform:translateY(-1px);background:#202935;color:#fff;box-shadow:0 18px 30px -24px #131b298c}.appearance-hero-cta:disabled{cursor:not-allowed;background:#cbd2e6;box-shadow:none}.appearance-onboarding-panel{display:flex;flex-direction:column;gap:.95rem;padding:1.2rem 1.25rem;border-radius:18px;background:#ffffffc2;border:1px solid rgba(255,184,77,.28)}.appearance-onboarding-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.appearance-onboarding-header h3{margin:0 0 .2rem;color:#202935}.appearance-onboarding-header p{margin:0;color:#4c5a77}.appearance-onboarding-pill{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .8rem;border-radius:999px;font-weight:800;white-space:nowrap}.appearance-onboarding-pill.is-pending{background:#ffb84d;color:#1f2b3c;animation:appearancePulse 1.5s ease-in-out infinite}.appearance-onboarding-pill.is-done{background:#2eb3782e;color:#15603f}.appearance-onboarding-list{display:grid;gap:.8rem}.appearance-onboarding-item{display:flex;gap:.8rem;align-items:flex-start;padding:.95rem 1rem;border-radius:14px;background:#ffffffe6;border:1px solid rgba(118,147,204,.14)}.appearance-onboarding-item strong{display:block;margin-bottom:.3rem;color:#253046}.appearance-onboarding-item p{margin:0;color:#4c5a77;line-height:1.55}.appearance-onboarding-state{min-width:78px;padding:.35rem .6rem;border-radius:999px;text-align:center;font-size:.74rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.appearance-onboarding-item.is-pending .appearance-onboarding-state{background:#ffb84d33;color:#9a5a00}.appearance-onboarding-item.is-done .appearance-onboarding-state{background:#2eb3782e;color:#15603f}.appearance-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:2rem;align-items:stretch}.appearance-card,.appearance-preview-card{background:#fff;border-radius:22px;padding:1.9rem 2.1rem;border:1px solid rgba(118,147,204,.14);box-shadow:0 18px 38px -28px #131b2973;display:flex;flex-direction:column;gap:1.65rem}.appearance-preview-card{flex:1;display:flex;flex-direction:column;align-items:stretch;min-height:0}.appearance-card h3,.appearance-preview-card h3{margin:0 0 .4rem;font-size:1.35rem;color:#202935}.appearance-card p,.appearance-preview-card p{margin:0;color:#3b4761;line-height:1.6}.appearance-field-group{display:flex;flex-direction:column;gap:.65rem}.appearance-field-label{font-weight:700;color:#2f3d53;letter-spacing:.01em}.appearance-color-control{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.appearance-color-input{width:80px;height:44px;border-radius:12px;border:none;cursor:pointer;box-shadow:inset 0 0 0 1px #00000014;background:transparent}.appearance-color-value{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.95rem;color:#273346;background:#7693cc1f;padding:.35rem .75rem;border-radius:999px}.appearance-presets{display:flex;flex-direction:column;gap:.65rem}.appearance-presets-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:#65738f;font-weight:700}.appearance-preset-list{display:flex;flex-wrap:wrap;gap:.6rem}.appearance-preset-button{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .9rem;border-radius:999px;border:1px solid rgba(118,147,204,.24);background:#7693cc1f;color:#2f3d53;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease}.appearance-preset-button:hover{transform:translateY(-1px);box-shadow:0 12px 24px -18px #131b2980}.appearance-size-select{width:100%;max-width:320px;padding:.6rem .75rem;border-radius:12px;border:1px solid rgba(0,0,0,.12);font-size:.95rem;color:#273346;background:#fff9;transition:border-color .2s ease,box-shadow .2s ease}.appearance-size-select:focus{outline:none;border-color:#7693cc8c;box-shadow:0 0 0 4px #7693cc42}.appearance-size-helper{font-size:.85rem;color:#65738f}.appearance-tips{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.6rem}.appearance-tips li{background:#7693cc1f;color:#273346;padding:.6rem .85rem;border-radius:12px;border:1px solid rgba(118,147,204,.16)}.appearance-card-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end}.appearance-save-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.7rem;border-radius:999px;border:none;background:linear-gradient(135deg,#4d6aa6,#3c4b66);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 16px 24px -18px #131b298c;transition:transform .15s ease,box-shadow .2s ease}.appearance-save-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 24px 36px -24px #131b2999}.appearance-save-button:disabled{cursor:not-allowed;background:#cbd2e6;box-shadow:none}.appearance-preview-bubble{display:flex;align-items:center;justify-content:center}.appearance-preview-widget{flex:1;height:clamp(460px,62vh,620px);min-height:460px;max-height:620px;border-radius:18px;border:1px solid rgba(118,147,204,.16);background:linear-gradient(180deg,#7693cc29,#ffffffe6);padding:1.2rem;box-shadow:inset 0 1px #ffffff73;overflow:hidden;display:flex;justify-content:center;align-items:stretch;width:100%}.appearance-preview-widget .chat-widget{margin:0;width:100%!important;height:100%!important;flex:1}@media (max-width: 1200px){.appearance-content{grid-template-columns:1fr}}@media (max-width: 768px){.appearance-page{padding:2rem 1.5rem 2.5rem}.appearance-hero{padding:1.8rem}.appearance-card,.appearance-preview-card{padding:1.6rem}.appearance-card-actions{justify-content:center}.appearance-onboarding-header{flex-direction:column}}@media (max-width: 520px){.appearance-hero-header{flex-direction:column;align-items:flex-start}.appearance-hero-actions{flex-direction:column;align-items:stretch}.appearance-hero-stats{width:100%}.appearance-hero-buttons{width:100%;flex-direction:column}.appearance-hero-tutorial-group{width:100%}.appearance-hero-cta,.appearance-hero-secondary{justify-content:center;width:100%}}.appearance-preview-widget .chat-widget.fade-enabled .chat-header{background-image:linear-gradient(135deg,var(--header-bg-light),var(--header-bg-color));background-color:unset;box-shadow:0 2px 6px #0000001a}.appearance-preview-widget .chat-widget.fade-enabled .chat-messages{background:var(--chat-messages-bg)}.appearance-preview-widget .chat-widget.fade-disabled .chat-header{background-color:var(--header-bg-color);background-image:none;box-shadow:none}.appearance-preview-widget .chat-widget.fade-disabled .chat-messages{background:var(--chat-messages-bg)}.advanced-colors-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem 2rem;margin-top:1rem}@media (max-width: 600px){.advanced-colors-grid{grid-template-columns:1fr}}.appearance-hero{position:relative}.appearance-hero-secondary{position:absolute;top:1.85rem;right:1.9rem;z-index:2}@media (max-width: 720px){.appearance-hero-secondary{position:static;width:100%}}@keyframes appearancePulse{0%,to{transform:scale(1);box-shadow:0 0 #ffb84d73}50%{transform:scale(1.04);box-shadow:0 0 0 10px #ffb84d00}}.shopify-feed-section{display:flex;flex-direction:column;gap:1rem}.shopify-feed-anchor{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.15rem;background:#ffffffdb;border:1px solid rgba(118,147,204,.16);border-radius:18px;box-shadow:0 16px 34px -28px #131b2959}.shopify-page{padding:2.5rem 2rem 3rem;min-height:100%;display:flex;flex-direction:column;gap:2rem;background:radial-gradient(circle at top left,rgba(73,94,146,.12),transparent 55%),linear-gradient(180deg,#f1f4fb,#fff 45%,#e6ebf5);box-sizing:border-box}.shopify-hero{display:flex;flex-direction:column;gap:1.5rem;background:linear-gradient(135deg,#4d6aa62e,#17202f2e);border-radius:24px;padding:2rem 2.5rem;border:1px solid rgba(118,147,204,.28);box-shadow:0 28px 48px -32px #131b2973}.shopify-hero-header{display:flex;gap:1.1rem;align-items:flex-start;color:#202935}.shopify-hero-icon{display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:20px;background:#7693cc33;color:#3c4b66;font-size:1.5rem;flex-shrink:0}.shopify-hero-header h2{margin:0;font-size:1.9rem}.shopify-hero-header p{margin:.35rem 0 0;color:#3b4761;line-height:1.65;max-width:660px}.shopify-hero-note{font-size:.92rem;color:#2f3d53;font-weight:600}.shopify-hero-actions{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:space-between}.shopify-hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;flex:1}.shopify-stat{background:#ffffffd9;border-radius:18px;padding:.95rem 1.1rem;display:flex;flex-direction:column;gap:.3rem;border:1px solid rgba(118,147,204,.16);box-shadow:inset 0 1px #ffffff59;color:#273346}.shopify-stat-label{font-size:.82rem;text-transform:uppercase;letter-spacing:.07em;color:#65738f;font-weight:600}.shopify-stat-value{font-size:1.25rem;font-weight:700;color:#2f3d53}.shopify-hero-cta-group{display:flex;flex-direction:column;gap:.6rem;align-items:flex-start}.shopify-hero-tutorial-group{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem}.shopify-status-hint{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .8rem;border-radius:999px;font-size:.88rem;font-weight:700;border:1px solid transparent}.shopify-status-hint.is-done{background:#2eb3782e;color:#15603f;border-color:#2eb3783d}.shopify-status-hint.is-pending{background:#ffb84d2e;color:#9a5a00;border-color:#ffb84d47}.shopify-hero-cta,.shopify-hero-secondary{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.9rem;border-radius:999px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,color .2s ease,border-color .2s ease}.shopify-hero-cta{border:none;background:linear-gradient(135deg,#4d6aa6,#3c4b66);color:#fff;box-shadow:0 16px 24px -18px #131b298c}.shopify-hero-cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 24px 36px -24px #131b2999}.shopify-hero-secondary{border:1px solid rgba(77,106,166,.22);background:#ffffffd6;color:#273346}.shopify-hero-secondary:hover{transform:translateY(-1px);background:#202935;color:#fff;box-shadow:0 18px 30px -24px #131b298c}.shopify-hero-cta:disabled{cursor:not-allowed;background:#cbd2e6;box-shadow:none;opacity:.85}.shopify-sync-time{font-size:.85rem;color:#44536d}.shopify-hero-tips{display:flex;flex-wrap:wrap;gap:.75rem;margin:0;padding:0;list-style:none}.shopify-hero-tips li{background:#ffffffd9;border-radius:999px;padding:.55rem 1rem;font-size:.9rem;color:#3b4761;border:1px solid rgba(118,147,204,.16)}.shopify-toolbar{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:space-between;background:#fff;padding:1.2rem 1.5rem;border-radius:18px;box-shadow:0 18px 38px -28px #131b2980;border:1px solid rgba(118,147,204,.14)}.shopify-onboarding-panel{background:#ffffffe6;border:1px solid rgba(255,184,77,.3);border-radius:18px;padding:1.2rem 1.3rem;box-shadow:0 18px 38px -30px #131b296b;display:flex;flex-direction:column;gap:.9rem}.shopify-onboarding-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.shopify-onboarding-header h3{margin:0 0 .2rem;color:#202935}.shopify-onboarding-header p{margin:0;color:#4c5a77}.shopify-onboarding-pill{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .8rem;border-radius:999px;font-weight:800;white-space:nowrap}.shopify-onboarding-pill.is-pending{background:#ffb84d;color:#1f2b3c;animation:shopifyPulse 1.5s ease-in-out infinite}.shopify-onboarding-pill.is-done{background:#2eb3782e;color:#15603f}.shopify-onboarding-list{display:grid;gap:.8rem}.shopify-onboarding-item{display:flex;gap:.8rem;align-items:flex-start;padding:.95rem 1rem;border-radius:14px;background:#f8faff;border:1px solid rgba(118,147,204,.14)}.shopify-onboarding-item strong{display:block;margin-bottom:.3rem;color:#253046}.shopify-onboarding-item p{margin:0;color:#4c5a77;line-height:1.55}.shopify-onboarding-state{min-width:78px;padding:.35rem .6rem;border-radius:999px;text-align:center;font-size:.74rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.shopify-onboarding-item.is-pending .shopify-onboarding-state{background:#ffb84d33;color:#9a5a00}.shopify-onboarding-item.is-done .shopify-onboarding-state{background:#2eb3782e;color:#15603f}.shopify-toolbar-left{display:flex;flex-direction:column;gap:.35rem;color:#3b4761}.shopify-count{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:#4c5a77;font-weight:600}.shopify-toolbar-summary{margin:0;font-size:.95rem;color:#3b4761}.shopify-toolbar-actions{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center}.shopify-search{position:relative}.shopify-search input{width:240px;max-width:100%;padding:.6rem 2.6rem .6rem 1rem;border-radius:999px;border:1px solid #d4d9e4;background:#edf1f8;color:#1f2b3c;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.shopify-search input:focus{outline:none;border-color:#5f7cc0;box-shadow:0 0 0 3px #7693cc40}.shopify-clear-search{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#4c5a77;font-size:.8rem;font-weight:600;cursor:pointer}.shopify-select select{width:200px;max-width:100%;padding:.6rem .85rem;border-radius:999px;border:1px solid #d4d9e4;background:#fff;color:#1f2b3c;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.shopify-select select:focus{outline:none;border-color:#5f7cc0;box-shadow:0 0 0 3px #7693cc40}.shopify-sort-toggle{padding:.65rem 1.1rem;background:#e4e9f6;color:#2f3d53;border:1px solid transparent;border-radius:999px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease}.shopify-sort-toggle:hover{background:#d4d9e8;transform:translateY(-1px)}.shopify-view-toggle{display:inline-flex;background:#eaf0fb;border:1px solid rgba(118,147,204,.32);border-radius:999px;padding:.2rem;gap:.2rem}.shopify-view-toggle button{border:none;background:transparent;color:#2f3d53;font-weight:600;border-radius:999px;padding:.45rem .95rem;cursor:pointer}.shopify-view-toggle button.is-active{background:#4d6aa6;color:#fff}.shopify-list-wrapper{width:100%;overflow-x:auto;background:#fff;border-radius:18px;border:1px solid rgba(118,147,204,.18);box-shadow:0 16px 34px -28px #131b2973}.shopify-list-table{width:100%;border-collapse:collapse;min-width:820px}.shopify-list-table th,.shopify-list-table td{text-align:left;padding:.85rem 1rem;border-bottom:1px solid #e8edf8;color:#2f3d53;font-size:.9rem}.shopify-list-table th{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:#5d6d89;background:#f7f9ff}.shopify-row-expand{border:none;background:transparent;padding:0;font-size:.92rem;color:#2f3d53;cursor:pointer;font-weight:600}.shopify-row-expand:hover,.shopify-row-expand:focus-visible{color:#fff}.shopify-list-expanded-row td{background:#f9fbff}.shopify-list-variants{margin:0;padding:0;list-style:none;display:grid;gap:.45rem}.shopify-list-variants li{display:flex;align-items:center;justify-content:space-between;background:#7693cc29;border-radius:.6rem;padding:.5rem .75rem}.shopify-list-url{color:#3460ad;font-weight:600}.shopify-list-url-empty{color:#7a859c}.shopify-list-delete-btn{border:none;background:transparent;color:#4c5a77;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.shopify-list-inspect-btn{border:none;background:transparent;color:#4c5a77;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin-right:.3rem}.loading-state{display:flex;gap:.75rem;align-items:center;color:#2f3d53;background:#eef3fb;border:1px solid #c7cee5;padding:.85rem 1.1rem;border-radius:.9rem}.loading-spinner{width:1.2rem;height:1.2rem;border:3px solid rgba(118,147,204,.3);border-top-color:#5f7cc0;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-message{color:#65738f;font-style:italic;padding:.8rem 1rem;background:#fffc;border-radius:.9rem;border:1px solid rgba(118,147,204,.16)}.shopify-feed{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.5rem}.shopify-product-card{position:relative;display:flex;flex-direction:column;background:#fff;color:#253046;border-radius:22px;overflow:hidden;box-shadow:0 20px 40px -24px #20293547;border:1px solid rgba(118,147,204,.14);transition:transform .25s ease,box-shadow .25s ease}.shopify-product-card:hover{transform:translateY(-6px);box-shadow:0 28px 56px -26px #7693cc59}.shopify-card-actions{position:absolute;top:14px;right:14px;display:inline-flex;gap:.35rem;z-index:2}.shopify-inspect-btn{background:none;border:none;color:#4c5a77;display:inline-flex;align-items:center;justify-content:center;padding:.35rem;border-radius:6px;cursor:pointer;transition:color .2s ease,background-color .2s ease}.shopify-delete-btn{background:none;border:none;color:#4c5a77;display:inline-flex;align-items:center;justify-content:center;padding:.35rem;border-radius:6px;cursor:pointer;transition:color .2s ease,background-color .2s ease;z-index:2}.shopify-delete-btn svg{width:1.05rem;height:1.05rem}.shopify-inspect-btn:hover,.shopify-list-inspect-btn:hover,.shopify-delete-btn:hover,.shopify-list-delete-btn:hover{color:#2d3b55;background-color:#7693cc1f}.shopify-product-media{position:relative;padding-top:60%;background:linear-gradient(135deg,#7693cc29,#7693cc4d)}.shopify-product-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.shopify-product-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#131b2966;font-size:1.8rem}.shopify-product-content{padding:1.35rem 1.5rem 1.6rem;display:flex;flex-direction:column;gap:.85rem}.shopify-product-header h3{margin:0;font-size:1.18rem;color:#2f3d53}.shopify-product-handle{font-size:.88rem;color:#65738f}.shopify-product-meta{display:flex;flex-wrap:wrap;gap:.5rem}.shopify-meta-chip{background:#7693cc29;color:#2f3d53;padding:.4rem .65rem;border-radius:999px;font-size:.78rem;font-weight:600}.shopify-product-tags{display:flex;flex-wrap:wrap;gap:.4rem}.shopify-tag-chip{background:#7693cc38;color:#2f3d53;padding:.35rem .6rem;border-radius:999px;font-size:.78rem;font-weight:600}.shopify-description,.shopify-product-description{margin:0;font-size:.92rem;color:#3b4761;line-height:1.55}.shopify-variants{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.shopify-variants li{display:flex;justify-content:space-between;align-items:center;padding:.5rem .7rem;background:#7693cc29;border-radius:.7rem;font-size:.88rem;color:#2f3d53}.shopify-variants strong{color:#2f3d53}.shopify-variant-more{justify-content:center;font-style:italic;color:#4c5a77}.shopify-no-variants{margin:0;font-size:.88rem;color:#4c5a77;background:#7693cc29;padding:.5rem .75rem;border-radius:.7rem;width:fit-content}.shopify-detail-modal{border-radius:24px;padding:2rem 1.6rem 1.4rem!important}.shopify-detail-modal .swal2-actions{width:100%;margin:1.25rem 0 0!important;padding:1rem .4rem 0!important;gap:.85rem;justify-content:flex-end;border-top:1px solid rgba(118,147,204,.14)}.shopify-detail-modal .swal2-title{padding:0 3.25rem .5rem!important;color:#2a3852!important;font-size:1.15rem!important;line-height:1.2!important}.shopify-detail-modal .swal2-close{top:18px!important;right:18px!important;width:38px!important;height:38px!important;border-radius:999px!important;color:#5d6d89!important;transition:background-color .2s ease,color .2s ease!important}.shopify-detail-modal .swal2-close:hover{background:#7693cc1f!important;color:#24324a!important}.shopify-detail-modal-body{margin:0}.shopify-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;text-align:left}.shopify-detail-block{background:#fff;border:1px solid rgba(118,147,204,.16);border-radius:18px;padding:1rem 1.1rem;box-shadow:0 16px 30px -26px #131b2947}.shopify-detail-block-full{grid-column:1 / -1}.shopify-detail-block h4{margin:0 0 .7rem;color:#24324a}.shopify-detail-edit-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.7rem}.shopify-detail-edit-header h4{margin:0}.shopify-detail-edit-toggle{width:42px;height:42px;border:1px solid rgba(92,123,192,.28);border-radius:12px;background:linear-gradient(180deg,#fff,#edf3ff);color:#365486;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 20px -16px #2b3e6273;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.shopify-detail-edit-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.15rem;line-height:1;font-weight:800}.shopify-detail-edit-toggle:hover,.shopify-detail-edit-toggle.is-active{background:linear-gradient(135deg,#5c7bc0,#3d5279);border-color:#31476f;color:#fff;transform:translateY(-1px);box-shadow:0 16px 28px -18px #2b3e628c}.shopify-detail-edit-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px #7693cc38,0 16px 28px -18px #2b3e628c}.shopify-detail-block p{margin:0;color:#40506c;line-height:1.65;white-space:pre-wrap}.shopify-detail-text-view{color:#40506c;line-height:1.65;white-space:pre-wrap}.shopify-detail-textarea{width:100%;min-height:180px;resize:vertical;border:1px solid rgba(118,147,204,.22);border-radius:14px;padding:.9rem 1rem;font:inherit;color:#34445f;background:#f9fbff;box-sizing:border-box;line-height:1.6}.shopify-detail-textarea:focus{outline:none;border-color:#5f7cc0;box-shadow:0 0 0 3px #7693cc2e}.shopify-detail-textarea.is-hidden,.shopify-detail-text-view.is-hidden{display:none}.shopify-detail-meta{display:grid;gap:.7rem}.shopify-detail-meta div{display:grid;gap:.2rem}.shopify-detail-meta span{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#667490;font-weight:700}.shopify-detail-meta strong,.shopify-detail-meta a{color:#24324a;word-break:break-word}.shopify-detail-tags{display:flex;flex-wrap:wrap;gap:.45rem}.shopify-detail-tag{background:#7693cc2e;color:#2d3d58;padding:.38rem .68rem;border-radius:999px;font-size:.8rem;font-weight:600}.shopify-detail-muted{color:#6f7b92}.shopify-detail-variants{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.shopify-detail-variant{display:flex;justify-content:space-between;gap:.9rem;align-items:center;padding:.75rem .85rem;background:#f4f7fe;border-radius:12px}.shopify-detail-variant div{display:grid;gap:.2rem}.shopify-detail-variant span{color:#60708c;font-size:.84rem}.shopify-detail-variant-prices{justify-items:end;white-space:nowrap}.shopify-detail-variant-prices del{color:#7f8aa0}.shopify-detail-empty{margin:0;color:#60708c}.shopify-detail-modal-close{min-width:148px!important;height:48px!important;border:1px solid #2e4268!important;border-radius:999px!important;background:linear-gradient(135deg,#5c7bc0,#3d5279)!important;color:#fff!important;padding:0 1.5rem!important;font-weight:800!important;letter-spacing:.01em!important;box-shadow:0 14px 24px -18px #2b3e628c!important;transition:transform .16s ease,box-shadow .18s ease,filter .18s ease!important}.shopify-detail-modal-cancel{min-width:124px!important;height:48px!important;border:1px solid rgba(118,147,204,.24)!important;border-radius:999px!important;background:#fff!important;color:#33435f!important;padding:0 1.35rem!important;font-weight:800!important;box-shadow:0 12px 22px -20px #131b294d!important;transition:transform .16s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease!important}.shopify-detail-modal-close:hover,.shopify-detail-modal-cancel:hover{transform:translateY(-1px)!important}.shopify-detail-modal-close:hover{filter:brightness(1.04)!important;box-shadow:0 18px 28px -20px #2b3e6294!important}.shopify-detail-modal-cancel:hover{background:#f6f9ff!important;border-color:#5c7bc066!important;box-shadow:0 14px 24px -20px #2b3e624d!important}@media (max-width: 900px){.shopify-toolbar{flex-direction:column;align-items:stretch}.shopify-onboarding-header{flex-direction:column}.shopify-toolbar-actions{width:100%;justify-content:flex-start}.shopify-search,.shopify-select,.shopify-sort-toggle,.shopify-search input,.shopify-select select{width:100%}}@media (max-width: 600px){.shopify-page{padding:1.7rem 1.2rem 2.2rem}.shopify-hero{padding:1.7rem 1.6rem}.shopify-hero-header{flex-direction:column}.shopify-hero-actions{flex-direction:column;align-items:stretch}.shopify-hero-cta-group{align-items:stretch}.shopify-hero-tutorial-group{width:100%}.shopify-hero-cta,.shopify-hero-secondary{width:100%;justify-content:center}.shopify-feed,.shopify-detail-grid{grid-template-columns:1fr}}.shopify-product-url-field{margin-top:14px;display:flex;flex-direction:column;gap:6px}.shopify-product-url-field label{font-size:.85rem;opacity:.8}.shopify-product-url-field input{background:#202935;border:1px solid #333a48;padding:8px 10px;border-radius:6px;color:#fff;font-size:.9rem;outline:none;transition:border-color .18s ease}.shopify-product-url-field input:focus{border-color:#4bc0c8}.shopify-product-url-link{display:inline-block;margin-top:4px;color:#4da3ff;font-size:.9rem;text-decoration:underline;word-break:break-all}.shopify-product-url-missing{display:inline-block;margin-top:4px;color:#888;font-size:.9rem}.shopify-hero{position:relative}.shopify-hero-secondary{position:absolute;top:1.9rem;right:2.1rem;z-index:2}@media (max-width: 600px){.shopify-hero-secondary{position:static;width:100%}}@keyframes shopifyPulse{0%,to{transform:scale(1);box-shadow:0 0 #ffb84d73}50%{transform:scale(1.04);box-shadow:0 0 0 10px #ffb84d00}}.conversations-page{padding:2.5rem 2rem 3rem;min-height:100%;display:flex;flex-direction:column;gap:2rem;background:radial-gradient(circle at top left,rgba(73,94,146,.12),transparent 55%),linear-gradient(180deg,#f1f4fb,#fff 40%,#e6ebf5);box-sizing:border-box}.conversations-hero{display:flex;flex-direction:column;gap:1.5rem;background:linear-gradient(135deg,#4d6aa62e,#17202f2e);border-radius:24px;padding:2rem 2.4rem;border:1px solid rgba(118,147,204,.28);box-shadow:0 28px 48px -32px #131b2973}.conversations-hero-header{display:flex;gap:1.1rem;align-items:center;color:#202935}.conversations-hero-icon{display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:20px;background:#7693cc33;color:#3c4b66;font-size:1.5rem}.conversations-hero-header h2{margin:0;font-size:1.85rem}.conversations-hero-header p{margin:.35rem 0 0;color:#3b4761;line-height:1.65;max-width:720px}.conversations-hero-actions{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:space-between}.conversations-hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;flex:1}.conversations-stat{background:#ffffffd9;border-radius:18px;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.35rem;border:1px solid rgba(118,147,204,.16);box-shadow:inset 0 1px #ffffff59;color:#273346}.conversations-stat-label{font-size:.82rem;text-transform:uppercase;letter-spacing:.07em;color:#65738f;font-weight:600}.conversations-stat-value{font-size:1.05rem;font-weight:700;color:#2f3d53;line-height:1.4}.conversations-hero-cta-group{display:inline-flex;align-items:center;gap:.75rem;flex-wrap:wrap}.conversations-hero-cta{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.9rem;border-radius:999px;border:none;background:linear-gradient(135deg,#4d6aa6,#3c4b66);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 16px 24px -18px #131b298c;transition:transform .15s ease,box-shadow .2s ease}.conversations-hero-cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 24px 36px -24px #131b2999}.conversations-hero-secondary{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.45rem;border-radius:999px;border:1px solid rgba(77,106,166,.22);background:#ffffffd6;color:#273346;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,color .2s ease,border-color .2s ease}.conversations-hero-secondary:hover{transform:translateY(-1px);background:#202935;color:#fff;box-shadow:0 18px 30px -24px #131b298c}.conversations-hero-cta:disabled{cursor:not-allowed;background:#cbd2e6;box-shadow:none}.conversations-hero-cta-secondary{background:linear-gradient(135deg,#2f8f83,#2f6c74)}.conversations-hero-cta-secondary:disabled{background:#cbd2e6}.conversations-suggestions{display:flex;flex-wrap:wrap;gap:.75rem;margin:0;padding:0;list-style:none}.conversations-suggestions li{background:#ffffffd9;border-radius:999px;padding:.55rem 1rem;font-size:.88rem;color:#3b4761;border:1px solid rgba(118,147,204,.16)}.conversations-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;background:#fff;padding:1.2rem 1.6rem;border-radius:18px;box-shadow:0 18px 38px -28px #131b2980;border:1px solid rgba(118,147,204,.14)}.conversations-toolbar-left{display:flex;flex-direction:column;gap:.35rem;color:#3b4761;max-width:540px}.conversations-count{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:#4c5a77;font-weight:600}.conversations-toolbar-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.conversations-filter{display:inline-flex;align-items:center;gap:.6rem;background-color:#e9edf8;padding:.45rem .9rem;border:1px solid rgba(118,147,204,.35);border-radius:999px}.conversations-filter-icon{color:#3c4b66;font-size:1.05rem}.conversations-filter-select{background-color:transparent;border:none;color:#2f3d53;font-size:.95rem;font-weight:600;padding:.2rem .4rem;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.conversations-filter-select option{background-color:#fff;color:#2f3d53}.conversations-note{display:inline-flex;align-items:center;gap:.45rem;background:#7693cc29;color:#202935;padding:.45rem .9rem;border-radius:12px;border:1px solid rgba(118,147,204,.28);font-size:.9rem}.conversations-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:2rem}.conversations-card,.conversation-detail-card{background:#fff;border-radius:22px;padding:1.9rem 2.1rem;border:1px solid rgba(118,147,204,.14);box-shadow:0 18px 38px -28px #131b2973;display:flex;flex-direction:column;gap:1.5rem}.conversations-card-header h3{margin:0 0 .4rem;font-size:1.35rem;color:#202935}.conversations-card-header p{margin:0;color:#3b4761;line-height:1.6}.conversations-list{display:flex;flex-direction:column;gap:.9rem;max-height:520px;overflow-y:auto;padding-right:.4rem}.conversations-list::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-thumb{background:#7693cc59;border-radius:999px}.conversations-loading,.conversations-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem 1rem;border-radius:16px;border:1px dashed rgba(118,147,204,.28);color:#3b4761;text-align:center;background:#7693cc1f}.conversation-card{display:flex;flex-direction:column;gap:.65rem;background:#edf1f8;border-radius:16px;padding:1rem 1.1rem;border:1px solid rgba(118,147,204,.16);cursor:pointer;text-align:left;transition:border-color .2s ease,transform .15s ease,box-shadow .2s ease}.conversation-card:hover{border-color:#7693cc66;transform:translateY(-2px);box-shadow:0 14px 24px -20px #131b2973}.conversation-card:focus-visible{outline:3px solid rgba(118,147,204,.35);outline-offset:2px}.conversation-card.active{border-color:#3c4b66;box-shadow:0 16px 32px -24px #131b2980;background:#fff}.conversation-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.conversation-index{font-weight:700;color:#2f3d53;font-size:.98rem}.conversation-date{margin:0;color:#3b4761;font-size:.95rem}.conversation-meta{font-size:.85rem;color:#65738f}.conversation-detail-card{position:relative;min-height:520px}.conversation-detail-header{display:flex;flex-direction:column;gap:.65rem}.conversation-detail-label{font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:#4c5a77;font-weight:600}.conversation-detail-header h3{margin:0;font-size:1.45rem;color:#202935}.conversation-detail-meta{display:flex;flex-wrap:wrap;gap:.6rem;font-size:.9rem;color:#3b4761}.message-list{display:flex;flex-direction:column;gap:1rem;max-height:420px;overflow-y:auto;padding-right:.4rem}.message-list::-webkit-scrollbar{width:6px}.message-list::-webkit-scrollbar-thumb{background:#7693cc59;border-radius:999px}.message{display:flex;flex-direction:column;gap:.35rem;padding:.75rem 1rem;border-radius:14px;background:#edf1f8;border:1px solid rgba(118,147,204,.14);color:#1f2b3c;font-size:.95rem;line-height:1.45}.message.user{align-self:flex-end;background:linear-gradient(135deg,#7693cc59,#495e924d);border-color:#7693cc59}.message.bot{align-self:flex-start;background:#fff}.message-sender{font-weight:700;color:#2f3d53;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}.message-time{font-size:.78rem;color:#65738f}.conversation-detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;text-align:center;color:#3b4761;padding:3rem 1.5rem}.conversation-detail-empty h3{margin:0;font-size:1.4rem;color:#202935}.conversations-report-card{background:#fff;border-radius:22px;padding:1.9rem 2.1rem;border:1px solid rgba(118,147,204,.14);box-shadow:0 18px 38px -28px #131b2973;display:flex;flex-direction:column;gap:1.15rem}.conversations-report-header{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;flex-wrap:wrap}.conversations-report-header h3{margin:0 0 .35rem;font-size:1.35rem;color:#202935}.conversations-report-header p{margin:0;color:#3b4761;line-height:1.6;max-width:760px}.conversations-report-loading{display:flex;align-items:center;gap:.8rem;padding:1rem 1.1rem;border-radius:14px;background:#4d6aa614;border:1px solid rgba(118,147,204,.28);color:#2f3d53}.conversations-report-spinner{width:1.1rem;height:1.1rem;border-radius:999px;border:2px solid rgba(60,75,102,.2);border-top-color:#3c4b66;animation:conversations-spin .85s linear infinite}.conversations-report-error,.conversations-report-placeholder{margin:0;padding:1rem 1.1rem;border-radius:14px;background:#7693cc1a;border:1px solid rgba(118,147,204,.22);color:#2f3d53}.conversations-report-error{background:#c93f3f14;border-color:#c93f3f40;color:#7f2f2f}.conversations-report-content{border-radius:16px;border:1px solid rgba(118,147,204,.22);background:#f8faff;padding:1rem 1.1rem;max-height:380px;overflow-y:auto}.conversations-report-content p{margin:0;color:#233146;line-height:1.55}.conversations-report-content p+p{margin-top:.75rem}@keyframes conversations-spin{to{transform:rotate(360deg)}}@media (max-width: 1120px){.conversations-content{grid-template-columns:1fr}.conversation-detail-card{min-height:0}}@media (max-width: 720px){.conversations-page{padding:2rem 1.25rem 2.5rem}.conversations-hero{padding:1.8rem 1.5rem}.conversations-hero-cta,.conversations-hero-secondary{width:100%;justify-content:center}.conversations-toolbar{padding:1rem 1.2rem}.conversations-card,.conversation-detail-card,.conversations-report-card{padding:1.5rem 1.6rem}}.conversations-hero{position:relative}.conversations-hero-secondary{position:absolute;top:1.9rem;right:2rem;z-index:2}@media (max-width: 720px){.conversations-hero-secondary{position:static;width:100%}}.stats-container{padding:2.5rem 2rem 3rem;min-height:100%;display:flex;flex-direction:column;gap:2rem;background:radial-gradient(circle at top left,rgba(73,94,146,.12),transparent 55%),linear-gradient(180deg,#f1f4fb,#fff 45%,#e9edf8)}.stats-hero{display:flex;flex-direction:column;gap:1.75rem;background:linear-gradient(135deg,#495e9233,#17202f33);border-radius:24px;padding:2rem 2.25rem;border:1px solid rgba(118,147,204,.28);box-shadow:0 28px 48px -32px #131b2973}.stats-hero-header{display:flex;align-items:flex-start;gap:1.25rem}.stats-hero-header h2{margin:0 0 .35rem;font-size:1.85rem;color:#202935}.stats-hero-header p{margin:0;max-width:640px;color:#3b4761;line-height:1.7}.stats-hero-icon{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:18px;background:#7693cc33;color:#3c4b66}.stats-hero-actions{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:space-between}.stats-hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;flex:1}.stats-glance{background:#ffffffd9;border-radius:18px;padding:.95rem 1.15rem;display:flex;flex-direction:column;gap:.2rem;border:1px solid rgba(118,147,204,.2);box-shadow:inset 0 1px #ffffff80;color:#273346}.stats-glance-label{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:#65738f}.stats-glance-value{font-size:1.4rem;font-weight:700;color:#2f3d53}.stats-hero-right{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;min-width:190px}.stats-hero-note{font-size:.85rem;color:#44536d}.stats-hero-cta{display:inline-flex;align-items:center;gap:.55rem;padding:.78rem 1.6rem;border-radius:999px;border:none;background:linear-gradient(135deg,#4d6aa6,#3c4b66);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 18px 28px -20px #131b298c;transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease}.stats-hero-cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 24px 36px -24px #131b29a6}.stats-hero-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.78rem 1.35rem;border-radius:999px;border:1px solid rgba(77,106,166,.22);background:#ffffffd6;color:#273346;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,color .2s ease,border-color .2s ease}.stats-hero-secondary:hover{transform:translateY(-1px);background:#202935;color:#fff;box-shadow:0 18px 30px -24px #131b298c}.stats-hero-cta:disabled{cursor:not-allowed;opacity:.7;box-shadow:none}.stats-section{background:#fff;border-radius:24px;border:1px solid rgba(118,147,204,.16);padding:1.9rem 2rem;box-shadow:0 26px 42px -32px #131b2973;display:flex;flex-direction:column;gap:1.6rem}.section-header h3{margin:0;font-size:1.35rem;color:#1f2b3c}.section-header p{margin:.45rem 0 0;color:#53637d;font-size:.96rem;max-width:38rem;line-height:1.6}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.stat-card{position:relative;background:#f1f4fb;border:1px solid rgba(118,147,204,.28);border-radius:20px;padding:1.5rem 1.35rem;color:#2e3b55;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 18px 32px -26px #131b2980}.stat-label{font-size:.88rem;letter-spacing:.05em;text-transform:uppercase;color:#7584a1}.stat-value{font-size:2.1rem;font-weight:700;color:#273346}.stat-description{margin:0;color:#6b7a95;font-size:.9rem;line-height:1.55}.help-icon{position:absolute;top:18px;right:18px;background:#ffffffe6;border:1px solid rgba(118,147,204,.35);color:#3f4f6d;cursor:pointer;padding:.4rem;border-radius:999px;transition:background .2s ease,transform .2s ease}.help-icon:hover{background:#7693cc33;transform:scale(1.05)}.stat-feed{display:flex;flex-direction:column;gap:1rem}.stat-feed-item{--activity-strength: 0;display:grid;grid-template-columns:minmax(140px,1fr) repeat(2,minmax(140px,.8fr));gap:1.1rem;align-items:center;background:linear-gradient(90deg,#4d6aa62e calc(var(--activity-strength) * 100%),#ffffffeb calc(var(--activity-strength) * 100%),#ffffffeb);border:1px solid rgba(118,147,204,.28);border-radius:18px;padding:1.1rem 1.35rem;color:#273346;box-shadow:0 18px 32px -28px #131b2980;transition:border-color .2s ease,transform .18s ease}.stat-feed-item:hover{transform:translateY(-2px);border-color:#7693cc61}.stat-feed-item.is-latest{border-color:#7693cc80;box-shadow:0 22px 40px -30px #131b2994}.stat-feed-date{display:flex;flex-direction:column;gap:.25rem;text-transform:capitalize;color:#40506c}.stat-feed-day{font-size:.78rem;letter-spacing:.08em;color:#3f5577}.stat-feed-full{font-size:1.08rem;font-weight:600}.stat-feed-meta h4{margin:0;font-size:.86rem;color:#6b7a95;letter-spacing:.03em;text-transform:uppercase}.stat-feed-value{margin:.25rem 0 0;font-size:1.55rem;font-weight:600;color:#1c273a}.top-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.top-card{background:#eef3fb;border:1px solid rgba(118,147,204,.28);border-radius:18px;padding:1.45rem;display:flex;flex-direction:column;gap:.75rem;color:#273346;box-shadow:0 20px 34px -28px #131b2980}.stat-card--whatsapp{background:linear-gradient(180deg,#f0fdf4f5,#fffffffa);border-color:#22c55e40}.mini-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.mini-stat-card{background:#f5f7fc;border:1px solid rgba(118,147,204,.22);border-radius:16px;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.3rem;color:#273346}.mini-stat-card--whatsapp{background:linear-gradient(180deg,#f0fdf4fa,#fffffffa);border-color:#22c55e38}.mini-stat-label{font-size:.86rem;color:#6b7a95}.mini-stat-value{font-size:1.6rem;color:#1f2b3c}.mini-stat-caption{font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;color:#7a87a1}.top-card header{display:flex;align-items:baseline;gap:.8rem}.top-rank{font-size:1.15rem;font-weight:700;color:#3c4b66}.top-rank--whatsapp{display:inline-flex;align-items:center;gap:.4rem;color:#15803d}.top-card h4{margin:0;font-size:1.02rem;color:#3b4761}.top-card--whatsapp{background:linear-gradient(180deg,#f0fdf4fa,#fffffffa);border-color:#22c55e38}.top-interactions{margin:.45rem 0 0;font-size:1.42rem;font-weight:600;color:#1c273a}.top-date{margin:0;color:#6b7a95;font-size:.88rem}.empty-state{padding:1.15rem 1.3rem;border-radius:16px;background:#fffc;border:1px dashed rgba(118,147,204,.38);color:#52627f;text-align:center;font-size:.95rem}@media (max-width: 1024px){.stats-hero-right{align-items:flex-start;min-width:0}}@media (max-width: 900px){.stat-feed-item{grid-template-columns:repeat(2,minmax(140px,1fr))}.stat-feed-date{grid-column:span 2;flex-direction:row;align-items:center;gap:.6rem}}@media (max-width: 640px){.stats-container{padding:2rem 1.25rem 2.5rem}.stats-hero{padding:1.75rem 1.5rem}.stats-hero-header{flex-direction:column}.stats-hero-right{width:100%;align-items:stretch}.stats-hero-cta,.stats-hero-secondary{justify-content:center}.stat-feed-item{grid-template-columns:1fr}.stat-feed-date{grid-column:initial}}.stats-hero{position:relative}.stats-hero-secondary{position:absolute;top:1.85rem;right:2rem;z-index:2}@media (max-width: 640px){.stats-hero-secondary{position:static;width:100%}}.plans-page{padding:2.5rem 2rem 3rem;min-height:100%;display:flex;flex-direction:column;gap:2.5rem;color:#1a2230;background:radial-gradient(circle at top left,rgba(73,94,146,.12),transparent 60%),linear-gradient(180deg,#eef2fb,#fff 45%,#e6ebf5)}.plans-page__status{padding:4rem 2rem;text-align:center;font-weight:600;color:#202935;background:linear-gradient(135deg,#7693cc29,#1922311f);border-radius:22px;margin:clamp(2rem,6vw,3rem);box-shadow:0 28px 46px -32px #131b2973}.plans-hero{display:flex;flex-direction:column;gap:1.5rem;border-radius:26px;padding:2.1rem 2.3rem;border:1px solid rgba(118,147,204,.28);background:linear-gradient(135deg,#d1dbefd9,#e9eef8c7);box-shadow:0 30px 52px -34px #131b2980}.plans-hero-header{display:flex;align-items:flex-start;gap:1.3rem}.plans-hero-icon{display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:20px;background:#7693cc47;color:#3c4b66;flex-shrink:0}.plans-hero-copy h1{margin:0 0 .35rem;font-size:clamp(1.8rem,2vw + 1.4rem,2.45rem);color:#213147;max-width:18ch}.plans-hero-copy p{margin:0;color:#3b4761;line-height:1.7;max-width:60ch}.plans-subtitle{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .85rem;border-radius:999px;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700;background:#ffffffbf;color:#273346;margin-bottom:.75rem}.plans-hero-body{display:flex;flex-direction:column;gap:1.75rem}.plans-hero-list{display:grid;gap:.7rem;margin:0;padding:0;list-style:none;color:#2f3d53}.plans-hero-list li{display:flex;align-items:center;gap:.65rem;font-weight:500}.plans-hero-list svg{color:#3c4b66;flex-shrink:0}.plans-hero-actions{display:grid;gap:1rem}.plans-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.plans-hero-stat{background:#ffffffd9;border-radius:18px;padding:1rem 1.15rem;display:flex;flex-direction:column;gap:.35rem;border:1px solid rgba(118,147,204,.2);box-shadow:inset 0 1px #fff9;color:#334056}.plans-hero-stat-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#6f7d98}.plans-hero-stat-value{font-size:1.35rem;font-weight:700;color:#2f3d53}.plans-hero-right{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.85rem;align-items:start}.trial-pill{display:inline-flex;align-items:flex-start;gap:.6rem;padding:.95rem 1.15rem;border-radius:18px;background:#ffffff9e;color:#202935;font-weight:500;line-height:1.45;border:1px solid rgba(118,147,204,.28);max-width:none}.trial-pill svg{flex-shrink:0;margin-top:.2rem}.trial-pill.used{background:#f5f7fbf5;color:#1f2b3c;border-color:#64748b3d}.plans-grid{display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.plan-card{position:relative;background:#fff;border-radius:22px;border:1px solid rgba(118,147,204,.16);padding:1.8rem 1.65rem;display:flex;flex-direction:column;gap:1.25rem;box-shadow:0 26px 44px -34px #131b298c;transition:transform .22s ease,box-shadow .25s ease;min-height:100%}.plan-badge.trial-badge{position:absolute;top:1rem;right:1rem;background:#4c6aa62e;color:#31405a;box-shadow:0 10px 24px -16px #131b2980;max-width:calc(100% - 2rem);white-space:nowrap}.plan-badge.trial-badge.used{background:#64748b2e;color:#475569}.plan-card:hover{transform:translateY(-6px);box-shadow:0 32px 60px -32px #131b2980}.plan-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.plan-card-header h2{margin:0;font-size:1.28rem;color:#1f2b3c;display:flex;align-items:center;gap:.55rem}.plan-card-header svg{color:#3c4b66}.plan-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.38rem .85rem;border-radius:999px;background:#7693cc42;color:#31405a}.plan-badge svg{flex-shrink:0}.plan-badge.badge-neutral{background:#0f172a26;color:#2d3b55}.plan-price{margin:0;font-size:2rem;font-weight:700;color:#2f3d53;display:flex;align-items:baseline;gap:.45rem}.plan-price span{font-size:.95rem;font-weight:500;color:#6b7794}.plan-features{margin:0;padding:0;list-style:none;display:grid;gap:.85rem}.plan-features li{display:flex;align-items:center;gap:.7rem;color:#3b4761;line-height:1.55;font-size:.96rem}.plan-features svg{color:#3c4b66;flex-shrink:0}.plan-card button{margin-top:auto;padding:.85rem 1.35rem;border-radius:14px;border:none;background:linear-gradient(135deg,#4d6aa6,#3c4b66);color:#fff;font-weight:700;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;box-shadow:0 18px 30px -20px #131b298c;transition:transform .18s ease,box-shadow .2s ease,opacity .2s ease}.plan-card button:hover{transform:translateY(-2px);box-shadow:0 24px 38px -22px #131b298c}.plan-card button:focus-visible{outline:3px solid rgba(118,147,204,.5);outline-offset:4px}.plan-card button:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed;transform:none;color:#f8fafc}.plan-card.popular{border-color:#7693cc66;background:linear-gradient(160deg,#495e921f,#fffffff2);box-shadow:0 36px 68px -34px #7693cc6b}.plan-card.popular h2,.plan-card.popular .plan-price{color:#31405a}.plan-card.popular .plan-features svg{color:#4c5a77}.trial-card{border:1px dashed rgba(19,27,41,.45);background:linear-gradient(150deg,#e9fdfbeb,#fffffffa)}.trial-card.used{border-style:solid;border-color:#94a3b866;background:linear-gradient(150deg,#ecf0f4f2,#fffffffa);box-shadow:0 22px 40px -28px #47556959;padding-top:3.6rem}.trial-card.used .plan-badge{background:#64748b2e;color:#475569}.trial-card.used .plan-price{color:#475569}.trial-card.used .plan-features svg{color:#64748b}.trial-card.used .trial-label{color:#475569}.trial-label{font-size:.85rem;background:#17202f1f;color:#1c273a;padding:.55rem .75rem;border-radius:10px;text-align:center;margin:0}.plan-card.empty-state{align-items:center;text-align:center;gap:.9rem;border-style:dashed;border-color:#94a3b873;color:#475569;box-shadow:none}.plan-card.empty-state h2{margin:0;color:#1c273a}.plan-card.empty-state p{margin:0;color:#64748b}@media (max-width: 1024px){.plans-hero{padding:2rem}.plans-hero-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.plans-hero-right{grid-template-columns:1fr}}@media (max-width: 768px){.plans-page{padding:2rem 1.5rem 2.5rem}.plans-hero{padding:1.8rem}.plans-hero-header{flex-direction:column}.plans-hero-actions{gap:.85rem}.plans-hero-right{width:100%}.plans-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.plan-card,.plan-card button{transition:none}.plan-card:hover{transform:none}}.plans-hero-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.9rem 1.2rem;border-radius:18px;border:1px solid rgba(77,106,166,.22);background:#ffffffd6;color:#273346;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,color .2s ease,border-color .2s ease}.plans-hero-secondary:hover{transform:translateY(-1px);background:#202935;color:#fff;box-shadow:0 18px 30px -24px #131b298c}.plans-hero{position:relative}.plans-hero-secondary{position:absolute;top:1.9rem;right:2rem;z-index:2}@media (max-width: 768px){.plans-hero-secondary{position:static;width:100%}}.myplan-state{width:min(560px,calc(100% - 2.5rem));margin:clamp(3rem,6vw,4rem) auto;padding:2.4rem;border-radius:24px;text-align:center;font-size:1rem;font-weight:600;color:#202935;background:linear-gradient(135deg,#7693cc29,#1922311f);border:1px dashed rgba(118,147,204,.35);box-shadow:0 28px 46px -32px #131b2973;display:flex;flex-direction:column;gap:.85rem}.myplan-page{padding:2.5rem 2rem 3rem;min-height:100%;display:flex;flex-direction:column;gap:2.5rem;background:radial-gradient(circle at top left,rgba(73,94,146,.12),transparent 60%),linear-gradient(180deg,#eef2fb,#fff 45%,#e6ebf5);color:#1a2230}.myplan-hero{display:flex;flex-direction:column;gap:1.8rem;border-radius:26px;padding:2.25rem 2.5rem;border:1px solid rgba(118,147,204,.28);background:linear-gradient(135deg,#4d6aa633,#2029352e);box-shadow:0 30px 52px -34px #131b2980;color:#202935}.myplan-hero.active{background:linear-gradient(135deg,#495e923d,#17202f33);border-color:#7693cc52;box-shadow:0 32px 56px -34px #131b2980}.myplan-hero.expired{background:linear-gradient(135deg,#20293542,#17202f2e);border-color:#2029354d;box-shadow:0 32px 56px -34px #131b2973}.myplan-hero.cancelled{background:linear-gradient(135deg,#7693cc47,#17202f33);border-color:#7693cc52;box-shadow:0 32px 56px -34px #131b2973}.myplan-hero-top{display:flex;justify-content:space-between;gap:1.8rem;flex-wrap:wrap}.myplan-hero-intro{display:flex;gap:1.2rem;align-items:flex-start;max-width:640px}.myplan-hero-icon{width:3rem;height:3rem;border-radius:20px;background:#ffffffd9;display:inline-flex;align-items:center;justify-content:center;color:#3c4b66;flex-shrink:0;box-shadow:inset 0 1px #fff9}.myplan-subtitle{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .85rem;border-radius:999px;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700;background:#ffffffe6;color:#273346;margin-bottom:.85rem}.myplan-hero h1{margin:0 0 .45rem;font-size:clamp(1.9rem,2vw + 1.4rem,2.5rem);font-weight:700}.myplan-hero p{margin:0;line-height:1.7;color:#3b4761}.myplan-status-group{display:flex;flex-direction:column;align-items:flex-end;gap:.6rem;flex:1;min-width:200px}.status-pill,.status-note{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem 1rem;border-radius:999px;font-size:.92rem;font-weight:600;background:#ffffffd9;color:#202935;white-space:nowrap;border:1px solid rgba(118,147,204,.22);box-shadow:inset 0 1px #ffffff8c}.status-pill.active{background:#7693cc33;border-color:#7693cc4d;color:#273346}.status-pill.expired{background:#2029352e;border-color:#20293542;color:#1a2230}.status-pill.cancelled{background:#4d6aa629;border-color:#4d6aa638;color:#202935}.status-pill.trial{background:#ffffffe6;border-color:#7693cc38;color:#273346}.status-note{background:#ffffffe6;border-color:#7693cc38;font-weight:500;color:#2f3d53}.myplan-hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.myplan-glance{background:#ffffffeb;border-radius:18px;padding:1rem 1.15rem;display:flex;flex-direction:column;gap:.35rem;border:1px solid rgba(118,147,204,.2);box-shadow:inset 0 1px #ffffff8c;color:#334056}.myplan-glance-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#6f7d98}.myplan-glance-value{font-size:1.25rem;font-weight:700;color:#2f3d53}.myplan-glance-hint{font-size:.82rem;color:#6f7d98}.myplan-grid{display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.myplan-card{background:#fff;border-radius:24px;border:1px solid rgba(118,147,204,.16);padding:1.9rem 1.8rem;display:flex;flex-direction:column;gap:1.2rem;box-shadow:0 26px 44px -34px #131b298c;transition:transform .2s ease,box-shadow .25s ease;color:#202935}.myplan-card:hover{transform:translateY(-4px);box-shadow:0 32px 60px -32px #131b2980}.myplan-card-header h2{margin:0 0 .4rem;font-size:1.35rem;color:#202935}.myplan-card-header p{margin:0;font-size:.95rem;color:#3b4761;line-height:1.6}.myplan-metrics{display:flex;flex-direction:column;gap:1rem}.myplan-metric{display:flex;justify-content:space-between;gap:1rem;font-size:.97rem;color:#2f3d53}.myplan-metric-label{font-weight:600;color:#3b4761}.myplan-metric-value{font-weight:700;color:#2f3d53}.myplan-metric-chip{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .95rem;border-radius:999px;font-size:.9rem;font-weight:700;text-transform:capitalize;background:#7693cc33;color:#202935}.myplan-metric-chip.active{background:#7693cc47;color:#273346}.myplan-metric-chip.expired{background:#2029352e;color:#1a2230}.myplan-metric-chip.cancelled{background:#4d6aa62e;color:#202935}.myplan-metric-hint{margin:0;font-size:.9rem;line-height:1.6;color:#2f3d53;background:#17202f1f;border-radius:16px;padding:.85rem 1rem}.myplan-progress{display:flex;flex-direction:column;gap:.75rem}.myplan-progress-track{position:relative;width:100%;height:16px;background:#2029351f;border-radius:999px;overflow:hidden}.myplan-progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#273346,#3c4b66,#2f3d53);border-radius:999px;transition:width .35s ease}.myplan-progress-extra{position:absolute;top:0;bottom:0;background:linear-gradient(90deg,#131b29a6,#131b298c);border-radius:0 999px 999px 0;transition:width .35s ease}.myplan-progress-marker{position:absolute;top:-6px;bottom:-6px;width:2px;background:#202935d9;border-radius:999px}.myplan-progress-info{display:flex;justify-content:space-between;font-size:.9rem;color:#2f3d53;font-weight:600}.myplan-overage-alert,.myplan-overage-safe{font-size:.9rem;line-height:1.6;border-radius:14px;padding:.85rem 1rem}.myplan-overage-alert{background:#2029351f;color:#1a2230;border:1px solid rgba(118,147,204,.22)}.myplan-overage-alert strong{display:block;margin-bottom:.35rem}.myplan-overage-safe{background:#ffffffe0;color:#2f3d53;border:1px solid rgba(118,147,204,.22)}.myplan-data-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.myplan-data-item{display:flex;gap:1rem;align-items:flex-start}.myplan-data-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:14px;background:#7693cc33;color:#3c4b66}.myplan-data-title{display:block;font-size:.95rem;font-weight:700;color:#202935}.myplan-data-value{display:block;font-size:.9rem;color:#3b4761;margin-top:.25rem}.myplan-data-hint{display:block;font-size:.82rem;color:#273346;margin-top:.25rem}.myplan-cancel-message{margin-top:1rem;background:#17202f1f;border-radius:16px;padding:1rem 1.1rem;font-size:.92rem;color:#3b4761;line-height:1.6}.myplan-cancel-btn{margin-top:auto;align-self:flex-start;padding:.85rem 1.4rem;border:none;border-radius:14px;font-size:.95rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#3c4b66,#273346);cursor:pointer;transition:transform .2s ease,box-shadow .25s ease;box-shadow:0 22px 46px -30px #131b2994}.myplan-cancel-btn:hover{transform:translateY(-2px);box-shadow:0 28px 52px -30px #131b2980}.myplan-cancel-btn:active{transform:translateY(0);box-shadow:0 16px 38px -28px #131b2994}@media (max-width: 1024px){.myplan-status-group{align-items:flex-start;min-width:0}}@media (max-width: 768px){.myplan-page{padding:2rem 1.4rem 3rem}.myplan-hero{padding:2rem}.myplan-card{padding:1.6rem}}@media (max-width: 540px){.myplan-hero{padding:1.75rem}.myplan-hero-intro{flex-direction:column;align-items:flex-start}.myplan-status-group{width:100%;align-items:flex-start}.status-pill,.status-note{white-space:normal}}.myplan-hero-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.72rem 1.2rem;border-radius:999px;border:1px solid rgba(77,106,166,.22);background:#ffffffd6;color:#273346;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,color .2s ease,border-color .2s ease}.myplan-hero-secondary:hover{transform:translateY(-1px);background:#202935;color:#fff;box-shadow:0 18px 30px -24px #131b298c}@media (max-width: 540px){.myplan-hero-secondary{width:100%}}.myplan-hero{position:relative}.myplan-hero-secondary{position:absolute;top:1.9rem;right:2rem;z-index:2}@media (max-width: 540px){.myplan-hero-secondary{position:static;width:100%}}.instructions-page{--primary-900: #141a24;--primary-800: #1a2230;--primary-700: #202935;--primary-600: #273346;--primary-500: #2f3d53;--primary-400: #3b4761;--primary-300: #4c5a77;--primary-200: #65738f;--primary-150: #8ea4d6;--primary-100: #d4d9e4;--primary-050: #edf1f8;padding:2.5rem 2rem 3rem;min-height:100%;display:flex;flex-direction:column;gap:2rem;background:radial-gradient(circle at top left,rgba(73,94,146,.12),transparent 55%),linear-gradient(180deg,#f1f4fb,#fff 40%,#e6ebf5);box-sizing:border-box}.instructions-hero{display:flex;flex-direction:column;gap:1.25rem;background:linear-gradient(135deg,#4d6aa62e,#2029352e);border-radius:24px;padding:2rem 2.5rem;border:1px solid rgba(118,147,204,.28);box-shadow:0 28px 48px -32px #131b2973;position:relative}.instructions-hero-header{display:flex;gap:1.1rem;align-items:center;color:var(--primary-700)}.instructions-hero-actions{display:flex;flex-direction:column;gap:.85rem;max-width:640px}.instructions-hero-button{align-self:flex-start;padding:.75rem 1.6rem;border-radius:999px;background:var(--primary-700);color:#fff;font-weight:600;text-decoration:none;box-shadow:0 14px 30px -18px #141a2499;transition:transform .2s ease,box-shadow .2s ease}.instructions-hero-button:hover{transform:translateY(-1px);box-shadow:0 16px 34px -18px #141a24b3}.instructions-hero-secondary{position:absolute;top:1.85rem;right:1.9rem;z-index:2;display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.9rem;border-radius:999px;border:1px solid rgba(77,106,166,.22);background:#ffffffd6;color:var(--primary-600);font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.instructions-hero-secondary:hover{transform:translateY(-1px);background:var(--primary-700);color:#fff;box-shadow:0 18px 30px -24px #131b298c}.instructions-hero-note{margin:0;color:var(--primary-400);line-height:1.6}.instructions-hero-note-secondary{font-size:.95rem;color:var(--primary-300)}.instructions-hero-icon{display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:20px;background:#7693cc33;color:var(--primary-500);font-size:1.5rem}.instructions-hero-header h2{margin:0;font-size:1.9rem}.instructions-hero-header p{margin:.3rem 0 0;color:var(--primary-400);line-height:1.65;max-width:640px}.instructions-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.instructions-step-card{background:#fff;border-radius:22px;padding:1.7rem 1.9rem;border:1px solid rgba(77,106,166,.15);box-shadow:0 18px 38px -28px #131b2966;display:flex;flex-direction:column;gap:1rem}.instructions-step-header{display:flex;flex-direction:column;gap:.5rem}.instructions-step-number{align-self:flex-start;padding:.3rem .85rem;border-radius:999px;background:#7693cc33;color:var(--primary-500);font-weight:700;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}.instructions-step-card h3{margin:0;font-size:1.2rem;color:var(--primary-700)}.instructions-step-description{margin:0;color:var(--primary-400);line-height:1.6}.instructions-step-image{border-radius:18px;overflow:hidden;border:1px solid rgba(118,147,204,.18);background:#f1f4fbcc}.instructions-step-image img{width:100%;height:auto;display:block}@media (max-width: 960px){.instructions-page{padding:2rem 1.5rem 2.5rem}.instructions-hero{padding:1.6rem 1.8rem}}@media (max-width: 640px){.instructions-page{padding:1.5rem 1.25rem 2rem}.instructions-hero-header{flex-direction:column;align-items:flex-start}.instructions-steps{grid-template-columns:1fr}.instructions-hero-secondary{position:static;width:100%;justify-content:center}}.fallback-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#edf1f8;font-family:sans-serif}.fallback-card{background-color:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 4px 12px #00000026;text-align:center;max-width:400px;width:90%}.fallback-logo{width:120px;height:auto;margin-bottom:1rem}.fallback-card h2{margin-bottom:.5rem;color:#202935}.fallback-card p{color:#555;margin-bottom:1.5rem}.fallback-card button{background-color:#202935;color:#fff;padding:.8rem 1.5rem;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.fallback-card button:hover{background-color:#4c5a77}
