:root {
  --primary: #159447; --primary-rgb: 21,148,71; --primary-2: #44c875;
  --bg: #f4f8f5; --surface: #fff; --surface-2: #f7faf8; --border: #dce8df;
  --text: #13251a; --muted: #6c7d72; --sidebar: #fff; --shadow: 0 18px 50px rgba(22,73,40,.08);
  --radius: 16px; --sidebar-width: 254px; --header-height: 72px;
}

/* V5.2 transaction submenu */
.side-menu{display:block;margin:2px 0}
.side-menu>summary{width:100%;list-style:none;cursor:pointer;user-select:none}
.side-menu>summary::-webkit-details-marker{display:none}
.side-menu-chevron{min-width:auto!important;margin-left:auto;font-size:.72rem!important;transition:transform .32s cubic-bezier(.22,1,.36,1)}
.side-menu[open]>.side-link{color:var(--primary);background:rgba(var(--primary-rgb),.08)}
.side-menu[open] .side-menu-chevron{transform:rotate(180deg)}
.side-submenu{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:2px;margin:3px 0 6px 20px;padding:3px 0 3px 12px;border-left:1px solid rgba(var(--primary-rgb),.22);overflow:hidden;transform-origin:top;will-change:height,opacity,transform}
.side-submenu-link{width:100%!important;min-width:0;min-height:37px;display:grid!important;grid-template-columns:18px minmax(0,1fr);align-items:center;column-gap:8px;padding:6px 9px;border-radius:8px;color:var(--muted);font-size:.78rem;font-weight:600;line-height:1.25;white-space:normal}
.side-submenu-link i{font-size:.86rem;text-align:center}
.side-submenu-link:hover,.side-submenu-link.active{color:var(--primary);background:rgba(var(--primary-rgb),.08)}
.sidebar-collapsed .side-menu-chevron,.sidebar-collapsed .side-submenu{display:none!important}
@media(prefers-reduced-motion:reduce){.side-menu-chevron{transition:none}}
[data-theme="dark"] { --primary:#18c779; --primary-rgb:24,199,121; --primary-2:#56e2a1; --bg:#061018; --surface:#0b1720; --surface-2:#101e28; --border:#203541; --text:#edf9f3; --muted:#91a5a0; --sidebar:#08141c; --shadow:0 20px 60px rgba(0,0,0,.35); }
[data-theme="light"] { --primary:#1769ff; --primary-rgb:23,105,255; --primary-2:#5e99ff; --bg:#f4f7fc; --surface:#fff; --surface-2:#f7f9fd; --border:#dce5f3; --text:#10213b; --muted:#70809a; --sidebar:#fff; --shadow:0 18px 50px rgba(35,70,125,.09); }
[data-theme="purple"] { --primary:#9a28ff; --primary-rgb:154,40,255; --primary-2:#d653ff; --bg:#0b0619; --surface:#130a27; --surface-2:#1a0e33; --border:#34205b; --text:#f7efff; --muted:#aa98c5; --sidebar:#100822; --shadow:0 20px 65px rgba(82,16,142,.3); }
* { box-sizing:border-box; }
body { margin:0; font-family:'Space Grotesk',sans-serif; background:var(--bg); color:var(--text); min-height:100vh; transition:background .25s,color .25s; }
a { color:var(--primary); text-decoration:none; } a:hover { color:var(--primary-2); }
.text-muted { color:var(--muted)!important; }.text-body { color:var(--text)!important; }
.btn { min-height:30px; border-radius:8px; font-weight:700; font-size:.88rem; display:inline-flex; align-items:center; justify-content:center; gap:.5rem; }
.btn-primary { --bs-btn-bg:var(--primary);--bs-btn-border-color:var(--primary);--bs-btn-hover-bg:var(--primary-2);--bs-btn-hover-border-color:var(--primary-2); }
.btn-soft { color:var(--primary); background:rgba(var(--primary-rgb),.1); border:1px solid rgba(var(--primary-rgb),.14); }
.btn-outline-ui { color:var(--text); border:1px solid var(--border); background:var(--surface); }
.form-control,.form-select,.input-group-text { min-height:38px; border-radius:10px; border-color:var(--border); background-color:var(--surface-2); color:var(--text); font-size:.88rem; }
.form-control:focus,.form-select:focus { background:var(--surface); color:var(--text); border-color:var(--primary); box-shadow:0 0 0 .22rem rgba(var(--primary-rgb),.12); }
.form-control::placeholder { color:var(--muted); }.form-label { font-size:.8rem; font-weight:700; }
.form-check-input:checked { background-color:var(--primary); border-color:var(--primary); }
.card-ui { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow); }
.card { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow); }
.brand { display:flex; align-items:center; gap:.65rem; color:var(--text); font-family:'Space Grotesk',sans-serif; font-weight:800; letter-spacing:-.03em; }
.brand-mark { width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:white;background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 9px 22px rgba(var(--primary-rgb),.24); }
.header-actions{display:flex;align-items:center;gap:9px}.header-icon-btn{width:46px;padding:0}.notification-count{position:absolute;right:-4px;top:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;display:grid;place-items:center;background:#ef476f;color:#fff;border:2px solid var(--surface);font-size:.61rem;font-weight:800}.header-dropdown .dropdown-menu{background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:0;overflow:hidden}.notification-menu{width:380px}.dropdown-head{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;border-bottom:1px solid var(--border)}.dropdown-head strong,.dropdown-head small{display:block}.dropdown-head small{color:var(--muted);font-size:.69rem}.dropdown-head .btn-link{color:var(--primary);text-decoration:none;font-size:.7rem;font-weight:800}.notification-item{display:flex;gap:12px;padding:14px 17px;color:var(--text);border-bottom:1px solid var(--border);position:relative}.notification-item:hover{color:var(--text);background:var(--surface-2)}.notification-item.unread{background:rgba(var(--primary-rgb),.045)}.notification-icon{width:38px;height:38px;flex:0 0 38px;border-radius:11px;display:grid;place-items:center;color:var(--primary);background:rgba(var(--primary-rgb),.11)}.notification-icon.warning{color:#bd7b00;background:rgba(255,174,0,.12)}.notification-icon.info{color:#3379df;background:rgba(51,121,223,.12)}.notification-item strong,.notification-item small,.notification-item time{display:block}.notification-item strong{font-size:.78rem}.notification-item small{font-size:.71rem;color:var(--muted);margin:3px 0}.notification-item time{font-size:.64rem;color:var(--primary);font-weight:700}.unread-dot{width:7px;height:7px;border-radius:50%;background:var(--primary);position:absolute;right:15px;top:19px}.notification-item:not(.unread) .unread-dot{display:none}.dropdown-footer{display:flex;justify-content:center;gap:7px;padding:13px;color:var(--primary);font-size:.73rem;font-weight:800}.account-trigger{border:0;background:transparent;display:flex;align-items:center;gap:6px;padding:3px;color:var(--muted)}.account-menu{width:300px;padding:8px!important}.account-summary{display:flex;gap:11px;padding:11px}.avatar-lg{width:46px;height:46px;flex-basis:46px}.account-summary strong,.account-summary small,.account-summary em{display:block}.account-summary small{font-size:.69rem;color:var(--muted)}.account-summary em{font-size:.65rem;color:var(--primary);font-style:normal}.account-menu .dropdown-divider{border-color:var(--border)}.account-menu .dropdown-item{display:flex;align-items:center;gap:11px;border-radius:9px;padding:9px 10px;color:var(--text)}.account-menu .dropdown-item>i{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:var(--primary);background:rgba(var(--primary-rgb),.09)}.account-menu .dropdown-item b,.account-menu .dropdown-item small{display:block;font-size:.75rem}.account-menu .dropdown-item small{color:var(--muted);font-size:.64rem}.account-menu .dropdown-item:hover{background:var(--surface-2);color:var(--text)}.account-menu .logout-item,.account-menu .logout-item>i{color:#e74a5f}

/* Auth */
.auth-page { min-height:100vh; display:grid; grid-template-columns:minmax(380px, .92fr) 1.08fr; background:var(--surface); }
.auth-form-pane { padding:32px clamp(28px,6vw,90px); display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2; }
.auth-top { position:absolute;top:24px;left:clamp(28px,6vw,90px);right:clamp(28px,6vw,90px);display:flex;justify-content:space-between;align-items:center; }
.auth-box { width:100%;max-width:460px;margin:30px auto; }.auth-box.wide { max-width:570px; }
.eyebrow { color:var(--primary);font-weight:800;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase; }
.auth-title { font-family:'Space Grotesk';font-size:clamp(1.85rem,3vw,2.6rem);font-weight:700;letter-spacing:-.045em;margin:.5rem 0; }
.auth-art { position:relative;overflow:hidden;display:grid;place-items:center;padding:7%;background:linear-gradient(145deg,rgba(var(--primary-rgb),.16),rgba(var(--primary-rgb),.03)),var(--bg); }
.auth-art::before,.auth-art::after { content:"";position:absolute;border:1px solid rgba(var(--primary-rgb),.18);border-radius:50%;width:520px;height:520px; }.auth-art::after{width:330px;height:330px}
.crypto-orbit { width:min(360px,75%);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,rgba(var(--primary-rgb),.2),transparent 66%); }
.coin { width:150px;height:150px;border-radius:50%;display:grid;place-items:center;color:#fff;font:800 3.8rem 'Space Grotesk';background:linear-gradient(145deg,var(--primary-2),var(--primary));border:10px solid rgba(255,255,255,.18);box-shadow:0 28px 80px rgba(var(--primary-rgb),.38);position:relative;z-index:2; }
.orbit-dot { position:absolute;width:48px;height:48px;border-radius:14px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);display:grid;place-items:center;color:var(--primary);font-size:1.25rem; }.orbit-dot.one{top:3%;right:17%}.orbit-dot.two{bottom:9%;left:6%}.orbit-dot.three{bottom:2%;right:10%}
.security-panel { position:relative;z-index:2;max-width:430px;margin-top:24px;padding:18px 20px;background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.2);border-radius:14px; }
.password-wrap { position:relative; }.password-wrap .form-control{padding-right:45px}.password-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--muted)}
.stepper { display:flex;align-items:center;margin:1.4rem 0; }.step{display:flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.75rem;font-weight:700;flex:1}.step:not(:last-child)::after{content:"";height:1px;background:var(--border);flex:1}.step-num{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border)}.step.active{color:var(--primary)}.step.active .step-num{color:white;background:var(--primary);border-color:var(--primary)}

