:root{--primary: #e8590c;--primary-soft: #fff0e6;--surface-1: #ffffff;--surface-2: #f7f8fa;--surface-3: #eef0f3;--border: #e4e7eb;--text: #1a1d21;--text-muted: #5c6470;--text-faint: #9aa2ad;--shadow: 0 8px 24px rgba(20, 24, 33, .08);--radius: 10px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--surface-2);-webkit-font-smoothing:antialiased}#app{min-height:100vh}input{font:inherit;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-1);color:var(--text);outline:none}input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.btn{font:inherit;font-weight:600;font-size:14px;border:1px solid transparent;border-radius:8px;padding:10px 16px;cursor:pointer;transition:background .12s ease,border-color .12s ease}.btn--primary{background:var(--primary);color:#fff}.btn--primary:hover{background:#d24f08}.btn--ghost{background:transparent;border-color:var(--border);color:var(--text-muted)}.btn--ghost:hover{background:var(--surface-3);color:var(--text)}.btn--block{width:100%}[dir=rtl] body{font-family:Cairo,Tajawal,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}[dir=rtl] .table th,[dir=rtl] .table td{text-align:right}[dir=rtl] .num{text-align:left}