:root{--color-bg-primary:#0e0e14;--color-bg-secondary:#12121c;--color-bg-tertiary:#14141e;--color-bg-elevated:#1a1a28;--color-bg-card:#16162280;--color-bg-hover:#37374b80;--color-accent-primary:#00d2ff;--color-accent-primary-hover:#00b8e0;--color-accent-gradient-start:#00b8d4;--color-accent-gradient-end:#00e5ff;--color-accent-glow:#00d2ff26;--color-accent-glow-strong:#00d2ff4d;--color-success:#4caf50;--color-success-bg:#4caf501f;--color-warning:#ffa726;--color-warning-bg:#ffa7261f;--color-error:#ef5350;--color-error-bg:#ef53501f;--color-text-primary:#e0e0f0;--color-text-secondary:#a0a0c0;--color-text-muted:#555570;--color-text-accent:#00d2ff;--color-text-on-accent:#0a0a14;--color-border:#3c3c5a80;--color-border-hover:#64648c99;--color-border-accent:#00b4dc66;--font-family-primary:var(--font-inter), "Segoe UI", system-ui, -apple-system, sans-serif;--font-family-display:var(--font-outfit), var(--font-inter), sans-serif;--font-family-mono:"JetBrains Mono", "Fira Code", monospace;--font-family-arabic:var(--font-noto-sans-arabic), "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px #00d2ff26;--shadow-glow-strong:0 0 40px #00d2ff40;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--header-height:56px;--sidebar-width:220px;--nav-bar-height:60px;--max-content-width:1400px}[dir=rtl]{--font-family-primary:var(--font-noto-sans-arabic), "Segoe UI", system-ui, sans-serif;--font-family-display:var(--font-noto-sans-arabic), "Segoe UI", system-ui, sans-serif}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#64648c66}::-webkit-scrollbar-thumb:hover{background:#64648c99}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}::selection{background:var(--color-accent-glow-strong);color:var(--color-text-primary)}a{color:var(--color-accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-primary-hover)}img,video{max-width:100%;display:block}select,select option{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e0e0f0;background-color:#16161e}.header{z-index:var(--z-sticky);height:var(--header-height);padding:0 var(--space-6);background:linear-gradient(90deg, var(--color-bg-tertiary), var(--color-bg-elevated), var(--color-bg-tertiary));border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header__title{font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#fff;align-items:center;gap:var(--space-2);display:flex}.header__actions{align-items:center;gap:var(--space-3);display:flex}.sidebar{top:var(--header-height);width:var(--sidebar-width);height:calc(100vh - var(--header-height));background:linear-gradient(180deg, var(--color-bg-secondary), var(--color-bg-primary));border-right:1px solid var(--color-border);padding:var(--space-4) 0;z-index:var(--z-base);flex-direction:column;display:flex;position:fixed;overflow-y:auto}[dir=rtl] .sidebar{border-right:none;border-left:1px solid var(--color-border)}.sidebar__step{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--space-3) var(--space-5);cursor:pointer;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;border-left:3px solid #0000}[dir=rtl] .sidebar__step{border-left:none;border-right:3px solid #0000}.sidebar__step:hover{color:var(--color-text-secondary);background:var(--color-bg-hover)}.sidebar__step--active{color:var(--color-accent-primary);font-weight:var(--font-weight-semibold);background:var(--color-accent-glow);border-left-color:var(--color-accent-primary)}[dir=rtl] .sidebar__step--active{border-left-color:#0000;border-right-color:var(--color-accent-primary)}.sidebar__step--complete{color:var(--color-success)}.main-content{margin-left:var(--sidebar-width);min-height:calc(100vh - var(--header-height));padding:var(--space-6)}[dir=rtl] .main-content{margin-left:0;margin-right:var(--sidebar-width)}.main-content--full{margin-left:0}[dir=rtl] .main-content--full{margin-right:0}.nav-bar{bottom:0;left:var(--sidebar-width);height:var(--nav-bar-height);padding:0 var(--space-6);background:linear-gradient(90deg, var(--color-bg-tertiary), var(--color-bg-elevated), var(--color-bg-tertiary));border-top:1px solid var(--color-border);z-index:var(--z-sticky);justify-content:space-between;align-items:center;display:flex;position:fixed;right:0}[dir=rtl] .nav-bar{left:0;right:var(--sidebar-width)}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;line-height:1;display:inline-flex}.btn:disabled{opacity:.35;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg, var(--color-accent-gradient-start), var(--color-accent-gradient-end));color:var(--color-text-on-accent);border:none}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg, var(--color-accent-primary-hover), var(--color-accent-gradient-start));box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--secondary{color:var(--color-text-secondary);border-color:var(--color-border);background:#282837d9}.btn--secondary:hover:not(:disabled){border-color:var(--color-border-hover);color:var(--color-text-primary);background:#37374be6}.btn--ghost{color:var(--color-text-secondary);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.btn--accent-outline{color:var(--color-accent-primary);border-color:var(--color-border-accent);background:0 0}.btn--accent-outline:hover:not(:disabled){background:var(--color-accent-glow);border-color:var(--color-accent-primary)}.btn--sm{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-3)}.btn--lg{font-size:var(--font-size-md);padding:var(--space-3) var(--space-8);border-radius:var(--radius-lg)}.btn--icon{padding:var(--space-2);width:36px;height:36px}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--transition-base)}.card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.card--interactive{cursor:pointer}.card--interactive:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.card--glass{-webkit-backdrop-filter:blur(16px);background:#16162299}.mode-grid{gap:var(--space-6);max-width:1100px;padding:var(--space-8) var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;display:grid}.mode-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);text-align:center;cursor:pointer;transition:all var(--transition-slow);position:relative;overflow:hidden}.mode-card:before{content:"";background:radial-gradient(circle at 50% 0%, var(--color-accent-glow) 0%, transparent 60%);opacity:0;transition:opacity var(--transition-slow);position:absolute;inset:0}.mode-card:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-glow-strong);transform:translateY(-4px)}.mode-card:hover:before{opacity:1}.mode-card__icon{margin-bottom:var(--space-4);filter:drop-shadow(0 0 12px #00d2ff4d);font-size:3rem;position:relative}.mode-card__title{font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-3);position:relative}.mode-card__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);position:relative}.dropzone{justify-content:center;align-items:center;gap:var(--space-4);border:2px dashed var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-card);cursor:pointer;min-height:300px;transition:all var(--transition-base);padding:var(--space-8);text-align:center;flex-direction:column;display:flex}.dropzone:hover,.dropzone--active{border-color:var(--color-accent-primary);background:var(--color-accent-glow)}.dropzone__icon{color:var(--color-text-muted);transition:color var(--transition-base);font-size:3rem}.dropzone:hover .dropzone__icon{color:var(--color-accent-primary)}.dropzone__text{font-size:var(--font-size-md);color:var(--color-text-secondary)}.dropzone__hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.form-input{font-family:inherit;font-size:var(--font-size-base);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast);background:#14141ecc;outline:none}.form-input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px var(--color-accent-glow)}.form-input::placeholder{color:var(--color-text-muted)}.form-select{font-family:inherit;font-size:var(--font-size-base);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);cursor:pointer;appearance:none;background:#14141ecc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23A0A0C0' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8);outline:none}[dir=rtl] .form-select{background-position:left var(--space-3) center;padding-right:var(--space-3);padding-left:var(--space-8)}.form-select:focus{border-color:var(--color-accent-primary)}.slider-container{align-items:center;gap:var(--space-3);display:flex}.slider{appearance:none;border-radius:var(--radius-full);background:#3c3c5a80;outline:none;width:100%;height:4px;direction:ltr!important}.slider::-webkit-slider-thumb{appearance:none;background:var(--color-accent-primary);cursor:pointer;width:16px;height:16px;transition:transform var(--transition-fast);border-radius:50%;margin-top:-6px;box-shadow:0 0 8px #00d2ff66}.slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-value{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;min-width:45px;font-family:var(--font-family-mono)}.checklist{gap:var(--space-1);flex-direction:column;display:flex}.checklist__item{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);border-radius:var(--radius-sm);display:flex}.checklist__item--pass{color:var(--color-success)}.checklist__item--warn{color:var(--color-warning)}.checklist__item--fail{color:var(--color-error)}.checklist__badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-sm);text-transform:uppercase;padding:1px 6px}.checklist__badge--pass{background:var(--color-success-bg);color:var(--color-success)}.checklist__badge--warn{background:var(--color-warning-bg);color:var(--color-warning)}.checklist__badge--fail{background:var(--color-error-bg);color:var(--color-error)}.progress{border-radius:var(--radius-full);background:#3c3c5a66;width:100%;height:4px;overflow:hidden}.progress__bar{background:linear-gradient(90deg, var(--color-accent-gradient-start), var(--color-accent-gradient-end));border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.progress__bar--loading{background:linear-gradient(90deg, var(--color-accent-gradient-start), var(--color-accent-gradient-end), var(--color-accent-gradient-start));background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.image-viewer{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#0a0a10cc;justify-content:center;align-items:center;min-height:400px;display:flex;position:relative;overflow:hidden}.image-viewer img,.image-viewer canvas{object-fit:contain;max-width:100%;max-height:100%}.toast-container{top:var(--space-6);right:var(--space-6);z-index:var(--z-toast);gap:var(--space-3);flex-direction:column;display:flex;position:fixed}[dir=rtl] .toast-container{right:auto;left:var(--space-6)}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);background:var(--color-bg-elevated);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);animation:slideIn var(--transition-base) ease-out;max-width:400px;font-size:var(--font-size-sm);display:flex}.toast--success{border-color:var(--color-success)}.toast--error{border-color:var(--color-error)}.toast--warning{border-color:var(--color-warning)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}[dir=rtl] .toast{animation:slideInRtl var(--transition-base) ease-out}@keyframes slideInRtl{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.page-center{min-height:calc(100vh - var(--header-height));text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.page-title{font-family:var(--font-family-display);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--space-2);background:linear-gradient(135deg, #fff, var(--color-accent-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.page-subtitle{font-size:var(--font-size-md);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.section-title{font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.split-layout{gap:var(--space-6);height:calc(100vh - var(--header-height) - var(--nav-bar-height) - var(--space-12));grid-template-columns:1fr 340px;display:grid}[dir=rtl] .split-layout{grid-template-columns:340px 1fr}.split-layout__main{overflow:auto}.split-layout__side{gap:var(--space-4);flex-direction:column;min-height:0;display:flex;overflow-y:auto}@media (max-width:1024px){.sidebar{display:none}.main-content{margin-left:0}[dir=rtl] .main-content{margin-right:0}.nav-bar{left:0}[dir=rtl] .nav-bar{right:0}.split-layout,[dir=rtl] .split-layout{grid-template-columns:1fr}}@media (max-width:768px){.mode-grid{grid-template-columns:1fr}.page-title{font-size:var(--font-size-2xl)}}.text-accent{color:var(--color-accent-primary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.h-full{height:100%}.hidden{display:none}.fade-in{animation:.5s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dieline-preview{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.dieline-preview svg{width:100%;height:100%;max-height:190px;display:block}input[type=checkbox]{appearance:none;font:inherit;color:var(--color-accent-primary);cursor:pointer;width:16px;height:16px;transition:all var(--transition-fast) ease-in-out;background-color:#ffffff0a;border:1px solid #fff3;border-radius:4px;flex-shrink:0;place-content:center;margin:0;display:inline-grid;position:relative}input[type=checkbox]:before{content:"";width:9px;height:9px;box-shadow:inset 1em 1em var(--color-accent-primary);background-color:var(--color-accent-primary);clip-path:polygon(14% 44%,0 58%,38% 96%,100% 23%,86% 9%,38% 68%);transform-origin:50%;transition:transform .12s ease-in-out;transform:scale(0)}input[type=checkbox]:checked{border-color:var(--color-accent-primary);background-color:#00d2ff1a;box-shadow:0 0 8px #00d2ff33}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox]:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}input[type=checkbox]:disabled{color:var(--color-text-muted);cursor:not-allowed;background-color:#ffffff05;border-color:#ffffff14}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:10000;background-color:#0f0f19f5;border:1px solid #ffffff1f;border-radius:8px;padding:6px 12px;font-size:11px;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:125%;transform:translateY(-50%)scale(.9);box-shadow:0 8px 24px #00000080,0 0 15px #00d2ff0d}[data-tooltip]:before{content:"";opacity:0;pointer-events:none;z-index:10000;border:5px solid #0000;border-right-color:#ffffff1f;transition:all .15s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:110%;transform:translateY(-50%)scale(.9)}[data-tooltip]:hover:after,[data-tooltip]:hover:before{opacity:1;transform:translateY(-50%)scale(1)}[dir=rtl] [data-tooltip]:after{left:auto;right:125%}[dir=rtl] [data-tooltip]:before{border-color:#0000 #0000 #0000 #ffffff1f;left:auto;right:110%}input[type=date],input[type=time],input[type=datetime-local]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin!important}