:root{--bg:#f5f7fb;--card:#fff;--text:#172033;--muted:#718096;--line:#e7eaf0;--primary:#1e4fd7;--primary2:#14379c;--good:#0d8b5d;--warn:#b7791f;--bad:#c53030;--nav:#111827;--shadow:0 10px 30px rgba(20,35,70,.07)}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{text-decoration:none;color:inherit}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--nav);color:#fff;padding:24px 18px;z-index:30;display:flex;flex-direction:column}.brand{font-weight:900;letter-spacing:.04em;font-size:20px;display:flex;align-items:center;gap:10px}.brand-text{line-height:1.05}.brand-badge{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#2e67ff,#17c1ff);color:#fff;font-size:15px;font-weight:900;box-shadow:0 8px 22px rgba(36,99,238,.28)}.brand.big{font-size:28px;color:var(--nav);text-align:center;margin-bottom:28px;justify-content:center}.brand.big .brand-badge{width:52px;height:52px;border-radius:15px;font-size:18px}.userbox{margin:28px 0 18px;padding:16px;background:rgba(255,255,255,.07);border-radius:14px;display:flex;flex-direction:column}.userbox small{color:#aab4c6;margin-top:4px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{padding:11px 12px;border-radius:10px;color:#dce4f2}.sidebar nav a:hover{background:rgba(255,255,255,.08);color:#fff}.logout-form{margin-top:auto}.link-btn{background:none;border:0;color:#cbd5e1;padding:12px;cursor:pointer;font-size:14px}.main{margin-left:248px}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}.menu-btn{display:none}.top-user{font-size:13px;color:var(--muted)}.content{padding:28px;max-width:1450px;margin:auto}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:20px}.grid{display:grid;gap:16px}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.metric small,.muted{color:var(--muted)}.metric strong{display:block;font-size:26px;margin-top:6px}.hero-balance{padding:24px;background:linear-gradient(135deg,#173dba,#2463ee);color:white;border-radius:22px}.hero-balance small{opacity:.8}.hero-balance strong{display:block;font-size:34px;margin:8px 0}.hero-balance .hint{font-size:13px;opacity:.9}.section-title{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px}.section-title h2{font-size:18px;margin:0}.btn{border:0;border-radius:11px;padding:11px 16px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary2)}.btn.secondary{background:#eef3ff;color:var(--primary)}.btn.danger{background:#fff1f1;color:var(--bad)}.btn.good{background:#e8fff5;color:var(--good)}.btn.full{width:100%}.btn:disabled{opacity:.6;cursor:not-allowed}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.toolbar label{min-width:150px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:16px}.table{width:100%;border-collapse:collapse;min-width:800px}.table th,.table td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}.table th{font-size:12px;text-transform:uppercase;color:var(--muted);background:#fbfcfe}.status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;text-transform:capitalize}.status.pending{background:#fff7e6;color:var(--warn)}.status.successful,.status.active{background:#e8fff5;color:var(--good)}.status.cancelled,.status.disabled{background:#fff0f0;color:var(--bad)}.status.view_only{background:#eef3ff;color:var(--primary)}label{display:block;font-size:13px;font-weight:700;color:#4a5568}input,select,textarea{width:100%;margin-top:6px;border:1px solid #d7dce5;background:#fff;border-radius:11px;padding:12px 13px;font:inherit;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:#7aa2ff;box-shadow:0 0 0 3px rgba(30,79,215,.09)}textarea{min-height:90px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-actions{display:flex;gap:10px;margin-top:20px}.alert{padding:13px 15px;border-radius:12px;margin-bottom:18px;font-size:14px}.alert.success{background:#e8fff5;color:#116447}.alert.error{background:#fff1f1;color:#9b2c2c}.list{display:flex;flex-direction:column;gap:10px}.order-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;justify-content:space-between;gap:16px}.order-card h3{margin:0 0 6px;font-size:16px}.order-card .amount{font-size:19px;font-weight:850}.order-card .order-summary{display:flex;align-items:center;justify-content:flex-end;gap:14px;white-space:nowrap;flex-wrap:wrap}.order-card .settlement-value{margin-top:0;font-size:14px}.kv{display:grid;grid-template-columns:160px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.kv:last-child{border-bottom:0}.kv span:first-child{color:var(--muted)}.positive{color:var(--good)}.negative{color:var(--primary)}.credit{color:var(--good);font-weight:800}.debit{color:var(--bad);font-weight:800}.statement-entry{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px}.statement-entry .top{display:flex;justify-content:space-between;gap:10px}.proof{max-width:100%;border-radius:12px;border:1px solid var(--line)}.warning-box{background:#fff8e7;border:1px solid #f5d487;padding:14px;border-radius:12px;color:#805b12}.guest-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#eef4ff,#f7f9fc 45%)}.guest-wrap{width:min(430px,calc(100% - 28px))}.login-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px;box-shadow:0 24px 70px rgba(29,49,93,.12)}.login-card h1{text-align:center;margin:0}.login-card p{text-align:center;color:var(--muted);margin:8px 0 24px}.login-card label{margin-top:14px}.bottom-nav{display:none}.mobile-only{display:none}.desktop-actions{display:flex;gap:8px}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s}.menu-open .sidebar{transform:none;box-shadow:12px 0 30px rgba(0,0,0,.2)}.main{margin-left:0}.topbar{height:60px;padding:0 16px}.menu-btn{display:block;border:0;background:none;font-size:22px}.content{padding:16px 14px 92px}.grid.cols-4,.grid.cols-3,.grid.cols-2{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.metric strong{font-size:22px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);height:72px;display:grid;grid-template-columns:repeat(5,1fr);z-index:25}.bottom-nav a{font-size:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b7280}.bottom-nav a span{font-size:10px;margin-top:3px}.bottom-nav .primary-nav{color:var(--primary);font-size:27px}.mobile-only{display:block}.desktop-actions{display:none}.order-card{flex-direction:column}.order-card .order-summary{justify-content:flex-start;white-space:normal}.kv{grid-template-columns:130px 1fr}}
@media(max-width:560px){.grid.cols-4,.grid.cols-3,.grid.cols-2{grid-template-columns:1fr 1fr}.card{padding:16px}.hero-balance strong{font-size:30px}.metric{min-height:98px}.metric strong{font-size:20px}.toolbar{display:grid;grid-template-columns:1fr 1fr}.toolbar label{min-width:0}.toolbar .wide{grid-column:1/-1}.login-card{padding:24px}.top-user{display:none}.proof-modal__dialog{width:min(96vw,560px);margin:2vh auto;padding:14px}.proof-modal__actions{grid-template-columns:1fr}.proof-close{width:40px;height:40px}.brand{gap:8px}.brand-badge{width:34px;height:34px;border-radius:10px;font-size:13px}}

.proof-modal{position:fixed;inset:0;display:none;z-index:60}.proof-modal.open{display:block}.proof-modal__backdrop{position:absolute;inset:0;background:rgba(9,17,34,.68)}.proof-modal__dialog{position:relative;z-index:1;width:min(92vw,560px);max-height:92vh;overflow:auto;margin:4vh auto;background:#fff;border-radius:20px;box-shadow:0 24px 60px rgba(12,25,55,.24);padding:18px}.proof-modal__header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.proof-close{border:0;background:#eff3fb;color:#22334d;border-radius:12px;width:42px;height:42px;font-size:26px;line-height:1;cursor:pointer}.proof-modal__body{display:flex;justify-content:center;background:#f8fbff;border:1px solid var(--line);border-radius:16px;padding:10px}.proof-modal__image{max-height:60vh;object-fit:contain}.proof-modal__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.proof-modal__hint{display:block;margin-top:10px;line-height:1.45}.statement-entry .top .muted{margin-top:2px}

/* MXCASH365 v1.1.1 login background refinement */
.guest-body{
  min-height:100vh;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:32px 18px;
  overflow:hidden;
  background:#edf3fb;
}
.guest-body::before{
  content:'';
  position:fixed;
  inset:0;
  z-index:0;
  background-image:linear-gradient(90deg,rgba(241,247,255,.08),rgba(241,247,255,.03)),url('/assets/mxcash365-login-background-clean.png');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
.guest-body::after{
  content:'';
  position:fixed;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.12));
}
.guest-wrap{width:min(470px,calc(100% - 28px));position:relative;z-index:2}
.login-card{background:rgba(255,255,255,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.72);box-shadow:0 28px 90px rgba(19,43,86,.24)}
.daily-quote{margin:8px 0 24px;padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,#eef5ff,#f7fbff);border:1px solid #dce9ff;color:#405777;text-align:center;font-size:15px;line-height:1.45;font-weight:600}
.correction-card{border-color:#f2d08a;background:linear-gradient(180deg,#fff,#fffdf8)}
.correction-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#fff4d8;color:#8a5d00;font-size:12px;font-weight:800}
.btn.correction-btn,.correction-btn{background:#fff1c9;color:#7a5200;border:1px solid #efd28b}
.btn.correction-btn:hover,.correction-btn:hover{background:#ffe8a5}
.correction-history{display:flex;flex-direction:column;gap:10px}.correction-history__item{padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe}.correction-note{margin-top:10px;padding:9px 11px;border-radius:10px;background:#fff8e7;border:1px solid #f5d487;color:#805b12;font-size:12px;line-height:1.4}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.between{justify-content:space-between}
@media(max-width:1200px){.guest-body::before{background-position:55% center}}
@media(max-width:900px){.guest-body{padding:24px 14px}.guest-body::before{background-position:60% center}.guest-wrap{width:min(92vw,450px)}}
@media(max-width:700px){.guest-body::before{background-position:66% center}.guest-wrap{width:min(94vw,430px)}.login-card{background:rgba(255,255,255,.96)}.daily-quote{font-size:14px;margin-bottom:20px}}
@media(max-width:560px){.guest-body::before{background-position:72% center}.login-card{padding:22px 20px}}