/* RENTALWA visual theme. Presentation only; no application state changes. */
:root{color-scheme:dark;--bg:#0b141c;--surface:#14222e;--ink:#f1f6fa;--ink-2:#b4c5d2;--ink-3:#91a8b8;--line:#293d4a;--line-2:#3a5362;--inset:#101e28;--accent:#39dfa7;--accent-top:#28d596;--accent-deep:#138c67;--accent-base:#075c47;--accent-soft:#133c34;--ok:#58e3a7;--ok-soft:#163a30;--bad:#ff9797;--bad-soft:#40272f;--warn:#f0cc79;--warn-soft:#403723;--shadow-ink:rgba(0,0,0,.4);--r:14px;--r-lg:20px}
body{background:radial-gradient(ellipse at 90% 0,rgba(25,126,101,.12),transparent 48%),var(--bg)}
.glass{background:rgba(14,28,37,.97);border-color:var(--line);box-shadow:0 12px 35px -24px #000,inset 0 1px 0 rgba(255,255,255,.035)}
.glass::before{opacity:.04;pointer-events:none}
.brand{letter-spacing:-.035em;font-weight:800}.brand-mark{width:36px;height:36px;border-radius:11px;background:transparent}.brand-mark img{display:block;width:100%;height:100%}.brand small{color:var(--accent)}
.card,.ad-card{box-shadow:0 8px 24px -20px #000;border-radius:18px}
.btn-primary{color:#062b20;background:linear-gradient(180deg,#3be4ab,#16bc83);box-shadow:inset 0 1px 0 #8df2d0,0 4px 0 #076447,0 8px 18px -10px #000;border-color:#29d69c;font-weight:750}
.btn-primary:hover{box-shadow:inset 0 1px 0 #9af4d7,0 4px 0 #076447,0 10px 24px -12px #000;filter:brightness(1.06)}
.btn-primary:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #9af4d7,0 1px 0 #076447}
.btn-secondary,.btn-secondary:hover{background:linear-gradient(#243947,#1b2c38);color:var(--ink);box-shadow:inset 0 1px 0 #3b5361,0 3px 0 #0b151d;border-color:var(--line-2)}
.btn-secondary::before{opacity:.05}
input,select,textarea{background-color:var(--inset);border-color:var(--line-2)}
input::placeholder,textarea::placeholder{color:var(--ink-3);opacity:1}
.ad-nav a[aria-current="page"]{background:linear-gradient(100deg,#12523f,#153c34);color:#73f0c0;box-shadow:inset 0 0 0 1px #23634e}
.ad-nav a:hover,.ad-search:hover{background:#1d333e;color:var(--ink)}
.ad-search{background:var(--inset);border:1px solid var(--line)}
.ad-side{border-radius:22px}.ad-side .brand{font-size:17px}.ad-side .brand small{display:block;margin:0;color:var(--accent);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.ad-side .brand-txt{line-height:1.3}
.auth{background:radial-gradient(ellipse at 10% 85%,#103d32 0,transparent 42%),radial-gradient(ellipse at 95% 5%,#163a36 0,transparent 36%)}
.auth-main{justify-content:center;grid-template-columns:minmax(0,480px);max-width:1140px;align-content:center}
.auth-main:has(.auth-aside){grid-template-columns:minmax(0,480px) minmax(0,1fr);gap:40px}
.auth-form{padding:34px;border:1px solid var(--line-2);border-radius:26px;background:linear-gradient(145deg,#182b38,#101d27);box-shadow:0 25px 65px -32px #000;gap:22px}
.auth-form .brand{margin-bottom:20px}.auth-form h1{font-size:30px}.auth-form .btn{min-height:48px}.auth-form input{min-height:48px}.auth-aside{background:rgba(19,37,46,.8)}
.ann,.ann.warn{color:var(--ink)}.ann-ico{background:var(--inset)}
.ad-search,.tk-msg,.ann-prev,.tl .dot{background:var(--surface)}
.tk-item:hover,.ad-tbl tr.hl td{background:var(--inset)}.tk-item[aria-selected="true"]{background:var(--accent-soft)}
.savebar{background:#203d48;color:var(--ink);border:1px solid var(--line-2)}
.ib-comp,.ib-att-prev{background:var(--surface);border-color:var(--line)}
.bub{background:#243b47;color:var(--ink)}.bub.me{background:#164c3d}.bub .meta{color:var(--ink-3)}.bub .au{color:var(--accent)}
@media(max-width:700px){.auth-main,.auth-main:has(.auth-aside){grid-template-columns:minmax(0,1fr);gap:24px;padding-top:24px}.auth-form{padding:24px 20px;border-radius:22px}.auth-form h1{font-size:26px}.auth-aside{padding:22px}.ad-head h1{font-size:23px}}
@media(prefers-reduced-motion:reduce){.btn{transition:none}}
.toast{background:#20333f;color:var(--ink);border:1px solid var(--line-2)}.toast .t-body{color:var(--ink-2)}.kbd{background:var(--inset);color:var(--ink-2)}
.ov-cols{grid-template-columns:minmax(0,1fr)}
@media(min-width:1180px){.now-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px}.now-row,.now-row:first-child{border:1px solid var(--line);border-radius:14px;background:var(--inset);align-content:start;padding:20px;gap:12px}.now-row .v{font-size:28px;color:#73edbb}}
.ad-side{overflow-y:auto;scrollbar-width:thin}
/* Midnight Cyan: shared palette and revised public-page composition. */
:root{--bg:#091725;--surface:#132b3f;--inset:#0c2031;--line:#234356;--line-2:#345e75;--ink:#edf8ff;--ink-2:#b7ccd9;--ink-3:#93b1c4;--accent:#32d8ef;--accent-top:#67e8fa;--accent-deep:#168ca7;--accent-base:#07546c;--accent-soft:#103b50}
body{background:radial-gradient(ellipse at 90% 0,rgba(32,157,190,.13),transparent 50%),var(--bg)}
.glass{background:rgba(9,28,43,.97)}
.btn-primary{color:#062837;background:linear-gradient(180deg,#8bf0ff 0%,#34d5ef 45%,#16b5da 100%);border-color:#67e7fa;box-shadow:inset 0 2px 0 #b4f6ff,0 5px 0 #075a76,0 10px 22px -12px #000}
.btn-primary:hover{box-shadow:inset 0 2px 0 #c6faff,0 5px 0 #075a76,0 12px 25px -12px #000;filter:brightness(1.05)}
.btn-primary:active{transform:translateY(3px);box-shadow:inset 0 1px 0 #b4f6ff,0 2px 0 #075a76}
.btn-secondary,.btn-secondary:hover{background:linear-gradient(#25455c,#153146);box-shadow:inset 0 1px 0 #52738a,0 4px 0 #06121e;color:var(--ink)}
.ad-nav a[aria-current="page"]{background:linear-gradient(100deg,#124358,#102f43);color:#7deaff;box-shadow:inset 3px 0 0 #32d8ef}
.ad-nav a:hover,.ad-search:hover{background:#183b50}.now-row .v{color:#7deaff}
.auth{background:radial-gradient(ellipse at 5% 90%,#11394e 0,transparent 50%),radial-gradient(ellipse at 95% 5%,#143d55 0,transparent 45%),var(--bg)}
.auth-form{background:linear-gradient(150deg,#162f43,#0d2031);border-color:#2c5268}.auth-aside{background:#102a3b}
.cyan-auth-brand{display:flex;align-items:center;justify-content:center;gap:12px;font-size:22px;font-weight:800;letter-spacing:-.04em}.cyan-auth-brand .brand-mark{width:48px;height:48px}.cyan-auth-brand small{display:block;font-size:10px;color:var(--accent);letter-spacing:.2em;font-weight:600}
.cyan-auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--inset);border:1px solid var(--line);border-radius:14px;padding:5px;gap:5px}.cyan-auth-tabs a{padding:10px;text-align:center;color:var(--ink-2);font-weight:700;border-radius:10px;text-decoration:none}.cyan-auth-tabs a[aria-current]{background:#20506a;color:#a1f1ff;box-shadow:0 2px 0 #071c2c}
.cyan-login>div:has(h1),.cyan-register>div:has(h1){text-align:center}.cyan-login h1,.cyan-register h1{font-size:27px;line-height:1.2}.cyan-login .lede,.cyan-register .lede{font-size:14px;max-width:42ch;margin:10px auto 0}
.cyan-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cyan-field-grid .field{min-width:0}.cyan-optional{padding-top:18px;border-top:1px solid var(--line)}
.auth-main:has(.cyan-register){grid-template-columns:minmax(0,640px) minmax(0,340px);gap:32px}.cyan-register{gap:20px}
.cyan-eyebrow{color:#74e8fa;letter-spacing:.16em;font-size:11px;font-weight:750;margin-bottom:20px}
.cyan-hero{padding-top:52px;gap:38px}.cyan-hero>div:first-child{padding:30px 0}.cyan-hero h1{font-size:clamp(32px,4.6vw,58px);line-height:1.08;max-width:15ch}.cyan-hero .lede{font-size:17px;max-width:48ch;line-height:1.65}.cyan-hero .hero-meta{display:grid;gap:10px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}
.cyan-hero .mock{border-radius:22px;background:#102a3b;box-shadow:0 20px 60px -35px #000}.mock-caption{padding:12px 18px;background:#173e53;color:#a8ebf8;font-size:12px;border-bottom:1px solid var(--line)}
@media(max-width:700px){.cyan-hero{padding-top:24px;gap:28px}.cyan-hero>div:first-child{padding:24px 20px;background:linear-gradient(135deg,#14354b,#0d2334);border:1px solid var(--line);border-radius:24px;text-align:center}.cyan-hero h1{margin-inline:auto;max-width:15ch;font-size:35px}.cyan-hero .lede{font-size:15px;line-height:1.65}.cyan-hero .hero-cta{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cyan-hero .hero-cta .btn{font-size:14px;padding:13px 10px;justify-content:center}.cyan-hero .hero-meta{text-align:left;font-size:12px;gap:12px}.cyan-eyebrow{font-size:10px;letter-spacing:.13em}.auth-main:has(.cyan-register){grid-template-columns:minmax(0,1fr)}.cyan-login,.cyan-register{padding:24px 18px}.cyan-field-grid{gap:12px}.cyan-field-grid label{font-size:12px}.cyan-field-grid .input{font-size:14px}.cyan-login h1,.cyan-register h1{font-size:25px}.cyan-optional{grid-template-columns:minmax(0,1fr)}.cyan-register .input{min-width:0;width:100%}}
@media(max-width:359px){.cyan-field-grid{grid-template-columns:minmax(0,1fr)}.cyan-hero h1{font-size:30px}}

/* Withdrawal destination: readable number and raised provider badge. */
.wq-pay.payout-destination{grid-template-columns:minmax(0,1fr) 76px;gap:12px;padding:12px;border:1px solid #315367;border-radius:16px;background:#102a3b}
.payout-destination .payout-details{grid-column:1;grid-row:1}
.payout-destination .payout-brand{grid-column:2;grid-row:1;width:76px;height:76px;box-sizing:border-box;border-radius:18px;border:1px solid #ffffff66;background:linear-gradient(145deg,#56788e,#233e53);color:#fff;font-size:14px;font-weight:900;letter-spacing:.1px;text-align:center;overflow-wrap:anywhere;padding:5px;box-shadow:inset 0 3px 2px #ffffff55,inset 0 -6px 0 #0003,0 6px 0 #06121e,0 10px 16px #0005;text-shadow:0 1px 2px #0004}
.payout-destination .payout-brand[data-provider=dana]{background:linear-gradient(145deg,#32bcff,#087bed 65%,#0559b7)}
.payout-destination .payout-brand[data-provider=gopay]{background:linear-gradient(145deg,#f6ffff,#b7eff6);color:#073a52;text-shadow:none}
.payout-destination .payout-brand[data-provider=ovo]{background:linear-gradient(145deg,#9b75ec,#5727a3)}
.payout-destination .payout-brand[data-provider=shopeepay]{background:linear-gradient(145deg,#ff9868,#e84218);font-size:11px}
.payout-destination .payout-brand[data-provider=linkaja]{background:linear-gradient(145deg,#ff6868,#ca1835);font-size:12px}
.payout-destination .payout-brand[data-provider=bca]{background:linear-gradient(145deg,#3488ef,#123c93)}
.payout-destination .payout-brand[data-provider=bri]{background:linear-gradient(145deg,#268ece,#073c79)}
.payout-destination .payout-brand[data-provider=bni]{background:linear-gradient(145deg,#ffad52,#d76310)}
.payout-destination .payout-brand[data-provider=mandiri]{background:linear-gradient(145deg,#2571b3,#092858);color:#ffdc68;font-size:12px}
.payout-provider{font-weight:800;color:#41dcee;font-size:14px;margin-bottom:4px}
.payout-destination .acc{font-size:16px;font-weight:750;gap:6px;flex-wrap:wrap}
.payout-number{overflow-wrap:anywhere;min-width:0}
.payout-destination .holder{margin-top:5px;line-height:1.5}
@media(min-width:901px){.wq-item{grid-template-columns:22px minmax(120px,1fr) minmax(260px,1.7fr) minmax(120px,.7fr) auto}}
@media(max-width:380px){.wq-pay.payout-destination{grid-template-columns:minmax(0,1fr) 62px;padding:9px;gap:8px}.payout-destination .payout-brand{width:62px;height:66px;font-size:12px}.payout-destination .acc{font-size:14px}}
