:root{--bg-app:#F4F7F7;--bg-card:#FFFFFF;--bg-header:#143B40;--bg-header-2:#1B4A52;--bg-header-3:#0E2D32;--brand-mint:#5FE3C0;--brand-mint-2:#B8F2E3;--brand-mint-3:#E6FAF3;--brand-yellow:#FFE08A;--brand-yellow-bg:#FFF6D6;--brand-yellow-strong:#F2B400;--text-primary:#0F2A2E;--text-secondary:#5B6B72;--text-tertiary:#98A4AB;--text-on-dark:#FFFFFF;--border:#E6EAEC;--border-strong:#D2D9DD;--danger:#E5484D;--danger-bg:#FCEDED;--success:#2EBD85;--shadow-card:0 1px 2px rgba(15,42,46,0.04);--shadow-dropdown:0 12px 32px rgba(15,42,46,0.12),0 2px 6px rgba(15,42,46,0.06);--shadow-modal:0 24px 64px rgba(15,42,46,0.18);--r-card:12px;--r-input:8px;--r-pill:9999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:40px;--sp-9:56px;--sp-10:72px;--fs-xxs:11px;--fs-xs:12px;--fs-sm:13px;--fs-md:15px;--fs-lg:18px;--fs-xl:22px;--fs-2xl:28px;--fs-3xl:36px;--fs-4xl:44px;--fw-regular:400;--fw-medium:500;--fw-semi:600;--fw-bold:700;--fw-black:800;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-full:9999px;--dur-1:100ms;--dur-2:160ms;--dur-3:240ms;--dur-4:360ms;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Plus Jakarta Sans,Manrope,system-ui,-apple-system,sans-serif;background:var(--bg-app);color:var(--text-primary);font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.005em}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;color:inherit}[dir=rtl]{font-family:Tajawal,Plus Jakarta Sans,system-ui,sans-serif}.app{min-height:100vh;background:var(--bg-app);display:flex;flex-direction:column}.header{height:60px;background:var(--bg-header);color:var(--text-on-dark);padding:0 20px;gap:4px;position:sticky;top:0;z-index:40}.header,.header-logo{display:flex;align-items:center}.header-logo{gap:8px;padding:6px 10px;border-radius:10px;margin-right:4px}.header-all{display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:10px;background:transparent;color:white;border:0;font-size:13px;font-weight:500;margin-right:6px;transition:background 80ms ease}.header-all:hover{background:rgba(255,255,255,.08)}.header-all.active{background:var(--bg-header-3)}.header-nav{gap:2px;flex:1}.header-nav,.nav-tab{display:flex;align-items:center}.nav-tab{gap:7px;padding:7px 12px;border-radius:9999px;background:transparent;color:white;border:0;font-size:13px;font-weight:500;transition:background 80ms ease;white-space:nowrap}.nav-tab:hover{background:rgba(255,255,255,.08)}.nav-tab.active{background:var(--brand-mint);color:var(--text-primary)}.header-right{display:flex;align-items:center;gap:4px}.icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:9999px;color:white;transition:background 80ms ease}.icon-btn:hover{background:rgba(255,255,255,.08)}.icon-btn.active{background:rgba(255,255,255,.12)}.icon-btn-yellow{width:30px;height:30px;background:var(--brand-yellow);color:#6E4F00;display:inline-flex;justify-content:center;margin-right:8px}.icon-btn-yellow,.user-block{border-radius:9999px;align-items:center}.user-block{display:flex;gap:10px;padding:4px 10px 4px 4px;background:transparent;border:0;color:white;transition:background 80ms ease;margin-left:6px}.user-block:hover{background:rgba(255,255,255,.08)}.user-avatar{width:38px;height:38px;border-radius:9999px;background:#C9D3D6;display:inline-flex;align-items:center;justify-content:center;color:#5B6B72;font-weight:600;flex-shrink:0}.user-meta{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1;gap:3px}.user-name{font-size:12px;font-weight:600}.plan-pill{display:inline-block;padding:1px 9px;border-radius:9999px;background:var(--brand-yellow);color:#6E4F00;font-size:10px;font-weight:700;letter-spacing:.02em}.subtabs-wrap{background:var(--bg-card);border-bottom:1px solid var(--border);padding:0 32px}.subtabs{justify-content:space-between;height:50px}.subtabs,.subtabs-list{display:flex;align-items:stretch}.subtabs-list{gap:4px}.subtab{display:flex;align-items:center;padding:0 12px;font-size:13px;font-weight:500;color:var(--text-secondary);border:0;background:transparent;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color 80ms ease;white-space:nowrap;gap:6px}.subtab.active,.subtab:hover{color:var(--text-primary)}.subtab.active{font-weight:600;border-bottom-color:var(--text-primary)}.subtabs-cta{display:flex;align-items:center}.page{flex:1;padding:24px 32px 80px}.page-narrow{max-width:1100px;margin:0 auto}.card{border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-card)}.btn,.card{background:var(--bg-card)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;height:34px;border-radius:var(--r-input);border:1px solid var(--border-strong);color:var(--text-primary);font-size:12px;font-weight:500;transition:background 80ms ease}.btn:hover{background:var(--bg-app)}.btn-sm{height:28px;padding:0 10px;font-size:12px}.btn-mint{background:var(--brand-mint);border-color:var(--brand-mint);color:var(--text-primary);font-weight:600}.btn-mint:hover{background:#4DD5B0}.btn-pill{border-radius:9999px}.btn-yellow{background:var(--brand-yellow);border-color:var(--brand-yellow);color:#6E4F00;font-weight:600}.btn-yellow:hover{background:#FFD66B}.btn-danger-outline{border-color:#F4B6B8;color:var(--danger);background:var(--bg-card)}.btn-danger-outline:hover{background:var(--danger-bg)}.pill{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:9999px;font-size:11px;font-weight:600;letter-spacing:.01em}.pill-yellow{background:var(--brand-yellow);color:#6E4F00}.pill-mint{background:var(--brand-mint-2);color:#0F4A3B}.input{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--r-input);color:var(--text-primary);width:100%}.input input{flex:1;border:0;outline:0;background:transparent;font-size:13px}.input input::-moz-placeholder{color:var(--text-tertiary)}.input input::placeholder{color:var(--text-tertiary)}.input-block{width:100%;height:38px;padding:0 12px;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--r-input);font-size:13px;color:var(--text-primary);outline:0}.input-block:focus{border-color:var(--text-primary)}.input-block::-moz-placeholder{color:var(--text-tertiary)}.input-block::placeholder{color:var(--text-tertiary)}.divider{height:1px;background:var(--border);border:0;margin:0}.chev{color:var(--text-tertiary)}.breadcrumb{display:flex;align-items:center;gap:6px;margin-bottom:14px;font-size:13px;color:var(--text-secondary)}.breadcrumb a,.breadcrumb span{color:var(--text-secondary);text-decoration:none}.breadcrumb .last{color:var(--text-primary);font-weight:500}.home-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.home-title{font-size:17px;font-weight:700;letter-spacing:-.015em}.progress-track{width:100%;height:6px;background:var(--border);border-radius:9999px;overflow:hidden;margin-bottom:20px}.progress-fill{height:100%;background:var(--bg-header);border-radius:9999px;transition:width .24s ease}.checklist{display:flex;flex-direction:column;gap:10px}.checklist-item{display:flex;align-items:center;gap:14px;height:58px;padding:0 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-card);transition:border-color 80ms ease,transform .1s ease}.checklist-item:hover{transform:translateY(-1px);border-color:var(--border-strong)}.check-circle{border-radius:9999px;background:var(--bg-header);color:white}.check-circle,.check-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.check-icon{color:var(--text-secondary)}.checklist-title{flex:1;font-size:13px;font-weight:600}.chev-btn{width:32px;height:32px;border-radius:9999px;border:1px solid var(--border);background:var(--bg-card);display:inline-flex;align-items:center;justify-content:center}.chev-btn,.counter{color:var(--text-secondary)}.counter{font-size:14px;font-weight:500}.products-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:14px}.products-toolbar .input{flex:1}.info-dot{width:18px;height:18px;border-radius:9999px;border:1px solid var(--border-strong);color:var(--text-tertiary);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}.products-grid{display:grid;grid-template-columns:240px 380px 1fr;gap:16px;align-items:flex-start}@media (max-width:1100px){.products-grid{grid-template-columns:1fr}}.cats-card{padding:12px}.cats-item{display:flex;align-items:center;padding:10px 12px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer}.cats-item:hover{background:var(--bg-app)}.cats-item.active{background:var(--brand-mint-3);color:var(--text-primary);font-weight:600}.cats-sub{padding-left:16px}.list-card{overflow:hidden}.list-head{justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.list-head,.list-head-actions{display:flex;align-items:center}.list-head-actions{gap:6px}.product-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);border-left:3px solid transparent;transition:background 80ms ease;cursor:pointer}.product-row:last-child{border-bottom:0}.product-row:hover{background:var(--bg-app)}.product-row.selected{border-left-color:var(--brand-mint)}.product-row.selected,.product-row.selected:hover{background:var(--brand-mint-3)}.product-thumb{width:44px;height:44px;border-radius:8px;background:var(--bg-app);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:var(--text-tertiary);flex-shrink:0;overflow:hidden}.product-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.product-info{flex:1;min-width:0}.product-name{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.product-price{font-size:13px;font-weight:700;color:var(--text-primary);display:inline-flex;align-items:baseline;gap:4px;flex-shrink:0}.riyal{font-size:12px;color:var(--text-secondary)}.promote-btn{gap:6px;padding:4px 10px;border-radius:9999px;border:1px solid var(--brand-mint);color:var(--text-primary);font-size:12px;font-weight:600;margin-top:6px}.checkbox,.promote-btn{display:inline-flex;align-items:center;background:var(--bg-card)}.checkbox{width:18px;height:18px;border:1.5px solid var(--border-strong);border-radius:4px;justify-content:center;flex-shrink:0;cursor:pointer;color:white}.checkbox.checked{background:var(--bg-header);border-color:var(--bg-header)}.checkbox.mint.checked{background:var(--brand-mint);border-color:var(--brand-mint);color:var(--text-primary)}.detail-card{padding:20px 24px;position:relative}.detail-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.detail-head-actions{display:flex;align-items:center;gap:8px}.section-title{font-size:14px;font-weight:700;margin-bottom:14px;letter-spacing:-.01em}.dropzone{border:1.5px dashed var(--border-strong);border-radius:12px;padding:32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;margin-bottom:24px;background:#FAFBFB}.dropzone .upload-icon{color:var(--text-tertiary)}.dropzone .dz-title{font-size:14px;font-weight:600}.dropzone .dz-hint{font-size:12px;color:var(--text-secondary)}.dz-link{font-size:13px;color:var(--text-primary);text-decoration:underline;background:none;border:0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;margin-bottom:16px}.field{display:flex;flex-direction:column;gap:6px}.field-full{grid-column:span 2}.field-label{font-size:12px;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.req{color:var(--danger)}.lock-star{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--brand-yellow-strong)}.input-with-suffix{position:relative}.input-with-suffix .suffix{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:13px;display:inline-flex;align-items:center;gap:6px}.locked-input{background:#FAFBFB;color:var(--text-tertiary)}.field-with-add{display:flex;gap:8px}.field-with-add .input-block{flex:1}.add-btn-square{width:40px;height:40px;border-radius:var(--r-input);border:1px solid var(--brand-mint);background:var(--bg-card);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.editor{border:1px solid var(--border);border-radius:var(--r-input);overflow:hidden}.editor-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:8px 10px;background:#FBFCFC;border-bottom:1px solid var(--border)}.editor-toolbar .tbtn{width:28px;height:28px;border-radius:6px;border:0;background:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.editor-toolbar .tbtn:hover{background:var(--bg-app);color:var(--text-primary)}.editor-toolbar .divider-v{width:1px;height:18px;background:var(--border);margin:0 4px}.editor-body{min-height:140px;padding:14px;font-size:14px;color:var(--text-tertiary)}.kebab-menu{position:absolute;top:56px;right:16px;width:220px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-dropdown);padding:6px;z-index:30}.menu-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:13px;color:var(--text-primary);background:transparent;border:0;width:100%;text-align:left;cursor:pointer}.menu-item:hover{background:var(--bg-app)}.menu-item.danger{color:var(--danger)}.menu-divider{height:1px;background:var(--border);margin:6px -6px}.drawer-overlay{position:fixed;inset:0;background:rgba(15,42,46,.32);backdrop-filter:blur(2px);z-index:50}.drawer{position:fixed;top:0;right:0;bottom:0;width:380px;background:var(--bg-card);box-shadow:var(--shadow-modal);z-index:51;display:flex;flex-direction:column;animation:drawerIn .18s ease-out}@keyframes drawerIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}.drawer-title{font-size:16px;font-weight:700;letter-spacing:-.01em}.drawer-body{flex:1;overflow-y:auto;padding:16px 20px 20px}.drawer-foot{padding:12px 20px;border-top:1px solid var(--border);align-items:center;justify-content:space-between}.drawer-foot,.drawer-foot .left-buttons{display:flex;gap:8px}.text-link{background:transparent;border:0;color:var(--text-primary);font-size:13px;font-weight:500;text-decoration:underline}.saved-card{display:flex;gap:12px;padding:12px;background:var(--bg-app);border-radius:10px;margin-bottom:18px}.saved-icon{width:32px;height:32px;border-radius:8px;background:var(--brand-mint-2);color:#0F4A3B;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.saved-card .t{font-size:13px;font-weight:600}.saved-card .h{font-size:12px;color:var(--text-secondary);margin-top:2px}.fs-section{margin-bottom:20px}.fs-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;cursor:pointer}.fs-head h4{font-size:14px;font-weight:600;margin:0}.fs-head .ic-btn{background:transparent;border:0;color:var(--text-secondary);width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px}.fs-list{display:flex;flex-direction:column;gap:2px}.fs-option{display:flex;align-items:center;gap:10px;padding:8px 4px;border-radius:6px;font-size:13px;cursor:pointer}.fs-option:hover{background:var(--bg-app)}.notif-panel{position:absolute;top:56px;right:0;width:360px;max-height:480px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-dropdown);z-index:60;display:flex;flex-direction:column}.notif-head{justify-content:space-between;border-bottom:1px solid var(--border);padding:0 12px}.notif-head,.notif-tabs{display:flex;align-items:center}.notif-tabs{gap:0;overflow-x:auto;scrollbar-width:none}.notif-tabs::-webkit-scrollbar{display:none}.notif-tabs .ntab{padding:14px 10px;font-size:13px;color:var(--text-secondary);font-weight:500;background:transparent;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.notif-tabs .ntab.active{color:var(--text-primary);border-bottom-color:var(--text-primary);font-weight:600}.notif-head-icons{display:flex;gap:2px;padding:0 0 0 6px}.notif-head-icons .ic{width:32px;height:32px;border-radius:8px;background:transparent;border:0;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center}.notif-head-icons .ic:hover{background:var(--bg-app)}.notif-filter{padding:12px 14px 8px}.notif-filter .sel{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;font-size:13px;color:var(--text-primary);background:transparent;border:0}.notif-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 20px 48px;text-align:center;gap:12px}.notif-empty .empty-text{color:var(--text-secondary);font-size:13px}.modal-overlay{position:fixed;inset:0;background:rgba(15,42,46,.35);z-index:70;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:100%;max-width:880px;height:640px;background:var(--bg-card);border-radius:16px;box-shadow:var(--shadow-modal);display:grid;grid-template-columns:280px 1fr;overflow:hidden;animation:modalIn .2s ease-out}@keyframes modalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.settings-side{background:var(--bg-card);border-right:1px solid var(--border);padding:18px 14px;overflow-y:auto}.settings-side h3{font-size:15px;font-weight:700;margin:4px 6px 12px;letter-spacing:-.01em}.settings-side .input{margin-bottom:12px;height:38px}.settings-nav{display:flex;flex-direction:column;gap:2px}.settings-nav-item{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:10px;font-size:13px;color:var(--text-primary);background:transparent;border:0;width:100%;text-align:left;cursor:pointer;font-weight:500}.settings-nav-item:hover{background:var(--bg-app)}.settings-nav-item.active{background:var(--brand-mint-3)}.sn-icon{width:28px;height:28px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.settings-main{padding:18px 24px 24px;overflow-y:auto}.settings-main-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.settings-main-head h2{margin:0;font-size:16px;font-weight:700;letter-spacing:-.01em}.settings-card{border:1px solid var(--border);border-radius:12px;margin-bottom:14px;overflow:hidden}.s-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px}.s-row+.s-row{border-top:1px solid var(--border)}.s-row .t{font-size:13px;font-weight:600}.s-row .d{font-size:12px;color:var(--text-secondary);margin-top:2px;line-height:1.4}.s-row-clickable{cursor:pointer}.s-row-clickable:hover{background:var(--bg-app)}.toggle{width:38px;height:22px;border-radius:9999px;background:#D2D9DD;position:relative;cursor:pointer;flex-shrink:0;transition:background .12s;border:0;padding:0}.toggle.on{background:var(--brand-mint)}.toggle:after{content:"";position:absolute;width:16px;height:16px;background:white;border-radius:9999px;top:3px;left:3px;transition:transform .12s}.toggle.on:after{transform:translateX(16px)}.select-mini{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:8px;border:1px solid var(--border-strong);font-size:13px;font-weight:500}.select-mini,.user-menu{background:var(--bg-card)}.user-menu{position:absolute;top:56px;right:0;width:320px;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-dropdown);z-index:60;overflow:visible;padding:12px}.um-top{display:flex;gap:12px;padding:6px}.um-top .av{width:44px;height:44px;border-radius:9999px;background:#C9D3D6;display:inline-flex;align-items:center;justify-content:center;color:#5B6B72;font-weight:600;flex-shrink:0}.um-top .name{font-size:14px;font-weight:700;letter-spacing:-.01em}.um-top .links{display:flex;gap:14px;margin-top:6px}.um-top .links button{background:transparent;border:0;padding:0;font-size:12px;color:var(--text-secondary);display:inline-flex;align-items:center;gap:4px}.um-row,.um-top .links button:hover{color:var(--text-primary)}.um-row{display:flex;align-items:center;gap:12px;padding:9px 8px;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;background:transparent;border:0;width:100%;text-align:left}.um-row:hover{background:var(--bg-app)}.um-row .grow{flex:1}.um-row .ic{width:18px;height:18px;color:var(--text-secondary);flex-shrink:0}.um-group{justify-content:space-between;padding:8px 8px 6px;font-size:12px;color:var(--text-tertiary);font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.um-group,.um-profile{display:flex;align-items:center}.um-profile{gap:12px;padding:10px 8px}.um-profile .grow{flex:1;min-width:0}.um-profile .t{font-size:13px;font-weight:600}.um-profile .d{font-size:12px;color:var(--text-secondary)}.um-profile .icbtn{background:transparent;border:0;width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.um-profile .icbtn:hover{background:var(--bg-app)}.mini-menu{position:absolute;top:60px;width:220px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-dropdown);z-index:60;padding:6px;animation:ddIn .12s ease-out}@keyframes ddIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mini-menu .mm-item{display:block;padding:10px 12px;border-radius:8px;font-size:13px;color:var(--text-primary);background:transparent;border:0;width:100%;text-align:left;cursor:pointer}.mini-menu .mm-item:hover{background:var(--bg-app)}.mega{position:absolute;top:60px;left:12px;right:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-dropdown);z-index:60;padding:26px 28px 24px;animation:ddIn .14s ease-out;overflow:visible;max-height:calc(100vh - 80px)}.mega-inner{max-width:1380px;margin:0 auto;max-height:calc(100vh - 132px);overflow-y:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;padding-right:4px}.mega-inner::-webkit-scrollbar{width:8px}.mega-inner::-webkit-scrollbar-track{background:transparent}.mega-inner::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:9999px;border:2px solid var(--bg-card)}.mega-inner::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.mega-cols{display:grid;grid-template-columns:repeat(6,1fr);gap:28px 20px}.mega-col-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;margin-bottom:10px;letter-spacing:-.005em}.mega-col-head,.mega-col-head .ic,.mega-link{color:var(--text-primary)}.mega-link{display:flex;align-items:center;gap:8px;padding:6px 8px;margin-left:-8px;border-radius:6px;font-size:12.5px;background:transparent;border:0;width:100%;text-align:left;cursor:pointer;font-weight:500}.mega-link:hover{background:var(--bg-app)}.mega-col{display:flex;flex-direction:column;gap:2px}.mega-sub-head{margin-top:18px}.mega-divider-row{display:flex;align-items:center;gap:14px;margin:22px 0 18px}.mega-divider-row .line{flex:1;height:1px;background:var(--border)}.mega-divider-row .ttl{font-size:13px;font-weight:700;color:var(--text-primary)}.mega-bottom{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.stores-card{padding:20px 22px}.stores-card h2{font-size:16px;font-weight:700;margin:0 0 4px;letter-spacing:-.01em}.stores-card .h{font-size:12px;color:var(--text-secondary);margin-bottom:16px}.stores-table{width:100%;border-collapse:collapse}.stores-table th{text-align:left;font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-weight:600;padding:12px;border-bottom:1px solid var(--border)}.stores-table td{padding:14px 12px;font-size:13px;vertical-align:middle}.stores-table tr+tr td{border-top:1px solid var(--border)}.store-cell{display:flex;align-items:center;gap:12px}.store-cell .av{width:36px;height:36px;border-radius:9999px;background:#C9D3D6;color:#5B6B72;justify-content:center}.go-link,.store-cell .av{display:inline-flex;align-items:center;font-weight:600}.go-link{background:transparent;border:0;padding:0;color:var(--text-primary);font-size:13px;text-decoration:underline;gap:6px}.pager{display:flex;justify-content:center;gap:8px;padding:20px 0 0}.pager .pbtn{padding:6px 14px;background:transparent;border:1px solid var(--border);border-radius:8px;font-size:13px;color:var(--text-tertiary)}.locked-card{padding:80px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.locked-illust{width:160px;height:130px;color:#6C8A8E;margin-bottom:8px}.locked-title{font-size:17px;font-weight:700;letter-spacing:-.01em}.locked-body{font-size:13px;color:var(--text-secondary);max-width:480px;line-height:1.55}.learn-more{background:transparent;border:0;font-size:13px;font-weight:600;text-decoration:underline;gap:6px;margin-top:4px}.help-bubble,.learn-more{color:var(--text-primary);display:inline-flex;align-items:center}.help-bubble{position:fixed;right:24px;bottom:24px;width:48px;height:48px;border-radius:9999px;background:var(--brand-mint);border:0;justify-content:center;box-shadow:0 6px 16px rgba(95,227,192,.35);z-index:30}.devnav{position:fixed;left:16px;bottom:16px;background:var(--text-primary);color:white;padding:8px 10px;border-radius:16px;z-index:90;display:flex;align-items:flex-start;gap:8px;box-shadow:var(--shadow-dropdown);font-size:11px;max-width:780px;flex-direction:column}.devnav-row{display:flex;flex-wrap:wrap;gap:3px;align-items:center}.devnav .label{color:#98A4AB;font-weight:700;letter-spacing:.08em;font-size:10px;text-transform:uppercase;padding:0 4px}.devnav button{padding:4px 9px;border-radius:9999px;border:0;background:transparent;color:white;font-size:11px;font-weight:500;white-space:nowrap}.devnav button:hover{background:rgba(255,255,255,.08)}.devnav button.active{background:var(--brand-mint);color:var(--text-primary);font-weight:700}.subtle,.tag-line{color:var(--text-secondary)}.tag-line{display:inline-flex;align-items:center;gap:4px}.text-arabic{font-family:Tajawal,Plus Jakarta Sans,sans-serif;font-weight:600}.orders-grid{display:grid;grid-template-columns:240px 320px 1fr;gap:14px;align-items:flex-start}.orders-status-card{padding:6px}.os-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;position:relative}.os-item:hover{background:var(--bg-app)}.os-item.active{background:var(--brand-mint-3);font-weight:600}.os-dot{width:8px;height:8px;border-radius:9999px;flex-shrink:0}.os-item .count{margin-left:auto;color:var(--text-tertiary);font-size:12px;font-weight:500}.os-customize{display:flex;align-items:center;justify-content:center;gap:6px;margin:8px 6px 6px;padding:10px;border:1px dashed var(--border-strong);border-radius:10px;font-size:12px;color:var(--text-secondary);background:transparent;width:calc(100% - 12px)}.order-list-card{overflow:hidden}.order-day{align-items:center;gap:8px;padding:10px 14px;font-size:12px;color:var(--text-secondary);background:#FBFCFC}.order-day,.order-row{display:flex;border-bottom:1px solid var(--border)}.order-row{align-items:flex-start;gap:10px;padding:12px 14px;border-left:3px solid transparent;cursor:pointer}.order-row.selected{background:var(--brand-mint-3);border-left-color:var(--brand-mint)}.order-row:hover:not(.selected){background:var(--bg-app)}.order-info{flex:1;min-width:0}.order-line1{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);margin-bottom:4px}.order-status-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border:1px solid var(--border-strong);border-radius:9999px;font-size:11px;font-weight:600;color:var(--text-primary);background:var(--bg-card)}.order-line2{font-size:13px;font-weight:600}.order-time{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text-tertiary)}.order-detail-stack{display:flex;flex-direction:column;gap:14px}.order-actions-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-card);padding:12px 14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;box-shadow:var(--shadow-card)}.order-actions-bar .btn{opacity:.55}.order-actions-bar .icbtn{width:34px;height:34px;border-radius:8px;border:1px solid var(--border-strong);background:var(--bg-card);display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);opacity:.55}.order-actions-bar .group{display:inline-flex}.order-actions-bar .split{display:inline-flex;align-items:center}.order-actions-bar .split .btn{border-radius:9999px 0 0 9999px;border-right:0}.order-actions-bar .split .btn-chev{height:34px;border-radius:0 9999px 9999px 0;padding:0 10px;border:1px solid var(--border-strong);background:var(--bg-card);opacity:.55}.section-head-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-head-row h3{font-size:14px;font-weight:700;margin:0;letter-spacing:-.01em}.staff-add,.tag-add{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:9999px;border:1px solid var(--border-strong);font-size:11px;font-weight:600;color:var(--text-secondary);background:var(--bg-card)}.deleted-cust{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--border);margin-bottom:14px}.deleted-cust .av{width:36px;height:36px;border-radius:9999px;background:#C9D3D6;display:inline-flex;align-items:center;justify-content:center;color:#5B6B72}.deleted-cust .nm{font-size:13px;font-weight:700;color:var(--text-secondary)}.meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.meta-grid .label{font-size:11px;color:var(--text-secondary);margin-bottom:4px}.meta-grid .value{font-size:12.5px;font-weight:600}.meta-link{color:var(--text-primary);text-decoration:underline}.alert-row{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:#FFF7E6;border:1px solid #ffe08a;border-radius:10px}.alert-row .ic{color:#F2B400;flex-shrink:0;margin-top:1px}.alert-row .t{font-size:12.5px;font-weight:700}.alert-row .d{font-size:11.5px;color:var(--text-secondary);margin-top:1px}.empty-inline{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#FBF4F4;border:1px solid #f4d4d6;border-radius:10px}.empty-inline .ic{width:34px;height:34px;border-radius:9999px;background:#FCEDED;color:#D04A4E;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.empty-inline .t{font-size:13px;font-weight:700}.empty-inline .d{font-size:12px;color:var(--text-secondary);margin-top:2px}.locked-inline{padding:36px 24px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.locked-inline .ill{color:#6C8A8E;margin-bottom:4px}.locked-inline .ttl{font-size:15px;font-weight:700;letter-spacing:-.01em}.locked-inline .bd{font-size:12.5px;color:var(--text-secondary);max-width:420px;line-height:1.55}.activity-input{border:1px solid var(--border);border-radius:10px;padding:14px;font-size:13px;color:var(--text-tertiary);min-height:56px}.hero-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:32px 36px;display:grid;grid-template-columns:1fr 280px;gap:32px;align-items:center;box-shadow:var(--shadow-card);position:relative;overflow:hidden;margin-bottom:20px}.hero-card h1{font-size:26px;font-weight:800;margin:0 0 10px;letter-spacing:-.02em}.hero-card .lead{font-size:13px;color:var(--text-secondary);max-width:460px;line-height:1.55;margin-bottom:6px}.hero-card .micro{font-size:11.5px;color:var(--text-tertiary);margin-bottom:18px}.hero-card .cta-row{display:flex;gap:10px}.price-tag{position:absolute;top:18px;right:18px;display:inline-flex;align-items:stretch;gap:8px;padding:6px 10px;background:var(--brand-yellow-bg);border-radius:9999px;font-size:12px;font-weight:600}.price-tag .num{color:#6E4F00}.price-tag .seg{padding:2px 8px;border-radius:9999px;cursor:pointer}.price-tag .seg.active{background:var(--brand-yellow);color:#6E4F00;font-weight:700}.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.feat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-card);padding:20px 22px;box-shadow:var(--shadow-card)}.feat-card .ic{width:38px;height:38px;border-radius:10px;background:var(--brand-mint-3);color:#0F4A3B;display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px}.feat-card h4{font-size:13px;font-weight:700;margin:0 0 6px;letter-spacing:-.005em}.feat-card p{font-size:12px;color:var(--text-secondary);margin:0 0 12px;line-height:1.55}.cust-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-card);padding:18px 22px}.cust-section .h{font-size:13px;font-weight:700;margin-bottom:14px}.cust-preview{display:flex;align-items:center;gap:18px;padding:16px;border:1px solid var(--border);border-radius:12px;background:#FAFBFB}.cust-preview .t{font-size:14px;font-weight:700}.cust-preview .d{font-size:12px;color:var(--text-secondary);margin-top:2px}.cust-preview .phone{width:84px;height:72px;border-radius:12px;background:linear-gradient(135deg,#FFE5D2,#FFD2D2);margin-left:auto;flex-shrink:0}.template-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;margin-top:12px}.template-row .thumb{width:42px;height:42px;border-radius:8px;background:linear-gradient(135deg,#E6F7EF,#FFF6D6);flex-shrink:0}.template-row .t{font-size:13px;font-weight:700}.template-row .pill-active{background:var(--brand-mint-2);color:#0F4A3B;padding:2px 9px;border-radius:9999px;font-size:10.5px;font-weight:700}.invoice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:flex-start}.inv-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-card);padding:20px 22px;box-shadow:var(--shadow-card)}.inv-card h3{font-size:14px;font-weight:700;margin:0 0 14px;letter-spacing:-.005em}.inv-card h4{font-size:12.5px;font-weight:700;margin:16px 0 8px;color:var(--text-primary)}.inv-card .lbl{font-size:12px;font-weight:600;color:var(--text-primary);display:block;margin-bottom:6px}.inv-card .hint{font-size:11.5px;color:var(--text-secondary);margin-bottom:10px}.inv-card .check-row{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:13px}.radio-row{display:flex;gap:18px;margin-bottom:10px}.radio{width:16px;height:16px;border-radius:9999px;border:1.5px solid var(--border-strong);background:var(--bg-card);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.radio.checked:after{content:"";width:7px;height:7px;border-radius:9999px;background:var(--bg-header)}.radio-label{display:inline-flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.preview-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-card);padding:18px;box-shadow:var(--shadow-card);position:sticky;top:80px}.preview-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.preview-banner,.preview-card-head .btns{display:flex;gap:8px}.preview-banner{align-items:center;padding:8px 12px;background:var(--brand-mint-3);border-radius:8px;margin-bottom:12px}.invoice-doc,.preview-banner{font-size:11.5px;color:var(--text-primary)}.invoice-doc{background:white;border:1px solid var(--border);border-radius:8px;padding:24px;line-height:1.5;max-height:720px;overflow-y:auto}.invoice-doc .doc-head{text-align:center;margin-bottom:16px}.invoice-doc .doc-logo{width:60px;height:60px;border-radius:9999px;background:#E6EAEC;margin:0 auto 8px;display:inline-flex;align-items:center;justify-content:center;color:#A6BABE}.invoice-doc .doc-title{font-size:18px;font-weight:800;letter-spacing:-.02em}.doc-row{display:flex;justify-content:space-between;gap:12px;padding:4px 0}.doc-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:12px 0}.doc-cols b{display:block;margin-bottom:4px;font-size:11.5px}.doc-sect-head{font-weight:700;padding-bottom:4px;border-bottom:1px dashed var(--border-strong);margin-bottom:6px}.doc-table{width:100%;border-collapse:collapse;font-size:11px;margin-top:8px}.doc-table th{background:#F4F7F8;padding:6px 8px;text-align:left;font-weight:700}.doc-table td{padding:6px 8px;border-bottom:1px solid var(--border)}.doc-totals{margin-top:8px}.doc-totals .doc-row{padding:4px 8px;background:#FAFBFB}.doc-totals .doc-row:last-child{background:#F4F7F8;font-weight:700}.barcode{height:32px;background:repeating-linear-gradient(90deg,#0F2A2E 0 1px,transparent 1px 3px,#0F2A2E 3px 5px,transparent 5px 8px);margin-bottom:4px}.slider-row{display:flex;align-items:center;gap:12px;margin-top:12px}.slider-track{flex:1;height:4px;border-radius:9999px;background:linear-gradient(to right,var(--brand-mint) 0,var(--brand-mint) 100%,var(--border) 100%,var(--border) 100%);position:relative}.slider-thumb{position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:9999px;background:var(--brand-mint);border:2px solid white;box-shadow:0 1px 4px rgba(0,0,0,.15)}.slider-val{width:48px;height:26px;border:1px solid var(--border-strong);border-radius:6px;font-size:12px;text-align:center;line-height:24px}.cust-app{display:grid;grid-template-columns:56px 1fr;height:100vh}.cust-app,.cust-rail{background:var(--bg-card)}.cust-rail{border-right:1px solid var(--border);padding:14px 0;display:flex;flex-direction:column;align-items:center;gap:4px}.cust-rail .home{width:32px;height:32px;background:var(--brand-mint-3);color:var(--text-primary);margin-bottom:6px}.cust-rail .home,.cust-rail .item{border-radius:9px;display:inline-flex;align-items:center;justify-content:center}.cust-rail .item{width:36px;height:36px;background:transparent;border:0;color:var(--text-secondary);position:relative}.cust-rail .item:hover{background:var(--bg-app)}.cust-rail .item.active{color:var(--brand-mint)}.cust-rail .item.active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:2px;border-radius:9999px;background:var(--brand-mint)}.cust-main{display:grid;grid-template-columns:340px 1fr;height:100vh}.cust-panel{background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh}.cust-panel-head{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border)}.cust-panel-head .back{width:28px;height:28px;border-radius:9999px;border:1px solid var(--border);background:var(--bg-card);display:inline-flex;align-items:center;justify-content:center}.cust-panel-head .you{font-size:10.5px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.cust-panel-head .ttl{font-size:14px;font-weight:700;letter-spacing:-.01em;margin-top:1px}.cust-panel-head-simple{padding:18px 20px;border-bottom:1px solid var(--border)}.cust-panel-head-simple .ttl{font-size:14px;font-weight:700;margin:0 0 4px;letter-spacing:-.01em}.cust-panel-head-simple .hint{font-size:12px;color:var(--text-secondary);line-height:1.5}.cust-panel-body{flex:1;padding:18px 20px;overflow-y:auto}.cust-panel-foot{padding:14px 20px;border-top:1px solid var(--border)}.cust-save{width:100%;height:40px;border-radius:10px;background:var(--brand-mint);color:var(--text-primary);border:0;font-weight:700;font-size:13px}.cust-stage{background:var(--bg-app);display:flex;flex-direction:column;height:100vh}.cust-stage-head{height:46px;border-bottom:1px solid var(--border);background:var(--bg-card);display:flex;align-items:center;justify-content:space-between;padding:0 18px}.cust-stage-head .ttl{font-size:13px;color:var(--text-secondary)}.cust-stage-head .ttl b{color:var(--text-primary);font-weight:700;margin-right:6px}.cust-stage-head .exit{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;font-size:13px;font-weight:600;color:var(--danger)}.cust-stage-body{flex:1;display:flex;align-items:center;justify-content:center;padding:28px;overflow:auto}.refresh-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:9999px;font-size:12px;font-weight:600;color:var(--text-secondary);margin-top:12px}.phone{width:280px;height:580px;border-radius:38px;background:#0F2A2E;padding:8px;box-shadow:0 20px 40px rgba(15,42,46,.15);position:relative}.phone-screen{background:white;width:100%;height:100%;border-radius:32px;overflow:hidden;position:relative}.phone-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:80px;height:22px;background:#0F2A2E;border-radius:9999px;z-index:2}.phone-status{display:flex;align-items:center;justify-content:space-between;padding:12px 18px 6px;font-size:11.5px;font-weight:700}.phone-status .icons{display:inline-flex;align-items:center;gap:4px}.preview-section-card{border:1px dashed var(--border-strong);border-radius:10px;padding:18px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:var(--text-secondary);background:#FBFCFC}.preview-section-card .ic{color:var(--text-tertiary)}.upload-box{border:1.5px dashed var(--border-strong);border-radius:10px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:6px;background:#FAFBFB;text-align:center}.upload-box .lbl{font-size:12.5px;color:var(--text-secondary)}.upload-box .or-btn{margin-top:6px;padding:5px 12px;border:1px solid var(--brand-mint);border-radius:9999px}.color-input,.upload-box .or-btn{background:var(--bg-card);font-size:12px;font-weight:600}.color-input{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--border-strong);border-radius:9999px}.color-input .sw{width:14px;height:14px;border-radius:9999px;border:1px solid var(--border)}.kv-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-top:1px solid var(--border)}.kv-row:first-of-type{border-top:0}.kv-row .k{font-size:13px}.list-pill-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;font-size:13px;margin-bottom:8px;background:var(--bg-card)}.list-pill-row .drag{color:var(--text-tertiary);cursor:grab}.list-pill-row .grow{flex:1;color:var(--text-secondary);font-weight:500}.list-pill-row .icbtn{background:transparent;border:0;color:var(--text-secondary);padding:4px;border-radius:6px}.list-pill-row .icbtn:hover{background:var(--bg-app);color:var(--text-primary)}.add-section-btn{width:100%;padding:14px;border:1.5px dashed var(--brand-mint);border-radius:12px;background:var(--brand-mint-3);color:var(--text-primary);font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.tab-segment{display:inline-flex;padding:4px;background:var(--bg-app);border-radius:10px}.tab-segment button{padding:6px 18px;font-size:12px;font-weight:600;border:0;background:transparent;border-radius:8px;color:var(--text-secondary)}.tab-segment button.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 2px rgba(0,0,0,.06)}.add-section-modal{position:fixed;top:0;left:56px;bottom:0;width:720px;background:var(--bg-card);border-right:1px solid var(--border);z-index:80;display:flex;flex-direction:column;animation:drawerIn .2s ease-out}.asm-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border)}.asm-head h2{font-size:16px;font-weight:800;margin:0;letter-spacing:-.01em}.asm-close{width:30px;height:30px;border-radius:9999px;background:var(--danger-bg);color:var(--danger);border:0;display:inline-flex;align-items:center;justify-content:center}.asm-body{padding:16px 22px 24px;overflow-y:auto}.asm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.asm-card{border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;transition:border-color 80ms,transform .1s}.asm-card:hover{border-color:var(--brand-mint);transform:translateY(-2px)}.asm-card .ttl{padding:12px 14px 8px;font-size:13px;font-weight:700}.asm-card .preview{height:96px;margin:0 14px 14px;border-radius:8px;background:linear-gradient(135deg,#E6F7EF,#FFF6D6);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--text-tertiary)}.help-bubble{width:44px;height:44px}.help-bubble svg{width:20px;height:20px}.products-toolbar .input .info-dot{cursor:help}.products-toolbar .filter-trigger{padding:8px 12px;border:1px solid var(--brand-mint);background:var(--brand-mint-3)}.btn-outline-mint{border-color:var(--brand-mint);background:var(--brand-mint-3)}.notif-panel{width:380px}.cust-panel-back{background:transparent;border:0;width:28px;height:28px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary)}.cust-panel-back:hover{background:var(--bg-app);color:var(--text-primary)}.cust-rail .home{cursor:pointer}.cust-rail .item{cursor:pointer;transition:color 80ms,background 80ms}.cust-rail .item:focus-visible{outline:2px solid var(--brand-mint);outline-offset:2px}.cust-rail-tip{position:absolute;left:56px;top:50%;transform:translateY(-50%);background:var(--text-primary);color:white;font-size:11px;font-weight:600;padding:4px 8px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease-out;z-index:10}.cust-rail .item:hover .cust-rail-tip{opacity:1}.cust-panel-body{padding:18px 20px 24px}.cust-section-title{font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.06em;color:var(--text-tertiary);margin:18px 0 8px}.cust-section-title:first-child{margin-top:0}.drill-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);margin-bottom:8px;cursor:pointer;transition:border-color 80ms,transform .1s,box-shadow .1s;width:100%;text-align:left}.drill-row:hover{border-color:var(--brand-mint);transform:translateY(-1px);box-shadow:0 4px 12px rgba(15,42,46,.06)}.drill-row .ic{width:32px;height:32px;border-radius:8px;background:var(--brand-mint-3);color:#0F4A3B;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.drill-row .body{flex:1;min-width:0}.drill-row .t{font-size:13px;font-weight:700;color:var(--text-primary)}.drill-row .d{font-size:11.5px;color:var(--text-secondary);margin-top:2px;line-height:1.45}.drill-row .ch{color:var(--text-tertiary);flex-shrink:0}.color-swatch-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--border)}.color-swatch-row:first-of-type{border-top:0}.color-swatch-row .label{font-size:13px;font-weight:500}.color-swatch-row .desc{font-size:11px;color:var(--text-tertiary);margin-top:2px}.swatch-picker{display:inline-flex;align-items:center;gap:8px;padding:5px 8px 5px 5px;border:1px solid var(--border-strong);border-radius:9999px;background:var(--bg-card);cursor:pointer}.swatch-picker .sw{width:24px;height:24px;border-radius:9999px;border:1px solid var(--border)}.swatch-picker .val{font-size:11.5px;font-weight:600;letter-spacing:.02em;color:var(--text-secondary)}.preset-row{display:flex;gap:8px;padding:8px 0;flex-wrap:wrap}.preset-swatch{width:28px;height:28px;border-radius:9999px;border:2px solid white;outline:1px solid var(--border);cursor:pointer}.preset-swatch.active{outline:2px solid var(--brand-mint);transform:scale(1.06)}.font-card{border:1px solid var(--border);border-radius:10px;padding:14px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;background:var(--bg-card)}.font-card.active{border-color:var(--brand-mint);background:var(--brand-mint-3)}.font-card .name{font-size:13px;font-weight:700}.font-card .sample{font-size:18px}.scale-row{display:flex;gap:8px}.scale-btn{flex:1;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);font-weight:600;font-size:12px;color:var(--text-secondary)}.scale-btn.active{border-color:var(--brand-mint);background:var(--brand-mint-3);color:var(--text-primary)}.tab-config-row{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);margin-bottom:8px}.tab-config-row .num{width:22px;height:22px;border-radius:9999px;background:var(--bg-app);color:var(--text-secondary);font-size:11px;font-weight:700}.tab-config-row .icon-pick,.tab-config-row .num{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.tab-config-row .icon-pick{width:32px;height:32px;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);background:var(--bg-card);cursor:pointer}.tab-config-row input{flex:1;min-width:0;border:1px solid var(--border-strong);border-radius:8px;padding:0 10px;height:30px;font-size:12.5px;background:var(--bg-card);outline:0}.tab-config-row input:focus{border-color:var(--brand-mint)}.tab-config-row .drag{color:var(--text-tertiary);cursor:grab;font-size:16px}.tab-config-row .vis{background:transparent;border:0;color:var(--text-tertiary);width:28px;height:28px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.tab-config-row .vis:hover{background:var(--bg-app);color:var(--text-primary)}.tab-config-row .vis.off{color:var(--text-tertiary);opacity:.5}.phone-content{padding:0}.phone-bottombar{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:6px 0 14px;border-top:1px solid var(--border);z-index:3}.phone-bottombar .tab{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:8px}.phone-topbar{display:flex;align-items:center;justify-content:space-between;padding:6px 14px 8px}.phone-topbar .icons{display:inline-flex;gap:8px}.phone-tabs{display:flex;gap:12px;padding:0 14px 8px;overflow-x:auto;scrollbar-width:none}.phone-tabs::-webkit-scrollbar{display:none}.phone-tabs .tab{font-size:10px;font-weight:600;padding:4px 0;white-space:nowrap}.phone-tabs .tab.active{color:var(--brand-mint);border-bottom:2px solid var(--brand-mint);padding-bottom:4px}.phone-scrollarea{position:absolute;top:80px;bottom:60px;left:0;right:0;overflow:hidden;padding:0 14px}.preview-product-card{border:1px solid var(--border);border-radius:8px;background:white;overflow:hidden}.preview-product-card .img{height:70px;background:linear-gradient(135deg,#E6F7EF,#FFF6D6);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.preview-product-card .pad{padding:6px 8px}.preview-product-card .nm{font-size:9px;font-weight:600}.preview-product-card .pr{font-size:9px;color:var(--text-secondary)}.section-builder-card{border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:12px;background:var(--bg-card)}.section-builder-card .row{display:flex;align-items:center;gap:10px}.section-builder-card .ic{width:36px;height:36px;border-radius:8px;background:var(--brand-mint-3);color:#0F4A3B;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.section-builder-card .grow{flex:1;min-width:0}.section-builder-card .t{font-size:13px;font-weight:700}.section-builder-card .d{font-size:11.5px;color:var(--text-secondary);margin-top:2px}.section-builder-card .actions{display:flex;gap:4px}.section-builder-card .iconbtn{width:28px;height:28px;border-radius:7px;background:transparent;border:0;display:inline-flex;align-items:center;justify-content:center;color:var(--text-tertiary);cursor:pointer}.section-builder-card .iconbtn:hover{background:var(--bg-app);color:var(--text-primary)}.toast-tip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:var(--text-primary);color:white;border-radius:9999px;font-size:11.5px;font-weight:500;position:fixed;bottom:100px;left:50%;transform:translateX(-50%);z-index:100;animation:toastIn .2s ease-out;box-shadow:0 8px 20px rgba(15,42,46,.2)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.icon-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-dropdown);width:220px}.icon-grid button{width:32px;height:32px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.icon-grid button:hover{background:var(--bg-app);color:var(--text-primary)}.icon-grid button.active{background:var(--brand-mint-3);color:var(--text-primary);border-color:var(--brand-mint)}.popover-anchor{position:relative}.popover-flyout{position:absolute;top:38px;left:0;z-index:30}.help-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary);margin-top:8px;background:transparent;border:0;cursor:pointer}.help-link b,.help-link:hover{color:var(--text-primary)}.plan-center{max-width:1000px;margin:0 auto}.plan-trust{display:inline-flex;gap:8px;padding:8px 18px;background:var(--brand-mint);border-radius:9999px;font-weight:700;color:var(--text-primary);margin:8px auto 18px;letter-spacing:-.005em}.plan-perks,.plan-trust{align-items:center;font-size:13px}.plan-perks{display:flex;justify-content:center;gap:28px;margin-bottom:32px;flex-wrap:wrap}.plan-perks .perk{display:inline-flex;align-items:center;gap:8px}.plan-perks .perk .ic{color:var(--text-secondary)}.plan-perks .sep{color:var(--border-strong)}.plan-h1{font-size:26px;font-weight:800;text-align:center;letter-spacing:-.02em;margin:0 0 24px;color:var(--text-primary)}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:820px;margin:0 auto}.plan-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:24px 26px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:14px;position:relative}.plan-card .top{display:flex;align-items:center;justify-content:space-between}.plan-card .name{font-size:18px;font-weight:800;letter-spacing:-.015em}.plan-card .desc{font-size:13px;color:var(--text-secondary)}.plan-card .price-row{display:flex;align-items:baseline;gap:4px;margin:2px 0 4px}.plan-card .price-row .lbl{font-size:13px;color:var(--text-secondary);margin-right:4px}.plan-card .price-row .amt{font-size:26px;font-weight:800;letter-spacing:-.02em}.plan-card .price-row .cur{font-size:14px;font-weight:600;color:var(--text-secondary)}.plan-card .feat-head{font-size:13px;font-weight:700;margin:4px 0 2px}.plan-feats{display:flex;flex-direction:column;gap:8px}.plan-feat{display:flex;align-items:flex-start;gap:10px;font-size:12.5px;line-height:1.45}.plan-feat .pf-ic{width:22px;height:22px;border-radius:6px;background:var(--bg-app);color:var(--text-secondary);justify-content:center;flex-shrink:0}.plan-feat .pay-row,.plan-feat .pf-ic{display:inline-flex;align-items:center}.plan-feat .pay-row{gap:4px}.pay-tile{display:inline-flex;align-items:center;height:16px;padding:0 5px;border-radius:3px;font-size:9px;font-weight:700;color:white}.plan-card .cta{margin-top:auto;width:100%;height:40px;border-radius:10px;background:var(--brand-mint);border:0;color:var(--text-primary);font-weight:700;font-size:13px}.merchant-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#FFD9A3;color:#6E3F00;border-radius:9999px;font-size:11px;font-weight:700}.compare-cta-wrap{display:flex;justify-content:center;margin:32px 0}.compare-cta{display:inline-flex;gap:8px;padding:10px 28px;border:1.5px solid var(--bg-header);border-radius:10px;color:var(--bg-header);font-weight:700;font-size:13px}.compare-cta,.video-help-card{align-items:center;background:var(--bg-card)}.video-help-card{border:1px solid var(--border);border-radius:14px;padding:28px 32px;display:grid;grid-template-columns:1fr 360px;gap:36px;box-shadow:var(--shadow-card);margin:32px 0}.video-help-card .ttl{font-size:18px;font-weight:800;margin:0 0 8px;letter-spacing:-.015em}.video-help-card .d{font-size:13px;color:var(--text-secondary);line-height:1.55}.video-thumb{height:200px;border-radius:12px;background:var(--brand-mint);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.video-thumb:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 8px,rgba(255,255,255,.07) 8px 16px)}.video-thumb .play-circ{width:64px;height:64px;background:rgba(255,255,255,.95);color:var(--text-primary);border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(0,0,0,.18);z-index:1}.video-thumb .mini-card{position:absolute;background:white;border-radius:6px;padding:6px 8px;font-size:9px;color:var(--text-primary);box-shadow:0 4px 8px rgba(0,0,0,.1)}.faq-section{margin:32px 0 24px}.faq-section h2{font-size:20px;font-weight:800;margin:0 0 6px;letter-spacing:-.015em}.faq-section .lead{font-size:13px;color:var(--text-secondary);margin:0 0 18px}.faq-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-card)}.faq-item{display:flex;align-items:center;padding:16px 20px;font-size:13px;font-weight:500;border-bottom:1px solid var(--border);cursor:pointer}.faq-item:last-child{border-bottom:0}.faq-item .grow{flex:1}.faq-item .chv{color:var(--text-tertiary)}.faq-view-more{padding:14px 20px;font-size:13px;font-weight:600;color:var(--text-primary);background:transparent;border:0;text-align:left;width:100%;cursor:pointer}.faq-view-more:hover{background:var(--bg-app)}.compare-table-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-card);margin:24px auto;max-width:920px}.compare-thead{display:grid;grid-template-columns:1.4fr 1fr 1fr;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-card);z-index:2}.compare-thead .cell{padding:18px 20px;border-left:1px solid var(--border)}.compare-thead .cell:first-child{border-left:0}.compare-thead .h{font-size:16px;font-weight:800}.compare-thead .sub{font-size:12px;color:var(--text-secondary);margin:2px 0 10px}.compare-thead .btn-pill{width:100%}.compare-section-head{padding:14px 20px;background:#FBFCFC;font-size:13px;font-weight:700;border-top:1px solid var(--border);letter-spacing:-.005em}.compare-row{display:grid;grid-template-columns:1.4fr 1fr 1fr;border-top:1px solid var(--border)}.compare-row .cell{padding:12px 20px;font-size:12.5px;border-left:1px solid var(--border)}.compare-row .cell:first-child{border-left:0;color:var(--text-primary)}.compare-row .cell.ctr{text-align:center}.compare-tick{color:var(--success)}.compare-cross{color:var(--danger)}.dur-center{max-width:880px;margin:0 auto}.dur-title{font-size:22px;font-weight:800;text-align:center;margin:8px 0 26px;letter-spacing:-.015em}.you-selected{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:18px 22px;box-shadow:var(--shadow-card);margin-bottom:14px}.you-selected .lbl{font-size:11.5px;color:var(--text-tertiary)}.you-selected .pick-row{display:flex;align-items:center;gap:10px;margin-top:4px}.you-selected .name{font-size:15px;font-weight:700}.you-selected .desc{font-size:12px;color:var(--text-secondary);margin-top:1px}.dur-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:20px 22px;box-shadow:var(--shadow-card)}.dur-card h3{font-size:14px;font-weight:800;margin:0 0 2px}.dur-card .lead{font-size:12.5px;color:var(--text-secondary);margin:0 0 16px}.dur-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.dur-opt{border:1px solid var(--border);border-radius:12px;padding:14px 16px;background:var(--bg-card);cursor:pointer;position:relative;transition:border-color 80ms}.dur-opt:hover{border-color:var(--border-strong)}.dur-opt.active{border-color:var(--brand-mint);background:var(--brand-mint-3)}.dur-opt .o-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.dur-opt .price-line{display:flex;align-items:baseline;gap:4px;margin:8px 0 4px}.dur-opt .price-line .strike{font-size:12px;color:var(--danger);text-decoration:line-through}.dur-opt .price-line .amt{font-size:22px;font-weight:800;letter-spacing:-.015em}.dur-opt .price-line .lbl{font-size:12px;color:var(--text-secondary)}.dur-opt .sub{font-size:11px;color:var(--text-secondary)}.dur-opt .save-chip{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:2px;background:var(--brand-yellow-bg);color:#6E4F00;font-size:10px;font-weight:700;border-radius:9999px;padding:3px 8px}.dur-foot{margin-top:16px;display:flex;align-items:center;gap:14px}.dur-foot .continue{padding:10px 28px;border-radius:10px;background:var(--brand-mint);border:0;font-size:13px;font-weight:700;color:var(--text-primary);opacity:.55}.dur-foot .note{font-size:12px;color:var(--text-secondary)}.dur-foot .note b{color:var(--text-primary)}.payment-drawer{position:fixed;top:0;right:0;bottom:0;width:440px;background:var(--bg-card);box-shadow:var(--shadow-modal);z-index:51;display:flex;flex-direction:column;animation:drawerIn .2s ease-out}.payment-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border)}.payment-drawer-head h2{margin:0;font-size:18px;font-weight:800;letter-spacing:-.015em}.payment-drawer-body{padding:18px 22px;overflow-y:auto;flex:1}.trial-banner{background:#EEF3FB;border-radius:12px;padding:14px 16px;margin-bottom:18px}.trial-banner .t{font-size:13px;font-weight:700;color:#1B3F7A;margin-bottom:4px}.trial-banner .d{font-size:12px;color:#355581;line-height:1.5}.plan-summary{display:flex;align-items:center;gap:12px;margin-bottom:16px}.plan-summary .ic{width:44px;height:44px;border-radius:10px;background:var(--brand-mint-3);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.plan-summary .grow{flex:1;min-width:0}.plan-summary .t{font-size:14px;font-weight:700}.plan-summary .d{font-size:11.5px;color:var(--text-secondary);margin-top:2px}.plan-summary .price-mini{text-align:right;font-size:13px;font-weight:700;white-space:nowrap}.plan-summary .price-mini .chip{display:inline-block;padding:1px 8px;border-radius:9999px;background:var(--brand-mint);color:var(--text-primary);font-size:10px;margin-bottom:4px}.dur-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.dur-chip{padding:6px 14px;border:1px solid var(--border-strong);border-radius:9999px;background:var(--bg-card);font-size:12px;font-weight:600;cursor:pointer}.dur-chip.active{border-color:var(--brand-mint);background:var(--brand-mint-3)}.invoice-summary{border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:18px}.invoice-summary .t{font-size:13px;font-weight:700;margin-bottom:10px}.is-row{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;padding:6px 0}.is-row .lbl{color:var(--text-secondary)}.is-row.total{border-top:1px solid var(--border);margin-top:8px;padding-top:12px;font-weight:700;font-size:13px}.coupon-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--border);margin-bottom:6px;font-size:12.5px}.coupon-row .add-c{width:22px;height:22px;border-radius:9999px;background:var(--bg-app);color:var(--text-secondary);border:0;display:inline-flex;align-items:center;justify-content:center}.card-section h3{font-size:13px;font-weight:700;margin:0 0 10px}.card-brands{gap:6px;padding:6px 10px;border:1px solid var(--border);border-radius:10px;margin-bottom:10px}.card-brand,.card-brands{display:inline-flex;align-items:center}.card-brand{width:32px;height:18px;border-radius:3px;color:white;font-size:8px;font-weight:800;letter-spacing:.04em;justify-content:center}.cc-input{display:flex;align-items:center;gap:8px;padding:0 12px;height:42px;border:1px solid var(--border-strong);border-radius:10px;margin-bottom:8px}.cc-input input{flex:1;border:0;outline:0;font-size:13px;background:transparent}.cc-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.start-trial-btn{width:100%;height:44px;border:0;border-radius:12px;background:var(--brand-mint);opacity:.55;color:var(--text-primary);font-weight:700;font-size:13px}.terms-note{font-size:11.5px;color:var(--text-secondary);text-align:center;margin:10px 0 4px;line-height:1.6}.terms-note a{color:var(--text-primary);text-decoration:underline}.info-pages-grid{display:grid;grid-template-columns:1fr 2fr;gap:16px;max-width:1200px;margin:0 auto}.info-pages-side{gap:8px}.info-pages-main,.info-pages-side{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-card);padding:24px;min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.info-pages-main{gap:14px}.info-empty-title{font-size:14px;font-weight:700}.info-empty-desc{font-size:12.5px;color:var(--text-secondary);max-width:280px;line-height:1.55}.search-bar-wrap{max-width:1200px;margin:0 auto 16px}.info-edit-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;max-width:1200px;margin:0 auto}.field-block{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field-block label{font-size:12.5px;font-weight:600}.field-block .hint{font-size:11.5px;color:var(--text-secondary)}.type-pills{display:flex;gap:6px;flex-wrap:wrap}.type-pill{padding:6px 14px;border:1px solid var(--border-strong);border-radius:9999px;font-size:12px;font-weight:500;background:var(--bg-card);cursor:pointer}.type-pill.active{background:var(--brand-mint-3);border-color:var(--brand-mint);font-weight:600}.required-star{color:var(--danger)}.info-preview-card{border:1px solid var(--border);border-radius:14px;padding:28px 20px;text-align:center;background:var(--bg-card);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:12px;min-height:320px}.info-preview-card,.info-preview-icon{align-items:center;justify-content:center}.info-preview-icon{width:72px;height:72px;border-radius:9999px;background:var(--brand-mint-3);color:var(--text-primary);display:inline-flex}.collapsed-section{border:1px solid var(--border);border-radius:12px;padding:14px 18px;display:flex;align-items:center;cursor:pointer;margin-bottom:14px}.collapsed-section .grow{flex:1;font-size:13px;font-weight:600}.collapsed-section .ic{color:var(--text-secondary)}.create-page-footer{display:flex;align-items:center;gap:10px;margin-top:14px}.create-page-footer .btn-create{background:var(--brand-mint);color:var(--text-primary);border:0;padding:10px 22px;border-radius:10px;font-weight:700;font-size:13px}.create-page-footer .btn-delete{margin-left:auto;border:1px solid #f4b6b8;color:var(--danger);background:var(--bg-card);padding:10px 22px;border-radius:10px;font-weight:600;font-size:13px;display:inline-flex;align-items:center;gap:8px}.cat-grid{display:grid;grid-template-columns:180px 240px 1fr;gap:12px;align-items:flex-start;max-width:1200px;margin:0 auto}.cat-nav-card{padding:6px}.cat-nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;color:var(--text-primary)}.cat-nav-item:hover{background:var(--bg-app)}.cat-nav-item.active{background:var(--brand-mint-3);font-weight:600}.cat-list-card{overflow:hidden}.cat-list-head{gap:6px;padding:10px 12px;border-bottom:1px solid var(--border);justify-content:flex-end}.cat-list-head,.cat-list-item{display:flex;align-items:center}.cat-list-item{gap:10px;padding:14px 16px;border-left:3px solid transparent;cursor:pointer}.cat-list-item.active{background:var(--brand-mint-3);border-left-color:var(--brand-mint)}.cat-list-item .ic{color:var(--text-secondary)}.cat-detail-card{padding:22px 24px}.cat-detail-card h3{font-size:14px;font-weight:700;margin:0 0 16px}.cat-upload{border:1.5px dashed var(--border-strong);border-radius:14px;padding:28px;background:#FAFBFB;text-align:center;margin-bottom:18px;display:flex;flex-direction:column;align-items:center;gap:8px}.cat-upload .up-ic{color:var(--text-tertiary)}.cat-upload .ttl{font-size:13.5px;font-weight:600}.cat-upload .hnt{font-size:11.5px;color:var(--text-secondary)}.cat-upload .or-btn{margin-top:4px;padding:6px 16px;border:1px solid var(--brand-mint);background:var(--bg-card);border-radius:9999px;font-size:12px;font-weight:600}.channel-checks{display:flex;gap:16px;margin-top:6px}.cat-extra-section{border:1px solid var(--border);border-radius:12px;padding:16px 18px;margin-top:12px;display:flex;align-items:center;cursor:pointer}.cat-extra-section .grow{font-size:13px;font-weight:600}.cat-extra-section .ic{color:var(--text-secondary)}.appstore-grid{display:grid;grid-template-columns:200px 240px 1fr;gap:14px;align-items:flex-start;max-width:1280px;margin:0 auto}.appstore-nav{padding:6px}.appstore-nav .item{padding:9px 12px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;border-radius:8px}.appstore-nav .item:hover{color:var(--text-primary);background:var(--bg-app)}.appstore-nav .item.active{color:var(--text-primary);font-weight:600}.app-list-card{overflow:hidden;padding:6px}.app-list-item{display:flex;align-items:center;gap:10px;padding:12px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600}.app-list-item:hover{background:var(--bg-app)}.app-list-item.active{background:var(--brand-mint-3)}.app-list-item .logo{width:36px;height:36px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:white;font-weight:800;font-size:12px;flex-shrink:0}.app-detail-stack{display:flex;flex-direction:column;gap:12px}.app-actions-bar{display:flex;gap:8px;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:10px 14px;box-shadow:var(--shadow-card)}.app-actions-bar .grow{flex:1}.app-meta-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:18px 20px;box-shadow:var(--shadow-card)}.app-meta-card h3{font-size:14px;font-weight:700;margin:0 0 12px}.app-meta-head{display:flex;align-items:center;gap:14px}.app-meta-head .logo{width:56px;height:56px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:white;font-weight:800;font-size:18px;flex-shrink:0}.app-meta-head .stars{display:inline-flex;align-items:center;gap:1px;font-size:11px;color:var(--text-secondary);margin-top:4px}.app-meta-head .stars .filled{color:var(--brand-yellow-strong)}.app-meta-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.app-meta-grid .lbl{font-size:11px;color:var(--text-secondary)}.app-meta-grid .val{font-size:13px;font-weight:600;margin-top:2px}.app-form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:18px 20px;box-shadow:var(--shadow-card)}.app-form-card h3{font-size:14px;font-weight:700;margin:0 0 14px}.app-form-card .form-field{margin-bottom:14px}.app-form-card .form-field label{display:block;font-size:12.5px;font-weight:600;margin-bottom:4px}.app-form-card .form-field .hint{font-size:11.5px;color:var(--text-secondary);margin-bottom:8px;line-height:1.45}.app-section-head{display:flex;align-items:center;gap:10px;padding:14px 18px;background:var(--brand-mint-3);border-radius:12px 12px 0 0}.app-section-head .ttl{flex:1;font-size:13px;font-weight:700;color:var(--text-primary)}.app-section-body{background:var(--bg-card);border:1px solid var(--border);border-top:0;border-radius:0 0 12px 12px;padding:16px 20px}.app-faq-row{display:flex;align-items:center;padding:12px 0;border-top:1px solid var(--border);font-size:12.5px;cursor:pointer}.app-faq-row:first-child{border-top:0}.app-faq-row .grow{flex:1}.app-faq-row .ic{color:var(--text-secondary)}.notif-prefs-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-card);max-width:1100px;margin:0 auto}.notif-prefs-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.notif-prefs-head h3{font-size:14px;font-weight:700;margin:0}.notif-prefs-head .ic{width:34px;height:34px;border-radius:9px;background:var(--brand-mint-3);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center}.np-table{width:100%;border-collapse:collapse}.np-table th{text-align:center;font-size:11.5px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-weight:700;padding:14px 16px;border-bottom:1px solid var(--border);background:#FBFCFC}.np-table th:first-child{text-align:left}.np-table td{padding:14px 16px;font-size:13px;border-bottom:1px solid var(--border);vertical-align:middle}.np-table td:not(:first-child){text-align:center}.np-table tr:last-child td{border-bottom:0}.np-table .name{font-weight:500}.np-table .ic-small{width:28px;height:28px;border-radius:8px;background:var(--bg-app);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;margin-right:10px;vertical-align:middle}.edit-profile-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:460px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-modal);padding:20px 22px;z-index:80}.edit-profile-modal .head{display:flex;align-items:center;gap:10px;margin-bottom:18px}.edit-profile-modal .head .back{width:28px;height:28px;border-radius:9999px;border:1px solid var(--border);background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary)}.edit-profile-modal .head h3{flex:1;font-size:16px;font-weight:700;margin:0;letter-spacing:-.01em}.edit-profile-modal .head .ic-row{display:flex;gap:4px}.edit-profile-modal .field-block{margin-bottom:14px}.phone-input{display:flex;align-items:center;height:38px;border:1px solid var(--border-strong);border-radius:var(--r-input);overflow:hidden}.phone-input .cc{display:inline-flex;align-items:center;gap:6px;padding:0 12px;height:100%;background:var(--bg-app);border-right:1px solid var(--border);font-size:13px;font-weight:600}.phone-input .flag{width:18px;height:12px;border-radius:2px;background:linear-gradient(180deg,#CE1126 0 33%,#FFFFFF 33% 66%,#000000 66%)}.phone-input input{flex:1;border:0;outline:0;padding:0 12px;font-size:13px;background:transparent}.modal.dimmed{opacity:.45;pointer-events:none;transition:opacity .12s}body.body-locked,html.body-locked{overflow:hidden!important}.dd-arrow{position:absolute;top:-7px;width:14px;height:14px;background:var(--bg-card);border-top:1px solid var(--border);border-left:1px solid var(--border);transform:rotate(45deg);z-index:1}.page-header{gap:24px;margin-bottom:22px}.page-header .ph-greet{font-size:12px;color:var(--text-tertiary);font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px}.page-header h1{margin:0;color:var(--text-primary)}.page-header .ph-desc{margin-top:4px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}@media (max-width:1080px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}.kpi{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-card);padding:16px 18px;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.kpi .kpi-top{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);font-weight:600;margin-bottom:10px}.kpi .kpi-ic{width:26px;height:26px;border-radius:7px;background:var(--brand-mint-3);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.kpi .kpi-ic.warm{background:#FFF6D6;color:#8A6300}.kpi .kpi-ic.cool{background:#E8EEFB;color:#2E58B1}.kpi .kpi-ic.rose{background:#FCEDED;color:#B73B3F}.kpi .kpi-val{font-size:24px;font-weight:800;letter-spacing:-.025em;color:var(--text-primary);display:flex;align-items:baseline;gap:5px}.kpi .kpi-val .unit{font-size:12px;color:var(--text-tertiary);font-weight:600}.kpi .kpi-delta{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:9999px;margin-top:8px}.kpi .kpi-delta.up{background:#E6F7EF;color:#1A8056}.kpi .kpi-delta.down{background:#FCEDED;color:#B73B3F}.kpi .kpi-delta.flat{background:var(--bg-app);color:var(--text-secondary)}.kpi .kpi-spark{position:absolute;right:-2px;bottom:-2px;width:100px;height:36px;opacity:.9;pointer-events:none}.kpi .kpi-compare{font-size:11px;color:var(--text-tertiary);margin-left:6px}.chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-card);padding:20px 22px 16px;box-shadow:var(--shadow-card)}.chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.chart-head .ttl{font-size:14px;font-weight:700;letter-spacing:-.005em}.chart-head .sub{font-size:12px;color:var(--text-secondary);margin-top:2px}.range-toggle{display:inline-flex;background:var(--bg-app);border-radius:9999px;padding:3px}.range-toggle button{padding:5px 12px;border-radius:9999px;background:transparent;border:0;font-size:11.5px;font-weight:600;color:var(--text-secondary)}.range-toggle button.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 2px rgba(0,0,0,.06)}.chart-stat-row{display:flex;align-items:baseline;gap:16px;margin-bottom:14px}.chart-stat-row .big{font-size:26px;font-weight:800;letter-spacing:-.02em}.chart-stat-row .delta{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:9999px;background:#E6F7EF;color:#1A8056;font-size:11.5px;font-weight:700}.home-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:18px}@media (max-width:1080px){.home-grid{grid-template-columns:1fr}}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}@media (max-width:1080px){.split-grid{grid-template-columns:1fr}}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-card)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);gap:12px}.panel-head h3{font-size:14px;font-weight:700;margin:0;letter-spacing:-.005em;white-space:nowrap}.panel-head .sub{font-size:11.5px;color:var(--text-secondary);margin-top:2px}.panel-head .link-btn,.panel-head .sub{white-space:nowrap}.panel-head-actions{display:flex;align-items:center;gap:6px}.panel-head .link-btn{background:transparent;border:0;color:var(--text-primary);font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.panel-head .link-btn:hover{color:var(--bg-header)}.channel-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;padding:11px 18px}.channel-row+.channel-row{border-top:1px solid var(--border)}.channel-row .ic{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.channel-row .nm{font-size:13px;font-weight:600}.channel-row .pc{font-size:11px;color:var(--text-tertiary);margin-top:1px}.channel-row .val{font-size:13px;font-weight:700;text-align:right}.channel-bar{grid-column:1/-1;height:4px;border-radius:9999px;background:var(--bg-app);overflow:hidden;margin-top:4px}.channel-bar .fill{height:100%;border-radius:9999px}.order-strip{display:grid;grid-template-columns:1fr auto auto auto auto;gap:14px;align-items:center;padding:12px 18px;border-top:1px solid var(--border);font-size:13px}.order-strip:first-of-type{border-top:0}.order-strip:hover{background:var(--bg-app);cursor:pointer}.order-strip .num{font-weight:700}.order-strip .cust{color:var(--text-secondary);font-size:12px;margin-top:2px}.order-strip .amt{font-weight:700;text-align:right}.order-strip .time{font-size:11.5px;color:var(--text-tertiary);text-align:right}.status-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:9999px;font-size:11px;font-weight:700;white-space:nowrap}.status-chip .dot{width:6px;height:6px;border-radius:9999px;background:currentColor}.status-chip.processing{background:#E6F7EF;color:#1A8056}.status-chip.shipped{background:#E8EEFB;color:#2E58B1}.status-chip.delivered{background:var(--brand-mint-3);color:#0F4A3B}.status-chip.pending{background:#FFF6D6;color:#8A6300}.status-chip.cancelled{background:#FCEDED;color:#B73B3F}.status-chip.draft{background:var(--bg-app);color:var(--text-secondary)}.status-chip.refunded{background:#FCEDED;color:#B73B3F}.status-chip.shipping{background:#E8EEFB;color:#2E58B1}.status-chip.unpaid{background:#FCEDED;color:#B73B3F}.status-chip.paid{background:#E6F7EF;color:#1A8056}.tp-row{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:11px 18px}.tp-row+.tp-row{border-top:1px solid var(--border)}.tp-thumb{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#E6F7EF,#FFF6D6);display:inline-flex;align-items:center;justify-content:center;color:#5B6B72;font-weight:700;font-size:12px;flex-shrink:0}.tp-thumb.shirt{background:linear-gradient(135deg,#FFE5D2,#FFD2D2)}.tp-thumb.bag{background:linear-gradient(135deg,#E8EEFB,#DCE6FA)}.tp-thumb.cup{background:linear-gradient(135deg,#E6FAF3,#B8F2E3)}.tp-thumb.shoe{background:linear-gradient(135deg,#EFE8FB,#DCD0F4)}.tp-row .nm{font-size:13px;font-weight:600}.tp-row .meta{font-size:11.5px;color:var(--text-tertiary);margin-top:2px}.tp-row .rev{text-align:right}.tp-row .rev .v{font-size:13px;font-weight:700}.tp-row .rev .q{font-size:11px;color:var(--text-tertiary);margin-top:1px}.feed-row{display:flex;align-items:flex-start;gap:12px;padding:12px 18px;border-top:1px solid var(--border);font-size:13px}.feed-row:first-of-type{border-top:0}.feed-ic{width:28px;height:28px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.feed-ic.green{background:#E6F7EF;color:#1A8056}.feed-ic.blue{background:#E8EEFB;color:#2E58B1}.feed-ic.yel{background:#FFF6D6;color:#8A6300}.feed-ic.red{background:#FCEDED;color:#B73B3F}.feed-body{flex:1;min-width:0}.feed-body .txt{font-size:13px;line-height:1.45}.feed-body b{font-weight:700}.feed-body .when{font-size:11px;color:var(--text-tertiary);margin-top:2px}.setup-banner{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:14px 18px;background:linear-gradient(135deg,#0F2A2E,#1B4A52);color:white;border-radius:var(--r-card);margin-bottom:18px;box-shadow:var(--shadow-card)}.setup-banner .ic{width:44px;height:44px;border-radius:12px;background:rgba(95,227,192,.15);color:var(--brand-mint);display:inline-flex;align-items:center;justify-content:center}.setup-banner .ttl{font-size:14px;font-weight:700;letter-spacing:-.005em}.setup-banner .meta{font-size:12px;color:rgba(255,255,255,.65);margin-top:2px}.setup-banner .progress{height:4px;border-radius:9999px;background:rgba(255,255,255,.12);overflow:hidden;margin-top:8px;max-width:380px}.setup-banner .progress .fill{height:100%;background:var(--brand-mint);border-radius:9999px}.setup-banner .resume{padding:8px 16px;background:var(--brand-mint);color:var(--text-primary);border-radius:9999px;border:0;font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:6px}.insight-row{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-top:1px solid var(--border)}.insight-row:first-of-type{border-top:0}.insight-row .ic{width:32px;height:32px;border-radius:9px;background:var(--brand-mint-3);color:#0F4A3B;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.insight-row .ic.warn{background:#FFF6D6;color:#8A6300}.insight-row .ic.info{background:#E8EEFB;color:#2E58B1}.insight-row .grow{flex:1;min-width:0}.insight-row .t{font-size:13px;font-weight:700}.insight-row .d{font-size:12px;color:var(--text-secondary);margin-top:3px;line-height:1.5}.insight-row .action{background:transparent;border:0;color:var(--text-primary);font-weight:700;font-size:12px;display:inline-flex;align-items:center;gap:4px;margin-top:6px;cursor:pointer}.insight-row .action:hover{color:var(--bg-header)}.qa-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px}@media (max-width:1080px){.qa-grid{grid-template-columns:repeat(2,1fr)}}.qa-card{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);cursor:pointer;transition:border-color 80ms,transform .1s;text-align:left}.qa-card:hover{border-color:var(--brand-mint);transform:translateY(-1px)}.qa-card .ic{width:32px;height:32px;border-radius:8px;background:var(--brand-mint-3);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center}.qa-card .t{font-size:13px;font-weight:700}.qa-card .d{font-size:11.5px;color:var(--text-secondary)}.checkbox:focus-visible,.input input:focus-visible,.input-block:focus-visible,.toggle:focus-visible,button:focus-visible{outline:2px solid var(--brand-mint);outline-offset:2px}.btn:focus-visible{outline-offset:1px}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-card);margin-bottom:14px;overflow:hidden}.stat-strip .item{padding:14px 18px;border-left:1px solid var(--border)}.stat-strip .item:first-child{border-left:0}.stat-strip .lbl{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.stat-strip .row{display:flex;align-items:baseline;gap:6px;margin-top:6px}.stat-strip .val{font-size:18px;font-weight:800;letter-spacing:-.015em}.stat-strip .delta{font-size:11px;font-weight:700}.stat-strip .delta.up{color:#1A8056}.stat-strip .delta.down{color:#B73B3F}.bulk-bar{display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--bg-header);color:white;border-radius:9999px;margin-bottom:12px;box-shadow:0 4px 14px rgba(15,42,46,.15)}.bulk-bar .bulk-count{font-size:12.5px;font-weight:700}.bulk-bar .grow{flex:1}.bulk-bar button{background:transparent;border:0;color:white;font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:9999px;display:inline-flex;align-items:center;gap:5px}.bulk-bar button:hover{background:rgba(255,255,255,.1)}.bulk-bar .clear{background:rgba(255,255,255,.12);font-weight:600}.locked-card-v2{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;padding:44px 48px;overflow:hidden}@media (max-width:920px){.locked-card-v2{grid-template-columns:1fr;padding:36px 28px}}.locked-card-v2 .eyebrow{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:var(--brand-yellow-bg);color:#6E4F00;border-radius:9999px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}.locked-card-v2 h2{font-size:22px;font-weight:800;letter-spacing:-.02em;margin:0 0 8px}.locked-card-v2 .lead{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px;max-width:460px}.locked-card-v2 .perks{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;max-width:460px}.locked-card-v2 .perks .item{display:flex;align-items:center;gap:10px;font-size:12.5px}.locked-card-v2 .perks .item .pic{width:22px;height:22px;border-radius:7px;background:var(--brand-mint-3);color:#0F4A3B;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.locked-card-v2 .cta-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.locked-card-v2 .illust{display:flex;align-items:center;justify-content:center}.store-status-pill{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:9999px;background:#E6F7EF;color:#1A8056;font-size:11px;font-weight:700}.store-status-pill.draft{background:var(--bg-app);color:var(--text-secondary)}.store-status-pill.maint{background:#FFF6D6;color:#8A6300}.status-timeline{display:flex;align-items:flex-start;gap:0;padding:0 4px;width:100%}.status-timeline .step{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;flex:0 0 auto;min-width:70px}.status-timeline .step .dot{width:28px;height:28px;border-radius:9999px;background:var(--bg-app);color:var(--text-tertiary);border:2px solid var(--border);display:inline-flex;align-items:center;justify-content:center;z-index:1;flex-shrink:0}.status-timeline .step.done .dot{background:var(--brand-mint);border-color:var(--brand-mint);color:var(--text-primary)}.status-timeline .step.active .dot{background:var(--bg-card);border-color:var(--bg-header);color:var(--bg-header);box-shadow:0 0 0 4px var(--brand-mint-3)}.status-timeline .step .lbl{font-size:11px;font-weight:700;color:var(--text-secondary)}.status-timeline .step.active .lbl,.status-timeline .step.done .lbl{color:var(--text-primary)}.status-timeline .connector{flex:1 1 0;min-width:16px;height:2px;background:var(--border);margin:13px -6px 0;z-index:0;border-radius:9999px}.status-timeline .connector.done{background:var(--brand-mint)}.app-hero{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:36px 40px;display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;box-shadow:var(--shadow-card);overflow:hidden;margin-bottom:18px}.app-hero:before{content:"";position:absolute;top:-100px;right:-120px;width:360px;height:360px;background:radial-gradient(closest-side,rgba(95,227,192,.18),transparent 70%);pointer-events:none}.app-hero .eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary);font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.app-hero h1{font-size:30px;font-weight:800;letter-spacing:-.025em;margin:0 0 12px;color:var(--text-primary)}.app-hero .lead{font-size:14px;color:var(--text-secondary);line-height:1.55;margin:0 0 16px;max-width:480px}.app-hero .cta-row{display:flex;gap:10px;align-items:center}.app-hero .micro{font-size:11.5px;color:var(--text-tertiary);margin-top:12px}.app-hero .price-tag-v2{position:absolute;top:22px;right:22px;display:inline-flex;align-items:center;gap:4px;padding:6px;border-radius:9999px;background:var(--brand-yellow-bg);font-size:12px;font-weight:700}.app-hero .price-tag-v2 .num{padding:0 8px;color:#6E4F00}.app-hero .price-tag-v2 .seg{padding:3px 10px;border-radius:9999px;cursor:pointer;color:#8A6300}.app-hero .price-tag-v2 .seg.active{background:var(--brand-yellow);color:#4F3700}.social-row{align-items:center;gap:14px;margin-top:18px;flex-wrap:wrap}.social-row,.social-row .avatars{display:flex}.social-row .avatars .av{width:24px;height:24px;border-radius:9999px;border:2px solid var(--bg-card);margin-left:-6px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:white}.social-row .avatars .av:first-child{margin-left:0}.social-row .stars{display:inline-flex;gap:1px;color:var(--brand-yellow-strong)}.social-row .sub{font-size:12px;color:var(--text-secondary)}.social-row .sub b{color:var(--text-primary);font-weight:700}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px;flex-wrap:wrap}.page-header .ph-eyebrow{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin-bottom:6px}.page-header h1{font-size:24px;font-weight:800;letter-spacing:-.02em;margin:0 0 6px;line-height:1.15}.page-header .ph-desc{font-size:13px;color:var(--text-secondary);max-width:560px;line-height:1.5;text-wrap:pretty}.page-header .ph-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);padding:12px 16px;border-bottom:1px solid var(--border);background:#FAFBFB;white-space:nowrap}.data-table thead th.right{text-align:right}.data-table thead th.center{text-align:center}.data-table tbody td{padding:12px 16px;border-top:1px solid var(--border);vertical-align:middle;color:var(--text-primary)}.data-table tbody tr{cursor:pointer;transition:background 80ms}.data-table tbody tr:hover{background:var(--bg-app)}.data-table tbody tr.selected{background:var(--brand-mint-3)}.data-table td.right{text-align:right}.data-table td.center{text-align:center}.data-table td.subtle{color:var(--text-secondary)}.data-table td .sub{font-size:11.5px;color:var(--text-tertiary);margin-top:2px}.data-table td .num{font-variant-numeric:tabular-nums}.data-table td .riyal{font-size:11px;font-weight:500;margin-left:2px}.data-table .chev,.data-table td .riyal{color:var(--text-tertiary)}.table-toolbar{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border);background:var(--bg-card);flex-wrap:wrap}.table-toolbar .input{flex:1;min-width:220px;max-width:360px}.chip-row{flex-wrap:wrap;gap:6px}.chip-row,.f-chip{display:inline-flex;align-items:center}.f-chip{gap:5px;padding:5px 12px;border-radius:9999px;font-size:12px;font-weight:600;color:var(--text-secondary);background:var(--bg-app);border:1px solid transparent;cursor:pointer;transition:background 80ms,color 80ms;white-space:nowrap}.f-chip:hover{color:var(--text-primary)}.f-chip.active{background:var(--text-primary);color:white}.act-day-head{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);padding:14px 18px 8px;background:#FAFBFB;border-top:1px solid var(--border)}.act-day-head:first-child{border-top:0}.act-row{display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:center;padding:10px 18px;border-top:1px solid var(--border)}.act-row .txt{font-size:13px;font-weight:500}.act-row .by{margin-top:2px}.act-row .by,.act-row .when{font-size:11.5px;color:var(--text-tertiary)}.act-row .when{font-variant-numeric:tabular-nums}.act-row:hover{background:var(--bg-app)}.cust-hero{display:grid;grid-template-columns:1fr 1.4fr;gap:14px;margin-bottom:14px}@media (max-width:1080px){.cust-hero{grid-template-columns:1fr}}.cust-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-card);padding:18px 22px;box-shadow:var(--shadow-card)}.cust-id{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--border)}.cust-id .nm{font-size:16px;font-weight:800;letter-spacing:-.01em}.cust-id .em{font-size:12px;color:var(--text-secondary);margin-top:2px}.av-big{width:48px;height:48px;border-radius:9999px;background:linear-gradient(135deg,var(--brand-mint-2),var(--brand-mint));color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;letter-spacing:.02em;flex-shrink:0}.cust-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding-top:14px}.cust-meta .lbl{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-weight:700;margin-bottom:4px}.cust-meta .val{font-size:13px;font-weight:600}.rfm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.rfm-tile{background:var(--bg-app);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.rfm-tile.gold{background:linear-gradient(135deg,#FFF7E6,#FFE9B8);border-color:#FBE5B0}.rfm-tile .ttl{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-weight:700;margin-bottom:8px}.rfm-tile .big{font-size:22px;font-weight:800;letter-spacing:-.02em}.rfm-tile .sub{font-size:11.5px;color:var(--text-secondary);margin-top:4px}.timeline-feed{display:flex;flex-direction:column;gap:0;position:relative}.timeline-feed:before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:var(--border)}.tl-item{position:relative;padding:0 0 14px 28px}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";position:absolute;left:2px;top:4px;width:12px;height:12px;border-radius:9999px;background:var(--brand-mint);border:2px solid var(--bg-card);box-shadow:0 0 0 2px var(--brand-mint-2)}.tl-item.cool:before{background:#2E58B1;box-shadow:0 0 0 2px #C8D4F0}.tl-item.warm:before{background:var(--brand-yellow-strong);box-shadow:0 0 0 2px #FFE9B8}.tl-item .t{font-size:13px;font-weight:700}.tl-item .d{font-size:12px;color:var(--text-secondary);margin-top:2px;line-height:1.5}.tl-item .when{font-size:11px;color:var(--text-tertiary);margin-top:4px}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}@media (max-width:1080px){.analytics-grid{grid-template-columns:1fr}}.funnel-step{display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:center;padding:12px 22px;border-top:1px solid var(--border)}.funnel-step:first-of-type{border-top:0}.funnel-step .ic{width:32px;height:32px;border-radius:9px;background:var(--brand-mint-3);color:#0F4A3B;display:inline-flex;align-items:center;justify-content:center}.funnel-step .nm{font-size:13px;font-weight:600;margin-bottom:6px}.funnel-step .bar{height:6px;background:var(--bg-app);border-radius:9999px;overflow:hidden}.funnel-step .bar .fill{height:100%;background:linear-gradient(90deg,var(--brand-mint),#46C4A2);border-radius:9999px}.funnel-step .val{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.funnel-step .sub{font-size:11px;color:var(--text-tertiary);margin-top:2px}.geo-row{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:11px 22px;border-top:1px solid var(--border)}.geo-row:first-of-type{border-top:0}.geo-row .nm{font-size:13px;font-weight:600;margin-bottom:5px}.geo-row .bar{height:6px;background:var(--bg-app);border-radius:9999px;overflow:hidden}.geo-row .bar .fill{height:100%;background:linear-gradient(90deg,var(--brand-mint),#46C4A2);border-radius:9999px}.geo-row .val{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.flag{width:36px;height:24px;font-size:10px}.flag,.flag-big{border-radius:4px;display:inline-flex;align-items:center;justify-content:center;color:white;font-weight:800;letter-spacing:.05em;flex-shrink:0}.flag-big{width:44px;height:30px;font-size:11px}.coupons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width:1180px){.coupons-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.coupons-grid{grid-template-columns:1fr}}.coupon-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-card);padding:16px 18px;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.coupon-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--brand-mint)}.coupon-card .status{position:absolute;top:14px;right:14px}.coupon-card .code{display:inline-block;font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-size:12px;font-weight:700;background:var(--bg-app);border:1px dashed var(--border-strong);padding:4px 10px;border-radius:6px;margin-bottom:12px;margin-top:4px;letter-spacing:.04em}.coupon-card .pct{font-size:28px;font-weight:800;letter-spacing:-.025em;line-height:1.05;color:var(--text-primary)}.coupon-card .pct .l{font-size:13px;font-weight:600;color:var(--text-secondary);margin-left:4px}.coupon-card .desc{font-size:12px;color:var(--text-secondary);line-height:1.5;margin-top:8px;min-height:36px}.coupon-card .stat-row{display:flex;gap:14px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border);align-items:center}.coupon-card .stat-row>div{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-weight:700;line-height:1.3}.coupon-card .stat-row b{display:block;font-size:16px;color:var(--text-primary);font-weight:800;letter-spacing:-.01em;text-transform:none;margin-bottom:2px}.reviews-layout{display:grid;grid-template-columns:360px 1fr;gap:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-card);overflow:hidden;min-height:560px;box-shadow:var(--shadow-card)}@media (max-width:980px){.reviews-layout{grid-template-columns:1fr}}.reviews-list{border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.reviews-list-head{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border)}.reviews-list-head .input{flex:1;height:32px}.reviews-list-body{flex:1;overflow-y:auto;min-height:0}.rl-item{display:grid;grid-template-columns:32px 1fr auto;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border);cursor:pointer;transition:background 80ms;position:relative}.rl-item:hover{background:var(--bg-app)}.rl-item.active{background:var(--brand-mint-3)}.rl-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--brand-mint)}.rl-item.unread .nm:after{content:"";display:inline-block;width:6px;height:6px;border-radius:9999px;background:var(--brand-mint);margin-left:6px;vertical-align:middle}.rl-item .av{width:32px;height:32px;border-radius:9999px;background:linear-gradient(135deg,var(--brand-mint-2),var(--brand-mint));color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.rl-item .nm{font-size:13px;font-weight:700;margin-bottom:2px}.rl-item .stars{display:inline-flex;gap:1px;color:var(--brand-yellow-strong);margin-bottom:3px}.rl-item .body{font-size:12px;color:var(--text-secondary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.rl-item .when{font-size:10.5px;color:var(--text-tertiary);white-space:nowrap}.reviews-pane{display:flex;flex-direction:column;min-height:0}.reviews-pane-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border)}.reviews-pane-head .av{width:40px;height:40px;border-radius:9999px;background:linear-gradient(135deg,var(--brand-mint-2),var(--brand-mint));color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.reviews-pane-head .nm{font-size:14px;font-weight:800;letter-spacing:-.005em}.reviews-pane-head .em{font-size:11.5px;color:var(--text-secondary);margin-top:2px}.reviews-pane-head .actions{margin-left:auto;display:flex;align-items:center;gap:6px}.reviews-pane-body{padding:18px 22px;flex:1;overflow-y:auto}.review-meta-row{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text-tertiary);margin-bottom:10px}.review-bubble{background:var(--bg-app);padding:14px 16px;border-radius:12px;font-size:13.5px;line-height:1.65;color:var(--text-primary)}.reply-area{position:relative;padding:14px 18px;border-top:1px solid var(--border)}.reply-area textarea{width:100%;min-height:88px;border:1px solid var(--border-strong);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:13px;resize:vertical;color:var(--text-primary);outline:0;transition:border-color 80ms}.reply-area textarea:focus{border-color:var(--text-primary)}.reply-area textarea::-moz-placeholder{color:var(--text-tertiary)}.reply-area textarea::placeholder{color:var(--text-tertiary)}.send-btn{position:absolute;right:26px;bottom:22px;height:32px;padding:0 14px;border-radius:9999px;background:var(--brand-mint);color:var(--text-primary);border:0;font-weight:700;font-size:12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.send-btn:hover{background:#4DD5B0}.staff-card-row{display:grid;grid-template-columns:2fr 90px 120px 1fr auto;gap:14px;align-items:center;padding:12px 18px;border-top:1px solid var(--border)}.av-cell{display:flex;align-items:center;gap:12px}.av-cell .av{width:36px;height:36px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}.av-cell .nm{font-size:13px;font-weight:700}.av-cell .em{font-size:11.5px;color:var(--text-secondary);margin-top:1px}.role-tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:9999px;font-size:11px;font-weight:700;letter-spacing:.01em;white-space:nowrap;width:-moz-fit-content;width:fit-content}.role-tag.owner{background:#0F2A2E;color:white}.role-tag.manager{background:#E8EEFB;color:#2E58B1}.role-tag.editor{background:var(--brand-mint-3);color:#0F4A3B}.role-tag.viewer{background:var(--bg-app);color:var(--text-secondary)}.perm-table tbody td:not(:first-child){text-align:center}.perm-table tbody td:first-child{font-weight:600}.perm-tick{color:#1A8056}.perm-cross{color:var(--text-tertiary);opacity:.5}.perm-table tbody tr:hover{background:transparent;cursor:default}.zone-row{display:grid;grid-template-columns:44px 1.5fr 1fr 1fr auto;gap:18px;align-items:center;padding:13px 18px;border-top:1px solid var(--border)}.zone-row .nm{font-size:13px;font-weight:700}.zone-row .meta{font-size:11.5px;color:var(--text-tertiary);margin-top:2px}.zone-row .num{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.zone-row .riyal{font-size:11px;color:var(--text-tertiary);font-weight:500}.payment-card{display:grid;grid-template-columns:44px 1fr auto auto;gap:14px;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:12px 16px;margin-bottom:8px;transition:border-color 80ms,transform 80ms}.payment-card:hover{border-color:var(--border-strong)}.payment-card .logo{width:44px;height:44px;border-radius:10px;color:white;font-weight:800;font-size:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.payment-card .nm{font-size:13.5px;font-weight:700}.payment-card .d{font-size:12px;color:var(--text-secondary);margin-top:2px;line-height:1.45}.payment-card .grow{min-width:0}.connect-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:9999px;font-size:11px;font-weight:700;background:#E6F7EF;color:#1A8056;white-space:nowrap}.connect-pill.disconnected{background:var(--bg-app);color:var(--text-tertiary)}.toast-stack{position:fixed;top:84px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:600;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;min-width:280px;max-width:360px;padding:11px 14px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-dropdown);animation:toast-in .24s var(--ease-out) both}@keyframes toast-in{0%{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}.toast-ic{width:24px;height:24px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.toast.success .toast-ic{background:#E6F7EF;color:#1A8056}.toast.warn .toast-ic{background:#FFF6D6;color:#8A6300}.toast.error .toast-ic{background:#FCEDED;color:#B73B3F}.toast-title{font-size:13px;font-weight:700}.toast-desc{font-size:12px;color:var(--text-secondary);margin-top:2px;line-height:1.4}.skeleton{position:relative;overflow:hidden;background:var(--bg-app);border-radius:6px}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5) 50%,transparent);animation:sk-shimmer 1.4s linear infinite}@keyframes sk-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.sk-line{display:block}.sk-chip,.sk-circle{border-radius:9999px}.sk-chip{display:inline-block;height:22px}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 24px;background:var(--bg-card);border:1px dashed var(--border-strong);border-radius:var(--r-card)}.empty-state.compact{padding:28px 16px}.es-illust{width:72px;height:72px;border-radius:9999px;background:var(--brand-mint-3);color:#0F4A3B;display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px}.es-title{font-size:16px;font-weight:800;letter-spacing:-.005em;margin:0 0 6px}.es-desc{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0 0 16px;max-width:360px}.es-cta-row{display:flex;gap:8px;align-items:center}.tooltip-host{position:relative;display:inline-flex}.tooltip-host .tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:6px 10px;background:var(--text-primary);color:white;font-size:11.5px;font-weight:600;border-radius:8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s;z-index:80}.tooltip-host:hover .tooltip{opacity:1}