@font-face{font-family:Cairo;src:url(cairo-400.woff2) format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Cairo;src:url(cairo-700.woff2) format('woff2');font-weight:700 900;font-display:swap}
:root{color-scheme:dark;--bg:#090b0e;--surface:#16171b;--line:#292a30;--text:#f4f4f6;--muted:#8b8b94;--gold:#f6bc24;--red:#ff4661;--sidebar:264px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Cairo,Tahoma,sans-serif;font-size:13px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}svg{width:22px;height:22px;flex-shrink:0}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.sidebar{width:var(--sidebar);height:100dvh;position:fixed;inset-block:0;inset-inline-start:0;border-left:1px solid var(--line);background:#0d0e11;padding:18px 16px;overflow:auto;z-index:30}.side-tools{display:flex;align-items:center;gap:8px;direction:ltr;margin-bottom:16px}.icon-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff12;border-radius:12px;background:#ffffff06}.icon-button svg{width:19px;height:19px}.language{display:flex;align-items:center;gap:8px;margin-right:auto;font-size:11px;border:1px solid var(--line);border-radius:12px;padding:8px}.flag{font:18px sans-serif}.member{padding:14px;border:1px solid var(--line);border-radius:18px;background:#17181c}.member-person{display:flex;align-items:center;gap:10px}.member-person b{font-size:16px}.member-person small{display:flex;align-items:center;gap:5px;margin-top:4px;justify-content:flex-end;color:var(--muted);font:11px Arial}.member-person small svg{width:13px;height:13px}.avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(145deg,#eecb63,#b48019);font:bold 32px Georgia;color:#3d2700;display:grid;place-items:center}.member-balance{display:flex;flex-direction:column;align-items:flex-start;background:#202126;border-radius:12px;margin-top:12px;padding:8px 12px}.member-balance small{color:var(--muted);font-size:11px}.member-balance b{font:bold 23px Arial}.withdraw{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--red);height:37px;border-radius:11px;margin-top:10px;font-weight:700}.withdraw span{border:1.5px solid #fff;border-radius:50%;font:12px Arial;width:13px;height:13px;text-align:center}.shortcuts{display:flex;justify-content:space-between;padding:22px 0}.shortcuts a,.shortcuts button{display:flex;align-items:center;flex-direction:column;gap:4px;color:var(--muted);font-size:10px;line-height:1.6;background:none;border:0;padding:0}.shortcuts svg{width:20px;color:#eee}.side-nav section{border-top:1px solid #ffffff0a;padding:16px 0}.side-nav h2{font-size:11px;color:var(--muted);margin:0 9px 8px}.side-nav a{display:flex;gap:10px;align-items:center;padding:11px 10px;border-radius:12px;margin-bottom:3px;font-size:12px}.side-nav a svg{width:18px;height:18px}.side-nav a i{margin-inline-start:auto;font-style:normal;color:#666}.side-nav .selected{background:#18191c;font-weight:700}.logout{width:100%;border:0;border-top:1px solid #ffffff0a;background:none;color:#ff4a51;text-align:right;padding:24px 10px;display:flex;gap:12px;font-size:12px}.logout svg{width:18px}.sidebar>footer{border-top:1px solid #ffffff0a;padding:24px 0;text-align:center;color:#777;font:10px Arial;letter-spacing:2px}.workspace{margin-inline-start:var(--sidebar)}.topbar{height:68px;background:linear-gradient(90deg,#080604 0%,#201208 19%,#593219 48%,#874a25 74%,#b96a34 100%);border-radius:0 0 26px 26px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;direction:ltr}.brand{display:flex;align-items:center;gap:9px;line-height:1.2}.brand-symbol{width:31px;height:36px;border-radius:10px 3px 10px 3px;display:grid;place-items:center;background:white;color:#ac1828;font:bold 30px Georgia}.brand b{font:bold 18px Arial;letter-spacing:.7px}.brand small{font-size:11px;display:block;text-align:center;margin-top:4px}.header-actions{display:flex;align-items:center;gap:8px;direction:ltr}.balance-chip{display:flex;align-items:center;gap:8px;border:1px solid #e9b23766;color:#f9cf48;background:#1e0d0b77;border-radius:24px;padding:4px 12px 4px 4px}.balance-chip svg{border-radius:50%;width:28px;height:28px;padding:5px;background:linear-gradient(#ffdc53,#e6a400);color:#624200}.balance-chip b{font-size:12px}main{max-width:932px;margin:16px auto 30px}.banner{min-height:348px;border:1px solid #f18c5766;border-radius:24px;position:relative;overflow:hidden;display:flex;align-items:center;background:radial-gradient(ellipse at 15% 0,#ff3d21 0,transparent 55%),linear-gradient(135deg,#a90002,#d10805 50%,#a70400);box-shadow:inset 0 -3px 0 #ffffff18}.banner:before,.banner:after{content:'';position:absolute;width:240px;height:600px;background:#ff3e1c12;transform:rotate(30deg);top:-150px;left:100px}.banner:after{left:400px;background:#5c000018}.banner-copy{position:relative;z-index:2;width:54%;padding:20px 22px 26px 6px}.banner h1{font-size:49px;line-height:1.55;margin:0;font-weight:900;white-space:nowrap;text-shadow:0 4px 4px #57000077}.banner h1 em{color:#ffeb00;font-style:normal}.banner p{font-size:30px;line-height:1.7;margin:4px 0 12px;font-weight:700;text-shadow:0 3px 4px #57000088}.banner p strong{color:#ffea00}.banner-copy>a{display:inline-flex;align-items:center;gap:28px;padding:7px 17px;border:1px solid #ffffff88;border-radius:10px;background:#21000088;font-size:13px}.banner-art{height:348px;width:46%;position:relative;z-index:1;direction:ltr}.gold-card{position:absolute;left:24px;top:86px;width:340px;height:193px;transform:rotate(-5deg);border:7px solid #6e4306;border-radius:30px;background:linear-gradient(125deg,#ffe672,#f7ba17 50%,#d08a00);box-shadow:7px 13px 0 #4a170e,0 22px 28px #5e0000;display:flex;align-items:center;gap:10px;padding:20px;color:#fff}.gold-card>b{font:bold 49px/.95 Arial;letter-spacing:-2px;text-shadow:3px 4px #36230f}.gold-card strong{color:#fff2b7;font-size:45px}.charge-emblem svg{width:90px;height:90px;fill:#fff3bc;stroke:#734200;stroke-width:1}.crown{position:absolute;top:-74px;left:24px;color:#1b1117;font:95px Georgia;text-shadow:0 -2px #fff8}.coin{position:absolute;display:grid;place-items:center;border:5px solid #a26a00;background:linear-gradient(#ffee8c,#f6b600);color:#9b6100;font:bold 48px Georgia;border-radius:50%;box-shadow:3px 6px 0 #704300}.coin-one{width:80px;height:80px;left:14px;top:24px;transform:rotate(-20deg)}.coin-two{width:64px;height:64px;right:13px;bottom:14px;transform:rotate(16deg)}.confetti{position:absolute;width:13px;height:70px;border-radius:20px;border:7px solid #39cbe0;transform:rotate(35deg);top:15px;left:180px}.c2{left:260px;top:260px;border-color:#d841e7;transform:rotate(65deg)}.c3{left:8px;top:230px;border-color:#9ed839;transform:rotate(-25deg)}.banner-dots{position:absolute;bottom:12px;left:calc(50% - 15px);display:flex;gap:5px}.banner-dots b{width:22px;height:6px;border-radius:8px;background:#ffd231}.banner-dots i{width:6px;height:6px;background:#f7aa6c;border-radius:50%}.ticker{height:45px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(#151515,#0e0e0e);border-top:1px solid #ddaa2218;border-radius:10px;margin-top:20px;font-weight:700;font-size:14px;white-space:nowrap}.ticker>div{display:flex;gap:65px;padding:0 26px}.ticker span{color:#aaa}.charge-link{display:flex;align-items:center;gap:10px;justify-content:space-between;background:linear-gradient(#ffcc34,#e9a500);border:1px solid #b68200;color:#332500;width:60%;height:50px;border-radius:19px;padding:0 24px;margin:18px auto;font-size:16px}.charge-link span{font:25px Arial}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick-grid a{height:135px;border-radius:19px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden;border:1px solid #ffffff0a;box-shadow:0 8px 20px #0003}.quick-grid a:after{content:'';position:absolute;top:-35px;left:-80px;width:180px;height:240px;border-radius:50%;background:#ffffff06}.quick-grid i{width:49px;height:49px;display:grid;place-items:center;border-radius:50%;background:#ffffff2a;box-shadow:0 3px 9px #0003;margin-bottom:6px}.quick-grid b{font-size:13px}.quick-grid small{font-size:11px;color:#ddd;font-weight:700}.red{background:linear-gradient(120deg,#cd1010,#850b0a)}.green{background:linear-gradient(120deg,#0c7935,#10512a)}.gold{background:linear-gradient(120deg,#81640d,#564411)}.blue{background:linear-gradient(120deg,#1e53a0,#183568)}.rates{margin-top:22px;border:1px solid #2e2a2c;border-radius:21px 21px 10px 10px;overflow:hidden;background:#18191e}.rates>header{height:80px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#202023,#11121b);border-top:1px solid #8b2b2b}.rates-identity{display:flex;align-items:center;gap:11px}.rate-logo{width:41px;height:41px;border:1px solid #a38024;border-radius:12px;display:grid;place-items:center;color:#d5b651;font:26px Georgia;box-shadow:0 0 0 3px #efca2410}.rates h2{margin:0;font-size:14px}.rates-identity small{font-size:10px;color:#d6a616}.rates-meta{display:flex;flex-direction:column;gap:5px;align-items:flex-end;direction:ltr;font-size:10px}.rates-meta>span{border:1px solid #967a33;border-radius:16px;padding:2px 7px;color:#f2cf64}.rates-meta>small{font-size:9px;color:#999;border:1px solid #333;padding:2px 7px;border-radius:15px}.rates-meta i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#23c870;margin-right:3px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:center;font-family:Cairo,Arial;font-size:12px;background:white;color:#111826}thead{height:36px;background:#eceef2;color:#09214b;font-size:10px;font-weight:400}thead th{font-weight:400}tbody tr{height:63px;border-bottom:1px solid #e6e9ee}tbody th{font-weight:400;width:160px}tbody th a{display:flex;align-items:center;gap:10px;padding:9px 15px;font-size:11px}.app-logo{height:34px;width:34px;display:grid;place-items:center;background:var(--app-color);border-radius:10px;color:white;box-shadow:0 2px 6px #0003;font:bold 18px Arial}.rates>footer{display:flex;justify-content:space-between;color:#999;font-size:10px;padding:12px 15px}.rates>footer a{color:#e0c172}.copyright{text-align:center;color:#666;font-size:10px;margin-top:24px}.floating-support{position:fixed;bottom:88px;left:14px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#f32743;color:white;z-index:20}.floating-support svg{width:27px;height:27px}.mobile-nav{display:none}.sidebar-shade{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}dialog{max-width:390px;width:calc(100vw - 30px);padding:25px;border:1px solid #333;border-radius:18px;background:var(--surface);color:var(--text);font:inherit}dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}dialog h2{font-size:20px;margin:0}dialog p{color:var(--muted);line-height:2}dialog button{border:0;border-radius:10px;padding:8px 25px;background:var(--red);color:white}.light{--bg:#f3f4f7;--text:#151923;--muted:#687082;--surface:#fff;--line:#dcdfe5}.light .sidebar{background:#fff}.light .member{background:#f5f5f8}.light .member-balance{background:#e8e9ef}.light .side-nav .selected{background:#eef0f5}.light .shortcuts svg{color:#333}.light .topbar,.light .banner,.light .quick-grid,.light .rates>header{color:#fff}
@media(min-width:1800px){main{margin-top:16px}}@media(max-width:1280px){:root{--sidebar:240px}main{max-width:calc(100% - 44px)}.banner h1{font-size:38px}.banner p{font-size:25px}.gold-card{width:280px;left:8px}.gold-card>b{font-size:40px}.gold-card strong{font-size:37px}.charge-emblem svg{width:65px}.coin-two{right:0}}@media(max-width:991px){:root{--sidebar:264px}.workspace{margin-inline-start:0}.sidebar{transform:translateX(100%);transition:transform .2s}.sidebar-open .sidebar{transform:none}.sidebar-open .sidebar-shade{display:block;position:fixed;inset:0;background:#0009;z-index:29}.topbar{height:62px;border-radius:0 0 18px 18px}.brand b{font-size:15px}main{max-width:700px;width:calc(100% - 28px);margin:15px auto 90px}.banner{min-height:260px;border-radius:19px}.banner-art{height:260px}.banner h1{font-size:35px}.banner p{font-size:22px}.gold-card{width:220px;height:135px;top:80px;left:8px;padding:10px;border-width:5px}.gold-card>b{font-size:32px}.gold-card strong{font-size:30px}.charge-emblem svg{width:55px;height:55px}.crown{font-size:70px;top:-56px}.coin-one{width:57px;height:57px;font-size:30px}.coin-two{width:45px;height:45px;font-size:30px}.confetti{height:50px;width:10px;border-width:5px;left:100px}.mobile-nav{position:fixed;bottom:0;inset-inline:0;background:#111217f2;backdrop-filter:blur(12px);border-top:1px solid #ffffff14;display:flex;align-items:center;justify-content:space-around;padding:10px 4px max(10px,env(safe-area-inset-bottom));z-index:25}.mobile-nav a{display:flex;align-items:center;flex-direction:column;gap:3px;font-size:9px;color:#999}.mobile-nav .active{color:#ffcf44}.floating-support{bottom:88px;width:46px;height:46px}.charge-link{width:72%}.quick-grid a{height:120px}.light .mobile-nav{background:#fffffff2;border-color:#ddd}}
@media(max-width:520px){main{width:calc(100% - 24px);margin-top:12px}.topbar{padding:0 12px}.header-actions{gap:5px}.icon-button{width:33px;height:33px;border-radius:10px}.brand-symbol{width:25px;height:29px;font-size:25px}.brand b{font-size:12px}.brand small{font-size:9px}.balance-chip{gap:4px;padding-right:8px}.balance-chip b{font-size:10px}.balance-chip svg{width:23px;height:23px}.banner{min-height:182px;border-radius:16px}.banner-copy{width:60%;padding:12px 13px 20px 0}.banner h1{font-size:23px}.banner p{font-size:17px;line-height:1.7;margin:0 0 8px}.banner-copy>a{padding:4px 8px;font-size:9px;gap:8px;border-radius:6px}.banner-art{width:40%;height:182px}.gold-card{width:130px;height:94px;border-width:4px;border-radius:16px;left:-10px;top:62px;gap:3px;padding:7px}.gold-card>b{font-size:21px;letter-spacing:-1px}.gold-card strong{font-size:19px}.charge-emblem svg{width:31px;height:42px}.crown{font-size:49px;top:-39px;left:2px}.coin-one{width:39px;height:39px;border-width:3px;font-size:24px;top:19px;left:5px}.coin-two{width:34px;height:34px;font-size:21px;border-width:3px;right:0;bottom:2px}.confetti{left:65px;height:36px;width:7px;border-width:3px;top:13px}.c2{top:140px;left:80px}.c3{left:0;top:130px}.banner-dots{bottom:8px}.banner-dots b{height:4px;width:16px}.banner-dots i{width:4px;height:4px}.ticker{height:36px;margin-top:12px;font-size:11px}.ticker>div{padding-inline:14px;gap:35px}.charge-link{height:44px;width:90%;font-size:13px;padding:0 15px;border-radius:14px;margin:13px auto}.quick-grid{gap:7px;grid-template-columns:repeat(2,1fr)}.quick-grid a{height:111px;border-radius:16px}.quick-grid i{width:39px;height:39px}.quick-grid i svg{width:20px}.quick-grid b{font-size:12px}.quick-grid small{font-size:10px}.rates{margin-top:16px;border-radius:16px 16px 8px 8px}.rates>header{height:72px;padding:10px}.rates h2{font-size:11px}.rates-identity{gap:7px}.rate-logo{width:31px;height:33px;font-size:23px}.rates-identity small{font-size:8px}.rates-meta>span{font-size:9px}table{font-size:10px;min-width:350px}thead{font-size:8px}tbody th{width:100px}tbody th a{padding:8px 6px;gap:5px;font-size:9px}.app-logo{width:25px;height:25px;font-size:14px;border-radius:7px}tbody tr{height:53px}.rates>footer{font-size:8px;padding:10px 8px;gap:8px}.copyright{font-size:9px}.floating-support{left:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

[hidden]{display:none!important}.sidebar,.workspace{transition:transform .22s ease,margin .22s ease}.topbar{position:sticky;top:0;z-index:26}.sidebar-collapsed .sidebar{transform:translateX(100%)}.sidebar-collapsed .workspace{margin-inline-start:0}.preview-admin-link{display:block;padding:12px;color:#ddbd67;font-size:11px}.preview-page{padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:20px;min-height:330px}.preview-page>small,.preview-note{color:var(--muted);font-size:12px}.preview-page h1{font-size:25px}.preview-note{margin-top:35px}.preview-empty{padding:30px;background:#8881;border:1px solid var(--line);border-radius:15px}.preview-empty b{display:block;font-size:32px}.preview-app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.preview-app-grid a{display:flex;align-items:center;gap:15px;padding:20px;background:#8881;border-radius:15px}.visibility-switch{display:flex;align-items:center;gap:12px;font-size:15px}.visibility-switch input{width:23px;height:23px;accent-color:#ff4661}.preview-save{background:#ff4661;color:white;padding:10px 24px;border:0;border-radius:10px;margin:15px 0}.preview-page input:not([type=checkbox]){display:block;width:100%;padding:14px;margin-top:10px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--text)}#saved-note{margin-inline-start:15px;color:#3bd79d}@media(max-width:991px){body.sidebar-collapsed .workspace{margin-inline-start:0}.preview-app-grid{grid-template-columns:repeat(2,1fr)}body.sidebar-open{overflow:hidden}}@media(prefers-reduced-motion:reduce){.sidebar,.workspace{transition:none}}

/* Keep header controls distinct against the warm brand gradient. */
.topbar .icon-button{background:#160e0966;border-color:#ffffff30;color:#fff;transition:background .15s,border-color .15s}
.topbar .icon-button:hover{background:#160e0999;border-color:#ffffff60}
.topbar .icon-button:focus-visible{outline:2px solid #fff;outline-offset:3px}