@import "https://fonts.googleapis.com/css2?family=Alexandria:wght@500;600;700;800&family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--font-arabic:"IBM Plex Sans Arabic", sans-serif;--font-english:"Plus Jakarta Sans", sans-serif;--font-display:"Alexandria", "IBM Plex Sans Arabic", sans-serif;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--border-radius-xs:6px;--border-radius-sm:10px;--border-radius-md:16px;--border-radius-lg:24px;--border-radius-full:9999px;--shadow-sm:0 2px 8px -2px #0000000d;--shadow-md:0 10px 20px -8px #00000014;--shadow-lg:0 20px 40px -12px #0000001f;--shadow-glow:0 0 20px #0b6b4f26}:root,[data-theme=light]{--bg-primary:#f6f8f7;--bg-secondary:#fff;--bg-tertiary:#ecf1ef;--bg-glass:#ffffffbf;--border-color:#d9e2de;--border-color-glow:#0b6b4f33;--text-primary:#0e1a2b;--text-secondary:#4e5d6e;--text-muted:#7a8a84;--text-on-primary:#fff;--primary:162, 81%, 23%;--primary-light:153, 36%, 92%;--primary-hover:163, 82%, 18%;--accent:36, 88%, 58%;--accent-light:37, 89%, 92%;--success:142, 76%, 36%;--success-light:142, 70%, 95%;--warning:36, 88%, 58%;--warning-light:37, 89%, 92%;--danger:4, 76%, 40%;--danger-light:6, 78%, 95%;--info:200, 95%, 45%;--info-light:200, 95%, 95%;--sidebar-width:280px;--header-height:70px;--scrollbar-thumb:#c4d1cb;--scrollbar-track:#ecf1ef}[data-theme=dark]{--bg-primary:#0a111c;--bg-secondary:#111b2a;--bg-tertiary:#18243a;--bg-glass:#111b2acc;--border-color:#223047;--border-color-glow:#3cc79640;--text-primary:#eef3f1;--text-secondary:#a3b1c2;--text-muted:#7c8ba0;--text-on-primary:#05231a;--primary:158, 56%, 51%;--primary-light:158, 53%, 12%;--primary-hover:158, 60%, 65%;--accent:37, 89%, 63%;--accent-light:38, 66%, 13%;--success:142, 70%, 45%;--success-light:142, 70%, 12%;--warning:37, 89%, 63%;--warning-light:38, 66%, 13%;--danger:4, 100%, 75%;--danger-light:3, 50%, 15%;--info:200, 95%, 55%;--info-light:200, 95%, 12%;--scrollbar-thumb:#34465f;--scrollbar-track:#111b2a;--shadow-sm:0 2px 8px -2px #0000004d;--shadow-md:0 10px 20px -8px #0006;--shadow-lg:0 20px 40px -12px #00000080;--shadow-glow:0 0 25px #3cc79626}*{box-sizing:border-box;font-family:var(--font-arabic), var(--font-english);margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);display:flex;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:hsla(var(--primary), .7)}.app-container{width:100%;min-height:100vh;display:flex;position:relative}.sidebar{width:var(--sidebar-width);background-color:var(--bg-secondary);border-inline-end:1px solid var(--border-color);z-index:100;height:100vh;transition:width var(--transition-normal), background-color var(--transition-normal), border var(--transition-normal), transform var(--transition-normal);flex-direction:column;display:flex;position:fixed;inset-block-start:0;inset-inline-start:0}.sidebar-header{height:var(--header-height);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:0 24px;display:flex}.logo-container{align-items:center;gap:12px;text-decoration:none;display:flex}.logo-icon{background:hsla(var(--primary), 1);border-radius:var(--border-radius-sm);width:38px;height:38px;color:var(--text-on-primary);box-shadow:var(--shadow-glow);justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex}.logo-text{font-size:20px;font-weight:700;font-family:var(--font-display);color:var(--text-primary)}.sidebar-menu{flex-direction:column;flex-grow:1;gap:8px;padding:24px 16px;list-style:none;display:flex;overflow-y:auto}.menu-item{position:relative}.menu-link{color:var(--text-secondary);border-radius:var(--border-radius-sm);transition:all var(--transition-normal);cursor:pointer;align-items:center;gap:14px;padding:12px 16px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.menu-link i{transition:transform var(--transition-fast);justify-content:center;align-items:center;font-size:18px;display:inline-flex}.menu-link:hover{background-color:hsla(var(--primary), .05);color:hsla(var(--primary), 1);padding-inline-start:22px}.menu-link:hover i{color:hsla(var(--primary), 1);transform:scale(1.15)rotate(-5deg)}.menu-item.active .menu-link{background-color:hsla(var(--primary), .1);color:hsla(var(--primary), 1);font-weight:600}.menu-item.active .menu-link:before{content:"";background-color:hsla(var(--accent), 1);border-radius:var(--border-radius-full);width:4px;height:70%;position:absolute;inset-block-start:15%;inset-inline-start:0}.sidebar-footer{border-block-start:1px solid var(--border-color);padding:16px}.user-profile-summary{border-radius:var(--border-radius-sm);transition:background-color var(--transition-normal);align-items:center;gap:12px;padding:8px;display:flex}.user-profile-summary:hover{background-color:var(--bg-tertiary)}.user-avatar{border-radius:var(--border-radius-full);background:linear-gradient(135deg, hsla(var(--primary), .2), hsla(var(--info), .2));border:2px solid hsla(var(--primary), .5);width:40px;height:40px;color:hsla(var(--primary), 1);justify-content:center;align-items:center;font-weight:700;display:flex}.user-info{flex-direction:column;display:flex}.user-name{color:var(--text-primary);font-size:14px;font-weight:600}.user-role{color:var(--text-muted);font-size:12px}.main-wrapper{min-height:100vh;transition:margin-inline-start var(--transition-normal);flex-direction:column;flex-grow:1;margin-inline-start:var(--sidebar-width);display:flex}.main-header{height:var(--header-height);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:90;transition:background-color var(--transition-normal), border var(--transition-normal);justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:16px;display:flex}.menu-toggle-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--border-radius-xs);transition:background-color var(--transition-fast);background:0 0;border:none;padding:8px;font-size:20px;display:none}.menu-toggle-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.page-title-area{flex-direction:column;display:flex}.page-title{color:var(--text-primary);font-size:20px;font-weight:700}.page-subtitle{color:var(--text-muted);margin-top:-2px;font-size:12px}.header-right{align-items:center;gap:20px;display:flex}.header-search{width:260px;position:relative}.header-search input{border-radius:var(--border-radius-full);border:1px solid var(--border-color);background-color:var(--bg-primary);width:100%;color:var(--text-primary);transition:all var(--transition-normal);padding:10px 16px 10px 40px;font-size:13px}.header-search i{color:var(--text-muted);font-size:14px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}html[dir=rtl] .header-search input{padding:10px 40px 10px 16px}html[dir=rtl] .header-search i{left:auto;right:16px}.header-search input:focus{border-color:hsla(var(--primary), 1);box-shadow:0 0 0 3px hsla(var(--primary), .15);outline:none;width:300px}.header-action-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--border-radius-full);width:38px;height:38px;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;display:flex;position:relative}.header-action-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-badge{background-color:hsla(var(--danger), 1);color:#fff;border-radius:var(--border-radius-full);border:2px solid var(--bg-secondary);justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:flex;position:absolute;top:6px;right:6px}html[dir=rtl] .btn-badge{left:6px;right:auto}.theme-toggle-btn i{transition:transform var(--transition-slow)}[data-theme=dark] .theme-toggle-btn .fa-sun{display:inline-block}[data-theme=dark] .theme-toggle-btn .fa-moon,[data-theme=light] .theme-toggle-btn .fa-sun{display:none}[data-theme=light] .theme-toggle-btn .fa-moon{display:inline-block}.main-content{flex-grow:1;padding:32px;position:relative;overflow-y:auto}.view-section,.saas-section{animation:fadeIn var(--transition-slow);display:none}.view-section.active,.saas-section.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.header-search{width:200px}.header-search input:focus{width:220px}}@media (width<=768px){.sidebar{transform:translate(-100%)}html[dir=rtl] .sidebar{transform:translate(100%)}.sidebar.mobile-open{transform:translate(0)}.main-wrapper{margin-inline-start:0}.menu-toggle-btn{display:block}.header-search{display:none}.main-content{padding:20px}.main-header{padding:0 20px}}.notifications-dropdown-container{display:inline-block;position:relative}.notifications-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);width:320px;box-shadow:var(--shadow-lg);z-index:1000;text-align:right;direction:rtl;margin-top:8px;display:none;position:absolute;top:100%;left:0}.notifications-dropdown.active{display:block}.notifications-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notifications-header h3{color:var(--text-primary);margin:0;font-size:14px;font-weight:700}.notifications-header button{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:11px;font-weight:600}.notifications-list{max-height:280px;overflow-y:auto}.notification-item{border-bottom:1px solid var(--border-color);cursor:pointer;gap:12px;padding:12px 16px;transition:background .2s;display:flex}.notification-item:hover{background:var(--bg-primary)}.notification-icon{background:var(--primary-light);width:32px;height:32px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notification-content{flex-grow:1}.notification-title{color:var(--text-primary);margin-bottom:4px;font-size:12.5px;font-weight:600}.notification-desc{color:var(--text-secondary);font-size:11px;line-height:1.4}.notification-empty{text-align:center;color:var(--text-muted);padding:24px;font-size:12px}h1,h2,.page-title,.card-title,.section-title,.modal-title{font-family:var(--font-display)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px;display:grid}.stat-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);justify-content:space-between;align-items:flex-start;padding:24px;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";width:100%;height:4px;transition:background-color var(--transition-normal);background:0 0;position:absolute;bottom:0;left:0}.stat-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-color-glow);transform:translateY(-6px)}.stat-card:hover:after{background:linear-gradient(90deg, hsla(var(--primary), 1), hsla(var(--accent), 1))}.stat-card:hover .stat-icon{transform:scale(1.12)rotate(-5deg)}.stat-info{flex-direction:column;gap:8px;display:flex}.stat-title{color:var(--text-muted);font-size:14px;font-weight:600}.stat-value{color:var(--text-primary);letter-spacing:-.5px;font-size:28px;font-weight:800;font-family:var(--font-english)}.stat-trend{border-radius:var(--border-radius-full);align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.trend-up{color:hsla(var(--success), 1);background-color:hsla(var(--success), .1)}.trend-down{color:hsla(var(--danger), 1);background-color:hsla(var(--danger), .1)}.stat-icon{border-radius:var(--border-radius-sm);width:48px;height:48px;transition:transform var(--transition-normal), background-color var(--transition-normal);justify-content:center;align-items:center;font-size:20px;display:flex}.stat-icon.primary{color:hsla(var(--primary), 1);background-color:hsla(var(--primary), .1)}.stat-icon.success{color:hsla(var(--success), 1);background-color:hsla(var(--success), .1)}.stat-icon.warning{color:hsla(var(--warning), 1);background-color:hsla(var(--warning), .1)}.stat-icon.danger{color:hsla(var(--danger), 1);background-color:hsla(var(--danger), .1)}.dashboard-grid{grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px;display:grid}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.card-title{color:var(--text-primary);align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.card-body{flex-grow:1;padding:24px}.table-container{width:100%;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:start;width:100%}.custom-table th{background-color:var(--bg-tertiary);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);padding:14px 20px;font-size:13px;font-weight:600}.custom-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;padding:16px 20px;font-size:14px}.custom-table tr:last-child td{border-bottom:none}.custom-table tbody tr{transition:background-color var(--transition-fast)}.custom-table tbody tr:hover{background-color:hsla(var(--primary), .02)}.badge{border-radius:var(--border-radius-full);align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{color:hsla(var(--success), 1);background-color:hsla(var(--success), .1)}.badge-warning{color:hsla(var(--warning), 1);background-color:hsla(var(--warning), .1)}.badge-danger{color:hsla(var(--danger), 1);background-color:hsla(var(--danger), .1)}.badge-info{color:hsla(var(--info), 1);background-color:hsla(var(--info), .1)}.btn{border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-normal);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background-color:hsla(var(--primary), 1);color:var(--text-on-primary);box-shadow:var(--shadow-glow)}.btn-primary:hover{background-color:hsla(var(--primary-hover), 1);box-shadow:0 8px 20px -4px hsla(var(--primary), .4), var(--shadow-glow);filter:brightness(1.05);transform:translateY(-2px)scale(1.02)}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background-color:hsla(var(--primary), .05);border-color:hsla(var(--primary), .25);color:hsla(var(--primary), 1);box-shadow:var(--shadow-sm);transform:translateY(-1.5px)}.btn-secondary:active{transform:translateY(0)}.btn-danger{background-color:#ef4444;background:linear-gradient(135deg, hsla(var(--danger), 1), #f43f5e);color:#fff}.btn-danger:hover{box-shadow:0 8px 20px -4px hsla(var(--danger), .4);filter:brightness(1.05);transform:translateY(-2px)scale(1.02)}.btn-danger:active{transform:translateY(0)scale(.98)}.btn-sm{border-radius:var(--border-radius-xs);padding:6px 12px;font-size:12px}.btn-icon{border-radius:var(--border-radius-xs);width:32px;height:32px;padding:0}.btn-icon:hover{transform:scale(1.08)}.form-group{margin-bottom:20px}.form-label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.form-control{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background-color:var(--bg-primary);width:100%;color:var(--text-primary);transition:all var(--transition-normal);padding:12px 16px;font-size:14px}select.form-control{padding-top:8px;padding-bottom:8px;line-height:1.2}.form-control:focus{border-color:hsla(var(--primary), 1);box-shadow:0 0 0 3px hsla(var(--primary), .15);outline:none}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=576px){.form-row{grid-template-columns:1fr}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;pointer-events:none;transition:opacity var(--transition-normal);background-color:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;pointer-events:all}.modal-container{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-lg);transition:transform var(--transition-normal);flex-direction:column;display:flex;overflow:hidden;transform:scale(.95)}.modal-overlay.active .modal-container{transform:scale(1)}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{color:var(--text-primary);font-size:18px;font-weight:700}.modal-close{color:var(--text-muted);cursor:pointer;border-radius:var(--border-radius-xs);transition:all var(--transition-fast);background:0 0;border:none;padding:4px;font-size:20px}.modal-close:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.modal-body{flex-grow:1;padding:24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}html[dir=rtl] .modal-footer{justify-content:flex-start}.activity-list{flex-direction:column;gap:18px;display:flex}.activity-item{gap:14px;display:flex;position:relative}.activity-item:not(:last-child):before{content:"";background-color:var(--border-color);width:2px;position:absolute;top:24px;bottom:-18px;left:12px}html[dir=rtl] .activity-item:not(:last-child):before{left:auto;right:12px}.activity-marker{border-radius:var(--border-radius-full);z-index:1;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;display:flex}.activity-marker.primary{color:hsla(var(--primary), 1);background-color:hsla(var(--primary), .15);border:2px solid var(--bg-secondary)}.activity-marker.success{color:hsla(var(--success), 1);background-color:hsla(var(--success), .15);border:2px solid var(--bg-secondary)}.activity-marker.warning{color:hsla(var(--warning), 1);background-color:hsla(var(--warning), .15);border:2px solid var(--bg-secondary)}.activity-marker.danger{color:hsla(var(--danger), 1);background-color:hsla(var(--danger), .15);border:2px solid var(--bg-secondary)}.activity-content{flex-direction:column;flex-grow:1;gap:2px;display:flex}.activity-text{color:var(--text-primary);font-size:13px;font-weight:500}.activity-time{color:var(--text-muted);font-size:11px;font-family:var(--font-english)}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.search-box{min-width:280px;position:relative}.search-box input{padding-inline-start:40px}.search-box i{color:var(--text-muted);position:absolute;inset-block-start:50%;inset-inline-start:16px;transform:translateY(-50%)}.filters-group{gap:12px;display:flex}.filter-select{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;outline:none;padding:8px 16px;font-size:13px}.filter-select:focus{border-color:hsla(var(--primary), 1)}.alert-banner{background-color:hsla(var(--warning), .1);border:1px solid hsla(var(--warning), .3);color:var(--text-primary);border-radius:var(--border-radius-sm);justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:16px 20px;display:flex}.alert-message{align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex}.alert-message i{color:hsla(var(--warning), 1);font-size:18px}.invoice-grid{flex-direction:column;gap:20px;display:flex}.invoice-header{border-bottom:1px solid var(--border-color);justify-content:space-between;padding-bottom:16px;display:flex}.invoice-details{grid-template-columns:1fr 1fr;gap:16px;display:grid}.invoice-summary{background-color:var(--bg-tertiary);border-radius:var(--border-radius-sm);flex-direction:column;gap:8px;margin-top:16px;padding:16px;display:flex}.invoice-summary-row{justify-content:space-between;font-size:14px;display:flex}.invoice-summary-row.total{border-top:1px solid var(--border-color);color:hsla(var(--primary), 1);padding-top:8px;font-size:16px;font-weight:800}.woo-editor-container{align-items:flex-start;gap:24px;margin-top:20px;display:flex}@media (width<=1024px){.woo-editor-container{flex-direction:column}}.woo-main-col{flex:1;min-width:0}.woo-side-col{flex-direction:column;flex-shrink:0;gap:20px;width:300px;display:flex}@media (width<=1024px){.woo-side-col{width:100%}}.woo-postbox{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-xs);box-shadow:var(--shadow-sm);margin-bottom:20px;overflow:hidden}.woo-postbox-header{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);color:var(--text-primary);justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:700;display:flex}.woo-postbox-body{padding:20px}.woo-title-input{border-radius:var(--border-radius-xs);border:1px solid var(--border-color);background-color:var(--bg-secondary);width:100%;color:var(--text-primary);transition:all var(--transition-normal);margin-bottom:24px;padding:14px 20px;font-size:22px;font-weight:700}.woo-title-input:focus{border-color:hsla(var(--primary), 1);box-shadow:0 0 0 3px hsla(var(--primary), .15);outline:none}.woo-editor-textarea{resize:vertical;border-radius:var(--border-radius-xs);border:1px solid var(--border-color);background-color:var(--bg-secondary);width:100%;height:200px;color:var(--text-primary);outline:none;padding:16px;font-size:14px;line-height:1.6}.woo-editor-textarea:focus{border-color:hsla(var(--primary), 1)}.woo-product-data{border:1px solid var(--border-color);background-color:var(--bg-secondary);border-radius:var(--border-radius-xs);display:flex;overflow:hidden}@media (width<=768px){.woo-product-data{flex-direction:column}}.woo-tabs-nav{border-inline-end:1px solid var(--border-color);background-color:var(--bg-tertiary);flex-direction:column;flex-shrink:0;width:160px;display:flex}@media (width<=768px){.woo-tabs-nav{border-inline-end:none;border-bottom:1px solid var(--border-color);flex-direction:row;width:100%;overflow-x:auto}}.woo-tab-btn{color:var(--text-secondary);text-align:start;cursor:pointer;border:none;border-bottom:1px solid var(--border-color);transition:all var(--transition-fast);background:0 0;align-items:center;gap:10px;padding:14px 16px;font-size:13px;font-weight:600;display:flex}html[dir=rtl] .woo-tab-btn{text-align:right}@media (width<=768px){.woo-tab-btn{border-bottom:none;border-inline-end:1px solid var(--border-color);white-space:nowrap}}.woo-tab-btn:hover{background-color:hsla(var(--primary), .03);color:var(--text-primary)}.woo-tab-btn.active{background-color:var(--bg-secondary);color:hsla(var(--primary), 1);border-inline-start:4px solid hsla(var(--primary), 1)}@media (width<=768px){.woo-tab-btn.active{border-inline-start:none;border-bottom:4px solid hsla(var(--primary), 1)}}.woo-tab-btn i{text-align:center;width:18px;font-size:15px}.woo-panels{flex-grow:1;padding:24px}.woo-panel{display:none}.woo-panel.active{animation:fadeIn var(--transition-normal);display:block}.woo-categories-checklist{border:1px solid var(--border-color);border-radius:var(--border-radius-xs);background-color:var(--bg-primary);max-height:160px;margin-bottom:12px;padding:10px 14px;overflow-y:auto}.woo-category-item{cursor:pointer;align-items:center;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.woo-category-item input{cursor:pointer}.woo-image-selector{border:2px dashed var(--border-color);border-radius:var(--border-radius-xs);text-align:center;cursor:pointer;transition:all var(--transition-normal);color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;padding:24px 16px;display:flex}.woo-image-selector:hover{border-color:hsla(var(--primary), 1);color:var(--text-primary);background-color:hsla(var(--primary), .02)}.woo-image-selector i{color:hsla(var(--primary), .5);font-size:28px}.woo-image-preview{object-fit:cover;border-radius:var(--border-radius-xs);border:1px solid var(--border-color);width:100%;height:140px;display:none}.woo-publish-actions{border-top:1px solid var(--border-color);justify-content:space-between;margin-top:16px;padding-top:16px;display:flex}.woo-publish-row{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.woo-publish-row i{text-align:center;width:16px;color:var(--text-muted)}.pos-container{align-items:flex-start;gap:24px;display:flex}@media (width<=1024px){.pos-container{flex-direction:column}}.pos-catalog-col{flex-direction:column;flex-grow:1;gap:20px;min-width:0;display:flex}.pos-cart-col{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);width:380px;height:calc(100vh - var(--header-height) - 64px);top:calc(var(--header-height) + 32px);box-shadow:var(--shadow-sm);flex-direction:column;flex-shrink:0;padding:24px;display:flex;position:sticky}@media (width<=1024px){.pos-cart-col{width:100%;height:auto;position:static}}.pos-categories-nav{gap:8px;margin-bottom:12px;padding-bottom:8px;display:flex;overflow-x:auto}.pos-categories-nav::-webkit-scrollbar{height:4px}.pos-cat-btn{border-radius:var(--border-radius-full);border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);padding:8px 16px;font-size:13px;font-weight:600}.pos-cat-btn:hover{border-color:hsla(var(--primary), .5);color:var(--text-primary)}.pos-cat-btn.active{background-color:hsla(var(--primary), 1);color:var(--text-on-primary);border-color:hsla(var(--primary), 1);box-shadow:var(--shadow-glow)}.pos-products-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;display:grid}.pos-product-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-normal);flex-direction:column;gap:10px;padding:14px;display:flex;position:relative;overflow:hidden}.pos-product-card:hover{border-color:var(--border-color-glow);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.pos-product-card.out-of-stock{opacity:.65;cursor:not-allowed}.pos-product-card.out-of-stock:hover{box-shadow:none;border-color:var(--border-color);transform:none}.pos-product-card.out-of-stock:after{content:"نفد المخزون";color:#fff;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#00000073;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;position:absolute;inset:0}.pos-card-thumb{background-color:var(--bg-tertiary);border-radius:var(--border-radius-xs);height:100px;color:hsla(var(--primary), .7);justify-content:center;align-items:center;font-size:26px;display:flex;position:relative;overflow:hidden}.pos-card-thumb img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal)}.pos-card-thumb i{transition:transform var(--transition-normal), color var(--transition-normal)}.pos-card-stock{border-radius:var(--border-radius-full);z-index:10;padding:2px 6px;font-size:9px;font-weight:700;position:absolute;top:8px;right:8px}html[dir=rtl] .pos-card-stock{left:8px;right:auto}.pos-card-stock.in-stock{background-color:hsla(var(--success), .15);color:hsla(var(--success), 1)}.pos-card-stock.low-stock{background-color:hsla(var(--warning), .15);color:hsla(var(--warning), 1)}.pos-card-info{flex-direction:column;gap:4px;display:flex}.pos-card-name{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:34px;font-size:12px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.pos-card-price{font-family:var(--font-english);color:hsla(var(--primary), 1);font-size:14px;font-weight:700}.pos-cart-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.pos-cart-items{flex-direction:column;flex-grow:1;gap:10px;margin-bottom:20px;padding-inline-end:4px;display:flex;overflow-y:auto}.pos-cart-item{background-color:var(--bg-tertiary);border-radius:var(--border-radius-xs);border:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.pos-cart-item-info{flex-grow:1;min-width:0}.pos-cart-item-name{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;display:block;overflow:hidden}.pos-cart-item-price{font-family:var(--font-english);color:hsla(var(--primary), 1);margin-top:2px;font-size:11px;font-weight:700}.pos-cart-item-qty{align-items:center;gap:8px;display:flex}.pos-qty-btn{border-radius:var(--border-radius-full);border:1px solid var(--border-color);background-color:var(--bg-secondary);width:22px;height:22px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:10px;display:flex}.pos-qty-btn:hover{border-color:hsla(var(--primary), 1);color:hsla(var(--primary), 1)}.pos-cart-item-val{font-family:var(--font-english);text-align:left;width:55px;font-size:12px;font-weight:700}html[dir=rtl] .pos-cart-item-val{text-align:right}.pos-cart-summary{border-top:1px solid var(--border-color);flex-direction:column;gap:6px;margin-bottom:20px;padding-top:14px;font-size:12px;display:flex}.pos-summary-row{justify-content:space-between;display:flex}.pos-summary-row.total{border-top:1px solid var(--border-color);color:hsla(var(--primary), 1);padding-top:8px;font-size:15px;font-weight:800}.pos-cart-actions{gap:10px;display:flex}.receipt-container{text-align:center;flex-direction:column;align-items:center;padding:10px;display:flex}.receipt-header{border-bottom:1px dashed var(--border-color);width:100%;margin-bottom:12px;padding-bottom:12px}.receipt-store-title{color:hsla(var(--primary), 1);margin-bottom:4px;font-size:20px;font-weight:800}.receipt-table{border-collapse:collapse;width:100%;margin:12px 0;font-size:11px}.receipt-table th{border-bottom:1px solid var(--border-color);text-align:start;padding:6px 4px}html[dir=rtl] .receipt-table th{text-align:right}.receipt-table td{text-align:start;border-bottom:1px solid var(--bg-tertiary);padding:6px 4px}html[dir=rtl] .receipt-table td{text-align:right}.receipt-divider{border-bottom:1px dashed var(--border-color);width:100%;margin:8px 0}.receipt-total-row{justify-content:space-between;width:100%;margin-bottom:4px;font-size:13px;font-weight:700;display:flex}.receipt-footer{color:var(--text-muted);margin-top:12px;font-size:10px}.sidebar-menu-sections{flex-direction:column;flex-grow:1;gap:12px;padding:16px 12px;list-style:none;display:flex;overflow-y:auto}.menu-section{flex-direction:column;gap:4px;display:flex}.menu-section-header{color:var(--text-secondary);border-radius:var(--border-radius-sm);transition:all var(--transition-normal);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:12px 16px;font-size:14.5px;font-weight:600;display:flex}.menu-section-header:hover{background-color:hsla(var(--primary), .04);color:hsla(var(--primary), 1)}.menu-section-header i:first-child{justify-content:center;align-items:center;width:20px;font-size:16px;display:inline-flex}.menu-section-header .toggle-icon{transition:transform var(--transition-normal);color:var(--text-muted);margin-inline-start:auto;font-size:10px}.menu-section.open .menu-section-header{color:hsla(var(--primary), 1);font-weight:700}.menu-section.open .toggle-icon{color:hsla(var(--primary), 1);transform:rotate(180deg)}.submenu{border-inline-start:1px solid var(--border-color);margin-top:2px;flex-direction:column;gap:2px;margin-inline-start:24px;padding-inline-start:16px;list-style:none;display:none}.menu-section.open .submenu{display:flex}.submenu-item{position:relative}.submenu-link{color:var(--text-secondary);border-radius:var(--border-radius-xs);transition:all var(--transition-fast);cursor:pointer;align-items:center;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.submenu-link:hover{color:hsla(var(--primary), 1);background-color:hsla(var(--primary), .03);padding-inline-start:16px}.submenu-item.active .submenu-link,.menu-section.single-link.active .menu-section-header{background-color:hsla(var(--primary), .08);color:hsla(var(--primary), 1);font-weight:700}.cashflow-summary-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px;display:grid}@media (width<=768px){.cashflow-summary-grid{grid-template-columns:1fr}}.cashflow-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);flex-direction:column;gap:8px;padding:20px;display:flex}.permissions-container{flex-direction:column;gap:24px;display:flex}.permissions-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.role-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);transition:border-color var(--transition-normal);flex-direction:column;gap:16px;padding:24px;display:flex}.role-card:hover{border-color:hsla(var(--primary), .3)}.role-card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.role-title{color:var(--text-primary);align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.role-desc{color:var(--text-muted);margin-top:-8px;font-size:12px}.permission-list{flex-direction:column;gap:12px;display:flex}.permission-checkbox-item{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:13.5px;display:flex}.permission-checkbox-item input[type=checkbox]{width:18px;height:18px;accent-color:hsla(var(--primary), 1);cursor:pointer}.settings-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}@media (width<=992px){.settings-grid{grid-template-columns:1fr}}.settings-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);flex-direction:column;gap:20px;padding:24px;display:flex}.warehouses-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.warehouse-loc-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);flex-direction:column;gap:12px;padding:20px;display:flex;position:relative}.warehouse-loc-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.warehouse-loc-title{color:var(--text-primary);font-size:14px;font-weight:700}.warehouse-loc-body{color:var(--text-secondary);flex-direction:column;gap:6px;font-size:12px;display:flex}.sales-return-btn-item{border-radius:var(--border-radius-xs);margin-top:10px;transition:background-color .2s;overflow:hidden;background-color:#63c!important}.sales-return-btn-item:hover{background-color:#5229a3!important}.sales-return-link{align-items:center;font-weight:700;color:#fff!important;padding:10px 14px!important;display:flex!important}.sales-return-link i{color:#fff!important}.pur-search-item:hover{background-color:#6633cc0f!important}#create-purchase-section .form-control:focus{border-color:#63c!important;box-shadow:0 0 0 3px #6f42c126!important}#pur-items-tbody input.form-control{border-radius:var(--border-radius-xs);border:1px solid var(--border-color);padding:4px 8px}.sidebar[data-active-portal=erp] .menu-section[data-portal=ecommerce],.sidebar[data-active-portal=erp] .menu-section[data-portal=pos],.sidebar[data-active-portal=ecommerce] .menu-section[data-portal=erp],.sidebar[data-active-portal=ecommerce] .menu-section[data-portal=pos],.sidebar[data-active-portal=pos] .menu-section[data-portal=erp],.sidebar[data-active-portal=pos] .menu-section[data-portal=ecommerce]{display:none!important}.portal-switcher{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-direction:column;gap:8px;padding:16px;display:flex}.portal-btn{border-radius:var(--border-radius-xs);border:1px solid var(--border-color);background:var(--bg-tertiary);width:100%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);font-size:13px;font-weight:700;font-family:var(--font-arabic);align-items:center;gap:10px;padding:10px 14px;display:flex}.portal-btn i{transition:transform var(--transition-normal);font-size:14px}.portal-btn:hover{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color-glow)}.portal-btn:hover i{transform:scale(1.15)}.portal-btn[data-portal=erp].active{background:hsla(var(--primary), 1);color:var(--text-on-primary);box-shadow:var(--shadow-glow);border-color:#0000}.portal-btn[data-portal=ecommerce].active{color:#fff;background:linear-gradient(135deg,#63c,#9470db);border-color:#0000;box-shadow:0 4px 15px #6f42c166}.portal-btn[data-portal=pos].active{color:#fff;background:linear-gradient(135deg,#1fadad,#3cdddd);border-color:#0000;box-shadow:0 4px 15px #06b6d466}#ecommerce-dashboard-section .stat-card{transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal)}#ecommerce-dashboard-section .stat-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px -10px #6f42c140;border-color:#6f42c166!important}.order-toast-container{z-index:99999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:24px;right:24px}.order-toast{-webkit-backdrop-filter:blur(12px)saturate(180%);pointer-events:auto;opacity:0;direction:rtl;background:#ffffffd9;border:1px solid #6f42c140;border-radius:12px;gap:12px;width:350px;padding:16px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .4s;display:flex;transform:translate(120%);box-shadow:0 8px 32px #6f42c126}[data-theme=dark] .order-toast{color:#f3f4f6;background:#12121ed9;border:1px solid #6f42c159;box-shadow:0 8px 32px #0006}.order-toast.active{opacity:1;transform:translate(0)}.order-toast-icon{color:#63c;background:#6f42c11a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;animation:2s infinite pulse-glowing;display:flex}.order-toast-content{flex-grow:1}.order-toast-title{margin-bottom:4px;font-size:14px;font-weight:700}.order-toast-desc{color:var(--text-muted);font-size:12px;line-height:1.4}.order-toast-actions{gap:8px;margin-top:8px;display:flex}.order-toast-btn{color:#fff;cursor:pointer;background:#63c;border:none;border-radius:6px;padding:4px 12px;font-size:11px;font-weight:600;transition:opacity .2s}.order-toast-btn:hover{opacity:.9}.order-toast-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-top:-4px;padding:0;font-size:18px;line-height:1}@keyframes pulse-glowing{0%{box-shadow:0 0 #6f42c166}70%{box-shadow:0 0 0 8px #6f42c100}to{box-shadow:0 0 #6f42c100}}.detail-tab-btn{transition:all .2s ease-in-out}.detail-tab-btn:hover{background-color:var(--bg-tertiary);border-radius:6px;color:var(--primary-color)!important}#star-rating-selector .rating-star{transition:transform .15s ease-in-out}#star-rating-selector .rating-star:hover{transform:scale(1.25)}#detail-product-image-container img{transition:transform .3s}#detail-product-image-container:hover img{transform:scale(1.05)}.mj-quick-product{z-index:2000;padding:max(24px, env(safe-area-inset-top,0px)) 16px 24px;overscroll-behavior:contain;background:#0f172a8c;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.mj-quick-product__panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:1180px;padding:20px 24px;box-shadow:0 30px 60px #0f172a40}.mj-quick-product__panel>.view-section{margin:0;padding:0;animation:none;display:block}body.mj-quick-product-open{overflow:hidden}@media (width<=640px){.mj-quick-product{padding:0}.mj-quick-product__panel{border-radius:0;min-height:100%;padding:16px}}body.landing-body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-arabic), sans-serif;min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);display:block;overflow:hidden auto}.landing-nav{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:1000;height:80px;transition:background-color var(--transition-normal), border var(--transition-normal);justify-content:space-between;align-items:center;padding:0 5%;display:flex;position:sticky;top:0}.landing-nav-links{gap:32px;list-style:none;display:flex}.landing-nav-link{color:var(--text-secondary);transition:color var(--transition-fast);font-size:15px;font-weight:600;text-decoration:none}.landing-nav-link:hover{color:hsla(var(--primary), 1)}.landing-nav-actions{align-items:center;gap:16px;display:flex}.landing-hero{text-align:center;flex-direction:column;align-items:center;gap:24px;padding:100px 5% 80px;display:flex;position:relative}.landing-hero-badge{background-color:hsla(var(--primary), .1);color:hsla(var(--primary), 1);border-radius:var(--border-radius-full);border:1px solid hsla(var(--primary), .15);padding:6px 16px;font-size:13px;font-weight:700;display:inline-block}.landing-hero-title{background:linear-gradient(135deg, var(--text-primary), hsla(var(--primary), 1));-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;max-width:800px;font-size:48px;font-weight:800;line-height:1.2}@media (width<=768px){.landing-hero-title{font-size:32px}}.landing-hero-desc{color:var(--text-secondary);max-width:650px;font-size:18px;line-height:1.6}.landing-hero-ctas{gap:16px;margin-top:12px;display:flex}.landing-mockup-wrapper{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);width:90%;max-width:1000px;box-shadow:var(--shadow-lg);margin-top:40px;padding:8px;position:relative;overflow:hidden}.landing-mockup-header{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);border-radius:8px 8px 0 0;align-items:center;gap:6px;height:24px;padding:0 12px;display:flex}.landing-mockup-dot{border-radius:var(--border-radius-full);width:10px;height:10px}.landing-mockup-dot.red{background-color:#ef4444}.landing-mockup-dot.yellow{background-color:#f59e0b}.landing-mockup-dot.green{background-color:#10b981}.landing-mockup-body{aspect-ratio:16/9;background-color:var(--bg-primary);justify-content:center;align-items:center;width:100%;display:flex}.landing-features{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:80px 5%}.section-header{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-bottom:56px;display:flex}.section-title{color:var(--text-primary);font-size:32px;font-weight:800}.section-desc{color:var(--text-secondary);max-width:500px;font-size:15px;line-height:1.6}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:1100px;margin:0 auto;display:grid}.feature-col{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:all var(--transition-normal);flex-direction:column;gap:16px;padding:32px;display:flex}.feature-col:hover{border-color:var(--border-color-glow);box-shadow:var(--shadow-md);transform:translateY(-5px)}.feature-icon-box{border-radius:var(--border-radius-sm);background-color:hsla(var(--primary), .1);width:56px;height:56px;color:hsla(var(--primary), 1);justify-content:center;align-items:center;font-size:24px;display:flex}.feature-col-title{color:var(--text-primary);font-size:18px;font-weight:700}.feature-col-desc{color:var(--text-secondary);font-size:14px;line-height:1.6}.landing-pricing{padding:80px 5% 100px}.pricing-switcher{justify-content:center;align-items:center;gap:16px;margin-bottom:40px;display:flex}.switch-label{color:var(--text-secondary);font-size:14px;font-weight:700}.switch-label.active{color:hsla(var(--primary), 1)}.switch-toggle{background-color:var(--border-color);border-radius:var(--border-radius-full);cursor:pointer;width:50px;height:28px;transition:background-color var(--transition-fast);position:relative}.switch-toggle:after{content:"";border-radius:var(--border-radius-full);width:20px;height:20px;transition:transform var(--transition-normal);background-color:#fff;position:absolute;top:4px;right:4px}.switch-toggle.active{background-color:hsla(var(--primary), 1)}.switch-toggle.active:after{transform:translate(-22px)}html[dir=rtl] .switch-toggle.active:after{transform:translate(22px)}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:flex-start;gap:32px;max-width:1100px;margin:0 auto;display:grid}.pricing-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:all var(--transition-normal);flex-direction:column;gap:24px;padding:40px 32px;display:flex;position:relative}.pricing-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.pricing-card.popular{border-color:hsla(var(--primary), 1);box-shadow:var(--shadow-glow)}.popular-badge{background-color:hsla(var(--primary), 1);color:var(--text-on-primary);border-radius:var(--border-radius-full);letter-spacing:.5px;padding:4px 16px;font-size:11px;font-weight:700;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.plan-name{color:var(--text-primary);font-size:20px;font-weight:800}.plan-price-wrapper{align-items:baseline;gap:4px;display:flex}.plan-price{font-family:var(--font-english);color:var(--text-primary);font-size:38px;font-weight:800}.plan-period{color:var(--text-muted);font-size:13px}.plan-desc{color:var(--text-secondary);font-size:13px;line-height:1.5}.plan-features{flex-direction:column;gap:12px;list-style:none;display:flex}.plan-feature-item{color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}.plan-feature-item i{color:hsla(var(--success), 1)}.landing-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);text-align:center;flex-direction:column;align-items:center;gap:20px;padding:48px 5% 32px;display:flex}.footer-copy{color:var(--text-muted);font-size:12px}.subpage-hero{text-align:center;background:linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);border-bottom:1px solid var(--border-color);flex-direction:column;align-items:center;gap:16px;padding:80px 5% 48px;display:flex}.subpage-hero-title{color:var(--text-primary);background:linear-gradient(135deg, var(--text-primary), hsla(var(--primary), 1));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:38px;font-weight:800}.subpage-hero-desc{color:var(--text-secondary);max-width:600px;font-size:16px;line-height:1.6}.features-section-details{flex-direction:column;gap:80px;max-width:1200px;margin:0 auto;padding:64px 5%;display:flex}.feature-detail-row{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}@media (width<=768px){.feature-detail-row{grid-template-columns:1fr;gap:32px}.feature-detail-row:nth-child(2n){direction:ltr}.feature-detail-row:nth-child(2n)>*{direction:rtl}}.feature-detail-content{text-align:start;flex-direction:column;gap:20px;display:flex}.feature-detail-title{color:var(--text-primary);font-size:26px;font-weight:700}.feature-detail-desc{color:var(--text-secondary);font-size:15px;line-height:1.7}.feature-detail-list{flex-direction:column;gap:12px;list-style:none;display:flex}.feature-detail-list-item{color:var(--text-primary);align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.feature-detail-list-item i{color:hsla(var(--primary), 1)}.feature-detail-image-box{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);padding:16px;overflow:hidden}.feature-detail-image-box i{color:hsla(var(--primary), .15);justify-content:center;align-items:center;padding:60px 0;font-size:120px;display:flex}.pricing-comparison-section{max-width:1000px;margin:0 auto;padding:64px 5%}.comparison-table-wrapper{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);margin-top:32px;overflow-x:auto}.comparison-table{border-collapse:collapse;text-align:start;width:100%}.comparison-table th,.comparison-table td{border-bottom:1px solid var(--border-color);padding:18px 24px}.comparison-table th{background-color:var(--bg-tertiary);color:var(--text-primary);font-size:15px;font-weight:700}.comparison-table td{color:var(--text-secondary);font-size:14px}.comparison-table tr:hover td{background-color:hsla(var(--primary), .01)}.comparison-feature-name{color:var(--text-primary);font-weight:600}.comparison-table td i.fa-check{color:hsla(var(--success), 1);font-size:16px}.comparison-table td i.fa-times{color:hsla(var(--danger), .4);font-size:16px}.faq-section{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:64px 5% 100px}.faq-container{flex-direction:column;gap:16px;max-width:800px;margin:0 auto;display:flex}.faq-item{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--bg-primary);transition:border-color var(--transition-normal);overflow:hidden}.faq-item:hover{border-color:hsla(var(--primary), .25)}.faq-question{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:20px 24px;font-size:15px;font-weight:700;display:flex}.faq-question i{transition:transform var(--transition-normal);color:var(--text-muted);font-size:12px}.faq-item.open{border-color:hsla(var(--primary), .5);background-color:var(--bg-secondary)}.faq-item.open i{color:hsla(var(--primary), 1);transform:rotate(180deg)}.faq-answer{color:var(--text-secondary);border-top:1px solid #0000;padding:0 24px 20px;font-size:14px;line-height:1.6;display:none}.faq-item.open .faq-answer{border-top-color:var(--border-color);animation:fadeIn var(--transition-normal);display:block}.contact-section-grid{grid-template-columns:1.2fr 1fr;gap:48px;max-width:1100px;margin:0 auto;padding:64px 5% 100px;display:grid}@media (width<=900px){.contact-section-grid{grid-template-columns:1fr;gap:32px}}.contact-form-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:24px;padding:40px;display:flex}.contact-info-card{text-align:start;flex-direction:column;gap:32px;display:flex}.contact-info-item{align-items:flex-start;gap:20px;display:flex}.contact-info-icon-box{background-color:hsla(var(--primary), .1);width:48px;height:48px;color:hsla(var(--primary), 1);border-radius:var(--border-radius-sm);flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.contact-info-text-box{flex-direction:column;gap:4px;display:flex}.contact-info-label{color:var(--text-primary);font-size:15px;font-weight:700}.contact-info-value{color:var(--text-secondary);font-size:14px;line-height:1.5}.map-placeholder{border-radius:var(--border-radius-md);border:1px solid var(--border-color);background-color:var(--bg-tertiary);height:250px;color:var(--text-muted);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.map-grid-pattern{opacity:.15;background-image:radial-gradient(var(--text-muted) 1px, transparent 0);background-size:20px 20px;position:absolute;inset:0}.map-marker-pin{color:hsla(var(--danger), 1);z-index:1;font-size:32px;animation:2s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.contact-success-alert{background-color:hsla(var(--success), .15);color:hsla(var(--success), 1);border:1px solid hsla(var(--success), .25);border-radius:var(--border-radius-sm);align-items:center;gap:12px;padding:16px;font-size:14px;font-weight:700;display:none}.mj-setup{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;margin-bottom:24px;padding:22px 24px;position:relative;overflow:hidden}.mj-setup:before{content:"";background:linear-gradient(90deg, hsla(var(--primary), 1), hsla(var(--accent), 1));height:4px;position:absolute;inset:0 0 auto}.mj-setup-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.mj-setup-title{color:var(--text-primary);margin:0 0 4px;font-size:18px;font-weight:800}.mj-setup-sub{color:var(--text-muted);margin:0;font-size:12.5px}.mj-setup-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mj-chip{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.mj-chip.is-trial{background:hsla(var(--warning-light), 1);color:#9d6607;border-color:#0000}.mj-chip button,.mj-chip a{color:hsla(var(--primary), 1);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none}.mj-link-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:12px}.mj-link-btn:hover{color:var(--text-primary)}.mj-progress{align-items:center;gap:12px;margin:16px 0 18px;display:flex}.mj-progress-bar{background:var(--bg-tertiary);border-radius:999px;flex:1;height:8px;overflow:hidden}.mj-progress-fill{background:linear-gradient(90deg, hsla(var(--primary), 1), hsla(var(--success), 1));border-radius:999px;height:100%;transition:width .5s}.mj-progress-text{color:var(--text-secondary);white-space:nowrap;font-size:12px;font-weight:800}.mj-steps{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;display:grid}.mj-step{text-align:start;border:1px solid var(--border-color);background:var(--bg-primary);cursor:pointer;color:inherit;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-family:inherit;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.mj-step:hover{border-color:hsla(var(--primary), .6);box-shadow:var(--shadow-sm,0 2px 8px #0000000d);transform:translateY(-1px)}.mj-step-icon{background:hsla(var(--primary-light), 1);width:38px;height:38px;color:hsla(var(--primary), 1);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex}.mj-step-body{flex:1;min-width:0}.mj-step-title{color:var(--text-primary);font-size:13px;font-weight:800}.mj-step-desc{color:var(--text-muted);margin-top:2px;font-size:11px}.mj-step-go{color:hsla(var(--primary), 1);white-space:nowrap;font-size:11px;font-weight:800}.mj-step.is-done{background:0 0}.mj-step.is-done .mj-step-icon{background:hsla(var(--success-light), 1);color:hsla(var(--success), 1)}.mj-step.is-done .mj-step-title{color:var(--text-muted);text-decoration:line-through;text-decoration-thickness:1px}.mj-step.is-done .mj-step-go{color:hsla(var(--success), 1)}.mj-samples{background:hsla(var(--info-light), 1);color:#03547c;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;font-size:12.5px;display:flex}.mj-samples span{flex:1;min-width:220px}[data-theme=dark] .mj-samples{color:#7dd3fc;background:#0ea5e91f}[data-theme=dark] .mj-chip.is-trial{color:#fcd34d;background:#f59e0b26}.mj-setup-done{align-items:center;gap:14px;display:flex}.mj-setup-done i{color:hsla(var(--success), 1);font-size:28px}.mj-wiz{z-index:10000;background:var(--bg-primary);flex-direction:column;font-family:Cairo,sans-serif;animation:.25s mjFade;display:flex;position:fixed;inset:0}@keyframes mjFade{0%{opacity:0}to{opacity:1}}.mj-wiz-top{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);justify-content:space-between;align-items:center;gap:16px;padding:14px 28px;display:flex}.mj-wiz-brand{color:var(--text-primary);font-size:18px;font-weight:800;font-family:var(--font-display);align-items:center;gap:10px;display:flex}.mj-wiz-brand img{width:34px;height:34px;display:block}.mj-wiz-dots{align-items:center;gap:8px;display:flex}.mj-wiz-dot{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.mj-wiz-dot span{background:var(--bg-tertiary);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:flex}.mj-wiz-dot.is-on{color:var(--text-primary)}.mj-wiz-dot.is-on span{background:hsla(var(--primary), 1);color:#fff}.mj-wiz-dot.is-past span{background:hsla(var(--success), 1);color:#fff}.mj-wiz-sep{background:var(--border-color);border-radius:2px;width:28px;height:2px}.mj-wiz-body{flex:1;padding:36px 28px 28px;overflow:auto}.mj-wiz-inner{max-width:1040px;margin:0 auto}.mj-wiz-h{color:var(--text-primary);text-align:center;margin:0 0 6px;font-size:28px;font-weight:800}.mj-wiz-p{color:var(--text-muted);text-align:center;margin:0 0 30px;font-size:14px}.mj-wiz-foot{border-top:1px solid var(--border-color);background:var(--bg-secondary);justify-content:space-between;align-items:center;gap:12px;padding:14px 28px;display:flex}.mj-btn{cursor:pointer;background:hsla(var(--primary), 1);color:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:46px;padding:0 26px;font-family:inherit;font-size:14px;font-weight:800;text-decoration:none;transition:transform .15s,opacity .15s,box-shadow .15s;display:inline-flex}.mj-btn:hover{box-shadow:0 8px 20px hsla(var(--primary), .25);transform:translateY(-1px)}.mj-btn[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.mj-btn.is-ghost{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0}.mj-btn.is-ghost:hover{box-shadow:none;color:var(--text-primary)}.mj-types{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.mj-type{text-align:center;cursor:pointer;background:var(--bg-secondary);border:2px solid var(--border-color);color:inherit;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:18px 12px;font-family:inherit;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.mj-type:hover{transform:translateY(-3px);box-shadow:0 14px 30px #0f172a14}.mj-type.is-on{border-color:var(--mj-c);box-shadow:0 0 0 4px color-mix(in srgb, var(--mj-c) 15%, transparent)}.mj-type-icon{background:color-mix(in srgb, var(--mj-c) 14%, transparent);width:52px;height:52px;color:var(--mj-c);border-radius:15px;justify-content:center;align-items:center;font-size:22px;display:flex}.mj-type-label{color:var(--text-primary);font-size:14px;font-weight:800}.mj-type-desc{color:var(--text-muted);font-size:11px;line-height:1.5}.mj-design{grid-template-columns:340px 1fr;align-items:start;gap:24px;display:grid}.mj-label{color:var(--text-secondary);margin:0 0 10px;font-size:12.5px;font-weight:800}.mj-themes{flex-direction:column;gap:10px;margin-bottom:22px;display:flex}.mj-theme{cursor:pointer;text-align:start;background:var(--bg-secondary);border:2px solid var(--border-color);color:inherit;border-radius:14px;align-items:center;gap:12px;padding:8px;font-family:inherit;display:flex}.mj-theme.is-on{border-color:hsla(var(--primary), 1)}.mj-theme img{object-fit:cover;object-position:top;background:var(--bg-tertiary);border-radius:8px;flex-shrink:0;width:92px;height:58px}.mj-theme-name{color:var(--text-primary);align-items:center;gap:6px;font-size:13.5px;font-weight:800;display:flex}.mj-theme-name em{background:hsla(var(--success-light), 1);color:hsla(var(--success), 1);border-radius:999px;padding:2px 8px;font-size:10px;font-style:normal;font-weight:800}.mj-theme-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.mj-colors{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mj-color{cursor:pointer;border:3px solid var(--bg-secondary);width:34px;height:34px;box-shadow:0 0 0 1px var(--border-color);border-radius:50%;padding:0}.mj-color.is-on{box-shadow:0 0 0 2px hsla(var(--primary), 1)}.mj-color-custom{width:34px;height:34px;box-shadow:0 0 0 1px var(--border-color);background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:50%;position:relative;overflow:hidden}.mj-color-custom input{opacity:0;cursor:pointer;width:50px;height:50px;position:absolute;inset:-8px}.mj-preview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #0f172a1a}.mj-preview-bar{border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);align-items:center;gap:6px;padding:10px 14px;display:flex}.mj-preview-bar i{background:var(--border-color);border-radius:50%;width:10px;height:10px;display:block}.mj-preview-bar span{color:var(--text-muted);text-align:center;direction:ltr;flex:1;margin-inline-start:10px;font-size:11.5px}.mj-preview-bar a{color:hsla(var(--primary), 1);font-size:11.5px;font-weight:800;text-decoration:none}.mj-preview-frame{height:520px;position:relative;overflow:hidden}.mj-preview-frame iframe{top:0;transform-origin:100% 0;border:0;width:1280px;height:1040px;position:absolute;inset-inline-start:0}[dir=ltr] .mj-preview-frame iframe{transform-origin:0 0}.mj-final{flex-direction:column;gap:16px;max-width:620px;margin:0 auto;display:flex}.mj-summary{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mj-summary div{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:12px 14px}.mj-summary small{color:var(--text-muted);font-size:11px;display:block}.mj-summary b{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;display:flex}.mj-summary b i{border-radius:50%;width:14px;height:14px;display:inline-block}.mj-toggle{cursor:pointer;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;align-items:flex-start;gap:14px;padding:18px;display:flex}.mj-toggle.is-on{border-color:hsla(var(--primary), 1)}.mj-toggle input{width:20px;height:20px;accent-color:hsla(var(--primary), 1);flex-shrink:0;margin-top:3px}.mj-toggle b{color:var(--text-primary);margin-bottom:4px;font-size:14.5px;display:block}.mj-toggle span{color:var(--text-muted);font-size:12.5px;line-height:1.7}.mj-thumbs{gap:6px;margin-top:10px;display:flex}.mj-thumbs img{object-fit:cover;border-radius:8px;width:46px;height:46px}.mj-success{text-align:center;max-width:560px;margin:30px auto 0}.mj-success-icon{background:hsla(var(--success-light), 1);width:92px;height:92px;color:hsla(var(--success), 1);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:40px;animation:.5s cubic-bezier(.2,1.4,.4,1) mjPop;display:flex}@keyframes mjPop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.mj-store-url{background:var(--bg-secondary);border:1px dashed var(--border-color);color:var(--text-primary);direction:ltr;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin:18px 0 26px;padding:12px 16px;font-size:15px;font-weight:800;display:flex}.mj-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.mj-spin{border:2.5px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite mjSpin}@keyframes mjSpin{to{transform:rotate(360deg)}}.mj-error{color:hsla(var(--danger), 1);text-align:center;min-height:18px;font-size:12.5px}@media (width<=900px){.mj-design{grid-template-columns:1fr}.mj-preview-frame{height:380px}.mj-wiz-dot b{display:none}.mj-wiz-h{font-size:22px}.mj-wiz-body{padding:24px 16px}.mj-wiz-top,.mj-wiz-foot{padding:12px 16px}.mj-summary{grid-template-columns:1fr}.mj-types{grid-template-columns:repeat(2,1fr);gap:10px}.mj-type{padding:18px 10px}}.mj-zones-list{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.mj-zone{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:10px;grid-template-columns:1fr auto auto auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.mj-zone.is-off{opacity:.55}.mj-zone-name{color:var(--text-primary);font-size:13px;font-weight:800}.mj-zone-meta{color:var(--text-muted);font-size:11px}.mj-zone-fee{color:hsla(var(--primary), 1);white-space:nowrap;font-size:13px;font-weight:800}.mj-icon-btn{border:1px solid var(--border-color);background:var(--bg-secondary);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border-radius:8px}.mj-icon-btn:hover{color:hsla(var(--danger), 1);border-color:hsla(var(--danger), .4)}.mj-zone-form{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mj-zone-form .form-control{height:38px;font-size:12.5px}.mj-zone-form button{grid-column:1/-1}