:root{--navy:#031d48;--blue:#0759b8;--blue2:#0a78ef;--orange:#ff8a00;--red:#ff3b22;--line:#1686e8;--text:#fff;--muted:#a9c7e8;--panel:linear-gradient(145deg,#063a7b,#041d4a)}*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:#031b42;color:#fff;direction:rtl}a{color:inherit;text-decoration:none}.top{background:linear-gradient(120deg,#03255a,#064fa7 55%,#021c45);border-bottom:1px solid #1b8eea}.brand{height:116px;display:flex;align-items:center;justify-content:space-between;padding:16px 4vw}.brand h1{font-size:42px;margin:0;text-shadow:0 3px 12px #000}.brand h1 b{color:var(--orange)}.brand p{margin:7px 0;color:#fff}.userbox{display:flex;align-items:center;gap:12px}.avatar{width:54px;height:54px;border-radius:50%;background:#0a6cd6;display:grid;place-items:center;border:2px solid #fff;object-fit:cover}.ticker{display:flex;overflow:auto;background:#021a40;border-top:1px solid #1377d0;border-bottom:1px solid #1377d0}.tick{min-width:170px;padding:12px 18px;border-left:1px solid #164c83;direction:ltr}.tick strong{display:block}.up{color:#20e879}.down{color:#ff4051}.shell{display:grid;grid-template-columns:190px 1fr;min-height:calc(100vh - 190px)}.side{background:#02193d;padding:12px;border-left:1px solid #126fc5}.side a{display:flex;gap:10px;align-items:center;padding:10px;border-radius:10px;margin:3px 0}.side a:hover,.side .active{background:linear-gradient(90deg,var(--orange),#ff5a1f)}.n{width:28px;height:28px;border-radius:50%;background:#174f8c;display:grid;place-items:center}.main{padding:14px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.card{background:var(--panel);border:1px solid #147ed6;border-radius:14px;padding:16px;box-shadow:0 10px 24px #00132d66}.hero{grid-column:span 9;min-height:230px;background:radial-gradient(circle at 75%,#0d75d9 0,#06326f 35%,#041b45 70%);display:flex;align-items:center;justify-content:center;text-align:center}.stats{grid-column:span 3}.stats .mini{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini div{background:#073d80;border:1px solid #1b7ed1;border-radius:10px;padding:18px;text-align:center}.services{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service{background:linear-gradient(135deg,#0879ef,#0750ac);border-radius:14px;padding:20px;position:relative;min-height:125px}.service:nth-child(2){background:linear-gradient(135deg,#ffad20,#ff6717)}.service:nth-child(3){background:linear-gradient(135deg,#ff7a25,#e91630)}.service .ico{font-size:42px;color:#ff9d00;text-shadow:0 3px 6px #000}.btn{display:inline-block;border:0;border-radius:999px;padding:11px 24px;background:linear-gradient(90deg,#ffad16,#ff3d16);color:#fff;font-weight:700;cursor:pointer}.btn.blue{background:linear-gradient(90deg,#0b91ff,#075bd0)}.btn.danger{background:#d92d3d}.content3{grid-column:span 4;min-height:250px}.account-layout{display:grid;grid-template-columns:270px 1fr;gap:14px}.account-nav a{display:block;padding:15px;border-bottom:1px solid #145d9d}.balance{font-size:50px;font-weight:800}.orange{color:var(--orange)}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:10px;border-bottom:1px solid #155b9a;text-align:right}.status{padding:5px 10px;border-radius:99px;background:#0e9d5c}.form{max-width:520px;margin:auto}.field{margin:12px 0}.field input,.field select,.field textarea{width:100%;padding:13px;border:1px solid #bdd2e8;border-radius:10px;background:#fff;color:#111}.login{min-height:100vh;background:radial-gradient(circle at 20% 45%,#087cf0 0,#043c8a 30%,#021943 72%);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:5vw}.login-copy{text-align:center}.login-copy h1{font-size:64px}.login-card{background:#f8fbff;color:#07132b;border-radius:26px;padding:36px;box-shadow:0 30px 80px #0007}.login-card h2{font-size:38px;margin:0 0 20px}.oauth{border:1px solid #cad7e5;border-radius:12px;padding:13px;text-align:center;margin:10px 0;background:white}.msg{padding:12px;border-radius:10px;background:#0c6b4d;margin:10px 0}.warn{background:#8d5b00}.admin-table input{max-width:120px}.ltr{direction:ltr}@media(max-width:900px){.brand h1{font-size:27px}.shell{grid-template-columns:1fr}.side{display:flex;overflow:auto;border-left:0}.side a{min-width:120px}.hero,.stats,.content3{grid-column:1/-1}.services{grid-template-columns:1fr 1fr}.account-layout{grid-template-columns:1fr}.login{grid-template-columns:1fr}.login-copy h1{font-size:42px}}@media(max-width:560px){.brand{height:auto;align-items:flex-start}.userbox{font-size:12px}.services{grid-template-columns:1fr}.login{padding:20px}.login-copy{display:none}.main{padding:8px}.ticker .tick{min-width:145px}}