/* App shell */
.sidebar { position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:var(--sidebar);border-right:1px solid var(--border);z-index:1040;display:flex;flex-direction:column;transition:width .25s,transform .25s; }
.sidebar-head { height:var(--header-height);display:flex;align-items:center;padding:0 20px;border-bottom:1px solid var(--border); }
.sidebar-nav { padding:18px 12px;overflow-y:auto;flex:1; }.nav-caption{padding:11px 12px 7px;color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;white-space:nowrap}
.side-link { min-height:43px;padding:0 12px;display:flex;align-items:center;gap:12px;border-radius:10px;color:var(--muted);font-size:.86rem;font-weight:600;margin:2px 0;white-space:nowrap;overflow:hidden; }.side-link i{font-size:1.08rem;min-width:20px}.side-link:hover,.side-link.active{color:var(--primary);background:rgba(var(--primary-rgb),.1)}
.sidebar-foot { padding:12px;border-top:1px solid var(--border); }.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;background:var(--surface-2);overflow:hidden;white-space:nowrap}.avatar{width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-weight:800;font-size:.75rem}
.app-header { position:fixed;top:0;right:0;left:var(--sidebar-width);height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:1030;transition:left .25s; }
.header-search { width:min(390px,38vw);position:relative}.header-search i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted)}.header-search input{padding-left:40px}
.app-main { margin-left:var(--sidebar-width);padding:calc(var(--header-height) + 28px) 28px 36px;min-height:100vh;transition:margin-left .25s; }
.sidebar-collapsed .sidebar{width:78px}.sidebar-collapsed .app-header{left:78px}.sidebar-collapsed .app-main{margin-left:78px}.sidebar-collapsed .brand-name,.sidebar-collapsed .link-label,.sidebar-collapsed .nav-caption,.sidebar-collapsed .user-copy{display:none}.sidebar-collapsed .sidebar-head{justify-content:center;padding:0}.sidebar-collapsed .side-link{justify-content:center;padding:0}.sidebar-collapsed .sidebar-user{justify-content:center;padding:8px 0}
.page-title { font:700 clamp(1.25rem,2.1vw,1.8rem) 'Space Grotesk';letter-spacing:-.035em;margin:0}.page-subtitle{font-size:.85rem;color:var(--muted);margin:.3rem 0 0}.section-title{font:700 1rem 'Space Grotesk';margin:0}.stat-card{padding:20px;height:100%}.stat-label{font-size:.75rem;color:var(--muted);font-weight:600}.stat-value{font:700 1.00rem 'Space Grotesk'; color: #222 !important; letter-spacing:-.04em;margin:.55rem 0}.metric{font-size:.72rem;font-weight:700;color:var(--primary)}
.icon-box { width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--primary);background:rgba(var(--primary-rgb),.1);font-size:1.15rem}.mini-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(var(--primary-rgb),.1);color:var(--primary)}
.chart { height:180px;display:flex;align-items:flex-end;gap:8px;padding-top:20px}.chart span{flex:1;border-radius:7px 7px 2px 2px;background:linear-gradient(to top,rgba(var(--primary-rgb),.18),var(--primary));min-height:16px;opacity:.85}
.table-ui { --bs-table-bg:transparent;--bs-table-color:var(--text);margin:0}.table-ui th{padding:.85rem .5rem;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;border-color:var(--border);font-weight:800}.table-ui td{padding:.6rem;vertical-align:middle;border-color:var(--border);font-size:.8rem}.badge-soft{display:inline-flex;padding:.38rem .6rem;border-radius:99px;color:var(--primary);background:rgba(var(--primary-rgb),.1);font-size:.68rem;font-weight:800}.badge-warning{color:#bb7500;background:rgba(255,174,0,.12)}.badge-danger{color:#e74a5f;background:rgba(231,74,95,.12)}
.asset-pill{display:flex;align-items:center;gap:.65rem}.asset-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:white;background:linear-gradient(135deg,var(--primary),var(--primary-2));font-weight:800}.filter-bar{padding:14px;display:flex;gap:10px;flex-wrap:wrap}.filter-bar .form-control,.filter-bar .form-select{min-height:42px}
.deposit-steps { counter-reset:deposit; }.deposit-step{position:relative;padding-left:48px;margin-bottom:23px}.deposit-step::before{counter-increment:deposit;content:counter(deposit);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff;font-weight:800;font-size:.75rem}.deposit-box{padding:24px}.qr-box{width:250px;height:250px;padding:10px;border-radius:12px;background:#fff;border:1px solid var(--border);display:block;grid-template-columns:repeat(7,1fr);gap:3px}.qr-box span{background:#111;border-radius:1px}.qr-box span:nth-child(3n){background:#fff}.address-box{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:11px 12px;font-family:'Space Grotesk';font-size:.78rem;word-break:break-all}.notice{padding:14px;border-radius:11px;background:rgba(255,174,0,.09);border:1px solid rgba(255,174,0,.25);font-size:.78rem}

.profile-banner{height:150px;border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(125deg,var(--primary),var(--primary-2));position:relative;overflow:hidden}
.profile-banner::after{content:"";position:absolute;width:300px;height:300px;border:55px solid rgba(255,255,255,.1);border-radius:50%;right:-70px;top:-130px}
.profile-avatar{width:92px;height:92px;border:5px solid var(--surface);margin:-46px 0 0 24px;position:relative;font-size:1.35rem}

.profile-banner-short{height:80px;border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(125deg,var(--primary),var(--primary-2));position:relative;overflow:hidden}
.profile-banner-short::after{content:"";position:absolute;width:300px;height:300px;border:55px solid rgba(255,255,255,.1);border-radius:50%;right:-70px;top:-130px}

.sidebar-backdrop{display:none}

@media(max-width:991.98px){.auth-page{grid-template-columns:1fr}.auth-art{display:none}.auth-form-pane{min-height:100vh}.sidebar{transform:translateX(-100%);width:var(--sidebar-width)!important}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-open .sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.52);z-index:1035}.app-header,.sidebar-collapsed .app-header{left:0}.app-main,.sidebar-collapsed .app-main{margin-left:0;padding-left:18px;padding-right:18px}.brand-name,.link-label,.nav-caption,.user-copy{display:block!important}.side-link{justify-content:flex-start!important;padding:0 12px!important}.header-search{display:none}}
@media(max-width:575.98px){.auth-form-pane{padding:24px 20px}.auth-top{left:20px;right:20px}.auth-box{margin-top:70px}.app-header{padding:0 16px}.app-main{padding-top:calc(var(--header-height) + 20px)}.table-responsive{border-radius:var(--radius)}.deposit-box{padding:18px}.page-actions .btn span{display:none}}
@media(max-width:575.98px){.header-actions{gap:5px}.account-trigger>.bi-chevron-down{display:none}.header-icon-btn{width:43px}.notification-menu{width:min(360px,calc(100vw - 20px))}.account-menu{width:min(300px,calc(100vw - 20px))}}

