@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Almarai:wght@300;400;700;800&display=swap";:root{--sfrod-primary:#134e5e;--sfrod-primary-rgb:19, 78, 94;--sfrod-primary-light:#134e5e1a;--sfrod-secondary:#2ebf91;--sfrod-secondary-rgb:46, 191, 145;--sfrod-secondary-light:#2ebf911a;--sfrod-success:#10b981;--sfrod-success-rgb:16, 185, 129;--sfrod-danger:#ef4444;--sfrod-danger-rgb:239, 68, 68;--brand-turquoise:#00a58e;--brand-turquoise-rgb:0, 165, 142;--brand-gold:#fdb022;--brand-gold-rgb:253, 176, 34;--brand-green:#12b76a;--brand-green-rgb:18, 183, 106;--brand-red:#d92d20;--brand-red-rgb:217, 45, 32;--bg-main:#fff;--bg-main-rgb:255, 255, 255;--bg-panel:#fff;--bg-panel-rgb:255, 255, 255;--bg-card:#fff;--bg-card-rgb:255, 255, 255;--text-main:#0f172a;--text-muted:#64748b;--text-muted-rgb:100, 116, 139;--border-color:#e2e8f0;--border-color-rgb:226, 232, 240;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--glass-bg:#ffffffb3;--glass-border:#e2e8f099;--base-font:11px;--compact-gap:10px;--compact-padding:12px;--sidebar-width:280px;--sidebar-collapsed-width:100px;--header-height:64px;--badge-font:11px;--kpi-value-font:20px;--icon-box-size:36px;--compact-radius-xs:6px;--compact-radius-sm:10px;--compact-radius-md:14px;--compact-button-h-xs:32px;--compact-button-h-sm:40px;--compact-button-h-md:48px;--compact-icon-xs:16px;--compact-icon-sm:18px;--compact-icon-md:22px;--compact-font-xs:11px;--compact-font-sm:13px;--compact-font-md:15px;--compact-font-lg:18px;--compact-header-font:18px;--compact-label-font:12px}[data-theme=dark]{--bg-main:#060910;--bg-main-rgb:6, 9, 16;--bg-panel:#0d111c;--bg-panel-rgb:13, 17, 28;--bg-card:#161c2c;--bg-card-rgb:22, 28, 44;--sfrod-primary-light:#134e5e33;--sfrod-secondary-light:#2ebf9133;--text-main:#f1f5f9;--text-muted:#94a3b8;--text-muted-rgb:148, 163, 184;--border-color:#ffffff14;--border-color-rgb:255, 255, 255;--shadow-sm:0 2px 4px 0 #0006;--shadow-md:0 8px 16px -4px #00000080;--glass-bg:#0d111cb3;--glass-border:#ffffff1a}.glass-card{background:var(--glass-bg,#fff);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border,var(--border-color));box-shadow:var(--shadow-md);padding:var(--compact-padding)}.glass-surface{background:rgba(var(--sfrod-primary-rgb), .03);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:calc(var(--compact-padding) / 2)}html{background-color:var(--bg-main);width:100%;height:100%}body{color:var(--text-main);background-color:var(--bg-main);width:100%;min-height:100vh;margin:0;padding:0;font-family:Inter,system-ui,sans-serif;font-size:11px;line-height:1.25;transition:background-color .3s,color .3s}*{box-sizing:border-box}[lang=ar],[lang=ar] body,[lang=ar] input,[lang=ar] button,[lang=ar] select,[lang=ar] textarea{font-size:12px;font-family:Almarai,sans-serif!important}.glass-panel{background:var(--bg-panel);border:1px solid var(--border-color);padding:var(--compact-padding);box-shadow:var(--shadow-md);border-radius:8px;transition:transform .2s,box-shadow .2s}.glass-panel:hover{transform:translateY(-1px);box-shadow:0 4px 10px -2px #0000001a}.glass-luxury{background:rgba(var(--bg-card-rgb,var(--bg-panel-rgb,255, 255, 255)), .7);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);padding:var(--compact-padding);border-radius:12px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 4px 20px -1px #0000000d}h1{letter-spacing:-.02em;margin-bottom:var(--compact-gap);font-size:1.4rem;font-weight:900}h2{letter-spacing:-.015em;margin-bottom:calc(var(--compact-gap) / 2);font-size:1.2rem;font-weight:800}h3{font-size:1rem;font-weight:800}.tech-mode .glass-panel{border-color:#38bdf833;border-radius:6px}.tech-container{background-color:var(--bg-main);width:100vw;min-height:100vh;position:relative}.tech-mode.tech-container:before{content:"";background-image:radial-gradient(var(--border-color) 1px, transparent 1px);opacity:.3;z-index:0;background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 40%,#0000 90%);mask-image:radial-gradient(circle,#000 40%,#0000 90%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s ease-out forwards fadeIn}.label-mono{text-transform:uppercase;letter-spacing:.025em;color:var(--text-muted);font-size:11px;font-weight:600}.btn{cursor:pointer;font-weight:700;font-size:var(--base-font);border:1px solid #0000;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:6px;padding:6px 14px;transition:all .2s;display:inline-flex}.btn-sm{font-size:calc(var(--base-font) - 1px);border-radius:6px;padding:4px 10px}.btn-md{padding:6px 14px}.btn-lg{font-size:calc(var(--base-font) + 2px);padding:10px 20px}.btn-primary{background:var(--sfrod-primary);color:#fff}.btn-secondary{background:var(--bg-panel);color:var(--text-main);border:1px solid var(--border-color)}@keyframes sfrod-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.sfrod-skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%) 0 0/200% 100%;position:relative;overflow:hidden}@keyframes sfrod-spin{to{transform:rotate(360deg)}}@keyframes sfrod-dialog-in{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.text-main{color:var(--text-main)}.text-muted{color:var(--text-muted)}.text-primary{color:var(--sfrod-primary)}.text-danger{color:#ef4444}.text-success{color:#10b981}.text-warning{color:#f59e0b}.bg-main{background:var(--bg-main)}.bg-panel{background:var(--bg-panel)}.bg-card{background:var(--bg-card)}.bg-primary-subtle{background:rgba(var(--sfrod-primary-rgb), .08)}.border-color{border-color:var(--border-color)}.font-800{font-weight:800}.font-700{font-weight:700}.font-600{font-weight:600}.font-500{font-weight:500}.text-xs{font-size:11px}.text-sm{font-size:13px}.text-md{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:32px}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.flex-1{flex:1}.gap-2{gap:2px}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.gap-32{gap:32px}.p-8{padding:8px}.p-12{padding:12px}.p-16{padding:16px}.p-20{padding:20px}.p-24{padding:24px}.p-32{padding:32px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.mt-auto{margin-top:auto}.rounded-sm{border-radius:8px}.rounded-md{border-radius:12px}.rounded-lg{border-radius:16px}.rounded-xl{border-radius:20px}.rounded-full{border-radius:9999px}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:20px}.card-sm{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:16px}.transition{transition:all .2s}.transition-slow{transition:all .3s cubic-bezier(.4,0,.2,1)}.text-gradient{background:linear-gradient(135deg, var(--sfrod-primary), var(--sfrod-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.w-full{width:100%}.h-full{height:100%}.min-h-0{min-height:0}.btn{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:disabled{cursor:not-allowed;opacity:.6}.btn:not(:disabled):hover{transform:translateY(-1px)}.btn:not(:disabled):active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg, var(--sfrod-primary), var(--sfrod-secondary));color:#fff;box-shadow:0 4px 12px #2ebf9133}.btn-danger{color:#fff;background:#ef4444;box-shadow:0 4px 12px #ef444433}.btn-ghost{color:var(--text-main);border-color:var(--border-color);background:0 0}.btn-secondary{background:var(--bg-card);color:var(--text-main);border-color:var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-sm{border-radius:8px;padding:6px 12px;font-size:13px}.btn-md{border-radius:12px;padding:10px 16px;font-size:14px}.btn-lg{border-radius:14px;padding:13px 24px;font-size:15px}