@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap";:root{--tola-primary-50: #F2F8EC;--tola-primary-100: #E2F0D3;--tola-primary-200: #C7E2AC;--tola-primary-300: #A6CF7E;--tola-primary-500: #78A348;--tola-primary-600: #5E8A2E;--tola-primary-700: #4A6E25;--tola-ink-600: #333D28;--tola-ink-700: #262E1D;--tola-ink-800: #1C2216;--tola-ink-900: #14170F;--tola-accent-500: #E2A13B;--tola-accent-600: #C7852A;--tola-success-500: #4C8B3B;--tola-success-100: #E4F1DE;--tola-warning-500: #D98C2B;--tola-warning-100: #FBEBD4;--tola-error-500: #C6392B;--tola-error-600: #A62E22;--tola-error-100: #F8E1DE;--tola-info-500: #2F6FB0;--tola-info-100: #DFEAF5;--tola-gray-0: #FFFFFF;--tola-gray-50: #F8F9F6;--tola-gray-100: #F0F2EC;--tola-gray-200: #E1E5DA;--tola-gray-300: #C7CDBB;--tola-gray-400: #A3AB92;--tola-gray-500: #7C8570;--tola-gray-600: #5C634F;--tola-gray-700: #434A38;--tola-gray-900: #1A1D15;--tola-text-primary: var(--tola-gray-900);--tola-text-secondary: var(--tola-gray-600);--tola-text-muted: var(--tola-gray-500);--tola-text-inverse: #FFFFFF;--tola-text-link: var(--tola-primary-600);--tola-bg-page: var(--tola-gray-50);--tola-bg-surface: #FFFFFF;--tola-bg-surface-alt: var(--tola-gray-100);--tola-bg-inverse: var(--tola-ink-900);--tola-bg-brand-tint: var(--tola-primary-50);--tola-border-default: var(--tola-gray-200);--tola-border-strong: var(--tola-gray-300);--tola-border-focus: var(--tola-primary-500);--tola-border-error: var(--tola-error-500);--tola-font-display: "Sora", system-ui, sans-serif;--tola-font-body: "Inter", system-ui, sans-serif;--tola-font-mono: "IBM Plex Mono", ui-monospace, monospace;--tola-radius-sm: 6px;--tola-radius-md: 10px;--tola-radius-lg: 16px;--tola-radius-full: 999px;--tola-shadow-sm: 0 1px 2px rgba(20,24,15,.07);--tola-shadow-md: 0 4px 14px rgba(20,24,15,.09);--tola-shadow-lg: 0 16px 40px rgba(20,24,15,.14);--tola-shadow-focus: 0 0 0 3px rgba(117,167,57,.35);--tola-space-1: 4px;--tola-space-2: 8px;--tola-space-3: 12px;--tola-space-4: 16px;--tola-space-5: 20px;--tola-space-6: 24px;--tola-space-8: 32px;--tola-space-10: 40px;--tola-space-12: 48px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--tola-font-body);background:var(--tola-bg-page);color:var(--tola-text-primary);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--tola-font-display);margin:0;font-weight:700;letter-spacing:-.01em}p{margin:0}a{color:var(--tola-text-link);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}img{max-width:100%;display:block}.mono{font-family:var(--tola-font-mono);font-variant-numeric:tabular-nums}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{font-family:var(--tola-font-body);font-weight:600;font-size:14px;border-radius:var(--tola-radius-md);padding:11px 20px;border:1px solid transparent;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}.btn:focus-visible{outline:none;box-shadow:var(--tola-shadow-focus)}.btn-primary{background:var(--tola-primary-600);color:#fff}.btn-primary:hover{background:var(--tola-primary-700);color:#fff;text-decoration:none}.btn-secondary{background:var(--tola-bg-surface);color:var(--tola-primary-700);border-color:var(--tola-primary-600)}.btn-secondary:hover{background:var(--tola-primary-50);text-decoration:none}.btn-accent{background:var(--tola-accent-500);color:#fff}.btn-accent:hover{background:var(--tola-accent-600);color:#fff;text-decoration:none}.btn-ghost{background:transparent;color:var(--tola-text-secondary);border-color:var(--tola-border-default)}.btn-ghost:hover{background:var(--tola-bg-surface-alt);text-decoration:none}.btn-danger{background:var(--tola-error-500);color:#fff}.btn-danger:hover{background:var(--tola-error-600);color:#fff;text-decoration:none}.btn:disabled{background:var(--tola-gray-200);color:var(--tola-gray-400);cursor:not-allowed;border-color:transparent}.btn-block{width:100%}.btn-sm{padding:7px 14px;font-size:13px}.card{background:var(--tola-bg-surface);border:1px solid var(--tola-border-default);border-radius:var(--tola-radius-lg);box-shadow:var(--tola-shadow-sm)}.field{margin-bottom:var(--tola-space-4)}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;font-family:var(--tola-font-body);font-size:14px;padding:10px 12px;border:1px solid var(--tola-border-default);border-radius:var(--tola-radius-sm);background:var(--tola-bg-surface);color:var(--tola-text-primary)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--tola-border-focus);box-shadow:var(--tola-shadow-focus)}.field .error-msg{color:var(--tola-error-500);font-size:12px;margin-top:5px;font-weight:500}.field .hint{color:var(--tola-text-muted);font-size:12px;margin-top:5px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:5px 11px;border-radius:var(--tola-radius-full)}.badge-success{background:var(--tola-success-100);color:var(--tola-success-500)}.badge-warning{background:var(--tola-warning-100);color:var(--tola-warning-500)}.badge-error{background:var(--tola-error-100);color:var(--tola-error-500)}.badge-info{background:var(--tola-info-100);color:var(--tola-info-500)}.badge-neutral{background:var(--tola-gray-100);color:var(--tola-gray-600)}.alert{border-radius:var(--tola-radius-md);padding:13px 16px;font-size:14px;margin-bottom:12px}.alert-success{background:var(--tola-success-100);color:var(--tola-ink-800, #1c2216)}.alert-error{background:var(--tola-error-100);color:var(--tola-ink-800, #1c2216)}.skeleton{background:linear-gradient(90deg,var(--tola-gray-100) 25%,var(--tola-gray-200) 37%,var(--tola-gray-100) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--tola-radius-sm)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--tola-primary-100);border-top-color:var(--tola-primary-500);animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.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}[dir=rtl] body{font-family:"Noto Sans Arabic",var(--tola-font-body)}@media (max-width: 768px){.container{padding:0 16px}}