:root{--ink: #0F1E3A;--ink-light: #2A3F5C;--ink-muted: #6C7688;--paper: #F5F3EE;--paper-warm: #EDEAE4;--white: #FFFFFF;--accent: #C9A227;--accent-hover: #A8861F;--accent-light: #F0E6C8;--accent-pale: #FBF8F0;--success: #3F8A72;--success-light: #E4F0ED;--warning: #D4A745;--warning-light: #FDF6E3;--error: #B84541;--error-hover: #9A3835;--error-light: #F8E8E7;--info: #5B8DB8;--info-light: #EBF3FA;--gray-50: #F5F3EE;--gray-100: #EDEAE4;--gray-200: #E0E3E8;--gray-300: #C8CDD6;--gray-400: #9BA3B0;--gray-500: #6C7688;--gray-600: #5A6374;--gray-700: #3D4A5C;--gray-800: #253044;--gray-900: #0F1E3A;--gradient-warm: linear-gradient(135deg, #F5F3EE 0%, #F0E6C8 100%);--gradient-spotlight: radial-gradient(circle at top right, #FBF8F0, transparent 60%);--shadow-xs: 0 1px 2px rgba(15, 30, 58, .04);--shadow-sm: 0 2px 8px rgba(15, 30, 58, .06);--shadow-md: 0 4px 16px rgba(15, 30, 58, .08);--shadow-lg: 0 8px 32px rgba(15, 30, 58, .1);--shadow-xl: 0 16px 48px rgba(15, 30, 58, .12);--shadow-focus: 0 0 0 3px rgba(201, 162, 39, .22);--font-display: "Amiri", "Noto Naskh Arabic", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-drawer: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom);--safe-left: env(safe-area-inset-left);--safe-right: env(safe-area-inset-right)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--ink);background:var(--paper);line-height:1.6;direction:rtl;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--ink);line-height:1.3}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}button{font-family:var(--font-body);cursor:pointer;border:none;background:none}input,textarea,select{font-family:var(--font-body);font-size:var(--text-base);color:var(--ink)}img{max-width:100%;height:auto;display:block}@media (max-width: 767px){input,textarea,select{font-size:16px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.btn-primary{background:var(--accent);color:var(--white);border:none;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:background var(--transition-fast);cursor:pointer}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:transparent;color:var(--ink);border:1px solid var(--gray-200);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--gray-100);border-color:var(--gray-300)}.btn-ghost{background:transparent;color:var(--ink-light);border:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:all var(--transition-fast)}.btn-ghost:hover{background:var(--gray-100);color:var(--ink)}.btn-danger{background:var(--error);color:var(--white);border:none;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.btn-danger:hover{background:var(--error-hover)}.input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-body);color:var(--ink);background:var(--white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.input::placeholder{color:var(--ink-muted)}.card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-sm)}.avatar{border-radius:var(--radius-full);object-fit:cover;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:var(--weight-bold)}.avatar-xs{width:24px;height:24px;font-size:10px}.avatar-sm{width:32px;height:32px;font-size:12px}.avatar-md{width:40px;height:40px;font-size:14px}.avatar-lg{width:56px;height:56px;font-size:18px}.avatar-xl{width:80px;height:80px;font-size:24px}.avatar-2xl{width:112px;height:112px;font-size:32px}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1}.badge-accent{background:var(--accent-light);color:var(--accent-hover)}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-error{background:var(--error-light);color:var(--error)}.skeleton{background:linear-gradient(90deg,var(--gray-100) 0%,var(--gray-200) 50%,var(--gray-100) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.spinner{width:16px;height:16px;border:2px solid var(--gray-200);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center;gap:var(--space-3)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1e3a80;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-6);animation:overlay-fade-in .2s ease-out}.modal-card{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-height:85vh;display:flex;flex-direction:column;animation:modal-enter .25s cubic-bezier(.34,1.56,.64,1)}.modal-card.sm{max-width:400px}.modal-card.md{max-width:520px}.modal-card.lg{max-width:680px}.modal-card.full{max-width:960px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--gray-200);flex-shrink:0}.modal-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--ink)}.modal-title-icon{display:flex;align-items:center;color:var(--accent);flex-shrink:0}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border:none;background:transparent;color:var(--ink-muted);cursor:pointer;transition:all var(--transition-fast)}.modal-close:hover{background:var(--gray-100);color:var(--ink)}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--gray-200);flex-shrink:0}@media (max-width: 767px){.modal-overlay.bottom-sheet{align-items:flex-end;padding:0}.modal-overlay.bottom-sheet .modal-card{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:90vh;animation:modal-slide-up .3s ease-out}.modal-overlay.full-screen .modal-card{border-radius:0;max-height:100vh;height:100vh;max-width:100vw}}.toast-container{position:fixed;top:var(--space-6);left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--ink);color:var(--white);border-radius:var(--radius-full);font-size:var(--text-sm);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toast-enter .3s ease-out;max-width:400px}.toast.success .toast-icon{color:var(--success)}.toast.error .toast-icon{color:var(--error)}.toast.info .toast-icon{color:var(--info)}.toast-dismiss{animation:toast-exit .2s ease-in forwards}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-enter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes toast-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-exit{to{opacity:0;transform:translateY(-10px)}}.bottom-tab-bar{position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--white);border-top:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-around;z-index:var(--z-sticky);padding-bottom:env(safe-area-inset-bottom)}@media (min-width: 768px){.bottom-tab-bar{display:none}}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;height:100%;border:none;background:none;cursor:pointer;text-decoration:none;color:var(--ink-muted);transition:color var(--transition-fast);padding:var(--space-1) 0;font-family:inherit;position:relative;min-width:0}.tab-item:hover,.tab-item.active{color:var(--accent)}.tab-item-icon{width:20px;height:20px;flex-shrink:0}.tab-item-label{font-size:var(--text-xs);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tab-item--create{color:var(--white)}.tab-item--create .tab-item-create-circle{width:48px;height:48px;border-radius:var(--radius-full);background:var(--accent);display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),transform var(--transition-fast);box-shadow:var(--shadow-md);margin-top:-12px}.tab-item--create .tab-item-create-circle svg{width:24px;height:24px;color:var(--white)}.tab-item--create:hover .tab-item-create-circle{background:var(--accent-hover);transform:scale(1.05)}.tab-item--create .tab-item-label{color:var(--ink-muted);margin-top:2px}.more-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b24324d;z-index:var(--z-drawer);animation:more-overlay-in var(--transition-base) ease}@keyframes more-overlay-in{0%{opacity:0}to{opacity:1}}.more-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--white);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);padding:var(--space-4) var(--space-4) var(--space-8);padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom));z-index:calc(var(--z-drawer) + 1);animation:more-sheet-in var(--transition-base) ease}@keyframes more-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.more-sheet-handle{width:40px;height:4px;border-radius:var(--radius-full);background:var(--gray-300);margin:0 auto var(--space-4)}.more-sheet-items{display:flex;flex-direction:column;gap:var(--space-1)}.more-sheet-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:none;background:none;color:var(--ink);font-size:var(--text-base);font-weight:var(--weight-medium);cursor:pointer;text-decoration:none;transition:background var(--transition-fast);font-family:inherit;text-align:inherit;width:100%}.more-sheet-item:hover{background:var(--accent-pale)}.more-sheet-item svg{width:20px;height:20px;color:var(--ink-light);flex-shrink:0}.more-sheet-item--danger{color:var(--error)}.more-sheet-item--danger svg{color:var(--error)}.more-sheet-divider{height:1px;background:var(--gray-200);margin:var(--space-2) 0}.app-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--paper)}.app-gate-card{width:100%;max-width:400px;padding:var(--space-8)}.app-gate-title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--ink);margin-bottom:var(--space-2);text-align:center}.app-gate-lead{font-size:var(--text-sm);color:var(--ink-muted);text-align:center;margin-bottom:var(--space-6);line-height:1.5}.app-gate-form{display:flex;flex-direction:column;gap:var(--space-4)}.app-gate-input{width:100%}.app-gate-error{font-size:var(--text-sm);color:var(--error);margin:0}.app-gate-submit{width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}