/* Member mobile fragments and Android-style bottom navigation */
.member-fragment{display:none}.member-fragment.active{display:block}.member-bottom-nav{display:none}
.member-tab-control{position:fixed;opacity:0;pointer-events:none;width:1px;height:1px}
.member-tab-control:checked~.app-main .member-fragment{display:none}
#member-tab-home:checked~.app-main [data-member-view="home"],#member-tab-profile:checked~.app-main [data-member-view="profile"],#member-tab-deposit:checked~.app-main [data-member-view="deposit"],#member-tab-more:checked~.app-main [data-member-view="more"]{display:block}
@media(max-width:991.98px){
  body{overflow-x:hidden}.sidebar-backdrop{display:none!important}.sidebar{transform:translateX(-100%);box-shadow:none}.app-header,.app-main,.member-bottom-nav{transition:transform .25s ease}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-open .app-header,.sidebar-open .app-main,.sidebar-open .member-bottom-nav{transform:translateX(var(--sidebar-width))}.sidebar-open{overflow:hidden}.sidebar-open .app-main{pointer-events:none}
  body[data-app-page="dashboard"] .app-main{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}.member-fragment{min-height:calc(100dvh - var(--header-height) - 84px - env(safe-area-inset-bottom))}.member-bottom-nav{position:fixed;left:0;right:0;bottom:0;width:100%;height:calc(64px + env(safe-area-inset-bottom));z-index:1025;display:grid;grid-template-columns:repeat(4,1fr);padding:6px 10px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 97%,transparent);border:0;border-top:1px solid var(--border);border-radius:0;box-shadow:0 -8px 24px rgba(0,0,0,.1);backdrop-filter:blur(16px)}.member-bottom-nav button{min-height:56px;border:0;background:transparent;color:var(--muted);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:.65rem;font-weight:700}.member-bottom-nav button i{font-size:1.18rem}.member-bottom-nav button.active{color:var(--primary);background:rgba(var(--primary-rgb),.1)}
  .member-bottom-nav label{min-height:48px;border:0;background:transparent;color:var(--muted);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:.65rem;font-weight:700;cursor:pointer}.member-bottom-nav label i{font-size:1.16rem}#member-tab-home:checked~.member-bottom-nav label[for="member-tab-home"],#member-tab-profile:checked~.member-bottom-nav label[for="member-tab-profile"],#member-tab-deposit:checked~.member-bottom-nav label[for="member-tab-deposit"],#member-tab-more:checked~.member-bottom-nav label[for="member-tab-more"]{color:var(--primary);background:rgba(var(--primary-rgb),.1)}
}

