*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:#080b10;color:#d9deec}body{background:
radial-gradient(circle at 80% 18%,rgba(36,52,70,.22),transparent 30%),
radial-gradient(circle at 30% 85%,rgba(25,54,65,.16),transparent 28%),
repeating-radial-gradient(ellipse at 65% 50%,rgba(120,130,150,.025) 0 2px,transparent 3px 18px),
#080b10}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.xadmin-layout{display:flex;min-height:100vh}.xadmin-sidebar{width:355px;position:fixed;left:0;top:0;bottom:0;padding:18px 0 14px;border-right:1px solid rgba(145,158,190,.18);background:rgba(4,7,11,.66);backdrop-filter:blur(18px);z-index:10}.xadmin-logo{height:70px;display:flex;align-items:center;gap:12px;padding:0 24px;font-size:19px;letter-spacing:2px}.xadmin-logo span{font-size:36px;font-weight:900;text-shadow:0 0 18px rgba(100,210,220,.45)}.searchbox{margin:10px 14px 12px;height:39px;border:1px solid #626b82;border-radius:22px;padding:0 16px;display:flex;align-items:center;color:#8791a8;background:rgba(20,24,32,.55)}.searchbox input{border:0;outline:0;background:transparent;color:#fff;width:100%;margin-left:8px}.side-pills{display:flex;gap:10px;padding:0 2px 18px}.side-pills span{font-size:12px;font-weight:700;padding:9px 16px;border:1px solid rgba(125,137,164,.5);border-radius:22px;background:rgba(25,29,38,.5);white-space:nowrap}.currency{padding:0 4px 15px;color:#5eff25;font-weight:800;line-height:1.35}.side-menu{padding-top:5px}.side-menu a{display:flex;gap:13px;align-items:center;margin:3px 9px;padding:13px 18px;border:1px solid transparent;border-radius:12px;color:#929aae;font-size:14px;font-weight:800}.side-menu a:hover,.side-menu a.active{color:#eafcff;background:rgba(31,184,188,.13);border-color:rgba(74,205,210,.35);box-shadow:0 0 18px rgba(31,194,198,.08)}.side-menu a.active{color:#5fe5e1}.side-bottom{position:absolute;bottom:14px;left:15px;right:15px;border-top:1px solid rgba(130,145,170,.14);padding-top:14px}.admin-mini{display:flex;align-items:center;gap:10px}.admin-mini small,.admin-mini b{display:block}.admin-mini b{font-size:13px}.admin-mini small{font-size:11px;color:#778096;margin-top:3px}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;border:1px solid #657086;background:linear-gradient(145deg,#26303d,#0d1118);color:#63ded9;font-weight:900}.xadmin-logout{display:block;margin-top:12px;color:#9da7ba;font-size:12px}.xadmin-main{margin-left:355px;flex:1;padding:18px 22px 30px;min-width:0}.xadmin-topbar{height:60px;display:flex;align-items:center;gap:16px}.date-pill,.timezone,.lang{border:1px solid #69738c;border-radius:24px;padding:10px 17px;background:rgba(16,20,27,.58);font-weight:700;font-size:14px;box-shadow:inset 0 0 10px rgba(255,255,255,.025)}.date-pill{min-width:430px}.top-actions{margin-left:auto;display:flex;gap:9px;align-items:center}.top-actions button,.top-actions a{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;border:1px solid #69738c;background:rgba(15,18,25,.7);color:#b9c1d2;cursor:pointer}.toolbar{height:65px;display:flex;align-items:center;gap:12px}.refresh{border:1px solid #647087;background:rgba(12,16,22,.55);color:#aeb8cb;width:34px;height:34px;border-radius:50%;cursor:pointer}.tabs{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px;margin-bottom:34px}.tabs a{height:42px;border:1px solid #69738c;border-radius:24px;display:flex;align-items:center;justify-content:center;background:rgba(15,19,26,.62);font-size:13px;font-weight:900;letter-spacing:.2px;white-space:nowrap}.tabs a:hover,.tabs a.active{background:linear-gradient(90deg,#17232b,#2dbdb8);color:#fff;border-color:#6edbd5;box-shadow:0 0 20px rgba(52,203,198,.18)}.alert{padding:12px 15px;border-radius:10px;margin:0 0 18px;font-size:13px}.alert.success{background:rgba(52,207,155,.12);border:1px solid rgba(52,207,155,.35);color:#76f0bd}.alert.danger{background:rgba(245,80,110,.1);border:1px solid rgba(245,80,110,.35);color:#ff9cad}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat,.panel{border:1px solid rgba(119,132,157,.36);border-radius:20px;background:linear-gradient(145deg,rgba(31,36,47,.65),rgba(8,12,17,.66));backdrop-filter:blur(14px);box-shadow:0 15px 45px rgba(0,0,0,.18)}.stat{min-height:123px;overflow:hidden}.stat:nth-child(5),.stat:nth-child(6){grid-column:span 2}.stat-head{height:52px;padding:14px;border-bottom:1px solid rgba(119,132,157,.35);font-size:16px;font-weight:900;color:#aeb7ca}.stat-head span{float:right;background:#a9b1c0;color:#222a37;padding:5px 12px;border-radius:17px;font-size:12px;margin-top:-5px}.stat-value{padding:13px 15px;font-size:18px;font-weight:900;color:#9ca6ba}.bottom-metrics{margin:305px 0 22px;border:1px solid rgba(119,132,157,.42);border-radius:20px;padding:10px 17px;background:rgba(8,12,17,.58);display:flex;gap:12px}.bottom-metrics button,.small-btn,.inline-search button{border:1px solid #737d93;border-radius:20px;background:linear-gradient(#252b36,#11151d);color:#cbd2e0;padding:8px 18px;font-weight:800;cursor:pointer}.bottom-metrics button:hover{color:#62e7df;border-color:#5ddbd5}.quick-grid,.two-col{display:grid;grid-template-columns:2fr 1fr;gap:16px}.two-col{grid-template-columns:1fr 1.5fr}.panel{padding:0;overflow:auto}.panel-title{padding:16px 18px;border-bottom:1px solid rgba(119,132,157,.3);font-weight:900;color:#aeb7ca;min-width:650px}.panel-title a{float:right;color:#61ddd7;font-size:12px}.panel-title .muted{float:right;font-weight:500;color:#778196;font-size:12px}.panel table{width:100%;border-collapse:collapse;font-size:12px}.panel th,.panel td{padding:13px 15px;text-align:left;border-bottom:1px solid rgba(120,135,160,.12)}.panel th{color:#788398;font-size:10px;letter-spacing:1px}.panel td{color:#c2c9d8}.badge{padding:4px 9px;border-radius:12px;font-size:10px;font-weight:900;text-transform:uppercase}.badge.ok{background:rgba(47,211,148,.12);color:#62e4ad}.badge.bad{background:rgba(247,78,102,.12);color:#ff8395}.green{color:#59e1aa}.status-line{display:flex;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(120,135,160,.12);font-size:13px}.revenue-box{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:25px}.revenue-box div{padding:20px;border-radius:14px;background:rgba(255,255,255,.03)}.revenue-box small,.revenue-box strong{display:block}.revenue-box small{color:#798399}.revenue-box strong{margin-top:7px;font-size:20px}.form-grid{padding:20px;display:grid;gap:14px}.form-grid label{display:grid;gap:7px;font-size:12px;color:#8893a8;font-weight:700}.form-grid input,.form-grid select,.password-form input,.inline-search input{background:#0b0f16;border:1px solid #505b72;color:#e2e7f0;border-radius:10px;padding:11px;outline:0}.primary-btn{border:0;border-radius:11px;padding:12px;background:linear-gradient(90deg,#2badae,#5de0d9);color:#061012;font-weight:900;cursor:pointer}.inline-search{float:right;display:flex;gap:8px}.inline-search input{padding:7px 10px}.password-panel{margin-top:18px}.password-form{padding:18px;display:flex;gap:10px}.muted{color:#788398}.empty{text-align:center;color:#667084!important;padding:25px!important}footer{text-align:center;color:#515c70;font-size:11px;margin-top:30px}.login-body{display:grid;place-items:center;min-height:100vh}.login-shell{width:min(440px,92vw)}.brand-mark{font-size:52px;font-weight:900;text-align:center;margin-bottom:10px;text-shadow:0 0 28px rgba(82,221,218,.4)}.login-card{padding:32px;border-radius:24px;border:1px solid #5f6b83;background:rgba(12,16,23,.82);backdrop-filter:blur(22px);box-shadow:0 25px 80px rgba(0,0,0,.5)}.login-head .eyebrow{font-size:10px;color:#5cded9;font-weight:900;letter-spacing:2px}.login-head h1{font-size:30px;margin:8px 0}.login-head p{color:#7e899d;margin:0 0 25px}.login-card label{display:block;font-size:12px;color:#8f9aad;margin:15px 0 7px}.input{width:100%;background:#080c12;border:1px solid #4e5a71;color:#fff;border-radius:11px;padding:13px;outline:0}.login-card .primary-btn{width:100%;margin-top:20px}.login-note{margin-top:18px;padding:13px;border:1px solid rgba(120,135,160,.2);border-radius:11px;color:#8994a8;font-size:12px;line-height:1.7}.login-note code{color:#cfd6e5}.light{filter:none;background:#e9edf3;color:#1d2430}.light .xadmin-sidebar,.light .stat,.light .panel,.light .date-pill,.light .timezone,.light .lang,.light .tabs a,.light .bottom-metrics{background:rgba(255,255,255,.8);color:#202838}.light .stat-head,.light .panel-title,.light .stat-value{color:#394357}.light .searchbox,.light .form-grid input,.light .form-grid select,.light .password-form input,.light .inline-search input{background:#fff;color:#222}.light .side-menu a{color:#596479}.light .side-menu a.active{color:#087d79}.light .top-actions button,.light .top-actions a,.light .refresh{background:#fff;color:#384258}@media(max-width:1100px){.xadmin-sidebar{width:250px}.xadmin-main{margin-left:250px}.tabs{grid-template-columns:repeat(3,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.bottom-metrics{margin-top:80px}}@media(max-width:760px){.xadmin-sidebar{position:relative;width:100%;height:auto;min-height:0}.xadmin-layout{display:block}.xadmin-main{margin-left:0;padding:10px}.side-bottom{position:static;margin:15px}.xadmin-topbar{overflow:auto}.date-pill{min-width:330px}.tabs{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}.stat:nth-child(5),.stat:nth-child(6){grid-column:span 1}.quick-grid,.two-col{grid-template-columns:1fr}.bottom-metrics{margin-top:40px;overflow:auto}.password-form{flex-direction:column}.inline-search{float:none;margin-top:12px}.panel-title{min-width:0}}


