/* ============================================================
   DREAM2GOLD / OLAM - SINGLE GLOBAL THEME
   One stylesheet for shared theme + homepage-specific rules.
   Canonical gold gradient: --v15-gradient (change only here).
   Include after app, Bootstrap, Layui and other legacy CSS.
   Homepage-only selectors remain scoped where applicable.
   ============================================================ */

/* OLAM-inspired global design system for Laravel / Bootstrap 4 / Layui.
   Original implementation based on supplied screenshot and markup; not an extraction
   of the reference site's proprietary custom CSS.
   Load AFTER Bootstrap, Layui and existing app CSS. Enable with <body class="olam-theme">.
   Version 1.0.0 */

:root, .olam-theme {
  color-scheme: dark;
  --ol-bg: #05050b;
  --ol-bg-2: #0c0e1b;
  --ol-surface: #141624;
  --ol-surface-2: #20212f;
  --ol-surface-hover: #282838;
  --ol-glass: rgba(29,30,45,.72);
  --ol-border: rgba(206,216,255,.14);
  --ol-border-bright: rgba(193,152,255,.32);
  --ol-text: #f4f5fb;
  --ol-muted: #9299ab;
  --ol-subtle: #6e7588;
  --ol-cyan: #26c7e6;
  --ol-blue: #548cec;
  --ol-purple: #a151e7;
  --ol-pink: #e344a7;
  --ol-success: #2dd6a4;
  --ol-warning: #f5bd64;
  --ol-danger: #fb668a;
  --v15-gradient: linear-gradient(135deg, #fff2b8 0%, #f5d77b 50%, #e9c56a 100%);
  --ol-gradient: var(--v15-gradient);
  --ol-radius-xs: 8px;
  --ol-radius-sm: 12px;
  --ol-radius: 18px;
  --ol-radius-lg: 26px;
  --ol-radius-xl: 32px;
  --ol-shadow: 0 16px 42px rgba(0,0,0,.35);
  --ol-glow: 0 12px 26px rgba(108,85,230,.27);
  --ol-focus: 0 0 0 3px rgba(43,198,231,.25);
  --ol-content-width: 1200px;
  --ol-mobile-width: 560px;
  --ol-ease: cubic-bezier(.2,.75,.3,1);
}

/* FOUNDATION */
body.olam-theme {
  min-height: 100vh;
  margin: 0;
  background: radial-gradient(ellipse 75% 38% at 50% 10%, rgba(44,116,158,.16), transparent 75%),
              radial-gradient(ellipse 70% 37% at 65% 40%, rgba(110,50,145,.13), transparent 80%), var(--ol-bg);
  color: var(--ol-text);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
.olam-theme *, .olam-theme *::before, .olam-theme *::after { box-sizing: border-box; }
.olam-theme ::selection { background: rgba(106,103,239,.5); color: white; }
.olam-theme a { color: var(--ol-cyan); text-decoration: none; transition: color .2s ease; }
.olam-theme a:hover { color: #88e7f4; text-decoration: none; }
.olam-theme h1, .olam-theme h2, .olam-theme h3, .olam-theme h4,
.olam-theme h5, .olam-theme h6 { color: var(--ol-text); letter-spacing: -.025em; line-height: 1.25; }
.olam-theme p, .olam-theme small, .olam-theme label { color: inherit; }
.olam-theme .text-muted, .olam-theme .ol-muted { color: var(--ol-muted) !important; }
.olam-theme .ol-subtle { color: var(--ol-subtle); }
.olam-theme .ol-gradient-text { background: var(--ol-gradient); -webkit-background-clip: text; background-clip: text; color: transparent; }
.olam-theme img, .olam-theme svg { max-width: 100%; }
.olam-theme :focus-visible { outline: 2px solid var(--ol-cyan); outline-offset: 3px; }
.olam-theme .ol-container { width: min(100% - 32px, var(--ol-content-width)); margin-inline: auto; }
.olam-theme .ol-app-shell { width: min(100%, var(--ol-mobile-width)); min-height: 100dvh; margin-inline: auto; padding: 16px 16px 104px; background: rgba(0,0,0,.11); }
.olam-theme .ol-section { margin-block: 20px; }
.olam-theme .ol-section-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 14px; }
.olam-theme .ol-section-title { margin: 0; font-size: 18px; font-weight: 800; }
.olam-theme .ol-stack > * + * { margin-top: 14px; }
.olam-theme .ol-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.olam-theme .ol-grid-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.olam-theme .ol-grid-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }

/* CARDS / SURFACES */
.olam-theme .ol-card, .olam-theme .card, .olam-theme .layui-card, .olam-theme .layui-panel {
  color: var(--ol-text);
  background: linear-gradient(135deg, rgba(37,43,60,.78), rgba(29,20,36,.78));
  border: 1px solid var(--ol-border);
  border-radius: var(--ol-radius);
  box-shadow: 0 8px 24px rgba(0,0,0,.17);
}
.olam-theme .ol-card { padding: 18px; }
.olam-theme .card-header, .olam-theme .layui-card-header { background: transparent; border-bottom: 1px solid var(--ol-border); color: var(--ol-text); }
.olam-theme .card-footer { background: transparent; border-top: 1px solid var(--ol-border); }
.olam-theme .layui-card-body { color: var(--ol-text); }
.olam-theme .ol-glass { background: var(--ol-glass); border: 1px solid var(--ol-border); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.olam-theme .ol-gradient-border { border: 1px solid transparent; background: linear-gradient(var(--ol-surface),var(--ol-surface)) padding-box, var(--ol-gradient) border-box; }
.olam-theme .ol-stat { padding: 16px; min-width: 0; }
.olam-theme .ol-stat-label { color: var(--ol-muted); font-size: 11px; letter-spacing: .06em; font-weight: 700; text-transform: uppercase; }
.olam-theme .ol-stat-value { font-size: clamp(20px,5vw,30px); font-weight: 850; letter-spacing: -.04em; overflow-wrap: anywhere; }
.olam-theme .ol-stat-meta { color: var(--ol-success); font-size: 12px; }
.olam-theme .ol-balance-card { border-radius: var(--ol-radius-lg); background: radial-gradient(circle at 90% 20%,rgba(227,68,167,.23),transparent 52%), linear-gradient(125deg,rgba(36,133,176,.25),rgba(64,30,94,.25)),var(--ol-surface); border: 1px solid var(--ol-border-bright); padding: 22px; box-shadow: var(--ol-shadow); }

/* BUTTONS: Bootstrap + Layui + opt-in utilities */
.olam-theme .ol-btn, .olam-theme .btn-primary, .olam-theme .layui-btn:not(.layui-btn-primary):not(.layui-btn-danger):not(.layui-btn-warm) {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  min-height: 43px; padding: 10px 20px; border: 1px solid transparent;
  border-radius: var(--ol-radius-sm); background: var(--ol-gradient); color: #070914;
  font-size: 14px; line-height: 1.3; font-weight: 800; text-align: center;
  box-shadow: var(--ol-glow); cursor: pointer;
  transition: transform .2s var(--ol-ease), box-shadow .2s, opacity .2s;
}
.olam-theme .ol-btn:hover, .olam-theme .btn-primary:hover, .olam-theme .layui-btn:not(.layui-btn-primary):not(.layui-btn-danger):not(.layui-btn-warm):hover { color: #070914; opacity: .96; transform: translateY(-1px); box-shadow: 0 14px 35px rgba(112,80,230,.4); }
.olam-theme .ol-btn:active, .olam-theme .btn-primary:active { transform: translateY(0); }
.olam-theme .ol-btn:disabled, .olam-theme .btn:disabled, .olam-theme .layui-btn-disabled { cursor: not-allowed; opacity: .5; box-shadow: none; }
.olam-theme .ol-btn-secondary, .olam-theme .btn-secondary, .olam-theme .layui-btn-primary { background: rgba(255,255,255,.065); border: 1px solid var(--ol-border); color: var(--ol-text); box-shadow: none; }
.olam-theme .ol-btn-secondary:hover, .olam-theme .btn-secondary:hover, .olam-theme .layui-btn-primary:hover { color: white; background: rgba(255,255,255,.12); border-color: var(--ol-border-bright); }
.olam-theme .ol-btn-danger, .olam-theme .btn-danger, .olam-theme .layui-btn-danger { background: var(--ol-danger); border-color: transparent; color: #140710; }
.olam-theme .ol-btn-block { display: flex; width: 100%; }
.olam-theme .ol-btn-pill { border-radius: 999px; }
.olam-theme .ol-btn-lg { min-height: 56px; padding: 15px 22px; font-size: 16px; }
.olam-theme .ol-icon-btn { display: inline-grid; place-items: center; width: 42px; height: 42px; border: 1px solid var(--ol-border); border-radius: 13px; background: var(--ol-surface); color: var(--ol-text); }

/* FORMS / AUTH */
.olam-theme .form-control, .olam-theme .custom-select, .olam-theme .layui-input,
.olam-theme .layui-select, .olam-theme .layui-textarea, .olam-theme .ol-input,
.olam-theme input[type="tel"], .olam-theme input[type="email"], .olam-theme input[type="password"],
.olam-theme input[type="text"], .olam-theme input[type="number"], .olam-theme select, .olam-theme textarea {
  background: rgba(255,255,255,.075); color: var(--ol-text); border: 1px solid var(--ol-border);
  border-radius: var(--ol-radius-sm); min-height: 46px; padding: 10px 14px; box-shadow: none;
  max-width: 100%;
}
.olam-theme input::placeholder, .olam-theme textarea::placeholder { color: #848c9e; opacity: 1; }
.olam-theme input:focus, .olam-theme textarea:focus, .olam-theme select:focus,
.olam-theme .form-control:focus, .olam-theme .layui-input:focus, .olam-theme .layui-textarea:focus {
  background: rgba(255,255,255,.09); color: white; border-color: rgba(58,202,235,.65) !important; box-shadow: var(--ol-focus);
  outline: 0;
}
.olam-theme input:disabled, .olam-theme select:disabled, .olam-theme textarea:disabled { opacity: .56; cursor: not-allowed; }
.olam-theme select option { background: #1c1b2a; color: white; }
.olam-theme .form-label, .olam-theme .ol-label, .olam-theme .layui-form-label { display: block; margin-bottom: 6px; font-size: 12px; font-weight: 750; letter-spacing: .045em; text-transform: uppercase; color: var(--ol-muted); }
.olam-theme .ol-form-group { margin-bottom: 20px; }
.olam-theme .ol-input-wrap { display: flex; gap: 10px; align-items: center; min-height: 51px; padding: 0 14px; border: 1px solid var(--ol-border); border-radius: var(--ol-radius-sm); background: rgba(255,255,255,.075); }
.olam-theme .ol-input-wrap:focus-within { border-color: var(--ol-cyan); box-shadow: var(--ol-focus); }
.olam-theme .ol-input-wrap > input { flex: 1; width: 1%; min-width: 0; background: transparent; border: 0; box-shadow: none; }
.olam-theme .ol-input-wrap > input:focus { background: transparent; box-shadow: none; border: 0 !important; }
.olam-theme .ol-input-icon { color: var(--ol-muted); font-size: 18px; flex-shrink: 0; }
.olam-theme .invalid-feedback, .olam-theme .text-danger { color: var(--ol-danger) !important; }
.olam-theme .is-invalid { border-color: var(--ol-danger) !important; }
.olam-theme .ol-auth-shell { width: min(100% - 32px, 520px); min-height: 100dvh; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; padding: 34px 0; }
.olam-theme .ol-auth-logo { display: grid; place-items: center; width: 78px; height: 78px; margin: 0 auto 18px; border-radius: 24px; background: var(--ol-gradient); color: #03050d; font-weight: 900; font-size: 29px; box-shadow: var(--ol-glow); }
.olam-theme .ol-auth-title { margin: 16px 0 8px; font-size: clamp(30px,7vw,40px); font-weight: 900; text-align: center; }
.olam-theme .ol-auth-subtitle { margin: 0 auto 24px; color: var(--ol-muted); text-align: center; }
.olam-theme .ol-auth-card { position: relative; overflow: hidden; padding: 24px; border-radius: 30px; border: 1px solid transparent; background: linear-gradient(145deg,rgba(26,33,45,.94),rgba(31,19,31,.94)) padding-box, linear-gradient(135deg,rgba(38,199,230,.42),rgba(227,68,167,.42)) border-box; box-shadow: var(--ol-shadow); }
.olam-theme .ol-tabs { display: grid; grid-auto-columns: 1fr; grid-auto-flow: column; gap: 4px; padding: 5px; border: 1px solid var(--ol-border); border-radius: 15px; background: rgba(255,255,255,.06); }
.olam-theme .ol-tab { display: flex; justify-content: center; align-items: center; padding: 12px; min-height: 44px; border-radius: 11px; color: var(--ol-muted); font-weight: 800; }
.olam-theme .ol-tab.active, .olam-theme .ol-tab[aria-selected="true"] { background: var(--ol-gradient); color: #070914; box-shadow: var(--ol-glow); }

/* NAVIGATION */
.olam-theme .ol-topbar { display: flex; justify-content: space-between; align-items: center; min-height: 62px; padding: 10px 16px; border-bottom: 1px solid var(--ol-border); background: rgba(9,10,18,.82); backdrop-filter: blur(18px); }
.olam-theme .ol-brand { color: white; font-weight: 900; letter-spacing: -.02em; font-size: 18px; }
.olam-theme .ol-navbar { display: flex; gap: 8px; align-items: center; }
.olam-theme .ol-nav-link { display: inline-flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 10px; color: var(--ol-muted); font-weight: 650; }
.olam-theme .ol-nav-link:hover, .olam-theme .ol-nav-link.active, .olam-theme .ol-nav-link[aria-current="page"] { background: rgba(112,103,221,.14); color: var(--ol-text); }
.olam-theme .ol-bottom-nav { position: fixed; z-index: 1000; bottom: 0; left: 50%; transform: translateX(-50%); width: min(100%, var(--ol-mobile-width)); display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); padding: 8px 6px calc(8px + env(safe-area-inset-bottom)); border: 1px solid var(--ol-border); border-bottom: 0; border-radius: 20px 20px 0 0; background: rgba(15,16,30,.95); backdrop-filter: blur(20px); box-shadow: 0 -8px 30px rgba(0,0,0,.3); }
.olam-theme .ol-bottom-nav a { display: flex; flex-direction: column; gap: 3px; align-items: center; justify-content: center; min-height: 50px; color: var(--ol-muted); font-size: 11px; font-weight: 650; }
.olam-theme .ol-bottom-nav a i, .olam-theme .ol-bottom-nav a svg { font-size: 20px; }
.olam-theme .ol-bottom-nav a.active, .olam-theme .ol-bottom-nav a[aria-current="page"] { color: var(--ol-cyan); }
/* Legacy existing footer menu: only recolor; don't reposition unrelated footer elements. */
.olam-theme .bottom-menu-section, .olam-theme .bottom-menu { background: rgba(15,16,30,.96) !important; border-color: var(--ol-border) !important; }
.olam-theme .bottom-menu a, .olam-theme .bottom-menu p { color: var(--ol-muted) !important; }
.olam-theme .bottom-menu a.active, .olam-theme .bottom-menu a.active p { color: var(--ol-cyan) !important; }
.olam-theme .layui-nav { background: var(--ol-surface); }
.olam-theme .layui-nav-tree .layui-this, .olam-theme .layui-nav-tree .layui-this > a { background: rgba(111,100,220,.22) !important; color: var(--ol-cyan) !important; }

/* LISTS / TABLES / ADMIN */
.olam-theme .table, .olam-theme .layui-table { color: var(--ol-text); background: transparent; }
.olam-theme .table th, .olam-theme .table td, .olam-theme .layui-table th, .olam-theme .layui-table td { border-color: var(--ol-border); vertical-align: middle; }
.olam-theme .table thead th, .olam-theme .layui-table th { color: var(--ol-muted); font-size: 12px; text-transform: uppercase; letter-spacing: .035em; }
.olam-theme .table-striped tbody tr:nth-of-type(odd), .olam-theme .layui-table[lay-even] tbody tr:nth-child(even) { background: rgba(255,255,255,.035); }
.olam-theme .table-hover tbody tr:hover, .olam-theme .layui-table-hover { color: white; background: rgba(255,255,255,.07); }
.olam-theme .ol-table-wrap { overflow-x: auto; border: 1px solid var(--ol-border); border-radius: var(--ol-radius); }
.olam-theme .ol-list { display: flex; flex-direction: column; gap: 10px; }
.olam-theme .ol-list-item { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 16px; border: 1px solid var(--ol-border); border-radius: var(--ol-radius-sm); background: rgba(255,255,255,.035); }
.olam-theme .ol-list-item > * { min-width: 0; }
.olam-theme .ol-pill, .olam-theme .badge { display: inline-flex; align-items: center; gap: 6px; padding: 4px 9px; border-radius: 999px; background: rgba(112,103,221,.18); color: #d5cbff; font-size: 11px; font-weight: 800; }
.olam-theme .ol-pill-success { background: rgba(45,214,164,.13); color: var(--ol-success); }
.olam-theme .ol-pill-warning { background: rgba(245,189,100,.13); color: var(--ol-warning); }
.olam-theme .ol-pill-danger { background: rgba(251,102,138,.12); color: var(--ol-danger); }
.olam-theme .progress, .olam-theme .layui-progress { background: rgba(255,255,255,.10); border-radius: 100px; overflow: hidden; }
.olam-theme .progress-bar, .olam-theme .layui-progress-bar { background: var(--ol-gradient); border-radius: inherit; }
.olam-theme .pagination .page-link, .olam-theme .layui-laypage a { background: var(--ol-surface); border-color: var(--ol-border); color: var(--ol-text); }
.olam-theme .pagination .active .page-link { background: var(--ol-purple); border-color: var(--ol-purple); }

/* MODALS / DROPDOWNS / NOTICES */
.olam-theme .modal-content, .olam-theme .dropdown-menu, .olam-theme .layui-layer, .olam-theme .layui-nav-child { background: #1a1b2b; color: var(--ol-text); border: 1px solid var(--ol-border); border-radius: var(--ol-radius); box-shadow: var(--ol-shadow); }
.olam-theme .modal-header, .olam-theme .modal-footer, .olam-theme .layui-layer-title { border-color: var(--ol-border); background: transparent; color: var(--ol-text); }
.olam-theme .dropdown-item, .olam-theme .layui-nav-child a { color: var(--ol-text); }
.olam-theme .dropdown-item:hover, .olam-theme .dropdown-item:focus { background: var(--ol-surface-hover); color: white; }
.olam-theme .close { color: white; text-shadow: none; opacity: .7; }
.olam-theme .alert, .olam-theme .ol-alert { padding: 12px 14px; border: 1px solid var(--ol-border); border-radius: 12px; color: var(--ol-text); background: rgba(255,255,255,.06); }
.olam-theme .alert-success { border-color: rgba(45,214,164,.34); background: rgba(45,214,164,.1); color: #a3f4d8; }
.olam-theme .alert-danger { border-color: rgba(251,102,138,.34); background: rgba(251,102,138,.1); color: #ffb6c7; }
.olam-theme .alert-warning { border-color: rgba(245,189,100,.34); background: rgba(245,189,100,.1); color: #ffe1ad; }
.olam-theme hr { border-color: var(--ol-border); }

/* MOTION & ACCESSIBILITY */
@keyframes ol-fade-up { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@keyframes ol-glow-pulse { 0%,100% { box-shadow: 0 0 20px rgba(121,89,231,.23); } 50% { box-shadow: 0 0 32px rgba(121,89,231,.4); } }
.olam-theme .ol-reveal { animation: ol-fade-up .55s var(--ol-ease) both; }
.olam-theme .ol-pulse { animation: ol-glow-pulse 3s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) { .olam-theme *, .olam-theme *::before, .olam-theme *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }
@media (max-width: 575.98px) { .olam-theme .ol-grid-3, .olam-theme .ol-grid-4 { grid-template-columns: repeat(2,minmax(0,1fr)); } .olam-theme .ol-auth-card { padding: 20px 16px; } .olam-theme .ol-stat-value { font-size: 22px; } .olam-theme .ol-card { padding: 15px; } }
@media (max-width: 360px) { .olam-theme .ol-grid { gap: 8px; } .olam-theme .ol-app-shell { padding-inline: 12px; } .olam-theme .ol-bottom-nav a { font-size: 10px; } }

/* ============================================================
   HOMEPAGE STYLES (merged from the second stylesheet)
   ============================================================ */

/* OLAM-inspired homepage redesign. Presentation only. Loaded AFTER legacy inline CSS. */
:root { --oh-bg:#070710;--oh-panel:#151522;--oh-muted:#9b9bae;--oh-line:rgba(171,144,226,.22);--oh-cyan:#27c6e9;--oh-pink:#e247a8;--oh-green:#35dfae;--oh-grad:var(--v15-gradient); }
html {background:#030307!important; min-height:100%;}
body.common_body.common_background {background:#030307!important;color:#f4f2fb!important; min-height:100vh; margin:0!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;overflow-x:hidden;}
body.common_body.common_background::before {content:"";pointer-events:none;position:fixed;inset:0;background:radial-gradient(ellipse 490px 600px at 50% 8%,rgba(68,43,116,.17),transparent 80%);z-index:0;}
body.common_body .home_page {position:relative;isolation:isolate;max-width:480px;width:100%;min-height:100vh;margin:0 auto;padding:18px 14px calc(112px + env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,#0e0d19 0%,#07070d 55%,#06060b 100%)!important;box-shadow:0 0 75px rgba(56,38,83,.11);}
body.common_body .home_page * {box-sizing:border-box;}
.oh-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;min-width:0;}
.oh-avatar{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:#fafaff;color:#147751;font-size:22px;box-shadow:0 0 0 2px rgba(97,225,188,.2);}
.oh-greeting{min-width:0;flex:1;}.oh-eyebrow{font-size:11px;color:#a29caf;line-height:1.3;}.oh-name{font-size:15px;font-weight:750;color:#f6f6fc;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.45;}
.oh-vip{display:inline-flex;vertical-align:middle;align-items:center;padding:2px 7px;border-radius:6px;font-size:10px;font-weight:700;color:#f3d5ff;background:#443057;border:1px solid #745388;margin-left:5px;}
.oh-header-link{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.13);background:#1c1b2b;color:#e5e1f5;font-size:19px;text-decoration:none;}
.oh-hero{position:relative;border:1px solid rgba(181,118,223,.35);border-radius:21px;background:radial-gradient(circle at 2% 15%,rgba(30,186,223,.10),transparent 43%),radial-gradient(circle at 90% 100%,rgba(208,56,150,.11),transparent 43%),linear-gradient(125deg,#181626,#14131d);padding:18px 17px 15px;margin-bottom:18px;box-shadow:0 13px 32px rgba(0,0,0,.26);overflow:hidden;}
.oh-hero-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}.oh-overline{letter-spacing:.1em;text-transform:uppercase;color:#b7b4c7;font-size:10px;font-weight:700;}.oh-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#29d7ea;box-shadow:0 0 8px #29d7ea;margin-right:6px;}.oh-hero-chip{font-size:10px;border:1px solid rgba(59,225,177,.26);background:rgba(37,174,132,.09);color:#55e9bf;border-radius:100px;padding:4px 8px;white-space:nowrap;}
.oh-balance{font-size:36px;line-height:1.25;font-weight:830;letter-spacing:-1.3px;margin:12px 0 15px;background:var(--oh-grad);background-clip:text;-webkit-background-clip:text;color:transparent;}.oh-balance span{font-size:20px;vertical-align:3px;letter-spacing:0;}
.oh-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-bottom:13px;border-radius:13px;background:rgba(255,255,255,.06);overflow:hidden;}.oh-stat{padding:12px 9px;text-align:center;background:rgba(255,255,255,.025);min-width:0;}.oh-stat-label{font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:#a9a5b7;}.oh-stat-value{margin-top:4px;font-size:14px;font-weight:750;color:#40d5f0;overflow-wrap:anywhere;}.oh-stat:nth-child(2) .oh-stat-value{color:#4ee2b4;}
.oh-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;}.oh-action{display:flex;align-items:center;justify-content:center;min-height:43px;border-radius:11px;font-size:13px;font-weight:780;text-decoration:none!important;}.oh-action.primary{color:#090816!important;background:var(--oh-grad);box-shadow:0 8px 17px rgba(146,73,201,.28);}.oh-action.secondary{color:#fff!important;border:1px solid #7f6eda;background:rgba(14,13,25,.5);}
body.common_body .quick_menu{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:0 0 19px!important;}.quick_menu .quick_item{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;font-size:11px!important;color:#c7c4d5!important;line-height:1.2!important;text-decoration:none!important;}.quick_menu .quick_icon{width:46px!important;height:46px!important;margin:0!important;border-radius:15px!important;background:#201e2d!important;border:1px solid rgba(255,255,255,.06);box-shadow:none!important;}.quick_menu .quick_icon img{width:25px;height:25px;object-fit:contain;}.quick_menu .quick_item:nth-child(2) .quick_icon{background:#1b2230!important;}.quick_menu .quick_item:nth-child(3) .quick_icon{background:#272039!important;}.quick_menu .quick_item:nth-child(4) .quick_icon{background:#2b2330!important;}
body.common_body .top_slider{height:auto!important;aspect-ratio:3 / 1;margin:0 0 22px!important;border-radius:16px!important;background:#191d22!important;border:1px solid var(--oh-line);box-shadow:0 10px 20px rgba(0,0,0,.17)!important;}.top_slider img{width:100%;height:100%;object-fit:cover;display:block;}
.oh-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;}.oh-section-heading h2{font-size:17px!important;color:#fff!important;line-height:1.3;font-weight:800!important;margin:0;}.oh-section-heading h2::before{content:"";display:inline-block;width:4px;height:15px;background:var(--oh-grad);border-radius:5px;margin-right:8px;vertical-align:-2px;}.oh-section-heading a{color:#a9a6b9!important;font-size:11px;text-decoration:none;white-space:nowrap;}
body.common_body .package_card{padding:0!important;min-height:0!important;margin:0 0 14px!important;overflow:hidden!important;border-radius:18px!important;background:linear-gradient(130deg,#151c23,#13131d 75%,#251324)!important;color:#fff!important;border:1px solid rgba(108,143,156,.3)!important;box-shadow:0 8px 25px rgba(0,0,0,.18)!important;}
body.common_body .plan_row{display:flex!important;flex-direction:column;gap:0!important;padding:0!important;min-width:0;}
body.common_body .package_img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:2.05 / 1;object-fit:cover!important;border-radius:0!important;background:#13231a;}
body.common_body .plan_row > div{padding:11px 13px 5px;min-width:0;}
body.common_body .vip_badge{left:9px!important;top:9px!important;background:rgba(37,35,11,.85)!important;color:#f6dc79!important;border:1px solid rgba(246,220,121,.27);font-size:10px!important;font-weight:750!important;line-height:1.5!important;padding:3px 9px!important;}
body.common_body .quota_badge{right:9px!important;top:9px!important;border-radius:100px!important;padding:4px 9px!important;background:rgba(23,44,28,.85)!important;color:#a7f0b3!important;font-size:10px!important;font-weight:650!important;line-height:1.4!important;}
body.common_body .package_name{color:#f7f7fb!important;font-size:15px!important;font-weight:750!important;margin:0 0 7px!important;line-height:1.35!important;white-space:normal!important;}
body.common_body .package_meta{margin:0 0 9px!important;gap:5px!important;}.package_meta span{font-size:10px!important;border-radius:6px!important;background:#292638!important;color:#c5bde4!important;padding:4px 7px!important;line-height:1.3!important;}
body.common_body .profit_grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}.profit_grid>div{min-width:0;}.profit_value{font-size:15px!important;line-height:1.35!important;color:#35d9b0!important;font-weight:800!important;overflow-wrap:anywhere;white-space:normal!important;}.profit_label{font-size:10px!important;color:#a3a1b0!important;line-height:1.4!important;margin-top:2px;}
body.common_body .package_card>.buy_btn{display:block!important;width:calc(100% - 26px)!important;margin:8px 13px 13px!important;min-height:44px!important;height:auto!important;padding:9px 12px!important;border-radius:11px!important;line-height:1.35!important;font-size:14px!important;font-weight:800!important;letter-spacing:.01em;background:var(--oh-grad)!important;color:#090712!important;box-shadow:0 7px 14px rgba(176,66,199,.14)!important;}.old_price{color:#312036!important;font-size:11px!important;}
body.common_body .support_float,body.common_body .treasure_float{right:max(12px,calc(50vw - 240px + 12px))!important;width:46px!important;height:46px!important;z-index:1050!important;border:2px solid rgba(52,206,220,.55)!important;background:#141421!important;box-shadow:0 5px 15px rgba(0,0,0,.4)!important;}.support_float{bottom:154px!important;}.treasure_float{bottom:98px!important;}
body.common_body .udb_bottom_nav{position:fixed!important;width:min(100%,480px)!important;max-width:480px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;bottom:0!important;z-index:1000!important;}.udb_bottom_nav_inner{height:calc(69px + env(safe-area-inset-bottom))!important;padding-bottom:env(safe-area-inset-bottom);background:rgba(19,18,31,.97)!important;backdrop-filter:blur(15px);border-top:1px solid var(--oh-line)!important;border-radius:16px 16px 0 0;box-shadow:0 -6px 25px rgba(0,0,0,.23);}.udb_bottom_nav_item{min-width:0;flex:1;color:#a8a6b8!important;font-size:11px!important;line-height:1.2;text-decoration:none!important;}.udb_bottom_nav_item.active{color:#35cde7!important;}.udb_bottom_nav_item img{width:23px!important;height:23px!important;margin:0 auto 4px!important;object-fit:contain;}
body.common_body #product_dialog{background:linear-gradient(145deg,#191728,#10101a)!important;color:#faf8ff!important;border:1px solid rgba(137,111,207,.3);border-radius:20px 20px 0 0!important;padding:18px 16px!important;max-height:80vh;overflow:auto;}.dialog_box{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.06);}.dialog_product_name{font-weight:800!important;}.dialog_row .label{color:#b9b4c7!important;}.dialog_row .value{color:#fff!important;}#product_dialog .buy_btn{background:var(--oh-grad)!important;color:#080714!important;min-height:45px!important;border-radius:12px!important;}
/* layui creates modal in the body: constrain its outside container without changing JS */
body.common_body .layui-layer-page{max-width:min(480px,100vw)!important;}
@media(max-width:480px){body.common_body .home_page{padding:14px 12px calc(110px + env(safe-area-inset-bottom))!important;}body.common_body .support_float,body.common_body .treasure_float{right:12px!important;}}
@media(max-width:350px){.oh-balance{font-size:31px;}.oh-hero{padding:15px 12px;}.oh-hero-chip{font-size:9px;}.quick_menu .quick_icon{width:40px!important;height:40px!important;}.quick_menu .quick_item{font-size:10px!important;}.oh-action{font-size:12px;}}
@media(prefers-reduced-motion:reduce){body.common_body *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;}}

/* ================================================================
   OLAM V15 ASSET CARD + CENTERED MOBILE FRAME (visual overrides only)
   Existing Blade variables, routes, AJAX and purchase logic untouched.
   ================================================================ */
:root {
  --v15-a1: #2bc6e8;
  --v15-a2: #9160ed;
  --v15-a3: #e348a7;
  --v15-up: #34dcaa;
  --v15-gold: #f1c768;
}

/* Neutral full-browser canvas; center ONE continuous mobile app. */
html, body.common_body.common_background {
  width: 100%;
  min-width: 0;
  margin: 0 !important;
  overflow-x: clip;
  background: #030307 !important;
}
body.common_body .home_page {
  width: min(100%, 480px) !important;
  max-width: 480px !important;
  margin-inline: auto !important;
  padding-inline: clamp(12px, 3vw, 18px) !important;
}

/* Supplied OLAM markup: .v15-card.home-hero */
body.common_body .home_page .home-hero {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0 0 20px !important;
  padding: 18px 16px 15px;
  isolation: isolate;
  overflow: hidden;
  border-radius: 21px;
  border: 1px solid rgba(150, 117, 211, .42);
  color: #f9f8ff;
  background:
    radial-gradient(ellipse at 8% 8%, rgba(35, 200, 228, .12), transparent 52%),
    radial-gradient(ellipse at 93% 90%, rgba(223, 55, 153, .11), transparent 48%),
    linear-gradient(135deg, #171521, #14121d 65%, #19111b);
  box-shadow: 0 12px 32px rgba(0, 0, 0, .24), inset 0 1px rgba(255,255,255,.035);
}
body.common_body .home-hero .home-hero-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}
body.common_body .home-hero .home-hero-lab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .065em;
  color: #b5b2c4;
  text-transform: uppercase;
}
body.common_body .home-hero .v15-chip.up {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 9px;
  font-size: 10px;
  line-height: 1.2;
  font-weight: 750;
  color: #42e0af;
  background: rgba(20, 173, 123, .12);
  border: 1px solid rgba(52, 218, 162, .34);
  border-radius: 999px;
  white-space: nowrap;
}
body.common_body .home-hero .v15-chip.up .dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #34dfab;
  box-shadow: 0 0 8px rgba(52,223,171,.85);
}
body.common_body .home-hero .home-hero-amt {
  display: flex;
  align-items: baseline;
  gap: 5px;
  margin: 14px 0 15px;
  line-height: 1.1;
}
body.common_body .home-hero .home-hero-amt .cur {
  font-size: 20px;
  font-weight: 800;
  color: #27c8e9;
}
body.common_body .home-hero .home-hero-amt .val,
body.common_body .home-hero .home-hero-amt .u-grad {
  font-size: clamp(32px, 8vw, 42px);
  font-weight: 850;
  letter-spacing: -1.5px;
  background: var(--v15-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
body.common_body .home-hero .home-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-radius: 12px;
  overflow: hidden;
  background: rgba(255,255,255,.055);
  margin-bottom: 12px;
}
body.common_body .home-hero .home-hero-stats .st {
  min-width: 0;
  text-align: center;
  padding: 11px 4px;
}
body.common_body .home-hero .home-hero-stats .st + .st {
  border-left: 1px solid rgba(255,255,255,.085);
}
body.common_body .home-hero .home-hero-stats .l {
  color: #9c9aa9;
  font-size: 9px;
  text-transform: uppercase;
  line-height: 1.45;
  letter-spacing: .025em;
  overflow-wrap: anywhere;
}
body.common_body .home-hero .home-hero-stats .v {
  font-size: clamp(11px, 3vw, 14px);
  font-weight: 800;
  line-height: 1.45;
  overflow-wrap: anywhere;
  color: #ece8f8;
}
body.common_body .home-hero .home-hero-stats .u-a1 { color: #27c8e9; }
body.common_body .home-hero .home-hero-stats .u-up { color: #35dfad; }
body.common_body .home-hero .home-hero-stats .u-gold { color: #efc864; }
body.common_body .home-hero .home-hero-cta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 9px;
}
body.common_body .home-hero .home-hero-cta .v15-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  width: 100%;
  min-width: 0;
  min-height: 45px;
  padding: 9px 10px;
  border-radius: 11px;
  font-size: 13px;
  font-weight: 780;
  line-height: 1.2;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
}
body.common_body .home-hero .home-hero-cta .v15-btn.primary {
  color: #080812 !important;
  border: 1px solid transparent;
  background: var(--v15-gradient);
  box-shadow: 0 8px 20px rgba(146, 80, 217, .25);
}
body.common_body .home-hero .home-hero-cta .v15-btn.outline {
  color: #f8f7ff !important;
  border: 1px solid #8f68e6;
  background: rgba(11,11,22,.5);
}
body.common_body .home-hero .v15-btn:focus-visible,
body.common_body .home-hero a:focus-visible {
  outline: 2px solid #31d4ef;
  outline-offset: 3px;
}

/* Fixed elements share the exact same 480px centerline. */
body.common_body .udb_bottom_nav {
  width: min(100%,480px) !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
}
body.common_body .support_float,
body.common_body .treasure_float {
  right: max(12px, calc((100vw - 480px)/2 + 12px)) !important;
}

@media (max-width: 480px) {
  body.common_body .home_page .home-hero {padding: 16px 13px 14px; border-radius: 18px;}
  body.common_body .support_float,
  body.common_body .treasure_float {right: 12px !important;}
}
@media (max-width: 345px) {
  body.common_body .home-hero .home-hero-stats .l {font-size: 8px;}
  body.common_body .home-hero .home-hero-cta .v15-btn {font-size: 12px;}
}

/* ==========================================================
   OLAM V15 Quick Navigation — merged from home-quick-nav.css
   ========================================================== */
/* OLAM V15-inspired quick navigation, scoped to your home page.
   No PHP, product, purchase, VIP or AJAX behavior is modified. */
body.common_body .home_page .home-quick {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 5px;
    align-items: start;
    width: 100%;
    margin: 18px 0 22px;
    padding: 0;
    opacity: 1;
    transform: none;
}
body.common_body .home_page .home-quick > a {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    color: #c3c0cf;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
    line-height: 1.25;
    font-weight: 550;
    -webkit-tap-highlight-color: transparent;
}
body.common_body .home_page .home-quick .qc {
    width: clamp(39px, 11vw, 54px);
    height: clamp(39px, 11vw, 54px);
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 17px;
    background: linear-gradient(145deg, #1e1e26, #111116);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 5px 12px rgba(0,0,0,.22);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
body.common_body .home_page .home-quick .qc i {
    font-size: 23px;
    line-height: 1;
    font-style: normal;
}
body.common_body .home_page .home-quick .c1 i { color: #25c8ed; }
body.common_body .home_page .home-quick .c2 i { color: #a377ff; }
body.common_body .home_page .home-quick .c3 i { color: #ed48a8; }
body.common_body .home_page .home-quick .c4 i { color: #f1c354; }
body.common_body .home_page .home-quick .c5 i { color: #2bd6b1; }
body.common_body .home_page .home-quick .ql {
    display: block;
    max-width: 100%;
    overflow-wrap: anywhere;
    font-size: 11px;
    color: #bcb9c8;
    transition: color .25s ease;
}
body.common_body .home_page .home-quick > a:focus-visible .qc {
    outline: 2px solid #2ac9ef;
    outline-offset: 4px;
}
@media (hover: hover) and (pointer: fine) {
    body.common_body .home_page .home-quick > a:hover .qc {
        transform: translateY(-4px) scale(1.07);
        border-color: rgba(77,206,232,.42);
        box-shadow: 0 10px 24px rgba(118,75,201,.22);
    }
    body.common_body .home_page .home-quick > a:hover .ql { color: #fff; }
}
@media (max-width: 360px) {
    body.common_body .home_page .home-quick { gap: 2px; }
    body.common_body .home_page .home-quick .qc { border-radius: 13px; }
    body.common_body .home_page .home-quick .ql { font-size: 10px; }
    body.common_body .home_page .home-quick .qc i { font-size: 21px; }
}
@media (prefers-reduced-motion: reduce) {
    body.common_body .home_page .home-quick .qc,
    body.common_body .home_page .home-quick .ql { transition: none; }
}



/* ================================================================
   OLAM V15 Super Plans — integrated into home-redesign.css
   Presentation only. Uses existing Laravel package data and buyDialog.
   ================================================================ */
body.common_body .home_page .v15-section { margin-top: 18px; padding: 0; min-width: 0; }
body.common_body .v15-sec-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:13px; }
body.common_body .v15-sec-head h2 { margin:0; color:#fff!important; font-size:19px; font-weight:800; line-height:1.25; }
body.common_body .v15-sec-head h2::before { content:""; display:inline-block; width:4px; height:17px; margin-right:9px; vertical-align:-2px; border-radius:4px; background:linear-gradient(#27c6e9,#a269ee,#e247a8); }
body.common_body .v15-more { font-size:12px; color:#aaa8bb; white-space:nowrap; text-decoration:none; }
body.common_body .v15-more:hover { color:#f2e9ff; }
body.common_body .v15-tabs { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 14px; }
body.common_body .v15-tabs .tab { appearance:none; border:1px solid #2d2b38; border-radius:30px; background:#17161e; color:#bbb8c9; min-height:32px; padding:5px 15px; font-size:12px;font-weight:600;line-height:1.2;font-family:inherit; cursor:pointer; transition:box-shadow .2s,border-color .2s,background .2s; }
body.common_body .v15-tabs .tab.active { color:#090814; border-color:transparent; background:var(--v15-gradient); box-shadow:0 4px 13px rgba(153,83,210,.3); }
body.common_body .v15-tabs .tab:focus-visible { outline:2px solid #34d7f1;outline-offset:3px; }
body.common_body .home-products { display:grid; grid-template-columns:minmax(0,1fr); gap:13px; }
body.common_body .home-products .home-pcard { position:relative; display:block; min-width:0; overflow:hidden; border:1px solid rgba(92,128,145,.36); background:linear-gradient(130deg,#121b21,#11151d 65%,#251123); color:#fff; border-radius:17px; text-decoration:none; box-shadow:0 6px 18px rgba(0,0,0,.22); }
body.common_body .home-products .home-pcard[hidden] { display:none!important; }
body.common_body .home-pcard-img { position:relative; aspect-ratio: 2 / 1.12; overflow:hidden; background:#101d16; }
body.common_body .home-pcard-img > img { width:100%;height:100%; display:block; object-fit:cover; transition:transform .35s ease; }
body.common_body .home-pcard-img::after { content:""; position:absolute; inset:45% 0 0; background:linear-gradient(transparent,rgba(0,0,0,.82)); pointer-events:none; }
body.common_body .home-pcard-badges { position:absolute; z-index:1; top:9px; left:9px; right:9px; display:flex; align-items:flex-start; gap:6px; flex-wrap:wrap; }
body.common_body .home-pcard-badges .v15-chip { display:inline-flex; align-items:center; border-radius:22px; padding:4px 9px; font-size:10px; line-height:1.1; background:rgba(19,20,22,.79); border:1px solid rgba(255,255,255,.16); color:#d9d5e1; white-space:nowrap; }
body.common_body .home-pcard-badges .gold { color:#f5d772; background:rgba(64,53,13,.78); }
body.common_body .home-pcard-badges .right { margin-left:auto; color:#c3f1d0; background:rgba(25,54,32,.79); }
body.common_body .home-pcard-badges .limit { color:#9ce4f3; }
body.common_body .home-pcard-title { position:absolute; z-index:1; bottom:10px; left:13px; right:13px; color:#fff; font-size:15px; font-weight:750; text-shadow:0 2px 5px #000; }
body.common_body .home-pcard-body { padding:13px; }
body.common_body .home-pcard-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-bottom:13px; }
body.common_body .home-pcard-stats .c { min-width:0; }
body.common_body .home-pcard-stats .l { font-size:10px; color:#9ba5b1; text-transform:uppercase; line-height:1.3; }
body.common_body .home-pcard-stats .v { margin-top:4px; font-size:13px; font-weight:800; color:#3fdeb3; overflow-wrap:anywhere; }
body.common_body .home-pcard-stats .a1 { color:#29c6e9; }
body.common_body .home-pcard-foot { display:flex; align-items:center; justify-content:space-between; gap:10px; }
body.common_body .home-pcard-price { color:#35dcad; font-size:21px; font-weight:850; letter-spacing:-.5px; }
body.common_body .home-pcard-price .cur { font-size:13px; margin-right:2px; }
body.common_body .home-pcard-foot .buy_btn { margin:0!important; width:auto!important; min-width:95px!important; min-height:39px!important; height:auto!important; border:0!important; border-radius:10px!important; padding:8px 17px!important; color:#090916!important; font-size:13px!important; font-weight:800!important; line-height:1.2!important; background:var(--v15-gradient)!important; cursor:pointer; box-shadow:0 6px 15px rgba(153,83,210,.25); }
body.common_body .home-products-empty { padding:22px 12px; color:#b2aebf; text-align:center; border:1px solid #302b3e; border-radius:13px; }
@media (hover:hover) and (pointer:fine) { body.common_body .home-pcard:hover .home-pcard-img > img { transform:scale(1.035); } body.common_body .home-pcard-foot .buy_btn:hover { filter:brightness(1.08); } }
@media(max-width:360px) { body.common_body .v15-tabs .tab { padding:5px 11px; font-size:11px; } body.common_body .home-pcard-stats .v { font-size:12px; } body.common_body .home-pcard-badges .v15-chip { font-size:9px; padding:3px 6px; } }
@media(prefers-reduced-motion:reduce) { body.common_body .home-pcard-img > img { transition:none; } }