@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');
:root{--bg:#0c1211;--panel:#151d1b;--line:#29332f;--gold:#d7b873;--muted:#a6b2ab;--text:#f1f3ef}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 Tajawal,Tahoma,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);border-radius:9px;background:#202b26;color:var(--text);padding:10px 18px}button:hover{border-color:var(--gold)}button:disabled{opacity:.45;cursor:not-allowed}.gold{background:var(--gold);color:#171c18;border:0;font-weight:800}a{color:var(--gold);text-decoration:none}header{display:flex;justify-content:space-between;align-items:center;padding:20px 4%;border-bottom:1px solid var(--line);gap:16px}.brand{display:flex;align-items:center;gap:14px;color:var(--text)}.brand img{width:48px}.brand b{display:block;font-size:25px;line-height:1.2}.brand small{font-size:12px;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:10px}select,input,textarea{background:#0c1411;color:var(--text);border:1px solid #435047;border-radius:8px;padding:11px;width:100%}select{width:auto}input[type=checkbox]{width:20px;accent-color:var(--gold)}textarea{min-height:100px;resize:vertical}label{display:grid;gap:7px;color:#d3dbd6;font-size:14px}form{display:grid;gap:18px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.check{display:flex;align-items:flex-start;gap:10px}.layout{display:flex;max-width:1500px;margin:auto;min-height:70vh}aside{width:270px;flex-shrink:0;border-inline-end:1px solid var(--line);padding:28px 20px;background:#101815}nav{display:grid;gap:5px}nav button{text-align:start;border:0;background:transparent;color:var(--muted);font-size:14px;padding:12px}nav button.active{background:#d7b87318;color:var(--gold);border-inline-start:3px solid var(--gold)}.identity{display:grid;gap:5px;padding-bottom:25px;overflow-wrap:anywhere}.identity small{color:var(--muted);font-size:12px}.avatar{display:grid;place-items:center;border:1px solid #695e3d;color:var(--gold);width:42px;height:42px;border-radius:50%;margin-bottom:8px}main{padding:40px;width:100%;min-width:0}h1,h2,h3,p{margin-top:0}h1{font-size:32px;line-height:1.35}h2{font-size:22px}h3{font-size:18px}.muted{color:var(--muted)}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:3px;font-size:12px}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:60px;padding:55px 0 75px}.hero h1{font-size:clamp(38px,5vw,68px);white-space:pre-line;line-height:1.25}.hero p{max-width:560px;font-size:18px;color:var(--muted)}.hero-art{aspect-ratio:1;max-height:390px;width:100%;display:grid;place-items:center;background:radial-gradient(circle,#d7b87318,transparent 68%);border-radius:50%;position:relative}.orbit{border:1px solid #d7b87340;border-radius:50%;width:85%;height:85%;display:grid;place-items:center}.orbit:before{content:'✦';color:var(--gold);font-size:130px;filter:drop-shadow(0 0 35px #d7b87366)}.orbit:after{content:'ALBARQ';position:absolute;bottom:22%;letter-spacing:8px;color:var(--gold);font-size:12px}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{border:1px solid var(--line);border-radius:16px;padding:25px;background:linear-gradient(135deg,#1b2520,#121a16);overflow-wrap:anywhere}.card .number{color:var(--gold);font-size:28px}.card p{color:var(--muted);white-space:pre-wrap}.card button{margin-top:10px}.icon{width:42px;height:42px;border:1px solid #d7b87340;color:var(--gold);border-radius:12px;display:grid;place-items:center;margin-bottom:20px;font-size:23px}.notice{margin:20px 4%;padding:14px 20px;background:#d7b87312;border:1px solid #756642;border-radius:10px;color:#e5d2a6;font-size:14px}.inline-notice{margin:20px 0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.section-head p{margin:0}.stack{display:grid;gap:22px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{border-collapse:collapse;width:100%;white-space:nowrap}th,td{text-align:start;padding:16px;border-bottom:1px solid var(--line);font-size:14px}th{color:var(--muted);background:#18201c}.pill{font-size:12px;border:1px solid #546e5d;color:#b4d7bd;border-radius:20px;padding:5px 12px}.pill.rejected{color:#f3adad;border-color:#704343}.pill.pending{color:var(--gold);border-color:#756642}.empty{text-align:center;padding:45px 20px;color:var(--muted);border:1px dashed var(--line);border-radius:12px}.row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.row:last-child{border:0}.row p{margin:0}.subgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}dialog{background:#17211b;color:var(--text);border:1px solid #5b543c;border-radius:20px;width:min(600px,94vw);max-height:90vh;padding:32px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.close{float:inline-end;padding:0;width:34px;height:34px;font-size:24px}.dialog-tabs{display:flex;gap:10px;margin:10px 0 25px}.dialog-tabs .active{border-color:var(--gold);color:var(--gold)}footer{display:flex;gap:25px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:25px 4%;color:var(--muted);font-size:13px}#message:not(:empty){position:fixed;z-index:50;bottom:25px;inset-inline-end:25px;max-width:min(480px,90vw);padding:18px;background:#314536;border:1px solid #6f9273;border-radius:12px;box-shadow:0 10px 40px #0006}#message.error{background:#4a2828}.split-title{margin-top:35px}.ltr{direction:ltr;text-align:start}pre{white-space:pre-wrap}details summary{cursor:pointer}.catalog-text{white-space:pre-wrap}.top-space{margin-top:24px}[hidden]{display:none!important}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:20px}aside{width:220px}main{padding:26px}}@media(max-width:700px){header{padding:15px 5%;flex-wrap:wrap}.brand small{font-size:10px}.header-actions{width:100%;justify-content:space-between}.layout{display:block}aside{width:100%;border-inline-end:0;border-bottom:1px solid var(--line);padding:14px}nav{display:flex;overflow-x:auto}nav button{flex-shrink:0}.identity{display:none}.hero{grid-template-columns:1fr;padding:25px 0 40px}.hero-art{display:none}main{padding:24px 18px}.cards,.fields,.subgrid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-wrap:wrap}h1{font-size:28px}footer{flex-direction:column;align-items:flex-start;gap:10px}.card{padding:21px}dialog{padding:24px}.row{align-items:flex-start}}
nav{scrollbar-width:thin;scrollbar-color:#746644 #18201c}
/* Albarq Signature — charcoal, warm ivory and brushed gold */
:root{--bg:#0c0d10;--panel:#17191e;--line:#2b2d33;--gold:#dbb975;--muted:#a3a5ae;--text:#f6f3ec}body{background:radial-gradient(ellipse at 70% -10%,#3b302430,transparent 48%),var(--bg);font-weight:500}button{background:#23252c;border-color:#35363e;border-radius:12px;transition:background .18s,border-color .18s,transform .18s}button:hover{background:#303039}button:focus-visible,a:focus-visible{outline:2px solid var(--gold)}.gold{background:linear-gradient(110deg,#f0d59b,#d3ac65);color:#272014;box-shadow:0 4px 20px #b58a3e15}.gold:hover{background:linear-gradient(110deg,#f7dfb0,#dfbb7b);transform:translateY(-1px)}header{height:92px;padding:18px 4%;background:#101115e8;backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand img{width:50px;border-radius:15px;box-shadow:0 8px 25px #a2783820}.brand b{font-size:26px}.header-actions{flex-shrink:0}input,select,textarea{background:#111216;border-color:#383a43;border-radius:11px;padding:13px 15px;min-height:48px}input:focus,select:focus,textarea:focus{border-color:var(--gold);outline:2px solid #dbb97520}textarea{min-height:110px}.layout{max-width:1640px;min-height:80vh}aside{background:linear-gradient(180deg,#131419,#101115);width:264px;padding:28px 18px;position:sticky;top:92px;height:calc(100vh - 92px);overflow-y:auto}main{padding:36px 40px 56px}.identity{padding:18px 16px 24px;border-bottom:1px solid var(--line);margin-bottom:23px}.avatar{background:linear-gradient(135deg,#dfbf8130,#dfbf8105);border-radius:14px;width:48px;height:48px;font-size:20px}.identity b{font-size:17px}.identity small{font-size:12px}nav{gap:7px}nav button{display:flex;align-items:center;gap:12px;color:#a7a8b2;font-size:14px;padding:13px 15px;border:1px solid transparent;border-radius:12px}nav button.active{border:1px solid #d2af6640;background:linear-gradient(100deg,#d2af6619,#d2af6607);color:#edcf95}.nav-icon{width:25px;font-size:22px;text-align:center}#switchMode{margin-top:20px;border:1px solid #b7975255;color:var(--gold);justify-content:center;background:#d7b8730b}h1{font-weight:800;font-size:32px;letter-spacing:-.6px}h2{font-weight:700}h3{font-size:19px}.eyebrow{font-family:Arial,sans-serif;letter-spacing:2.8px;font-size:10px;margin-bottom:14px}.section-head{margin-bottom:28px}.section-head h1{margin-bottom:10px}.welcome-banner{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:25px;overflow:hidden;border:1px solid #8d714839;border-radius:24px;background:radial-gradient(ellipse at 85% 40%,#a37e413a,transparent 55%),linear-gradient(120deg,#1c1c23,#24211d);padding:35px 38px;margin-bottom:26px;min-height:230px}.welcome-banner:before{content:'';position:absolute;z-index:-1;inset:-170px -20% auto auto;width:560px;height:560px;border:1px solid #d7b87314;border-radius:50%;box-shadow:0 0 0 55px #d7b87307,0 0 0 110px #d7b87304}.welcome-banner h1{font-size:clamp(26px,3vw,38px);margin-bottom:12px}.welcome-banner p{color:#c0bdb8;max-width:560px;margin-bottom:20px}.welcome-symbol{font:150px/1 Arial;color:#dbb975;transform:rotate(-8deg);opacity:.85;padding:0 32px;text-shadow:0 10px 40px #b28c4a50}.security-badge{display:inline-flex;border:1px solid #c9ad7738;border-radius:30px;padding:6px 14px;font-size:12px;color:#dec89d;background:#c6a35e0b}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:34px}.stat-card{display:flex;align-items:center;gap:18px;background:linear-gradient(130deg,#1c1d23,#14151a);border:1px solid var(--line);border-radius:18px;padding:23px}.stat-card p{font-size:13px;color:var(--muted);margin:0 0 5px}.stat-card strong{font:700 30px/1.4 Arial;color:var(--text)}.stat-icon{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border-radius:14px;font-size:24px;background:#c9a45e13;color:var(--gold);border:1px solid #c9a45e25}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:32px 0 18px}.section-heading h2{margin:0}.section-heading>.muted{font:10px Arial;letter-spacing:2px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-card{display:block;text-align:start;border:1px solid var(--line);border-radius:20px;background:linear-gradient(140deg,#1c1d24,#14151a);padding:25px;position:relative;overflow:hidden}.service-card:hover{transform:translateY(-4px);border-color:#b69b62;background:linear-gradient(140deg,#28252a,#17181d);box-shadow:0 18px 40px #0003}.service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.service-top .icon{margin:0}.service-no{font:12px Arial;letter-spacing:2px;color:#77716a}.icon{background:linear-gradient(145deg,#d7b87322,#d7b87305);border-color:#d7b87332;color:#e3c58b;width:48px;height:48px;font-size:26px;border-radius:14px}.service-card h3{margin-bottom:10px;font-size:18px}.service-card p{font-size:14px;line-height:1.8;color:var(--muted);min-height:50px}.service-bottom{border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;color:#dcc18b;font-size:13px}.card{background:linear-gradient(135deg,#1c1d24,#14151a);border-color:var(--line);border-radius:20px;padding:28px}.card p{color:var(--muted)}.notice{background:#d7b87309;color:#bdb3a0;border-color:#7364444a;line-height:1.8;font-size:13px}.recent-list{border:1px solid var(--line);border-radius:18px;overflow:hidden}.recent-item{display:flex;width:100%;align-items:center;gap:16px;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:19px 24px;text-align:start;background:#17181e}.recent-item:last-child{border:0}.recent-item .icon{margin:0;flex-shrink:0}.recent-item small{display:block;color:var(--muted);font-size:12px}.recent-item>strong{margin-inline-start:auto;font-family:Arial;font-size:15px}.table-wrap{border-radius:18px;background:#16171c}th{background:#202127;color:#c3b394;font-size:12px;letter-spacing:.2px;padding:17px}td{padding:18px 17px;border-color:#292a32;font-size:14px}tr:hover td{background:#ffffff03}.cell-sub{display:block;color:var(--muted);font-size:11px;margin-top:5px}.pill{display:inline-block;background:#66bb8810;color:#92ceae;border-color:#66bb8830;white-space:nowrap}.pill.pending{background:#d7b87310;color:#e6c88f;border-color:#b99b5940}.pill.processing{color:#a3bcf0;border-color:#6488c844;background:#6488c80d}.pill.rejected{background:#be606010;border-color:#be606040}.steps{display:flex;gap:14px;margin-bottom:24px;padding:15px 20px;border:1px solid var(--line);border-radius:14px;background:#17181d;color:#858792;font-size:13px}.steps span{flex:1}.steps .current{color:var(--gold)}#transfer{max-width:1000px}.fields{gap:22px}#transfer>.gold{justify-self:start;min-width:240px}.subgrid{align-items:start}.subgrid form{gap:20px}.subgrid h2{margin-bottom:0}.subgrid form>button{min-height:46px}.filter-bar{display:flex;gap:12px;align-items:center}.filter-bar input{flex:1;min-width:0}.filter-bar button{white-space:nowrap}.pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:20px;color:var(--muted);font-size:13px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-grid>div{padding:14px;background:#ffffff03;border:1px solid var(--line);border-radius:12px;overflow-wrap:anywhere}.detail-grid small{display:block;color:var(--muted);margin-bottom:5px;font-size:12px}.detail-grid b{display:block;font-weight:500}.detail-meta{display:flex;gap:15px;flex-wrap:wrap;align-items:center;font-size:13px;color:var(--muted)}.customer-detail{margin-top:22px;padding:20px;border:1px solid #d2af6635;background:#d2af6607;border-radius:14px}.customer-detail p{margin:6px 0 10px}.mono{font-family:monospace;direction:ltr;font-size:12px;overflow-wrap:anywhere}.verification-icon{display:grid;place-items:center;width:65px;height:65px;border:1px solid #cfac6750;color:var(--gold);background:#cfac6715;border-radius:20px;font-size:30px;margin-bottom:22px}.review-amount{font:700 38px Arial;color:var(--gold);text-align:center;padding:22px;border:1px solid #d7b87322;border-radius:14px;margin:20px 0}.review-amount small{font-size:18px}.request-summary{display:flex;justify-content:space-between;gap:15px;background:#ffffff06;border-radius:12px;padding:15px}.code-input{font:28px monospace;text-align:center;letter-spacing:8px;direction:ltr;min-height:65px}.danger{background:#a4414120;border-color:#b7646450;color:#f1a9a9}.contact-button{display:inline-block;padding:12px 22px;border-radius:12px}.hero{padding:65px 0 80px;gap:45px}.hero-art{position:relative;min-height:330px;background:radial-gradient(circle,#c49b4920,transparent 65%)}.premium-card{z-index:2;position:absolute;width:88%;max-width:380px;aspect-ratio:1.58;border-radius:24px;transform:rotate(-12deg);background:linear-gradient(130deg,#e5c991,#aa8646 55%,#dcc18d);color:#292014;padding:30px;box-shadow:20px 40px 65px #0008,inset 0 1px 0 #ffecba;border:1px solid #efdbb5}.premium-card span{font:700 20px Arial;letter-spacing:5px}.premium-card b{position:absolute;inset-inline-end:30px;top:15px;font-size:70px}.premium-card small{display:block;font:9px Arial;letter-spacing:2px;margin-top:50px}.premium-card>div{font:13px Arial;letter-spacing:2px;margin-top:20px}.orbit:before,.orbit:after{display:none}.orbit{position:absolute;width:100%;height:100%;border-color:#c6a56b25;box-shadow:0 0 0 35px #c6a56b06}.hero h1{font-weight:800;font-size:clamp(38px,4.8vw,65px)}.hero .actions{margin-top:30px}.hero .actions button{padding:14px 25px}.hero p.eyebrow{font-size:11px;color:var(--gold)}dialog{background:linear-gradient(145deg,#202127,#14151a);border-color:#635238;width:min(740px,94vw);padding:32px;box-shadow:0 30px 100px #0009}dialog h2{font-size:25px}dialog::backdrop{background:#04050ad9;backdrop-filter:blur(8px)}footer{background:#101115;color:#999aa4}.empty{background:#17181c80;border-color:#353640;min-height:130px;display:grid;place-items:center}#message:not(:empty){background:#23372f;border-color:#5f8872;line-height:1.7}#message.error{background:#42282d;border-color:#a76873}.menu-toggle{display:none}nav{scrollbar-color:#63543d #16171d}
@media(min-width:1500px){.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){aside{width:225px;padding:20px 12px}main{padding:28px 25px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-symbol{font-size:115px;padding:0 10px}.welcome-banner{padding:28px}.stat-card{padding:18px;gap:12px}.stat-icon{width:40px;height:40px}}
@media(max-width:700px){header{height:auto;min-height:82px;position:sticky;padding:14px 18px;gap:12px}.brand img{width:40px}.brand b{font-size:22px}.brand small{font-size:9px}.header-actions{width:auto;gap:7px}.header-actions button,.header-actions select{padding:8px 10px;font-size:12px;min-height:40px}.layout{display:block}aside{position:static;height:auto;width:100%;padding:10px 14px;overflow:visible;background:#14151a}nav{display:flex;gap:6px;overflow-x:auto;padding-bottom:3px}nav button{font-size:12px;padding:8px 12px;gap:6px;white-space:nowrap}.nav-icon{width:20px;font-size:19px}#switchMode{margin:0;flex-shrink:0}.identity{display:none}main{padding:22px 16px 40px}.welcome-banner{min-height:210px;padding:25px 22px;border-radius:20px}.welcome-banner h1{font-size:26px;line-height:1.5}.welcome-banner p{font-size:14px}.welcome-symbol{display:none}.stats-grid{gap:8px;margin-bottom:26px}.stat-card{padding:15px 10px;display:block;border-radius:14px}.stat-icon{width:30px;height:30px;font-size:18px;margin-bottom:9px}.stat-card p{font-size:11px;line-height:1.6;min-height:34px}.stat-card strong{font-size:24px}.section-heading h2{font-size:20px}.section-heading>.muted{display:none}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service-card{padding:16px 13px;border-radius:16px}.service-card .icon{width:39px;height:39px;font-size:22px}.service-top{margin-bottom:18px}.service-card h3{font-size:16px;line-height:1.6;min-height:49px;margin-bottom:7px}.service-card p{font-size:12px;min-height:65px}.service-bottom{font-size:11px;gap:4px}.service-no{font-size:10px}.card{padding:21px}.recent-item{padding:15px 12px;gap:10px;flex-wrap:wrap}.recent-item .icon{width:35px;height:35px;font-size:20px}.recent-item>span:nth-child(2){flex:1}.recent-item>strong{font-size:13px}.recent-item small{font-size:10px}.recent-item>.pill{margin-inline-start:45px;font-size:10px}.filter-bar{flex-wrap:wrap}.filter-bar input{flex-basis:100%}.filter-bar select{flex:1;min-width:0}.steps{font-size:10px;padding:12px 10px;gap:7px}.detail-grid{gap:10px;grid-template-columns:1fr}.detail-grid>div{padding:12px}dialog{padding:25px 20px;max-height:91vh}.request-summary{font-size:14px}.hero{padding:30px 0 45px;gap:25px}.hero h1{font-size:39px}.hero-art{display:grid;min-height:230px;max-height:260px;max-width:340px;margin:0 auto}.premium-card{max-width:290px;padding:24px}.premium-card b{font-size:55px}.premium-card small{margin-top:32px}.premium-card>div{font-size:11px}.hero p{font-size:16px}.hero .actions{gap:18px}.hero .actions a{font-size:13px}.cards{grid-template-columns:1fr}.subgrid,.fields{grid-template-columns:1fr}#transfer>.gold{width:100%;min-width:0}.pagination{font-size:11px}.pagination button{font-size:12px;padding:8px 12px}footer{padding:22px 18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}