@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap");
:root{--bg:#0b0d10;--panel:#15191f;--edge:#292e37;--text:#f5f6f8;--muted:#8d96a5;--gold:#f0b90b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px Cairo,Tahoma,system-ui,sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1px}h1 span,.brand span{color:var(--gold)}p,.muted{color:var(--muted);line-height:1.7}.eyebrow,.kicker,.navtitle{color:var(--gold);font-size:10px;letter-spacing:2px;font-weight:800}.login{width:min(440px,calc(100% - 36px));margin:8vh auto;background:linear-gradient(160deg,#1a1e25,#101216);border:1px solid var(--edge);border-radius:24px;padding:38px;box-shadow:0 25px 80px #0006;text-align:center}.logo{width:110px;height:110px;object-fit:cover;border-radius:25px;margin-bottom:20px}.login h1{font-size:40px;margin:10px 0 4px}.login form{text-align:right;margin:30px 0 20px}label{display:block;font-size:12px;font-weight:700;color:#cbd0d8}input{display:block;width:100%;background:#0e1115;color:#fff;border:1px solid #353b45;border-radius:9px;padding:13px;margin-top:8px;margin-bottom:18px;outline:none}input:focus{border-color:var(--gold)}button{background:var(--gold);color:#17140b;font-weight:800;border:0;border-radius:9px;padding:13px 22px;cursor:pointer}.login button{width:100%}.shell{display:flex;min-height:100vh}aside{width:250px;flex-shrink:0;background:#101318;border-left:1px solid var(--edge);padding:25px 14px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;font-size:22px;font-weight:850;letter-spacing:-.6px;margin:0 8px 45px}.brand img{width:40px;height:40px;border-radius:10px;margin-left:10px}.navtitle{margin:0 14px 15px;color:#67707e}aside a{display:block;color:#aab2c0;padding:14px;border-radius:10px;margin-bottom:6px}aside a:hover,aside a.active{background:#262519;color:var(--gold)}.sidefoot{position:absolute;bottom:24px;right:28px;color:#b0b7c2;font-size:12px}.sidefoot span{font-size:11px;color:#717b88}.content{width:100%;max-width:1550px;padding:35px 42px;margin:auto}header,.panelhead{display:flex;justify-content:space-between;align-items:center;gap:16px}header{margin-bottom:28px}.hello{color:var(--muted);font-size:15px;font-weight:400;letter-spacing:0}.pill{color:var(--gold);border:1px solid #6c571b;background:#282419;padding:10px 15px;border-radius:40px;font-size:11px;font-weight:800}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card,.panel{background:linear-gradient(145deg,#181c22,#13161b);border:1px solid var(--edge);border-radius:16px;padding:22px}.big{font-size:35px;font-weight:800;margin:20px 0 8px}.big small{font-size:14px;color:var(--muted)}.grid{display:grid;grid-template-columns:1.5fr 1fr;gap:15px;margin-top:17px}.panel{margin-top:17px}.grid .panel{margin-top:0}.panelhead h2{font-size:17px;margin:0 0 15px}.badge{font-size:10px;font-weight:800;color:var(--gold);background:#2d2817;border:1px solid #51431b;padding:7px 9px;border-radius:6px}.empty{text-align:center;padding:36px 10px}.bars{font-size:68px;color:var(--gold);letter-spacing:12px;opacity:.8}.empty h3{margin-bottom:4px}.feature{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid var(--edge);color:var(--gold);font-size:25px}.feature:last-child{border:0}.feature b{color:#eee;font-size:14px;display:block}.feature small{font-size:12px;color:var(--muted);display:block;margin-top:7px}.inlineform{display:flex;align-items:end;gap:15px;flex-wrap:wrap}.inlineform label{flex:1;min-width:170px}.inlineform button{margin-bottom:18px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;margin-top:22px;text-align:right}td,th{border-bottom:1px solid var(--edge);padding:12px;color:#b9c0ca}th{color:#777f8b;font-size:11px;text-transform:uppercase}.smallbtn{background:#2a2f36;color:#fff;padding:9px 13px;font-size:12px}.logout{margin-top:16px}.alert{padding:14px;border:1px solid #866624;background:#322818;border-radius:10px;margin:15px 0}.success{border-color:#276a51;background:#17372b}footer{text-align:center;color:#626b78;font-size:12px;margin:30px 0}@media(max-width:1050px){.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media(max-width:680px){.shell{display:block}aside{width:100%;height:auto;position:relative;padding:12px;display:flex;gap:6px;overflow:auto;align-items:center}.brand{margin:0 12px 0 0;white-space:nowrap;font-size:17px}.brand img{width:30px;height:30px}.navtitle,.sidefoot{display:none}aside a{white-space:nowrap;font-size:12px;margin:0;padding:10px}.content{padding:22px 15px}header h1{font-size:23px}.hello{display:block;margin-top:8px}.cards{gap:9px}.card{padding:14px}.big{font-size:25px}.pill{font-size:9px}.bars{font-size:35px;letter-spacing:4px}.login{margin:5vh auto;padding:24px}}

/* Arabic RTL layout and numerical readability */
html{direction:rtl}body,input,button{font-family:Cairo,Tahoma,sans-serif}input{direction:rtl}input[name="username"],input[name="new_username"],input[name="password"],input[name="temporary_password"],input[name="old_password"],input[name="new_password"]{direction:ltr;text-align:left}th,td{text-align:right}#market-rows td{font-variant-numeric:tabular-nums}#market-rows td[dir="ltr"]{text-align:right;unicode-bidi:isolate}.eyebrow,.kicker,.navtitle{letter-spacing:0}.brand{letter-spacing:0}.hello{letter-spacing:0}.sidefoot{left:auto;right:28px}header h1{letter-spacing:0}.brand img{margin-right:0;margin-left:10px}aside{border-right:0;border-left:1px solid var(--edge)}@media(max-width:680px){aside{direction:rtl}.brand{margin:0 0 0 12px}}
/* SelimTrade - Arabic Cairo Font */

html,
body,
body *,
input,
button,
select,
textarea {
    font-family: 'Cairo', Tahoma, sans-serif !important;
}

html,
body {
    direction: rtl;
}