l{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){l{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body,#root{width:100%;height:100%;margin:0}#root{flex:1}.main-layout{flex-direction:column;min-height:100vh;display:flex}.main-layout .layout{flex:1 0 auto}:root{--primary-color:#f5526d;--secondary-color:#87ceeb;--accent-color:gold;--text-dark:#333;--text-light:#555;--background-light:#fffbfb;--background-dark:#333;--card-background:#fff;--form-border-color:#ddd;--whatsapp-color:#25d366;--whatsapp-darker:#1da851;--header-font:"Fredoka",sans-serif;--body-font:"Quicksand",sans-serif;--biggest-font:3.5rem;--h1-font:2.5rem;--h2-font:2rem;--h3-font:1.5rem;--normal-font:1rem;--small-font:.875rem;--mb-0-5:.5rem;--mb-1:1rem;--mb-1-5:1.5rem;--mb-2:2rem;--mb-2-5:2.5rem;--mb-3:3rem;--box-shadow:0 4px 12px #00000014;--container-width:1200px}body{font-family:var(--body-font);font-size:var(--normal-font);background-color:var(--background-light);color:var(--text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;align-content:normal;min-height:100vh;margin:0;line-height:1.6;display:flex}.hm{--pink:var(--primary-color,#f5526d);background:var(--background-light,#fffbfb);overflow-x:hidden}.hm-carousel{height:min(78vh,620px);min-height:420px;position:relative;overflow:hidden}.hm-slide{opacity:0;pointer-events:none;background-position:50%;background-size:cover;transition:opacity 1s,transform 6s;position:absolute;inset:0;transform:scale(1.08)}.hm-slide.active{opacity:1;pointer-events:auto;transform:scale(1)}.hm-slide-overlay{background:linear-gradient(105deg,#140a19c7 0%,#140a1973 45%,#f5526d47 100%);position:absolute;inset:0}.hm-slide-content{z-index:2;color:#fff;flex-direction:column;justify-content:center;gap:14px;max-width:720px;height:100%;padding:0 clamp(20px,8vw,90px);display:flex;position:relative}.hm-slide.active .hm-slide-content>*{animation:.7s cubic-bezier(.22,1,.36,1) backwards hm-rise}.hm-slide.active .hm-slide-content>:first-child{animation-delay:.15s}.hm-slide.active .hm-slide-content>:nth-child(2){animation-delay:.28s}.hm-slide.active .hm-slide-content>:nth-child(3){animation-delay:.4s}.hm-slide.active .hm-slide-content>:nth-child(4){animation-delay:.52s}@keyframes hm-rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.hm-slide-tag{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:13px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#ffffff2e;border:1px solid #ffffff59;border-radius:30px;align-self:flex-start;padding:6px 16px}.hm-slide-title{font-family:var(--header-font,"Fredoka",sans-serif);text-shadow:0 4px 24px #00000059;margin:0;font-size:clamp(2rem,5.5vw,3.6rem);line-height:1.05}.hm-slide-sub{font-family:var(--body-font,"Quicksand",sans-serif);opacity:.95;max-width:560px;margin:0;font-size:clamp(1rem,2.2vw,1.3rem)}.hm-slide-cta{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.hm-btn{font-family:var(--header-font,"Fredoka",sans-serif);cursor:pointer;border:2px solid #0000;border-radius:30px;align-items:center;gap:6px;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.hm-btn-primary{background:var(--pink);color:#fff;box-shadow:0 8px 24px #f5526d73}.hm-btn-primary:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 12px 30px #f5526d8c}.hm-btn-ghost{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff24;border-color:#fff9}.hm-btn-ghost:hover{background:#ffffff42;transform:translateY(-3px)}.hm-btn-lg{padding:15px 40px;font-size:18px}.hm-arrow{z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;background:#ffffff38;border:none;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:28px;line-height:1;transition:background .18s,transform .18s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hm-arrow:hover{background:var(--pink);transform:translateY(-50%)scale(1.08)}.hm-arrow-left{left:18px}.hm-arrow-right{right:18px}.hm-dots{z-index:3;gap:10px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.hm-dot{cursor:pointer;background:#ffffff80;border:none;border-radius:50%;width:11px;height:11px;transition:all .25s}.hm-dot.active{background:#fff;border-radius:8px;width:30px}.hm-section{max-width:1160px;margin:0 auto;padding:64px 20px}.hm-head{text-align:center;margin-bottom:34px}.hm-eyebrow{font-family:var(--body-font,"Quicksand",sans-serif);letter-spacing:.14em;text-transform:uppercase;color:var(--pink);background:#f5526d1a;border-radius:20px;margin-bottom:12px;padding:5px 14px;font-size:12px;font-weight:800;display:inline-block}.hm-h2{font-family:var(--header-font,"Fredoka",sans-serif);color:var(--text-dark,#2b2b2b);margin:0 0 8px;font-size:clamp(1.6rem,4vw,2.5rem)}.hm-lead{font-family:var(--body-font,"Quicksand",sans-serif);color:var(--text-light,#666);margin:0;font-size:15px}.hm-cats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.hm-cat{background:#fff;border:2px solid #f1e6ea;border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:28px 16px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.hm-cat:before{content:"";background:var(--cat,var(--pink));transform-origin:0;height:5px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.hm-cat:hover{border-color:var(--cat);transform:translateY(-6px);box-shadow:0 16px 34px #0000001a}.hm-cat:hover:before{transform:scaleX(1)}.hm-cat-emoji{font-size:40px;transition:transform .25s}.hm-cat:hover .hm-cat-emoji{transform:scale(1.18)rotate(-6deg)}.hm-cat-name{font-family:var(--header-font,"Fredoka",sans-serif);color:var(--text-dark,#2b2b2b);text-align:center;font-size:15px;font-weight:600}.hm-cat-go{font-family:var(--body-font,"Quicksand",sans-serif);color:var(--cat,var(--pink));opacity:0;font-size:12px;font-weight:700;transition:all .25s;transform:translateY(6px)}.hm-cat:hover .hm-cat-go{opacity:1;transform:translateY(0)}.hm-stats{background:linear-gradient(115deg,var(--pink),#a855f7);text-align:center;color:#fff;grid-template-columns:repeat(4,1fr);gap:10px;padding:46px 20px;display:grid}.hm-stat-num{font-family:var(--header-font,"Fredoka",sans-serif);font-size:clamp(1.8rem,5vw,2.8rem);font-weight:700;line-height:1}.hm-stat-label{font-family:var(--body-font,"Quicksand",sans-serif);opacity:.92;margin-top:6px;font-size:13px;font-weight:600}.hm-features{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.hm-feature{background:#fff;border-radius:20px;padding:26px 22px;transition:transform .2s,box-shadow .2s;box-shadow:0 6px 20px #0000000d}.hm-feature:hover{transform:translateY(-5px);box-shadow:0 16px 32px #00000017}.hm-feature-emoji{font-size:34px}.hm-feature-title{font-family:var(--header-font,"Fredoka",sans-serif);color:var(--text-dark,#2b2b2b);margin:10px 0 6px;font-size:17px}.hm-feature-text{font-family:var(--body-font,"Quicksand",sans-serif);color:var(--text-light,#666);margin:0;font-size:14px;line-height:1.55}.hm-cta{padding:20px 20px 72px}.hm-cta-inner{text-align:center;background:radial-gradient(circle at 20% 20%,#f5526d24,#0000 60%),radial-gradient(circle at 90% 80%,#a855f724,#0000 55%),#fff;border:2px dashed #f5526d59;border-radius:28px;max-width:900px;margin:0 auto;padding:48px 24px}.hm-cta-title{font-family:var(--header-font,"Fredoka",sans-serif);color:var(--text-dark,#2b2b2b);margin:0 0 8px;font-size:clamp(1.5rem,4vw,2.3rem)}.hm-cta-sub{font-family:var(--body-font,"Quicksand",sans-serif);color:var(--text-light,#666);margin:0 0 22px}@media (max-width:700px){.hm-stats{grid-template-columns:repeat(2,1fr);gap:24px 10px}.hm-arrow{width:38px;height:38px;font-size:22px}.hm-section{padding:46px 18px}}@media (prefers-reduced-motion:reduce){.hm-slide{transition:opacity .4s;transform:none}.hm-slide.active .hm-slide-content>*{animation:none}}.ag-page{background:var(--background-light,#fffbfb);box-sizing:border-box;justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 16px 80px;display:flex}.ag-container{flex-direction:column;gap:28px;width:100%;max-width:700px;display:flex}.ag-header{text-align:center}.ag-title{font-family:var(--header-font,"Fredoka",sans-serif);color:var(--text-dark,#333);margin:0 0 8px;font-size:clamp(1.8rem,5vw,2.5rem);font-weight:700}.ag-subtitle{font-family:var(--body-font,"Quicksand",sans-serif);font-size:var(--small-font,.875rem);color:var(--text-light,#555);margin:0;line-height:1.5}.ag-steps{flex-wrap:nowrap;justify-content:center;align-items:center;gap:0;padding:0 8px;display:flex;overflow-x:auto}.ag-step{flex-shrink:0;align-items:center;gap:6px;display:flex}.ag-step-circle{color:#94a3b8;background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;transition:background .2s,color .2s;display:flex}.ag-step.active .ag-step-circle{background:var(--primary-color,#f5526d);color:#fff;box-shadow:0 4px 12px #f5526d59}.ag-step.done .ag-step-circle{color:#fff;background:#22c55e}.ag-step-label{color:#94a3b8;white-space:nowrap;font-size:11px;font-weight:600;transition:color .2s}.ag-step.active .ag-step-label{color:var(--primary-color,#f5526d)}.ag-step.done .ag-step-label{color:#22c55e}.ag-step-line{background:#e2e8f0;flex-shrink:0;width:32px;height:2px;margin:0 4px;transition:background .2s}.ag-step-line.done{background:#22c55e}.ag-card{background:var(--card-background,#fff);box-shadow:var(--box-shadow,0 4px 12px #00000014);border-radius:20px;flex-direction:column;gap:20px;padding:28px 28px 20px;display:flex}.ag-section{flex-direction:column;gap:14px;display:flex}.ag-section-title{font-family:var(--header-font,"Fredoka",sans-serif);color:var(--text-dark,#333);border-bottom:2px solid var(--background-light,#f8fafc);margin:0;padding-bottom:10px;font-size:1.1rem}.ag-row{flex-wrap:wrap;gap:12px;display:flex}.ag-field{flex-direction:column;flex:1;gap:5px;min-width:140px;display:flex}.ag-field.full{flex:0 0 100%}.ag-field.small{flex:0 0 80px;min-width:80px}.ag-label{color:var(--text-light,#555);font-size:12px;font-weight:600}.ag-input{border:1.5px solid var(--form-border-color,#ddd);height:42px;font-size:14px;font-family:var(--body-font,"Quicksand",sans-serif);color:var(--text-dark,#333);background:var(--background-light,#fffbfb);box-sizing:border-box;border-radius:10px;outline:none;width:100%;padding:0 12px;transition:border-color .15s,box-shadow .15s}.ag-input:focus{border-color:var(--primary-color,#f5526d);background:#fff;box-shadow:0 0 0 3px #f5526d1a}.ag-select{cursor:pointer}.ag-textarea{resize:vertical;height:auto;min-height:80px;padding:10px 12px;line-height:1.5}.ag-tipos-grid{flex-wrap:wrap;gap:8px;display:flex}.ag-tipo-btn{border:2px solid var(--form-border-color,#ddd);font-size:12px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);color:var(--text-light,#555);cursor:pointer;white-space:nowrap;background:#fff;border-radius:20px;padding:8px 14px;transition:all .15s}.ag-tipo-btn:hover{border-color:var(--primary-color,#f5526d);color:var(--primary-color,#f5526d)}.ag-tipo-btn.active{background:var(--primary-color,#f5526d);border-color:var(--primary-color,#f5526d);color:#fff;box-shadow:0 4px 12px #f5526d40}.ag-planes-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.ag-plan-card{border:2px solid var(--form-border-color,#ddd);cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;gap:4px;padding:14px 12px;transition:all .15s;display:flex;position:relative}.ag-plan-card:hover{border-color:var(--primary-color,#f5526d);transform:translateY(-2px);box-shadow:0 6px 16px #f5526d1f}.ag-plan-card.active{border-color:var(--primary-color,#f5526d);background:#f5526d0a;box-shadow:0 4px 14px #f5526d2e}.ag-plan-img{object-fit:cover;background:#f3f4f6;border-radius:10px;width:100%;height:130px;margin-bottom:6px}.ag-plan-name{color:var(--text-dark,#333);font-size:13px;font-weight:700}.ag-plan-desc{color:var(--text-light,#555);font-size:11px;line-height:1.4}.ag-plan-price{color:var(--primary-color,#f5526d);margin-top:4px;font-size:16px;font-weight:800}.ag-plan-selected{color:var(--text-dark,#333);background:#f5526d0f;border:1.5px solid #f5526d40;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.ag-plan-selected strong{font-weight:700}.ag-plan-selected-price{color:var(--primary-color,#f5526d);margin-left:auto;font-size:15px;font-weight:800}.ag-summary{flex-direction:column;gap:16px;display:flex}.ag-summary-section{background:var(--background-light,#fffbfb);border:1px solid #eee;border-radius:12px;padding:14px 16px}.ag-summary-section h4{font-family:var(--header-font,"Fredoka",sans-serif);color:var(--text-dark,#333);margin:0 0 10px;font-size:14px;font-weight:600}.ag-summary-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.ag-summary-item{flex-direction:column;gap:1px;display:flex}.ag-summary-label{color:#94a3b8;font-size:10px;font-weight:600}.ag-summary-value{color:var(--text-dark,#333);font-size:13px;font-weight:500}.ag-summary-value.highlight{color:var(--primary-color,#f5526d);font-size:15px;font-weight:800}.ag-check{cursor:pointer;color:var(--text-light,#555);align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.ag-check input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--primary-color,#f5526d);flex-shrink:0;margin-top:2px}.ag-link{color:var(--primary-color,#f5526d);font-weight:600;text-decoration:underline}.ag-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:10px 14px;font-size:13px}.ag-nav{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;display:flex}.ag-btn-back{border:1.5px solid var(--form-border-color,#ddd);font-size:14px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);color:var(--text-light,#555);cursor:pointer;background:#fff;border-radius:10px;padding:10px 20px;transition:background .15s}.ag-btn-back:hover{background:#f8fafc}.ag-btn-next{background:var(--primary-color,#f5526d);color:#fff;font-size:14px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);cursor:pointer;border:none;border-radius:10px;margin-left:auto;padding:10px 24px;transition:opacity .15s,transform .1s;box-shadow:0 4px 14px #f5526d4d}.ag-btn-next:hover{opacity:.9;transform:translateY(-1px)}.ag-btn-submit{background:var(--primary-color,#f5526d);color:#fff;width:100%;font-size:15px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px;transition:opacity .15s,transform .1s;display:flex;box-shadow:0 6px 20px #f5526d59}.ag-btn-submit:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.ag-btn-submit:disabled{opacity:.65;cursor:not-allowed}.ag-btn-primary{background:var(--primary-color,#f5526d);color:#fff;font-size:14px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);cursor:pointer;border:none;border-radius:12px;margin-top:8px;padding:12px 28px;transition:opacity .15s;box-shadow:0 4px 14px #f5526d4d}.ag-btn-primary:hover{opacity:.9}.ag-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite ag-spin;display:inline-block}@keyframes ag-spin{to{transform:rotate(360deg)}}.ag-success-card{background:var(--card-background,#fff);box-shadow:var(--box-shadow,0 4px 12px #00000014);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:480px;padding:48px 32px;display:flex}.ag-success-icon{font-size:64px;animation:.6s ag-bounce}.ag-success-title{font-family:var(--header-font,"Fredoka",sans-serif);color:var(--text-dark,#333);margin:0;font-size:1.8rem}.ag-success-msg{color:var(--text-light,#555);margin:0;font-size:15px;line-height:1.6}.ag-success-timestamp{color:var(--text-light,#555);box-sizing:border-box;text-align:center;width:100%;font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif);background:#f5526d0f;border:1px solid #f5526d26;border-radius:10px;padding:8px 14px}.ag-success-timestamp strong{color:var(--primary-color,#f5526d)}.ag-success-info{color:#166534;box-sizing:border-box;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;width:100%;padding:10px 16px;font-size:13px}@keyframes ag-bounce{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width:600px){.ag-card{padding:20px 16px 16px}.ag-steps{gap:0}.ag-step-label{display:none}.ag-step-line{width:20px}.ag-planes-grid{grid-template-columns:1fr 1fr}.ag-summary-grid{grid-template-columns:1fr}.ag-plan-selected{flex-direction:column}.ag-plan-selected-price{margin-left:0}}.ag-hint{color:#94a3b8;margin:0 0 10px;font-size:12px}.ag-plan-check{z-index:2;background:var(--primary-color,#f5526d);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:800;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px #f5526d66}.ag-sel-box{background:#f5526d0d;border:1px solid #f5526d2e;border-radius:12px;margin-top:14px;padding:12px 14px}.ag-sel-title{color:var(--primary-color,#f5526d);margin-bottom:8px;font-size:13px;font-weight:800}.ag-sel-row{color:#334155;justify-content:space-between;align-items:center;padding:3px 0;font-size:13px;display:flex}.ag-sel-price{align-items:center;gap:8px;font-weight:700;display:inline-flex}.ag-sel-x{color:#cbd5e1;cursor:pointer;background:0 0;border:none;font-size:12px}.ag-sel-x:hover{color:#ef4444}.ag-sel-total{color:#334155;border-top:1px dashed #f5526d40;justify-content:space-between;margin-top:8px;padding-top:8px;font-size:13px;display:flex}.ag-adic{margin-top:20px}.ag-adic-title{color:var(--text-dark,#333);margin:0 0 2px;font-size:15px;font-weight:800}.ag-adic-cat{margin-top:12px}.ag-adic-cat-name{color:#64748b;text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px;font-size:12px;font-weight:800}.ag-adic-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.ag-adic-card{text-align:left;border:2px solid var(--form-border-color,#ddd);cursor:pointer;background:#fff;border-radius:12px;padding:10px 12px;font-family:inherit;transition:all .15s;position:relative}.ag-adic-card:hover{border-color:var(--primary-color,#f5526d);transform:translateY(-1px)}.ag-adic-card.active{border-color:var(--primary-color,#f5526d);background:#f5526d0d}.ag-adic-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.ag-adic-name{color:var(--text-dark,#333);font-size:13px;font-weight:700}.ag-adic-price{color:var(--primary-color,#f5526d);white-space:nowrap;font-size:14px;font-weight:800}.ag-adic-desc{color:var(--text-light,#555);margin-top:3px;font-size:11px;line-height:1.35}.ag-adic-check{color:#166534;margin-top:6px;font-size:11px;font-weight:800;display:inline-block}.ag-grandtotal{text-align:right;color:#334155;margin-top:16px;font-size:15px}.ag-grandtotal strong{color:var(--primary-color,#f5526d);font-size:18px}.ag-plan-img-wrap{cursor:zoom-in;position:relative}.ag-plan-zoom{color:#fff;opacity:0;background:#0f172ab8;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:700;transition:opacity .18s;position:absolute;bottom:8px;right:8px}.ag-plan-img-wrap:hover .ag-plan-zoom{opacity:1}.ag-preview-overlay{z-index:3000;background:#0f172a8c;justify-content:flex-end;animation:.25s ag-fade;display:flex;position:fixed;inset:0}.ag-preview-panel{box-sizing:border-box;background:#fff;flex-direction:column;justify-content:center;align-items:center;width:min(460px,92vw);height:100%;padding:28px 24px;animation:.34s cubic-bezier(.22,1,.36,1) ag-slide-in;display:flex;position:relative;box-shadow:-10px 0 40px #00000047}.ag-preview-img{object-fit:contain;border-radius:14px;max-width:100%;max-height:82vh;box-shadow:0 8px 30px #0000001f}.ag-preview-name{font-family:var(--header-font,"Fredoka",sans-serif);color:var(--text-dark,#333);text-align:center;margin-top:16px;font-size:18px;font-weight:700}.ag-preview-close{z-index:2;color:#334155;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;transition:background .15s;display:flex;position:absolute;top:16px;right:16px}.ag-preview-close:hover{background:#e2e8f0}@keyframes ag-fade{0%{opacity:0}to{opacity:1}}@keyframes ag-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes ag-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.ag-preview-overlay{justify-content:center;align-items:center;padding:16px}.ag-preview-panel{border-radius:18px;width:100%;height:auto;max-height:90vh;animation:.3s cubic-bezier(.22,1,.36,1) ag-pop;box-shadow:0 20px 60px #00000059}.ag-preview-img{max-height:74vh}}.pl-page{background:var(--background-light,#fffbfb);min-height:100vh;padding-bottom:80px}.pl-hero{text-align:center;background:linear-gradient(#f5526d0f 0%,#0000 100%);padding:60px 20px 40px}.pl-hero-title{font-family:var(--header-font,"Fredoka",sans-serif);color:var(--primary-color,#f5526d);margin:0 0 8px;font-size:clamp(2rem,6vw,3rem);font-weight:700}.pl-hero-sub{font-family:var(--body-font,"Quicksand",sans-serif);font-size:var(--normal-font,1rem);color:var(--text-light,#555);margin:0}.pl-grid{max-width:var(--container-width,1200px);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px;margin:0 auto;padding:0 24px;display:grid}.pl-card{background:var(--card-background,#fff);box-shadow:var(--box-shadow,0 4px 12px #00000014);border:2px solid #0000;border-radius:24px;flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.pl-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #f5526d26}.pl-card-destacado{border-color:var(--primary-color,#f5526d);box-shadow:0 8px 32px #f5526d33}.pl-card-destacado:hover{box-shadow:0 20px 48px #f5526d47}.pl-badge-top{background:var(--primary-color,#f5526d);color:#fff;font-family:var(--body-font,"Quicksand",sans-serif);z-index:2;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:16px;right:16px;box-shadow:0 2px 8px #f5526d66}.pl-card-img-wrap{background:linear-gradient(100deg,#f3e9ec 30%,#faf3f5 50%,#f3e9ec 70%) 0 0/200% 100%;flex-shrink:0;width:100%;height:220px;animation:1.3s ease-in-out infinite pl-shimmer;position:relative;overflow:hidden}@keyframes pl-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pl-card-img{object-fit:cover;cursor:zoom-in;opacity:0;will-change:transform,opacity;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.85,.25,1),opacity .5s}.pl-card-img.is-loaded{opacity:1}@media (prefers-reduced-motion:reduce){.pl-card-img-wrap{animation:none}}.pl-card:hover .pl-card-img{transform:scale(1.12)}.pl-card-img-wrap:has(.pl-card-img):after{content:"🔍 Ampliar";color:#fff;letter-spacing:.02em;opacity:0;pointer-events:none;background:linear-gradient(#0000 45%,#00000080 100%);justify-content:center;align-items:flex-end;padding-bottom:18px;font-size:13px;font-weight:700;transition:opacity .35s,transform .35s;display:flex;position:absolute;inset:0;transform:translateY(8px)}.pl-card:hover .pl-card-img-wrap:has(.pl-card-img):after{opacity:1;transform:translateY(0)}.pl-card-img-placeholder{background:linear-gradient(135deg,#f5526d0f,#87ceeb14);justify-content:center;align-items:center;width:100%;height:100%;font-size:64px;display:flex}.pl-card-body{flex-direction:column;flex:1;gap:12px;padding:24px;display:flex}.pl-card-tipo{font-family:var(--body-font,"Quicksand",sans-serif);color:var(--primary-color,#f5526d);text-transform:uppercase;letter-spacing:.05em;background:#f5526d14;border-radius:999px;width:fit-content;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.pl-card-title{font-family:var(--header-font,"Fredoka",sans-serif);color:var(--primary-color,#f5526d);margin:0;font-size:1.4rem;font-weight:700;line-height:1.2}.pl-card-desc{font-family:var(--body-font,"Quicksand",sans-serif);font-size:var(--small-font,.875rem);color:var(--text-light,#555);text-align:center;margin:0;line-height:1.6}.pl-card-features{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pl-card-features li{font-family:var(--body-font,"Quicksand",sans-serif);font-size:var(--small-font,.875rem);color:var(--text-dark,#333);align-items:center;gap:10px;font-weight:500;display:flex}.pl-check{background:var(--secondary-color,#87ceeb);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:flex}.pl-card-precio{align-items:baseline;gap:6px;margin-top:4px;display:flex}.pl-precio-desde{font-family:var(--body-font,"Quicksand",sans-serif);color:var(--text-light,#555);font-size:12px}.pl-precio-valor{font-family:var(--header-font,"Fredoka",sans-serif);color:var(--primary-color,#f5526d);font-size:1.6rem;font-weight:700}.pl-card-btn{text-align:center;background:var(--primary-color,#f5526d);color:#fff;font-family:var(--body-font,"Quicksand",sans-serif);font-size:var(--normal-font,1rem);border-radius:999px;margin-top:auto;padding:12px 24px;font-weight:700;text-decoration:none;transition:opacity .15s,transform .15s,box-shadow .15s;display:block;box-shadow:0 4px 14px #f5526d59}.pl-card-btn:hover{opacity:.92;transform:translateY(-2px);box-shadow:0 8px 22px #f5526d73}.pl-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.pl-spinner{border:4px solid #f5526d33;border-top-color:var(--primary-color,#f5526d);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite pl-spin}@keyframes pl-spin{to{transform:rotate(360deg)}}.pl-loading p{font-family:var(--body-font,"Quicksand",sans-serif);color:var(--text-light,#555)}.pl-empty{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:40vh;display:flex}.pl-empty span{font-size:64px}.pl-empty p{font-family:var(--body-font,"Quicksand",sans-serif);color:var(--text-light,#555);font-size:1.1rem}@media (max-width:768px){.pl-hero{padding:40px 16px 28px}.pl-grid{grid-template-columns:1fr;gap:20px;padding:0 16px}.pl-card-img-wrap{height:180px}.pl-card-body{padding:18px}}.pl-confetti-piece{z-index:950;pointer-events:none;will-change:transform,opacity;width:9px;height:9px;animation-name:pl-confetti;animation-timing-function:cubic-bezier(.25,.6,.4,1);animation-fill-mode:forwards;position:fixed}@keyframes pl-confetti{0%{opacity:1;transform:translate(0)rotate(0)}40%{transform:translate(calc(var(--tx)*.6),var(--ty))rotate(calc(var(--rot)*.5));opacity:1}to{transform:translate(var(--tx),calc(var(--ty) + 200px))rotate(var(--rot));opacity:0}}@media (prefers-reduced-motion:reduce){.pl-confetti-piece{display:none}}.pl-firework-piece{z-index:951;pointer-events:none;will-change:transform,opacity;border-radius:50%;width:6px;height:6px;animation-name:pl-firework;animation-timing-function:cubic-bezier(.15,.7,.3,1);animation-fill-mode:forwards;position:fixed}@keyframes pl-firework{0%{opacity:1;transform:translate(0)scale(1)}70%{opacity:1}to{transform:translate(var(--tx),calc(var(--ty) + 42px))scale(.35);opacity:0}}@media (prefers-reduced-motion:reduce){.pl-firework-piece{display:none}}.img-lightbox{z-index:9999;cursor:zoom-out;background:#000000d9;justify-content:center;align-items:center;padding:24px;animation:.15s img-lightbox-in;display:flex;position:fixed;inset:0}@keyframes img-lightbox-in{0%{opacity:0}to{opacity:1}}.img-lightbox-img{object-fit:contain;cursor:default;border-radius:8px;max-width:92vw;max-height:92vh;box-shadow:0 8px 40px #00000080}.img-lightbox-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:background .15s;display:flex;position:fixed;top:20px;right:24px}.img-lightbox-close:hover{background:#ffffff4d}.qr-wrapper{align-items:center;display:flex;position:relative}.qr-trigger{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;transition:background .15s,border-color .15s,transform .15s;display:flex}.qr-trigger:hover{background:#f1f5f9;border-color:#94a3b8}.qr-trigger.active{background:#eff6ff;border-color:#2563eb}.qr-panel{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;width:340px;max-height:420px;animation:.18s cubic-bezier(.4,0,.2,1) qr-pop;display:flex;position:absolute;bottom:calc(100% + 10px);left:0;overflow:hidden;box-shadow:0 8px 30px #00000024}@keyframes qr-pop{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.qr-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:12px 14px 8px;display:flex}.qr-title{color:#1e293b;font-size:13px;font-weight:700}.qr-add-btn{color:#2563eb;cursor:pointer;background:#eff6ff;border:none;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600;transition:background .15s}.qr-add-btn:hover{background:#dbeafe}.qr-form{background:#f8fafc;border-bottom:1px solid #f1f5f9;flex-direction:column;gap:6px;padding:10px 14px;display:flex}.qr-input,.qr-textarea{resize:none;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:7px 10px;font-family:inherit;font-size:13px;transition:border-color .15s}.qr-input:focus,.qr-textarea:focus{border-color:#2563eb}.qr-form-actions{gap:6px;display:flex}.qr-save-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;flex:1;padding:6px;font-size:13px;font-weight:600;transition:opacity .15s}.qr-save-btn:disabled{opacity:.6;cursor:not-allowed}.qr-cancel-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;padding:6px 12px;font-size:13px}.qr-search-wrap{padding:8px 14px 4px}.qr-search{box-sizing:border-box;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:7px 10px;font-size:13px;transition:border-color .15s}.qr-search:focus{border-color:#2563eb}.qr-list{flex:1;padding:4px 8px 8px;overflow-y:auto}.qr-empty{text-align:center;color:#94a3b8;padding:16px 0;font-size:13px}.qr-item{border-radius:10px;align-items:center;margin-bottom:2px;transition:background .15s;display:flex;overflow:hidden}.qr-item:hover{background:#f8fafc}.qr-item-content{cursor:pointer;flex-direction:column;flex:1;gap:2px;min-width:0;padding:8px 10px;display:flex}.qr-item-title{color:#2563eb;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.qr-item-msg{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.qr-item-actions{flex-shrink:0;gap:2px;padding-right:6px;display:flex}.qr-edit,.qr-delete{cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:6px;padding:4px 5px;font-size:14px;transition:opacity .15s,background .15s}.qr-edit:hover{opacity:1;background:#eff6ff}.qr-delete:hover{opacity:1;background:#fef2f2}.chat-window{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.agent-control-bar{background:#fff;border-bottom:1px solid #f5526d1a;border-top-left-radius:33px;border-top-right-radius:33px;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-left:10px;padding:8px 14px;display:flex}.agent-status{align-items:center;gap:7px;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:background .3s}.status-dot.active{background:#22c55e;box-shadow:0 0 0 3px #22c55e33}.status-dot.inactive{background:#94a3b8}.status-label{color:var(--text-light,#555);font-size:12px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif)}.agent-buttons{align-items:center;gap:8px;display:flex}.btn-takeover,.btn-release{cursor:pointer;white-space:nowrap;min-width:130px;font-size:13px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);border:none;border-radius:20px;justify-content:center;align-items:center;gap:6px;padding:6px 14px;transition:transform .15s,box-shadow .15s,opacity .15s;display:flex}.btn-takeover{background:var(--primary-color,#f5526d);color:#fff;box-shadow:0 2px 8px #f5526d59}.btn-takeover:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #f5526d73}.btn-release{background:var(--background-light,#fffbfb);color:var(--text-light,#555);border:1.5px solid #f5526d33}.btn-release:hover:not(:disabled){background:#f5526d0d;transform:translateY(-1px)}.btn-takeover:disabled,.btn-release:disabled{opacity:.6;cursor:not-allowed}.chat-holder{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chat-holder-badge{color:#4f46e5;white-space:nowrap;background:#6366f11f;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.chat-holder-badge strong{font-weight:800}.btn-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite btn-spin;display:inline-block}.btn-release .btn-spinner{border-color:#f5526d33;border-top-color:var(--primary-color,#f5526d)}.btn-spinner-dark{border-color:#fff #ffffff4d #ffffff4d}@keyframes btn-spin{to{transform:rotate(360deg)}}.label-btn-wrapper{position:relative}.btn-labels{cursor:pointer;background:#fff;border:1.5px solid #f5526d33;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;transition:background .15s,border-color .15s;display:flex}.btn-labels:hover{border-color:var(--primary-color,#f5526d);background:#f5526d0d}.btn-labels.active{border-color:var(--primary-color,#f5526d);background:#f5526d14}.label-panel{z-index:100;background:#fff;border:1px solid #f5526d1a;border-radius:14px;width:220px;padding:12px;animation:.15s label-pop;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #f5526d1f}@keyframes label-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.label-panel-title{color:var(--text-dark,#333);font-size:12px;font-weight:700;font-family:var(--header-font,"Fredoka",sans-serif);margin:0 0 8px}.label-panel-sub{color:#94a3b8;font-size:11px;font-family:var(--body-font,"Quicksand",sans-serif);margin:8px 0 4px}.label-assigned-row{flex-wrap:wrap;gap:4px;margin-bottom:4px;display:flex}.label-chip{white-space:nowrap;cursor:pointer;font-size:11px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);border:1px solid;border-radius:999px;padding:2px 8px}.label-list{flex-direction:column;gap:2px;display:flex}.label-option{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;transition:background .15s;display:flex}.label-option:hover{background:#f5526d0a}.label-option.selected{background:#f5526d12}.label-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.label-option-name{color:var(--text-dark,#333);font-size:13px;font-family:var(--body-font,"Quicksand",sans-serif);flex:1}.label-check{color:var(--primary-color,#f5526d);font-size:12px;font-weight:700}.chat-messages{box-sizing:border-box;background:#f5526d08;flex-direction:column;flex:1;width:calc(100% - 10px);min-height:0;margin-left:10px;padding:16px;display:flex;overflow-y:auto}.msg{word-wrap:break-word;word-break:break-word;border-radius:10px;flex-direction:column;gap:2px;max-width:72%;margin:4px 0;display:flex}.msg>span:first-child{line-height:1.4;font-family:var(--body-font,"Quicksand",sans-serif);border-radius:10px;padding:8px 12px;font-size:14px;display:inline-block}.msg-time{color:#94a3b8;font-size:10px;font-family:var(--body-font,"Quicksand",sans-serif);align-self:flex-end;padding:0 4px}.msg-user{align-self:flex-start}.msg-user>span:first-child,.msg-user>.msg-media{color:var(--text-dark,#333);background:#e8e8e8}.msg-user .msg-time{align-self:flex-start}.msg-bot{align-self:flex-end}.msg-bot>span:first-child,.msg-bot>.msg-media{background:var(--accent-color,gold);color:var(--text-dark,#333)}.msg-agent{align-self:flex-end}.msg-agent>span:first-child,.msg-agent>.msg-media{background:var(--primary-color,#f5526d);color:#fff}.msg-media{border-radius:10px;flex-direction:column;gap:6px;padding:6px;display:flex}.msg-img{object-fit:cover;cursor:zoom-in;border-radius:8px;max-width:240px;max-height:200px;transition:max-height .3s,max-width .3s;display:block}.msg-img.expanded{cursor:zoom-out;max-width:400px;max-height:500px}.msg-video{background:#000;border-radius:8px;max-width:280px;display:block}.msg-doc{color:inherit;background:#fff3;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.msg-doc:hover{background:#ffffff59}.msg-caption{opacity:.85;padding:0 2px;font-size:12px;line-height:1.3}.media-preview-bar{background:#fff;border-top:1px solid #f5526d1a;flex-shrink:0;align-items:center;gap:10px;margin-left:10px;padding:10px 12px;display:flex}.media-preview-img{object-fit:cover;border:2px solid #f5526d33;border-radius:10px;flex-shrink:0;width:56px;height:56px}.media-preview-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.media-preview-name{color:var(--text-light,#555);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-family:var(--body-font,"Quicksand",sans-serif);overflow:hidden}.media-preview-caption{box-sizing:border-box;width:100%;font-size:13px;font-family:var(--body-font,"Quicksand",sans-serif);border:1px solid #f5526d33;border-radius:8px;outline:none;padding:4px 8px;transition:border-color .2s}.media-preview-caption:focus{border-color:var(--primary-color,#f5526d)}.media-preview-cancel{width:28px;height:28px;color:var(--primary-color,#f5526d);cursor:pointer;background:#f5526d14;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;transition:background .15s;display:flex}.media-preview-cancel:hover{background:#f5526d2e}.media-preview-send{background:var(--primary-color,#f5526d);color:#fff;cursor:pointer;white-space:nowrap;font-size:13px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);border:none;border-radius:12px;flex-shrink:0;align-items:center;gap:4px;padding:6px 14px;transition:opacity .15s;display:flex;box-shadow:0 2px 8px #f5526d4d}.media-preview-send:disabled{opacity:.6;cursor:not-allowed}.chat-input{background:#f5526d08;border-bottom-right-radius:20px;border-bottom-left-radius:20px;flex-direction:column;flex-shrink:0;gap:6px;margin-left:10px;padding:10px;display:flex}.chat-input-row{align-items:center;gap:8px;display:flex}.chat-input input{min-width:0;font-size:14px;font-family:var(--body-font,"Quicksand",sans-serif);color:var(--text-dark,#333);background:#fff;border:1.5px solid #f5526d33;border-radius:20px;outline:none;flex:1;padding:8px 14px;transition:border-color .2s,box-shadow .2s}.chat-input input:focus{border-color:var(--primary-color,#f5526d);box-shadow:0 0 0 3px #f5526d1a}.chat-input input:disabled{background:var(--background-light,#fffbfb);color:#94a3b8;cursor:not-allowed}.chat-input input::placeholder{color:#b0bec5;font-family:var(--body-font,"Quicksand",sans-serif)}.chat-input button{background:var(--primary-color,#f5526d);color:#fff;cursor:pointer;white-space:nowrap;font-family:var(--body-font,"Quicksand",sans-serif);border:none;border-radius:20px;flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:600;transition:opacity .2s,transform .1s;box-shadow:0 2px 8px #f5526d4d}.chat-input button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.chat-input button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.chat-input button.sending{opacity:.7}.btn-attach{cursor:pointer;background:#fff;border:1.5px solid #f5526d33;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:background .15s,border-color .15s;display:flex}.btn-attach:hover{border-color:var(--primary-color,#f5526d);background:#f5526d0f}.chat-actions{gap:8px;margin-top:2px;display:flex}.chat-actions .success{color:#fff;cursor:pointer;font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif);background:#22c55e;border:none;border-radius:10px;flex:1;padding:6px 10px;font-weight:600;transition:opacity .15s}.chat-actions .success:hover{opacity:.9}.chat-actions .danger{background:var(--primary-color,#f5526d);color:#fff;cursor:pointer;font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif);border:none;border-radius:10px;flex:1;padding:6px 10px;font-weight:600;transition:opacity .15s}.chat-actions .danger:hover{opacity:.9}@media (max-width:768px){.agent-control-bar{border-radius:0;margin-left:0;padding:10px 14px}.btn-takeover,.btn-release{min-width:unset;padding:8px 14px;font-size:12px}.chat-messages{width:100%;margin-left:0;padding:12px}.chat-input{padding:8px 10px;padding-bottom:max(8px,env(safe-area-inset-bottom));border-radius:0;margin-left:0}.chat-input input{font-size:16px}.msg{max-width:88%}.msg-img{max-width:200px;max-height:160px}.msg-video{max-width:220px}.label-panel{width:200px;right:-10px}.media-preview-bar{margin-left:0}.chat-window{margin-bottom:55px}}.chat-textarea{min-width:0;font-size:14px;font-family:var(--body-font,"Quicksand",sans-serif);color:var(--text-dark,#333);resize:none;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#f5526d33 transparent;background:#fff;border:1.5px solid #f5526d33;border-radius:18px;outline:none;flex:1;min-height:38px;max-height:160px;padding:8px 14px;line-height:1.5;transition:border-color .2s,box-shadow .2s;overflow-y:auto}.chat-textarea::-webkit-scrollbar{width:4px}.chat-textarea::-webkit-scrollbar-thumb{background:#f5526d33;border-radius:4px}.chat-textarea:focus{border-color:var(--primary-color,#f5526d);box-shadow:0 0 0 3px #f5526d1a}.chat-textarea:disabled{background:var(--background-light,#fffbfb);color:#94a3b8;cursor:not-allowed}.chat-textarea::placeholder{color:#b0bec5;font-family:var(--body-font,"Quicksand",sans-serif);font-size:13px}.chat-send-btn{background:var(--primary-color,#f5526d);color:#fff;cursor:pointer;white-space:nowrap;font-family:var(--body-font,"Quicksand",sans-serif);border:none;border-radius:20px;flex-shrink:0;align-self:flex-end;min-height:38px;padding:8px 16px;font-size:13px;font-weight:600;transition:opacity .2s,transform .1s;box-shadow:0 2px 8px #f5526d4d}.chat-send-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.chat-send-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.chat-send-btn.sending{opacity:.7}.chat-send-error{color:var(--primary-color,#f5526d);font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif);margin:0;padding:2px 0}.sidebar{z-index:20;background:#fff;border-right:1px solid #f5526d14;flex-direction:column;flex-shrink:0;width:130px;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:2px 0 12px #f5526d14}.sidebar.collapsed{width:60px}.sidebar-header{border-bottom:1px solid #f5526d0f;justify-content:flex-end;align-items:center;padding:14px 10px;display:flex}.sidebar-header button{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .2s;display:flex}.sidebar-header button:hover{background:#f5526d12}.sidebar-header button svg{color:var(--text-light,#555);transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed .sidebar-header button svg{transform:rotate(180deg)}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:8px;display:flex}.sidebar-item{cursor:pointer;white-space:nowrap;border-radius:12px;align-items:center;gap:10px;min-width:0;padding:9px 10px;transition:background .2s;display:flex;overflow:hidden}.sidebar-item:hover{background:#f5526d0f}.sidebar-item.active{background:#f5526d1a}.sidebar-icon-wrap{color:var(--text-light,#555);flex-shrink:0;justify-content:center;align-items:center;transition:color .2s;display:flex}.sidebar-icon-wrap.active{color:var(--primary-color,#f5526d)}.sidebar-item span{color:var(--text-dark,#333);opacity:1;max-width:120px;font-size:13px;font-weight:500;font-family:var(--body-font,"Quicksand",sans-serif);transition:opacity .25s,transform .25s,max-width .3s;overflow:hidden;transform:translate(0)}.sidebar-item.active span{color:var(--primary-color,#f5526d);font-weight:700}.sidebar.collapsed .sidebar-item span:not(.sidebar-icon-wrap){opacity:0;pointer-events:none;max-width:0;transform:translate(-8px)}.sidebar.collapsed .sidebar-item{justify-content:center;gap:0;padding:9px 0}.sidebar.collapsed .sidebar-item button svg{justify-content:center;padding:9px 0}.sidebar.collapsed .sidebar-header{justify-content:center}.sidebar.collapsed .sidebar-header button{align-self:center}.sidebar-item.logout{background:#f5526d14;margin-top:auto;margin-bottom:12px}.sidebar-item.logout:hover{background:#f5526d29}.sidebar-item.logout .sidebar-icon-wrap{color:var(--primary-color,#f5526d)}.sidebar-item.logout span{color:var(--primary-color,#f5526d);font-weight:600}.mobile-nav{display:none}@media (max-width:768px){.sidebar{display:none}.mobile-nav{z-index:100;background:#fff;border-top:1px solid #f5526d1f;align-items:stretch;height:60px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #f5526d14}.mobile-nav-item{cursor:pointer;color:#94a3b8;font-size:10px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:0;transition:color .15s,background .15s;display:flex}.mobile-nav-item:hover{background:#f5526d0a}.mobile-nav-item.active{color:var(--primary-color,#f5526d)}.mobile-nav-item.active svg{stroke:var(--primary-color,#f5526d)}.mobile-nav-logout{color:var(--primary-color,#f5526d)}.mobile-nav-logout svg{stroke:var(--primary-color,#f5526d)}.mobile-nav-logout:hover{background:#f5526d0f}}.content-list{width:100%}.chat-list-container{align-items:center;width:100%;display:flex;position:relative}.scroll-arrow{z-index:10;cursor:pointer;color:#475569;opacity:0;pointer-events:none;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:22px;line-height:1;transition:opacity .2s,transform .15s;display:flex;position:absolute;box-shadow:0 2px 8px #00000026}.scroll-arrow.visible{opacity:1;pointer-events:auto}.scroll-arrow:hover{background:#f1f5f9;transform:scale(1.1)}.scroll-arrow-left{left:-14px}.scroll-arrow-right{right:-14px}.chat-list-wrapper{box-sizing:border-box;scrollbar-width:none;z-index:1;background:#fffbfb;border-bottom-right-radius:44px;border-bottom-left-radius:44px;width:100%;margin-top:-48px;padding:10px;position:relative;top:-11px;overflow:auto hidden}.chat-list-wrapper::-webkit-scrollbar{display:none}.chat-list{scrollbar-width:none;align-items:end;gap:12px;min-height:70px;margin:0;padding:12px 10px 10px;display:flex;position:relative;overflow:auto hidden}.chat-list::-webkit-scrollbar{display:none}.chat-title{display:none}.chat-item{cursor:pointer;background:#d1d5db;border:2px solid #0000;border-radius:18px;flex-direction:row;flex-shrink:0;gap:3px;min-width:145px;margin-top:42px;padding:10px 12px 8px;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:flex;position:relative}.chat-item:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.chat-item.active{color:#1e40af;background:#dbeafe;border-color:#93c5fd;font-weight:600}.chat-item.has-agent{background:#f0fdf4;border-color:#22c55e66}.chat-item.has-agent:hover{border-color:#22c55e;box-shadow:0 6px 16px #22c55e26}.chat-item.has-agent.active{background:#dcfce7;border-color:#22c55e}.chat-item.needs-agent{background:#fff1f2;border-color:#f5526d66}.chat-item.needs-agent:hover{border-color:#f5526d;box-shadow:0 6px 16px #f5526d26}.chat-item.needs-agent.active{background:#ffe4e6;border-color:#f5526d}.top-label{color:#fff;white-space:nowrap;text-overflow:ellipsis;border-radius:20px;max-width:100%;padding:1px 8px;font-size:10px;font-weight:700;position:absolute;top:-18px;left:0;overflow:hidden}.top-label--agent-req{background:#f5526d}.top-label--agent-on{background:#16a34a}.chat-phone{white-space:nowrap;font-size:13px;font-weight:500}.search-highlight{color:#713f12;background:#fef08a;border-radius:3px;padding:0 1px;font-weight:700}.pending-reply-label{color:#ea580c;white-space:nowrap;font-size:10px;font-weight:600}.chat-labels{flex-wrap:wrap;gap:3px;margin-top:2px;display:flex}.label-chip{white-space:nowrap;text-overflow:ellipsis;border:1px solid;border-radius:999px;max-width:80px;padding:1px 6px;font-size:10px;font-weight:600;transition:box-shadow .15s;overflow:hidden}.label-chip.label-chip-match{font-weight:800;box-shadow:0 0 0 2px #fbbf24}.label-chip-more{color:#64748b;padding:1px 4px;font-size:10px;font-weight:600}.badge{color:#fff;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;width:0;height:20px;padding:0;font-size:11px;font-weight:700;transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s;display:flex;overflow:hidden}.badge.show{width:auto;min-width:18px;padding:0 6px;position:absolute;top:8px;right:8px}.contour{background:0 0;border-bottom-right-radius:44px;border-bottom-left-radius:44px;height:100%;position:relative;left:0;right:0}.contour:before{content:"";background:#c4cedd00;border-top-right-radius:51px;width:40px;height:40px;position:absolute;top:-97px;left:-40px;box-shadow:14px -8px 0 7px #fffbfb}.contour:after{content:"";background:#c4cedd00;border-top-left-radius:50px;width:40px;height:40px;position:absolute;top:-95px;right:-40px;box-shadow:-9px -9px 2px 7px #fffbfb}.skeleton{pointer-events:none}.skeleton-item{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 37%,#e5e7eb 63%) 0 0/400% 100%;border-radius:18px;flex-shrink:0;width:160px;height:44px;margin-top:20px;animation:1.2s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width:768px){.chat-list-wrapper{border-radius:0;margin-top:0;padding:8px 6px 14px;top:0}.chat-list{align-items:center;gap:8px;min-height:80px;padding:0 4px 6px}.chat-item{border-radius:14px;min-width:130px;padding:8px 10px 6px}.chat-phone{font-size:12px}.scroll-arrow,.contour,.contour:before,.contour:after{display:none}.top-label{font-size:9px;top:-16px}}.label-manager{background:#fff;border-radius:16px;flex-direction:column;gap:8px;min-width:200px;padding:12px;display:flex;box-shadow:0 2px 12px #00000012}.lm-header{justify-content:space-between;align-items:center;display:flex}.lm-title{color:#1e293b;font-size:13px;font-weight:700}.lm-add-btn{color:#2563eb;cursor:pointer;background:#eff6ff;border:none;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600}.lm-add-btn:hover{background:#dbeafe}.lm-form{background:#f8fafc;border-radius:10px;flex-direction:column;gap:8px;padding:8px;display:flex}.lm-input{border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:6px 10px;font-size:13px}.lm-input:focus{border-color:#2563eb}.lm-colors{flex-wrap:wrap;gap:6px;display:flex}.lm-color-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;transition:transform .15s,border-color .15s}.lm-color-btn:hover{transform:scale(1.15)}.lm-color-btn.selected{border-color:#1e293b;transform:scale(1.15)}.lm-form-actions{gap:6px;display:flex}.lm-save-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;flex:1;padding:6px;font-size:12px;font-weight:600}.lm-save-btn:disabled{opacity:.6;cursor:not-allowed}.lm-cancel-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;padding:6px 10px;font-size:12px}.lm-list{flex-direction:column;gap:4px;display:flex}.lm-empty{color:#94a3b8;text-align:center;padding:8px 0;font-size:12px}.lm-item{border-radius:8px;align-items:center;gap:6px;padding:4px 6px;display:flex}.lm-item:hover{background:#f8fafc}.lm-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.lm-chip{border:1px solid;border-radius:999px;flex:1;padding:2px 8px;font-size:12px;font-weight:600}.lm-item-actions{gap:2px;display:flex}.lm-edit,.lm-delete{cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:6px;padding:3px 4px;font-size:13px;transition:opacity .15s,background .15s}.lm-edit:hover{opacity:1;background:#eff6ff}.lm-delete:hover{opacity:1;background:#fef2f2}.sf-wrap{background:#fff;border-radius:20px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:0 2px 16px #f5526d1a}.sf-header{background:linear-gradient(135deg,var(--primary-color,#f5526d)0%,#ff8fa3 60%,var(--secondary-color,#87ceeb)100%);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px 8px;display:flex}.sf-title{color:#fff;white-space:nowrap;font-size:13px;font-weight:700;font-family:var(--header-font,"Fredoka",sans-serif)}.sf-phone{color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;background:#ffffff38;border-radius:999px;max-width:120px;padding:2px 8px;font-size:11px;overflow:hidden}.sf-steps{border-bottom:1px solid #fde8ec;flex-shrink:0;display:flex}.sf-step{background:var(--background-light,#fffbfb);cursor:pointer;color:#b0bec5;font-size:10px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:4px;padding:7px 4px;transition:background .15s,color .15s;display:flex}.sf-step.active{color:var(--primary-color,#f5526d);border-bottom-color:var(--primary-color,#f5526d);background:#fff}.sf-step.done{color:#22c55e;background:#f0fdf4;border-bottom-color:#22c55e}.sf-step-num{color:#fff;background:currentColor;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:flex}.sf-body{scrollbar-width:thin;scrollbar-color:#f5526d33 transparent;background:#fff;flex:1;padding:10px 12px;overflow-y:auto}.sf-body::-webkit-scrollbar{width:4px}.sf-body::-webkit-scrollbar-thumb{background:#f5526d33;border-radius:4px}.sf-section{flex-direction:column;gap:8px;display:flex}.sf-row{flex-wrap:wrap;gap:6px;display:flex}.sf-field{flex-direction:column;flex:1;gap:2px;min-width:80px;display:flex}.sf-field.full{flex:0 0 100%}.sf-field.small{flex:0 0 60px;min-width:60px}.sf-label{color:var(--text-light,#555);white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);overflow:hidden}.sf-input{border:1.5px solid var(--form-border-color,#ddd);height:30px;color:var(--text-dark,#333);background:var(--background-light,#fffbfb);box-sizing:border-box;width:100%;font-size:11px;font-family:var(--body-font,"Quicksand",sans-serif);border-radius:8px;outline:none;padding:0 8px;transition:border-color .15s,background .15s}.sf-input:focus{border-color:var(--primary-color,#f5526d);background:#fff;box-shadow:0 0 0 2px #f5526d14}.sf-select{cursor:pointer}.sf-textarea{resize:none;height:auto;padding:6px 8px;line-height:1.4}.sf-valor-wrap{background:linear-gradient(135deg,#f5526d0d,#87ceeb14);border:1.5px solid #f5526d40;border-radius:12px;flex-direction:column;gap:5px;padding:10px 12px;display:flex}.sf-valor-header{justify-content:space-between;align-items:center;gap:6px;display:flex}.sf-valor-label{color:var(--primary-color,#f5526d);font-size:11px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif)}.sf-valor-plan-tag{color:var(--primary-color,#f5526d);white-space:nowrap;text-overflow:ellipsis;background:#f5526d14;border:1px solid #f5526d33;border-radius:999px;max-width:140px;padding:2px 7px;font-size:10px;font-weight:600;overflow:hidden}.sf-valor-input-wrap{align-items:center;gap:6px;display:flex}.sf-valor-prefix{color:var(--primary-color,#f5526d);flex-shrink:0;font-size:18px;font-weight:700}.sf-valor-input{border:2px solid var(--primary-color,#f5526d);height:38px;color:var(--text-dark,#333);letter-spacing:.02em;font-size:18px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#fff;border-radius:10px;outline:none;flex:1;padding:0 10px;transition:border-color .15s}.sf-valor-input:focus{border-color:#d63d56;box-shadow:0 0 0 3px #f5526d1f}.sf-valor-display{color:var(--primary-color,#f5526d);text-align:right;font-size:11px;font-weight:600}.sf-check{cursor:pointer;color:var(--text-light,#555);font-size:11px;font-family:var(--body-font,"Quicksand",sans-serif);align-items:center;gap:6px;padding:2px 0;display:flex}.sf-check input[type=checkbox]{cursor:pointer;width:14px;height:14px;accent-color:var(--primary-color,#f5526d)}.sf-error{color:#dc2626;font-size:11px;font-family:var(--body-font,"Quicksand",sans-serif);background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:8px 10px}.sf-nav{border-top:1px solid #f5526d1a;justify-content:flex-end;gap:6px;margin-top:4px;padding-top:6px;display:flex}.sf-btn-back{border:1.5px solid var(--form-border-color,#ddd);background:var(--background-light,#fffbfb);color:var(--text-light,#555);cursor:pointer;font-size:11px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);border-radius:8px;padding:6px 12px;transition:background .15s}.sf-btn-back:hover{background:#f5e6e8}.sf-btn-next{background:var(--primary-color,#f5526d);color:#fff;cursor:pointer;font-size:11px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);border:none;border-radius:8px;padding:6px 14px;transition:opacity .15s,transform .1s;box-shadow:0 2px 8px #f5526d4d}.sf-btn-next:hover{opacity:.9;transform:translateY(-1px)}.sf-btn-save{color:#fff;cursor:pointer;font-size:11px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;align-items:center;gap:4px;padding:7px 16px;transition:opacity .15s,transform .1s;display:flex;box-shadow:0 2px 8px #22c55e59}.sf-btn-save:disabled{opacity:.6;cursor:not-allowed}.sf-btn-save:hover:not(:disabled){transform:translateY(-1px)}.sf-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite sf-spin;display:inline-block}@keyframes sf-spin{to{transform:rotate(360deg)}}.sf-success{text-align:center;background:linear-gradient(135deg,#f5526d0a,#87ceeb0f);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;padding:20px;display:flex}.sf-success-icon{font-size:40px;animation:.6s sf-bounce}.sf-success p{color:var(--primary-color,#f5526d);font-size:15px;font-weight:700;font-family:var(--header-font,"Fredoka",sans-serif);margin:0}.sf-success span{color:var(--text-light,#555);font-size:11px;font-family:var(--body-font,"Quicksand",sans-serif)}@keyframes sf-bounce{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width:1200px){.sf-wrap{display:none}}.sf-fab{display:none}@media (max-width:1200px){.sf-fab{background:linear-gradient(135deg,var(--primary-color,#f5526d),#ff8fa3);cursor:pointer;z-index:90;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:160px;box-shadow:0 4px 16px #f5526d73}.sf-fab:hover{transform:scale(1.08);box-shadow:0 6px 20px #f5526d8c}.sf-fab.open{transform:rotate(45deg)}}.sf-modal-overlay{display:none}@media (max-width:1200px){.sf-modal-overlay{z-index:95;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f5526d26;align-items:flex-end;animation:.2s sf-overlay-in;display:flex;position:fixed;inset:0}@keyframes sf-overlay-in{0%{opacity:0}to{opacity:1}}.sf-modal-sheet{width:100%;max-height:90dvh;padding-bottom:env(safe-area-inset-bottom,0px);background:#fff;border-radius:24px 24px 0 0;flex-direction:column;margin-bottom:61px;animation:.3s cubic-bezier(.34,1.56,.64,1) sf-sheet-up;display:flex;overflow:hidden;box-shadow:0 -8px 32px #f5526d26}@keyframes sf-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sf-modal-sheet .sf-wrap{box-shadow:none;border-radius:0;max-height:90dvh;display:flex}.sf-modal-sheet:before{content:"";background:#f5526d40;border-radius:999px;flex-shrink:0;width:40px;height:4px;margin:10px auto 0;display:block}}.sf-chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.sf-chip{color:#475569;cursor:pointer;font-size:12px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;align-items:center;gap:6px;padding:6px 10px;transition:all .15s;display:inline-flex}.sf-chip:hover{border-color:var(--primary-color,#f5526d)}.sf-chip.on{border-color:var(--primary-color,#f5526d);color:var(--primary-color,#f5526d);background:#f5526d14}.sf-chip-price{opacity:.85;font-size:11px;font-weight:800}.sf-sel-plans{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.sf-sel-plan{color:var(--primary-color,#f5526d);font-size:12px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#f5526d1a;border-radius:16px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.sf-sel-plan button{color:inherit;cursor:pointer;background:0 0;border:none;font-size:12px}.contaienr{width:100%;height:100vh;background:var(--background-light,#fffbfb);height:100dvh;display:flex;overflow:hidden}.content-chats{box-sizing:border-box;background:#ececf6c2;border-radius:32px;flex-direction:row;flex:1;justify-content:center;align-self:center;align-items:center;gap:12px;min-width:0;height:calc(68dvh - 24px);margin:12px 12px 12px 6px;padding:16px;display:flex;position:relative;overflow:hidden}.content-1{flex-direction:column;align-self:center;align-items:center;gap:8px;width:27%;height:100%;display:flex;position:relative}.content-2{flex-direction:column;flex:1;align-self:center;align-items:center;min-width:0;max-width:580px;height:100%;display:flex;position:relative}.content-3{flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden}.search-bar-wrap{box-sizing:border-box;background:#fff;border:1.5px solid #f5526d33;border-radius:22px;flex-shrink:0;align-items:center;gap:8px;width:100%;padding:6px 12px;transition:border-color .2s,box-shadow .2s;display:flex}.search-bar-wrap2{display:none}.search-bar-wrap:focus-within{border-color:var(--primary-color,#f5526d);box-shadow:0 0 0 3px #f5526d1a}.search-icon{opacity:.5;flex-shrink:0;font-size:14px}.search-input{color:var(--text-dark,#333);min-width:0;font-size:13px;font-family:var(--body-font,"Quicksand",sans-serif);background:0 0;border:none;outline:none;flex:1}.search-input::placeholder{color:#b0bec5;font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif)}.search-clear{width:20px;height:20px;color:var(--primary-color,#f5526d);cursor:pointer;background:#f5526d1a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:10px;transition:background .15s;display:flex}.search-clear:hover{background:#f5526d33}.chat-window-wrapper{flex-direction:column;flex:1;align-items:stretch;width:100%;min-height:0;margin-top:20px;display:flex;position:relative}.filters{flex-wrap:wrap;align-items:end;gap:8px;padding:10px;display:flex}.filters button{cursor:pointer;color:var(--primary-color,#f5526d);white-space:nowrap;font-size:12px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);background:#f5526d1a;border:none;border-radius:20px;padding:6px 12px;transition:background .15s}.filters button:hover{background:#f5526d2e}.filters button.active{background:var(--primary-color,#f5526d);color:#fff;box-shadow:0 4px 10px #f5526d4d}.loader-container{z-index:10;background:#f5526d0a;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.spinner{border:5px solid #f5526d33;border-top:5px solid var(--primary-color,#f5526d);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:769px) and (max-width:1200px){.content-chats{border-radius:24px;height:calc(100dvh - 16px);margin:8px 8px 8px 4px;padding:10px}.content-1,.content-3{display:none}.content-2{width:100%;max-width:100%}.chat-window-wrapper{margin-top:12px}}@media (max-width:768px){.contaienr{background:var(--background-light,#fffbfb);flex-direction:column}.content-chats{width:100%;height:calc(100dvh - 60px);box-shadow:none;background:0 0;border-radius:0;flex-direction:column;justify-content:flex-start;align-self:stretch;align-items:stretch;gap:0;margin:0;padding:0;overflow:hidden}.content-1,.content-3{display:none}.content-2{flex-direction:column;align-self:stretch;align-items:stretch;width:100%;max-width:100%;height:100%}.search-bar-wrap2{box-sizing:border-box;background:#fff;border:1.5px solid #f5526d33;border-radius:22px;flex-shrink:0;align-items:center;gap:8px;width:100%;margin-top:16px;padding:6px 12px;transition:border-color .2s,box-shadow .2s;display:flex}.search-bar-wrap2:focus-within{border-color:var(--primary-color,#f5526d);box-shadow:0 0 0 3px #f5526d1a}.chat-window-wrapper{flex:1;align-items:stretch;width:100%;min-height:0;margin-top:0}.loader-container{border-radius:0}.search-bar-wrap{background:#fff;border:none;border-bottom:1px solid #f5526d26;border-radius:0;padding:8px 16px}}.login-page{background:linear-gradient(135deg,var(--primary-color,#f5526d)0%,#ff8fa3 35%,var(--secondary-color,#87ceeb)70%,#b8e4f7 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.bubble{opacity:.18;border-radius:50%;animation:6s ease-in-out infinite float;position:absolute}.bubble-1{background:var(--accent-color,gold);width:320px;height:320px;animation-delay:0s;top:-90px;left:-90px}.bubble-2{background:var(--secondary-color,#87ceeb);width:220px;height:220px;animation-delay:1.5s;bottom:-60px;right:8%}.bubble-3{background:var(--primary-color,#f5526d);width:160px;height:160px;animation-delay:3s;top:18%;right:-50px}.bubble-4{background:#fff;width:110px;height:110px;animation-delay:2s;bottom:22%;left:4%}.bubble-5{background:var(--accent-color,gold);width:80px;height:80px;animation-delay:1s;top:55%;left:12%}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-20px)scale(1.04)}}.login-card{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff7;border-radius:28px;width:100%;max-width:400px;margin:16px;padding:40px 36px 36px;position:relative;box-shadow:0 20px 60px #f5526d33,0 0 0 1px #fff6}.login-header{text-align:center;margin-bottom:30px}.login-logo{filter:drop-shadow(0 4px 8px #f5526d40);margin-bottom:12px;font-size:52px;line-height:1;animation:2.2s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.login-title{font-family:var(--header-font,"Fredoka",sans-serif);background:linear-gradient(135deg,var(--primary-color,#f5526d),#ff8fa3,var(--secondary-color,#87ceeb));-webkit-text-fill-color:transparent;letter-spacing:-.3px;-webkit-background-clip:text;background-clip:text;margin:0 0 4px;font-size:28px;font-weight:800}.login-subtitle{font-family:var(--body-font,"Quicksand",sans-serif);color:#94a3b8;margin:0;font-size:13px;font-weight:500}.login-form{flex-direction:column;gap:14px;display:flex}.login-field{background:var(--background-light,#fffbfb);border:2px solid var(--form-border-color,#ddd);border-radius:14px;align-items:center;padding:0 14px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.login-field:focus-within{border-color:var(--primary-color,#f5526d);background:#fff;box-shadow:0 0 0 3px #f5526d1f}.login-field-icon{opacity:.7;flex-shrink:0;margin-right:10px;font-size:16px}.login-input{height:46px;color:var(--text-dark,#333);font-size:14px;font-family:var(--body-font,"Quicksand",sans-serif);background:0 0;border:none;outline:none;flex:1}.login-input::placeholder{color:#b0bec5;font-family:var(--body-font,"Quicksand",sans-serif)}.login-error{color:#dc2626;font-size:13px;font-weight:500;font-family:var(--body-font,"Quicksand",sans-serif);background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:10px 14px}.login-btn{background:linear-gradient(135deg,var(--primary-color,#f5526d)0%,#ff8fa3 100%);color:#fff;height:50px;font-size:15px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);cursor:pointer;letter-spacing:.3px;border:none;border-radius:14px;justify-content:center;align-items:center;margin-top:6px;transition:transform .15s,box-shadow .15s,opacity .15s;display:flex;box-shadow:0 6px 18px #f5526d66}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 26px #f5526d80}.login-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px #f5526d4d}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-spinner{border:3px solid #fff6;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}@media (max-width:480px){.login-card{border-radius:24px;padding:32px 24px 28px}.login-title{font-size:24px}.login-logo{font-size:44px}.login-btn{height:46px;font-size:14px}}.header{background-color:var(--card-background);width:100%;box-shadow:var(--box-shadow);z-index:100;position:sticky;top:0;left:0}.header-container{justify-content:space-between;align-items:center;width:100%;display:flex}.nav{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 clamp(1rem,4vw,3rem);display:flex;position:relative}.nav-logo{flex-shrink:0;align-items:center;display:flex}.logo{width:auto;height:54px;display:block}.nav-list{align-items:center;gap:clamp(1.5rem,4vw,3rem);margin:0;padding:0;list-style:none;display:flex}.nav-list li a{color:var(--text-dark,#333);white-space:nowrap;font-size:1.1rem;font-weight:600;text-decoration:none;transition:color .25s;position:relative}.nav-list li a:hover,.nav-list li a.active{color:var(--primary-color,#f5526d)}.nav-list li a.active:after{content:"";background:var(--primary-color,#f5526d);border-radius:3px;height:3px;position:absolute;bottom:-8px;left:0;right:0}.menu-toggle{cursor:pointer;z-index:210;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:30px;height:22px;padding:0;display:none}.bar{background-color:var(--primary-color,#f5526d);border-radius:2px;width:100%;height:3px;transition:transform .3s,opacity .3s}.menu-toggle.open .bar:first-child{transform:translateY(9.5px)rotate(45deg)}.menu-toggle.open .bar:nth-child(2){opacity:0}.menu-toggle.open .bar:nth-child(3){transform:translateY(-9.5px)rotate(-45deg)}@media (max-width:768px){.menu-toggle{display:flex}.nav-list{background:var(--card-background,#fff);box-shadow:var(--box-shadow,0 4px 12px #00000014);z-index:200;flex-direction:column;align-items:stretch;gap:0;max-height:0;transition:max-height .3s;position:absolute;top:80px;left:0;right:0;overflow:hidden}.nav-list.show{max-height:340px}.nav-list li a{text-align:center;border-top:1px solid #eee;padding:1rem 1.5rem;font-size:1.05rem;display:block}.nav-list li a.active:after{display:none}}.footer{background-color:var(--background-dark,#222);color:#fff;width:100%;margin-top:auto}.footer-content{max-width:var(--container-width,1200px);grid-template-columns:1.6fr 1fr 1.2fr;gap:2.5rem;margin:0 auto;padding:3rem clamp(1.5rem,5vw,4rem) 2rem;display:grid}.footer-logo{background:#fff;border-radius:12px;width:auto;height:60px;margin-bottom:1rem;padding:8px 12px;display:block}.footer-tagline{color:#cbd5e1;max-width:280px;margin:0 0 1.3rem;font-size:.95rem;line-height:1.5}.footer-socials{gap:.75rem;display:flex}.footer-social{color:#fff;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.15rem;transition:transform .2s,background .2s;display:flex}.footer-social:hover{background:var(--primary-color,#f5526d);transform:translateY(-3px)}.footer-title{color:#fff;margin:0 0 1.1rem;font-size:1.05rem;font-weight:700}.footer-links,.footer-contact{flex-direction:column;gap:.7rem;margin:0 0 1.2rem;padding:0;list-style:none;display:flex}.footer-links a,.footer-contact a{color:#cbd5e1;text-decoration:none;transition:color .2s}.footer-links a:hover,.footer-contact a:hover{color:#fff}.footer-contact li{color:#cbd5e1;align-items:center;gap:.6rem;font-size:.95rem;display:flex}.footer-contact svg{color:var(--primary-color,#f5526d);flex-shrink:0}.footer-cta{background:var(--primary-color,#f5526d);color:#fff;border-radius:999px;margin-top:.3rem;padding:.6rem 1.3rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-block}.footer-cta:hover{opacity:.9;transform:translateY(-2px)}.footer-bottom{text-align:center;color:#94a3b8;border-top:1px solid #ffffff1f;padding:1.2rem 1rem;font-size:.85rem}.footer-bottom strong{color:#fff}@media (max-width:900px){.footer-content{grid-template-columns:1fr 1fr;gap:2rem}.footer-brand{grid-column:1/-1}}@media (max-width:560px){.footer-content{text-align:center;grid-template-columns:1fr;padding-top:2.2rem}.footer-logo,.footer-tagline{margin-left:auto;margin-right:auto}.footer-socials{justify-content:center}.footer-links,.footer-contact{align-items:center}.footer-contact li{justify-content:center}}.wa-float{z-index:900;background:var(--whatsapp-color,#25d366);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:30px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 6px 20px #25d36673}.wa-float:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 10px 28px #25d3668c}.wa-float:before{content:"";background:var(--whatsapp-color,#25d366);z-index:-1;border-radius:50%;animation:2.2s ease-out infinite wa-pulse;position:absolute;inset:0}@keyframes wa-pulse{0%{opacity:.5;transform:scale(1)}70%{opacity:0;transform:scale(1.6)}to{opacity:0}}@media (max-width:768px){.wa-float{width:52px;height:52px;font-size:27px;bottom:84px;right:16px}}@media (prefers-reduced-motion:reduce){.wa-float:before{animation:none}}.sp-layout{width:100%;height:100vh;background:var(--background-light,#fffbfb);height:100dvh;display:flex;overflow:hidden}.sp-page{background:var(--background-light,#fffbfb);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.sp-header{background:#fff;border-bottom:1px solid #f5526d1f;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px 12px;display:flex}.sp-header-left{flex-direction:column;gap:2px;display:flex}.sp-title{color:var(--text-dark,#333);font-size:20px;font-weight:800;font-family:var(--header-font,"Fredoka",sans-serif);margin:0}.sp-subtitle{color:#94a3b8;font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif)}.sp-tabs{gap:6px;display:flex}.sp-tab{background:var(--background-light,#fffbfb);color:var(--text-light,#555);cursor:pointer;white-space:nowrap;font-size:12px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);border:1.5px solid #f5526d33;border-radius:20px;padding:6px 14px;transition:all .15s}.sp-tab.active{background:var(--primary-color,#f5526d);color:#fff;border-color:var(--primary-color,#f5526d);box-shadow:0 2px 10px #f5526d59}.sp-tab:hover:not(.active){background:#f5526d0d;border-color:#f5526d4d}.sp-list-view{flex-direction:column;flex:1;gap:12px;padding:16px 24px;display:flex;overflow:hidden}.sp-filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sp-search{min-width:200px;height:36px;color:var(--text-dark,#333);font-size:13px;font-family:var(--body-font,"Quicksand",sans-serif);background:#fff;border:1.5px solid #f5526d33;border-radius:20px;outline:none;flex:1;padding:0 12px;transition:border-color .15s,box-shadow .15s}.sp-search:focus{border-color:var(--primary-color,#f5526d);box-shadow:0 0 0 3px #f5526d1a}.sp-filter-btns{flex-wrap:wrap;gap:6px;display:flex}.sp-filter-btn{color:var(--text-light,#555);cursor:pointer;font-size:11px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);background:#fff;border:1.5px solid #f5526d26;border-radius:20px;padding:4px 12px;transition:all .15s}.sp-filter-btn.active{border-width:2px}.sp-filter-btn:hover{background:#f5526d0d;border-color:#f5526d4d}.sp-summary{flex-wrap:wrap;gap:10px;display:flex}.sp-summary-card{border:1.5px solid;border-radius:12px;flex-direction:column;flex:1;gap:2px;min-width:110px;padding:10px 12px;display:flex}.sp-summary-count{font-size:22px;font-weight:800;line-height:1}.sp-summary-label{opacity:.8;font-size:10px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif)}.sp-summary-total{font-size:11px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);margin-top:4px}.sp-table-wrap{background:#fff;border:1px solid #f5526d1a;border-radius:14px;flex:1;overflow-y:auto}.sp-table{border-collapse:collapse;width:100%}.sp-table thead th{text-align:left;color:var(--text-light,#555);white-space:nowrap;z-index:1;font-size:11px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#f5526d08;border-bottom:1px solid #f5526d1a;padding:10px 12px;position:sticky;top:0}.sp-row{cursor:pointer;border-bottom:1px solid #f5526d0d;transition:background .15s}.sp-row:hover{background:#f5526d08}.sp-row td{color:var(--text-dark,#333);vertical-align:middle;font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif);padding:10px 12px}.sp-code{color:var(--primary-color,#f5526d);font-weight:700}.sp-client{flex-direction:column;gap:1px;display:flex}.sp-client small{color:#94a3b8;font-size:10px}.sp-plan{color:var(--primary-color,#f5526d);background:#f5526d12;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:600}.sp-money{text-align:left;font-weight:700}.sp-cost{color:#ef4444}.sp-profit{color:#22c55e}.sp-loss{color:#ef4444}.sp-badge{white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}.sp-edit-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:14px;transition:background .15s}.sp-edit-btn:hover{background:#f5526d14}.sp-del-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:14px;transition:background .15s}.sp-del-btn:hover{background:#fee2e2}.sp-action-btns{align-items:center;gap:4px;display:flex}.sp-detail-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.sp-delete-btn{color:#dc2626;cursor:pointer;font-size:13px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);background:#fff;border:1.5px solid #fca5a5;border-radius:12px;padding:10px 18px;transition:background .15s,transform .1s}.sp-delete-btn:hover{background:#fee2e2;transform:translateY(-1px)}.sp-loading{text-align:center;color:#94a3b8;font-family:var(--body-font,"Quicksand",sans-serif);padding:40px}.sp-registro{flex-direction:column;gap:1px;display:flex}.sp-registro-date{color:var(--text-dark,#333);font-size:11px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif)}.sp-registro-time{color:var(--primary-color,#f5526d);font-size:10px;font-family:var(--body-font,"Quicksand",sans-serif);font-weight:600}.sp-registro-banner{color:var(--text-light,#555);font-size:13px;font-family:var(--body-font,"Quicksand",sans-serif);background:#f5526d0d;border:1px solid #f5526d26;border-radius:12px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;padding:10px 14px;display:flex}.sp-registro-banner strong{color:var(--primary-color,#f5526d);font-weight:700}.sp-registro-source{color:#94a3b8;font-size:11px}.sp-detail{flex-direction:column;flex:1;display:flex;overflow:hidden}.sp-detail-header{background:#fff;border-bottom:1px solid #f5526d1f;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 24px 12px;display:flex}.sp-detail-title{color:var(--text-dark,#333);font-size:15px;font-weight:700;font-family:var(--header-font,"Fredoka",sans-serif);display:block}.sp-detail-sub{color:#94a3b8;font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif)}.sp-status-select{cursor:pointer;font-size:12px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);border:2px solid;border-radius:20px;outline:none;padding:5px 10px}.sp-detail-body{flex-direction:column;flex:1;gap:16px;padding:16px 24px;display:flex;overflow-y:auto}.sp-detail-section{background:#fff;border:1px solid #f5526d1a;border-radius:14px;padding:14px 16px}.sp-detail-section h3{color:var(--text-dark,#333);font-size:13px;font-weight:700;font-family:var(--header-font,"Fredoka",sans-serif);border-bottom:1px solid #f5526d14;margin:0 0 10px;padding-bottom:8px}.sp-client-edit-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.sp-client-field{flex-direction:column;gap:4px;display:flex}.sp-client-field label{color:#64748b;font-size:11px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif)}.sp-client-field input{color:var(--text-dark,#333);font-size:13px;font-family:var(--body-font,"Quicksand",sans-serif);border:1.5px solid #e2e8f0;border-radius:8px;padding:7px 10px}.sp-client-field input:focus{border-color:var(--primary-color,#f5526d);outline:none}.sp-pago-toggle{color:#166534;cursor:pointer;font-size:13px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);align-items:center;gap:8px;margin-top:12px;display:flex}.sp-pago-toggle input{accent-color:#16a34a;cursor:pointer;width:16px;height:16px}.sp-cancel-reason{box-sizing:border-box;resize:vertical;width:100%;color:var(--text-dark,#333);font-size:13px;font-family:var(--body-font,"Quicksand",sans-serif);background:#ef444408;border:1.5px solid #ef444440;border-radius:10px;padding:10px 12px}.sp-cancel-reason:focus{border-color:#ef4444;outline:none}.sp-section-header{border-bottom:1px solid #f5526d14;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.sp-section-header h3{border:none;margin:0;padding:0}.sp-calc-btn{border:1.5px dashed var(--primary-color,#f5526d);color:var(--primary-color,#f5526d);cursor:pointer;font-size:11px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);background:#f5526d0d;border-radius:8px;padding:4px 10px}.sp-info-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sp-info-item{flex-direction:column;gap:1px;display:flex}.sp-info-label{color:#94a3b8;font-size:10px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif)}.sp-info-val{color:var(--text-dark,#333);font-size:12px;font-weight:500;font-family:var(--body-font,"Quicksand",sans-serif)}.sp-valor-edit-wrap{align-items:center;gap:10px;display:flex}.sp-valor-prefix-lg{color:var(--primary-color,#f5526d);font-size:24px;font-weight:700}.sp-valor-edit{border:2px solid var(--primary-color,#f5526d);max-width:200px;height:44px;color:var(--text-dark,#333);font-size:20px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#f5526d0a;border-radius:10px;outline:none;flex:1;padding:0 12px;transition:box-shadow .15s}.sp-valor-edit:focus{box-shadow:0 0 0 3px #f5526d1f}.sp-valor-cop{color:var(--primary-color,#f5526d);font-size:13px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif)}.sp-costs-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.sp-cost-item{flex-direction:column;gap:3px;display:flex}.sp-cost-label{color:var(--text-light,#555);font-size:10px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif)}.sp-cost-input-wrap{background:var(--background-light,#fffbfb);border:1.5px solid #f5526d26;border-radius:8px;align-items:center;gap:4px;padding:0 8px;transition:border-color .15s;display:flex}.sp-cost-input-wrap:focus-within{border-color:var(--primary-color,#f5526d);background:#fff}.sp-cost-input-wrap span{color:#94a3b8;font-size:12px}.sp-cost-input{height:28px;color:var(--text-dark,#333);width:100%;font-size:12px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);background:0 0;border:none;outline:none;flex:1}.sp-finance-summary{background:linear-gradient(135deg,#f5526d0a,#87ceeb0f);border:1px solid #f5526d1f;border-radius:14px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.sp-finance-row{color:var(--text-light,#555);font-size:13px;font-family:var(--body-font,"Quicksand",sans-serif);justify-content:space-between;align-items:center;display:flex}.sp-finance-total{padding-top:8px;font-size:15px;font-weight:700}.sp-finance-divider{border-top:1px dashed #f5526d33}.sp-green{color:#16a34a}.sp-red{color:#dc2626}.sp-save-btn{background:linear-gradient(135deg,var(--primary-color,#f5526d),#ff8fa3);color:#fff;cursor:pointer;font-size:14px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);border:none;border-radius:12px;align-self:flex-end;padding:12px 24px;transition:opacity .15s,transform .1s;box-shadow:0 4px 14px #f5526d59}.sp-save-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.sp-save-btn:disabled{opacity:.6;cursor:not-allowed}.sp-empty{color:#94a3b8;font-size:14px;font-family:var(--body-font,"Quicksand",sans-serif);flex:1;justify-content:center;align-items:center;display:flex}.sp-charts{background:var(--background-light,#fffbfb);flex-direction:column;flex:1;gap:24px;padding:24px;display:flex;overflow-y:auto}.sp-charts-title{color:var(--text-dark,#333);font-size:16px;font-weight:700;font-family:var(--header-font,"Fredoka",sans-serif);margin:0}.sp-bar-chart{background:#fff;border:1px solid #f5526d1a;border-radius:24px;align-items:flex-end;gap:20px;height:320px;padding:28px 24px 20px;display:flex;overflow-x:auto;box-shadow:0 4px 20px #f5526d0f}.sp-bar-item{flex-direction:column;align-items:center;gap:10px;min-width:60px;height:100%;display:flex}.sp-bar-wrap{justify-content:center;align-items:center;width:100%;display:flex}.sp-bar-pill{background:#f5526d0f;border-radius:40px;width:100%;max-width:72px;height:220px;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #f5526d1f,0 4px 20px #f5526d1a}.sp-bar-pill.sp-bar-pill-active{box-shadow:inset 0 2px 8px #f5526d26,0 0 0 1.5px #f5526d33,0 4px 24px #f5526d26}.sp-bar-fill{background:linear-gradient(to top,var(--secondary-color,#87ceeb)0%,#a8d8f0 30%,#ffb3c1 65%,var(--primary-color,#f5526d)100%);filter:saturate(1.1);border-radius:0 0 40px 40px;min-height:3px;transition:height 1.2s cubic-bezier(.34,1.2,.64,1);position:absolute;bottom:0;left:0;right:0}.sp-bar-fill.sp-bar-fill-active{background:linear-gradient(to top,var(--secondary-color,#87ceeb)0%,#a8d8f0 30%,#ffb3c1 65%,var(--primary-color,#f5526d)100%);box-shadow:2px -6px 31px 8px #f5526d33}.sp-bar-wave{background:#ffffff4d;border-radius:50%;width:160%;height:20px;animation:2.4s ease-in-out infinite sp-wave;position:absolute;left:-30%}@keyframes sp-wave{0%{transform:translate(0)scaleY(1)}50%{transform:translate(14%)scaleY(1.5)}to{transform:translate(0)scaleY(1)}}.sp-bar-bottom{flex-direction:column;align-items:center;gap:1px;padding-top:4px;display:flex}.sp-bar-val{color:var(--text-dark,#333);white-space:nowrap;font-size:13px;font-weight:800;font-family:var(--body-font,"Quicksand",sans-serif)}.sp-bar-label{color:var(--text-light,#555);font-size:11px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif)}.sp-bar-count{color:#94a3b8;font-size:10px}.sp-bar-live{color:var(--primary-color,#f5526d);letter-spacing:.05em;font-size:9px;font-weight:800;animation:1.5s ease-in-out infinite sp-pulse}@keyframes sp-pulse{0%,to{opacity:1}50%{opacity:.4}}.sp-totals-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.sp-total-card{border:1px solid #0000;border-radius:16px;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.sp-total-card strong{font-size:22px;font-weight:800;font-family:var(--header-font,"Fredoka",sans-serif)}.sp-tc-label{opacity:.75;font-size:12px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif)}.sp-tc-blue{color:#1e6fa8;background:#87ceeb2e;border-color:#87ceeb80}.sp-tc-red{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.sp-tc-green{color:#166534;background:#dcfce7;border-color:#86efac}.sp-tc-purple{color:var(--primary-color,#f5526d);background:#f5526d14;border-color:#f5526d40}@media (max-width:768px){.sp-list-view,.sp-detail-body,.sp-charts{padding:12px}.sp-header{padding:12px 16px}.sp-table thead th,.sp-row td{padding:8px;font-size:11px}.sp-info-grid{grid-template-columns:1fr}.sp-costs-grid,.sp-totals-grid{grid-template-columns:1fr 1fr}.sp-bar-chart{gap:12px;height:200px;padding:16px 12px 12px}.sp-bar-pill{height:140px}}.sp-doc-btn{color:#4338ca;cursor:pointer;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#eef2ff;border:1.5px solid #c7d2fe;border-radius:10px;padding:9px 16px;font-size:13px}.sp-doc-btn:hover{background:#e0e7ff}.sp-abono-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.sp-abono-row label{color:#64748b;font-size:12px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif)}.sp-abono-wrap{border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:4px;padding:4px 8px;display:flex}.sp-abono-wrap input{width:110px;font-size:13px;font-family:var(--body-font,"Quicksand",sans-serif);border:none;outline:none}.sp-saldo{color:#f5526d;font-size:13px;font-weight:800;font-family:var(--body-font,"Quicksand",sans-serif)}.sp-cost-add{color:#475569;cursor:pointer;font-size:12px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#fff;border:1.5px dashed #cbd5e1;border-radius:8px;margin-top:10px;padding:6px 14px}.sp-cost-add:hover{color:#f5526d;background:#f8fafc;border-color:#f5526d}.sp-cost-extra-name{box-sizing:border-box;width:100%;color:var(--text-dark,#333);font-size:12px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);background:0 0;border:none;border-bottom:1.5px solid #e2e8f0;margin-bottom:4px;padding:2px 2px 4px}.sp-cost-extra-name:focus{border-color:#f5526d;outline:none}.sp-cost-extra-del{color:#cbd5e1;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:12px}.sp-cost-extra-del:hover{color:#ef4444}.sp-adic-picker{gap:8px;margin-bottom:8px;display:flex}.sp-adic-picker select{font-size:13px;font-family:var(--body-font,"Quicksand",sans-serif);border:1.5px solid #e2e8f0;border-radius:8px;flex:1;padding:7px 10px}.sp-adic-add{color:#fff;cursor:pointer;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#f5526d;border:none;border-radius:8px;padding:0 14px}.sp-adic-add:disabled{opacity:.5;cursor:default}.sp-adic-item{background:#fff5f7;border-radius:8px;align-items:center;gap:10px;margin-bottom:4px;padding:6px 10px;display:flex}.sp-adic-name{color:#334155;font-size:13px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);flex:1}.sp-adic-price{color:#f5526d;font-size:13px;font-weight:700}.sp-adic-del{color:#cbd5e1;cursor:pointer;background:0 0;border:none;font-size:13px}.sp-adic-del:hover{color:#ef4444}.sp-adic-total{text-align:right;color:#334155;font-size:13px;font-family:var(--body-font,"Quicksand",sans-serif);margin-top:4px}.sp-adic-readonly{flex-wrap:wrap;gap:6px;display:flex}.sp-adic-chip{color:#f5526d;font-size:13px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);background:#fff5f7;border:1px solid #f5526d33;border-radius:16px;padding:4px 12px}.ct-overlay{z-index:3000;background:#0f172a8c;justify-content:center;align-items:flex-start;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.ct-loading{background:#fff;border-radius:14px;margin-top:60px;padding:30px;font-family:Quicksand,sans-serif}.ct-shell{width:820px;max-width:100%}.ct-toolbar{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-bottom:10px;display:flex}.ct-toolbar button{cursor:pointer;border:none;border-radius:22px;padding:9px 16px;font-family:Quicksand,sans-serif;font-size:13px;font-weight:700}.ct-close{color:#334155;background:#fff}.ct-tpl,.ct-tpl-save{color:#4338ca;background:#eef2ff}.ct-print{color:#fff;background:#f5526d}.ct-doc{color:#1a1a1a;background:#fff;border-radius:10px;padding:26px 30px;font-family:Segoe UI,Helvetica,sans-serif;font-size:11px;line-height:1.4}.ct-header{border-bottom:2px solid #f5526d;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding-bottom:10px;display:flex}.ct-empresa{flex-direction:row;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.ct-logo{object-fit:contain;flex-shrink:0;width:58px;height:58px}.ct-empresa-txt{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ct-empresa-txt strong{color:#f5526d;font-size:16px}.ct-empresa-in,.ct-empresa-txt .ct-title.ct-edit,.ct-empresa-txt input.ct-edit{box-sizing:border-box;width:100%}.ct-title{letter-spacing:.04em;color:#334155;font-size:13px;font-weight:800}.ct-headmeta{flex-shrink:0;grid-template-columns:1fr 1fr;gap:4px 16px;display:grid}.ct-headmeta div{text-align:right;flex-direction:column;display:flex}.ct-headmeta span{color:#64748b;font-size:8px;font-weight:700}.ct-headmeta strong{font-size:11px}.ct-cols{grid-template-columns:1fr 1.3fr;align-items:stretch;gap:18px;margin-bottom:12px;display:grid}.ct-col-servicio{border-right:1px solid #f1d4da;flex-direction:column;padding-right:16px;display:flex}.ct-serv-fields{margin-bottom:8px}.ct-plan-img{object-fit:cover;object-position:top center;background:#fafafa;border:1px solid #f1d4da;border-radius:8px;flex:auto;width:100%;min-height:240px;display:block}.ct-sec-title{color:#f5526d;letter-spacing:.03em;border-bottom:1px solid #f1d4da;margin-bottom:6px;padding-bottom:3px;font-size:11px;font-weight:800}.ct-band{background:#fdeef1;border-bottom:none;border-radius:5px;margin:12px 0 8px;padding:5px 8px}.ct-kv{gap:6px;margin-bottom:3px;display:flex}.ct-kv span{color:#64748b}.ct-kv b{color:#1a1a1a}.ct-nota{color:#64748b;margin:0 0 5px;font-size:9.5px;font-style:italic}.ct-clausula p{text-align:justify;margin:0 0 4px;font-size:9.5px;line-height:1.35}.ct-clausula b{color:#334155}.ct-grid{grid-template-columns:1fr 1fr;gap:3px 16px;margin-bottom:6px;display:grid}.ct-grid .ct-wide{grid-column:1/-1}.ct-two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ct-fill{box-sizing:border-box;resize:none;border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:6px;font-family:inherit;font-size:11px}.ct-rating{border-collapse:collapse;width:100%;margin-bottom:4px}.ct-rating th,.ct-rating td{text-align:center;border:1px solid #cbd5e1;padding:4px 6px;font-size:10px}.ct-rating th{background:#f8fafc}.ct-rating td:first-child,.ct-rating th:first-child{text-align:left}.ct-pago-wrap{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.ct-qr-zone{flex:1}.ct-qr{flex-direction:column;align-items:center;gap:4px;display:inline-flex}.ct-qr img{object-fit:contain;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:130px;height:130px;padding:4px}.ct-qr small{color:#64748b;text-align:center;max-width:150px;font-size:9.5px}.ct-qr-edit{flex-direction:column;gap:6px;max-width:220px;margin-top:8px;display:flex}.ct-qr-upload{color:#4338ca;cursor:pointer;text-align:center;background:#eef2ff;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-block}.ct-qr-nota{font-size:11px}.ct-qr-size{flex-direction:column;gap:3px;display:flex}.ct-qr-size label{color:#64748b;font-family:Quicksand,sans-serif;font-size:11px}.ct-qr-size b{color:#4338ca}.ct-qr-size input[type=range]{accent-color:#4338ca;cursor:pointer;width:100%}.ct-qr-rm{color:#b91c1c;cursor:pointer;background:#fee2e2;border:none;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700}.ct-qr-toggle{color:#334155;cursor:pointer;background:#fff;border-radius:22px;align-items:center;gap:5px;padding:8px 14px;font-family:Quicksand,sans-serif;font-size:13px;font-weight:700;display:inline-flex}.ct-pago{flex-shrink:0;width:320px}.ct-pago-row{border-bottom:1px dotted #cbd5e1;justify-content:space-between;padding:4px 0;display:flex}.ct-pago-row.ct-saldo{color:#f5526d;border-top:2px solid #f5526d;border-bottom:none;padding-top:6px;font-size:13px}.ct-abono-in{text-align:right;border:1px solid #e2e8f0;border-radius:5px;width:110px;padding:2px 6px;font-family:inherit;font-size:11px}.ct-firmas{grid-template-columns:1fr 1fr;gap:40px;margin-top:36px;display:grid}.ct-firma{text-align:center}.ct-firma-line{border-top:1px solid #1a1a1a;margin-bottom:4px}.ct-firma span{font-size:10px;font-weight:800;display:block}.ct-firma small{color:#64748b;font-size:9px}.ct-edit{border:1px solid #c7d2fe;border-radius:5px;padding:3px 6px;font-family:inherit;font-size:11px}.ct-empresa-in{color:#f5526d;font-size:15px;font-weight:800}.ct-nota-in,.ct-cl-tit{box-sizing:border-box;width:100%}.ct-cl-edit{grid-template-columns:1fr auto;align-items:start;gap:4px;margin-bottom:8px;display:grid}.ct-cl-tit{grid-column:1}.ct-cl-txt{box-sizing:border-box;resize:vertical;grid-column:1;width:100%;min-height:60px}.ct-cl-del{color:#b91c1c;cursor:pointer;background:#fee2e2;border:none;border-radius:6px;grid-area:1/2/3;width:26px}.ct-cl-add{color:#4338ca;cursor:pointer;background:#eef2ff;border:none;border-radius:8px;padding:6px 12px;font-family:Quicksand,sans-serif;font-weight:700}@media print{html,body{background:#fff!important;height:auto!important;overflow:visible!important}.sidebar,.mobile-nav,.sp-page,.sp-header,.sp-list-view,.sp-tabs,.sv-page,.rc-page{display:none!important}.sp-layout,.sv-layout,.rc-layout{background:#fff!important;height:auto!important;display:block!important;overflow:visible!important}.ct-overlay{z-index:auto!important;background:0 0!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.ct-shell{width:100%!important;max-width:100%!important}.ct-toolbar{display:none!important}.ct-doc{box-shadow:none!important;border-radius:0!important;width:100%!important;max-width:100%!important;padding:0!important;font-size:8.6px!important;line-height:1.25!important}.ct-cols{align-items:start!important;gap:12px!important;margin-bottom:6px!important}.ct-col-servicio{display:block!important}.ct-plan-img{break-inside:avoid;object-fit:contain!important;flex:none!important;width:100%!important;height:auto!important;max-height:300px!important}.ct-header{margin-bottom:8px!important;padding-bottom:6px!important}.ct-empresa-txt strong{font-size:13px!important}.ct-title{font-size:11px!important}.ct-logo{width:46px!important;height:46px!important}.ct-sec-title{margin-bottom:3px!important;padding-bottom:2px!important;font-size:9px!important}.ct-band{margin:7px 0 5px!important;padding:3px 6px!important}.ct-kv{margin-bottom:2px!important}.ct-nota{margin:0 0 3px!important;font-size:8px!important}.ct-clausula p{margin:0 0 2.5px!important;font-size:8.3px!important;line-height:1.22!important}.ct-grid{gap:1px 16px!important;margin-bottom:3px!important}.ct-two{gap:10px!important}.ct-fill{min-height:24px!important;padding:3px 5px!important}.ct-rating th,.ct-rating td{padding:2px 5px!important;font-size:8.5px!important}.ct-pago-row{padding:2px 0!important}.ct-pago-row.ct-saldo{padding-top:4px!important;font-size:11px!important}.ct-qr small{font-size:8px!important}.ct-firmas{margin-top:18px!important}.ct-firma span{font-size:9px!important}.ct-firma small{font-size:8px!important}.ct-fill,textarea,.ct-abono-in,.ct-edit{height:auto!important;box-shadow:none!important;border:none!important;overflow:visible!important}.ct-clausula,.ct-firmas,.ct-pago-wrap,.ct-rating{break-inside:avoid}@page{margin:9mm;size:A4}}.ct-adic-list{margin:0 0 4px;padding:0;list-style:none}.ct-adic-list li{border-bottom:1px dotted #e2e8f0;justify-content:space-between;gap:8px;padding:1px 0;font-size:10px;display:flex}.ct-adic-list li b{white-space:nowrap}.ml-shell{width:640px}.ml-head{border-bottom:2px solid #1e40af;justify-content:space-between;gap:16px;margin-bottom:12px;padding-bottom:10px;display:flex}.ml-head h2{color:#1e40af;margin:0;font-size:18px}.ml-sub{color:#64748b;font-size:11px}.ml-meta{grid-template-columns:1fr 1fr;gap:3px 16px;display:grid}.ml-meta div{text-align:right;flex-direction:column;display:flex}.ml-meta span{color:#64748b;font-size:8px;font-weight:700}.ml-meta strong{font-size:11px}.ml-logistica{color:#334155;flex-direction:column;gap:2px;margin-bottom:12px;font-size:11px;display:flex}.ml-logistica span{color:#64748b;font-weight:700}.ml-table{border-collapse:collapse;width:100%}.ml-table th,.ml-table td{text-align:left;border:1px solid #cbd5e1;padding:7px 10px;font-size:12px}.ml-table th{color:#1e40af;background:#eff6ff}.ml-table .ml-c{text-align:center}.ml-empty{text-align:center;color:#94a3b8;padding:16px}.ml-firma{text-align:center;width:260px;margin-top:40px}.ml-firma span{font-size:10px;font-weight:700}.up-layout{width:100%;height:100vh;background:var(--background-light,#fffbfb);height:100dvh;display:flex;overflow:hidden}.up-page{box-sizing:border-box;background:var(--background-light,#fffbfb);flex-direction:column;flex:1;gap:16px;min-width:0;padding:24px;display:flex;overflow:hidden}.up-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.up-title{color:var(--text-dark,#333);font-size:22px;font-weight:800;font-family:var(--header-font,"Fredoka",sans-serif);margin:0}.up-subtitle{color:#94a3b8;font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif);display:block}.up-btn-create{background:linear-gradient(135deg,var(--primary-color,#f5526d),#ff8fa3);color:#fff;cursor:pointer;white-space:nowrap;font-size:13px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);border:none;border-radius:20px;padding:10px 20px;transition:opacity .15s,transform .1s;box-shadow:0 4px 14px #f5526d4d}.up-btn-create:hover{opacity:.9;transform:translateY(-1px)}.up-success{color:#166534;font-size:13px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);background:#dcfce7;border:1px solid #86efac;border-radius:10px;flex-shrink:0;padding:10px 14px}.up-error{color:#dc2626;font-size:13px;font-family:var(--body-font,"Quicksand",sans-serif);background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:10px 14px}.up-search-wrap{background:#fff;border:1.5px solid #f5526d33;border-radius:22px;flex-shrink:0;align-items:center;gap:8px;padding:8px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.up-search-wrap:focus-within{border-color:var(--primary-color,#f5526d);box-shadow:0 0 0 3px #f5526d1a}.up-search{color:var(--text-dark,#333);font-size:13px;font-family:var(--body-font,"Quicksand",sans-serif);background:0 0;border:none;outline:none;flex:1}.up-search::placeholder{color:#b0bec5;font-family:var(--body-font,"Quicksand",sans-serif)}.up-search-clear{width:20px;height:20px;color:var(--primary-color,#f5526d);cursor:pointer;background:#f5526d1a;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:10px;transition:background .15s;display:flex}.up-search-clear:hover{background:#f5526d33}.up-table-wrap{background:#fff;border:1px solid #f5526d1a;border-radius:16px;flex:1;overflow-y:auto}.up-table{border-collapse:collapse;width:100%}.up-table thead th{text-align:left;color:var(--text-light,#555);white-space:nowrap;z-index:1;font-size:11px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#f5526d08;border-bottom:1px solid #f5526d1a;padding:12px 16px;position:sticky;top:0}.up-row{border-bottom:1px solid #f5526d0d;transition:background .15s}.up-row:hover{background:#f5526d08}.up-row td{color:var(--text-dark,#333);vertical-align:middle;font-size:13px;font-family:var(--body-font,"Quicksand",sans-serif);padding:12px 16px}.up-user-info{align-items:center;gap:10px;display:flex}.up-avatar{background:linear-gradient(135deg,var(--primary-color,#f5526d),#ff8fa3);color:#fff;width:34px;height:34px;font-size:14px;font-weight:700;font-family:var(--header-font,"Fredoka",sans-serif);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.up-username{color:var(--text-dark,#333);font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif)}.up-role-badge{white-space:nowrap;font-size:11px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);border-radius:999px;padding:3px 10px}.up-loading{text-align:center;color:#94a3b8;font-family:var(--body-font,"Quicksand",sans-serif);padding:40px}.up-empty-row{text-align:center;color:#94a3b8;font-size:14px;font-family:var(--body-font,"Quicksand",sans-serif);padding:32px}.up-pass-row{align-items:center;gap:4px;display:flex}.up-pass-input{width:130px;height:30px;font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif);border:1.5px solid #f5526d33;border-radius:8px;outline:none;padding:0 8px;transition:border-color .15s}.up-pass-input:focus{border-color:var(--primary-color,#f5526d);box-shadow:0 0 0 2px #f5526d1a}.up-pass-save{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.up-pass-cancel{width:28px;height:28px;color:var(--primary-color,#f5526d);cursor:pointer;background:#f5526d14;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:12px;display:flex}.up-pass-cancel:hover{background:#f5526d26}.up-btn-pass{background:var(--background-light,#fffbfb);color:var(--text-light,#555);cursor:pointer;white-space:nowrap;font-size:11px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);border:1.5px solid #f5526d33;border-radius:8px;padding:4px 10px;transition:background .15s}.up-btn-pass:hover{background:#f5526d0d;border-color:#f5526d4d}.up-actions{align-items:center;gap:6px;display:flex}.up-btn-edit{color:var(--primary-color,#f5526d);cursor:pointer;white-space:nowrap;font-size:11px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);background:#f5526d0d;border:1.5px solid #f5526d33;border-radius:8px;padding:4px 10px;transition:background .15s}.up-btn-edit:hover{background:#f5526d1a}.up-btn-del{color:#ef4444;cursor:pointer;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;transition:background .15s;display:flex}.up-btn-del:hover{background:#fee2e2}.up-modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f5526d26;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.up-modal{background:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:440px;animation:.25s cubic-bezier(.34,1.56,.64,1) up-modal-in;display:flex;box-shadow:0 20px 60px #f5526d26,0 0 0 1px #f5526d14}@keyframes up-modal-in{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.up-modal-header{background:linear-gradient(135deg,#f5526d0a,#87ceeb0a);border-bottom:1px solid #f5526d1a;border-radius:24px 24px 0 0;justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex}.up-modal-header h2{color:var(--text-dark,#333);font-size:16px;font-weight:700;font-family:var(--header-font,"Fredoka",sans-serif);margin:0}.up-modal-close{width:28px;height:28px;color:var(--primary-color,#f5526d);cursor:pointer;background:#f5526d14;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:14px;transition:background .15s;display:flex}.up-modal-close:hover{background:#f5526d26}.up-modal-body{flex-direction:column;gap:12px;padding:16px 20px;display:flex}.up-field{flex-direction:column;gap:4px;display:flex}.up-field label{color:var(--text-light,#555);font-size:11px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif)}.up-field input,.up-field select{height:38px;color:var(--text-dark,#333);background:var(--background-light,#fffbfb);font-size:13px;font-family:var(--body-font,"Quicksand",sans-serif);border:1.5px solid #f5526d33;border-radius:10px;outline:none;padding:0 10px;transition:border-color .15s,box-shadow .15s}.up-field input:focus,.up-field select:focus{border-color:var(--primary-color,#f5526d);background:#fff;box-shadow:0 0 0 3px #f5526d1a}.up-role-preview{background:linear-gradient(135deg,#f5526d0a,#87ceeb0f);border:1px solid #f5526d1a;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.up-role-desc{color:var(--text-light,#555);font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif);line-height:1.5}.up-modal-footer{border-top:1px solid #f5526d14;justify-content:flex-end;gap:8px;padding:14px 20px 18px;display:flex}.up-btn-cancel{background:var(--background-light,#fffbfb);color:var(--text-light,#555);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);border:1.5px solid #f5526d33;border-radius:10px;padding:8px 16px;transition:background .15s}.up-btn-cancel:hover{background:#f5526d0d}.up-btn-save{background:linear-gradient(135deg,var(--primary-color,#f5526d),#ff8fa3);color:#fff;cursor:pointer;font-size:13px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);border:none;border-radius:10px;padding:8px 20px;transition:opacity .15s,transform .1s;box-shadow:0 4px 12px #f5526d4d}.up-btn-save:disabled{opacity:.6;cursor:not-allowed}.up-btn-save:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}@media (max-width:768px){.up-page{padding:12px 12px 72px}.up-table thead th,.up-row td{padding:10px;font-size:12px}.up-modal{border-radius:20px 20px 0 0;max-width:100%}.up-modal-overlay{align-items:flex-end;padding:0}.up-modal-header{border-radius:20px 20px 0 0}}.up-caps{background:#6366f10a;border:1px dashed #6366f159;border-radius:12px;flex-direction:column;gap:8px;margin-top:12px;padding:12px;display:flex}.up-caps-title{color:#4338ca;font-size:13px;font-weight:800;font-family:var(--body-font,"Quicksand",sans-serif)}.up-caps-hint{color:#64748b;font-size:11px;font-family:var(--body-font,"Quicksand",sans-serif)}.up-cap-item{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:10px;padding:8px 10px;transition:border-color .15s,background .15s;display:flex}.up-cap-item.on{background:#eef2ff;border-color:#6366f1}.up-cap-item input{accent-color:#6366f1;cursor:pointer;width:16px;height:16px;margin-top:2px}.up-cap-item strong{color:#1e293b;font-size:13px;font-family:var(--body-font,"Quicksand",sans-serif);display:block}.up-cap-item span{color:#64748b;font-size:11px;font-family:var(--body-font,"Quicksand",sans-serif)}.up-cap-chip{color:#4338ca;font-size:10px;font-weight:800;font-family:var(--body-font,"Quicksand",sans-serif);background:#eef2ff;border-radius:10px;margin-left:5px;padding:2px 7px;display:inline-block}.pp-layout{width:100%;height:100vh;background:var(--background-light,#fffbfb);height:100dvh;display:flex;overflow:hidden}.pp-page{box-sizing:border-box;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.pp-header{background:#fff;border-bottom:1px solid #f5526d1f;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px 16px;display:flex}.pp-title{color:var(--text-dark,#333);font-size:22px;font-weight:800;font-family:var(--header-font,"Fredoka",sans-serif);margin:0}.pp-subtitle{color:#94a3b8;font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif);display:block}.pp-header-actions{align-items:center;gap:10px;display:flex}.pp-btn-preview{color:var(--primary-color,#f5526d);cursor:pointer;white-space:nowrap;font-size:13px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);background:#f5526d0d;border:1.5px solid #f5526d40;border-radius:20px;padding:8px 16px;text-decoration:none;transition:background .15s}.pp-btn-preview:hover{background:#f5526d1a}.pp-btn-create{background:linear-gradient(135deg,var(--primary-color,#f5526d),#ff8fa3);color:#fff;cursor:pointer;white-space:nowrap;font-size:13px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);border:none;border-radius:20px;padding:10px 20px;transition:opacity .15s,transform .1s;box-shadow:0 4px 14px #f5526d4d}.pp-btn-create:hover{opacity:.9;transform:translateY(-1px)}.pp-success{color:#166534;font-size:13px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);background:#dcfce7;border:1px solid #86efac;border-radius:10px;flex-shrink:0;margin:12px 24px 0;padding:10px 14px}.pp-error{color:#dc2626;font-size:13px;font-family:var(--body-font,"Quicksand",sans-serif);background:#fef2f2;border:1px solid #fecaca;border-radius:10px;flex-shrink:0;margin:12px 24px 0;padding:10px 14px}.pp-viewbar{flex-shrink:0;gap:8px;padding:12px 24px 0;display:flex}.pp-viewbtn{color:var(--text-light,#555);cursor:pointer;font-size:13px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#fff;border:1.5px solid #f5526d33;border-radius:999px;padding:7px 16px;transition:all .15s}.pp-viewbtn.active{background:var(--primary-color,#f5526d);color:#fff;border-color:#0000;box-shadow:0 3px 10px #f5526d40}.pp-cats{flex:1;padding:16px 24px 40px;overflow-y:auto}.pp-cat-section{margin-bottom:28px}.pp-cat-head{border-bottom:2px solid #f5526d1a;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:8px;display:flex}.pp-cat-title{color:var(--text-dark,#333);font-size:18px;font-weight:800;font-family:var(--header-font,"Fredoka",sans-serif);margin:0}.pp-cat-count{color:#94a3b8;background:#94a3b81f;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}.pp-cat-add{color:var(--primary-color,#f5526d);cursor:pointer;font-size:12px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:0 0;border:1.5px dashed #f5526d66;border-radius:999px;margin-left:auto;padding:5px 14px;transition:background .15s}.pp-cat-add:hover{background:#f5526d0f}.pp-cat-empty{color:#94a3b8;font-size:13px;font-family:var(--body-font,"Quicksand",sans-serif);margin:0;padding:8px 4px}.pp-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-auto-rows:max-content;align-content:start;gap:18px;display:grid}.pim{flex:1;padding:16px 24px 40px;overflow-y:auto}.pim-cats{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.pim-cattab{color:var(--text-dark,#333);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);background:#fff;border:1.5px solid #f5526d2e;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;transition:all .15s;display:flex}.pim-cattab.active{background:var(--primary-color,#f5526d);color:#fff;border-color:#0000}.pim-count{background:#00000014;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:800}.pim-cattab.active .pim-count{background:#ffffff40}.pim-upload{background:#f5526d0a;border:1px dashed #f5526d40;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:14px;display:flex}.pim-uploadbox{cursor:pointer;color:#94a3b8;text-align:center;background:#fff;border:1.5px solid #f5526d33;border-radius:10px;justify-content:center;align-items:center;width:90px;height:70px;padding:4px;font-size:11px;display:flex;overflow:hidden}.pim-uploadbox img{object-fit:cover;width:100%;height:100%}.pim-num{border:1.5px solid var(--form-border-color,#ddd);border-radius:8px;width:110px;padding:8px 10px}.pim-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}.pim-empty{color:#94a3b8;grid-column:1/-1;font-size:13px}.pim-item{background:#fff;border:1px solid #f5526d1a;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #f5526d0d}.pim-item img{object-fit:cover;background:#f1f5f9;width:100%;height:110px;display:block}.pim-item-info{justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.pim-item-num{color:var(--primary-color,#f5526d);font-size:12px;font-weight:700}.pim-item-del{cursor:pointer;background:0 0;border:none;font-size:14px}.pp-hint{color:#94a3b8;font-size:11px}.pp-loading{text-align:center;color:#94a3b8;font-family:var(--body-font,"Quicksand",sans-serif);padding:40px}.pp-empty{color:#94a3b8;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:12px;padding:60px;display:flex}.pp-empty span{font-size:48px}.pp-empty p{font-size:16px;font-family:var(--body-font,"Quicksand",sans-serif);margin:0}.pp-card{background:#fff;border:2px solid #f5526d1a;border-radius:20px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 2px 12px #f5526d0f}.pp-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #f5526d1f}.pp-card-dest{border-color:var(--primary-color,#f5526d)}.pp-card-inactive{opacity:.6}.pp-card-img-wrap{background:#f5526d0a;flex-shrink:0;height:170px;position:relative;overflow:hidden}.pp-card-img-wrap:has(.pp-card-img:not(.is-loaded)):before{content:"";z-index:0;background:linear-gradient(100deg,#f5526d0d 30%,#f5526d24 50%,#f5526d0d 70%) 0 0/200% 100%;animation:1.2s ease-in-out infinite pp-shimmer;position:absolute;inset:0}@keyframes pp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pp-card-img{z-index:1;object-fit:cover;cursor:zoom-in;opacity:0;will-change:transform;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.85,.25,1),opacity .4s;position:relative}.pp-card-img.is-loaded{opacity:1}.pp-card:hover .pp-card-img{transform:scale(1.12)}.pp-card-img-wrap:has(.pp-card-img):after{content:"🔍 Ampliar";z-index:2;color:#fff;letter-spacing:.02em;opacity:0;pointer-events:none;background:linear-gradient(#0000 45%,#00000080 100%);justify-content:center;align-items:flex-end;padding-bottom:14px;font-size:12px;font-weight:700;transition:opacity .35s,transform .35s;display:flex;position:absolute;inset:0;transform:translateY(8px)}.pp-card:hover .pp-card-img-wrap:has(.pp-card-img):after{opacity:1;transform:translateY(0)}.pp-card-img-empty{color:#cbd5e1;justify-content:center;align-items:center;width:100%;height:100%;font-size:40px;display:flex}.pp-card-overlay{color:#fff;font-size:14px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pp-card-star{filter:drop-shadow(0 2px 4px #0000004d);font-size:20px;position:absolute;top:10px;right:10px}.pp-card-body{flex-direction:column;flex:1;gap:6px;padding:16px;display:flex}.pp-card-tipo{letter-spacing:.05em;color:var(--primary-color,#f5526d);width:fit-content;font-size:10px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#f5526d14;border-radius:999px;padding:2px 8px;display:inline-block}.pp-card-title{color:var(--text-dark,#333);font-size:15px;font-weight:700;font-family:var(--header-font,"Fredoka",sans-serif);margin:0}.pp-card-desc{color:var(--text-light,#555);font-size:12px;line-height:1.5;font-family:var(--body-font,"Quicksand",sans-serif);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.pp-card-precio{color:var(--primary-color,#f5526d);font-size:16px;font-weight:800;font-family:var(--header-font,"Fredoka",sans-serif)}.pp-card-features{flex-direction:column;gap:2px;display:flex}.pp-feature{color:var(--text-light,#555);font-size:11px;font-family:var(--body-font,"Quicksand",sans-serif)}.pp-feature-more{color:#94a3b8;font-size:11px;font-family:var(--body-font,"Quicksand",sans-serif)}.pp-card-actions{border-top:1px solid #f5526d14;align-items:center;gap:6px;padding:12px 16px;display:flex}.pp-toggle{cursor:pointer;color:#64748b;font-size:11px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);background:#f1f5f9;border:none;border-radius:20px;flex:1;padding:5px 8px;transition:all .15s}.pp-toggle.active{color:#16a34a;background:#22c55e1a}.pp-btn-edit{color:var(--primary-color,#f5526d);cursor:pointer;font-size:11px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);background:#f5526d0d;border:1.5px solid #f5526d33;border-radius:8px;padding:5px 12px;transition:background .15s}.pp-btn-edit:hover{background:#f5526d1a}.pp-btn-del{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;width:30px;height:30px;font-size:14px;transition:background .15s}.pp-btn-del:hover{background:#fee2e2}.pp-modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f5526d1f;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.pp-modal{background:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:560px;max-height:90dvh;animation:.25s cubic-bezier(.34,1.56,.64,1) pp-modal-in;display:flex;overflow:hidden;box-shadow:0 20px 60px #f5526d2e}@keyframes pp-modal-in{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.pp-modal-header{background:linear-gradient(135deg,#f5526d0a,#87ceeb0a);border-bottom:1px solid #f5526d1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex}.pp-modal-header h2{color:var(--text-dark,#333);font-size:16px;font-weight:700;font-family:var(--header-font,"Fredoka",sans-serif);margin:0}.pp-modal-close{width:28px;height:28px;color:var(--primary-color,#f5526d);cursor:pointer;background:#f5526d14;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:14px;transition:background .15s;display:flex}.pp-modal-close:hover{background:#f5526d29}.pp-modal-body{scrollbar-width:thin;scrollbar-color:#f5526d33 transparent;flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.pp-img-section{flex-direction:column;align-items:center;gap:8px;display:flex}.pp-img-preview{cursor:pointer;background:#f5526d08;border:2px dashed #f5526d4d;border-radius:16px;width:100%;height:180px;transition:border-color .15s;position:relative;overflow:hidden}.pp-img-preview:hover{border-color:var(--primary-color,#f5526d)}.pp-img-thumb{object-fit:cover;width:100%;height:100%}.pp-img-empty{flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;display:flex}.pp-img-empty span{font-size:36px}.pp-img-empty p{color:var(--primary-color,#f5526d);font-size:13px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);margin:0}.pp-img-empty small{color:#94a3b8;font-size:11px;font-family:var(--body-font,"Quicksand",sans-serif)}.pp-img-overlay-btn{color:#fff;opacity:0;font-size:13px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#f5526dbf;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.pp-img-preview:hover .pp-img-overlay-btn{opacity:1}.pp-img-remove{color:#dc2626;cursor:pointer;font-size:12px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);background:#fee2e2;border:none;border-radius:8px;padding:4px 12px}.pp-btn-gallery{color:var(--primary-color,#f5526d);cursor:pointer;font-size:12px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#f5526d0d;border:1.5px solid #f5526d4d;border-radius:999px;align-self:flex-start;padding:7px 14px;transition:background .15s}.pp-btn-gallery:hover{background:#f5526d1f}.pp-gallery{background:#fafafa;border:1px solid #f5526d1f;border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;max-height:240px;margin-top:4px;padding:8px;display:grid;overflow-y:auto}.pp-gallery-empty{text-align:center;color:#94a3b8;font-size:13px;font-family:var(--body-font,"Quicksand",sans-serif);grid-column:1/-1;margin:12px 0}.pp-gallery-item{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:10px;flex-direction:column;gap:3px;padding:4px;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.pp-gallery-item:hover{border-color:#f5526d4d;transform:translateY(-2px)}.pp-gallery-item.selected{border-color:var(--primary-color,#f5526d)}.pp-gallery-item img{object-fit:cover;background:#f1f5f9;border-radius:6px;width:100%;height:60px}.pp-gallery-item span{color:#64748b;text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-family:var(--body-font,"Quicksand",sans-serif);overflow:hidden}.pp-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pp-field{flex-direction:column;gap:4px;display:flex}.pp-field-full{grid-column:1/-1}.pp-field label{color:var(--text-light,#555);font-size:11px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif)}.pp-field input,.pp-field select,.pp-field textarea{color:var(--text-dark,#333);background:var(--background-light,#fffbfb);font-size:13px;font-family:var(--body-font,"Quicksand",sans-serif);resize:none;border:1.5px solid #f5526d33;border-radius:10px;outline:none;padding:8px 12px;transition:border-color .15s,box-shadow .15s}.pp-field input:focus,.pp-field select:focus,.pp-field textarea:focus{border-color:var(--primary-color,#f5526d);background:#fff;box-shadow:0 0 0 3px #f5526d1a}.pp-field input{height:38px}.pp-field select{cursor:pointer;height:38px}.pp-features-section{flex-direction:column;gap:10px;display:flex}.pp-features-header{justify-content:space-between;align-items:center;display:flex}.pp-features-header label{color:var(--text-light,#555);font-size:11px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif)}.pp-add-feature{color:var(--primary-color,#f5526d);cursor:pointer;font-size:11px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#f5526d0d;border:1.5px solid #f5526d40;border-radius:8px;padding:4px 10px;transition:background .15s}.pp-add-feature:hover{background:#f5526d1a}.pp-features-list{flex-direction:column;gap:6px;display:flex}.pp-feature-row{align-items:center;gap:8px;display:flex}.pp-feature-icon{color:var(--secondary-color,#87ceeb);flex-shrink:0;font-size:14px}.pp-feature-row input{height:34px;color:var(--text-dark,#333);background:var(--background-light,#fffbfb);font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif);border:1.5px solid #f5526d26;border-radius:8px;outline:none;flex:1;padding:0 10px;transition:border-color .15s}.pp-feature-row input:focus{border-color:var(--primary-color,#f5526d);background:#fff}.pp-remove-feature{width:26px;height:26px;color:var(--primary-color,#f5526d);cursor:pointer;background:#f5526d14;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;transition:background .15s;display:flex}.pp-remove-feature:hover{background:#f5526d2e}.pp-switches{background:#f5526d08;border:1px solid #f5526d1a;border-radius:12px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.pp-switch-row{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.pp-switch-row span{color:var(--text-dark,#333);font-size:13px;font-weight:500;font-family:var(--body-font,"Quicksand",sans-serif)}.pp-switch{cursor:pointer;background:#e2e8f0;border-radius:999px;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.pp-switch.on{background:var(--primary-color,#f5526d)}.pp-switch-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .2s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.pp-switch.on .pp-switch-thumb{left:23px}.pp-modal-footer{border-top:1px solid #f5526d14;flex-shrink:0;justify-content:flex-end;gap:8px;padding:14px 20px 18px;display:flex}.pp-btn-cancel{background:var(--background-light,#fffbfb);color:var(--text-light,#555);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);border:1.5px solid #f5526d33;border-radius:10px;padding:9px 18px;transition:background .15s}.pp-btn-cancel:hover{background:#f5526d0d}.pp-btn-save{background:linear-gradient(135deg,var(--primary-color,#f5526d),#ff8fa3);color:#fff;cursor:pointer;font-size:13px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);border:none;border-radius:10px;padding:9px 22px;transition:opacity .15s,transform .1s;box-shadow:0 4px 12px #f5526d4d}.pp-btn-save:disabled{opacity:.6;cursor:not-allowed}.pp-btn-save:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}@media (max-width:768px){.pp-header{padding:14px 16px}.pp-grid{grid-template-columns:1fr 1fr;gap:14px;padding:14px 16px}.pp-modal{border-radius:20px 20px 0 0;max-width:100%;max-height:95dvh}.pp-modal-overlay{align-items:flex-end;padding:0}.pp-fields{grid-template-columns:1fr}.pp-field-full{grid-column:1}}@media (max-width:480px){.pp-grid{grid-template-columns:1fr}}.bfp-layout{width:100%;height:100vh;background:var(--background-light,#fffbfb);height:100dvh;display:flex;overflow:hidden}.bfp-page{flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.bfp-header{background:#fff;border-bottom:1px solid #f5526d1f;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.bfp-title{color:var(--text-dark,#333);font-size:20px;font-weight:800;font-family:var(--header-font,"Fredoka",sans-serif);margin:0}.bfp-subtitle{color:#94a3b8;font-size:11px;font-family:var(--body-font,"Quicksand",sans-serif)}.bfp-header-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.bfp-zoom-float{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff2;border:1.5px solid #f5526d26;border-radius:15px;flex-direction:column;align-items:center;gap:3px;padding:6px;display:flex;position:absolute;bottom:18px;right:18px;box-shadow:0 6px 20px #0000001f}.bfp-zoom-fbtn{width:34px;height:34px;color:var(--text-dark,#333);cursor:pointer;background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;font-size:20px;font-weight:700;line-height:1;transition:background .15s;display:flex}.bfp-zoom-fbtn:hover{background:#f5526d1a}.bfp-zoom-flabel{color:var(--text-light,#555);text-align:center;-webkit-user-select:none;user-select:none;min-width:34px;font-size:11px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif)}.bfp-zoom-ffit{background:var(--primary-color,#f5526d);color:#fff;cursor:pointer;border:none;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;margin-top:2px;font-size:16px;transition:filter .15s;display:flex}.bfp-zoom-ffit:hover{filter:brightness(1.08)}.bfp-btn-add{background:linear-gradient(135deg,var(--primary-color,#f5526d),#ff8fa3);color:#fff;cursor:pointer;white-space:nowrap;font-size:12px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);border:none;border-radius:20px;padding:7px 16px;transition:opacity .15s,transform .1s;box-shadow:0 3px 10px #f5526d4d}.bfp-btn-add:hover{opacity:.9;transform:translateY(-1px)}.bfp-btn-seed{color:var(--primary-color,#f5526d);cursor:pointer;white-space:nowrap;font-size:12px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);background:#f5526d0a;border:1.5px solid #f5526d33;border-radius:8px;padding:7px 12px;transition:background .15s}.bfp-btn-seed:hover{background:#f5526d1a}.bfp-success{color:#166534;font-size:13px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);background:#dcfce7;border-bottom:1px solid #86efac;flex-shrink:0;padding:8px 20px}.bfp-error{color:#dc2626;font-size:13px;font-family:var(--body-font,"Quicksand",sans-serif);background:#fef2f2;border-bottom:1px solid #fecaca;flex-shrink:0;padding:8px 20px}.bfp-hint{color:#64748b;font-size:11px;line-height:1.5;font-family:var(--body-font,"Quicksand",sans-serif);background:#f5526d05;border-bottom:1px solid #f5526d0f;flex-shrink:0;padding:6px 20px}.bfp-canvas-wrap{cursor:grab;-webkit-user-select:none;user-select:none;background-color:#f8fafc;background-image:linear-gradient(#f5526d0f 1px,#0000 1px),linear-gradient(90deg,#f5526d0f 1px,#0000 1px),linear-gradient(#f5526d06 1px,#0000 1px),linear-gradient(90deg,#f5526d06 1px,#0000 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px;flex:1;min-height:0;position:relative;overflow:hidden}.bfp-canvas-wrap:active{cursor:grabbing}.bfp-svg{position:absolute;top:0;left:0;overflow:visible}.bfp-canvas-loading{color:#94a3b8;font-family:var(--body-font,"Quicksand",sans-serif);justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.bfp-spinner{border:3px solid #f5526d33;border-top-color:var(--primary-color,#f5526d);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite bfp-spin}@keyframes bfp-spin{to{transform:rotate(360deg)}}.bfp-modal-overlay{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f5526d1a;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.bfp-modal{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:560px;max-height:90dvh;animation:.22s cubic-bezier(.34,1.56,.64,1) bfp-modal-in;display:flex;overflow:hidden;box-shadow:0 20px 60px #f5526d2e}@keyframes bfp-modal-in{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.bfp-modal-header{background:linear-gradient(135deg,#f5526d0a,#87ceeb0a);border-bottom:1px solid #f5526d1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px 12px;display:flex}.bfp-modal-header h2{color:var(--text-dark,#333);font-size:15px;font-weight:700;font-family:var(--header-font,"Fredoka",sans-serif);margin:0}.bfp-modal-close{width:26px;height:26px;color:var(--primary-color,#f5526d);cursor:pointer;background:#f5526d14;border:none;border-radius:7px;justify-content:center;align-items:center;font-size:13px;transition:background .15s;display:flex}.bfp-modal-close:hover{background:#f5526d29}.bfp-modal-body{flex-direction:column;flex:1;gap:12px;padding:16px 18px;display:flex;overflow-y:auto}.bfp-modal-footer{border-top:1px solid #f5526d14;flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.bfp-field-row{flex-wrap:wrap;gap:10px;display:flex}.bfp-field{flex-direction:column;flex:1;gap:4px;min-width:120px;display:flex}.bfp-field-sm{flex:none;min-width:140px}.bfp-field-xs{flex:0 0 60px;min-width:60px}.bfp-field label{color:var(--text-light,#555);font-size:11px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif)}.bfp-field input,.bfp-field textarea,.bfp-field select{color:var(--text-dark,#333);background:var(--background-light,#fffbfb);font-size:13px;font-family:var(--body-font,"Quicksand",sans-serif);resize:none;border:1.5px solid #f5526d33;border-radius:9px;outline:none;padding:7px 10px;transition:border-color .15s,box-shadow .15s}.bfp-field input{height:36px}.bfp-field input:focus,.bfp-field textarea:focus{border-color:var(--primary-color,#f5526d);background:#fff;box-shadow:0 0 0 3px #f5526d1a}.bfp-field small{color:#94a3b8;font-size:10px}.bfp-color-row{flex-wrap:wrap;gap:6px;padding:4px 0;display:flex}.bfp-color-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;transition:transform .15s,border-color .15s}.bfp-color-dot:hover{transform:scale(1.15)}.bfp-color-dot.active{border-color:#1e293b;transform:scale(1.2)}.bfp-options-section{flex-direction:column;gap:6px;display:flex}.bfp-options-header{justify-content:space-between;align-items:center;display:flex}.bfp-options-header label{color:var(--text-light,#555);font-size:11px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif)}.bfp-btn-add-opt{color:var(--primary-color,#f5526d);cursor:pointer;font-size:11px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#f5526d0d;border:1.5px solid #f5526d40;border-radius:8px;padding:3px 10px;transition:background .15s}.bfp-btn-add-opt:hover{background:#f5526d1f}.bfp-opt-row{background:var(--background-light,#fffbfb);cursor:pointer;border:1px solid #f5526d1a;border-radius:9px;align-items:center;gap:8px;padding:6px 10px;transition:background .15s;display:flex}.bfp-opt-row:hover{background:#f5526d0d}.bfp-opt-num{background:var(--primary-color,#f5526d);color:#fff;width:22px;height:22px;font-size:10px;font-weight:800;font-family:var(--body-font,"Quicksand",sans-serif);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.bfp-opt-thumb{object-fit:cover;background:#f3f4f6;border:1px solid #f5526d33;border-radius:6px;flex-shrink:0;width:30px;height:30px}.bfp-opt-label{color:var(--text-dark,#333);font-size:12px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);flex:1}.bfp-opt-price{color:var(--primary-color,#f5526d);font-size:11px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif)}.bfp-opt-del{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;width:24px;height:24px;font-size:13px;transition:background .15s}.bfp-opt-del:hover{background:#fee2e2}.bfp-opt-empty{color:#94a3b8;text-align:center;font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif);padding:8px 0}.bfp-opt-addform{background:#f5526d08;border:1px dashed #f5526d4d;border-radius:9px;align-items:center;gap:6px;margin-top:2px;padding:6px;display:flex}.bfp-opt-addnum,.bfp-opt-addlabel{height:30px;color:var(--text-dark,#333);font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif);background:#fff;border:1.5px solid #f5526d33;border-radius:7px;padding:0 8px}.bfp-opt-addnum{text-align:center;flex-shrink:0;width:48px}.bfp-opt-addlabel{flex:1;min-width:0}.bfp-opt-addnum:focus,.bfp-opt-addlabel:focus{border-color:var(--primary-color,#f5526d);outline:none}.bfp-opt-addform .bfp-btn-add-opt{flex-shrink:0;height:30px}.bfp-btn-cancel{background:var(--background-light,#fffbfb);color:var(--text-light,#555);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);border:1.5px solid #f5526d33;border-radius:9px;padding:8px 14px;transition:background .15s}.bfp-btn-cancel:hover{background:#f5526d0d}.bfp-btn-save{background:linear-gradient(135deg,var(--primary-color,#f5526d),#ff8fa3);color:#fff;cursor:pointer;font-size:13px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);border:none;border-radius:9px;padding:8px 18px;transition:opacity .15s,transform .1s;box-shadow:0 4px 12px #f5526d4d}.bfp-btn-save:hover{opacity:.9;transform:translateY(-1px)}.bfp-btn-del-node{color:#dc2626;cursor:pointer;font-size:13px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);background:#fff;border:1.5px solid #fca5a5;border-radius:9px;padding:8px 14px;transition:background .15s}.bfp-btn-del-node:hover{background:#fee2e2}@media (max-width:768px){.bfp-header{padding:10px 12px}.bfp-hint{padding:6px 12px}.bfp-modal{border-radius:20px 20px 0 0;max-width:100%;max-height:95dvh}.bfp-modal-overlay{align-items:flex-end;padding:0}.bfp-btn-add,.bfp-btn-seed{font-size:11px}.bfp-zoom-float{bottom:12px;right:12px}}.bfp-btn-timers{color:var(--text-light,#555);cursor:pointer;white-space:nowrap;font-size:12px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);background:#f5526d0a;border:1.5px solid #f5526d33;border-radius:20px;padding:7px 14px;transition:all .15s}.bfp-btn-timers.active{background:var(--primary-color,#f5526d);color:#fff;border-color:var(--primary-color,#f5526d);box-shadow:0 3px 10px #f5526d4d}.bfp-timers-panel{background:var(--background-light,#fffbfb);flex-direction:column;flex:1;gap:20px;padding:20px 24px;display:flex;overflow-y:auto}.bfp-timers-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.bfp-timers-header h2{color:var(--text-dark,#333);font-size:18px;font-weight:700;font-family:var(--header-font,"Fredoka",sans-serif);margin:0}.bfp-timers-hint{color:#64748b;font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif);margin:0}.bfp-timer-group{flex-direction:column;gap:10px;display:flex}.bfp-timer-group h3{color:var(--text-dark,#333);font-size:14px;font-weight:700;font-family:var(--header-font,"Fredoka",sans-serif);border-bottom:2px solid #f5526d1f;margin:0;padding-bottom:8px}.bfp-timer-card{background:#fff;border:1.5px solid #f5526d1a;border-radius:14px;align-items:flex-start;gap:14px;padding:14px 16px;transition:box-shadow .15s;display:flex}.bfp-timer-card:hover{box-shadow:0 4px 14px #f5526d14}.bfp-timer-inactive{opacity:.55}.bfp-timer-info{flex-direction:column;flex:1;gap:5px;display:flex}.bfp-timer-name{color:var(--text-dark,#333);font-size:14px;font-weight:700;font-family:var(--header-font,"Fredoka",sans-serif)}.bfp-timer-desc{color:var(--text-light,#555);font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif)}.bfp-timer-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bfp-timer-delay{color:var(--primary-color,#f5526d);font-size:12px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#f5526d14;border-radius:999px;padding:3px 10px}.bfp-timer-status{font-size:11px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);border-radius:999px;padding:3px 10px}.bfp-timer-status.on{color:#166534;background:#dcfce7}.bfp-timer-status.off{color:#64748b;background:#f1f5f9}.bfp-timer-msg-preview{color:var(--text-light,#555);white-space:pre-wrap;font-size:11px;line-height:1.5;font-family:var(--body-font,"Quicksand",sans-serif);background:#f5526d08;border-left:3px solid #f5526d33;border-radius:0 8px 8px 0;margin:0;padding:6px 10px}.bfp-timer-edit-btn{color:var(--primary-color,#f5526d);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);background:#f5526d0d;border:1.5px solid #f5526d33;border-radius:10px;flex-shrink:0;padding:6px 12px;transition:background .15s}.bfp-timer-edit-btn:hover{background:#f5526d1f}.bfp-timer-switch-row{cursor:pointer;font-family:var(--body-font,"Quicksand",sans-serif);color:var(--text-dark,#333);background:#f5526d08;border:1px solid #f5526d1a;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.bfp-timer-switch{background:#e2e8f0;border-radius:999px;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.bfp-timer-switch.on{background:var(--primary-color,#f5526d)}.bfp-timer-switch-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .2s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.bfp-timer-switch.on .bfp-timer-switch-thumb{left:23px}.bfp-timers-empty{text-align:center;color:#94a3b8;font-family:var(--body-font,"Quicksand",sans-serif);flex-direction:column;align-items:center;gap:12px;padding:40px;display:flex}.bfp-catalog-section{background:#87ceeb0f;border:1.5px solid #87ceeb40;border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.bfp-catalog-header{justify-content:space-between;align-items:center;display:flex}.bfp-catalog-header label{color:#1e6fa8;font-size:11px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif)}.bfp-catalog-toggle{cursor:pointer;color:#64748b;font-size:11px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#f1f5f9;border:none;border-radius:20px;padding:4px 12px;transition:all .15s}.bfp-catalog-toggle.on{color:#1e6fa8;background:#87ceeb33}.bfp-catalog-fields{flex-direction:column;gap:8px;display:flex}.bfp-catalog-id-row input{height:30px;color:var(--text-dark,#333);background:#fff;border:1.5px solid #87ceeb4d;border-radius:8px;outline:none;flex:1;padding:0 8px;font-family:monospace;font-size:12px;transition:border-color .15s}.bfp-catalog-id-row input:focus{border-color:#87ceeb;box-shadow:0 0 0 2px #87ceeb33}.bfp-node-catalog-badge{fill:#1e6fa8;font-size:8px;font-weight:700}.bfp-btn-view{color:var(--text-light,#555);cursor:pointer;white-space:nowrap;font-size:12px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);background:#f5526d0a;border:1.5px solid #f5526d33;border-radius:20px;padding:7px 14px;transition:all .15s}.bfp-btn-view.active{background:var(--primary-color,#f5526d);color:#fff;border-color:var(--primary-color,#f5526d);box-shadow:0 3px 10px #f5526d4d}.bfp-assign-banner{color:#166534;font-size:13px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);background:#dcfce7;border-bottom:2px solid #86efac;flex-shrink:0;align-items:center;gap:16px;padding:10px 20px;display:flex}.bfp-assign-banner button{color:#166534;cursor:pointer;font-size:12px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#fff;border:1.5px solid #86efac;border-radius:8px;padding:4px 12px}.bfp-catalogs-panel{background:var(--background-light,#fffbfb);flex-direction:column;flex:1;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.bfp-cat-panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.bfp-cat-panel-header h2{color:var(--text-dark,#333);font-size:18px;font-weight:700;font-family:var(--header-font,"Fredoka",sans-serif);margin:0}.bfp-cat-panel-actions{gap:8px;display:flex}.bfp-cat-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.bfp-cat-card{background:#fff;border:1.5px solid #f5526d1a;border-radius:16px;flex-direction:column;transition:box-shadow .15s,transform .15s;display:flex;overflow:hidden}.bfp-cat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f5526d1a}.bfp-cat-inactive{opacity:.55}.bfp-cat-card-header{justify-content:space-between;align-items:flex-start;padding:12px 14px 8px;display:flex}.bfp-cat-card-name{color:var(--text-dark,#333);font-size:14px;font-weight:700;font-family:var(--header-font,"Fredoka",sans-serif)}.bfp-cat-card-key{color:var(--primary-color,#f5526d);font-size:10px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#f5526d14;border-radius:999px;padding:2px 8px}.bfp-cat-badge{color:#64748b;font-size:10px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#f1f5f9;border-radius:999px;flex-shrink:0;padding:3px 10px}.bfp-cat-badge.on{color:#166534;background:#dcfce7}.bfp-cat-card-body{flex:1;padding:0 14px 10px}.bfp-cat-card-text{color:var(--text-light,#555);font-size:11px;line-height:1.5;font-family:var(--body-font,"Quicksand",sans-serif);margin:0 0 8px}.bfp-cat-card-ids{flex-wrap:wrap;gap:4px;display:flex}.bfp-pid-tag{color:#1e6fa8;background:#87ceeb26;border-radius:6px;padding:2px 7px;font-family:monospace;font-size:10px;font-weight:600}.bfp-cat-card-actions{border-top:1px solid #f5526d12;gap:6px;padding:10px 14px;display:flex}.bfp-cat-btn-edit{color:var(--primary-color,#f5526d);cursor:pointer;font-size:11px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);background:#f5526d0d;border:1.5px solid #f5526d33;border-radius:8px;flex:1;padding:6px;transition:background .15s}.bfp-cat-btn-edit:hover{background:#f5526d1f}.bfp-cat-btn-assign{color:#fff;cursor:pointer;font-size:11px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;flex:1.5;padding:6px;transition:opacity .15s}.bfp-cat-btn-assign:hover{opacity:.88}.bfp-cat-btn-del{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:8px;width:30px;font-size:13px;transition:background .15s}.bfp-cat-btn-del:hover{background:#fee2e2}.bfp-cat-form{flex-direction:column;gap:10px;display:flex}.bfp-catalog-ids-header{justify-content:space-between;align-items:center;display:flex}.bfp-catalog-ids-header label{color:var(--text-light,#555);font-size:11px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif)}.bfp-catalog-hint{color:#94a3b8;font-size:10px;font-family:var(--body-font,"Quicksand",sans-serif);margin:0}.bfp-catalog-id-row{align-items:center;gap:6px;display:flex}.bfp-catalog-id-num{color:#1e6fa8;width:20px;height:20px;font-size:10px;font-weight:800;font-family:var(--body-font,"Quicksand",sans-serif);background:#87ceeb33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.bfp-catalog-id-row input{border:1.5px solid #87ceeb4d;border-radius:8px;outline:none;flex:1;height:30px;padding:0 8px;font-family:monospace;font-size:12px;transition:border-color .15s}.bfp-catalog-id-row input:focus{border-color:#87ceeb}.bfp-catalog-empty{color:#94a3b8;text-align:center;font-size:11px;font-family:var(--body-font,"Quicksand",sans-serif);padding:6px 0}.bfp-node-section{background:#f5526d05;border:1.5px solid #f5526d1f;border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.bfp-node-section-header{color:var(--text-dark,#333);font-size:12px;font-weight:700;font-family:var(--header-font,"Fredoka",sans-serif);justify-content:space-between;align-items:center;display:flex}.bfp-node-section-body{flex-direction:column;gap:8px;display:flex}.bfp-node-hint{color:#94a3b8;font-size:10px;line-height:1.5;font-family:var(--body-font,"Quicksand",sans-serif);margin:0}.bfp-toggle-btn{cursor:pointer;color:#64748b;font-size:11px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#f1f5f9;border:none;border-radius:20px;padding:4px 12px;transition:all .15s}.bfp-toggle-btn.on{color:var(--primary-color,#f5526d);background:#f5526d1f}.bfp-opt-flags{flex-wrap:wrap;gap:8px;padding:4px 0;display:flex}.bfp-flag-btn{color:#64748b;cursor:pointer;font-size:11px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:20px;padding:6px 14px;transition:all .15s}.bfp-flag-btn:hover{border-color:#94a3b8}.bfp-flag-btn.agent{border-color:var(--primary-color,#f5526d);color:var(--primary-color,#f5526d);background:#f5526d14}.bfp-flag-btn.back{color:#1e6fa8;background:#87ceeb1a;border-color:#87ceeb}.bfp-flag-hint{color:var(--primary-color,#f5526d);font-size:10px;font-weight:600;line-height:1.5;font-family:var(--body-font,"Quicksand",sans-serif);margin:0}.bfp-node-hint-warning{background:#6366f10f;border-left:3px solid #6366f1;border-radius:8px;padding:6px 10px;color:#6366f1!important;font-weight:700!important}.bfp-btn-reset{color:#dc2626;cursor:pointer;white-space:nowrap;font-size:12px;font-weight:600;font-family:var(--body-font,"Quicksand",sans-serif);background:#ef44440d;border:1.5px solid #fca5a5;border-radius:8px;padding:7px 12px;transition:background .15s}.bfp-btn-reset:hover{background:#ef44441a}.rc-layout{min-height:100vh;background:#fff5f7;min-height:100dvh;display:flex}.rc-page{flex:1;padding:22px 26px;overflow-y:auto}.rc-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.rc-title{color:var(--primary-color,#f5526d);font-size:22px;font-family:var(--header-font,"Fredoka",sans-serif);margin:0}.rc-subtitle{color:#94a3b8;font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif)}.rc-tabs{gap:8px;display:flex}.rc-tabs button{color:#64748b;cursor:pointer;font-size:13px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#fff;border:1.5px solid #f5526d33;border-radius:22px;padding:8px 16px;transition:all .15s}.rc-tabs button.active{background:var(--primary-color,#f5526d);color:#fff;border-color:#0000}.rc-toast{color:#fff;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#16a34a;border-radius:12px;margin-bottom:14px;padding:10px 16px}.rc-loading,.rc-empty{text-align:center;color:#94a3b8;font-family:var(--body-font,"Quicksand",sans-serif);padding:30px}.rc-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.rc-card{background:#fff;border:1.5px solid #f5526d1f;border-radius:16px;flex-direction:column;gap:6px;padding:14px;display:flex;box-shadow:0 3px 12px #0000000d}.rc-card.mine{background:#f0fdf4;border-color:#16a34a}.rc-card-top{justify-content:space-between;align-items:center;display:flex}.rc-card-emoji{font-size:26px}.rc-badge{border-radius:20px;padding:3px 9px;font-size:10px;font-weight:800}.rc-badge.mine{color:#166534;background:#dcfce7}.rc-badge.avail{color:#1e40af;background:#dbeafe}.rc-card-date{color:#334155;font-size:13px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif)}.rc-card-loc{color:#64748b;font-size:13px;font-family:var(--body-font,"Quicksand",sans-serif)}.rc-card-plan{color:var(--primary-color,#f5526d);font-size:14px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif)}.rc-card-pago{color:#334155;font-size:13px;font-family:var(--body-font,"Quicksand",sans-serif)}.rc-btn{background:var(--primary-color,#f5526d);color:#fff;cursor:pointer;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);border:none;border-radius:10px;margin-top:6px;padding:8px}.rc-btn:hover{filter:brightness(1.06)}.rc-btn.postulado{color:#64748b;cursor:default;background:#e2e8f0}.rc-avail-actions{gap:6px;margin-top:6px;display:flex}.rc-avail-actions .rc-btn,.rc-avail-actions .rc-btn-outline{flex:1;margin-top:0}.rc-btn-outline{border:1.5px solid var(--primary-color,#f5526d);color:var(--primary-color,#f5526d);cursor:pointer;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#fff;border-radius:10px;padding:8px;font-size:13px}.rc-btn-outline:hover{background:#f5526d0f}.rc-btn-cancel{color:#dc2626;cursor:pointer;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#fff;border:1.5px solid #fca5a5;border-radius:10px;margin-top:6px;padding:7px;font-size:12px}.rc-btn-cancel:hover{background:#fef2f2}.rc-cancel-form{flex-direction:column;gap:6px;margin-top:6px;display:flex}.rc-cancel-form textarea{box-sizing:border-box;resize:vertical;width:100%;font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif);border:1.5px solid #fca5a5;border-radius:8px;padding:6px 8px}.rc-cancel-form textarea:focus{border-color:#dc2626;outline:none}.rc-cancel-actions{gap:6px;display:flex}.rc-cancel-back{color:#64748b;cursor:pointer;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;flex:1;padding:6px;font-size:12px}.rc-cancel-confirm{color:#fff;cursor:pointer;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#dc2626;border:none;border-radius:8px;flex:2;padding:6px;font-size:12px}.rc-cancel-confirm:hover{filter:brightness(1.06)}.rc-wallet-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:22px;display:grid}.rc-wallet-card{color:#fff;border-radius:16px;flex-direction:column;gap:6px;padding:18px;display:flex;box-shadow:0 4px 14px #00000014}.rc-wallet-card.pend{background:linear-gradient(135deg,#f5526d,#ff7a90)}.rc-wallet-card.total{background:linear-gradient(135deg,#16a34a,#4ade80)}.rc-wallet-card.count{background:linear-gradient(135deg,#6366f1,#a5b4fc)}.rc-wallet-label{opacity:.92;font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif)}.rc-wallet-value{font-size:26px;font-weight:800;font-family:var(--header-font,"Fredoka",sans-serif)}.rc-wallet-h3{color:#334155;font-size:15px;font-family:var(--header-font,"Fredoka",sans-serif);margin:0 0 12px}.rc-wallet-list{flex-direction:column;gap:8px;display:flex}.rc-wallet-row{background:#fff;border:1px solid #f5526d1a;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.rc-wallet-row-info{flex-direction:column;gap:2px;display:flex}.rc-wallet-row-plan{color:#334155;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif)}.rc-wallet-row-info small{color:#94a3b8;font-size:11px}.rc-wallet-row-pay{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.rc-wallet-row-pay strong{color:#16a34a;font-family:var(--body-font,"Quicksand",sans-serif)}.rc-pay-badge{border-radius:12px;padding:2px 8px;font-size:10px;font-weight:800}.rc-pay-badge.ok{color:#166534;background:#dcfce7}.rc-pay-badge.pend{color:#92400e;background:#fef3c7}@media (max-width:768px){.rc-page{padding:16px 14px 80px}}.rc-card-dir,.rc-card-ind{color:#64748b;font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif);margin-top:2px}.rc-card-ind{font-style:italic}.rc-novedades{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;margin-top:8px;padding:8px 10px}.rc-nov-head{color:#b45309;font-size:12px;font-weight:800;font-family:var(--body-font,"Quicksand",sans-serif);margin-bottom:4px}.rc-nov-item{color:#78350f;font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif)}.rc-nov-item b{color:#92400e}.rc-descuentos{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-top:8px;padding:8px 10px}.rc-desc-head{color:#b91c1c;font-size:12px;font-weight:800;font-family:var(--body-font,"Quicksand",sans-serif);justify-content:space-between;margin-bottom:4px;display:flex}.rc-desc-total{color:#b91c1c}.rc-desc-item{color:#7f1d1d;font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif);justify-content:space-between;gap:8px;display:flex}.rc-desc-val{white-space:nowrap;font-weight:700}.rc-pago-neto{text-align:right;color:#334155;font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif);border-top:1px dashed #fecaca;margin-top:5px;padding-top:5px}.rc-wallet-card.desc .rc-wallet-value{color:#b91c1c}.rc-wallet-item{background:#fff;border-radius:12px;margin-bottom:8px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.rc-wallet-item .rc-wallet-row{box-shadow:none;border-radius:0;margin-bottom:0}.rc-wallet-desc{color:#b91c1c;font-size:11px;font-weight:700}.rc-wallet-detail{background:#fafafa;border-top:1px dashed #e2e8f0;padding:6px 12px 10px}.rc-nov-line{color:#b45309;font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif);margin-bottom:3px}.rc-desc-line{color:#7f1d1d;font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif);justify-content:space-between;display:flex}.ae-shell{width:640px}.ae-header{border-bottom:2px solid #1e40af;align-items:center;gap:14px;margin-bottom:12px;padding-bottom:10px;display:flex}.ae-logo{object-fit:contain;flex-shrink:0;width:52px;height:52px}.ae-title{flex-direction:column;flex:1;display:flex}.ae-title strong{color:#1e40af;font-size:15px}.ae-title span{letter-spacing:.03em;color:#334155;font-size:12px;font-weight:800}.ae-meta{text-align:right;flex-direction:column;gap:3px;display:flex}.ae-meta div{flex-direction:column;display:flex}.ae-meta span{color:#64748b;font-size:8px;font-weight:700}.ae-meta b{font-size:11px}.ae-info{color:#334155;grid-template-columns:1fr 1fr;gap:3px 16px;margin-bottom:12px;font-size:12px;display:grid}.ae-info span{color:#64748b}.ae-table{border-collapse:collapse;width:100%;margin-bottom:10px}.ae-table th,.ae-table td{text-align:left;border:1px solid #cbd5e1;padding:7px 10px;font-size:12px}.ae-table th{color:#1e40af;background:#eff6ff}.ae-table .ae-c{text-align:center}.ae-empty{text-align:center;color:#94a3b8;padding:14px}.ae-nota{color:#64748b;text-align:justify;margin:8px 0 30px;font-size:10px;line-height:1.4}.ae-firmas{grid-template-columns:1fr 1fr;gap:40px;margin-top:30px;display:grid}.ae-firma{text-align:center}.ae-firma-line{border-top:1px solid #1a1a1a;margin-bottom:4px}.ae-firma span{font-size:10px;font-weight:800;display:block}.ae-firma small{color:#64748b;font-size:9px}.sv-layout{min-height:100vh;background:#f8fafc;min-height:100dvh;display:flex}.sv-page{flex:1;padding:22px 26px;overflow-y:auto}.sv-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.sv-title{color:#1e40af;font-size:22px;font-family:var(--header-font,"Fredoka",sans-serif);margin:0}.sv-subtitle{color:#94a3b8;font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif)}.sv-reload{color:#1e40af;cursor:pointer;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#fff;border:1.5px solid #dbeafe;border-radius:20px;padding:8px 14px}.sv-toast{color:#fff;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#16a34a;border-radius:12px;margin-bottom:14px;padding:10px 16px}.sv-loading,.sv-empty{text-align:center;color:#94a3b8;font-family:var(--body-font,"Quicksand",sans-serif);padding:30px}.sv-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:start;gap:16px;display:grid}.sv-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 3px 12px #0000000d}.sv-card.done{background:#f0fdf4;border-color:#16a34a}.sv-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.sv-card-title{align-items:baseline;gap:8px;display:flex}.sv-code{color:#94a3b8;font-size:12px;font-weight:800}.sv-plan{color:#1e293b;font-size:15px;font-weight:800;font-family:var(--body-font,"Quicksand",sans-serif)}.sv-badge{white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:800}.sv-info{color:#475569;font-size:13px;font-family:var(--body-font,"Quicksand",sans-serif);flex-direction:column;gap:4px;display:flex}.sv-info strong{color:#1e293b}.sv-checklist{border-top:1px dashed #e2e8f0;flex-direction:column;gap:7px;padding-top:10px;display:flex}.sv-check-head{color:#334155;font-size:13px;font-weight:800;font-family:var(--body-font,"Quicksand",sans-serif);align-items:center;gap:8px;display:flex}.sv-progress{background:#e2e8f0;border-radius:6px;flex:1;height:7px;overflow:hidden}.sv-progress-fill{background:#16a34a;height:100%;transition:width .3s}.sv-item{font-size:13px;font-family:var(--body-font,"Quicksand",sans-serif);background:#f8fafc;border-radius:8px;align-items:center;gap:8px;padding:5px 8px;display:flex}.sv-item.ok{background:#f0fdf4}.sv-item input{accent-color:#16a34a;cursor:pointer;width:16px;height:16px}.sv-item-name{color:#334155;flex:1}.sv-item.ok .sv-item-name{color:#94a3b8;text-decoration:line-through}.sv-item-qty{color:#64748b;font-size:11px;font-weight:700}.sv-item-del{color:#cbd5e1;cursor:pointer;background:0 0;border:none;font-size:13px}.sv-item-del:hover{color:#ef4444}.sv-noitems{color:#94a3b8;font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif);margin:0}.sv-add-row{gap:6px;margin-top:2px;display:flex}.sv-add-name,.sv-add-qty{height:32px;font-size:13px;font-family:var(--body-font,"Quicksand",sans-serif);border:1.5px solid #e2e8f0;border-radius:8px;padding:0 8px}.sv-add-name{flex:1;min-width:0}.sv-add-qty{text-align:center;width:56px}.sv-add-name:focus,.sv-add-qty:focus{border-color:#1e40af;outline:none}.sv-add-btn{color:#1e40af;cursor:pointer;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#dbeafe;border:none;border-radius:8px;padding:0 12px}.sv-save-material{color:#475569;cursor:pointer;font-size:12px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-self:flex-start;padding:6px 12px}.sv-actions{border-top:1px dashed #e2e8f0;padding-top:10px}.sv-exitoso{color:#fff;cursor:pointer;width:100%;font-weight:800;font-family:var(--body-font,"Quicksand",sans-serif);background:linear-gradient(135deg,#16a34a,#22c55e);border:none;border-radius:10px;padding:10px}.sv-exitoso:hover{filter:brightness(1.05)}.sv-done-label{color:#166534;font-size:13px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif)}@media (max-width:768px){.sv-page{padding:16px 14px 80px}}.sv-flow{border-top:1px dashed #e2e8f0;flex-direction:column;gap:8px;padding-top:10px;display:flex}.sv-flow-btns{flex-wrap:wrap;gap:6px;display:flex}.sv-doc-btn{color:#4338ca;cursor:pointer;font-size:12px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#eef2ff;border:1.5px solid #c7d2fe;border-radius:9px;padding:8px 12px}.sv-entregar{color:#fff;cursor:pointer;font-size:12px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#1e40af;border:none;border-radius:9px;flex:1;padding:8px 12px}.sv-entregar:hover{filter:brightness(1.08)}.sv-exitoso-alt{color:#166534;cursor:pointer;font-size:12px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#fff;border:1.5px solid #86efac;border-radius:9px;padding:7px}.sv-estado{font-size:12px;font-weight:800;font-family:var(--body-font,"Quicksand",sans-serif);border-radius:8px;padding:6px 10px}.sv-estado.sv-pend{color:#92400e;background:#fef3c7}.sv-estado.sv-recibido{color:#166534;background:#dcfce7}.sv-devolucion{background:#f8fafc;border-radius:10px;flex-direction:column;gap:6px;padding:8px;display:flex}.sv-dev-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:4px;padding:5px 6px;display:flex}.sv-dev-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.sv-dev-top .sv-item-name{color:#334155;font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif)}.sv-dev-btns{gap:4px;display:flex}.sv-dev-btns button{color:#64748b;cursor:pointer;font-size:10px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:3px 8px}.sv-dev-btns button.ok{color:#166534;background:#dcfce7;border-color:#86efac}.sv-dev-btns button.nov{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.sv-dev-nota{font-size:11px;font-family:var(--body-font,"Quicksand",sans-serif);border:1.5px solid #fca5a5;border-radius:7px;padding:5px 8px}.sv-dev-nota:focus{border-color:#dc2626;outline:none}.sv-obs{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin:8px 0;padding:10px 12px}.sv-obs-head{color:#475569;font-size:12px;font-weight:800;font-family:var(--body-font,"Quicksand",sans-serif);margin-bottom:6px}.sv-obs-item{border-top:1px dashed #e2e8f0;flex-wrap:wrap;align-items:center;gap:8px;padding:5px 0;display:flex}.sv-obs-item:first-of-type{border-top:none}.sv-obs-name{color:#334155;font-size:13px;font-family:var(--body-font,"Quicksand",sans-serif)}.sv-obs-name b{color:#64748b;font-weight:700}.sv-obs-badge{font-size:11px;font-weight:800;font-family:var(--body-font,"Quicksand",sans-serif);border-radius:20px;padding:2px 8px}.sv-obs-badge.ok{color:#166534;background:#dcfce7}.sv-obs-badge.nov{color:#b91c1c;background:#fee2e2}.sv-obs-nota{color:#b91c1c;font-size:12px;font-style:italic;font-family:var(--body-font,"Quicksand",sans-serif);flex-basis:100%}.sv-descuentos{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;margin-top:10px;padding:10px 12px}.sv-desc-total{color:#b91c1c;font-weight:800}.sv-desc-row{align-items:center;gap:6px;margin-bottom:6px;display:flex}.sv-desc-motivo{font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif);border:1.5px solid #e2e8f0;border-radius:8px;flex:1;padding:6px 8px}.sv-desc-valor{text-align:right;width:100px;font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif);border:1.5px solid #e2e8f0;border-radius:8px;padding:6px 8px}.sv-desc-del{color:#cbd5e1;cursor:pointer;background:#fff;border:none;border-radius:6px;padding:4px 6px;font-size:13px}.sv-desc-del:hover{color:#ef4444;background:#fee2e2}.sv-desc-add{color:#c2410c;cursor:pointer;font-size:12px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#fff;border:1.5px solid #fed7aa;border-radius:8px;padding:7px 12px}.sv-card-head{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.sv-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:15px;line-height:1}.sv-card.collapsed{padding-bottom:12px}.sv-collapsed-sum{cursor:pointer;color:#64748b;font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif);flex-wrap:wrap;gap:6px 14px;margin-top:6px;padding-left:26px;display:flex}.ad-layout{min-height:100vh;background:#fff5f7;min-height:100dvh;display:flex}.ad-page{flex:1;padding:22px 26px;overflow-y:auto}.ad-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.ad-title{color:var(--primary-color,#f5526d);font-size:22px;font-family:var(--header-font,"Fredoka",sans-serif);margin:0}.ad-subtitle{color:#94a3b8;font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif)}.ad-new{background:var(--primary-color,#f5526d);color:#fff;cursor:pointer;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);border:none;border-radius:22px;padding:9px 16px}.ad-toast{color:#fff;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#16a34a;border-radius:12px;margin-bottom:14px;padding:10px 16px}.ad-loading,.ad-empty{text-align:center;color:#94a3b8;font-family:var(--body-font,"Quicksand",sans-serif);padding:30px}.ad-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.ad-card{background:#fff;border:1px solid #f5526d1f;border-radius:14px;flex-direction:column;gap:8px;padding:14px;display:flex;box-shadow:0 3px 12px #0000000d}.ad-card.off{opacity:.6}.ad-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.ad-card-name{color:#1e293b;font-size:15px;font-weight:800;font-family:var(--body-font,"Quicksand",sans-serif)}.ad-card-price{color:var(--primary-color,#f5526d);font-size:14px;font-weight:800}.ad-card-desc{color:#64748b;font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif);margin:0}.ad-card-actions{gap:6px;margin-top:4px;display:flex}.ad-toggle{color:#64748b;cursor:pointer;font-size:11px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;flex:1;padding:6px}.ad-toggle.on{color:#166534;background:#dcfce7;border-color:#86efac}.ad-edit{color:var(--primary-color,#f5526d);cursor:pointer;font-size:11px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#f5526d0d;border:1.5px solid #f5526d40;border-radius:8px;padding:6px 10px}.ad-del{cursor:pointer;background:#fff;border:none;border-radius:8px;padding:6px 8px;font-size:13px}.ad-del:hover{background:#fee2e2}.ad-modal-overlay{z-index:2000;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ad-modal{background:#fff;border-radius:16px;flex-direction:column;gap:6px;width:420px;max-width:100%;padding:22px;display:flex}.ad-modal h2{color:var(--primary-color,#f5526d);font-size:18px;font-family:var(--header-font,"Fredoka",sans-serif);margin:0 0 8px}.ad-modal label{color:#64748b;font-size:12px;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);margin-top:6px}.ad-modal input,.ad-modal textarea{font-size:13px;font-family:var(--body-font,"Quicksand",sans-serif);resize:vertical;border:1.5px solid #e2e8f0;border-radius:8px;padding:8px 10px}.ad-modal input:focus,.ad-modal textarea:focus{border-color:var(--primary-color,#f5526d);outline:none}.ad-modal-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.ad-cancel{color:#64748b;cursor:pointer;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;padding:9px 16px}.ad-save{background:var(--primary-color,#f5526d);color:#fff;cursor:pointer;font-weight:700;font-family:var(--body-font,"Quicksand",sans-serif);border:none;border-radius:10px;padding:9px 20px}@media (max-width:768px){.ad-page{padding:16px 14px 80px}}.ad-cat-group{margin-bottom:22px}.ad-cat-title{color:#334155;font-size:15px;font-weight:800;font-family:var(--body-font,"Quicksand",sans-serif);align-items:center;gap:8px;margin:0 0 10px;display:flex}.ad-cat-count{color:#94a3b8;background:#f1f5f9;border-radius:20px;padding:1px 8px;font-size:11px;font-weight:700}.tc-page{background:var(--background-light,#fffbfb);box-sizing:border-box;justify-content:center;min-height:100vh;padding:40px 16px 80px;display:flex}.tc-container{width:100%;max-width:820px;box-shadow:var(--box-shadow,0 4px 12px #00000014);box-sizing:border-box;background:#fff;border-radius:18px;padding:36px 40px}.tc-title{font-family:var(--header-font,"Fredoka",sans-serif);color:var(--primary-color,#f5526d);text-align:center;margin:0 0 10px;font-size:clamp(1.5rem,4vw,2.1rem)}.tc-intro{font-family:var(--body-font,"Quicksand",sans-serif);color:var(--text-light,#555);text-align:center;margin:0 0 28px;font-size:14px;line-height:1.6}.tc-list{counter-reset:tc;flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.tc-item{counter-increment:tc;border-left:3px solid #f5526d40;padding-left:16px}.tc-item-title{font-family:var(--header-font,"Fredoka",sans-serif);color:var(--text-dark,#333);margin:0 0 6px;font-size:15px}.tc-item-title:before{content:counter(tc)". ";color:var(--primary-color,#f5526d);font-weight:800}.tc-item-text,.tc-sublist{font-family:var(--body-font,"Quicksand",sans-serif);color:var(--text-light,#555);margin:0;font-size:13.5px;line-height:1.65}.tc-sublist{flex-direction:column;gap:6px;padding-left:18px;display:flex}.tc-foot{text-align:center;color:#94a3b8;font-size:12px;font-family:var(--body-font,"Quicksand",sans-serif);border-top:1px solid #eee;margin:30px 0 0;padding-top:16px}@media (max-width:640px){.tc-container{padding:24px 18px}}