:root{--app-bg: #f5f3ff;--app-surface: #ffffff;--app-sidebar: #1e1b4b;--app-sidebar-hover: #312e81;--app-primary: #7c3aed;--app-primary-hover: #6d28d9;--app-accent: #c026d3;--app-border: #e9d5ff;--app-text: #1e1b4b;--app-muted: #6b7280;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--shadow-card: 0 4px 24px -6px rgb(124 58 237 / .12);--shadow-soft: 0 2px 12px -2px rgb(30 27 75 / .08)}body{background:linear-gradient(160deg,var(--app-bg) 0%,#faf5ff 45%,#f8fafc 100%);color:var(--app-text)}.font-cairo{font-family:Cairo,sans-serif}.app-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.app-input-dark{background:#312e81!important;border-color:#4338ca!important;border-radius:var(--radius-md)!important;color:#fff!important}.app-input-dark:focus{--tw-ring-color: rgb(139 92 246) !important}.app-btn-primary{background:linear-gradient(135deg,var(--app-primary) 0%,var(--app-accent) 100%);border-radius:var(--radius-lg);box-shadow:0 8px 20px -6px #7c3aed73;transition:transform .15s ease,box-shadow .15s ease}.app-btn-primary:hover{background:linear-gradient(135deg,var(--app-primary-hover) 0%,#a21caf 100%)}.app-btn-primary:active{transform:scale(.98)}.custom-scrollbar::-webkit-scrollbar-thumb{background:#c4b5fd;border-radius:999px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#a78bfa}.custom-scrollbar{scrollbar-color:#c4b5fd transparent}