@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-0:#f8fafc;--bg-1:#fff9;--bg-2:#ffffffe6;--bg-3:#fff;--bg-glass:#f8fafccc;--border-1:#0f172a0f;--border-2:#0f172a1f;--border-3:#0f172a33;--border-accent:#4f46e54d;--text-0:#0f172a;--text-1:#334155;--text-2:#64748b;--text-3:#94a3b8;--fg-0:var(--text-0);--fg-1:var(--text-1);--fg-2:var(--text-2);--fg-3:var(--text-3);--accent:#4f46e5;--accent-light:#6366f1;--accent-glow:#4f46e51a;--accent-glow-strong:#4f46e540;--green:#059669;--green-glow:#05966926;--amber:#d97706;--amber-glow:#d9770626;--red:#dc2626;--red-glow:#dc262626;--font-ar:"Cairo", "Segoe UI", sans-serif;--font-en:"Outfit", "Segoe UI", sans-serif;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-full:9999px;--shadow-sm:0 4px 6px -1px #0000000d;--shadow-md:0 8px 16px -2px #00000014;--shadow-lg:0 16px 32px -4px #0000001a;--shadow-card:0 10px 40px #0000000f, inset 0 1px 0 #fff9}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:15px}body{font-family:var(--font-ar);background-color:var(--bg-0);color:var(--text-1);background-image:radial-gradient(circle at 15%,#6366f10d,#0000 30%),radial-gradient(circle at 85% 30%,#a855f70a,#0000 30%);background-attachment:fixed;min-height:100vh;line-height:1.65;overflow-x:hidden}[dir=ltr] body,[dir=ltr] input,[dir=ltr] textarea,[dir=ltr] select,[dir=ltr] button{font-family:var(--font-en)}#root{flex-direction:column;min-height:100vh;display:flex}.field{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.field__label{color:var(--text-1);letter-spacing:.2px;font-size:.9rem;font-weight:600}.field__input{background:var(--bg-1);border:1px solid var(--border-1);color:var(--text-0);border-radius:var(--r-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);outline:none;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000001a}.field__input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow-strong), inset 0 2px 4px #0000001a;background:var(--bg-2)}.field__input::placeholder{color:var(--text-3)}.btn{border-radius:var(--r-md);cursor:pointer;letter-spacing:.3px;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn--primary{background:linear-gradient(135deg, var(--accent), #818cf8);color:#fff;box-shadow:0 4px 15px var(--accent-glow-strong);border:1px solid #ffffff1a}.btn--primary:hover{box-shadow:0 8px 25px var(--accent-glow-strong);filter:brightness(1.1);transform:translateY(-2px)}.btn--ghost{background:var(--bg-1);color:var(--text-0);border-color:var(--border-1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn--ghost:hover{background:var(--bg-2);border-color:var(--border-2);transform:translateY(-1px)}.btn--success{background:linear-gradient(135deg, var(--green), #34d399);color:#fff;border:1px solid #ffffff1a}.btn--success:hover{filter:brightness(1.1);box-shadow:0 8px 25px var(--green-glow);transform:translateY(-2px)}.btn--danger-ghost{color:var(--red);border-color:var(--border-1);background:0 0}.btn--danger-ghost:hover{color:#f87171;background:var(--red-glow);border-color:#ef444433}.btn--sm{padding:8px 14px;font-size:.85rem}.btn--xs{padding:6px 12px;font-size:.8rem}.btn--full{width:100%}.btn--lg{padding:14px 28px;font-size:1rem}.icon-btn{color:var(--text-2);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.icon-btn:hover{background:var(--bg-2);color:var(--text-0);border-color:var(--border-1)}.icon-btn--danger:hover{background:var(--red-glow);color:var(--red);border-color:#ef444433}.login-page{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.login-card{background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--r-xl);z-index:1;width:480px;max-width:90vw;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:56px 48px;position:relative}.login-logo{justify-content:center;align-items:center;gap:16px;margin-bottom:16px;display:flex}.login-logo__icon{background:linear-gradient(135deg, var(--accent), #a855f7);border-radius:var(--r-lg);color:#fff;width:56px;height:56px;box-shadow:0 8px 20px var(--accent-glow-strong);justify-content:center;align-items:center;display:flex}.login-logo__text{color:var(--text-0);letter-spacing:-.5px;font-size:2rem;font-weight:800}.login-subtitle{text-align:center;color:var(--text-2);margin-bottom:40px;font-size:1rem}.login-error{background:var(--red-glow);color:#f87171;border-radius:var(--r-md);text-align:center;border:1px solid #ef444433;margin-bottom:20px;padding:12px 16px;font-size:.9rem}.dashboard{background:0 0;height:100vh;display:flex;overflow:hidden}.dash-sidebar{background:var(--bg-1);border-inline-end:1px solid var(--border-1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;width:280px;padding:32px 20px;display:flex}.dash-brand{align-items:center;gap:12px;margin-bottom:40px;padding:0 8px;display:flex}.dash-brand__icon{background:linear-gradient(135deg, var(--accent), #a855f7);color:#fff;border-radius:var(--r-sm);width:36px;height:36px;box-shadow:0 4px 12px var(--accent-glow-strong);justify-content:center;align-items:center;display:flex}.dash-brand__text{color:var(--text-0);letter-spacing:-.2px;font-size:1.25rem;font-weight:800}.dash-nav{flex-direction:column;flex:1;gap:8px;display:flex}.dash-nav__link{border-radius:var(--r-md);color:var(--text-2);border:1px solid #0000;align-items:center;gap:14px;padding:12px 16px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.dash-nav__link:hover{background:var(--bg-2);color:var(--text-0);border-color:var(--border-1);transform:translate(4px)}[dir=rtl] .dash-nav__link:hover{transform:translate(-4px)}.dash-nav__link--active{background:var(--bg-2);color:var(--accent-light);border-color:var(--border-1);box-shadow:inset 4px 0 0 var(--accent);font-weight:700}.dash-nav__link svg{width:20px;height:20px;transition:transform .3s}.dash-nav__link:hover svg{transform:scale(1.1)}.dash-user{border-top:1px solid var(--border-1);align-items:center;gap:14px;margin-top:auto;margin-bottom:0;padding-top:24px;padding-bottom:8px;display:flex}.dash-user__avatar{background:linear-gradient(135deg, var(--accent), #a855f7);color:#fff;width:44px;height:44px;box-shadow:0 4px 10px var(--accent-glow);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.dash-user__info{flex-direction:column;display:flex}.dash-user__name{color:var(--text-0);font-size:.95rem;font-weight:700}.dash-user__email{color:var(--text-3);font-size:.8rem}.dash-content{flex:1;overflow-y:auto}.dash-page-content{padding:40px 48px}.dash-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.dash-title{color:var(--text-0);letter-spacing:-.5px;font-size:2.2rem;font-weight:800}.stat-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--r-xl);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:28px;transition:transform .3s,box-shadow .3s}.stat-card:hover{border-color:var(--border-2);transform:translateY(-4px);box-shadow:0 20px 40px #0006,inset 0 1px #ffffff1a}.stat-card__title{color:var(--text-2);margin-bottom:12px;font-size:.95rem;font-weight:600}.stat-card__value{color:var(--text-0);text-shadow:0 2px 10px #ffffff1a;font-size:2.5rem;font-weight:800}.stat-card__trend{color:var(--green);align-items:center;gap:6px;margin-top:12px;font-size:.85rem;font-weight:600;display:flex}.data-table{border-collapse:separate;border-spacing:0;background:var(--bg-1);border-radius:var(--r-xl);width:100%;box-shadow:var(--shadow-card);border:1px solid var(--border-1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:visible}.data-table th{background:var(--bg-2);text-align:start;color:var(--text-2);border-bottom:1px solid var(--border-1);letter-spacing:.5px;text-transform:uppercase;padding:18px 24px;font-size:.9rem;font-weight:700}.data-table th:first-child{border-top-inline-start-radius:var(--r-xl)}.data-table th:last-child{border-top-inline-end-radius:var(--r-xl)}.data-table td{border-bottom:1px solid var(--border-1);color:var(--text-1);padding:20px 24px;font-size:1rem;font-weight:500}.data-table tr:last-child td{border-bottom:none}.data-table tr:last-child td:first-child{border-bottom-inline-start-radius:var(--r-xl)}.data-table tr:last-child td:last-child{border-bottom-inline-end-radius:var(--r-xl)}.data-table tr{transition:background .2s}.data-table tr:hover td{background:var(--bg-2)}.status-badge{border-radius:var(--r-full);align-items:center;padding:6px 14px;font-size:.8rem;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff1a}.status-badge--active{color:#065f46;background:#d1fae5;border:1px solid #0596694d}.premium-select{appearance:none;background-color:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--r-md);color:var(--text-0);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:12px;background-repeat:no-repeat;outline:none;padding:10px 16px 10px 40px;font-family:inherit;font-size:1rem;transition:all .2s;box-shadow:0 2px 5px #00000005}.premium-select[dir=ltr]{background-position:right 12px center;padding:10px 40px 10px 16px}.premium-select:hover{border-color:var(--border-2);background-color:var(--bg-2)}.premium-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.status-badge--draft{background:var(--amber-glow);color:#fbbf24;border:1px solid #f59e0b4d}.builder{background:var(--bg-0);grid-template-rows:56px 1fr;grid-template-columns:210px 1fr 288px;height:100vh;display:grid;overflow:hidden}.hdr{background:var(--bg-3);border-bottom:1px solid var(--border-1);z-index:100;grid-column:1/-1;align-items:center;gap:0;padding:0 12px;display:flex;box-shadow:0 1px 3px #0000000a}.hdr__brand{border-inline-end:1px solid var(--border-1);flex-shrink:0;align-items:center;gap:8px;margin-inline-end:4px;padding-inline-end:12px;text-decoration:none;display:flex}.hdr__brand-icon{background:linear-gradient(135deg, var(--accent), #a855f7);color:#fff;width:28px;height:28px;box-shadow:0 2px 6px var(--accent-glow-strong);border-radius:8px;justify-content:center;align-items:center;display:flex}.hdr__brand-name{color:var(--text-0);white-space:nowrap;font-size:.88rem;font-weight:700}.hdr__actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.hdr__divider{background:var(--border-2);flex-shrink:0;width:1px;height:18px;margin:0 4px}.toolbox{background:var(--bg-3);border-inline-end:1px solid var(--border-1);flex-direction:column;display:flex;overflow:hidden}.toolbox__scroll{flex:1;overflow-y:auto}.toolbox__group{padding:14px 10px 8px}.toolbox__group+.toolbox__group{border-top:1px solid var(--border-1)}.toolbox__label{color:var(--text-3);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:6px;padding:0 4px;font-size:.62rem;font-weight:800}.toolbox__list{flex-direction:column;gap:1px;display:flex}.tool-btn{border-radius:var(--r-sm);color:var(--text-1);cursor:pointer;text-align:start;background:0 0;border:none;flex-direction:row;align-items:center;gap:9px;width:100%;padding:7px 10px;font-family:inherit;font-size:.82rem;font-weight:500;line-height:1.35;transition:background .12s,color .12s;display:flex}.tool-btn:hover{background:var(--accent-glow);color:var(--accent)}.tool-btn svg{width:15px;height:15px;color:var(--text-3);flex-shrink:0;transition:color .12s}.tool-btn:hover svg{color:var(--accent)}.canvas-area{background:var(--bg-0);padding:28px 40px 80px;overflow-y:auto}.page-tabs{border-bottom:1px solid var(--border-1);align-items:center;gap:6px;margin-bottom:20px;padding-bottom:10px;display:flex}.page-tab{border-radius:var(--r-sm);cursor:pointer;color:var(--text-2);background:0 0;border:1px solid #0000;padding:6px 14px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .15s}.page-tab:hover{background:var(--bg-1);color:var(--text-0)}.page-tab--active{background:var(--bg-2);color:var(--accent-light);border-color:var(--border-2)}.empty-canvas{border:2px dashed var(--border-2);border-radius:var(--r-xl);text-align:center;background:var(--bg-3);flex-direction:column;justify-content:center;align-items:center;padding:64px 24px;transition:border-color .2s,background .2s;display:flex}.empty-canvas:hover{border-color:var(--accent);background:var(--bg-2)}.empty-canvas svg{width:40px;height:40px;color:var(--text-3);margin-bottom:14px}.empty-canvas__title{color:var(--text-1);margin-bottom:6px;font-size:1rem;font-weight:700}.empty-canvas__sub{color:var(--text-3);max-width:280px;font-size:.85rem;line-height:1.6}.qcard{background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--r-xl);cursor:pointer;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);margin-bottom:24px;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.qcard:hover{border-color:var(--border-3);transform:translateY(-2px);box-shadow:0 16px 40px #0006}.qcard--selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent), 0 16px 40px #00000080}.qcard__top{align-items:center;gap:16px;margin-bottom:24px;display:flex}.qcard__grip{cursor:grab;color:var(--text-3);opacity:0;border-radius:var(--r-xs);padding:6px;transition:all .2s;display:flex}.qcard__grip:hover{background:var(--bg-2);color:var(--text-0)}.qcard:hover .qcard__grip{opacity:1}.qcard__num{background:linear-gradient(135deg, var(--bg-2), var(--bg-3));width:36px;height:36px;color:var(--text-0);border:1px solid var(--border-1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:flex;box-shadow:inset 0 2px 4px #ffffff0d}.qcard--selected .qcard__num{background:linear-gradient(135deg, var(--accent), #a855f7);color:#fff;border-color:#0000}.qcard__title-wrap{flex:1}.qcard__badge{color:var(--text-2);background:var(--bg-2);border-radius:var(--r-sm);border:1px solid var(--border-1);align-items:center;gap:6px;margin-top:8px;padding:4px 10px;font-size:.85rem;font-weight:600;display:inline-flex}.qcard__badge svg{width:16px;height:16px}.qcard__actions{opacity:0;gap:8px;transition:opacity .2s;display:flex}.qcard:hover .qcard__actions,.qcard--selected .qcard__actions{opacity:1}.qcard__required-tag{color:#f87171;margin-inline-start:6px;font-weight:800}.qcard__bilingual-inputs{flex-direction:column;gap:12px;width:100%;display:flex}.qcard__input-group{background:var(--bg-0);border:1px solid var(--border-1);border-radius:var(--r-sm);align-items:center;gap:12px;padding:4px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:inset 0 2px 4px #0000000d}.qcard__input-group:focus-within{border-color:var(--accent);background:var(--bg-3);box-shadow:0 0 0 3px var(--accent-glow), inset 0 2px 4px #00000005}.qcard__lang-tag{color:var(--text-3);background:var(--bg-2);letter-spacing:.5px;border:1px solid var(--border-1);border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:.65rem;font-weight:800}.qcard__input-group:focus-within .qcard__lang-tag{color:var(--accent);background:var(--accent-glow);border-color:var(--accent-light)}.qcard__title{color:var(--text-0);background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-family:inherit;font-size:1.1rem;font-weight:700}.qcard__preview{border-top:1px dashed var(--border-2);margin-top:24px;padding-top:24px}.preview-input,.preview-textarea{background:var(--bg-0);border:1px solid var(--border-1);width:100%;color:var(--text-1);border-radius:var(--r-md);pointer-events:none;padding:14px 18px;font-family:inherit;font-size:1rem;box-shadow:inset 0 2px 6px #0003}.preview-textarea{resize:none;min-height:100px}.preview-options{flex-direction:column;gap:12px;display:flex}.preview-option{background:var(--bg-0);border:1px solid var(--border-1);border-radius:var(--r-md);color:var(--text-1);align-items:center;gap:14px;padding:14px 18px;font-size:1rem;font-weight:600;display:flex;box-shadow:inset 0 2px 4px #0000001a}.preview-radio{border:2px solid var(--text-3);background:var(--bg-1);border-radius:50%;flex-shrink:0;width:24px;height:24px}.preview-checkbox{border:2px solid var(--text-3);background:var(--bg-1);border-radius:6px;flex-shrink:0;width:24px;height:24px}.preview-stars{align-items:center;gap:10px;display:flex}.preview-star{color:var(--border-3);transition:all .2s}.preview-star--filled{color:#fbbf24;filter:drop-shadow(0 0 6px #fbbf2466)}.preview-scale{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.preview-scale__item{background:var(--bg-0);border:1px solid var(--border-1);border-radius:var(--r-md);width:52px;height:52px;color:var(--text-1);justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex;box-shadow:inset 0 2px 4px #0000001a}.preview-scale__labels{color:var(--text-2);justify-content:space-between;margin-top:12px;font-size:.9rem;font-weight:600;display:flex}.preview-yesno{gap:16px;display:flex}.preview-yesno__btn{background:var(--bg-0);border:1px solid var(--border-1);border-radius:var(--r-md);color:var(--text-1);text-align:center;flex:1;padding:16px;font-size:1.05rem;font-weight:700;box-shadow:inset 0 2px 4px #0000001a}.preview-upload{border:2px dashed var(--border-3);border-radius:var(--r-lg);text-align:center;color:var(--text-2);background:var(--bg-1);padding:40px;font-weight:600}.preview-upload svg{color:var(--text-3);width:40px;height:40px;margin-bottom:16px}.preview-date{background:var(--bg-0);border:1px solid var(--border-1);border-radius:var(--r-md);color:var(--text-2);align-items:center;gap:12px;padding:14px 18px;font-size:1rem;font-weight:600;display:flex;box-shadow:inset 0 2px 4px #0000001a}.props{background:var(--bg-3);border-inline-start:1px solid var(--border-1);padding:20px;overflow-y:auto}.props__empty{height:100%;color:var(--text-3);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.props__heading{color:var(--text-1);border-bottom:1px solid var(--border-1);align-items:center;gap:8px;margin-bottom:14px;padding-bottom:12px;font-size:.92rem;font-weight:700;display:flex}.fg{margin-bottom:16px}.fg__label{color:var(--text-1);letter-spacing:.2px;margin-bottom:8px;font-size:.85rem;font-weight:700;display:block}.fg__input,.fg__select{background:var(--bg-1);border:1.5px solid var(--border-2);width:100%;color:var(--text-0);border-radius:var(--r-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);outline:none;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #00000005}.fg__input:hover,.fg__select:hover{border-color:var(--text-3);background:var(--bg-2)}.fg__input:focus,.fg__select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow-strong), 0 4px 12px var(--accent-glow);background:var(--bg-3)}.toggle-row{border-bottom:1px solid var(--border-1);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.toggle-row__label{color:var(--text-1);font-size:.85rem;font-weight:600}.toggle{background:var(--bg-0);border:1px solid var(--border-2);border-radius:var(--r-full);cursor:pointer;width:52px;height:28px;transition:all .3s;position:relative;box-shadow:inset 0 2px 4px #0003}.toggle:after{content:"";background:var(--text-2);top:2px;border-radius:50%;width:22px;height:22px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset-inline-start:3px;box-shadow:0 2px 5px #0006}.toggle--on{background:linear-gradient(135deg, var(--accent), #a855f7);border-color:#0000}.toggle--on:after{background:#fff;inset-inline-start:27px}.opts-list{flex-direction:column;gap:12px;display:flex}.opt-row{align-items:center;gap:10px;display:flex}.opt-row__input{background:var(--bg-0);border:1px solid var(--border-1);color:var(--text-0);border-radius:var(--r-sm);outline:none;flex:1;padding:10px 14px;font-size:.95rem;transition:all .2s;box-shadow:inset 0 2px 4px #0000001a}.opt-row__input:focus{border-color:var(--accent);background:var(--bg-2)}.preview-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#0b0e14d9;flex-direction:column;align-items:center;padding:40px 20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.preview-toolbar{background:var(--bg-1);border-radius:var(--r-full);box-shadow:var(--shadow-lg);z-index:10;border:1px solid var(--border-1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);gap:12px;margin-bottom:32px;padding:10px 20px;display:flex;position:sticky;top:0}.device-btn{color:var(--text-2);border-radius:var(--r-full);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:10px 20px;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .3s;display:flex}.device-btn:hover{color:var(--text-0);background:var(--bg-2)}.device-btn--active{background:linear-gradient(135deg, var(--accent), #818cf8);color:#fff;box-shadow:0 4px 12px var(--accent-glow-strong)}.device-btn--active:hover{color:#fff;filter:brightness(1.1)}.preview-modal{background:var(--bg-1);border:1px solid var(--border-2);border-radius:var(--r-xl);flex-shrink:0;width:100%;transition:width .4s cubic-bezier(.4,0,.2,1);animation:.4s cubic-bezier(.4,0,.2,1) slideUp;overflow:hidden;box-shadow:0 40px 80px -20px #0009}.preview-modal--desktop{max-width:900px}.preview-modal--tablet{max-width:640px}.preview-modal--mobile{border:10px solid #000;border-radius:40px;max-width:400px;box-shadow:0 0 0 2px #333,0 40px 80px -20px #000c}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(60px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.preview-modal__header{border-bottom:1px solid var(--border-1);background:var(--bg-0);justify-content:space-between;align-items:flex-start;padding:40px 40px 32px;display:flex}.preview-modal__title{color:var(--text-0);letter-spacing:-.5px;margin-bottom:12px;font-size:1.8rem;font-weight:800}.preview-modal__desc{color:var(--text-2);font-size:1.05rem;line-height:1.7}.preview-modal__body{background:var(--bg-1);padding:40px}.preview-q{border-bottom:1px solid var(--border-1);margin-bottom:48px;padding-bottom:48px}.preview-q:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.preview-q__label{color:var(--text-0);align-items:baseline;gap:10px;margin-bottom:20px;font-size:1.2rem;font-weight:700;display:flex}.preview-q__num{color:var(--accent-light);font-size:1.1rem;font-weight:800}.preview-q__required{color:#f87171}.preview-modal__body .preview-input,.preview-modal__body .preview-textarea{background:var(--bg-0);border-color:var(--border-2);pointer-events:auto}.preview-modal__body .preview-input:focus,.preview-modal__body .preview-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow);background:var(--bg-2);outline:none}.preview-modal__body .preview-option{background:var(--bg-1);border-color:var(--border-2);cursor:pointer;transition:all .3s}.preview-modal__body .preview-option:hover{background:var(--bg-2);border-color:var(--accent-light);transform:translateY(-1px)}.preview-modal__body .preview-radio,.preview-modal__body .preview-checkbox{border-color:var(--text-3);transition:all .2s}.preview-modal__body .preview-option input:checked+.preview-radio{border-color:var(--accent);background:var(--bg-0);border-width:7px}.preview-modal__body .preview-option input:checked+.preview-checkbox{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow-strong)}@keyframes spin{to{transform:rotate(360deg)}}.spin,.animate-spin{animation:1s linear infinite spin}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:-9999px;background:var(--accent);color:#fff;border-radius:0 0 var(--r-md) var(--r-md);z-index:9999;padding:10px 18px;font-size:.9rem;font-weight:700;text-decoration:none;transition:top .1s;position:absolute;inset-inline-start:16px}.skip-link:focus{top:0}.dash-user__role{color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;font-size:.72rem}.dash-mobile-header{border-bottom:1px solid var(--border-1);background:var(--bg-1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);align-items:center;gap:14px;margin-bottom:0;padding:14px 16px;display:none}.dash-mobile-title{color:var(--text-0);font-size:1.05rem;font-weight:800}.dash-hamburger{border:1px solid var(--border-1);color:var(--text-1);cursor:pointer;border-radius:var(--r-sm);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex}.dash-hamburger:hover{background:var(--bg-2)}.dash-sidebar-close{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;margin-inline-start:auto;padding:6px;display:none}.dash-sidebar-close:hover{background:var(--bg-2)}.dash-sidebar-overlay{z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;animation:.2s fadeIn;position:fixed;inset:0}@media (width<=1024px){.dash-sidebar{width:240px}.dash-page-content{padding:32px 36px}.dash-title{font-size:1.8rem}}@media (width<=768px){.dashboard{position:relative}.dash-sidebar{z-index:200;width:280px;box-shadow:none;transition:inset-inline-start .3s cubic-bezier(.4,0,.2,1);position:fixed;inset-block:0;inset-inline-start:-300px}.dash-sidebar--open{box-shadow:var(--shadow-lg);inset-inline-start:0}[dir=rtl] .dash-sidebar{inset-inline:auto -300px}[dir=rtl] .dash-sidebar--open{inset-inline-end:0}.dash-sidebar-close,.dash-mobile-header{display:flex}.dash-content{flex-direction:column;height:100vh;padding:0;display:flex;overflow-y:auto}.dash-page-content{flex:1;padding:20px 16px}.dash-title{font-size:1.5rem}.dash-header{flex-wrap:wrap;gap:12px;margin-bottom:20px}.stat-cards{grid-template-columns:1fr;gap:14px;margin-bottom:20px}.data-table-wrapper{overflow-x:visible}.data-table{min-width:0;font-size:.85rem}.data-table thead{display:none}.data-table tbody{flex-direction:column;gap:10px;display:flex}.data-table tr{background:var(--bg-2);border:1px solid var(--border-1);border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.data-table td{border:none;justify-content:space-between;align-items:center;padding:4px 0;font-size:.85rem;display:flex}.data-table td:before{content:attr(data-label);color:var(--text-2);flex-shrink:0;margin-inline-end:12px;font-size:.78rem;font-weight:700}.data-table td:last-child{justify-content:flex-end}.builder{grid-template-columns:1fr}.toolbox,.props{display:none}.login-card{width:calc(100vw - 48px);padding:36px 24px}}@media (width<=480px){.dash-page-content{padding:16px 12px}.stat-card{padding:20px}.stat-card__value{font-size:2rem}.login-card{padding:28px 20px}.btn{padding:9px 16px;font-size:.85rem}.dash-title{font-size:1.35rem}}@media (width<=375px){.dash-page-content{padding:12px 8px}.dash-header{padding:0}.dash-title{font-size:1.2rem}.stat-card{padding:16px}.stat-card__value{font-size:1.7rem}.data-table tr{padding:12px}.btn{padding:8px 12px;font-size:.82rem}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg, var(--bg-2) 25%, var(--bg-3) 50%, var(--bg-2) 75%);border-radius:var(--r-md);background-size:800px 100%;animation:1.4s infinite shimmer}.skeleton--text{height:1em;margin-bottom:.5em}.skeleton--card{border-radius:var(--r-xl);height:100px}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0b0e1499;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-1);border:1px solid var(--border-2);border-radius:var(--r-xl);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);width:100%;max-width:460px;padding:32px;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;position:relative;box-shadow:0 20px 60px #0000004d}.modal-close{top:20px;color:var(--text-2);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex;position:absolute;inset-inline-end:20px}.modal-close:hover{background:var(--bg-2);color:var(--text-0)}.confirm-modal{text-align:center;padding:40px 32px 32px}.confirm-modal__icon{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;display:flex}.confirm-modal__title{color:var(--text-0);margin-bottom:12px;font-size:1.25rem;font-weight:800}.confirm-modal__desc{color:var(--text-2);margin-bottom:32px;font-size:.95rem;line-height:1.6}.confirm-modal__actions{justify-content:center;gap:12px;display:flex}.confirm-modal__actions .btn{flex:1}.integrations-container{flex-direction:column;gap:20px;display:flex}.integrations-header-section{margin-bottom:8px}.integrations-header-title{color:var(--text-0);letter-spacing:-.5px;margin-bottom:4px;font-size:1.8rem;font-weight:800}.integrations-header-sub{color:var(--text-2);font-size:.95rem}.integrations-nav-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;gap:8px;padding:4px 2px 8px;display:flex;overflow-x:auto}.integrations-nav-tabs::-webkit-scrollbar{display:none}.integrations-nav-btn{border-radius:var(--r-md);cursor:pointer;color:var(--text-2);white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s ease-in-out;display:inline-flex}.integrations-content-card{background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--r-xl);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:all .3s;overflow:hidden}.integrations-card-header{border-bottom:1px solid var(--border-1);background:var(--bg-2);align-items:center;gap:14px;padding:24px 28px;display:flex}.integrations-card-header-icon{color:var(--accent);background:var(--bg-3);border-radius:var(--r-sm);border:1px solid var(--border-1);justify-content:center;align-items:center;padding:8px;display:flex}.integrations-card-title{color:var(--text-0);margin:0;font-size:1.15rem;font-weight:700}.integrations-card-desc{color:var(--text-2);margin:2px 0 0;font-size:.8rem}.integrations-card-body{padding:28px}@media (width<=768px){.integrations-header-title{font-size:1.5rem}.integrations-nav-tabs{margin-bottom:12px}.integrations-card-header{padding:18px 20px}.integrations-card-body{padding:20px}}.crm-select-card{text-align:start;border-radius:var(--r-md);background:var(--bg-3);border:1.5px solid var(--border-2);cursor:pointer;outline:none;flex-direction:column;align-items:flex-start;gap:12px;width:100%;padding:18px;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}[dir=rtl] .crm-select-card{text-align:right;align-items:flex-start}.crm-select-card:hover{border-color:var(--text-3);box-shadow:var(--shadow-md);transform:translateY(-2px)}.crm-select-card--active{background:var(--bg-glass);border-color:var(--accent)!important;box-shadow:0 0 0 1px var(--accent), 0 8px 20px var(--accent-glow-strong)!important}.crm-select-card__icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .25s;display:flex}.crm-select-card--active .crm-select-card__icon{transform:scale(1.05);box-shadow:0 4px 12px #0000002e}.api-key-mask{background:var(--bg-3);border:1px solid var(--border-2);border-radius:var(--r-xs);color:var(--text-2);letter-spacing:.01em;-webkit-user-select:all;user-select:all;direction:ltr;unicode-bidi:embed;align-items:center;gap:0;padding:3px 8px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.8rem;display:inline-flex}.api-key-mask__prefix{color:var(--text-1);font-weight:600}.api-key-mask__dots{color:var(--text-3);letter-spacing:.05em}.integrations-nav-btn:hover{background:linear-gradient(135deg, var(--bg-2), var(--bg-3));color:var(--text-0);border-color:var(--border-2);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.integrations-nav-btn--active{background:linear-gradient(135deg, var(--bg-3), #4f46e50f);color:var(--accent);border-color:var(--border-accent);box-shadow:var(--shadow-sm), inset 0 -2px 0 var(--accent)}