@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap";:root{--obsidian:#09191d;--obsidian-surface:#0e242a;--ink:#0d272d;--teal:#0f3b44;--teal-hover:#154c57;--teal-light:#eaf1f2;--teal-subtle:#f2f7f7;--gold:#c59b3f;--gold-hover:#b08731;--gold-light:#fdf8ed;--gold-subtle:#fcf4e4;--gold-border:#c59b3f59;--emerald:#0d7a57;--emerald-hover:#0a6346;--emerald-light:#eef7f4;--emerald-border:#0d7a5740;--crimson:#a33830;--crimson-light:#fdf1f0;--sapphire:#2d6282;--sapphire-light:#f0f6fa;--canvas:#f8faf9;--card:#fff;--card-subtle:#f5f8f7;--border:#e2e8e5;--border-focus:#0f3b44;--line-subtle:#edf2ef;--text-main:#132428;--text-muted:#576d72;--text-subtle:#81979c;--text-inverse:#fff;--shadow-xs:0 1px 2px #09191d0a;--shadow-sm:0 2px 5px #09191d0d, 0 1px 2px #09191d08;--shadow-md:0 6px 16px #09191d12, 0 2px 6px #09191d0a;--shadow-lg:0 14px 34px #09191d17, 0 4px 12px #09191d0a;--shadow-glow:0 0 20px #c59b3f40;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--transition:all .22s var(--ease-out)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--canvas);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.65}body[dir=rtl],[dir=rtl]{text-align:right;font-family:IBM Plex Sans Arabic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body[dir=ltr],[dir=ltr]{text-align:left;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{color:var(--ink);letter-spacing:-.02em;font-weight:700;line-height:1.25}p{color:var(--text-muted)}a{color:inherit;transition:var(--transition);text-decoration:none}.container{max-width:1260px;margin:0 auto;padding:0 28px}.container-narrow{max-width:840px;margin:0 auto;padding:0 24px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);padding:26px;position:relative}.card:hover{box-shadow:var(--shadow-md);border-color:#d1dcda}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--teal);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-size:.94rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(180deg, var(--teal) 0%, #0c3139 100%);color:#fff;box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff26;border-color:#0f3b44e6}.btn-primary:hover{background:linear-gradient(180deg, var(--teal-hover) 0%, var(--teal) 100%);box-shadow:var(--shadow-md), inset 0 1px 0 #fff3;transform:translateY(-1px)}.btn-accent{background:linear-gradient(180deg, var(--gold) 0%, #b88d33 100%);color:var(--obsidian);box-shadow:var(--shadow-sm), 0 2px 8px #c59b3f40;border-color:#c59b3f99;font-weight:700}.btn-accent:hover{background:linear-gradient(180deg, #d3ab4d 0%, var(--gold) 100%);box-shadow:var(--shadow-md), 0 4px 14px #c59b3f59;transform:translateY(-1px)}.btn-outline{border-color:var(--border);color:var(--text-main);background-color:#0000}.btn-outline:hover{color:var(--ink);background-color:#f2f6f5;border-color:#cbd8d5}.btn-success{background:linear-gradient(180deg, var(--emerald) 0%, #0a6346 100%);color:#fff;box-shadow:var(--shadow-sm)}.btn-success:hover{background:linear-gradient(180deg, #108f66 0%, var(--emerald) 100%);transform:translateY(-1px)}.btn-sm{border-radius:var(--radius-sm);padding:7px 15px;font-size:.86rem}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.badge{border-radius:var(--radius-full);align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:600;line-height:1.4;display:inline-flex}.badge-dot{border-radius:50%;width:6px;height:6px}.badge-green{background-color:var(--emerald-light);color:var(--emerald);border:1px solid var(--emerald-border)}.badge-green .badge-dot{background-color:var(--emerald)}.badge-gold{background-color:var(--gold-light);color:#8c6819;border:1px solid var(--gold-border)}.badge-gold .badge-dot{background-color:var(--gold)}.badge-blue{background-color:var(--sapphire-light);color:var(--sapphire);border:1px solid #2d628233}.badge-blue .badge-dot{background-color:var(--sapphire)}.badge-gray{color:var(--text-muted);border:1px solid var(--border);background-color:#eef2f1}.badge-gray .badge-dot{background-color:var(--text-subtle)}.badge-red{background-color:var(--crimson-light);color:var(--crimson);border:1px solid #a3383033}.badge-red .badge-dot{background-color:var(--crimson)}.form-group{flex-direction:column;gap:7px;margin-bottom:20px;display:flex}.form-label{color:var(--ink);align-items:center;gap:4px;font-size:.9rem;font-weight:600;display:flex}.form-input,.form-select,.form-textarea{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-main);transition:var(--transition);background-color:#fff;outline:none;padding:12px 16px;font-size:.95rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--teal);background-color:#fff;box-shadow:0 0 0 3px #0f3b441f}.form-hint{color:var(--text-muted);font-size:.8rem;line-height:1.4}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;animation:fadeIn .2s var(--ease-out);background:#09191da6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{background:var(--card);border-radius:var(--radius-xl);width:100%;max-width:640px;max-height:90vh;animation:slideUp .26s var(--ease-out);border:1px solid #fffc;padding:34px;position:relative;overflow-y:auto;box-shadow:0 24px 60px #09191d38,0 8px 18px #09191d14}.progress-track{background:var(--line-subtle);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--emerald) 0%, var(--gold) 100%);border-radius:var(--radius-full);height:100%;transition:width .5s var(--ease-out)}.glass-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb3;border:1px solid #fff6}@media (width<=768px){.container{padding:0 18px}.modal-card{padding:22px}.btn{padding:9px 18px;font-size:.9rem}.hide-mobile{display:none!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}