:root{color-scheme:light;--color-bg: #f6fbff;--color-bg-elevated: #edf6ff;--color-surface: #ffffff;--color-surface-raised: #f8fbff;--color-surface-soft: #eff6ff;--color-border: rgba(88, 124, 177, .16);--color-border-strong: rgba(64, 115, 191, .28);--color-text: #102b48;--color-text-soft: #214665;--color-text-muted: #5d7897;--color-text-faint: #8aa3c0;--color-brand-primary: #2f7ef3;--color-brand-secondary: #7fc6ff;--color-admin: #2f7ef3;--color-admin-soft: rgba(47, 126, 243, .14);--color-employee: #26a5dd;--color-employee-soft: rgba(38, 165, 221, .14);--color-customer: #6cb8ff;--color-customer-soft: rgba(108, 184, 255, .14);--color-danger: #d74a4a;--color-danger-soft: rgba(215, 74, 74, .14);--color-warning: #d88b24;--color-warning-soft: rgba(216, 139, 36, .14);--color-success: #2cb497;--color-info: #2f7ef3;--gradient-brand: linear-gradient(135deg, #f0f9ff 0%, #9bd9ff 28%, #5a9eff 58%, #245ecf 100%);--gradient-brand-soft: linear-gradient(135deg, rgba(143, 208, 255, .3), rgba(47, 126, 243, .1));--gradient-admin: linear-gradient(135deg, #d5ebff 0%, #73b8ff 40%, #2d65d6 100%);--gradient-employee: linear-gradient(135deg, #dff8ff 0%, #7fd8ff 42%, #1a8bbb 100%);--gradient-customer: linear-gradient(135deg, #e7f6ff 0%, #9fd6ff 42%, #4f97ff 100%);--gradient-danger: linear-gradient(135deg, #ffd0d0 0%, #f27f7f 42%, #c44646 100%);--gradient-panel: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(245, 250, 255, .96)), linear-gradient(180deg, rgba(143, 208, 255, .12), transparent 40%);--gradient-grid: linear-gradient(rgba(111, 165, 230, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(111, 165, 230, .08) 1px, transparent 1px);--shadow-soft: 0 12px 26px rgba(74, 108, 149, .12);--shadow-panel: 0 20px 50px rgba(79, 115, 160, .12);--shadow-elevated: 0 28px 70px rgba(68, 104, 148, .16);--shadow-glow-admin: 0 18px 40px rgba(47, 126, 243, .16);--shadow-glow-employee: 0 18px 40px rgba(38, 165, 221, .12);--shadow-glow-customer: 0 18px 40px rgba(108, 184, 255, .14);--radius-xs: 12px;--radius-sm: 16px;--radius-md: 20px;--radius-lg: 28px;--radius-xl: 36px;--container-width: min(1340px, calc(100vw - 2rem) );--sidebar-width: 312px;--header-height: 88px;--blur-panel: blur(18px);--focus-ring: 0 0 0 4px rgba(47, 126, 243, .18);--control-height: 3.1rem;--control-radius: 1rem;--control-padding-x: .95rem;--transition-base: .22s cubic-bezier(.16, 1, .3, 1);--transition-slow: .36s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}.v-binder-follower-content{position:absolute;z-index:auto;left:0}body{position:relative;min-height:100vh;margin:0;overflow-x:hidden;font-family:ExpoArabic,Tajawal,Cairo,sans-serif;color:var(--color-text);transition:background var(--transition-slow),color var(--transition-base)}body[data-surface=store],body:not([data-surface]){background:radial-gradient(circle at 6% 10%,rgba(118,194,255,.24),transparent 18%),radial-gradient(circle at 92% 10%,rgba(23,102,216,.12),transparent 20%),radial-gradient(circle at 80% 78%,rgba(142,215,255,.2),transparent 20%),linear-gradient(180deg,#fbfdff,#f6fbff 34%,#eef6ff)}body[data-surface=dashboard]{color-scheme:light;color:var(--color-text);background:radial-gradient(circle at 6% 10%,rgba(118,194,255,.24),transparent 18%),radial-gradient(circle at 92% 10%,rgba(23,102,216,.12),transparent 20%),radial-gradient(circle at 80% 78%,rgba(142,215,255,.2),transparent 20%),linear-gradient(180deg,#fbfdff,#f6fbff 34%,#eef6ff)}body:before,body:after{position:fixed;z-index:-1;width:24rem;height:24rem;border-radius:50%;filter:blur(80px);opacity:.42;pointer-events:none;content:""}body:before{top:-10rem;left:-8rem;background:#1766d824}body:after{right:-6rem;bottom:-7rem;background:#89cdff38}body[data-surface=dashboard]:before{background:#1766d824}body[data-surface=dashboard]:after{background:#89cdff38}a{color:inherit;text-decoration:none;transition:color var(--transition-base),opacity var(--transition-base),transform var(--transition-base)}img,video{display:block;max-width:100%}button,input,textarea,select{font:inherit}button{padding:0;border:0;cursor:pointer}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;opacity:.7}:focus-visible{outline:none;box-shadow:var(--focus-ring)}::selection{color:#fff;background:#1766d852}::-webkit-scrollbar{width:.8rem;height:.8rem}::-webkit-scrollbar-track{background:#1766d80d}::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:linear-gradient(180deg,#7ec6ffeb,#1766d8d1);background-clip:padding-box}.skip-link{position:fixed;top:1rem;left:50%;transform:translate(-50%,-160%);z-index:2000;padding:.85rem 1.2rem;border-radius:999px;color:#fff;font-weight:800;background:var(--color-brand-primary);transition:transform var(--transition-base)}.skip-link:focus{transform:translate(-50%)}@media (max-width: 767px){body:before,body:after{width:18rem;height:18rem;filter:blur(56px);opacity:.28}}#app{position:relative;min-height:100vh;isolation:isolate}.page-container{width:var(--container-width);margin-inline:auto}.page-main{position:relative;min-height:100vh}body[data-surface=store] .page-main,body:not([data-surface]) .page-main{padding-top:6.4rem}.surface-panel{position:relative;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--panel-surface-bg, rgba(255, 255, 255, .98));box-shadow:var(--panel-surface-shadow, var(--shadow-panel));-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel)}.surface-panel:before{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var( --panel-surface-glow, radial-gradient(circle at top right, rgba(127, 198, 255, .14), transparent 28%) );pointer-events:none;content:""}body[data-surface=store] .surface-panel,body:not([data-surface]) .surface-panel{background:linear-gradient(160deg,#fffffffc,#f6fafff5),linear-gradient(180deg,rgba(120,185,255,.07),transparent 48%);box-shadow:inset 0 1px #ffffffeb,0 20px 48px #38629717}body[data-surface=store] .surface-panel:before,body:not([data-surface]) .surface-panel:before{background:radial-gradient(circle at top right,rgba(99,171,255,.12),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.18),transparent 40%)}body[data-surface=dashboard] .surface-panel{background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 24%),linear-gradient(180deg,#091222f5,#080f1df5);box-shadow:inset 0 1px #ffffff0d,0 26px 58px #02071275}body[data-surface=dashboard] .surface-panel:before{background:radial-gradient(circle at top right,rgba(90,158,255,.18),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 34%)}.section-stack{display:grid;gap:1.5rem}i+span,i+strong,i+small,i+em,i+b,i+p,i+div{margin-inline-start:.4rem}.n-button .n-button__icon{margin-inline-end:.45rem}.n-button .n-button__content{gap:.35rem}.btn-text i{margin-inline-end:.35rem}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.section-header h2,.section-header h3,.page-title{margin:0;letter-spacing:-.04em;text-wrap:balance}.section-header h2{font-size:clamp(1.5rem,2.4vw,2.35rem);font-weight:900}.section-header p{max-width:58ch;margin:0;color:var(--color-text-muted);line-height:1.95}body[data-surface=dashboard] .section-header p{color:#bfd0ee}.section-eyebrow{display:inline-flex;align-items:center;gap:.5rem;width:fit-content;padding:.55rem 1rem;border:1px solid rgba(127,198,255,.22);border-radius:999px;color:var(--color-brand-primary);font-size:.78rem;font-weight:800;letter-spacing:0;background:linear-gradient(180deg,rgba(255,255,255,.78),transparent),#7fc6ff1f}body[data-surface=dashboard] .section-eyebrow{border-color:#79a9ff33;color:#9bc8ff;background:#5a9eff1a}.page-title{font-size:clamp(2.45rem,5vw,5rem);font-weight:900;line-height:1.4}.page-subtitle{max-width:62ch;margin:0;color:var(--color-text-muted);font-size:1.04rem;line-height:2}.stats-grid,.content-grid,.customer-card-grid,.form-grid,.dashboard-grid{display:grid;gap:1.2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.content-grid.two-columns{grid-template-columns:minmax(0,1.18fr) minmax(320px,.92fr)}.content-grid.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-card-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.dashboard-grid{align-items:start;grid-template-columns:minmax(0,1.5fr) minmax(320px,.95fr)}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.filters-bar{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.85rem 1rem;border:1px solid var(--color-border);border-radius:1.1rem;background:linear-gradient(180deg,#fffffffa,#f6fafff5),#fffffff2;box-shadow:0 12px 26px #1f4e8a1a;overflow:hidden}.filters-bar:before{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at top right,rgba(111,171,255,.12),transparent 40%),linear-gradient(180deg,rgba(255,255,255,.2),transparent 55%);pointer-events:none;content:""}.filters-bar>*{position:relative;z-index:1}body[data-surface=store] .filters-bar,body:not([data-surface]) .filters-bar{background:linear-gradient(180deg,#fffffffa,#f6fafff5),#fffffff2}body[data-surface=dashboard] .filters-bar{background:linear-gradient(180deg,#fffffffa,#f6fafff5),#fffffff2}.n-input,.n-input-number,.n-select,.n-base-selection,.form-control,input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=search],input[type=date],input[type=month]{min-height:var(--control-height);border-radius:var(--control-radius)}.n-input .n-input__input,.n-input .n-input__input-el,.n-input-number .n-input__input,.n-input-number .n-input__input-el,.n-base-selection .n-base-selection-label{min-height:calc(var(--control-height) - .1rem);padding-inline:var(--control-padding-x);font-weight:600}.n-input__border,.n-base-selection__border{border-radius:var(--control-radius)}.form-control,input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=search],input[type=date],input[type=month]{padding-inline:var(--control-padding-x)}.n-input:focus-within,.n-input-number:focus-within,.n-select:focus-within,.n-base-selection:focus-within,.form-control:focus,input:not(.n-input__input-el):focus,textarea:focus,select:focus{border-color:var(--color-brand-primary);box-shadow:var(--focus-ring);outline:none}.n-input__border,.n-base-selection__border{transition:border-color var(--transition-base),box-shadow var(--transition-base)}.n-input:focus-within .n-input__border,.n-input-number:focus-within .n-input__border,.n-base-selection:focus-within .n-base-selection__border{border-color:var(--color-brand-primary);box-shadow:var(--focus-ring)}.n-input__input-el:focus{outline:none;box-shadow:none}.n-button,.table-action,.product-card__ghost,.product-card__cta,.sidebar-panel__logout,.dashboard-header__toggle,.btn-text{min-height:var(--control-height)}.filters-bar>.n-input,.filters-bar>.n-select,.filters-bar>input,.filters-bar>.form-control{flex:1 1 220px;min-width:min(100%,220px)}.filters-bar .n-input,.filters-bar .n-select,.filters-bar .form-control,.filters-bar input{border-radius:.9rem;background:#fffffffa}.filters-bar .n-button{border-radius:999px;border:1px solid var(--color-border);background:#fffffffa;color:var(--color-text);box-shadow:none}.filters-bar .n-button--primary-type{border-color:#2f7ef347;background:#2f7ef31f;color:var(--color-brand-primary);box-shadow:none}.filters-bar .n-button--primary-type:hover,.filters-bar .n-button--default-type:hover{border-color:#2f7ef359;background:#2f7ef329}.filters-bar .pill{border-color:#2f7ef333;background:#2f7ef314;color:var(--color-text)}.filter-bar{display:grid;gap:.9rem}.filter-bar__main{padding:.85rem 1rem;border-radius:1.1rem;border:1px solid var(--color-border);background:linear-gradient(180deg,#fffffffa,#f6fafff5),#fffffff2;box-shadow:0 12px 26px #1f4e8a1a}.filter-bar__main:before{background:radial-gradient(circle at top right,rgba(111,171,255,.12),transparent 40%),linear-gradient(180deg,rgba(255,255,255,.2),transparent 55%)}.filter-popover__footer{background-color:#f7f9fc}.pill{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.85rem;padding:.72rem 1.05rem;border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-soft);font-size:.92rem;font-weight:800;white-space:nowrap;background:var(--pill-surface, rgba(255, 255, 255, .72));transition:transform var(--transition-base),border-color var(--transition-base),color var(--transition-base),background var(--transition-base),box-shadow var(--transition-base)}body[data-surface=store] .pill,body:not([data-surface]) .pill{color:var(--color-text);background:linear-gradient(180deg,rgba(255,255,255,.95),transparent),#ffffffd1}body[data-surface=store] .n-button--secondary-type,body[data-surface=store] .n-button--tertiary-type,body:not([data-surface]) .n-button--secondary-type,body:not([data-surface]) .n-button--tertiary-type{color:var(--color-text)}body[data-surface=store] .n-button--secondary-type .n-button__content,body[data-surface=store] .n-button--secondary-type .n-button__icon,body[data-surface=store] .n-button--tertiary-type .n-button__content,body[data-surface=store] .n-button--tertiary-type .n-button__icon,body:not([data-surface]) .n-button--secondary-type .n-button__content,body:not([data-surface]) .n-button--secondary-type .n-button__icon,body:not([data-surface]) .n-button--tertiary-type .n-button__content,body:not([data-surface]) .n-button--tertiary-type .n-button__icon{color:var(--color-text);padding-left:1.5rem;padding-right:1.5rem}body[data-surface=store] .n-button--primary-type,body:not([data-surface]) .n-button--primary-type{font-weight:900;box-shadow:0 16px 32px #1766d82e}body[data-surface=dashboard] .pill{color:var(--color-text);border-color:var(--color-border);background:linear-gradient(180deg,rgba(255,255,255,.95),transparent),#ffffffd1}body[data-surface=dashboard] .form-control,body[data-surface=dashboard] input[type=date],body[data-surface=dashboard] input[type=month]{border:1px solid var(--color-border);border-radius:.9rem;color:var(--color-text);background:linear-gradient(180deg,rgba(255,255,255,.95),transparent),#ffffffeb}body[data-surface=dashboard] .form-control::placeholder,body[data-surface=dashboard] input[type=date]::placeholder,body[data-surface=dashboard] input[type=month]::placeholder{color:var(--color-text-muted)}.pill:hover,.pill:focus-visible{color:var(--color-text);border-color:var(--color-border-strong);transform:translateY(-1px);box-shadow:0 14px 30px #4975ab1f}.pill.is-active{color:#fff;border-color:transparent;background:linear-gradient(135deg,#2a7df2,#195ecc);box-shadow:0 18px 34px #1766d83d}.divider-line{height:1px;background:linear-gradient(90deg,transparent,var(--color-border-strong),transparent)}.table-shell{overflow:hidden;padding:.35rem}.table-shell table{width:100%;border-collapse:collapse}.table-shell thead tr{background:#2f7ef30f}body[data-surface=dashboard] .table-shell thead tr{background:#5a9eff14}body[data-surface=dashboard] .table-shell th{color:#bfd0ee}.table-shell th,.table-shell td{padding:1rem 1.15rem;text-align:right;vertical-align:middle;border-bottom:1px solid rgba(88,124,177,.1)}.table-shell th{color:var(--color-text-muted);font-size:.82rem;font-weight:800;letter-spacing:.05em}.table-shell tbody tr{transition:background-color var(--transition-base),transform var(--transition-base)}.table-shell tbody tr:hover{background:#2f7ef30f}body[data-surface=dashboard] .table-shell tbody tr:hover{background:#5a9eff0f}body[data-surface=dashboard] .section-stack strong,body[data-surface=dashboard] .table-shell td strong{color:#f7faff}body[data-surface=dashboard] .table-shell td,body[data-surface=dashboard] .table-shell td .text-muted{color:#bfd0ee}.table-actions{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.55rem}.table-action{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-height);padding-inline:.9rem;border:1px solid var(--color-border);border-radius:.95rem;color:var(--color-text-soft);font-size:.84rem;font-weight:800;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent),#ffffff08;transition:transform var(--transition-base),border-color var(--transition-base),background-color var(--transition-base)}.table-action:hover,.table-action:focus-visible{transform:translateY(-1px);border-color:var(--color-border-strong)}.table-action--primary{color:var(--color-text);background:linear-gradient(180deg,rgba(255,255,255,.08),transparent),#5a9eff1f}.table-action--danger{color:#ef8a8a;border-color:#f7545433;background:#f7545414}.table-action--dots{width:var(--control-height);padding-inline:0;border-radius:.95rem}.table-shell tbody tr:last-child td{border-bottom:0}.dashboard-cards{transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.dashboard-cards:hover{border-color:var(--color-border-strong);transform:translateY(-4px);box-shadow:var(--shadow-elevated)}.badge-glow{box-shadow:inset 0 1px #ffffff8c,0 16px 34px #2f7ef329}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.role-admin{color:var(--color-admin)}.role-employee{color:var(--color-employee)}.role-customer{color:var(--color-customer);text-shadow:0 0 24px rgba(127,198,255,.18)}@media (max-width: 1199px){.dashboard-grid,.content-grid.two-columns,.content-grid.three-columns{grid-template-columns:1fr}}@media (max-width: 767px){.page-container{width:min(100vw - 1rem,100%)}.section-header,.form-grid.two{grid-template-columns:1fr}.section-header{flex-direction:column}.table-shell{overflow-x:auto}.table-shell table{min-width:720px}.surface-panel,.filters-bar{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}}@font-face{font-family:ExpoArabic;src:url(/fonts/Expo-Arabic-Light.ttf) format("truetype");font-weight:300;font-display:swap}@font-face{font-family:ExpoArabic;src:url(/fonts/Expo-Arabic-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:ExpoArabic;src:url(/fonts/Expo-Arabic-Medium.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:ExpoArabic;src:url(/fonts/Expo-Arabic-Bold.ttf) format("truetype");font-weight:700;font-display:swap}