#offcanvasAction,#offcanvasAction .form-label,#offcanvasAction .offcanvas-title,#offcanvasAction label{color:var(--po-text)}.pointer,.slider,.toggle-btn{cursor:pointer}.toggle-btn{padding:7px 10px;margin-top:10px}.toggle-btn:hover{border:1px solid #eaeaea;padding:7px 10px;border-radius:10px}.custom-dt-search,.dataTables_wrapper .dt-buttons{display:inline-flex;align-items:left}.dataTables_wrapper .dt-buttons{flex-wrap:nowrap}.dt-buttons{min-height:44px;margin-bottom:2px}.custom-dt-search{margin-left:0;flex-shrink:0}.custom-dt-search-input{width:350px;padding:8px;border-radius:10px;margin-right:3px;margin-top:7px;border:.1rem solid #eaeaea}
#offcanvasAction{--po-bg:var( --surface, var(--bs-body-bg, #ffffff));--po-surface-soft:var( --surface-2, var(--bs-tertiary-bg, #f8f9fa) );--po-surface-hover:var( --surface-2,
        var(--bs-secondary-bg, #e9ecef) );--po-text:var( --text, var(--bs-body-color, #212529) );--po-heading:var(--text, var(--bs-heading-color, #212529));--po-muted:var(
        --muted, var(--bs-secondary-color, #6c757d));--po-border:var(--border, var(--bs-border-color, #dee2e6));--po-primary:var(--primary, var(--bs-primary, #0d6efd)
    );--po-primary-rgb:var(--primary-rgb, var(--bs-primary-rgb, 13, 110, 253));
background-color:var(--po-bg);border:0;box-shadow:0 24px 60px rgba(0,0,0,.28),0 4px 18px rgba(0,0,0,.12);overflow:hidden}#offcanvasAction .offcanvas-body,#offcanvasAction .offcanvas-header{color:var(--po-text);background-color:var(--po-bg);border-color:var(--po-border)}#offcanvasAction .form-text,#offcanvasAction .text-muted{color:var(--po-muted)!important}#offcanvasAction .form-control,#offcanvasAction .form-select{color:var(--po-text);background-color:var(--po-surface-soft);border-color:var(--po-border)}#offcanvasAction .form-control::placeholder{color:var(--po-muted)}#offcanvasAction .form-control:focus,#offcanvasAction .form-select:focus{color:var(--po-text);background-color:var(--po-bg);border-color:var(--po-primary);box-shadow:0 0 0 4px rgba(var(--po-primary-rgb),.14)}#offcanvasAction .form-select option{color:var(--po-text);background-color:var(--po-bg)}#offcanvasAction .btn-close{position:relative;flex:0 0 38px;width:38px;height:38px;margin:0;padding:0;background-color:var(--po-surface-soft);background-image:none;border:1px solid var(--po-border);border-radius:10px;opacity:1;filter:none!important;transition:color .2s,background-color .2s,border-color .2s,transform .25s,box-shadow .2s}#offcanvasAction .btn-close::after,#offcanvasAction .btn-close::before{position:absolute;top:50%;left:50%;width:16px;height:2px;background-color:var(--po-muted);border-radius:10px;content:"";transition:background-color .2s}#offcanvasAction .btn-close::before{transform:translate(-50%,-50%) rotate(45deg)}#offcanvasAction .btn-close::after{transform:translate(-50%,-50%) rotate(-45deg)}#offcanvasAction .btn-close:hover{background-color:rgba(var(--po-primary-rgb),.1);border-color:rgba(var(--po-primary-rgb),.35);transform:rotate(90deg)}#offcanvasAction .btn-close:hover::after,#offcanvasAction .btn-close:hover::before{background-color:var(--po-primary)}#offcanvasAction .btn-close:focus{outline:0;box-shadow:0 0 0 4px rgba(var(--po-primary-rgb),.14)}#offcanvasAction .offcanvas-body{background:linear-gradient(180deg,rgba(var(--po-primary-rgb),.055),transparent 190px),var(--po-bg)}@media (max-width:991.98px){#offcanvasAction.offcanvas-bottom{--bs-offcanvas-height:min(
720px, calc(100dvh - 10px));width:100%;height:var(--bs-offcanvas-height)!important;max-height:calc(100dvh - 10px);border-radius:22px 22px 0 0}#offcanvasAction.offcanvas-bottom::before{position:absolute;top:8px;left:50%;z-index:10;width:42px;height:4px;background-color:var(--po-border);border-radius:20px;content:"";transform:translateX(-50%)}#offcanvasAction .offcanvas-header{flex-shrink:0;padding:24px 20px 15px}#offcanvasAction .offcanvas-body{flex:1 1 auto;padding:18px 20px calc(20px + env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}#offcanvasAction .form-group{margin-bottom:12px}#offcanvasAction .form-control,#offcanvasAction .form-select{min-height:48px;padding:10px 14px}#offcanvasAction .btn:not(.btn-close){min-height:48px;padding:10px 16px}}.form-check-input{transform:scale(1.5)!important}.switch{position:relative;display:inline-block;width:50px;height:25px}.heading-title,.section-title{display:flex;gap:9px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;font-size:11px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(18px);-ms-transform:translateX(18px);transform:translateX(18px)}.slider.round{border-radius:20px}.heading-title::before,.section-title::before{content:'';width:4px;height:16px;border-radius:999px}.slider.round:before{border-radius:50%}.heading-title{align-items:center;margin:15px 0 12px;color:var(--text)}.heading-title::before{background:var(--primary)}.section-title{align-items:center;margin:0 0 12px;color: var(--primary)}.section-title::before{background: var(--primary)}.user-copy strong{font-size:11px;margin-left:5px;word-wrap:break-word}.user-copy small{font-size:10px;font-weight:700;margin-left:15px}.avatar img{width:50px;height:50px;margin:-10px 10px 0 0}.width-70{width:70%;margin-left:10px}@media (max-width:576px){.custom-dt-search-input{width:290px;min-width:60px;padding:8px;font-size:.85rem;border-radius:10px}.dataTables_wrapper .dt-buttons .btn{padding:.25rem .4rem;font-size:.75rem}.width-70{width:100%;margin-top:15px}}@media (max-width:400px){.custom-dt-search-input{width:210px;padding:8px;border-radius:10px}.width-70{width:100%;margin-top:15px}}