:root{--color-surface:#fcf9f8;--color-surface-dim:#dcd9d9;--color-surface-bright:#fcf9f8;--color-surface-variant:#e4e2e1;--color-surface-container:#f0eded;--color-surface-container-low:#f6f3f2;--color-surface-container-lowest:#fff;--color-surface-container-high:#eae7e7;--color-surface-container-highest:#e4e2e1;--color-on-surface:#1b1c1c;--color-on-surface-variant:#3f4944;--color-on-background:#1b1c1c;--color-background:#fcf9f8;--color-outline:#6f7973;--color-outline-variant:#bec9c2;--color-primary:#065f46;--color-on-primary:#fff;--color-primary-container:#a6f2d1;--color-on-primary-container:#002116;--color-primary-fixed:#a6f2d1;--color-primary-fixed-dim:#8bd6b6;--color-on-primary-fixed:#002116;--color-on-primary-fixed-variant:#00513b;--color-inverse-primary:#8bd6b6;--color-secondary:#7d562d;--color-on-secondary:#fff;--color-secondary-container:#ffca98;--color-on-secondary-container:#7a532a;--color-secondary-fixed:#ffdcbd;--color-secondary-fixed-dim:#f0bd8b;--color-on-secondary-fixed:#2c1600;--color-on-secondary-fixed-variant:#623f18;--color-tertiary:#433c26;--color-on-tertiary:#fff;--color-tertiary-container:#5b533b;--color-on-tertiary-container:#d3c7a9;--color-tertiary-fixed:#eee2c2;--color-tertiary-fixed-dim:#d2c6a7;--color-on-tertiary-fixed:#211b08;--color-on-tertiary-fixed-variant:#4e462f;--color-error:#ba1a1a;--color-on-error:#fff;--color-error-container:#ffdad6;--color-on-error-container:#93000a;--color-inverse-surface:#303030;--color-inverse-on-surface:#f3f0f0;--color-surface-tint:#1b6b51;--shadow-ambient:0 4px 12px #065f4614;--shadow-focus:0 8px 24px #065f461f;--shadow-elevated:0 12px 32px #065f4629;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--font-heading:"Cairo", sans-serif;--font-body:"Tajawal", sans-serif}[data-theme=dark]{--color-surface:#121c18;--color-surface-dim:#0b120f;--color-surface-bright:#1e2c26;--color-surface-variant:#3f4944;--color-surface-container:#1a2620;--color-surface-container-low:#162019;--color-surface-container-lowest:#0a0f0c;--color-surface-container-high:#223029;--color-surface-container-highest:#2d3a33;--color-on-surface:#e4e2e1;--color-on-surface-variant:#bec9c2;--color-on-background:#e4e2e1;--color-background:#121c18;--color-outline:#88938c;--color-outline-variant:#3f4944;--color-primary:#8bd6b6;--color-on-primary:#003828;--color-primary-container:#00513b;--color-on-primary-container:#a6f2d1;--color-primary-fixed:#a6f2d1;--color-on-primary-fixed:#002116;--color-on-primary-fixed-variant:#00513b;--color-secondary:#f0bd8b;--color-on-secondary:#472a05;--color-secondary-container:#623f18;--color-on-secondary-container:#ffdcbd;--color-secondary-fixed:#ffdcbd;--color-tertiary:#d2c6a7;--color-on-tertiary:#373119;--color-tertiary-container:#5b533b;--color-on-tertiary-container:#eee2c2;--color-tertiary-fixed:#eee2c2;--color-error:#ffb4ab;--color-error-container:#93000a;--color-inverse-surface:#e4e2e1;--color-inverse-on-surface:#303030;--shadow-ambient:0 4px 12px #0000004d;--shadow-focus:0 8px 24px #00000080;--shadow-elevated:0 12px 32px #0009}*{box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--color-background);color:var(--color-on-background);margin:0;transition:background-color .3s,color .3s;overflow-x:hidden}.canvas-bg{background-image:radial-gradient(var(--color-outline-variant) 1px, transparent 1px);background-size:40px 40px}.glass{-webkit-backdrop-filter:blur(16px);background-color:#ffffffbf}[data-theme=dark] .glass{background-color:#121c18bf}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);margin-top:0}a{color:inherit;text-decoration:none}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-ambient);padding:1.5rem;transition:box-shadow .3s,transform .2s}.card:hover{box-shadow:var(--shadow-focus)}.btn{font-family:var(--font-body);border-radius:var(--radius-xl);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-outline{border:1px solid var(--color-outline);color:var(--color-on-surface);background-color:#0000}.btn-outline:hover{background-color:var(--color-surface-variant)}.btn-icon{border-radius:var(--radius-full);color:var(--color-on-surface-variant);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:inline-flex}.btn-icon:hover{background-color:var(--color-surface-variant)}.input-group{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.input-label{font-family:var(--font-heading);color:var(--color-on-surface-variant);font-size:.875rem;font-weight:600}.input-field{font-family:var(--font-body);border-radius:var(--radius-md);border:1px solid var(--color-outline);background-color:var(--color-surface);color:var(--color-on-surface);padding:.875rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-container);outline:none}textarea.input-field{resize:vertical;min-height:100px}.rd3t-link{stroke:var(--color-outline-variant)!important;stroke-width:2px!important}.tree-container{width:100%;height:calc(100vh - 58px);position:relative}.sidebar-nav-item{color:var(--color-on-surface-variant);cursor:pointer;width:100%;font-family:var(--font-body);text-align:right;background:0 0;border:none;border-radius:0;align-items:center;gap:1rem;padding:.75rem 1.5rem;font-size:1rem;transition:background-color .2s,color .2s;display:flex}.sidebar-nav-item:hover{background-color:var(--color-surface-container-low);color:var(--color-on-surface)}.sidebar-nav-item.active{background-color:var(--color-primary-container);color:var(--color-on-primary-container);border-right:4px solid var(--color-primary);font-weight:700}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}@media (width<=768px){.hidden-mobile{display:none!important}}@media (width<=1024px){.hidden-tablet{display:none!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.4s ease-out fadeInUp}