:root{--accent:#398cff;--accent-soft:#102f50;--bg:#07111f;--surface:#0c1b2d;--border:#20344a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#eef5ff;font-family:Georgia,Times New Roman,serif}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(120deg,var(--bg),var(--accent-soft));opacity:.9}header{max-width:1180px;margin:auto;padding:24px 22px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;color:#8295aa;font:11px Arial,sans-serif;letter-spacing:.12em}.brand{display:flex;align-items:center;gap:9px;color:#fff;font-weight:800}.brand svg{color:var(--accent)}nav{display:flex;gap:16px}.link{width:auto;background:none;color:#8da5bc;padding:4px;font:11px Arial,sans-serif}section{max-width:680px;margin:auto;padding:78px 22px 40px;text-align:center}.eyebrow{color:var(--accent);font:800 11px Arial,sans-serif;letter-spacing:.18em;margin-bottom:18px}h1{font-size:clamp(40px,8vw,70px);line-height:1;letter-spacing:-.04em;margin:0 0 22px}h1 b{color:var(--accent)}section>p{color:#96a9bd;line-height:1.7;margin:0 auto 34px;max-width:570px;font-size:17px}form,.state,.admin-settings{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:27px;text-align:left;box-shadow:0 25px 70px #0005}label{display:block;color:#9eafc1;font:700 12px Arial,sans-serif;margin-bottom:15px}input,select{display:block;width:100%;margin-top:7px;background:#071321;border:1px solid #263a50;border-radius:9px;padding:14px;color:#fff;font:15px Arial,sans-serif;outline:0}select{color:#dcecff}input:focus,select:focus{border-color:var(--accent)}button,.button{width:100%;border:0;border-radius:9px;background:var(--accent);color:#fff;padding:14px;font:800 13px Arial,sans-serif;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;text-decoration:none}button:disabled{opacity:.6}.secondary{background:#182b40;color:#b3c6d9}.compact{width:auto;padding:10px 14px}.error{color:#ffb0b0;background:#381d25;border:1px solid #63303a;padding:10px;border-radius:8px;margin-bottom:15px;font:13px Arial,sans-serif}.success{color:#9bf0bf;background:#153b2b;border:1px solid #28734c;padding:10px;border-radius:8px;margin:12px 0;font:13px Arial,sans-serif}.state{text-align:center}.state>svg{display:block;margin:0 auto 18px;color:var(--accent);width:55px;height:55px}.state h2{font:27px Arial,sans-serif;margin:0}.state p{text-align:center;margin:10px auto 23px}.muted,small{display:block;text-align:center;color:#71869c;font:12px Arial,sans-serif;margin-top:13px}.dashboard{max-width:1100px;margin:auto;padding:55px 22px;font-family:Arial,sans-serif}.dashhead{display:flex;justify-content:space-between;align-items:center}.dashhead h2{font-size:32px;margin:0 0 30px}.admin-settings{margin-bottom:22px}.admin-settings h3{margin-top:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.metric,.row,.payment{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:17px}.metric span,.row span,.payment span{display:block;color:#8da5bc;font-size:12px}.metric strong{display:block;font-size:28px;margin-top:8px}.toolbar{display:flex;align-items:center;gap:8px;margin-bottom:13px}.toolbar input,.toolbar select{margin:0}.table{display:grid;gap:7px}.row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:15px}.row strong,.payment strong{display:block;margin-bottom:5px}.pill{border-radius:99px;padding:6px 9px;background:#20344a;color:#b9cee3!important;font:10px Arial,sans-serif!important;text-transform:uppercase}.pill.approved{background:#164536;color:#82e1b4!important}.pill.rejected{background:#4a2832;color:#ffabb6!important}.actions{display:flex;gap:6px}.actions button{width:auto;padding:8px 10px;background:#195a76}.actions .danger{background:#5d2935}.dashboard h3{margin:32px 0 12px}.payment{display:flex;gap:14px;align-items:center;margin-bottom:7px}.payment>div:first-child{flex:1}.payment span:nth-child(2){flex:0 0 auto}@media(max-width:620px){section{padding-top:55px}header{padding:20px 16px}.metrics{grid-template-columns:repeat(2,1fr)}.row{grid-template-columns:1fr auto}.actions{grid-column:1/-1}.payment{align-items:flex-start;flex-wrap:wrap}.payment>div:first-child{flex-basis:100%}}:root[data-theme=sky]{--accent:#23b6ff;--accent-soft:#0c3a56}:root[data-theme=cobalt]{--accent:#5578ff;--accent-soft:#152a65}:root[data-theme=violet]{--accent:#9b75ff;--accent-soft:#35205d}:root[data-theme=plum]{--accent:#d46bba;--accent-soft:#542542}:root[data-theme=rose]{--accent:#ff6f91;--accent-soft:#592538}:root[data-theme=coral]{--accent:#ff8066;--accent-soft:#603128}:root[data-theme=amber]{--accent:#f5b83d;--accent-soft:#5c4218}:root[data-theme=lime]{--accent:#a8d94d;--accent-soft:#354c19}:root[data-theme=mint]{--accent:#46d1ad;--accent-soft:#164d43}:root[data-theme=teal]{--accent:#20c7c9;--accent-soft:#104b55}:root[data-theme=slate]{--accent:#a9b8c9;--accent-soft:#293a4b}.password-field{display:block;position:relative}.password-field input{padding-right:52px}.password-toggle{position:absolute;right:7px;top:8px;width:38px;height:38px;padding:0;background:transparent;color:#9eafc1;border-radius:7px}.password-toggle:hover,.password-toggle:focus{background:#182b40;color:#fff}textarea{display:block;width:100%;min-height:96px;margin-top:7px;background:#071321;border:1px solid #263a50;border-radius:9px;padding:14px;color:#fff;font:15px Arial,sans-serif;outline:0;resize:vertical}textarea:focus{border-color:var(--accent)}.admin-settings form{background:transparent;border:0;border-top:1px solid var(--border);border-radius:0;box-shadow:none;margin-top:18px;padding:18px 0 0}.admin-settings h4{margin:0 0 14px;color:#dcecff}.bank-card{background:#071321;border:1px solid var(--border);border-radius:12px;margin:0 0 17px;padding:12px}.bank-card p{color:#9eafc1;font:13px Arial,sans-serif;line-height:1.6;margin:10px 2px 2px}.copy-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding:11px 0}.copy-row:last-child{border-bottom:0}.copy-row span{display:block;color:#8da5bc;font:11px Arial,sans-serif;text-transform:uppercase}.copy-row strong{display:block;color:#fff;font:700 16px Arial,sans-serif;margin-top:4px}.copy-button{width:38px;height:38px;flex:0 0 38px;padding:0;background:#182b40;color:#dcecff}.payment-details{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}.payment-details span{background:#071321;border:1px solid var(--border);border-radius:999px;padding:6px 9px}.payment{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.payment-main{min-width:0}.payment-main>span{overflow-wrap:anywhere}.payment-side{display:flex;align-items:center;gap:12px;justify-content:flex-end}.payment-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.payment-details div{background:#071321;border:1px solid var(--border);border-radius:10px;padding:10px;min-width:0}.payment-details small{display:block;text-align:left;margin:0 0 5px;color:#8da5bc;font:10px Arial,sans-serif;text-transform:uppercase}.payment-details b{display:block;color:#dcecff;font:700 12px Arial,sans-serif;overflow-wrap:anywhere}.payment-side .actions{flex-wrap:nowrap}@media(max-width:820px){.payment{grid-template-columns:1fr}.payment-side{justify-content:flex-start;margin-top:14px}.payment-details{grid-template-columns:1fr}}@media(max-width:620px){.payment-side{align-items:stretch;flex-direction:column}.payment-side .actions button{flex:1}}.watermark{position:fixed;right:18px;bottom:18px;z-index:20;width:auto;max-width:calc(100vw - 36px);border:1px solid color-mix(in srgb,var(--accent),white 20%);border-radius:999px;background:color-mix(in srgb,var(--surface),#000 18%);box-shadow:0 12px 35px #0007;color:#eef5ff;padding:10px 14px;text-decoration:none;font:800 11px Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase}.watermark:hover,.watermark:focus{background:var(--accent);color:#fff}@media(max-width:620px){.watermark{left:12px;right:12px;bottom:12px;justify-content:center;text-align:center}}:root{--glass:rgba(12,27,45,.66);--glass-strong:rgba(12,27,45,.82);--text:#f6fbff;--muted:#a9b8c8;--ring:rgba(255,255,255,.15)}body{min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{background:linear-gradient(140deg,color-mix(in srgb,var(--bg),#000 15%),color-mix(in srgb,var(--accent-soft),#1a1f32 20%) 48%,color-mix(in srgb,var(--bg),#111827 10%));opacity:1}header{position:sticky;top:0;z-index:10;max-width:1120px;margin:18px auto 0;padding:14px 18px;border:1px solid var(--ring);border-radius:8px;background:#07111fa8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 18px 45px #0004}.brand{font-family:Arial,sans-serif;letter-spacing:.08em}.link{border:1px solid transparent;border-radius:8px}.link:hover,.link:focus{border-color:var(--ring);background:#ffffff0f;color:#fff}section{max-width:720px;padding:72px 22px 82px}.eyebrow{letter-spacing:.14em}h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,4.6rem,74px);letter-spacing:0;text-wrap:balance}section>p{color:var(--muted)}form,.state,.admin-settings,.metric,.row,.payment,.bank-card{border:1px solid var(--ring);border-radius:8px;background:linear-gradient(145deg,#ffffff17,#ffffff06),var(--glass);box-shadow:0 26px 70px #0006;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}form,.state,.admin-settings{padding:30px}label{color:var(--muted);letter-spacing:.01em}input,select,textarea{border-color:#ffffff24;border-radius:8px;background:#050d18b3;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}input:hover,select:hover,textarea:hover{background:#050d18db}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent),transparent 76%)}button,.button{min-height:48px;border-radius:8px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent),#fff 18%));box-shadow:0 14px 30px color-mix(in srgb,var(--accent),transparent 72%);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}button:hover,.button:hover{transform:translateY(-1px);filter:saturate(1.06);box-shadow:0 18px 38px color-mix(in srgb,var(--accent),transparent 66%)}button:active,.button:active{transform:translateY(0)}.secondary{background:#ffffff14;box-shadow:none;border:1px solid var(--ring)}.error,.success{border-radius:8px}.dashboard{max-width:1180px;padding-bottom:94px}.dashhead h2{letter-spacing:0}.metric,.row,.payment{border-radius:8px}.metric{background:linear-gradient(145deg,#ffffff1a,#ffffff08),var(--glass)}.toolbar{padding:10px;border:1px solid var(--ring);border-radius:8px;background:#ffffff0a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.pill{border:1px solid rgba(255,255,255,.12)}.actions button{min-height:36px}.bank-card{box-shadow:none}.copy-row strong{font-size:17px}.copy-button{border:1px solid var(--ring);background:#ffffff14;box-shadow:none}.payment-details div{background:#050d1894;border-color:#ffffff1f}.watermark{z-index:30;border-radius:8px;background:#0c1b2dbd;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-transform:none;letter-spacing:0}.toast-stack{position:fixed;right:18px;top:92px;z-index:40;display:grid;gap:10px;width:min(360px,calc(100vw - 36px));pointer-events:none}.toast{border:1px solid var(--ring);border-left:4px solid var(--accent);border-radius:8px;background:#0c1b2ddb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 18px 45px #0007;color:#eef5ff;padding:13px 14px;font:800 13px Arial,sans-serif}.toast.error{border-left-color:#ff7b8c}.toast.info{border-left-color:#8da5bc}@media(max-width:620px){header{margin:10px 10px 0}.toast-stack{top:78px;left:12px;right:12px;width:auto}section{padding-bottom:92px}h1{font-size:44px}}input[type=checkbox]{display:inline-block;width:auto;height:auto;margin:0 8px 0 0;padding:0;background:transparent;box-shadow:none;accent-color:var(--accent)}.toggle-row{display:flex;align-items:center;gap:8px;margin-bottom:15px}
