@tailwind base;@tailwind components;@tailwind utilities;@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Noto+Naskh+Arabic:wght@400;600;700&family=JetBrains+Mono:wght@400;500&display=swap");:root{--wafa-yellow:#f5d800;--wafa-black:#1a1a1a;--wafa-silver:#cdcdcd;--wafa-white:#fff;--bg-page:#f8f8f6;--bg-card:#fff;--bg-muted:#f2f2f0;--bg-input:#fff;--text-primary:#1a1a1a;--text-secondary:#6b6b6b;--text-tertiary:#9b9b9b;--text-disabled:#c4c4c4;--border-light:rgba(26,26,26,.08);--border-medium:rgba(26,26,26,.16);--border-strong:rgba(26,26,26,.3);--ok:#1d9e75;--ok-bg:#e1f5ee;--warn:#ba7517;--warn-bg:#faeeda;--err:#e24b4a;--err-bg:#fcebeb;--info:#378add;--info-bg:#e6f1fb;--tier-insufficient:#e24b4a;--tier-developing:#ba7517;--tier-promising:#378add;--tier-qualified:#1d9e75;--tier-priority:#f5d800;--status-submitted:#9b9b9b;--status-review:#378add;--status-complement:#ba7517;--status-compliance:#7f77dd;--status-qualification:#1d9e75;--status-agreement:#f5d800;--status-rejected:#e24b4a;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-icon:18px;--shadow-card:0 1px 4px rgba(0,0,0,.07);--shadow-float:0 4px 16px rgba(0,0,0,.1);--focus-ring:0 0 0 3px rgba(245,216,0,.4);--focus-ring-err:0 0 0 3px rgba(226,75,74,.3);--t-fast:120ms;--t-base:200ms;--t-slow:350ms}*,:after,:before{box-sizing:border-box}html{font-size:14px;scroll-behavior:smooth}body{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:13px;line-height:1.6;color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.font-arabic{font-family:Noto Naskh Arabic,Geeza Pro,serif;direction:rtl}h1{font-size:32px;line-height:1.2;letter-spacing:-.5px}h1,h2{font-weight:700}h2{font-size:24px;line-height:1.3}h3{font-size:18px;font-weight:700;line-height:1.4}h4{font-size:14px;line-height:1.5}.btn,h4{font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;padding:10px 22px;border-radius:var(--radius-md);border:none;cursor:pointer;transition:opacity var(--t-fast),transform var(--t-fast);text-decoration:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--wafa-yellow);color:var(--wafa-black);font-weight:700}.btn-primary:hover{opacity:.88}.btn-primary:focus-visible{box-shadow:var(--focus-ring)}.btn-secondary{background:transparent;color:var(--text-primary);border:.5px solid var(--border-medium)}.btn-secondary:hover{background:var(--bg-muted)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:8px 14px}.btn-ghost:hover{background:var(--bg-muted);color:var(--text-primary)}.btn-danger{background:var(--err-bg);color:var(--err);border:.5px solid rgba(226,75,74,.2)}.btn-danger:hover{background:#f9d5d5}.btn-sm{font-size:12px;padding:6px 14px}.btn-lg{font-size:15px;padding:13px 28px}.card{background:var(--bg-card);border:.5px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.card-body{padding:20px}.card-sm .card-body{padding:14px}.input{width:100%;padding:9px 12px;border:.5px solid var(--border-medium);border-radius:var(--radius-md);font-size:13px;font-family:inherit;color:var(--text-primary);background:var(--bg-input);outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--wafa-black);box-shadow:var(--focus-ring)}.input:disabled{background:var(--bg-muted);color:var(--text-disabled);cursor:not-allowed}.input::placeholder{color:var(--text-tertiary)}.input.error{border-color:var(--err);box-shadow:var(--focus-ring-err)}.select{width:100%;padding:9px 36px 9px 12px;border:.5px solid var(--border-medium);border-radius:var(--radius-md);font-size:13px;font-family:inherit;color:var(--text-primary);background:var(--bg-input) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%236B6B6B' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;transition:border-color var(--t-fast)}.select:focus{border-color:var(--wafa-black);box-shadow:var(--focus-ring)}.label{display:block;font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:5px}.label-required:after{content:" *";color:var(--err)}.label-hint{font-size:11px;font-weight:400;color:var(--text-tertiary);margin-top:4px}.textarea{width:100%;padding:10px 12px;border:.5px solid var(--border-medium);border-radius:var(--radius-md);font-size:13px;font-family:inherit;color:var(--text-primary);background:var(--bg-input);outline:none;resize:vertical;min-height:100px;transition:border-color var(--t-fast);line-height:1.6}.textarea:focus{border-color:var(--wafa-black);box-shadow:var(--focus-ring)}.textarea::placeholder{color:var(--text-tertiary)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;padding:2px 9px;border-radius:20px;white-space:nowrap}.badge-yellow{background:var(--wafa-yellow);color:var(--wafa-black)}.badge-ok{background:var(--ok-bg);color:var(--ok)}.badge-warn{background:var(--warn-bg);color:var(--warn)}.badge-err{background:var(--err-bg);color:var(--err)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-muted{background:var(--bg-muted);color:var(--text-secondary);border:.5px solid var(--border-light)}.tier-insufficient{background:var(--err-bg);color:var(--err)}.tier-developing{background:var(--warn-bg);color:var(--warn)}.tier-promising{background:var(--info-bg);color:var(--info)}.tier-qualified{background:var(--ok-bg);color:var(--ok)}.tier-priority{background:var(--wafa-yellow);color:var(--wafa-black)}.score-bar{height:6px;background:var(--bg-muted);border-radius:3px;overflow:hidden}.score-bar-fill{height:100%;border-radius:3px;transition:width .6s ease}.divider{border:none;border-top:.5px solid var(--border-light);margin:0}.section-label{font-size:10px;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.spinner{width:18px;height:18px;border:2px solid var(--border-light);border-top-color:var(--wafa-black);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--radius-md);font-size:12px;line-height:1.5}.alert-ok{background:var(--ok-bg);color:var(--ok);border-left:3px solid var(--ok)}.alert-ok,.alert-warn{border-radius:0 var(--radius-md) var(--radius-md) 0}.alert-warn{background:var(--warn-bg);color:var(--warn);border-left:3px solid var(--warn)}.alert-err{background:var(--err-bg);color:var(--err);border-left:3px solid var(--err)}.alert-err,.alert-info{border-radius:0 var(--radius-md) var(--radius-md) 0}.alert-info{background:var(--info-bg);color:var(--info);border-left:3px solid var(--info)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-medium)}::selection{background:rgba(245,216,0,.3);color:var(--wafa-black)}