/* X-ADMIN shell compatibility for the DGC feature views. */
.xadmin-body{min-height:100vh;overflow-x:hidden;background:#080b10!important;color:#d9deec!important}
.xadmin-layout{display:flex;min-height:100vh;width:100%}
.xadmin-sidebar{overflow-y:auto;scrollbar-width:thin}
.xadmin-sidebar::-webkit-scrollbar{width:5px}.xadmin-sidebar::-webkit-scrollbar-thumb{background:#354153;border-radius:10px}
.xadmin-sidebar .side-menu{padding-top:5px;display:block}
.xadmin-sidebar .side-menu > li{list-style:none}
.xadmin-sidebar .side-menu a{display:flex;align-items:center;gap:10px}
.xadmin-sidebar .side-menu .sub{display:none;padding:0 0 4px}
.xadmin-sidebar .side-menu .sub.open{display:block}
.xadmin-sidebar .side-menu .group{display:flex;align-items:center;justify-content:space-between}
.xadmin-sidebar .side-menu .child{font-size:12px;padding:9px 16px;margin-left:20px}
.xadmin-sidebar .xicon{width:18px;text-align:center;color:#63ded9;font-weight:900}
.xadmin-sidebar .menu-chevron{margin-left:auto;color:#677389;font-size:11px}
.xadmin-main{margin-left:355px;flex:1;padding:18px 22px 30px;min-width:0}
.xadmin-topbar{height:60px;display:flex;align-items:center;gap:16px}
.xadmin-content{padding-top:4px}
.xadmin-main .content-card,.xadmin-main .box,.xadmin-main .card{border-radius:20px}
.xadmin-main .table-responsive,.xadmin-main .table-scrollable{overflow-x:auto}
.xadmin-main table{color:#c2c9d8}
.xadmin-main input,.xadmin-main select,.xadmin-main textarea{max-width:100%}
.xadmin-main .input{background:#0b0f16;color:#e2e7f0;border-color:#505b72}
.xadmin-main .btn,.xadmin-main button{border-radius:10px}
.xadmin-main h1,.xadmin-main h2,.xadmin-main h3,.xadmin-main h4,.xadmin-main h5{color:#e7ebf3}
.xadmin-main .text-gray-600,.xadmin-main .text-gray-500{color:#8994a8!important}
.xadmin-main .dark\:text-gray-300{color:#aeb8c8}
.xadmin-main .border-gray-200{border-color:rgba(119,132,157,.25)!important}
.xadmin-main .bg-white{background:rgba(14,18,25,.72)!important}
.xadmin-main .bg-gray-100{background:rgba(20,25,33,.75)!important}
.xadmin-main .text-gray-800,.xadmin-main .text-gray-700{color:#dce2ec!important}
.xadmin-main .text-theme-1,.xadmin-main .text-theme-10,.xadmin-main .text-theme-11,.xadmin-main .text-theme-12{color:#61ddd7!important}
.xadmin-main .bg-theme-1{background:#1d9f9f!important}
.xadmin-main .button--lg{border:0}
.xadmin-main .report-box .box{border:1px solid rgba(119,132,157,.36);background:linear-gradient(145deg,rgba(31,36,47,.65),rgba(8,12,17,.66));box-shadow:0 15px 45px rgba(0,0,0,.18)}
.xadmin-main .report-box__icon{color:#61ddd7!important}
.xadmin-main .dataTables_wrapper,.xadmin-main .dataTables_length,.xadmin-main .dataTables_filter,.xadmin-main .dataTables_info,.xadmin-main .dataTables_paginate{color:#8994a8!important}
.xadmin-main .dataTables_wrapper input,.xadmin-main .dataTables_wrapper select{background:#0b0f16!important;color:#e2e7f0!important;border:1px solid #505b72!important}
.xadmin-main .table-striped tbody tr:nth-of-type(odd){background:rgba(255,255,255,.018)}
.xadmin-main .table-bordered{border-color:rgba(119,132,157,.2)!important}
.xadmin-main .table thead th{color:#788398;border-color:rgba(119,132,157,.25)!important}
.xadmin-main .table td{border-color:rgba(119,132,157,.15)!important}
@media(max-width:1100px){.xadmin-sidebar{width:250px}.xadmin-main{margin-left:250px}}
@media(max-width:760px){.xadmin-sidebar{position:relative;width:100%;height:auto;min-height:0}.xadmin-layout{display:block}.xadmin-main{margin-left:0;padding:10px}.xadmin-topbar{overflow:auto}.xadmin-sidebar .side-menu{max-height:none}.xadmin-sidebar .side-bottom{position:static;margin:15px}}


/* Requested X-ADMIN background */
html, body, body.xadmin-body, body.login-body {
  background-color: #080b10 !important;
  background-image: linear-gradient(rgba(3,7,12,.18), rgba(3,7,12,.18)), url("https://office.gregmorn.org/assets/wallpaperDark-D_tBJrPU.webp") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}
.xadmin-sidebar { background: rgba(4,7,11,.56) !important; }
.xadmin-main { margin-left: 280px !important; }
.xadmin-sidebar { width: 280px !important; }
@media(max-width:1100px) { .xadmin-sidebar { width: 250px !important; } .xadmin-main { margin-left: 250px !important; } }
@media(max-width:760px) { .xadmin-sidebar { width: 100% !important; } .xadmin-main { margin-left: 0 !important; } }

.login-shell { width: min(445px, 92vw); }
.login-card { background: rgba(10,14,20,.78); }


/* =========================================================
   X-ADMIN visual cleanup: remove remaining DGC/Tailwind cards
   and provide the requested transparent glass UI.
   ========================================================= */
.xadmin-logo img{
  width:42px;height:42px;object-fit:contain;display:block;border-radius:10px;
  filter:drop-shadow(0 0 12px rgba(80,220,220,.22));
}
.xadmin-logo b{color:#dbe5f5;}

/* Never use the DGC white card treatment inside the X-ADMIN shell. */
.xadmin-main .box,
.xadmin-main .report-box,
.xadmin-main .card,
.xadmin-main .content-card,
.xadmin-main .intro-y.box,
.xadmin-main .table-responsive,
.xadmin-main .dataTables_wrapper,
.xadmin-main .dataTables_scroll,
.xadmin-main .dataTables_scrollHead,
.xadmin-main .dataTables_scrollBody,
.xadmin-main .dropdown-menu,
.xadmin-main .modal-content,
.xadmin-main .accordion,
.xadmin-main .list-group,
.xadmin-main .pagination,
.xadmin-main .breadcrumb{
  background:rgba(10,14,21,.48)!important;
  color:#d7deeb!important;
  border-color:rgba(124,141,170,.25)!important;
  box-shadow:0 16px 50px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(16px);
}
.xadmin-main .report-box .box,
.xadmin-main .report-box,
.xadmin-main .intro-y.box{
  border:1px solid rgba(124,141,170,.30)!important;
  border-radius:18px!important;
}
.xadmin-main .report-box .box{background:rgba(13,18,26,.46)!important;}
.xadmin-main .box.p-5,.xadmin-main .box.p-4,.xadmin-main .box.p-3{background:transparent!important;}
.xadmin-main .bg-white,
.xadmin-main [class*="bg-white"]{
  background:rgba(10,14,21,.50)!important;
}
.xadmin-main .bg-gray-50,
.xadmin-main .bg-gray-100,
.xadmin-main .bg-gray-200{
  background:rgba(18,23,32,.42)!important;
}
.xadmin-main .text-gray-900,
.xadmin-main .text-gray-800,
.xadmin-main .text-gray-700,
.xadmin-main .text-gray-600,
.xadmin-main .text-gray-500{color:#bfc8d8!important;}
.xadmin-main .table,
.xadmin-main .table thead,
.xadmin-main .table tbody,
.xadmin-main .table tr,
.xadmin-main .table td,
.xadmin-main .table th{background:transparent!important;color:#c7cfde!important;}
.xadmin-main .table thead th{color:#7f8ba1!important;font-weight:800!important;}
.xadmin-main .table-hover tbody tr:hover{background:rgba(45,189,184,.055)!important;}
.xadmin-main .table-striped tbody tr:nth-of-type(odd){background:rgba(255,255,255,.018)!important;}
.xadmin-main .form-control,
.xadmin-main .custom-select,
.xadmin-main .select2-container .select2-selection,
.xadmin-main textarea,
.xadmin-main input,
.xadmin-main select{
  background:rgba(5,9,15,.72)!important;color:#e4e9f2!important;
  border-color:rgba(111,127,153,.42)!important;
}
.xadmin-main .form-control::placeholder,.xadmin-main input::placeholder{color:#667288!important;}
.xadmin-main .card-header,
.xadmin-main .card-footer,
.xadmin-main .box-header,
.xadmin-main .box-footer{background:rgba(255,255,255,.018)!important;border-color:rgba(124,141,170,.20)!important;}
.xadmin-main .btn-light,
.xadmin-main .btn-secondary,
.xadmin-main .btn-default{background:rgba(18,23,31,.70)!important;color:#cbd3e1!important;border-color:rgba(119,135,161,.42)!important;}
.xadmin-main .pagination .page-link{background:rgba(12,17,24,.68)!important;color:#aeb8c9!important;border-color:rgba(119,135,161,.25)!important;}
.xadmin-main .pagination .active .page-link{background:rgba(45,189,184,.75)!important;color:#fff!important;}
.xadmin-main .dataTables_filter input,.xadmin-main .dataTables_length select{background:rgba(5,9,15,.72)!important;color:#e4e9f2!important;}

/* Keep X-ADMIN's own glass cards, but make them visibly transparent. */
.stat,.panel,.bottom-metrics,.tabs a,.date-pill,.timezone,.lang,.searchbox{
  background:rgba(9,14,21,.42)!important;
  backdrop-filter:blur(16px);
}

/* Mobile: no left DGC/X-ADMIN sidebar. Use a floating bottom navigation. */
.xadmin-mobile-nav{display:none;}
.xadmin-mobile-drawer{display:none;}
@media(max-width:760px){
  body.xadmin-body{padding-bottom:82px!important;}
  .xadmin-sidebar{display:none!important;}
  .xadmin-layout{display:block!important;min-height:100vh;}
  .xadmin-main{margin:0!important;padding:10px 10px 92px!important;width:100%!important;}
  .xadmin-topbar{height:auto;min-height:54px;gap:7px;overflow:visible;flex-wrap:wrap;padding-bottom:4px;}
  .date-pill{min-width:0!important;flex:1 1 100%;font-size:11px;padding:9px 12px;}
  .timezone,.lang{font-size:11px;padding:8px 12px;}
  .top-actions{gap:6px;}
  .top-actions button,.top-actions a{width:34px;height:34px;}
  .toolbar{height:45px;}
  .tabs{grid-template-columns:repeat(2,1fr)!important;gap:7px;margin-bottom:16px;}
  .tabs a{height:38px;font-size:11px;}
  .cards{grid-template-columns:1fr!important;gap:10px;}
  .stat:nth-child(5),.stat:nth-child(6){grid-column:span 1!important;}
  .quick-grid,.two-col{grid-template-columns:1fr!important;}
  .panel{border-radius:14px!important;}
  .panel-title{min-width:0!important;font-size:12px;padding:12px;}
  .panel table{min-width:650px;}
  .xadmin-mobile-nav{
    position:fixed!important;left:10px;right:10px;bottom:10px;height:62px;z-index:99999;
    display:grid!important;grid-template-columns:repeat(5,1fr);gap:4px;
    padding:6px;border:1px solid rgba(126,145,174,.34);border-radius:20px;
    background:rgba(7,11,17,.78)!important;backdrop-filter:blur(22px);
    box-shadow:0 18px 60px rgba(0,0,0,.55),0 0 24px rgba(50,205,200,.08);
  }
  .xadmin-mobile-nav a,.xadmin-mobile-nav button{
    border:0;background:transparent;color:#7f8ba1;display:flex;flex-direction:column;
    align-items:center;justify-content:center;gap:2px;border-radius:14px;cursor:pointer;
  }
  .xadmin-mobile-nav a:hover,.xadmin-mobile-nav a:focus,.xadmin-mobile-nav button:hover{
    background:rgba(45,189,184,.12);color:#66e3de;
  }
  .xadmin-mobile-nav span{font-size:18px;line-height:18px;}
  .xadmin-mobile-nav small{font-size:9px;font-weight:800;}
  .xadmin-mobile-drawer{
    position:fixed;inset:0;z-index:99998;background:rgba(2,5,9,.55);
    backdrop-filter:blur(5px);display:none;padding:0 10px 82px;align-items:flex-end;
  }
  .xadmin-mobile-drawer.open{display:flex!important;}
  .xadmin-mobile-drawer-head{
    display:flex;align-items:center;justify-content:space-between;padding:14px 16px;
    color:#e7edf6;border-bottom:1px solid rgba(126,145,174,.20);
  }
  .xadmin-mobile-drawer-head button{border:0;background:transparent;color:#aeb8c9;font-size:26px;cursor:pointer;}
  .xadmin-mobile-links{
    width:100%;max-height:70vh;overflow:auto;border:1px solid rgba(126,145,174,.30);
    border-radius:20px;background:rgba(8,12,18,.90);backdrop-filter:blur(22px);
    box-shadow:0 25px 80px rgba(0,0,0,.55);
  }
  .xadmin-mobile-links a{
    display:block;padding:13px 16px;border-bottom:1px solid rgba(126,145,174,.12);
    color:#b9c4d5;font-size:12px;font-weight:700;
  }
  .xadmin-mobile-links a:hover{background:rgba(45,189,184,.10);color:#6be3dd;}
  body.mobile-menu-open{overflow:hidden;}
}

/* Clean X-ADMIN dashboard: no DGC report-box/grid styling. */
.xadmin-dashboard{max-width:1500px;margin:0 auto;}
.xadmin-page-head{display:flex;align-items:flex-end;justify-content:space-between;margin:20px 0 16px;}
.xadmin-eyebrow{font-size:10px;letter-spacing:2px;font-weight:900;color:#53dcd6;margin-bottom:5px;}
.xadmin-page-head h1{margin:0;color:#e7edf7;font-size:22px;font-weight:800;}
.xadmin-reload{color:#61ddd7;font-size:12px;font-weight:800;}
.xadmin-notice{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;margin-bottom:14px;border:1px solid rgba(79,210,205,.35);border-radius:14px;background:rgba(27,165,165,.16);backdrop-filter:blur(14px);color:#d8ffff;}
.xadmin-notice .notice-icon{font-size:20px;color:#66e3dd;}.xadmin-notice strong{font-size:13px}.xadmin-notice div div{font-size:12px;margin-top:3px}.xadmin-notice small{display:block;color:#9bd3d1;margin-top:6px;font-size:10px}
.xadmin-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}
.xadmin-stat-card{min-height:102px;border:1px solid rgba(126,145,174,.30);border-radius:18px;background:rgba(10,15,22,.43);backdrop-filter:blur(18px);box-shadow:0 16px 50px rgba(0,0,0,.18);padding:18px;display:flex;align-items:center;gap:15px}
.xadmin-stat-card .stat-icon{width:42px;height:42px;border:1px solid rgba(78,217,210,.38);border-radius:13px;display:grid;place-items:center;color:#62e1dc;font-size:20px;background:rgba(61,198,194,.07)}
.xadmin-stat-card .stat-meta{flex:1;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.xadmin-stat-card .stat-meta span{color:#8d99ad;font-size:12px;font-weight:700}.xadmin-stat-card .stat-meta strong{font-size:25px;color:#e1e7f0;line-height:1;font-weight:900}
.xadmin-chart-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.xadmin-chart-card{height:250px;border:1px solid rgba(126,145,174,.30);border-radius:18px;background:rgba(9,14,21,.42);backdrop-filter:blur(18px);overflow:hidden;box-shadow:0 16px 50px rgba(0,0,0,.18);padding:16px}.xadmin-chart-card header{height:28px;display:flex;align-items:center;justify-content:space-between;color:#8e99ad;font-size:12px;font-weight:800}.xadmin-chart-card header strong{color:#dce5f0;font-size:14px}.xadmin-chart-card canvas{width:100%!important;height:190px!important;margin-top:5px}
.xadmin-balance-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;margin-bottom:25px;padding:10px;border:1px solid rgba(126,145,174,.25);border-radius:16px;background:rgba(8,12,18,.38);backdrop-filter:blur(14px)}.xadmin-balance-strip div{padding:10px 12px;border-right:1px solid rgba(126,145,174,.13)}.xadmin-balance-strip div:last-child{border-right:0}.xadmin-balance-strip small{display:block;color:#718097;font-size:10px}.xadmin-balance-strip strong{display:block;color:#cbd5e3;font-size:14px;margin-top:4px}
@media(max-width:900px){.xadmin-stat-grid{grid-template-columns:repeat(2,1fr)}.xadmin-chart-grid{grid-template-columns:1fr}.xadmin-balance-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.xadmin-page-head{margin-top:10px}.xadmin-stat-grid{grid-template-columns:1fr}.xadmin-chart-card{height:220px}.xadmin-chart-card canvas{height:160px!important}.xadmin-balance-strip{grid-template-columns:1fr}.xadmin-balance-strip div{border-right:0;border-bottom:1px solid rgba(126,145,174,.13)}.xadmin-balance-strip div:last-child{border-bottom:0}}

/* ==========================================================
   X-ADMIN UNIVERSAL GLASS SKIN v4
   Visual layer only: preserves all DGC/X-ADMIN functionality.
   ========================================================== */
:root{--xa-bg:rgba(7,11,17,.58);--xa-bg2:rgba(12,17,24,.46);--xa-border:rgba(132,148,176,.30);--xa-border2:rgba(132,148,176,.18);--xa-text:#dbe3ef;--xa-muted:#8793a8;--xa-accent:#57ddd6;}
html,html.light,html.dark,body,body.xadmin-body,body.login-body{background:#070b11!important;color:var(--xa-text)!important;}
body.xadmin-body,body.login-body{background-image:linear-gradient(rgba(3,7,12,.28),rgba(3,7,12,.28)),url("https://office.gregmorn.org/assets/wallpaperDark-D_tBJrPU.webp")!important;background-size:cover!important;background-position:center!important;background-attachment:fixed!important;}
body.xadmin-body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.16),transparent 24%,transparent 76%,rgba(0,0,0,.08));z-index:-1;}
.xadmin-layout{background:transparent!important;}
.xadmin-sidebar{width:286px!important;background:rgba(3,7,12,.72)!important;border-right:1px solid rgba(133,150,180,.28)!important;box-shadow:18px 0 55px rgba(0,0,0,.18)!important;backdrop-filter:blur(20px)!important;}
.xadmin-logo{height:74px!important;padding:0 20px!important;border-bottom:1px solid rgba(133,150,180,.10);}
.xadmin-logo img{width:44px!important;height:44px!important;border-radius:10px!important;object-fit:contain!important;}
.xadmin-logo b{font-size:18px!important;letter-spacing:2px!important;color:#b9c5d8!important;}
.searchbox{height:38px!important;margin:14px 12px!important;border:1px solid rgba(130,146,174,.34)!important;border-radius:20px!important;background:rgba(12,17,24,.54)!important;color:#8591a7!important;}
.searchbox input{color:#dce5f1!important;font-size:12px!important;}
.side-pills{padding:0 12px 12px!important;gap:8px!important;}
.side-pills span{padding:7px 12px!important;border-color:rgba(130,146,174,.28)!important;background:rgba(13,18,25,.42)!important;color:#7f8ba0!important;font-size:10px!important;}
.currency{padding:2px 18px 12px!important;color:#56e622!important;font-size:12px!important;}
.side-menu{padding:4px 7px 90px!important;}
.side-menu a{margin:2px 0!important;padding:11px 14px!important;border-radius:10px!important;color:#7f8ba0!important;font-size:12px!important;font-weight:700!important;}
.side-menu a:hover,.side-menu a.active{background:rgba(55,213,207,.09)!important;border-color:rgba(72,218,211,.24)!important;color:#dcecef!important;box-shadow:none!important;}
.side-menu a.active{color:#5ce2dc!important;}
.side-menu .sub{margin:0 0 4px 24px!important;border-left:1px solid rgba(105,124,153,.18);}
.side-menu .sub a.child{padding:8px 12px!important;margin:0!important;font-size:11px!important;color:#77849a!important;border-radius:7px!important;}
.side-menu .sub a.child:hover,.side-menu .sub a.child.active{color:#59ded8!important;background:rgba(55,213,207,.06)!important;}
.side-bottom{left:12px!important;right:12px!important;bottom:10px!important;background:linear-gradient(to top,rgba(3,7,12,.92),rgba(3,7,12,.72))!important;padding:12px 4px 2px!important;}
.admin-mini b{color:#d4dce8!important;font-size:11px!important}.admin-mini small{color:#748198!important;font-size:10px!important}.avatar{width:32px!important;height:32px!important;background:rgba(20,26,35,.76)!important;border-color:rgba(115,132,160,.34)!important;color:#59ddd7!important;}
.xadmin-main{margin-left:286px!important;padding:12px 22px 30px!important;background:transparent!important;}
.xadmin-topbar{height:56px!important;gap:10px!important;}
.date-pill,.timezone,.lang{height:38px!important;padding:8px 14px!important;border:1px solid rgba(130,146,174,.42)!important;border-radius:21px!important;background:rgba(9,14,21,.48)!important;color:#cbd5e3!important;box-shadow:inset 0 0 12px rgba(255,255,255,.018),0 4px 18px rgba(0,0,0,.10)!important;font-size:11px!important;backdrop-filter:blur(14px)!important;}
.date-pill{min-width:350px!important;}.top-actions button,.top-actions a{width:37px!important;height:37px!important;border:1px solid rgba(130,146,174,.42)!important;background:rgba(9,14,21,.48)!important;color:#c1ccdc!important;box-shadow:none!important;}
.toolbar{height:48px!important;}.refresh{width:34px!important;height:34px!important;border-radius:50%!important;background:rgba(8,13,20,.50)!important;border-color:rgba(130,146,174,.38)!important;color:#b8c4d4!important;}
.xadmin-content{padding-top:0!important;}
.xadmin-page-head,.xadmin-main .intro-y.flex.items-center.h-10,.xadmin-main .intro-y.flex.items-center.h-10.flex-wrap{margin:14px 0 12px!important;min-height:32px!important;height:auto!important;}
.xadmin-page-head h1,.xadmin-main h1,.xadmin-main h2,.xadmin-main h3{color:#dbe3ef!important;font-weight:800!important;}
.xadmin-page-head h1{font-size:20px!important}.xadmin-eyebrow{color:#58dcd6!important}.xadmin-reload,.xadmin-main a.text-theme-1,.xadmin-main a.dark\:text-theme-10{color:#59ddd7!important;font-size:11px!important;}
/* universal containers: all feature pages */
.xadmin-main .box,.xadmin-main .card,.xadmin-main .content-card,.xadmin-main .report-box,.xadmin-main .report-box .box,.xadmin-main .intro-y.box,.xadmin-main .modal__content,.xadmin-main .modal-content,.xadmin-main .dropdown-menu,.xadmin-main .popover,.xadmin-main .list-group,.xadmin-main .accordion,.xadmin-main .table-responsive,.xadmin-main .table-scrollable,.xadmin-main .dataTables_wrapper,.xadmin-main .dataTables_scroll,.xadmin-main .dataTables_scrollHead,.xadmin-main .dataTables_scrollBody{background:rgba(8,13,20,.44)!important;color:#d4dce8!important;border:1px solid rgba(128,145,173,.26)!important;border-radius:16px!important;box-shadow:0 16px 50px rgba(0,0,0,.20)!important;backdrop-filter:blur(18px)!important;}
.xadmin-main .box,.xadmin-main .card,.xadmin-main .intro-y.box{padding:0!important;overflow:hidden;}
.xadmin-main .box > .card-body,.xadmin-main .card > .card-body,.xadmin-main .box > .p-5,.xadmin-main .card-body{background:transparent!important;color:inherit!important;}
.xadmin-main .card-header,.xadmin-main .card-footer,.xadmin-main .box-header,.xadmin-main .box-footer{background:rgba(255,255,255,.018)!important;color:#cbd4e1!important;border-color:rgba(128,145,173,.20)!important;}
.xadmin-main .border,.xadmin-main .border-gray-200,.xadmin-main .dark\:border-dark-5{border-color:rgba(128,145,173,.24)!important;}
.xadmin-main [style*="background:#f"],.xadmin-main [style*="background:#F"],.xadmin-main [style*="background: #f"],.xadmin-main [style*="background-color:#f"],.xadmin-main [style*="background-color: #f"]{background:rgba(11,16,24,.42)!important;}
.xadmin-main .bg-white,.xadmin-main [class*="bg-white"],.xadmin-main .bg-gray-50,.xadmin-main .bg-gray-100,.xadmin-main .bg-gray-200,.xadmin-main .bg-gray-300{background:rgba(8,13,20,.42)!important;}
.xadmin-main .bg-gray-900,.xadmin-main .dark\:bg-dark-2,.xadmin-main .dark\:bg-dark-3,.xadmin-main .dark\:bg-dark-5{background:rgba(7,12,19,.54)!important;}
.xadmin-main .text-gray-900,.xadmin-main .text-gray-800,.xadmin-main .text-gray-700,.xadmin-main .text-gray-600,.xadmin-main .text-gray-500,.xadmin-main .text-gray-400,.xadmin-main .dark\:text-gray-200,.xadmin-main .dark\:text-gray-300,.xadmin-main .dark\:text-gray-400{color:#9ba7ba!important;}
.xadmin-main label,.xadmin-main .font-medium,.xadmin-main .font-semibold{color:#aab5c7!important;}
.xadmin-main input,.xadmin-main select,.xadmin-main textarea,.xadmin-main .form-control,.xadmin-main .custom-select,.xadmin-main .input{background:rgba(4,9,15,.66)!important;color:#e0e7f0!important;border:1px solid rgba(119,136,163,.40)!important;border-radius:9px!important;box-shadow:none!important;}
.xadmin-main input::placeholder,.xadmin-main textarea::placeholder{color:#68758b!important;}
.xadmin-main .button,.xadmin-main .btn{border-radius:9px!important;border:1px solid rgba(119,136,163,.35)!important;background:rgba(14,20,28,.66)!important;color:#cbd4e1!important;box-shadow:none!important;}
.xadmin-main .button.bg-theme-1,.xadmin-main .btn.bg-theme-1,.xadmin-main .bg-theme-1{background:rgba(45,190,185,.78)!important;color:#fff!important;border-color:rgba(99,228,222,.55)!important;}
.xadmin-main .table,.xadmin-main table{background:transparent!important;color:#c5cfde!important;border-color:rgba(128,145,173,.20)!important;}
.xadmin-main .table thead,.xadmin-main table thead{background:rgba(255,255,255,.025)!important;}
.xadmin-main .table th,.xadmin-main .table td,.xadmin-main table th,.xadmin-main table td{background:transparent!important;color:#aeb9ca!important;border-color:rgba(128,145,173,.15)!important;}
.xadmin-main .table th,.xadmin-main table th{font-size:10px!important;font-weight:800!important;color:#77859b!important;text-transform:none!important;}
.xadmin-main .table-hover tbody tr:hover,.xadmin-main table tbody tr:hover{background:rgba(54,211,205,.045)!important;}
.xadmin-main .table-striped tbody tr:nth-of-type(odd){background:rgba(255,255,255,.012)!important;}
.xadmin-main .pagination .page-link{background:rgba(10,15,22,.62)!important;color:#9eabba!important;border-color:rgba(128,145,173,.20)!important;}
.xadmin-main .pagination .active .page-link{background:rgba(45,190,185,.72)!important;color:#fff!important;}
.xadmin-main .dataTables_filter input,.xadmin-main .dataTables_length select{background:rgba(4,9,15,.70)!important;color:#dfe6ef!important;border-color:rgba(119,136,163,.36)!important;}
.xadmin-main .modal{background:rgba(2,5,9,.60)!important;backdrop-filter:blur(5px)!important;}
.xadmin-main .modal__content,.xadmin-main .modal-content{background:rgba(8,13,20,.88)!important;}
/* dashboard cards */
.xadmin-dashboard{max-width:none!important;margin:0!important;}.xadmin-notice{background:rgba(33,182,178,.10)!important;border-color:rgba(79,210,205,.26)!important;border-radius:12px!important;}.xadmin-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;}.xadmin-stat-card,.xadmin-chart-card,.xadmin-balance-strip{background:rgba(8,13,20,.40)!important;border-color:rgba(128,145,173,.28)!important;box-shadow:0 16px 50px rgba(0,0,0,.18)!important;backdrop-filter:blur(18px)!important;}.xadmin-stat-card{min-height:92px!important;border-radius:15px!important;padding:14px!important;}.xadmin-chart-grid{gap:12px!important;}.xadmin-chart-card{height:220px!important;border-radius:15px!important;}.xadmin-balance-strip{border-radius:15px!important;}
/* Prevent Tailwind light theme variables from turning the shell white. */
html.light body.xadmin-body .xadmin-main,html.light body.xadmin-body .xadmin-sidebar{color:#dbe3ef!important;}
html.light body.xadmin-body .xadmin-main *{--tw-bg-opacity:1;}
/* mobile: fixed floating bottom bar, no left sidebar */
@media(max-width:1100px){.xadmin-sidebar{width:260px!important}.xadmin-main{margin-left:260px!important}.date-pill{min-width:300px!important}.xadmin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:760px){.xadmin-sidebar{display:none!important}.xadmin-layout{display:block!important}.xadmin-main{margin:0!important;padding:8px 9px 92px!important;width:100%!important}.xadmin-topbar{height:auto!important;min-height:52px!important;flex-wrap:wrap!important;gap:7px!important}.date-pill{order:1;flex:1 1 100%!important;min-width:0!important}.timezone,.lang{order:2;font-size:10px!important}.top-actions{order:3;margin-left:auto!important}.toolbar{height:42px!important}.xadmin-page-head{margin:9px 0 10px!important}.xadmin-page-head h1{font-size:17px!important}.xadmin-stat-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.xadmin-stat-card{min-height:82px!important;padding:11px!important}.xadmin-stat-card .stat-meta{display:block!important}.xadmin-stat-card .stat-meta strong{display:block!important;margin-top:4px!important;font-size:19px!important}.xadmin-chart-grid{grid-template-columns:1fr!important}.xadmin-chart-card{height:205px!important}.xadmin-balance-strip{grid-template-columns:1fr 1fr!important}.xadmin-main .box,.xadmin-main .card,.xadmin-main .intro-y.box{border-radius:13px!important}.xadmin-main .table-responsive,.xadmin-main .table-scrollable{border-radius:12px!important}.xadmin-main table{min-width:650px;}.xadmin-mobile-nav{display:grid!important;position:fixed!important;left:9px!important;right:9px!important;bottom:9px!important;height:60px!important;z-index:99999!important;grid-template-columns:repeat(5,1fr)!important;gap:3px!important;padding:5px!important;border:1px solid rgba(128,145,173,.32)!important;border-radius:18px!important;background:rgba(5,9,15,.82)!important;backdrop-filter:blur(24px)!important;box-shadow:0 18px 65px rgba(0,0,0,.55)!important}.xadmin-mobile-nav a,.xadmin-mobile-nav button{border:0!important;background:transparent!important;color:#7e8ba0!important;border-radius:12px!important}.xadmin-mobile-nav a:hover,.xadmin-mobile-nav a:focus,.xadmin-mobile-nav button:hover{background:rgba(45,190,185,.10)!important;color:#61dfda!important}.xadmin-mobile-drawer{z-index:100000!important;align-items:flex-end!important;padding:0 9px 78px!important;background:rgba(2,5,9,.58)!important}.xadmin-mobile-links{background:rgba(7,12,19,.94)!important;border-color:rgba(128,145,173,.28)!important;border-radius:18px!important}.xadmin-mobile-links a{color:#aeb9c9!important}.xadmin-mobile-links a:hover{background:rgba(45,190,185,.08)!important;color:#61dfda!important}}

/* Gregmorn Hub login mark: image only, preserving the restored glass login shell. */
.brand-mark{display:flex;justify-content:center;align-items:center;width:100%;height:92px;margin-bottom:12px;}
.brand-mark img{width:96px;height:96px;object-fit:contain;display:block;filter:drop-shadow(0 10px 26px rgba(0,0,0,.38));}
@media(max-width:760px){.brand-mark{height:78px}.brand-mark img{width:78px;height:78px}}


/* =====================================================================
   GREGMORN HUB — FINAL GLASS UI LOCK / VISUAL-ONLY AUDIT
   Purpose: keep every feature page inside the X-ADMIN glass language.
   No route, API, database, authentication or business logic is changed.
   ===================================================================== */
html, body, body.xadmin-body {
  min-height:100%;
  background-color:#070b11 !important;
  background-image:linear-gradient(rgba(3,7,12,.20),rgba(3,7,12,.20)),url("https://office.gregmorn.org/assets/wallpaperDark-D_tBJrPU.webp") !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
  color:#d9e2ef !important;
}
html.light, html.dark { background:#070b11 !important; }
html.light body.xadmin-body, html.dark body.xadmin-body { background-color:#070b11 !important; }
.xadmin-layout,.xadmin-main,.xadmin-content { background:transparent !important; }

/* Sidebar stays X-ADMIN glass and the account/logout area never overlaps. */
.xadmin-sidebar {
  width:286px !important;
  top:0 !important; bottom:0 !important;
  overflow:hidden !important;
  display:flex !important; flex-direction:column !important;
  padding-bottom:0 !important;
  background:rgba(3,7,12,.76) !important;
  border-right:1px solid rgba(128,145,173,.28) !important;
  backdrop-filter:blur(20px) !important;
}
.xadmin-sidebar .side-menu {
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding-bottom:16px !important;
}
.xadmin-sidebar .side-bottom {
  position:relative !important;
  left:auto !important; right:auto !important; bottom:auto !important;
  flex:0 0 auto !important;
  margin:0 12px !important;
  padding:12px 4px 14px !important;
  background:rgba(4,8,14,.82) !important;
  border-top:1px solid rgba(128,145,173,.18) !important;
  z-index:3 !important;
}
.xadmin-sidebar .logout,
.xadmin-sidebar .xadmin-logout {
  display:block !important;
  margin-top:9px !important;
  padding:8px 10px !important;
  border-radius:9px !important;
  color:#9eabba !important;
}
.xadmin-sidebar .logout:hover { background:rgba(45,190,185,.09) !important; color:#61dfda !important; }
.xadmin-sidebar .xadmin-logo img { width:42px !important; height:42px !important; object-fit:contain !important; }
.xadmin-sidebar .xadmin-logo b { color:#d9e2ef !important; }

.xadmin-main {
  margin-left:286px !important;
  min-width:0 !important;
  padding:18px 22px 30px !important;
}

/* Universal feature containers: glass, never DGC white. */
.xadmin-main .box,
.xadmin-main .card,
.xadmin-main .intro-y.box,
.xadmin-main .content-card,
.xadmin-main .report-box,
.xadmin-main .report-box .box,
.xadmin-main .modal__content,
.xadmin-main .modal-content,
.xadmin-main .dropdown-menu,
.xadmin-main .popover,
.xadmin-main .list-group,
.xadmin-main .accordion {
  background:rgba(8,13,20,.48) !important;
  color:#d5deeb !important;
  border:1px solid rgba(128,145,173,.28) !important;
  border-radius:18px !important;
  box-shadow:0 18px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.025) !important;
  backdrop-filter:blur(20px) !important;
}
.xadmin-main .box > .card-body,
.xadmin-main .card > .card-body,
.xadmin-main .card-body,
.xadmin-main .box-body,
.xadmin-main .p-5,
.xadmin-main .p-4,
.xadmin-main .p-3 { background:transparent !important; color:inherit !important; }
.xadmin-main .card-header,
.xadmin-main .card-footer,
.xadmin-main .box-header,
.xadmin-main .box-footer {
  background:rgba(255,255,255,.018) !important;
  color:#cbd5e3 !important;
  border-color:rgba(128,145,173,.20) !important;
}
.xadmin-main .bg-white,
.xadmin-main [class~="bg-white"],
.xadmin-main .bg-gray-50,
.xadmin-main .bg-gray-100,
.xadmin-main .bg-gray-200,
.xadmin-main .bg-gray-300 {
  background:rgba(8,13,20,.42) !important;
}

/* Tables/list containers remain transparent over the glass card. */
.xadmin-main .table-responsive,
.xadmin-main .table-scrollable,
.xadmin-main .dataTables_wrapper,
.xadmin-main .dataTables_scroll,
.xadmin-main .dataTables_scrollHead,
.xadmin-main .dataTables_scrollBody {
  background:rgba(4,8,14,.28) !important;
  border-color:rgba(128,145,173,.22) !important;
  border-radius:13px !important;
}
.xadmin-main table,
.xadmin-main .table { background:transparent !important; color:#c5cfde !important; }
.xadmin-main table thead,
.xadmin-main .table thead { background:rgba(255,255,255,.025) !important; }
.xadmin-main table th,
.xadmin-main table td,
.xadmin-main .table th,
.xadmin-main .table td {
  background:transparent !important;
  color:#aeb9ca !important;
  border-color:rgba(128,145,173,.15) !important;
}

/* Inputs/selects/buttons: dark translucent, never bright DGC form blocks. */
.xadmin-main input,
.xadmin-main select,
.xadmin-main textarea,
.xadmin-main .form-control,
.xadmin-main .custom-select,
.xadmin-main .input {
  background:rgba(3,8,14,.76) !important;
  color:#e4eaf2 !important;
  border:1px solid rgba(119,136,163,.42) !important;
  border-radius:11px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02) !important;
}
.xadmin-main input::placeholder,
.xadmin-main textarea::placeholder { color:#68758b !important; }
.xadmin-main .button,
.xadmin-main .btn {
  border-radius:10px !important;
  border:1px solid rgba(119,136,163,.35) !important;
  background:rgba(13,19,27,.72) !important;
  color:#cbd5e3 !important;
}
.xadmin-main .button.bg-theme-1,
.xadmin-main .btn.bg-theme-1,
.xadmin-main .bg-theme-1 {
  background:rgba(39,186,181,.78) !important;
  color:#fff !important;
  border-color:rgba(98,227,221,.55) !important;
}

/* Agent page: preserve its working table and make Create Agent modal glass. */
.xadmin-agent-page .modal {
  position:fixed !important;
  inset:0 !important;
  z-index:100000 !important;
  display:none;
  align-items:center !important;
  justify-content:center !important;
  padding:20px !important;
  background:rgba(1,4,8,.68) !important;
  backdrop-filter:blur(8px) !important;
}
.xadmin-agent-page .modal.show,
.xadmin-agent-page .modal.open,
.xadmin-agent-page .modal[style*="display: block"],
.xadmin-agent-page .modal[style*="display:block"] { display:flex !important; }
.xadmin-agent-page #new-agent-modal .modal__content,
.xadmin-agent-page #new-agent-modal .modal-content {
  width:min(1080px,calc(100vw - 40px)) !important;
  max-width:none !important;
  max-height:calc(100vh - 40px) !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  margin:0 !important;
  padding:0 !important;
  background:rgba(7,12,19,.90) !important;
  border:1px solid rgba(129,148,178,.38) !important;
  border-radius:22px !important;
  box-shadow:0 35px 100px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.035) !important;
  backdrop-filter:blur(24px) !important;
}
.xadmin-agent-page #new-agent-modal .modal__content > .flex,
.xadmin-agent-page #new-agent-modal .modal-content > .flex {
  background:rgba(255,255,255,.025) !important;
  border-color:rgba(128,145,173,.20) !important;
}
.xadmin-agent-page #new-agent-form { background:transparent !important; }
.xadmin-agent-page #new-agent-form label { color:#9eabba !important; }
.xadmin-agent-page #new-agent-form .border-gray-200,
.xadmin-agent-page #new-agent-form .dark\:border-dark-5 { border-color:rgba(128,145,173,.20) !important; }
.xadmin-agent-page #new-agent-form .col-span-6 { min-width:0 !important; }

/* Dashboard: fixed X-ADMIN glass cards, no DGC white blocks. */
.xadmin-dashboard { max-width:1500px !important; margin:0 auto !important; }
.xadmin-dashboard .xadmin-page-head { margin:12px 0 12px !important; }
.xadmin-dashboard .xadmin-notice {
  background:rgba(31,190,184,.12) !important;
  border:1px solid rgba(83,218,211,.28) !important;
  border-radius:14px !important;
  backdrop-filter:blur(18px) !important;
}
.xadmin-dashboard .xadmin-stat-grid {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
}
.xadmin-dashboard .xadmin-stat-card {
  min-height:118px !important;
  padding:18px !important;
  border:1px solid rgba(128,145,173,.30) !important;
  border-radius:20px !important;
  background:rgba(8,13,20,.44) !important;
  box-shadow:0 18px 55px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025) !important;
  backdrop-filter:blur(20px) !important;
}
.xadmin-dashboard .xadmin-chart-grid {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  margin-top:14px !important;
}
.xadmin-dashboard .xadmin-chart-card {
  height:260px !important;
  padding:16px !important;
  border:1px solid rgba(128,145,173,.28) !important;
  border-radius:20px !important;
  background:rgba(8,13,20,.40) !important;
  box-shadow:0 18px 55px rgba(0,0,0,.20) !important;
  backdrop-filter:blur(20px) !important;
}
.xadmin-dashboard .xadmin-balance-strip {
  background:rgba(8,13,20,.38) !important;
  border:1px solid rgba(128,145,173,.25) !important;
  border-radius:18px !important;
  backdrop-filter:blur(18px) !important;
}

/* Remove accidental inline DGC card backgrounds, but keep QR images white for scanning. */
.xadmin-main .topup-card,
.xadmin-main .pg-modal {
  background:rgba(8,13,20,.52) !important;
  color:#dbe4ef !important;
  border:1px solid rgba(128,145,173,.28) !important;
  box-shadow:0 20px 60px rgba(0,0,0,.28) !important;
}

/* Mobile: the sidebar disappears; navigation is a fixed floating bottom bar. */
@media (max-width:1100px) {
  .xadmin-main { margin-left:260px !important; }
  .xadmin-sidebar { width:260px !important; }
  .xadmin-dashboard .xadmin-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width:760px) {
  .xadmin-sidebar { display:none !important; }
  .xadmin-layout { display:block !important; }
  .xadmin-main { margin:0 !important; padding:10px 10px 92px !important; width:100% !important; }
  .xadmin-topbar { height:auto !important; min-height:52px !important; flex-wrap:wrap !important; gap:7px !important; }
  .date-pill { min-width:0 !important; flex:1 1 100% !important; }
  .xadmin-dashboard .xadmin-stat-grid { grid-template-columns:1fr 1fr !important; gap:8px !important; }
  .xadmin-dashboard .xadmin-chart-grid { grid-template-columns:1fr !important; }
  .xadmin-dashboard .xadmin-chart-card { height:220px !important; }
  .xadmin-main .modal { padding:10px !important; align-items:flex-end !important; }
  .xadmin-agent-page #new-agent-modal .modal__content,
  .xadmin-agent-page #new-agent-modal .modal-content {
    width:100% !important;
    max-height:calc(100vh - 20px) !important;
    border-radius:18px !important;
  }
  .xadmin-agent-page #new-agent-form {
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  .xadmin-agent-page #new-agent-form > .col-span-6,
  .xadmin-agent-page #new-agent-form > .col-span-12 {
    grid-column:1 / -1 !important;
    width:100% !important;
  }
  .xadmin-agent-page #new-agent-form .col-span-6 { grid-column:1 / -1 !important; }
  .xadmin-main table { min-width:650px; }
  .xadmin-mobile-nav {
    display:grid !important;
    position:fixed !important;
    left:10px !important; right:10px !important; bottom:10px !important;
    height:62px !important;
    z-index:99999 !important;
    grid-template-columns:repeat(5,1fr) !important;
    gap:3px !important;
    padding:5px !important;
    border:1px solid rgba(128,145,173,.32) !important;
    border-radius:19px !important;
    background:rgba(5,9,15,.86) !important;
    backdrop-filter:blur(24px) !important;
    box-shadow:0 18px 70px rgba(0,0,0,.58) !important;
  }
  .xadmin-mobile-nav a,.xadmin-mobile-nav button {
    border:0 !important; background:transparent !important;
    color:#7f8ba0 !important; border-radius:12px !important;
    display:flex !important; flex-direction:column !important;
    align-items:center !important; justify-content:center !important;
  }
  .xadmin-mobile-nav a:hover,.xadmin-mobile-nav a:focus,.xadmin-mobile-nav button:hover {
    background:rgba(45,190,185,.10) !important; color:#61dfda !important;
  }
  .xadmin-mobile-nav span { font-size:18px !important; line-height:18px !important; }
  .xadmin-mobile-nav small { font-size:9px !important; font-weight:800 !important; }
  .xadmin-mobile-drawer {
    z-index:100000 !important; align-items:flex-end !important;
    padding:0 10px 82px !important; background:rgba(2,5,9,.60) !important;
  }
  .xadmin-mobile-links {
    width:100% !important; max-height:72vh !important; overflow:auto !important;
    background:rgba(7,12,19,.95) !important;
    border:1px solid rgba(128,145,173,.28) !important;
    border-radius:19px !important;
  }
}

/* Final page-specific white-card cleanup. QR itself intentionally remains white for readability. */
.xadmin-main .pkg-modal-box {
  background:rgba(8,13,20,.90) !important;
  color:#dbe4ef !important;
  border:1px solid rgba(128,145,173,.30) !important;
  border-radius:18px !important;
  box-shadow:0 25px 80px rgba(0,0,0,.55) !important;
  backdrop-filter:blur(22px) !important;
}
.xadmin-main .pkg-modal-head,.xadmin-main .pkg-modal-foot {
  border-color:rgba(128,145,173,.20) !important;
  background:rgba(255,255,255,.018) !important;
}
.xadmin-main .pkg-modal-x { background:rgba(255,255,255,.06) !important; color:#aeb9ca !important; }
.xadmin-main .pkg-field label { color:#9eabba !important; }
.xadmin-main .pg-overlay { background:rgba(1,4,8,.68) !important; }
.xadmin-main .pg-modal { background:rgba(8,13,20,.92) !important; color:#dbe4ef !important; }
.xadmin-main .pg-header { border-color:rgba(128,145,173,.20) !important; }
.xadmin-main .pg-brand-name,.xadmin-main .pg-amount,.xadmin-main .pg-timer { color:#e0e7f0 !important; }
.xadmin-main .pg-brand-sub,.xadmin-main .pg-amount-label,.xadmin-main .pg-ref,.xadmin-main .pg-timer-label { color:#8f9bae !important; }
.xadmin-main .pg-info { background:rgba(255,255,255,.035) !important; color:#b8c4d4 !important; }
.xadmin-main .pg-copy-btn { background:rgba(255,255,255,.05) !important; color:#cbd5e3 !important; border-color:rgba(128,145,173,.28) !important; }
.xadmin-main .pg-close { background:rgba(255,255,255,.07) !important; color:#aeb9ca !important; }
.xadmin-main .pg-qris-frame { background:#fff !important; }

@media (max-width:760px) {
  .xadmin-main .pkg-modal-overlay { padding:10px !important; align-items:flex-end !important; }
  .xadmin-main .pkg-modal-box { max-height:calc(100vh - 20px) !important; overflow:auto !important; border-radius:18px !important; }
  .xadmin-main .pkg-row { grid-template-columns:1fr !important; }
}

/* ================================================================
   GREGMORN HUB FINAL VISUAL LOCK
   X-ADMIN glass only. Legacy DGC/Tailwind theme cannot override it.
   ================================================================ */
html.light body.xadmin-body,
html.dark body.xadmin-body,
body.xadmin-body {
  background-color:#070b11 !important;
  background-image:linear-gradient(rgba(3,7,12,.20),rgba(3,7,12,.20)),url("https://office.gregmorn.org/assets/wallpaperDark-D_tBJrPU.webp") !important;
  background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important;background-attachment:fixed !important;
  color:#d9e2ef !important;
}
html.light body.xadmin-body .xadmin-main,
html.light body.xadmin-body .xadmin-sidebar,
html.light body.xadmin-body .xadmin-content { color:#d9e2ef !important; }
/* All feature-page containers are translucent glass, never solid white. */
html.light body.xadmin-body .xadmin-main .box,
html.light body.xadmin-body .xadmin-main .card,
html.light body.xadmin-body .xadmin-main .intro-y.box,
html.light body.xadmin-body .xadmin-main .report-box,
html.light body.xadmin-body .xadmin-main .report-box .box,
html.light body.xadmin-body .xadmin-main .modal__content,
html.light body.xadmin-body .xadmin-main .modal-content,
html.light body.xadmin-body .xadmin-main .table-responsive,
html.light body.xadmin-body .xadmin-main .table-scrollable,
html.light body.xadmin-body .xadmin-main .dataTables_wrapper,
html.light body.xadmin-body .xadmin-main .dataTables_scroll,
html.light body.xadmin-body .xadmin-main .dataTables_scrollHead,
html.light body.xadmin-body .xadmin-main .dataTables_scrollBody,
html.dark body.xadmin-body .xadmin-main .box,
html.dark body.xadmin-body .xadmin-main .card,
html.dark body.xadmin-body .xadmin-main .intro-y.box,
html.dark body.xadmin-body .xadmin-main .report-box,
html.dark body.xadmin-body .xadmin-main .report-box .box,
html.dark body.xadmin-body .xadmin-main .modal__content,
html.dark body.xadmin-body .xadmin-main .modal-content,
html.dark body.xadmin-body .xadmin-main .table-responsive,
html.dark body.xadmin-body .xadmin-main .table-scrollable,
html.dark body.xadmin-body .xadmin-main .dataTables_wrapper,
html.dark body.xadmin-body .xadmin-main .dataTables_scroll,
html.dark body.xadmin-body .xadmin-main .dataTables_scrollHead,
html.dark body.xadmin-body .xadmin-main .dataTables_scrollBody {
  background:rgba(8,13,20,.44) !important;
  color:#d4dce8 !important;
  border:1px solid rgba(128,145,173,.26) !important;
  border-radius:18px !important;
  box-shadow:0 18px 60px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.025) !important;
  backdrop-filter:blur(20px) !important;
}
html.light body.xadmin-body .xadmin-main .card-body,
html.light body.xadmin-body .xadmin-main .box-body,
html.light body.xadmin-body .xadmin-main .p-5,
html.light body.xadmin-body .xadmin-main .p-4,
html.light body.xadmin-body .xadmin-main .p-3,
html.dark body.xadmin-body .xadmin-main .card-body,
html.dark body.xadmin-body .xadmin-main .box-body,
html.dark body.xadmin-body .xadmin-main .p-5,
html.dark body.xadmin-body .xadmin-main .p-4,
html.dark body.xadmin-body .xadmin-main .p-3 { background:transparent !important;color:inherit !important; }
html.light body.xadmin-body .xadmin-main .bg-white,
html.light body.xadmin-body .xadmin-main [class*="bg-white"],
html.dark body.xadmin-body .xadmin-main .bg-white,
html.dark body.xadmin-body .xadmin-main [class*="bg-white"] { background:rgba(8,13,20,.42) !important;color:#d4dce8 !important; }
html.light body.xadmin-body .xadmin-main table,
html.light body.xadmin-body .xadmin-main table * ,
html.dark body.xadmin-body .xadmin-main table,
html.dark body.xadmin-body .xadmin-main table * { background:transparent !important; }
html.light body.xadmin-body .xadmin-main input,
html.light body.xadmin-body .xadmin-main select,
html.light body.xadmin-body .xadmin-main textarea,
html.dark body.xadmin-body .xadmin-main input,
html.dark body.xadmin-body .xadmin-main select,
html.dark body.xadmin-body .xadmin-main textarea { background:rgba(3,8,14,.76) !important;color:#e4eaf2 !important;border-color:rgba(119,136,163,.42) !important; }
/* Dashboard: stable 4-up glass stats + 2-up glass charts. */
.xadmin-dashboard { max-width:1500px !important;margin:0 auto !important; }
.xadmin-dashboard .xadmin-stat-grid { display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:14px !important; }
.xadmin-dashboard .xadmin-stat-card { min-height:112px !important;padding:17px !important;border:1px solid rgba(128,145,173,.30) !important;border-radius:20px !important;background:rgba(8,13,20,.44) !important;box-shadow:0 18px 55px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025) !important;backdrop-filter:blur(20px) !important; }
.xadmin-dashboard .xadmin-chart-grid { display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important;margin-top:14px !important; }
.xadmin-dashboard .xadmin-chart-card { height:250px !important;padding:16px !important;border:1px solid rgba(128,145,173,.28) !important;border-radius:20px !important;background:rgba(8,13,20,.40) !important;box-shadow:0 18px 55px rgba(0,0,0,.20) !important;backdrop-filter:blur(20px) !important;overflow:hidden !important; }
.xadmin-dashboard .xadmin-chart-card canvas { width:100% !important;height:185px !important;background:transparent !important; }
/* Create-agent modal: glass panel, never DGC white. */
.xadmin-agent-page .modal { position:fixed !important;inset:0 !important;z-index:100000 !important;align-items:center !important;justify-content:center !important;padding:20px !important;background:rgba(1,4,8,.68) !important;backdrop-filter:blur(9px) !important; }
.xadmin-agent-page .modal__content,
.xadmin-agent-page .modal-content { width:min(1080px,calc(100vw - 40px)) !important;max-height:calc(100vh - 40px) !important;overflow:auto !important;background:rgba(8,13,20,.88) !important;border:1px solid rgba(128,145,173,.34) !important;border-radius:20px !important;color:#d7dfeb !important;box-shadow:0 35px 100px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.035) !important;backdrop-filter:blur(24px) !important; }
.xadmin-agent-page #new-agent-form { background:transparent !important; }
.xadmin-agent-page #new-agent-form label { color:#8f9cb0 !important; }
.xadmin-agent-page #new-agent-form input,
.xadmin-agent-page #new-agent-form select,
.xadmin-agent-page #new-agent-form textarea { background:rgba(3,8,14,.78) !important;color:#e4eaf2 !important;border:1px solid rgba(119,136,163,.42) !important;border-radius:11px !important; }
/* Desktop sidebar/account area: menu scrolls, account block stays at bottom. */
.xadmin-sidebar { width:286px !important;display:flex !important;flex-direction:column !important;overflow:hidden !important; }
.xadmin-sidebar .side-menu { flex:1 1 auto !important;min-height:0 !important;overflow-y:auto !important;overflow-x:hidden !important;padding-bottom:12px !important; }
.xadmin-sidebar .side-bottom { position:relative !important;left:auto !important;right:auto !important;bottom:auto !important;flex:0 0 auto !important;margin:0 12px !important;padding:12px 4px 14px !important;background:rgba(4,8,14,.86) !important;border-top:1px solid rgba(128,145,173,.18) !important;z-index:5 !important; }
/* Mobile: no left sidebar; fixed floating bottom navigation only. */
.xadmin-mobile-nav { display:none; }
@media(max-width:1100px){ .xadmin-sidebar{width:260px !important}.xadmin-main{margin-left:260px !important}.xadmin-dashboard .xadmin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;} }
@media(max-width:760px){
  body.xadmin-body{padding-bottom:84px !important;overflow-x:hidden !important;}
  .xadmin-sidebar{display:none !important;}
  .xadmin-layout{display:block !important;min-height:100vh !important;}
  .xadmin-main{margin:0 !important;width:100% !important;padding:10px 10px 92px !important;}
  .xadmin-topbar{height:auto !important;min-height:54px !important;display:flex !important;flex-wrap:wrap !important;gap:7px !important;overflow:visible !important;}
  .date-pill{min-width:0 !important;flex:1 1 100% !important;font-size:11px !important;}
  .top-actions{margin-left:auto !important;}
  .xadmin-dashboard .xadmin-stat-grid{grid-template-columns:1fr 1fr !important;gap:8px !important;}
  .xadmin-dashboard .xadmin-stat-card{min-height:88px !important;padding:11px !important;border-radius:15px !important;}
  .xadmin-dashboard .xadmin-chart-grid{grid-template-columns:1fr !important;gap:10px !important;}
  .xadmin-dashboard .xadmin-chart-card{height:215px !important;border-radius:15px !important;}
  .xadmin-dashboard .xadmin-chart-card canvas{height:155px !important;}
  .xadmin-agent-page .modal{padding:10px !important;align-items:flex-end !important;}
  .xadmin-agent-page .modal__content,.xadmin-agent-page .modal-content{width:100% !important;max-height:calc(100vh - 20px) !important;border-radius:18px !important;}
  .xadmin-agent-page #new-agent-form{grid-template-columns:1fr !important;gap:12px !important;}
  .xadmin-agent-page #new-agent-form > .col-span-6,.xadmin-agent-page #new-agent-form > .col-span-12{grid-column:1 / -1 !important;width:100% !important;}
  .xadmin-main .table-responsive,.xadmin-main .table-scrollable{overflow-x:auto !important;}
  .xadmin-main table{min-width:650px !important;}
  .xadmin-mobile-nav{position:fixed !important;left:10px !important;right:10px !important;bottom:10px !important;height:62px !important;z-index:99999 !important;display:grid !important;grid-template-columns:repeat(5,1fr) !important;gap:3px !important;padding:5px !important;border:1px solid rgba(126,145,174,.34) !important;border-radius:20px !important;background:rgba(7,11,17,.84) !important;backdrop-filter:blur(24px) !important;box-shadow:0 18px 65px rgba(0,0,0,.60),0 0 24px rgba(50,205,200,.08) !important;}
  .xadmin-mobile-nav a,.xadmin-mobile-nav button{border:0 !important;background:transparent !important;color:#7f8ba1 !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:2px !important;border-radius:14px !important;cursor:pointer !important;}
  .xadmin-mobile-nav a:hover,.xadmin-mobile-nav a:focus,.xadmin-mobile-nav button:hover{background:rgba(45,189,184,.12) !important;color:#66e3de !important;}
  .xadmin-mobile-nav span{font-size:18px !important;line-height:18px !important;}.xadmin-mobile-nav small{font-size:9px !important;font-weight:800 !important;}
  .xadmin-mobile-drawer{position:fixed !important;inset:0 !important;z-index:100000 !important;background:rgba(2,5,9,.58) !important;backdrop-filter:blur(5px) !important;display:none !important;padding:0 10px 82px !important;align-items:flex-end !important;}
  .xadmin-mobile-drawer.open{display:flex !important;}
  .xadmin-mobile-links{width:100% !important;max-height:72vh !important;overflow:auto !important;border:1px solid rgba(126,145,174,.30) !important;border-radius:20px !important;background:rgba(8,12,18,.94) !important;backdrop-filter:blur(22px) !important;box-shadow:0 25px 80px rgba(0,0,0,.58) !important;}
  .xadmin-mobile-drawer-head{display:flex !important;align-items:center !important;justify-content:space-between !important;padding:14px 16px !important;color:#e7edf6 !important;border-bottom:1px solid rgba(126,145,174,.20) !important;}
  .xadmin-mobile-drawer-head button{border:0 !important;background:transparent !important;color:#aeb8c9 !important;font-size:26px !important;cursor:pointer !important;}
  .xadmin-mobile-links a{display:block !important;padding:13px 16px !important;border-bottom:1px solid rgba(126,145,174,.12) !important;color:#b9c4d5 !important;font-size:12px !important;font-weight:700 !important;}
}


/* ================================================================
   MOBILE NAV + SCROLLBAR FINAL LOCK
   Only visual/mobile behavior. No routes, APIs, data or page logic changed.
   ================================================================ */
/* Keep scrolling functional but remove the bright native/blue scrollbar from
   the fixed desktop sidebar and mobile drawers/tables. */
.xadmin-sidebar .side-menu,
.xadmin-mobile-links,
.xadmin-agent-page #new-agent-modal .modal__content,
.xadmin-agent-page #new-agent-modal .modal-content {
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}
.xadmin-sidebar .side-menu::-webkit-scrollbar,
.xadmin-mobile-links::-webkit-scrollbar,
.xadmin-agent-page #new-agent-modal .modal__content::-webkit-scrollbar,
.xadmin-agent-page #new-agent-modal .modal-content::-webkit-scrollbar {
  width:0 !important;
  height:0 !important;
  display:none !important;
}

/* Fixed bottom navigation on phones. The first slot is the real Gregmorn Hub
   logo, linking to Dashboard, so the brand remains visible on every page. */
@media (max-width:760px) {
  body.xadmin-body { padding-bottom:88px !important; }
  .xadmin-mobile-nav {
    display:grid !important;
    position:fixed !important;
    left:10px !important;
    right:10px !important;
    bottom:max(10px, env(safe-area-inset-bottom)) !important;
    height:64px !important;
    z-index:2147483000 !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    align-items:stretch !important;
    gap:3px !important;
    padding:5px !important;
    border:1px solid rgba(126,145,174,.30) !important;
    border-radius:19px !important;
    background:rgba(5,9,15,.88) !important;
    backdrop-filter:blur(24px) !important;
    -webkit-backdrop-filter:blur(24px) !important;
    box-shadow:0 18px 65px rgba(0,0,0,.60), inset 0 1px 0 rgba(255,255,255,.035) !important;
  }
  .xadmin-mobile-nav a,
  .xadmin-mobile-nav button {
    min-width:0 !important;
    min-height:52px !important;
    border:0 !important;
    background:transparent !important;
    color:#8d99ab !important;
    border-radius:13px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:2px !important;
    overflow:hidden !important;
    cursor:pointer !important;
  }
  .xadmin-mobile-nav a:hover,
  .xadmin-mobile-nav a:focus,
  .xadmin-mobile-nav button:hover,
  .xadmin-mobile-nav button:focus {
    background:rgba(45,189,184,.10) !important;
    color:#66e3de !important;
    outline:none !important;
  }
  .xadmin-mobile-nav span { font-size:18px !important; line-height:18px !important; }
  .xadmin-mobile-nav small {
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:9px !important;
    line-height:12px !important;
    font-weight:800 !important;
  }
  .xadmin-mobile-nav .xadmin-mobile-brand img {
    display:block !important;
    width:34px !important;
    height:44px !important;
    max-width:100% !important;
    object-fit:contain !important;
    filter:drop-shadow(0 3px 8px rgba(0,0,0,.45)) !important;
  }
  .xadmin-mobile-nav .xadmin-mobile-brand {
    padding:3px !important;
  }
  .xadmin-mobile-drawer {
    z-index:2147483001 !important;
    padding-bottom:82px !important;
  }
}

/* ================================================================
   FINAL MOBILE / SCROLLBAR SAFETY LOCK
   ================================================================ */

/* ================================================================
   FINAL MOBILE / SCROLLBAR SAFETY LOCK
   Only requested mobile navigation + scrollbar behavior.
   ================================================================ */
html, body { scrollbar-color: transparent transparent !important; }
html::-webkit-scrollbar,
body::-webkit-scrollbar,
.xadmin-sidebar::-webkit-scrollbar,
.xadmin-main::-webkit-scrollbar,
.xadmin-content::-webkit-scrollbar,
.xadmin-mobile-links::-webkit-scrollbar,
.xadmin-agent-page .modal-content::-webkit-scrollbar,
.xadmin-agent-page .modal__content::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}
html, body, .xadmin-sidebar, .xadmin-main, .xadmin-content,
.xadmin-mobile-links, .xadmin-agent-page .modal-content,
.xadmin-agent-page .modal__content {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

@media (max-width:760px) {
  body.xadmin-body { padding-bottom: 88px !important; overflow-x: hidden !important; }
  .xadmin-mobile-nav {
    display: grid !important;
    position: fixed !important;
    left: 10px !important; right: 10px !important;
    bottom: max(10px, env(safe-area-inset-bottom)) !important;
    width: auto !important; height: 64px !important;
    z-index: 2147483000 !important;
    grid-template-columns: repeat(5, minmax(0,1fr)) !important;
    padding: 5px !important; gap: 3px !important;
    border-radius: 19px !important;
    background: rgba(5,9,15,.88) !important;
    border: 1px solid rgba(126,145,174,.30) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    box-shadow: 0 18px 65px rgba(0,0,0,.60), inset 0 1px 0 rgba(255,255,255,.035) !important;
  }
  .xadmin-mobile-nav a, .xadmin-mobile-nav button {
    min-width: 0 !important; min-height: 52px !important;
    display: flex !important; flex-direction: column !important;
    align-items: center !important; justify-content: center !important;
    gap: 2px !important; padding: 3px !important;
    border: 0 !important; border-radius: 13px !important;
    background: transparent !important; color: #8d99ab !important;
  }
  .xadmin-mobile-nav .xadmin-mobile-brand img {
    width: 34px !important; height: 44px !important;
    object-fit: contain !important; display: block !important;
  }
  .xadmin-mobile-nav small {
    max-width: 100% !important; overflow: hidden !important;
    text-overflow: ellipsis !important; white-space: nowrap !important;
    font-size: 9px !important; line-height: 12px !important;
  }
  .xadmin-mobile-drawer { z-index: 2147483001 !important; }
}