@tailwind base;@tailwind components;@tailwind utilities;:root{--primary: #2563eb;--primary-dark: #1e40af;--secondary: #64748b;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--background: #f8fafc;--surface: #ffffff}body{font-family:Inter,Noto Kufi Arabic,sans-serif;background-color:var(--background);color:#1e293b;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;overscroll-behavior:none}input,textarea,[contenteditable]{user-select:text;-webkit-user-select:text}.elevation-1{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.elevation-2{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}.elevation-3{box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b}.ripple{position:relative;overflow:hidden;transform:translateZ(0)}.ripple:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#000 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .5s,opacity 1s}.ripple:active:after{transform:scale(0);opacity:.2;transition:0s}.page-transition{animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:modalSlideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.bg-size-200{background-size:200% 100%}.bg-pos-0{background-position:0% 0%}.bg-pos-100{background-position:100% 0%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dark ::-webkit-scrollbar-thumb{background:#475569}.fab{position:fixed;bottom:2rem;left:2rem;width:56px;height:56px;border-radius:16px;background-color:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .2s;z-index:50}.fab:active{transform:scale(.95)}.card{background:var(--surface);border-radius:16px;border:1px solid #e2e8f0;transition:all .2s}.dark .card{background:#1e293b;border-color:#334155}