@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-primary:#f8fafc;--bg-surface:#fff;--bg-muted:#f1f5f9;--border-subtle:#e2e8f0;--border-strong:#cbd5e1;--border-focus:#93c5fd;--border-card:#e2e8f0d9;--text-main:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--primary-blue:#2563eb;--primary-blue-glow:#2563eb59;--primary-emerald:#10b981;--primary-emerald-glow:#10b98159;--primary-cyan:#0ea5e9;--shadow-sm:0 1px 2px 0 #0f172a0d;--shadow-card:0 4px 20px -2px #0f172a0d, 0 2px 6px -1px #0f172a05;--shadow-card-hover:0 20px 25px -5px #0f172a14, 0 8px 10px -6px #0f172a0a}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-main);text-align:right;min-height:100dvh;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);-webkit-overflow-scrolling:touch;direction:rtl;font-family:IBM Plex Sans Arabic,Cairo,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}button,a{touch-action:manipulation;-webkit-user-select:none;user-select:none}.font-mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.status-dot,.led-indicator{vertical-align:middle;border-radius:50%;width:9px;min-width:9px;height:9px;min-height:9px;transition:background-color .25s,box-shadow .25s;display:inline-block}.dot-green,.led-green{background-color:#10b981;box-shadow:0 0 0 2.5px #10b98133}.dot-grey,.led-grey{box-shadow:none;background-color:#cbd5e1}.modern-card{box-shadow:var(--shadow-card);background:linear-gradient(165deg,#fffffffa 0%,#f8fafcf2 100%);border:1px solid #e2e8f0d9;border-radius:1.25rem;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.modern-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000 0%,#3b82f659 50%,#0000 100%);height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.modern-card:hover{box-shadow:var(--shadow-card-hover), 0 0 0 1px #3b82f614;border-color:#93c5fdd9;transform:translateY(-3px)}.modern-card:hover:before{opacity:1}.action-sub-btn{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;transition:all .22s cubic-bezier(.16,1,.3,1)}.action-sub-btn:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px -1px #0f172a0f}.action-sub-btn:active{transform:translateY(0)}.btn-modern-primary{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px -1px #0f172a40}.btn-modern-primary:hover{background:linear-gradient(135deg,#1e293b 0%,#2563eb 100%);transform:translateY(-1.5px);box-shadow:0 6px 20px -2px #2563eb66}.btn-modern-primary:active{transform:translateY(0)}.btn-card-direct{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);transition:all .22s cubic-bezier(.16,1,.3,1)}.btn-card-direct:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 4px 14px -1px #2563eb59}.btn-card-toggle{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;transition:all .2s}.btn-card-toggle:hover{color:#059669;background:#ecfdf5;border-color:#a7f3d0;transform:translateY(-1px)}#drawer-overlay{transition:opacity .25s ease-in-out,visibility .25s ease-in-out}#drawer-overlay.hidden-overlay{opacity:0;visibility:hidden;pointer-events:none}#drawer-overlay.visible-overlay{opacity:1;visibility:visible;pointer-events:auto}#category-drawer{transition:transform .3s cubic-bezier(.16,1,.3,1);transform:translate(100%)}#category-drawer.open{transform:translate(0)}.protected-view,.protected-view *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}#canvas-container{touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior-y:auto;align-items:safe center;scroll-padding:8px}#canvas-wrapper,#pdf-canvas,#pdf-shield{touch-action:pan-x pan-y;-webkit-touch-callout:none!important}#pdf-shield{-webkit-user-select:none!important;user-select:none!important}@media print{html,body,#app,header,footer,aside,section,div,canvas{visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;display:none!important;overflow:hidden!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f8fafc}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes floatSlow{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(1.5deg)}}@keyframes pulseHalo{0%,to{opacity:.35;transform:scale(.95)}50%{opacity:.75;transform:scale(1.12)}}@keyframes shimmerWave{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-float-slow{animation:3.8s ease-in-out infinite floatSlow}.animate-pulse-halo{animation:3s ease-in-out infinite pulseHalo}.coming-soon-gradient-border{background:linear-gradient(90deg,#2563eb 0%,#10b981 50%,#3b82f6 100%) 0 0/200% 100%;animation:3.5s linear infinite shimmerWave}