:root{--ink:#162c25;--muted:#74847c;--green:#087a56;--gold:#d9b356;--paper:#f4f6f2;--line:#e1e8e1;--dark:#0b1c18;--white:#fff;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:var(--green);text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:32px;letter-spacing:-1px;line-height:1.2}h2{font-size:21px;letter-spacing:-.5px}h3{font-size:16px}p{line-height:1.65}small,.muted{color:var(--muted)}small{font-size:12px}button:focus-visible,a:focus-visible{outline:3px solid #d9b356;outline-offset:3px}.btn{border:1px solid var(--green);background:var(--green);color:white;border-radius:8px;padding:12px 18px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{filter:brightness(1.08)}.btn.secondary{background:white;color:var(--ink);border-color:var(--line)}.btn.gold{background:var(--gold);color:#25321c;border-color:var(--gold)}.btn.danger{background:#fff2ef;border-color:#f6d5cb;color:#af3b27}.btn.compact{padding:7px 11px;font-size:12px}.icon-btn{background:none;border:1px solid var(--line);border-radius:7px;padding:7px 12px;color:var(--ink)}.brand{display:flex;gap:10px;align-items:center;font-weight:800;letter-spacing:-.4px;color:inherit}.brand img{height:44px;width:44px;object-fit:cover;border-radius:8px}.brand span{display:block}.brand small{font-size:9px;letter-spacing:3px;color:inherit;opacity:.65}.lang{background:transparent;border:1px solid #b2c0b8;border-radius:6px;padding:7px;color:inherit;font-size:12px;max-width:132px}.auth{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.auth-story{background:var(--dark);padding:40px 55px;color:#e9f0e8;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;position:relative;overflow:hidden}.auth-story:after{content:'';position:absolute;width:600px;height:600px;border:1px solid #b2c0b819;border-radius:50%;right:-300px;bottom:-200px;pointer-events:none}.auth-logo{width:min(310px,75%);display:block;margin:30px auto;border-radius:22px}.auth-story h1{font-size:46px;line-height:1.14;letter-spacing:-1.8px;font-weight:500;max-width:480px}.auth-story h1 em{font-style:normal;color:var(--gold)}.auth-story p{color:#a8beb2;font-size:14px;max-width:390px}.auth-story footer{font-size:11px;color:#91a89b;border-top:1px solid #ffffff1c;padding-top:19px}.auth-main{display:flex;align-items:center;justify-content:center;padding:65px 45px;position:relative}.auth-main>.lang{position:absolute;top:28px;right:30px}.auth-form{width:100%;max-width:390px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;color:var(--green);font-weight:bold;margin-bottom:15px}.auth-form h2{font-size:30px}.auth-form p{font-size:13px;color:var(--muted)}.tabs{display:flex;border-bottom:1px solid var(--line);gap:25px;margin-bottom:25px}.tabs button{border:0;background:none;padding:10px 0;color:var(--muted);font-size:13px}.tabs button.on{color:var(--green);border-bottom:2px solid var(--green);font-weight:bold}form label{display:block;font-size:12px;font-weight:600;margin:14px 0}input,textarea{display:block;width:100%;margin-top:7px;background:white;border:1px solid #d9e1d9;border-radius:7px;padding:12px;color:var(--ink);font-size:14px}input:focus,textarea:focus{outline:2px solid #b2d8c3;border-color:var(--green)}textarea{min-height:100px;resize:vertical}form>.btn{margin-top:13px;width:100%}.auth-help{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin-top:16px}.link-btn{border:0;background:none;color:var(--green);font-size:12px;padding:0;cursor:pointer}.error{color:#b53d29;font-size:12px;margin-top:14px;line-height:1.5}.shell{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.sidebar{background:var(--dark);color:#a4b8ac;padding:28px 22px;position:fixed;inset:0 auto 0 0;width:235px;display:flex;flex-direction:column;z-index:5}.sidebar .brand{color:#f0f4ef;margin-bottom:40px}.nav-label{font-size:9px;letter-spacing:2px;color:#7a9989;margin:20px 13px 10px}.nav-btn{display:flex;align-items:center;gap:13px;padding:12px 13px;border:0;background:transparent;border-radius:8px;color:#a4b8ac;text-align:start;width:100%;font-size:12px;margin-bottom:5px}.nav-btn i{font-style:normal;font-size:18px;width:23px;color:#85a18f}.nav-btn.active{background:#1b382b;color:#e8f0df}.nav-btn.active i{color:var(--gold)}.sidebar-bottom{margin-top:auto;font-size:10px;line-height:1.6;padding:20px 12px 0;border-top:1px solid #ffffff14}.main{grid-column:2;min-width:0}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 40px;border-bottom:1px solid var(--line);background:#ffffffa6}.topbar small{font-size:11px}.top-actions{display:flex;align-items:center;gap:15px}.avatar{width:35px;height:35px;border-radius:50%;background:#e6eddc;color:var(--green);display:grid;place-items:center;font-weight:bold;font-size:12px}.content{max-width:1400px;padding:34px 40px 50px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.heading h1{margin:5px 0 7px;font-size:28px}.heading p{font-size:12px;margin:0;color:var(--muted)}.status{display:inline-flex;gap:5px;align-items:center;border-radius:5px;padding:5px 8px;background:#e9f1e4;color:#46633a;font-size:10px;white-space:nowrap}.status.inactive,.status.pending{background:#fff3dc;color:#917020}.status.rejected,.status.cancelled{background:#fff0e9;color:#a34530}.status.approved,.status.active{background:#e3f3e9;color:#1c7251}.gold-tick{display:inline-flex;align-items:center;justify-content:center;color:#473600;background:#e5b949;border-radius:50%;height:18px;width:18px;font-size:12px;margin-inline-start:5px;vertical-align:middle}.overview{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin-bottom:25px}.total-card{background:var(--dark);border-radius:13px;padding:28px;color:white;position:relative;overflow:hidden}.total-card:after{content:'↗';position:absolute;right:15px;top:-30px;font-size:180px;color:#ffffff05;pointer-events:none}.total-label{color:#acbeb2;font-size:12px}.total-value{font-size:38px;letter-spacing:-1.4px;line-height:1.3;margin:16px 0}.total-foot{font-size:10px;color:#9cb5a4}.quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick button{background:white;border:1px solid var(--line);border-radius:10px;text-align:start;padding:15px;color:var(--ink);font-size:12px}.quick button span{display:block;font-size:21px;color:var(--green);margin-bottom:7px}.quick button:hover{border-color:var(--green)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:26px 0 15px}.section-title h2{font-size:17px;margin:0}.balance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.balance-card{background:white;border:1px solid var(--line);border-radius:10px;padding:20px}.balance-card .value{font-size:23px;letter-spacing:-.5px;margin:12px 0 5px;overflow-wrap:anywhere}.balance-card .label{font-size:11px;color:var(--muted)}.balance-card .ico{float:right;color:#73967e;font-size:17px}.balance-card small{font-size:10px}.row2{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;margin-top:23px}.panel{background:white;border:1px solid var(--line);border-radius:10px;padding:24px;min-width:0}.panel h2{font-size:17px}.panel p{font-size:12px}.empty{padding:28px 15px;text-align:center;font-size:12px;color:var(--muted);line-height:1.7}.empty .empty-icon{font-size:30px;color:#a5b8a7;display:block;margin-bottom:10px}.notice{border:1px solid #dce8cf;background:#edf4e5;border-radius:8px;padding:14px 18px;font-size:12px;line-height:1.65;margin-bottom:20px;overflow-wrap:anywhere}.notice strong{display:block}.notice.warning{background:#fff7e5;border-color:#f0e4bf}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:start;font-size:12px}th{font-weight:500;font-size:10px;color:var(--muted);padding:10px 12px;border-bottom:1px solid var(--line);text-align:start;white-space:nowrap}td{padding:13px 12px;border-bottom:1px solid #edf0ec;vertical-align:top}td small{display:block;font-size:10px;margin-top:4px}.table-actions{display:flex;gap:6px;flex-wrap:wrap}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.metric{padding:20px;background:white;border:1px solid var(--line);border-radius:10px}.metric b{display:block;font-size:24px;margin-top:10px}.copy-box{border:1px solid var(--line);background:#f6f8f3;border-radius:7px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;overflow-wrap:anywhere}.copy-box code{font-size:12px;word-break:break-all}.copy-box button{flex-shrink:0}.list-item{padding:14px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.7}.list-item:last-child{border-bottom:0}.list-item small{display:block;font-size:10px}.list-item strong{display:block}.list-item.unread{border-inline-start:3px solid var(--gold);padding-inline-start:12px}.ticket-reply{background:#eff5eb;padding:10px;margin-top:8px;border-radius:5px}.profile-head{display:flex;gap:15px;align-items:center;margin-bottom:25px}.profile-head .avatar{width:58px;height:58px;font-size:22px}.profile-head h2{margin:0 0 5px}dialog{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:28px;width:min(530px,calc(100% - 28px));max-height:88vh;box-shadow:0 25px 90px #0003}dialog::backdrop{background:#071b16a6;backdrop-filter:blur(3px)}dialog h2{padding-inline-end:25px;margin-bottom:15px}dialog p{font-size:13px}.close{float:right;border:0;font-size:22px;padding:0 5px}dialog .copy-box{margin:15px 0}dialog img.proof{width:100%;max-height:60vh;object-fit:contain}.fee-detail{display:grid;grid-template-columns:1fr 1fr 1fr;background:#f3f6f0;padding:13px;gap:10px;border-radius:6px;margin:15px 0;font-size:11px}.fee-detail b{display:block;font-size:17px;margin-top:5px}#toast{position:fixed;bottom:25px;right:25px;z-index:100;background:#15372a;color:white;padding:14px 21px;border-radius:9px;box-shadow:0 4px 25px #0002;max-width:calc(100% - 40px);font-size:12px;display:none;line-height:1.6}#toast.show{display:block}.search{max-width:300px;margin-bottom:17px}.caption{font-size:10px;color:var(--muted);margin-top:12px;line-height:1.6}.rate-chip{background:#f7f0db;color:#7e672e;border-radius:5px;padding:4px 8px;font-size:11px}.benefits{font-size:11px;color:var(--muted);line-height:1.8;margin-top:30px;border-top:1px solid var(--line);padding-top:17px}.support-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:20px}html[dir=rtl] .sidebar{inset:0 0 0 auto}html[dir=rtl] .close{float:left}html[dir=rtl] .balance-card .ico{float:left}
@media(min-width:1500px){.content{padding-top:45px}.total-card{padding:35px}.total-value{font-size:45px}}@media(max-width:1100px){.sidebar{width:200px;padding:25px 16px}.shell{grid-template-columns:200px 1fr}.content{padding:25px}.topbar{padding:0 25px}.balance-grid{grid-template-columns:1fr 1fr}.overview{grid-template-columns:1.2fr 1fr}.row2{grid-template-columns:1fr}.auth-story{padding:35px}.auth-story h1{font-size:39px}.metric-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.auth{grid-template-columns:1fr}.auth-story{min-height:0;padding:25px 25px 30px}.auth-logo{display:none}.auth-story h1{font-size:30px;margin:30px 0 15px}.auth-story p,.auth-story footer{display:none}.auth-main{padding:65px 25px 35px}.shell{display:block}.sidebar{position:static;width:100%;padding:15px 18px 9px;display:block}.sidebar .brand{margin-bottom:15px;font-size:14px}.sidebar .brand img{width:35px;height:35px}.sidebar nav{display:flex;overflow:auto;gap:4px;padding-bottom:4px}.nav-btn{width:auto;flex-shrink:0;white-space:nowrap;padding:9px 12px;font-size:11px}.nav-btn i{font-size:14px;width:16px}.nav-label,.sidebar-bottom{display:none}.main{display:block}.topbar{height:64px;padding:0 20px}.topbar>small{max-width:140px;line-height:1.5}.top-actions{gap:9px}.top-actions .avatar{display:none}.content{padding:23px 18px 35px}.heading h1{font-size:24px}.heading{align-items:flex-start}.heading>.btn{padding:9px 12px;font-size:11px}.overview{grid-template-columns:1fr;gap:14px}.total-value{font-size:35px}.quick{grid-template-columns:repeat(4,1fr);gap:7px}.quick button{padding:12px 7px;text-align:center;font-size:10px}.balance-grid{gap:9px}.balance-card{padding:15px}.balance-card .value{font-size:21px}.balance-card .label{font-size:10px}.panel{padding:19px}.metric-grid{gap:9px}.metric{padding:15px}.metric b{font-size:21px}.support-grid{grid-template-columns:1fr}.topbar .lang{max-width:112px}.total-card{padding:25px}.auth-main>.lang{top:18px}.row2{gap:14px}.heading p{font-size:11px}.fee-detail{font-size:10px}.fee-detail b{font-size:14px}}
.flex{display:flex;align-items:center;justify-content:space-between;gap:12px}.overview .metric-grid{grid-template-columns:1fr 1fr;margin-bottom:0}.support-grid:has(>.panel:only-child){grid-template-columns:1fr}

.auth-admin-entry{position:absolute;bottom:24px;right:28px;border:0;background:none;padding:6px;color:#74847c;font-size:11px;line-height:1.4}.auth-admin-entry:hover,.auth-admin-entry:focus-visible{color:var(--green);text-decoration:underline}@media(max-width:720px){.auth-main{padding-bottom:80px}.auth-admin-entry{bottom:20px;right:22px}}
.copy-box code{direction:ltr;unicode-bidi:isolate}input[type=email],input[type=tel],input[type=number]{direction:ltr;unicode-bidi:isolate}html[lang=ar] .nav-btn{font-size:14px}html[lang=ar] table{font-size:14px}html[lang=ar] th,html[lang=ar] .caption,html[lang=ar] .balance-card .label{font-size:12px}html[lang=ar] form label{font-size:14px}
