:root{color-scheme:dark;--bg:#06141e;--panel:#122330;--panel2:#182d3c;--gold:#f3cc78;--gold-light:#ffe1a0;--white:#f8fbfd;--muted:#9daebb;--stroke:#304758;--green:#31deae;--red:#ff7181;--blue:#8fbddc;--bottom:80px;--safe:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--white);font-family:'Cairo','Segoe UI',Tahoma,Arial,sans-serif;-webkit-tap-highlight-color:transparent;font-feature-settings:'tnum' 1}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.52;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}a{color:var(--gold)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.app-shell{max-width:1100px;margin:auto;min-height:100vh;box-shadow:0 0 90px #0005}.hero{height:264px;position:relative;overflow:hidden;background:#071521}.hero-art{position:absolute;inset:0;background-image:url('assets/hero.webp');background-position:center 61%;background-size:cover;opacity:.98}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#04121d30 0%,#04121d10 40%,#04121d25 90%,#04121d 100%),radial-gradient(ellipse at 50% 29%,#06131bd6 2%,#06131b35 55%,transparent 85%)}.hero-toolbar{display:flex;justify-content:space-between;align-items:flex-start;position:absolute;left:26px;right:26px;top:27px;z-index:2}.icon-button{color:var(--white);border:1px solid #587083;background:linear-gradient(145deg,#203647ef,#10202ff2);width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 #ffffff19,0 3px 9px #0004}.icon-button svg{width:27px;height:27px;stroke-width:2}.hero-button{width:52px;height:52px}.brand{position:absolute;top:34px;left:0;right:0;text-align:center;z-index:1;pointer-events:none;text-shadow:0 3px 13px #000b}.brand-title{font-size:clamp(44px,5.3vw,66px);font-weight:900;letter-spacing:-1.8px;color:var(--gold);line-height:1.4}.brand p{margin:2px 0;color:#eef3f5;font-size:clamp(14px,2vw,21px);font-weight:450}.brand-line{display:flex;gap:4px;align-items:center;justify-content:center;color:var(--gold);font-size:8px;line-height:1}.brand-line span{width:68px;height:1px;background:linear-gradient(90deg,transparent,#e8b95b)}.brand-line span:last-child{transform:rotate(180deg)}.main{padding:0 24px 110px;background:linear-gradient(180deg,#05131e 0%,#081825 75%,#06141e)}.screen{display:none;animation:fade .19s ease-out}.screen.active{display:block}@keyframes fade{from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:none}}.rate-toolbar{display:flex;gap:10px;align-items:stretch;margin:13px 0 12px}.currency-selector{flex:1;min-width:0;min-height:64px;border:2px solid #e0b761;border-radius:20px;background:linear-gradient(130deg,#122533,#0c1b28);box-shadow:inset 0 1px 0 #ffffff19,0 0 18px #cfa45220;color:var(--white);display:flex;align-items:center;gap:13px;padding:9px 16px;text-align:right}.currency-flag{font-size:33px;line-height:1;filter:drop-shadow(0 2px 2px #0005)}.currency-title{flex:1;min-width:0;font-size:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.currency-title b{font-weight:650}.currency-title strong{font-size:20px;margin-inline-start:9px;letter-spacing:.3px}.selector-chevron{height:12px;width:12px;flex-shrink:0;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-3px)}.control-btn{height:auto;width:64px;flex:0 0 64px;border-radius:19px}.control-btn.loading svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-panel{position:relative;margin:6px 0 12px}.search-panel input,.field input,.form-card input,.form-card select,.settings-card input:not([type=checkbox]):not([type=file]),.settings-card select{width:100%;height:48px;background:#122634;border:1px solid #3a5364;border-radius:12px;color:var(--white);padding:0 13px;outline:none}.search-panel input{padding-left:42px}.search-panel .mini-icon{position:absolute;left:8px;top:5px;border:0;background:none;color:var(--muted);font-size:30px}.notice{border:1px solid #665a42;background:linear-gradient(90deg,#302619,#1b2630);color:#f3daae;border-radius:11px;padding:10px 13px;line-height:1.7;font-size:13px;margin-bottom:14px;display:flex;gap:9px;align-items:center}.notice svg{width:18px;height:18px;flex:none}.notice.live{border-color:#2e7f70;background:#123329;color:#bdfae5}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:17px}.metric{height:110px;border-radius:19px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--stroke);box-shadow:inset 0 1px 0 #ffffff12;min-width:0;padding:12px 7px;text-align:center}.metric-buy{background:linear-gradient(145deg,#113c36,#0b252b);border-color:#1d9f84}.metric-sell{background:linear-gradient(145deg,#3a1c2b,#251c29);border-color:#a64e62}.metric-average{background:linear-gradient(145deg,#1c3548,#142738);border-color:#4a7d9a}.metric-head{display:flex;gap:8px;align-items:center;justify-content:center;white-space:nowrap;font-size:14px;font-weight:700}.metric-symbol{font-weight:900;font-size:22px;color:var(--green)}.metric-sell .metric-symbol{color:var(--red)}.metric-average .metric-symbol{color:var(--blue)}.metric strong{font-size:clamp(23px,4vw,36px);font-weight:850;line-height:1.3;font-variant-numeric:tabular-nums}.metric-bank{font-size:11px;line-height:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#c8d6d9;max-width:100%}.filter-scroll{overflow:auto hidden;scrollbar-width:none;margin:0 -3px 6px}.filter-scroll::-webkit-scrollbar{display:none}.filters{display:flex;gap:9px;min-width:max-content;padding:2px 3px 7px}.filter{border:1px solid #3c5b69;background:linear-gradient(130deg,#122633,#091c2a);padding:10px 17px;border-radius:100px;color:#f5f7f8;min-height:46px;white-space:nowrap;display:flex;align-items:center;gap:7px;font-size:14px}.filter.active{color:#1b1b1b;background:linear-gradient(135deg,#ffe4a0,#e9b650);box-shadow:0 2px 10px #e1b55242;border-color:#ffdd8d;font-weight:800}.green-dot{height:9px;width:9px;border-radius:50%;background:var(--green);display:inline-block}.list-summary{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;padding:7px 4px 12px}.subtle-link{background:none;border:0;color:#e4b966;padding:4px 0;font-size:12px}.bank-list{display:flex;flex-direction:column;gap:5px}.bank-row{border:1px solid #2b4351;border-radius:16px;background:linear-gradient(120deg,#12202c,#0c1d29);min-height:74px;padding:8px 12px;display:flex;align-items:center;gap:10px;box-shadow:inset 0 1px 0 #ffffff08,0 3px 6px #0002;transition:border-color .18s,transform .18s}.bank-row:hover{border-color:#7593a4}.bank-info{display:flex;gap:10px;align-items:center;flex:1;min-width:0;text-align:right;cursor:pointer}.logo-wrap{width:48px;height:48px;border-radius:12px;background:#f8fafb;display:flex;align-items:center;justify-content:center;flex:none;overflow:hidden}.logo-wrap img{width:100%;height:100%;object-fit:contain}.logo-placeholder{color:#183a4a;font-weight:800;font-size:14px;text-align:center}.bank-text{min-width:0;flex:1}.bank-name{font-size:15px;font-weight:720;line-height:1.3;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bank-date{font-size:11px;line-height:1.5;display:block;color:#a5b5bf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bank-date .fresh{color:var(--green)}.bank-date .stale{color:#e2be75}.bank-date .missing{color:#a4b1b8}.bank-date .dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-inline-end:4px;background:var(--green)}.bank-date .dot.old{background:#e6bf6c}.bank-date .dot.none{background:#667886}.quote-pair{display:flex;gap:6px;direction:rtl}.quote{width:102px;min-width:0;height:57px;border:1px solid #354e5f;background:linear-gradient(145deg,#192d3b,#10222e);border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1.4}.quote small{font-size:11px;color:#bdc9d0}.quote strong{font-size:20px;font-weight:780;white-space:nowrap;direction:ltr;font-variant-numeric:tabular-nums}.quote.buy.best{background:linear-gradient(125deg,#12453b,#13342e);border-color:#2eb68d}.quote.sell.best{background:linear-gradient(125deg,#493041,#2a202d);border-color:#d16679}.quote.empty strong{color:#788b98}.bank-empty{display:flex;align-items:center;gap:6px;border:1px solid #3a4d58;border-radius:12px;background:#132531;padding:14px 16px;min-width:210px;color:#8196a3;font-size:13px}.empty-state{text-align:center;padding:48px 18px;background:#112330;border:1px dashed #385162;border-radius:18px;color:var(--muted);line-height:1.9}.empty-state strong{display:block;color:var(--white);font-size:17px}.empty-state svg{height:34px;width:34px;color:var(--gold)}.list-footer{font-size:11px;line-height:1.8;color:#8fa2ad;margin:17px 7px 30px}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(1100px,100%);height:calc(var(--bottom) + var(--safe));padding-bottom:var(--safe);display:flex;align-items:stretch;border-top:1px solid #334758;background:#0c1d2bfa;z-index:20;box-shadow:0 -7px 25px #04121c88;backdrop-filter:blur(12px)}.nav-item{flex:1;border:0;background:none;color:#a4b7c4;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:12px}.nav-item.active{color:var(--gold);font-weight:700}.nav-icon svg{width:25px;height:25px}.nav-item.active .nav-icon svg{stroke-width:2.1}.page-heading{margin:26px 0 21px;display:flex;align-items:center;justify-content:space-between}.page-heading small{color:var(--gold);font-size:12px}.page-heading h1{font-size:30px;color:var(--white);margin:4px 0;font-weight:780}.page-heading p{font-size:13px;color:var(--muted);margin:0}.heading-icon{width:58px;height:58px;border-radius:16px;background:#162a37;color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:31px;border:1px solid #526273}.search-directory{margin-bottom:15px}.directory-list{display:flex;flex-direction:column;gap:8px}.directory-item{display:flex;align-items:center;gap:12px;background:#142531;border-radius:14px;border:1px solid #344856;padding:13px 14px}.directory-item .logo-wrap{height:44px;width:44px;border-radius:11px}.directory-item .directory-details{flex:1;min-width:0}.directory-item strong{display:block;font-size:14px}.directory-item span{display:block;font-size:11px;color:var(--muted);margin-top:3px}.directory-item a{border:1px solid #5c6c69;border-radius:10px;padding:9px 12px;text-decoration:none;font-size:12px;white-space:nowrap}.form-card,.settings-card{background:linear-gradient(140deg,#152633,#11202c);border:1px solid #304a58;border-radius:18px;padding:20px;margin-bottom:15px}.field-label{display:block;color:#c2d0d5;font-size:13px;font-weight:650;margin:12px 0 7px}.calc-number-row{display:flex;align-items:center;gap:10px}.calc-number-row input{font-weight:700;direction:ltr;text-align:right;font-size:24px!important}.calc-code{font-weight:700;color:var(--gold);font-size:18px}.calc-modes{display:flex;margin:22px 0;gap:10px}.calc-modes button{flex:1;min-height:45px;border:1px solid #526477;border-radius:12px;background:#0d2230;color:#c7d3da}.calc-modes button.active{background:#16453e;border-color:#2cd6ac;color:#cfffee;font-weight:700}.calc-result{border:1px solid #665a42;border-radius:15px;background:linear-gradient(135deg,#343025,#182632);padding:22px 15px;text-align:center;display:flex;gap:6px;flex-direction:column}.calc-result span{font-size:14px;color:#dfd0b0}.calc-result strong{font-size:38px;color:#ffe0a2;direction:ltr;font-variant-numeric:tabular-nums}.calc-result small{font-size:12px;color:var(--muted)}.helper{font-size:12px;line-height:1.7;color:var(--muted);padding:0 6px}.settings-card .setting-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #304453}.setting-row:first-child{padding-top:0}.setting-row:last-child{border:0;padding-bottom:0}.setting-row strong{font-size:16px}.setting-row p{color:var(--muted);font-size:12px;margin:5px 0 0;line-height:1.6}.status-pill{border-radius:18px;background:#16463d;color:#7ce5c9;border:1px solid #2b8a73;padding:6px 10px;white-space:nowrap;font-size:11px}.switch{position:relative;width:47px;height:26px;flex:none}.switch input{position:absolute;opacity:0}.switch span{height:26px;width:47px;border-radius:99px;background:#596d77;display:block;transition:.2s}.switch span:after{content:"";display:block;width:20px;height:20px;border-radius:50%;background:#eff5f6;position:absolute;top:3px;right:3px;transition:.2s}.switch input:checked+span{background:#26a589}.switch input:checked+span:after{right:24px}.settings-title{color:var(--gold);font-size:19px;font-weight:750}.settings-help{font-size:13px;line-height:1.85;color:#b4c4cc}.settings-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}.gold-button,.outline-button{min-height:42px;padding:9px 17px;border-radius:11px;border:1px solid #d7a953;background:linear-gradient(125deg,#f8dc8e,#ddb259);color:#212320;font-weight:780;font-size:13px}.outline-button{background:#102533;color:var(--gold);border-color:#51667a}.settings-divider{height:1px;background:#304453;margin:22px 0}.source-status{margin-top:13px;padding:12px;border-radius:10px;background:#0d222e;color:#b0c4cd;font-size:12px;line-height:1.75}.modal-backdrop{position:fixed;inset:0;background:#000b;z-index:40;display:flex;align-items:flex-end;justify-content:center;backdrop-filter:blur(6px)}.modal{background:#102330;color:var(--white);width:min(550px,100%);max-height:88vh;overflow:auto;border:1px solid #516371;border-radius:23px 23px 0 0;padding:20px 18px calc(24px + var(--safe));box-shadow:0 0 40px #0009}.modal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:20px}.close-modal{border:0;background:#263c49;color:var(--white);font-size:27px;line-height:1;border-radius:12px;height:34px;width:34px}.currency-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.currency-option{border:1px solid #3f5869;background:#162b39;color:var(--white);border-radius:12px;min-height:60px;display:flex;align-items:center;gap:9px;text-align:right;padding:9px 12px}.currency-option.selected{border-color:var(--gold);background:#34372c}.currency-option .flag{font-size:25px}.currency-option .code{font-size:11px;color:#abc1c9;direction:ltr;display:block}.modal-search{background:#192f3c;color:var(--white);border:1px solid #526577;border-radius:10px;width:100%;padding:10px;margin-bottom:13px}.detail-header{display:flex;align-items:center;gap:12px;margin-bottom:15px}.detail-header .logo-wrap{width:61px;height:61px}.detail-header h3{font-size:19px;margin:0}.detail-header p{margin:5px 0 0;color:var(--muted);font-size:12px}.detail-rates{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-rate{padding:15px;background:#152d3d;border:1px solid #385263;border-radius:12px;text-align:center}.detail-rate span{display:block;font-size:12px;color:#aac1ce}.detail-rate strong{font-size:25px;direction:ltr}.detail-meta{color:var(--muted);font-size:12px;line-height:1.85;margin:14px 0}.modal-actions{display:flex;gap:10px;flex-wrap:wrap}.toast{position:fixed;bottom:calc(var(--bottom) + var(--safe) + 14px);left:50%;transform:translateX(-50%) translateY(20px);z-index:70;max-width:min(460px,92vw);background:#233949;border:1px solid #70828e;color:#fff;border-radius:12px;padding:12px 19px;opacity:0;pointer-events:none;transition:.2s;font-size:13px;text-align:center;box-shadow:0 8px 24px #0008}.toast.show{transform:translateX(-50%) translateY(0);opacity:1}.spin svg{animation:spin 1s linear infinite}
@media(max-width:650px){.hero{height:204px}.hero-toolbar{left:16px;right:16px;top:18px}.hero-button{width:49px;height:49px;border-radius:15px}.brand{top:30px}.brand-title{font-size:45px}.brand p{font-size:15px}.main{padding:0 12px 98px}.rate-toolbar{gap:8px;margin:11px 0}.currency-selector{min-height:58px;border-radius:17px;padding:8px 11px;gap:7px}.currency-flag{font-size:27px}.currency-title{font-size:16px}.currency-title strong{font-size:16px;margin-inline-start:3px}.control-btn{flex-basis:51px;width:51px;border-radius:15px}.control-btn svg{width:25px}.notice{padding:7px 10px;font-size:11px}.metrics{gap:7px;margin-bottom:13px}.metric{height:90px;border-radius:14px;padding:9px 3px}.metric-head{font-size:11px;gap:3px}.metric-symbol{font-size:17px}.metric strong{font-size:clamp(19px,5vw,27px)}.metric-bank{font-size:9px}.filters{gap:7px}.filter{padding:8px 12px;min-height:41px;font-size:13px}.bank-list{gap:4px}.bank-row{min-height:67px;padding:7px;gap:6px;border-radius:13px}.bank-info{gap:7px}.logo-wrap{width:38px;height:38px;border-radius:9px}.logo-placeholder{font-size:12px}.bank-name{font-size:12.5px}.bank-date{font-size:9.5px}.quote-pair{gap:4px}.quote{width:79px;height:49px;border-radius:9px}.quote small{font-size:10px}.quote strong{font-size:16px}.bank-empty{min-width:105px;padding:10px;font-size:10px;max-width:143px;text-align:center}.bottom-nav{height:calc(72px + var(--safe))}.nav-item{font-size:11px}.nav-icon svg{width:23px;height:23px}.page-heading h1{font-size:25px}.form-card,.settings-card{padding:16px}.currency-grid{grid-template-columns:1fr 1fr}.modal{max-height:88vh}}
@media(max-width:385px){.brand-title{font-size:39px}.currency-title b{font-size:14px}.currency-title strong{font-size:14px}.currency-flag{font-size:23px}.control-btn{flex-basis:45px;width:45px}.bank-row{padding:7px 6px;gap:5px}.bank-name{font-size:11px}.logo-wrap{width:34px;height:34px}.quote{width:70px;height:45px}.quote strong{font-size:14px}.metric strong{font-size:20px}}
@media(min-width:800px){.hero{height:302px}.brand{top:50px}.main{padding:0 42px 140px}.rate-toolbar{margin-top:23px}.bank-row{padding:10px 15px;min-height:74px}.bank-name{font-size:17px}.bank-list{gap:7px}.bottom-nav{height:85px}.nav-item{font-size:14px}.nav-icon svg{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}