@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;--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}[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)}.glass-surface{background:rgba(var(--sfrod-primary-rgb), .03);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);min-height:100vh;font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.5;transition:background-color .3s,color .3s}[lang=ar],[lang=ar] body,[lang=ar] input,[lang=ar] button,[lang=ar] select,[lang=ar] textarea{font-size:15px;font-family:Almarai,sans-serif!important}.glass-panel{background:var(--bg-panel);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:12px;transition:transform .2s,box-shadow .2s}.glass-panel:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.glass-luxury{background:rgba(var(--bg-card-rgb,var(--bg-panel-rgb,255, 255, 255)), .7);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:24px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 4px 24px -1px #0000000d}.glass-luxury:hover{transform:translateY(-4px)scale(1.005);box-shadow:0 16px 48px #0000001f;border-color:rgba(var(--sfrod-primary-rgb), .3)!important;background:rgba(var(--bg-card-rgb,var(--bg-panel-rgb,255, 255, 255)), .85)!important}[data-theme=dark] .glass-panel:hover{box-shadow:0 10px 15px -3px #00000080}.tech-mode .glass-panel{border-color:#38bdf833;border-radius:8px}.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:.4;z-index:0;background-size:24px 24px;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(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s ease-out forwards fadeIn}.label-mono{text-transform:uppercase;letter-spacing:.025em;color:var(--text-muted);font-size:12px;font-weight:600}.btn{cursor:pointer;border:1px solid #0000;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:6px 12px;font-size:13px}.btn-md{padding:10px 20px}.btn-lg{padding:14px 28px;font-size:16px}.btn-primary{background:var(--sfrod-primary);color:#fff}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary{background:var(--bg-panel);color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-main)}.btn-danger{color:#fff;background:#ef4444}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{color:var(--text-main)}@keyframes sfrod-spin{to{transform:rotate(360deg)}}@keyframes sfrod-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@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}