/* AMPAY Midnight — shared visual language with the Android application. */
:root{color-scheme:dark;--bg:#0b101a;--paper:#141d2b;--ink:#edf2fc;--muted:#a5b1c5;--line:#2a3549;--teal:#b6a1ff;--green:#87e6c5;--nav:#101724;--radius:18px;--raised:#1b2638;--violet-soft:#2b2545}
html{background:var(--bg);scrollbar-color:#43516a var(--bg)}
body{background:var(--bg);color:var(--ink);font-family:Inter,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:#524376;color:#fff}a{color:var(--teal)}a:hover{color:#d6caff}
:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.sidebar{background:var(--nav);border-right:1px solid #253045;padding:25px 17px 20px;width:242px}
.sidebar .brand{margin:0 10px 25px}.brand{gap:10px;color:var(--ink);letter-spacing:-.7px;font-size:24px;font-weight:700}.brand:hover{color:var(--ink)}
.brand-symbol{width:38px;height:40px;flex-shrink:0}.brand-word{display:block}.brand-word small{color:#a5b1c5;letter-spacing:2px;font-size:8px;margin-top:5px;font-weight:500}
.navlabel{color:#8595af;font-size:9px;letter-spacing:1.8px;margin:12px 12px 8px}.sidebar nav .navlabel{margin-top:21px}
.sidebar nav a{color:#aebbd0;font-size:12px;gap:11px;padding:9px 12px;margin:3px 0;min-height:42px;border:1px solid transparent;border-radius:10px;transition:background .15s,border-color .15s}
.sidebar nav a>span{display:flex;align-items:center;justify-content:center;width:20px;height:22px}.sidebar nav .nav-icon{width:19px;height:19px;flex-shrink:0}
.sidebar nav a:hover{background:#1b2638;color:#f1f4ff}.sidebar nav a.active{background:#2b2545;border-color:#463a68;color:#d1c2ff}
.sidebarfoot{color:#b1c2d8;padding:20px 12px 0}.sidebarfoot small{color:#94a4bd}.live-dot{background:var(--green);box-shadow:0 0 0 3px #87e6c512}
.main{margin-left:242px}.topbar{background:#101724;border-color:var(--line);height:72px;color:#9daec8;letter-spacing:1.1px}.slash{color:#52627e}.account{color:#dfe7f7;letter-spacing:0}.avatar{background:#2b2545;border-color:#4c3e70;color:#d1c2ff}
.text-button{color:#b6a1ff}.text-button:hover{color:#d6caff}main#content{padding-top:32px}h1{font-weight:600;letter-spacing:-1.1px;font-size:32px}h2{font-weight:600;color:var(--ink)}.title-dot{color:var(--green)}.eyebrow{color:#a6b4cd;letter-spacing:1.8px}.muted{color:var(--muted)}.strong{color:var(--ink)}
.pagehead{margin-bottom:28px}.pagehead p{line-height:1.8}.badge{font-size:10px;border:1px solid transparent;border-radius:6px;padding:4px 9px;letter-spacing:.1px}
.badge.outline{background:#232a22;border-color:#46513a;color:#d1ddb6}.testbanner{color:#a5b1c5;margin-bottom:28px}.pending{background:#372e20;color:#f4cb85;border-color:#55442b}.confirmed{background:#17382f;color:#8de7c6;border-color:#2b5144}.cancelled{background:#252d3d;color:#c0cadb;border-color:#3a465c}
.button{background:var(--teal);border-color:var(--teal);color:#161127;border-radius:10px;font-weight:650;min-height:43px;padding:10px 17px;box-shadow:0 2px 0 #00000012;transition:background .15s,transform .15s}
.button:hover{background:#c8b8ff;border-color:#c8b8ff;color:#161127}.button:active{transform:translateY(1px)}.button:disabled{background:#30394b;border-color:#38445a;color:#94a2b8;cursor:default;box-shadow:none}
.secondary{background:#202b3d;border-color:#35425b;color:#d5ddef}.secondary:hover{background:#2a3650;border-color:#566286;color:#fff}.light{background:var(--green);border-color:var(--green);color:#102b24}.light:hover{background:#b0f1d9;border-color:#b0f1d9;color:#102b24}.danger{color:#ffb5b5}.secondary.danger{border-color:#67404b;background:#30212c;color:#ffc0c4}.secondary.danger:hover{background:#422a38}
.stats{gap:16px}.stat{background:var(--paper);border-color:var(--line);box-shadow:0 8px 25px #0000000b}.statlabel{color:#b4c1d5;font-size:11px}.statlabel span{color:#afa1d9}.statvalue{color:#f0f4ff;font-weight:600;font-variant-numeric:tabular-nums}.stat small{color:#aebbd0}.stat.featured{background:linear-gradient(125deg,#282640,#182c32);border-color:#45415f}.featured .statlabel,.featured small{color:#c3cede}.featured .statlabel span,.featured .statvalue{color:#a0f0d2}
.providercard{background:var(--paper);border-color:var(--line);color:#e3eaf7}.providercard:hover{border-color:#6e6299;background:#1b2436}.providercard small{color:#a5b1c5}.providerarrow{color:#afa1d9}.providericon{background:#213b35;color:#9ae5c7}.providericon.bkash{background:#40243c;color:#ff9dcb}.providericon.nagad{background:#402d24;color:#ffb27f}.providericon.rocket{background:#312444;color:#d1a7ff}.providericon.upay{background:#1e334b;color:#94c8ff}
.panel{background:var(--paper);border-color:var(--line);box-shadow:0 8px 28px #0000000a}.panelhead{border-color:var(--line);padding:21px 24px}.panelbody{padding:24px}.panelhead a,.sectionhead a{color:#c3afff}
th{background:#182233;color:#adbad0;letter-spacing:1.3px;font-size:9px;font-weight:600;padding:14px 23px}td{border-color:#253044;color:#dce5f5;padding:17px 23px}td small{color:#a5b1c5}tbody tr:hover{background:#ffffff03}.money{color:#f2f5ff;font-variant-numeric:tabular-nums}.arrowlink{color:#b6a1ff}.method-dot{background:#8de7c6}.method-dot.bkash{background:#ff8dbc}.method-dot.nagad{background:#ffae72}.method-dot.rocket{background:#c9a1ff}.method-dot.upay{background:#86beff}
.empty{padding:32px 20px;line-height:1.8}.empty p{color:#acbad0}.emptyicon{background:#252a43;color:#c3afff}.activitydot{background:var(--green)}.activityrow small{color:#9cacc3}.connectcard{background:linear-gradient(125deg,#25223e,#17302f);border-color:#404661}.connectcard .eyebrow{color:#a4e7cf}.connectcard h2{color:#eff7ff}.connectcard p{color:#c1cedc}.connectcard small{color:#aebfd0}.connectcard .button{background:#87e6c5;border-color:#87e6c5;color:#102b24}
footer{border-color:var(--line);color:#93a4be}.field{margin-bottom:20px}label{color:#dce5f5}.field small{color:#a6b5cb;line-height:1.7}
input,select,textarea{background:#0f1725;border:1px solid #3b4860;border-radius:9px;color:#eef3ff;padding:12px 13px;caret-color:#c4b3ff}input::placeholder,textarea::placeholder{color:#8f9eb5;opacity:1}input:focus,select:focus,textarea:focus{border-color:#b6a1ff;outline:2px solid #b6a1ff44;outline-offset:1px}input[type=checkbox]{accent-color:#b6a1ff}input:disabled,select:disabled{color:#a1aec1;background:#1b2332}option{background:#141d2b;color:#eef3ff}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #1c263a inset;-webkit-text-fill-color:#edf2fc;caret-color:#c4b3ff}
.hint,.notice{background:#272b29;border-color:#414b3f;color:#d3d9bd}.notice{margin-bottom:22px}.errorlist{background:#38212c;border-color:#65414b;color:#ffc1c8}.flash{background:#17382f;border-color:#36584a;color:#a5ecd2}.largeamount{color:#f1f4ff}.largeamount small{color:#a6b5cb}dt{color:#a4b3ca;letter-spacing:1.3px}dd{color:#e6edfa}.messagebody{background:#0f1725;border-color:#34425b;color:#e3ebf8}.evidencelink{color:#e1eaf8;border-color:#2a3549}.evidencelink small{color:#9fafc7}.tokenbox{background:#1c2f32;border-color:#37585a;color:#d7f2e7}.devicerow{border-color:#2a3549}.devicerow small{color:#a5b1c5}hr{border-color:#2a3549}.address,code{color:inherit}
.loginpage{background:radial-gradient(ellipse at 15% 15%,#29204088,transparent 50%),radial-gradient(ellipse at 90% 85%,#12392e66,transparent 45%),#0b101a;padding:40px}
.loginwrap{background:#141d2b;border:1px solid #35415a;border-radius:26px;box-shadow:0 30px 120px #00000060;min-height:660px;width:min(100%,1080px);grid-template-columns:1.08fr 1fr}
.loginintro{position:relative;overflow:hidden;background:linear-gradient(150deg,#25213e,#152b30);padding:45px;gap:55px}.loginintro:after{content:'';position:absolute;pointer-events:none;width:300px;height:300px;border:1px solid #9d8bd81c;border-radius:50%;right:-150px;top:140px;box-shadow:0 0 0 48px #9d8bd807,0 0 0 96px #9d8bd805}.loginintro .brand{position:relative;z-index:1;font-size:27px}.loginintro .brand-symbol{width:43px;height:46px}.loginintro h1{font-size:43px;line-height:1.16;letter-spacing:-1.7px;font-weight:600;position:relative;z-index:1}.loginintro h1 em{font-style:normal;color:#a2eed4}.loginintro p{color:#bdc9dd;font-size:14px;max-width:340px;line-height:1.85}.loginintro .eyebrow{color:#bdadf2}.loginintro small{color:#a5b9cf;max-width:330px;line-height:1.8}.providerline{gap:9px;margin-top:28px}.providerline span{border:1px solid #ffffff24;background:#ffffff06;border-radius:7px;color:#d7e2f2;padding:6px 12px;font-size:11px}.loginform{padding:88px 46px 50px;align-self:center}.loginform h2{font-size:26px;margin-top:15px;line-height:1.35}.loginform>p{color:#a8b7cd;line-height:1.8;margin-bottom:30px}.loginform .eyebrow{color:#b6a1ff}.loginform .button{margin-top:8px;min-height:48px}.loginform form+p{margin-top:25px;color:#a4b4ca}.loginform .field{margin-bottom:20px}
@media(max-width:1150px){.sidebar{width:212px;padding:24px 12px}.main{margin-left:212px}.stats{gap:13px}.statvalue{font-size:30px}.loginintro{padding:34px}.loginform{padding:62px 34px}}
@media(max-width:760px){.sidebar{width:100%;padding:17px 18px 9px;border-right:0;border-bottom:1px solid #29344a}.sidebar .brand{margin:0 0 12px;font-size:23px}.brand-symbol{width:31px;height:33px}.brand-word small{display:none}.sidebar nav{gap:5px}.sidebar nav a{padding:9px 11px;min-height:40px;font-size:11px;margin:0 0 4px;flex-shrink:0}.sidebar nav a>span{width:17px}.sidebar nav .nav-icon{width:17px;height:17px}.main{margin:0}.topbar{height:56px;padding:0 18px}.account{font-size:11px;min-width:0}.account>span:not(.avatar){max-width:140px;overflow:hidden;text-overflow:ellipsis}.topbar>span{font-size:8px}.slash{margin:0 7px}main#content{padding:23px 18px 28px}.pagehead{gap:16px;margin-bottom:22px}h1,.pagehead h1{font-size:28px}.panelhead,.panelbody,.formpanel{padding:20px}.panelhead{flex-wrap:wrap}.panelhead a{white-space:normal}.stats{gap:10px}.stat{padding:17px}.statvalue{font-size:27px}.statlabel{font-size:10px}.detailgrid{gap:0}.loginpage{padding:18px}.loginwrap{grid-template-columns:1fr;border-radius:20px}.loginintro{padding:27px;gap:28px}.loginintro h1{font-size:34px;margin:12px 0 16px}.loginintro p{margin-bottom:0}.loginintro .brand-symbol{width:34px;height:36px}.providerline{margin-top:20px}.loginform{padding:32px 27px}.loginform h2{font-size:24px}.button{min-height:44px}.filterbar .button{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}