/* =========================================================
   ADMIN PRO 2026 - Responsive ERP / App Shell
   Works with legacy AdminLTE/Bootstrap markup used in this panel.
   PHP logic is intentionally untouched.
========================================================= */
:root{
  --ap-primary:#3157d5;
  --ap-primary-2:#5a7cf0;
  --ap-primary-soft:#eef2ff;
  --ap-secondary:#0fa3b1;
  --ap-success:#0f9f6e;
  --ap-warning:#f59e0b;
  --ap-danger:#e5484d;
  --ap-info:#0ea5e9;
  --ap-navy:#0b1739;
  --ap-navy-2:#111f49;
  --ap-ink:#18233d;
  --ap-muted:#71809f;
  --ap-bg:#f5f7fb;
  --ap-card:#ffffff;
  --ap-line:#e5eaf3;
  --ap-sidebar:286px;
  --ap-sidebar-collapsed:84px;
  --ap-header:72px;
  --ap-radius:18px;
  --ap-radius-sm:12px;
  --ap-shadow:0 10px 35px rgba(30,55,100,.08);
  --ap-shadow-lg:0 18px 55px rgba(20,38,78,.14);
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--ap-bg);scroll-behavior:smooth}
body{min-height:100vh;margin:0!important;background:var(--ap-bg)!important;color:var(--ap-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--ap-primary);text-decoration:none;transition:.18s ease}a:hover{text-decoration:none;color:#2447bd}
img{max-width:100%}.wrapper{min-height:100vh;background:var(--ap-bg);overflow-x:hidden}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ===== HEADER ===== */
.main-header{position:fixed!important;z-index:1040;top:0;right:0;left:0;height:var(--ap-header);display:flex!important;align-items:stretch;background:#fff!important;border-bottom:1px solid var(--ap-line);box-shadow:0 5px 22px rgba(30,53,96,.05)}
.main-header .logo{position:relative;z-index:2;display:flex!important;align-items:center;gap:11px;width:var(--ap-sidebar)!important;min-width:var(--ap-sidebar)!important;height:var(--ap-header)!important;padding:0 20px!important;color:#fff!important;background:linear-gradient(135deg,var(--ap-navy),#162b62)!important;text-align:left!important;overflow:hidden!important}
.main-header .logo:before{content:"";width:38px;height:38px;min-width:38px;border-radius:12px;background:linear-gradient(135deg,#5e7cf6,#17c4cf);box-shadow:0 8px 18px rgba(41,105,220,.28)}
.main-header .logo:after{content:"A";position:absolute;left:31px;top:24px;color:#fff;font:800 17px/1 Poppins,sans-serif}
.main-header .logo .logo-lg{display:block!important;min-width:0;overflow:hidden}.main-header .logo-title{display:block;overflow:hidden;color:#fff;font:700 14px/1.25 Poppins,sans-serif;text-overflow:ellipsis;white-space:nowrap}.main-header .logo-title:after{content:"ADMIN WORKSPACE";display:block;margin-top:4px;color:#90a8da;font:700 8px/1 Inter,sans-serif;letter-spacing:1.2px}
.main-header .navbar{display:flex!important;align-items:center;justify-content:space-between;flex:1;min-width:0;height:var(--ap-header)!important;margin:0!important;padding:0 18px!important;background:#fff!important;border:0!important}
.main-header .sidebar-toggle{display:grid!important;place-items:center;width:42px;height:42px;margin:0 12px 0 0!important;padding:0!important;border:1px solid var(--ap-line);border-radius:12px;color:#44536f!important;background:#f8faff!important;font-size:0;transition:.18s ease}.main-header .sidebar-toggle:before{content:"\f0c9"!important;font:900 16px/1 "Font Awesome 5 Free"!important}.main-header .sidebar-toggle:hover{color:var(--ap-primary)!important;background:var(--ap-primary-soft)!important;border-color:#d9e1ff}
.header-context{display:flex;align-items:center;gap:10px;min-width:0;margin-right:auto}.header-context-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:var(--ap-primary);background:var(--ap-primary-soft)}.header-context small{display:block;color:#99a5bc;font-size:8px;font-weight:800;letter-spacing:1px}.header-context strong{display:block;max-width:360px;overflow:hidden;color:#283650;font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.header-quick-actions{display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:8px}.header-quick-btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 13px;border:1px solid var(--ap-line);border-radius:11px;color:#4b5a77;background:#fff;font-size:11px;font-weight:800}.header-quick-btn:hover{color:var(--ap-primary);background:var(--ap-primary-soft);border-color:#d8e0ff}.header-quick-btn.primary{color:#fff;background:linear-gradient(135deg,var(--ap-primary),var(--ap-primary-2));border-color:transparent;box-shadow:0 7px 18px rgba(49,87,213,.18)}
.navbar-custom-menu{margin-left:auto}.navbar-custom-menu>.nav{display:flex!important;align-items:center!important;gap:5px;margin:0!important;padding:0!important;list-style:none}.navbar-custom-menu>.nav>li{position:relative}.navbar-custom-menu>.nav>li>a{display:flex!important;align-items:center!important;height:auto!important;padding:0!important;color:inherit!important;background:transparent!important}
.wallet-link{gap:10px;min-height:42px;padding:5px 12px!important;border:1px solid var(--ap-line)!important;border-radius:13px!important;background:#f8faff!important}.wallet-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#fff;background:linear-gradient(135deg,var(--ap-success),#20bfa1)}.wallet-label{display:flex;flex-direction:column}.wallet-label span{color:#8a98b1;font-size:7px;font-weight:800;letter-spacing:.8px}.wallet-label strong{color:#25324b;font-size:11px;font-weight:800}
.user-menu-toggle{gap:8px;min-height:44px;padding:4px 7px!important;border-radius:13px!important}.user-menu-toggle:hover{background:#f6f8fc!important}.user-avatar,.user-avatar-fallback{width:36px!important;height:36px!important;border:2px solid #fff;border-radius:11px!important;box-shadow:0 3px 12px rgba(30,51,90,.15);object-fit:cover}.user-avatar-fallback{display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#6b7cf1,#31b4c3)}.user-menu-name{max-width:120px;overflow:hidden;color:#35425c;font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.profile-caret{color:#98a4ba;font-size:9px}
.dropdown-menu{min-width:210px!important;padding:8px!important;border:1px solid var(--ap-line)!important;border-radius:14px!important;box-shadow:var(--ap-shadow-lg)!important}.user-summary{padding:11px 12px 13px!important;border-bottom:1px solid var(--ap-line)}.user-summary strong{display:block;color:#273550}.user-summary small{display:block;margin-top:3px;color:var(--ap-muted);font-size:9px}.user-footer{display:grid!important;grid-template-columns:1fr;gap:5px;padding:8px 0 0!important}.user-footer .btn{display:flex;align-items:center;gap:8px;width:100%;min-height:36px;padding:7px 10px;border:0;border-radius:9px;text-align:left;font-size:10px;font-weight:800}.wallet-dropdown{right:0!important;left:auto!important}.wallet-dropdown-label{display:block;color:var(--ap-muted);font-size:9px}.wallet-dropdown strong{display:block;padding-top:3px;color:var(--ap-ink);font-size:18px}

/* ===== SIDEBAR ===== */
.main-sidebar{position:fixed!important;z-index:1030;top:var(--ap-header)!important;bottom:0!important;left:0!important;width:var(--ap-sidebar)!important;min-height:0!important;margin:0!important;padding:0!important;background:linear-gradient(180deg,var(--ap-navy) 0%,#0a1532 100%)!important;box-shadow:10px 0 30px rgba(13,27,61,.08);overflow:hidden;transition:width .22s ease,transform .22s ease}
.main-sidebar>.sidebar{position:absolute;inset:0 0 58px 0!important;height:auto!important;padding:16px 13px 20px!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:thin;scrollbar-color:#2c3d69 transparent}.main-sidebar>.sidebar::-webkit-scrollbar{width:4px}.main-sidebar>.sidebar::-webkit-scrollbar-thumb{background:#31446f;border-radius:20px}
.main-sidebar .user-panel{display:flex!important;align-items:center!important;gap:11px;width:auto!important;min-height:70px;margin:0 0 13px!important;padding:11px!important;border:1px solid rgba(172,194,244,.12)!important;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;overflow:hidden}.user-panel:before,.user-panel:after{display:none!important}.user-panel .image{float:none!important;display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;border-radius:12px;overflow:hidden;background:#fff}.user-panel .image img{width:100%!important;height:100%!important;padding:3px!important;border:0!important;border-radius:10px!important;object-fit:contain!important}.sidebar-avatar-fallback{display:grid;width:100%;height:100%;place-items:center;color:#fff;background:linear-gradient(135deg,#5f7df0,#16b8c5)}.user-panel .info{position:static!important;min-width:0;padding:0!important}.user-panel .info p{max-width:175px;margin:0!important;overflow:hidden;color:#f4f7ff!important;font:700 11px/1.4 Poppins,sans-serif;text-overflow:ellipsis;white-space:nowrap}.user-panel .info small{display:inline-flex;margin-top:4px;color:#8fa7d7;font-size:8px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}
.admin-menu-search{position:relative;margin:0 0 14px}.admin-menu-search>i{position:absolute;z-index:2;top:50%;left:13px;transform:translateY(-50%);color:#6f86b8;font-size:11px}.admin-menu-search input{width:100%;height:40px;padding:0 12px 0 36px;border:1px solid rgba(169,190,235,.12);border-radius:12px;outline:none;color:#dfe8ff;background:rgba(255,255,255,.045);font-size:10px}.admin-menu-search input::placeholder{color:#7188b8}.admin-menu-search input:focus{border-color:rgba(76,132,238,.65);background:rgba(255,255,255,.07)}
.sidebar-menu{margin:0!important;padding:0!important;list-style:none!important}.sidebar-menu>li.header{padding:10px 10px 7px!important;color:#6079ac!important;background:transparent!important;font-size:8px!important;font-weight:900!important;letter-spacing:1.25px!important;text-transform:uppercase}.sidebar-menu li{position:relative;margin:2px 0!important;padding:0!important}.sidebar-menu li>a{display:flex!important;align-items:center!important;min-height:43px;padding:8px 11px!important;border-radius:12px;color:#aec0e6!important;background:transparent!important;font-size:10.5px;font-weight:700;white-space:nowrap}.sidebar-menu li>a>i:first-child{display:grid!important;place-items:center;width:28px!important;min-width:28px!important;height:28px;margin:0 8px 0 0!important;border-radius:9px;color:#8098c8;background:rgba(255,255,255,.04);font-size:11px!important}.sidebar-menu li>a>span:not(.pull-right-container){min-width:0;overflow:hidden;text-overflow:ellipsis}.sidebar-menu>li>a:hover,.sidebar-menu>li.active>a,.sidebar-menu>li.menu-open>a{color:#fff!important;background:linear-gradient(135deg,rgba(73,103,214,.30),rgba(24,166,184,.16))!important}.sidebar-menu>li.active>a:before{content:"";position:absolute;top:10px;bottom:10px;left:-13px;width:3px;border-radius:0 4px 4px 0;background:#59d4df}.sidebar-menu li.active>a>i:first-child,.sidebar-menu li>a:hover>i:first-child{color:#fff;background:linear-gradient(135deg,#4b69dc,#18a9bb)}.pull-right-container{margin-left:auto!important}.pull-right-container .pull-right{position:static!important;color:#687fae!important;font-size:10px;transition:transform .18s ease}.menu-open>.nav-parent .pull-right{transform:rotate(-90deg)}
.treeview-menu{display:none;margin:4px 0 7px 13px!important;padding:4px 0 4px 10px!important;border-left:1px solid rgba(143,167,215,.14);list-style:none!important;background:transparent!important}.menu-open>.treeview-menu,.treeview.active>.treeview-menu{display:block}.treeview-menu li>a{min-height:36px!important;padding:5px 8px!important;font-size:9.5px!important}.treeview-menu li>a>i:first-child{width:24px!important;min-width:24px!important;height:24px!important;margin-right:6px!important;background:transparent!important;color:#617aab!important}.treeview-menu li.active>a,.treeview-menu li>a:hover{color:#fff!important;background:rgba(255,255,255,.055)!important}
.sidebar-footer{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:8px;height:58px;padding:9px 14px;border-top:1px solid rgba(168,191,239,.10);background:#0a1532}.sidebar-footer .link{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:#7890c0;background:rgba(255,255,255,.045)}.sidebar-footer .link:hover{color:#fff;background:#2948a4}
.sidebar-close-mobile{display:none}
.sidebar-overlay{position:fixed;z-index:1025;inset:0;display:none;background:rgba(6,17,43,.54);backdrop-filter:blur(2px)}

/* ===== MAIN LAYOUT ===== */
.content-wrapper{min-height:calc(100vh - var(--ap-header))!important;margin-left:var(--ap-sidebar)!important;padding-top:var(--ap-header)!important;background:var(--ap-bg)!important;transition:margin-left .22s ease}.content-wrapper>.content{padding:20px 22px 26px!important}.content-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0!important;padding:20px 22px 0!important;background:transparent!important}.content-header h1{margin:0!important;color:#202d48;font:700 22px/1.3 Poppins,sans-serif!important;letter-spacing:-.35px}.content-header h1 small{display:block!important;margin:4px 0 0!important;color:var(--ap-muted)!important;font:500 10px/1.4 Inter,sans-serif!important}.breadcrumb{display:flex;align-items:center;gap:5px;margin:0!important;padding:8px 11px!important;border:1px solid var(--ap-line);border-radius:11px;background:#fff!important;font-size:9px!important;list-style:none}.breadcrumb-item+.breadcrumb-item:before{color:#a2aec1}.breadcrumb a{color:#667694;font-weight:700}.breadcrumb .active{color:#a0aabd}
.main-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:58px;margin-left:var(--ap-sidebar)!important;padding:13px 22px!important;border-top:1px solid var(--ap-line)!important;color:#8995aa!important;background:#fff!important;font-size:9px!important;transition:margin-left .22s ease}.main-footer a{color:#50617f;font-weight:800}.footer-meta{color:#a2abba}
.no-admin-sidebar .content-wrapper,.no-admin-sidebar .main-footer{margin-left:0!important}.no-admin-sidebar .main-sidebar{display:none!important}
body.sidebar-collapse .main-sidebar{width:var(--ap-sidebar-collapsed)!important}.sidebar-collapse .content-wrapper,.sidebar-collapse .main-footer{margin-left:var(--ap-sidebar-collapsed)!important}.sidebar-collapse .main-header .logo{width:var(--ap-sidebar-collapsed)!important;min-width:var(--ap-sidebar-collapsed)!important;padding-left:23px!important}.sidebar-collapse .main-header .logo-title,.sidebar-collapse .user-panel .info,.sidebar-collapse .admin-menu-search,.sidebar-collapse .sidebar-menu>li.header,.sidebar-collapse .sidebar-menu li>a>span:not(.pull-right-container),.sidebar-collapse .pull-right-container,.sidebar-collapse .sidebar-footer{display:none!important}.sidebar-collapse .main-sidebar>.sidebar{padding-right:12px!important;padding-left:12px!important}.sidebar-collapse .main-sidebar .user-panel{justify-content:center;padding:9px 5px!important}.sidebar-collapse .sidebar-menu li>a{justify-content:center;padding:7px!important}.sidebar-collapse .sidebar-menu li>a>i:first-child{margin:0!important}.sidebar-collapse .treeview-menu{display:none!important}

/* ===== PAGE / CARDS ===== */
.admin-page-shell{width:100%;max-width:1700px;margin:0 auto}.admin-page-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.admin-page-title h2{margin:0;color:#26334f;font:700 18px/1.3 Poppins,sans-serif}.admin-page-title p{margin:4px 0 0;color:var(--ap-muted);font-size:10px}.toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.box,.card,.admin-card,.admin-list-card,.filter-card{margin:0 0 18px!important;border:1px solid var(--ap-line)!important;border-radius:var(--ap-radius)!important;background:#fff!important;box-shadow:var(--ap-shadow)!important;overflow:hidden!important}.box-header,.card-header,.list-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px;min-height:60px;padding:14px 18px!important;border-bottom:1px solid var(--ap-line)!important;background:linear-gradient(180deg,#fff,#fbfcff)!important}.box-header>i{display:grid;width:34px;height:34px;margin-right:8px!important;place-items:center;border-radius:10px;color:var(--ap-primary)!important;background:var(--ap-primary-soft);font-size:12px}.box-title,.box-header h3,.card-title{margin:0!important;color:#2a3753!important;font:700 13px/1.35 Poppins,sans-serif!important;text-transform:none!important;letter-spacing:0!important}.box-tools{display:flex!important;align-items:center!important;gap:7px;position:static!important;float:none!important;margin-left:auto}.box-body,.card-body,.list-body{padding:18px!important}.box-footer,.card-footer{padding:13px 18px!important;border-top:1px solid var(--ap-line)!important;background:#fbfcff!important}
.dashboard-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 22px 0;padding:25px 27px;border-radius:22px;color:#fff;background:linear-gradient(118deg,#203c96 0%,#3157d5 50%,#10a6b6 120%);box-shadow:0 18px 45px rgba(37,70,161,.22);overflow:hidden}.dashboard-hero:after{content:"";position:absolute;right:-40px;top:-85px;width:240px;height:240px;border:42px solid rgba(255,255,255,.08);border-radius:50%}.dashboard-hero h2{position:relative;z-index:1;margin:0 0 7px;font:700 23px/1.25 Poppins,sans-serif}.dashboard-hero p{position:relative;z-index:1;max-width:720px;margin:0;color:#dbe6ff;font-size:11px;line-height:1.7}.hero-date{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:10px 13px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.10);font-size:10px;font-weight:800}
.card-stat{display:flex;align-items:center;gap:14px;height:100%;min-height:100px;padding:17px;border:1px solid var(--ap-line);border-radius:17px;color:inherit;background:#fff;box-shadow:var(--ap-shadow);transition:.18s ease}.card-stat:hover{transform:translateY(-3px);color:inherit;box-shadow:0 16px 35px rgba(30,55,100,.12)}.card-stat .icon{display:grid;width:50px;height:50px;min-width:50px;place-items:center;border-radius:15px;color:#fff;font-size:16px;box-shadow:0 8px 18px rgba(28,52,106,.15)}.card-stat .info h4{margin:0 0 3px;color:#26334d;font:800 21px/1 Poppins,sans-serif}.card-stat .info p{margin:0;color:var(--ap-muted);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.bg-grad-red{background:linear-gradient(135deg,#f05d72,#df3e5f)}.bg-grad-green{background:linear-gradient(135deg,#18b986,#0c9270)}.bg-grad-yellow{background:linear-gradient(135deg,#f8b94b,#ee8c18)}.bg-grad-orange{background:linear-gradient(135deg,#ff8b4e,#ed5f2e)}.bg-grad-purple{background:linear-gradient(135deg,#8c6bea,#6549c9)}.bg-grad-blue{background:linear-gradient(135deg,#4d7bf0,#3157d5)}

/* ===== FORMS ===== */
label,.form-label{margin-bottom:6px!important;color:#53617c;font-size:9.5px!important;font-weight:800!important;letter-spacing:.15px}.form-control,input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="date"],input[type="time"],input[type="tel"],input[type="url"],select,textarea{max-width:100%;min-height:42px;padding:8px 11px;border:1px solid #dce3ef!important;border-radius:11px!important;outline:0;color:#283650!important;background:#fbfcff!important;font:500 11px/1.4 Inter,sans-serif!important;box-shadow:none!important;transition:.17s ease}.form-control:focus,input:focus,select:focus,textarea:focus{border-color:#839bf0!important;background:#fff!important;box-shadow:0 0 0 3px rgba(49,87,213,.10)!important}.form-control::placeholder,input::placeholder,textarea::placeholder{color:#a7b1c4}.form-control[disabled],.form-control[readonly],input[disabled],input[readonly]{color:#7d899d!important;background:#f1f4f8!important}.form-group{margin-bottom:14px!important}textarea{min-height:90px;resize:vertical}select{appearance:auto}input[type=file]{min-height:42px;padding:8px!important;background:#fff!important}.input-group .form-control{border-radius:11px 0 0 11px!important}.input-group-append .btn,.input-group-prepend .btn{border-radius:0 11px 11px 0!important}.err,.text-danger{color:var(--ap-danger)!important}.help-block,.form-text,.admin-muted{color:var(--ap-muted)!important;font-size:9px!important}
/* Legacy form tables become polished forms without changing PHP/HTML. */
.box-body form>table.legacy-form-table,.card-body form>table.legacy-form-table{width:100%!important;border:0!important;background:transparent!important}.box-body form>table.legacy-form-table>tbody>tr>td,.card-body form>table.legacy-form-table>tbody>tr>td{padding:9px 10px!important;border-color:#edf0f6!important;vertical-align:middle!important}.box-body form>table.legacy-form-table>tbody>tr>td:first-child:not([colspan]),.card-body form>table.legacy-form-table>tbody>tr>td:first-child:not([colspan]){color:#5d6981;font-size:10px;font-weight:700}

/* ===== BUTTONS / BADGES / ALERTS ===== */
.btn,.search,input[type=submit].search,input[type=button].search{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 13px!important;border:1px solid transparent!important;border-radius:10px!important;box-shadow:none;font-size:10px!important;font-weight:800!important;line-height:1.2!important;cursor:pointer;transition:.17s ease}.btn:hover,.search:hover{transform:translateY(-1px)}.btn-primary,.btn-blue,.search{color:#fff!important;background:linear-gradient(135deg,var(--ap-primary),var(--ap-primary-2))!important;box-shadow:0 7px 17px rgba(49,87,213,.15)!important}.btn-success{color:#fff!important;background:linear-gradient(135deg,#14aa79,#0c8f68)!important}.btn-danger{color:#fff!important;background:linear-gradient(135deg,#ed5b60,#d83d45)!important}.btn-warning{color:#fff!important;background:linear-gradient(135deg,#f7ac27,#e88a0f)!important}.btn-info{color:#fff!important;background:linear-gradient(135deg,#1bb5c7,#1593b1)!important}.btn-light,.btn-default{color:#52617d!important;background:#f7f9fc!important;border-color:var(--ap-line)!important}.btn-sm{min-height:32px;padding:6px 9px!important;font-size:9px!important}.btn-lg{min-height:46px;padding:10px 17px!important;font-size:11px!important}.badge,.label{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:20px;font-size:8px;font-weight:800}.badge-primary,.label-primary{color:#3856b8;background:#eef2ff}.badge-success,.label-success{color:#087554;background:#e9faf4}.badge-danger,.label-danger{color:#b6323b;background:#fff0f1}.badge-warning,.label-warning{color:#a56a08;background:#fff7e5}.alert{padding:12px 14px!important;border:1px solid transparent!important;border-radius:12px!important;font-size:10px}.alert-success{color:#087253;background:#eaf9f3;border-color:#c7efdf!important}.alert-danger{color:#a92f3a;background:#fff0f1;border-color:#f6ccd0!important}.alert-info{color:#176d90;background:#edf8fd;border-color:#ccebf7!important}

/* ===== TABLES ===== */
.table-responsive,.modern-table-scroll{width:100%;overflow:auto;-webkit-overflow-scrolling:touch;border-radius:12px}.table{width:100%!important;margin:0!important;border-collapse:separate!important;border-spacing:0!important;color:#3f4b63!important;background:#fff!important;font-size:10px!important}.table th,.table td{padding:11px 10px!important;border-top:0!important;border-right:0!important;border-bottom:1px solid #edf0f5!important;border-left:0!important;vertical-align:middle!important}.table thead th,.table tr:first-child[style*="background"] td,.table tr:first-child[bgcolor] td{position:relative;color:#596781!important;background:#f6f8fc!important;border-bottom:1px solid #e4e9f2!important;font-size:8.5px!important;font-weight:900!important;letter-spacing:.4px;text-transform:uppercase}.table-hover tbody tr:hover{background:#fafbff!important}.table-striped tbody tr:nth-of-type(odd){background:#fbfcfe!important}.table img{max-height:52px;border-radius:8px;object-fit:contain}.table a:not(.btn){font-weight:700}.table-bordered{border:1px solid #e6ebf3!important;border-radius:12px!important;overflow:hidden}.table-bordered th,.table-bordered td{border-right:1px solid #edf0f5!important}.table-bordered tr>*:last-child{border-right:0!important}.admin-quick-filter{display:flex;align-items:center;gap:8px;margin:0 0 10px}.admin-quick-filter i{color:#8795ad}.admin-quick-filter input{width:260px;max-width:100%;height:38px}.admin-result-count{display:inline-flex;min-width:28px;height:24px;align-items:center;justify-content:center;padding:0 8px;border-radius:12px;color:#52617d;background:#eef2f7;font-size:9px;font-weight:800}.dataTables_wrapper .row{align-items:center}.dataTables_filter input{min-height:36px!important;margin-left:6px!important}.dataTables_length select{min-height:34px!important}.page-link{min-width:32px;height:32px;display:grid;place-items:center;padding:4px 8px!important;border-color:#e5eaf2!important;color:#5c6a84!important;font-size:9px}.page-item.active .page-link{color:#fff!important;background:var(--ap-primary)!important;border-color:var(--ap-primary)!important}
.ajax-table-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px}.ajax-table-tools .left,.ajax-table-tools .right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ajax-table-tools select{width:auto!important;min-height:34px!important}.ajax-table-tools button,.ajax-table-tools a{min-width:34px;min-height:32px;border-radius:9px}

/* ===== FILTERS / SPECIAL PAGE HELPERS ===== */
.filter-card{padding:15px!important}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}.filter-actions{display:flex;align-items:flex-end;gap:8px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;margin-bottom:18px}.stat-card{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--ap-line);border-radius:16px;background:#fff;box-shadow:var(--ap-shadow)}.stat-card .stat-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--ap-primary),var(--ap-secondary))}.stat-card .stat-value{color:#26334d;font:800 20px/1 Poppins,sans-serif}.stat-card .stat-label{margin-top:4px;color:var(--ap-muted);font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.modal-content{border:0!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(17,32,70,.22)!important;overflow:hidden}.modal-header{padding:15px 18px!important;border-bottom:1px solid var(--ap-line)!important}.modal-title{font:700 14px/1.3 Poppins,sans-serif!important}.modal-body{padding:18px!important}.modal-footer{padding:12px 18px!important;border-top:1px solid var(--ap-line)!important}.nav-tabs{gap:4px;border-bottom:1px solid var(--ap-line)!important}.nav-tabs .nav-link{padding:9px 12px;border:0!important;border-radius:10px 10px 0 0;color:#71809a;font-size:10px;font-weight:800}.nav-tabs .nav-link.active{color:var(--ap-primary);background:var(--ap-primary-soft)}

/* ===== MOBILE APP NAV ===== */
.mobile-bottom-nav{display:none;position:fixed;z-index:1042;right:10px;bottom:9px;left:10px;align-items:center;justify-content:space-around;height:62px;padding:5px 6px;border:1px solid rgba(223,229,241,.95);border-radius:19px;background:rgba(255,255,255,.96);box-shadow:0 14px 40px rgba(19,35,73,.18);backdrop-filter:blur(12px)}.mobile-bottom-nav a{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:50px;border-radius:14px;color:#8793a8;font-size:7.5px;font-weight:800}.mobile-bottom-nav a i{font-size:15px}.mobile-bottom-nav a.active{color:var(--ap-primary);background:var(--ap-primary-soft)}

/* ===== RESPONSIVE ===== */
@media (max-width:1199px){:root{--ap-sidebar:260px}.filter-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.stat-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}.header-context strong{max-width:240px}.header-quick-btn span{display:none}.header-quick-btn{width:38px;padding:0!important;justify-content:center}}
@media (max-width:991px){.wallet-label{display:none}.wallet-link{padding:5px!important}.content-wrapper>.content{padding-right:16px!important;padding-left:16px!important}.content-header{padding-right:16px!important;padding-left:16px!important}.dashboard-hero{margin-right:16px;margin-left:16px}.filter-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}}
@media (max-width:767px){
  :root{--ap-header:64px;--ap-sidebar:292px}
  body{padding-bottom:80px!important}.main-header{height:var(--ap-header)}.main-header .logo{display:none!important}.main-header .navbar{height:var(--ap-header)!important;padding:0 12px!important}.main-header .sidebar-toggle{width:40px;height:40px;margin-right:8px!important}.header-context{display:flex!important;max-width:calc(100vw - 170px)}.header-context-icon{display:none}.header-context small{display:none}.header-context strong{max-width:100%;font-size:11px}.header-quick-actions{display:none}.wallet-menu{display:none!important}.user-menu-name,.profile-caret{display:none!important}.user-avatar,.user-avatar-fallback{width:38px!important;height:38px!important}.user-menu-toggle{padding:0!important}
  .main-sidebar{z-index:1051!important;top:0!important;bottom:0!important;width:var(--ap-sidebar)!important;transform:translateX(-105%);box-shadow:22px 0 55px rgba(7,18,46,.30)}body.sidebar-open .main-sidebar{transform:translateX(0)}body.sidebar-open .sidebar-overlay{display:block}.main-sidebar>.sidebar{top:0!important;padding-top:16px!important}.main-sidebar .user-panel{padding-right:48px!important}.sidebar-close-mobile{position:absolute;z-index:5;top:22px;right:22px;display:grid!important;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#d9e4ff;background:rgba(255,255,255,.06)}
  body.sidebar-collapse .main-sidebar{width:var(--ap-sidebar)!important}.sidebar-collapse .main-header .logo-title,.sidebar-collapse .user-panel .info,.sidebar-collapse .admin-menu-search,.sidebar-collapse .sidebar-menu>li.header,.sidebar-collapse .sidebar-menu li>a>span:not(.pull-right-container),.sidebar-collapse .pull-right-container,.sidebar-collapse .sidebar-footer{display:initial!important}.sidebar-collapse .user-panel .info{display:block!important}.sidebar-collapse .admin-menu-search{display:block!important}.sidebar-collapse .sidebar-menu>li.header{display:block!important}.sidebar-collapse .pull-right-container{display:block!important}.sidebar-collapse .sidebar-footer{display:flex!important}.sidebar-collapse .sidebar-menu li>a{justify-content:flex-start!important;padding:8px 11px!important}.sidebar-collapse .sidebar-menu li>a>i:first-child{margin-right:8px!important}
  .content-wrapper,.sidebar-collapse .content-wrapper{min-height:100vh!important;margin-left:0!important;padding-top:var(--ap-header)!important}.main-footer,.sidebar-collapse .main-footer{display:none!important}.content-wrapper>.content{padding:13px 12px 18px!important}.content-header{align-items:flex-start;padding:14px 12px 0!important}.content-header h1{font-size:17px!important}.content-header h1 small{font-size:9px!important}.breadcrumb{display:none!important}.dashboard-hero{align-items:flex-start;flex-direction:column;margin:13px 12px 0;padding:20px;border-radius:18px}.dashboard-hero h2{font-size:19px}.dashboard-hero p{font-size:10px}.hero-date{padding:7px 10px}.dashboard-stats{padding-top:13px!important}.dashboard-stats>.row{margin-right:-5px!important;margin-left:-5px!important}.dashboard-stats>.row>[class*="col-"]{flex:0 0 50%;max-width:50%;padding-right:5px!important;padding-left:5px!important;margin-bottom:10px!important}.admin-page-title{align-items:flex-start;flex-direction:column;margin-bottom:13px}.toolbar-actions{width:100%}.toolbar-actions .btn{flex:1}.box,.card,.admin-card,.admin-list-card,.filter-card{margin-bottom:13px!important;border-radius:15px!important}.box-header,.card-header,.list-head{min-height:54px;padding:11px 13px!important}.box-body,.card-body,.list-body{padding:13px!important}.box-footer,.card-footer{padding:10px 13px!important}.box-title,.box-header h3,.card-title{font-size:11px!important}
  .filter-grid,.stat-grid{grid-template-columns:1fr 1fr;gap:9px}.filter-actions{grid-column:1/-1}.card-stat{min-height:86px;padding:12px;border-radius:14px}.card-stat .icon{width:43px;height:43px;min-width:43px;border-radius:12px}.card-stat .info h4{font-size:17px}.card-stat .info p{font-size:7.5px}.mobile-bottom-nav{display:flex}
  .table-responsive,.modern-table-scroll{border:1px solid #edf0f5;border-radius:11px}.table{min-width:720px!important;font-size:9px!important}.table th,.table td{padding:9px 8px!important}.admin-quick-filter input{width:100%}.admin-quick-filter{position:relative}.ajax-table-tools{align-items:flex-start;flex-direction:column}.ajax-table-tools .right{width:100%;justify-content:center}
  .box-body form>table.legacy-form-table,.card-body form>table.legacy-form-table{display:block!important}.box-body form>table.legacy-form-table>tbody,.card-body form>table.legacy-form-table>tbody{display:block!important;width:100%}.box-body form>table.legacy-form-table>tbody>tr,.card-body form>table.legacy-form-table>tbody>tr{display:grid!important;grid-template-columns:1fr!important;width:100%;margin-bottom:5px;padding:5px 0;border-bottom:1px solid #eef1f6}.box-body form>table.legacy-form-table>tbody>tr>td,.card-body form>table.legacy-form-table>tbody>tr>td{display:block!important;width:100%!important;height:auto!important;padding:5px 0!important;border:0!important}.box-body form>table.legacy-form-table input:not([type=radio]):not([type=checkbox]),.box-body form>table.legacy-form-table select,.box-body form>table.legacy-form-table textarea{width:100%!important;max-width:100%!important}.box-body form>table.legacy-form-table>tbody>tr>td:empty{display:none!important}
  .modal-dialog{margin:10px!important}.modal-content{border-radius:15px!important}.modal-body{padding:14px!important}
}
@media (max-width:480px){.filter-grid,.stat-grid{grid-template-columns:1fr}.filter-actions{grid-column:auto}.content-header h1{max-width:95vw}.dashboard-hero h2{font-size:17px}.dashboard-hero{padding:18px}.box-header>i{width:30px;height:30px}.btn{min-height:36px;padding:7px 10px!important}.mobile-bottom-nav{right:7px;bottom:7px;left:7px;height:60px;border-radius:17px}.mobile-bottom-nav a{height:48px}.mobile-bottom-nav a i{font-size:14px}.mobile-bottom-nav a span{font-size:7px}.header-context{max-width:calc(100vw - 115px)}}

/* ===== PRINT ===== */
@media print{body{padding:0!important;background:#fff!important}.main-header,.main-sidebar,.sidebar-overlay,.mobile-bottom-nav,.main-footer,.content-header,.no-print,.box-tools{display:none!important}.content-wrapper,.sidebar-collapse .content-wrapper{margin:0!important;padding:0!important;background:#fff!important}.content-wrapper>.content{padding:0!important}.box,.card,.admin-card,.admin-list-card{border:0!important;box-shadow:none!important}.box-body,.card-body,.list-body{padding:0!important}.table-responsive,.modern-table-scroll{overflow:visible!important;border:0!important}.table{min-width:0!important}a[href]:after{content:none!important}}

/* =========================================================
   ADMIN PRO 2026.2 - Layout repair + complete page components
   This block intentionally comes last. It fixes the shared classes used by
   AJAX directory/report pages and shields the shell from old AdminLTE rules.
========================================================= */

/* Brand/logo: use the branch centre logo instead of the synthetic letter. */
.main-header .logo:before,.main-header .logo:after{display:none!important;content:none!important}
.main-header .logo{gap:12px!important;padding:0 16px!important}
.main-header .brand-mark{display:grid!important;place-items:center;width:44px;height:44px;min-width:44px;border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.main-header .brand-mark img{display:block;width:100%!important;height:100%!important;max-width:none!important;padding:2px;object-fit:contain!important;object-position:center;transform:scale(1.08);background:#fff}
.main-header .brand-mark-fallback{display:grid;width:100%;height:100%;place-items:center;color:#fff;background:linear-gradient(135deg,#4f75f0,#18bbc7);font:800 18px/1 Poppins,sans-serif}
.main-header .logo .logo-lg{display:block!important;flex:1;min-width:0}
.sidebar-collapse .main-header .logo{justify-content:center!important;padding:0!important}
.sidebar-collapse .main-header .brand-mark{width:42px;height:42px;min-width:42px}

/* Sidebar centre logo: bigger, centered and never rendered as a tiny dot. */
.main-sidebar .user-panel .image{width:54px!important;height:54px!important;min-width:54px!important;border-radius:15px!important;box-shadow:0 7px 18px rgba(0,0,0,.18)}
.main-sidebar .user-panel .image .sidebar-brand-image{display:block!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;padding:2px!important;border:0!important;border-radius:13px!important;object-fit:contain!important;object-position:center!important;transform:scale(1.10);background:#fff!important}
.main-sidebar .user-panel{min-height:78px!important}
.main-sidebar .user-panel .info p{max-width:168px!important;font-size:11.5px!important}

/* Full-width content must stay inside its sidebar boundary. */
.content-wrapper{width:auto!important;overflow-x:hidden!important}
.content-wrapper>.content{width:100%!important;max-width:none!important;margin:0!important}
.admin-page-shell{width:100%!important;max-width:1680px!important;margin:0 auto!important}

/* AJAX / modern page title header. */
.admin-page-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px;margin:0 0 18px!important;padding:0!important}
.admin-page-head>div:first-child{min-width:0}
h1.admin-page-title{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-direction:row!important;gap:11px!important;margin:0!important;padding:0!important;color:#1f2d49!important;font:700 25px/1.25 Poppins,Inter,sans-serif!important;letter-spacing:-.45px!important;white-space:normal!important}
h1.admin-page-title>i{display:grid!important;place-items:center!important;width:42px;height:42px;min-width:42px;border-radius:13px;color:#3157d5!important;background:#edf2ff;font-size:17px!important}
.admin-page-subtitle{max-width:760px;margin:6px 0 0!important;color:#71809f!important;font-size:11px!important;line-height:1.55!important}
.admin-action-group{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important}
.admin-action-group .btn{white-space:nowrap}

/* Summary cards used by Student, Marksheet, Branch, Fee and Report pages. */
.admin-stat-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important;margin:0 0 16px!important}
.admin-stat{display:flex!important;align-items:center!important;gap:12px!important;min-width:0;min-height:92px;padding:15px!important;border:1px solid #e4e9f3!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 26px rgba(29,49,88,.065)!important}
.admin-stat-icon{display:grid!important;place-items:center!important;width:46px;height:46px;min-width:46px;border-radius:14px!important;color:#fff!important;background:linear-gradient(135deg,#3157d5,#0fa3b1)!important;box-shadow:0 9px 18px rgba(49,87,213,.16)}
.admin-stat-grid .admin-stat:nth-child(2) .admin-stat-icon{background:linear-gradient(135deg,#0f9f6e,#20bfa1)!important}
.admin-stat-grid .admin-stat:nth-child(3) .admin-stat-icon{background:linear-gradient(135deg,#f59e0b,#f97316)!important}
.admin-stat-grid .admin-stat:nth-child(4) .admin-stat-icon{background:linear-gradient(135deg,#7c3aed,#a855f7)!important}
.admin-stat-value{overflow:hidden;color:#1f2d49!important;font:800 20px/1.1 Poppins,Inter,sans-serif!important;text-overflow:ellipsis;white-space:nowrap}
.admin-stat-label{margin-top:5px;color:#7a88a3!important;font-size:8.5px!important;font-weight:800!important;letter-spacing:.45px!important;text-transform:uppercase!important}

/* Responsive filter card. Old Bootstrap's input-group-addon is also restored. */
.admin-toolbar{margin:0 0 17px!important;padding:15px!important;border:1px solid #e4e9f3!important;border-radius:17px!important;background:#fff!important;box-shadow:0 8px 26px rgba(29,49,88,.055)!important}
.admin-filter-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:11px 12px!important;align-items:end!important}
.admin-filter{grid-column:span 2;min-width:0!important}
.admin-filter.wide{grid-column:span 3}
.admin-filter.search{grid-column:span 4}
.admin-filter label{display:block!important;margin:0 0 6px!important;color:#5b6880!important;font-size:9px!important;font-weight:800!important}
.admin-filter .form-control{width:100%!important}
.admin-filter .input-group{display:flex!important;width:100%!important;flex-wrap:nowrap!important}
.input-group-addon{display:flex!important;align-items:center!important;justify-content:center!important;min-width:42px;padding:0 11px!important;border:1px solid #dce3ef!important;border-right:0!important;border-radius:11px 0 0 11px!important;color:#6f7e99!important;background:#f2f5fa!important}
.input-group-addon+.form-control{border-radius:0 11px 11px 0!important}
.admin-toolbar .filter-actions{display:flex!important;align-items:center!important;gap:8px!important;width:100%}
.admin-toolbar .filter-actions .btn{flex:1 1 auto}
.admin-filter-bar{display:flex!important;align-items:end!important;gap:12px!important;flex-wrap:wrap!important;padding:14px!important;border:1px solid #e4e9f3!important;border-radius:16px!important;background:#fff!important}

/* Generic modern forms (modal edit forms etc). */
.admin-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important}
.admin-form-grid>.full,.admin-form-grid>[data-full="1"]{grid-column:1/-1!important}

/* List cards and data helpers. */
.admin-list-card .list-head>div:first-child{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.admin-list-card .list-head strong{display:flex;align-items:center;gap:8px;color:#26344f;font:700 12px/1.3 Poppins,sans-serif}
.admin-list-card .list-head .admin-muted{font-size:8.5px!important}
.admin-reg{display:inline-flex;align-items:center;max-width:100%;padding:4px 8px;border-radius:8px;color:#2f54ca;background:#edf2ff;font-size:9px;font-weight:800;letter-spacing:.2px;word-break:break-word}
.admin-name{margin-top:3px;color:#26344f;font-size:11px;font-weight:800}
.admin-due{color:#d23b42;font-size:11px;font-weight:850}
.admin-paid{display:inline-flex;align-items:center;gap:5px;color:#0f9f6e;font-size:9px;font-weight:850}
.admin-status-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:82px;min-height:28px;padding:5px 9px!important;border:0!important;border-radius:999px!important;outline:0!important;font-size:8px!important;font-weight:900!important;letter-spacing:.35px!important;cursor:pointer;white-space:nowrap}
.admin-status-pill.on{color:#087654!important;background:#e8f8f1!important}
.admin-status-pill.off{color:#bd3439!important;background:#fff0f1!important}
.admin-status-pill:disabled{opacity:.65;cursor:not-allowed}
.admin-icon-btn{display:inline-grid!important;place-items:center!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;border-radius:9px!important}
.admin-loader,.ajax-loading-row td{padding:28px!important;color:#70809e!important;text-align:center!important;font-size:11px!important}
.empty-state{padding:36px 18px!important;text-align:center!important}.empty-state .empty-icon{display:grid;width:52px;height:52px;margin:0 auto 10px;place-items:center;border-radius:16px;color:#3157d5;background:#edf2ff;font-size:19px}.empty-state h4{margin:0 0 5px;color:#26344f;font:700 13px/1.3 Poppins,sans-serif}.empty-state p{margin:0;color:#7a88a3;font-size:10px}

/* Bootstrap/AdminLTE compatibility used throughout the legacy pages. */
.btn-default{color:#4e5c77!important;background:#fff!important;border-color:#dfe5ef!important}.btn-default:hover{color:#3157d5!important;background:#f3f6ff!important;border-color:#cad6ff!important}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;border-radius:10px!important;font-size:10px!important;font-weight:800!important;box-shadow:none!important}
.btn-sm{min-height:32px!important;font-size:9px!important}
.row{min-width:0}
[class*="col-"]{min-width:0}
.box-body{min-width:0}
.box-body>form{max-width:100%}
.box-body table{max-width:100%}

/* A large number of legacy pages incorrectly put .table-responsive on the
   table itself. JS will move it to a wrapper; this keeps first paint safe. */
table.table-responsive{display:table!important;width:100%!important;overflow:visible!important}

/* Desktop/tablet refinements. */
@media (max-width:1399px){
  .admin-filter{grid-column:span 3}.admin-filter.wide{grid-column:span 4}.admin-filter.search{grid-column:span 6}
  h1.admin-page-title{font-size:23px!important}
}
@media (max-width:1199px){
  .admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .admin-filter{grid-column:span 4}.admin-filter.wide{grid-column:span 6}.admin-filter.search{grid-column:span 8}
  .main-header .brand-mark{width:42px;height:42px;min-width:42px}
}
@media (max-width:991px){
  .admin-page-head{align-items:flex-start!important;flex-direction:column!important}
  .admin-action-group{justify-content:flex-start!important;width:100%}
  .admin-filter{grid-column:span 6}.admin-filter.wide,.admin-filter.search{grid-column:span 6}
}
@media (max-width:767px){
  .admin-page-head{gap:12px!important;margin-bottom:14px!important}
  h1.admin-page-title{font-size:19px!important;line-height:1.25!important}
  h1.admin-page-title>i{width:38px;height:38px;min-width:38px;border-radius:12px;font-size:15px!important}
  .admin-page-subtitle{margin-top:5px!important;font-size:10px!important}
  .admin-action-group{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .admin-action-group>.btn,.admin-action-group>a.btn{width:100%!important}
  .admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-bottom:12px!important}
  .admin-stat{min-height:80px;padding:12px!important;border-radius:14px!important;gap:9px!important}
  .admin-stat-icon{width:40px;height:40px;min-width:40px;border-radius:12px!important;font-size:13px}
  .admin-stat-value{font-size:16px!important}.admin-stat-label{font-size:7.5px!important}
  .admin-toolbar{padding:12px!important;margin-bottom:13px!important;border-radius:15px!important}
  .admin-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .admin-filter,.admin-filter.wide,.admin-filter.search{grid-column:span 1!important}
  .admin-filter.search,.admin-filter-grid .admin-filter:last-child{grid-column:1/-1!important}
  .admin-form-grid{grid-template-columns:1fr!important}
  .admin-form-grid>*{grid-column:1!important}
  .main-sidebar .user-panel .image{width:58px!important;height:58px!important;min-width:58px!important}
}
@media (max-width:520px){
  .admin-stat-grid{grid-template-columns:1fr 1fr!important}
  .admin-filter-grid{grid-template-columns:1fr!important}
  .admin-filter,.admin-filter.wide,.admin-filter.search,.admin-filter-grid .admin-filter:last-child{grid-column:1!important}
  .admin-toolbar .filter-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .admin-action-group{grid-template-columns:1fr 1fr!important}
}
@media (max-width:380px){
  .admin-stat-grid{grid-template-columns:1fr!important}
  .admin-action-group{grid-template-columns:1fr!important}
}

/* =========================================================
   ADMIN PRO 2026.3 - Header hardening + premium data tables
   Final shared repair for legacy AdminLTE rules.
========================================================= */
:root{--ap-header:76px}

/* HEADER: keep every item inside one fixed-height row. */
.main-header{
  height:var(--ap-header)!important;
  min-height:var(--ap-header)!important;
  max-height:var(--ap-header)!important;
  overflow:visible!important;
}
.main-header .logo,
.main-header .navbar{
  height:var(--ap-header)!important;
  min-height:var(--ap-header)!important;
  max-height:var(--ap-header)!important;
}
.main-header .navbar{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  overflow:visible!important;
}
.header-context{flex:1 1 auto!important;min-width:120px!important;max-width:520px!important;overflow:hidden!important}
.header-context>span:last-child{min-width:0!important;overflow:hidden!important}
.header-context strong{max-width:100%!important}
.header-quick-actions{flex:0 0 auto!important;margin:0 4px 0 auto!important}
.navbar-custom-menu{
  position:relative!important;
  float:none!important;
  flex:0 0 auto!important;
  width:auto!important;
  height:var(--ap-header)!important;
  min-height:var(--ap-header)!important;
  max-height:var(--ap-header)!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  overflow:visible!important;
}
.navbar-custom-menu>.nav{
  float:none!important;
  height:var(--ap-header)!important;
  min-height:var(--ap-header)!important;
  max-height:var(--ap-header)!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:7px!important;
  margin:0!important;
  padding:0!important;
}
.navbar-custom-menu>.nav>li,
.navbar-custom-menu>.navbar-nav>li{
  float:none!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  width:auto!important;
  height:56px!important;
  min-height:56px!important;
  max-height:56px!important;
  margin:0!important;
  padding:0!important;
}
.navbar-custom-menu>.nav>li>a,
.navbar-custom-menu>.navbar-nav>li>a{
  position:relative!important;
  top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
  float:none!important;
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  margin:0!important;
  box-sizing:border-box!important;
  line-height:1.1!important;
  overflow:hidden!important;
}
.wallet-menu{width:auto!important;max-width:190px!important}
.wallet-link{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  width:176px!important;
  min-width:176px!important;
  max-width:176px!important;
  padding:6px 10px!important;
  border:1px solid #e1e7f1!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#f9fbff 0%,#f3f7ff 100%)!important;
  box-shadow:0 5px 16px rgba(33,57,101,.05)!important;
}
.wallet-icon{
  flex:0 0 34px!important;
  width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;
  border-radius:10px!important;
}
.wallet-label{
  position:static!important;
  display:flex!important;
  flex:1 1 auto!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:3px!important;
  line-height:1!important;
  overflow:hidden!important;
}
.wallet-label span{
  position:static!important;
  display:block!important;
  width:100%!important;
  margin:0!important;padding:0!important;
  color:#8593ad!important;
  font-size:7.5px!important;
  font-weight:900!important;
  line-height:1.05!important;
  letter-spacing:.55px!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  overflow:hidden!important;
}
.wallet-label strong{
  position:static!important;
  display:block!important;
  width:100%!important;
  margin:0!important;padding:0!important;
  color:#20304e!important;
  font-size:11.5px!important;
  font-weight:900!important;
  line-height:1.12!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  overflow:hidden!important;
}
.user-menu{max-width:180px!important}
.user-menu-toggle{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  min-width:0!important;
  max-width:180px!important;
  padding:5px 8px!important;
  border:1px solid transparent!important;
  border-radius:14px!important;
  overflow:hidden!important;
}
.user-menu-toggle:hover{border-color:#e7ebf3!important;background:#f7f9fd!important}
.user-avatar,.user-avatar-fallback{flex:0 0 38px!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;object-fit:contain!important;background:#fff!important}
.user-menu-name{flex:1 1 auto!important;min-width:0!important;max-width:105px!important;line-height:1.2!important}
.profile-caret{flex:0 0 auto!important}

/* Prevent content from touching / hiding below the fixed header. */
.content-wrapper{padding-top:var(--ap-header)!important}
.main-sidebar{top:var(--ap-header)!important}

/* PREMIUM TABLES: one consistent background on every list/report table. */
.table-responsive,.modern-table-scroll,.dataTables_wrapper{
  background:#fff!important;
}
.table-responsive,.modern-table-scroll{
  border:1px solid #dfe6f1!important;
  border-radius:15px!important;
  box-shadow:0 8px 24px rgba(31,55,98,.06)!important;
}
.table{
  background:#fff!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
.table thead th,
.table thead td,
.table>tbody>tr:first-child[style*="background"]>td,
.table>tbody>tr:first-child[bgcolor]>td{
  color:#fff!important;
  background:linear-gradient(135deg,#172b55 0%,#214a8b 58%,#2e64b9 100%)!important;
  border-color:rgba(255,255,255,.12)!important;
  font-size:8.5px!important;
  font-weight:900!important;
  line-height:1.25!important;
  letter-spacing:.45px!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.table thead th:first-child,.table thead td:first-child{border-top-left-radius:13px!important}
.table thead th:last-child,.table thead td:last-child{border-top-right-radius:13px!important}
.table tbody td{
  color:#35425d!important;
  background:#fff!important;
  border-bottom:1px solid #edf1f7!important;
}
.table tbody tr:nth-child(even) td{background:#f8faff!important}
.table tbody tr:hover td{background:#eef4ff!important}
.table tbody tr:last-child td{border-bottom:0!important}
.table-bordered{border:0!important;border-radius:0!important;overflow:visible!important}
.table-bordered th,.table-bordered td{border-right:1px solid #edf1f7!important}
.table-bordered th:last-child,.table-bordered td:last-child{border-right:0!important}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate{padding:9px 8px!important;color:#687894!important;font-size:10px!important}
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select{height:34px!important;border:1px solid #dde5f1!important;border-radius:9px!important;background:#fff!important}

/* Contact + WhatsApp mini action used by all list tables. */
.contact-actions{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
}
.contact-number{color:#263b61!important;font-weight:800!important;text-decoration:none!important}
.contact-number:hover{color:#3157d5!important}
.whatsapp-btn{
  display:inline-grid!important;
  place-items:center!important;
  width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;
  margin:0!important;padding:0!important;
  border:0!important;
  border-radius:9px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#18b966,#25d366)!important;
  box-shadow:0 5px 12px rgba(37,211,102,.22)!important;
  font-size:14px!important;
  line-height:1!important;
  text-decoration:none!important;
  vertical-align:middle!important;
}
.whatsapp-btn:hover{color:#fff!important;transform:translateY(-1px);box-shadow:0 7px 15px rgba(37,211,102,.30)!important}
.whatsapp-btn .fa-whatsapp{font-size:15px!important}

/* Make list cards feel like a single premium component. */
.admin-list-card{
  border:1px solid #e0e7f1!important;
  border-radius:17px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(30,52,94,.07)!important;
}
.admin-list-card .list-head{
  background:linear-gradient(180deg,#fff 0%,#f8faff 100%)!important;
  border-bottom:1px solid #e7ecf4!important;
}
.admin-list-card .list-body{background:#fff!important}

@media (max-width:1399px){
  .header-context{max-width:340px!important}
  .wallet-link{width:158px!important;min-width:158px!important;max-width:158px!important}
  .user-menu-toggle{max-width:145px!important}.user-menu-name{max-width:75px!important}
}
@media (max-width:1199px){
  .header-quick-actions .header-quick-btn span{display:none!important}
  .header-quick-actions .header-quick-btn{width:40px!important;padding:0!important;justify-content:center!important}
  .header-context{max-width:300px!important}
  .wallet-link{width:148px!important;min-width:148px!important;max-width:148px!important}
}
@media (max-width:991px){
  .header-quick-actions{display:none!important}
  .wallet-menu{display:flex!important;max-width:54px!important}
  .wallet-link{width:48px!important;min-width:48px!important;max-width:48px!important;padding:6px!important;justify-content:center!important}
  .wallet-label{display:none!important}
  .user-menu-toggle{max-width:52px!important;padding:5px!important}
  .user-menu-name,.profile-caret{display:none!important}
}
@media (max-width:767px){
  :root{--ap-header:64px}
  .navbar-custom-menu,.navbar-custom-menu>.nav{height:var(--ap-header)!important;min-height:var(--ap-header)!important;max-height:var(--ap-header)!important}
  .navbar-custom-menu>.nav>li,.navbar-custom-menu>.navbar-nav>li{height:48px!important;min-height:48px!important;max-height:48px!important}
  .navbar-custom-menu>.nav>li>a,.navbar-custom-menu>.navbar-nav>li>a{height:44px!important;min-height:44px!important;max-height:44px!important}
  .wallet-menu{display:none!important}
  .table-responsive,.modern-table-scroll{border-radius:13px!important}
  .table thead th,.table thead td{font-size:8px!important;padding:10px 9px!important}
  .table tbody td{padding:10px 9px!important}
}
@media print{.whatsapp-btn{display:none!important}.contact-actions{display:inline!important}.contact-number{color:#000!important;text-decoration:none!important}}

/* =========================================================
   ADMIN PRO 2026.4 - Unified app experience
   Compact header, command search, drawers, PWA controls,
   table tools, mobile cards, dark mode and workflow helpers.
========================================================= */
:root{--ap-header:70px;--ap-accent:var(--ap-primary);--ap-sidebar:278px}
body{padding-top:0!important}
.main-header.admin-v4-header{height:var(--ap-header)!important;min-height:var(--ap-header)!important;max-height:var(--ap-header)!important;overflow:visible!important}
.main-header.admin-v4-header .logo{width:var(--ap-sidebar)!important;min-width:var(--ap-sidebar)!important;height:var(--ap-header)!important;padding:0 15px!important}
.main-header.admin-v4-header .brand-mark{width:42px!important;height:42px!important;min-width:42px!important;border-radius:12px!important}
.main-header.admin-v4-header .brand-mark img{transform:none!important;padding:2px!important;object-fit:contain!important}
.main-header.admin-v4-header .logo-title{font-size:12px!important}
.main-header.admin-v4-header .navbar{height:var(--ap-header)!important;min-height:var(--ap-header)!important;max-height:var(--ap-header)!important;padding:0 14px!important;gap:9px!important}
.content-wrapper{padding-top:var(--ap-header)!important}
.main-sidebar{top:var(--ap-header)!important}
.header-workspace-btn{position:relative;display:flex;align-items:center;gap:9px;min-width:190px;max-width:270px;height:46px;padding:5px 9px;border:1px solid transparent;border-radius:13px;color:#24344f;background:transparent;text-align:left;cursor:pointer;overflow:hidden}
.header-workspace-btn:hover{border-color:#e4eaf4;background:#f8faff}
.header-workspace-copy{display:flex;min-width:0;flex:1;flex-direction:column;line-height:1.05}.header-workspace-copy small{color:#92a0b8;font-size:7px;font-weight:900;letter-spacing:.8px}.header-workspace-copy strong{display:block;margin-top:3px;overflow:hidden;font-size:10.5px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.header-workspace-copy em{display:block;margin-top:3px;overflow:hidden;color:#7786a1;font-size:8px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.workspace-caret{color:#9aa7ba;font-size:8px}
.header-global-search{position:relative;display:flex;align-items:center;flex:1 1 360px;max-width:560px;min-width:240px;height:42px;margin:0 auto;padding:0 11px;border:1px solid #e0e6f0;border-radius:13px;background:#f8faff;transition:.18s ease}
.header-global-search:focus-within{border-color:#bac8ff;background:#fff;box-shadow:0 0 0 3px rgba(49,87,213,.08)}.header-global-search>i{color:#8392ad;font-size:11px}.header-global-search input{flex:1;min-width:0;height:40px;padding:0 10px;border:0;outline:0;color:#263550;background:transparent;font-size:10px;font-weight:600}.header-global-search input::placeholder{color:#9aa6bb}.header-global-search kbd{padding:3px 6px;border:1px solid #dfe5ef;border-radius:6px;color:#8a98af;background:#fff;box-shadow:none;font:700 8px/1 Inter,sans-serif}
.global-search-results{position:absolute;z-index:1095;top:48px;right:0;left:0;max-height:480px;padding:7px;border:1px solid #e0e7f2;border-radius:15px;background:#fff;box-shadow:0 20px 55px rgba(26,45,84,.2);overflow:auto}.global-search-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:#2a3853}.global-search-item:hover,.global-search-item.active{color:#2548bc;background:#eff3ff}.global-search-item .g-icon{display:grid;width:34px;height:34px;min-width:34px;place-items:center;border-radius:10px;color:var(--ap-accent);background:#eef2ff}.global-search-item strong{display:block;font-size:10px}.global-search-item small{display:block;margin-top:2px;color:#7f8ca4;font-size:8.5px}.global-search-empty{padding:22px;color:#7f8ca4;text-align:center;font-size:10px}
.header-icon-item{display:flex!important;align-items:center!important;width:42px!important;height:46px!important;min-height:46px!important;max-height:46px!important}.header-icon-btn{position:relative;display:grid;width:38px;height:38px;place-items:center;border:1px solid #e5eaf2;border-radius:11px;color:#53627c;background:#fff;font-size:13px;cursor:pointer}.header-icon-btn:hover{color:var(--ap-accent);background:#f2f5ff}.header-badge{position:absolute;top:-5px;right:-5px;display:grid;min-width:18px;height:18px;padding:0 4px;place-items:center;border:2px solid #fff;border-radius:999px;color:#fff;background:#e5484d;font-size:7px;font-weight:900}
.workspace-popover{position:absolute;z-index:1098;top:calc(var(--ap-header) - 2px);left:calc(var(--ap-sidebar) + 58px);width:330px;padding:14px;border:1px solid #dfe6f1;border-radius:0 0 16px 16px;background:#fff;box-shadow:0 22px 55px rgba(27,46,84,.18)}.workspace-popover-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:11px}.workspace-popover-head strong{display:block;color:#273651;font-size:12px}.workspace-popover-head span{display:block;margin-top:2px;color:#8391aa;font-size:8.5px}.workspace-popover-head button,.admin-drawer-head button,.admin-quick-sheet-head button,.admin-mobile-more-head button{display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:9px;color:#74829a;background:#f2f5fa;cursor:pointer}.workspace-popover label{display:block;margin:10px 0 5px;color:#596882;font-size:8px;font-weight:900;text-transform:uppercase}.workspace-popover .form-control{height:39px!important;font-size:9.5px!important}.workspace-popover-note{display:flex;gap:7px;margin-top:12px;padding:9px;border-radius:10px;color:#64748d;background:#f5f7fb;font-size:8px;line-height:1.45}
.wallet-link{width:144px!important;min-width:144px!important;max-width:144px!important;height:46px!important;min-height:46px!important;max-height:46px!important;border-radius:12px!important}.wallet-icon{width:32px!important;height:32px!important;min-width:32px!important}.wallet-label span{font-size:6.7px!important}.wallet-label strong{font-size:10.5px!important}.navbar-custom-menu,.navbar-custom-menu>.nav{height:var(--ap-header)!important;min-height:var(--ap-header)!important;max-height:var(--ap-header)!important}.navbar-custom-menu>.nav>li,.navbar-custom-menu>.navbar-nav>li{height:46px!important;min-height:46px!important;max-height:46px!important}.navbar-custom-menu>.nav>li>a,.navbar-custom-menu>.navbar-nav>li>a{height:44px!important;min-height:44px!important;max-height:44px!important}.user-menu-toggle{max-width:145px!important;height:44px!important}.user-avatar,.user-avatar-fallback{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;object-fit:contain!important}.user-menu-name{max-width:82px!important}

/* Sidebar favourites */
.sidebar-favourites{margin:0 0 8px!important;padding:8px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px;background:rgba(255,255,255,.035)}.sidebar-favourites-title{display:flex;align-items:center;gap:7px;padding:2px 5px 6px;color:#91a8d8;font-size:8px;font-weight:900;text-transform:uppercase}.sidebar-favourites-title i{color:#f7c948}.sidebar-favourites ul{margin:0;padding:0;list-style:none}.sidebar-favourites li a{display:flex;align-items:center;gap:8px;min-height:34px;padding:7px 8px;border-radius:9px;color:#c9d6f2;font-size:9px}.sidebar-favourites li a:hover{color:#fff;background:rgba(255,255,255,.07)}.sidebar-pin{position:absolute!important;right:31px!important;display:grid!important;width:24px!important;height:24px!important;place-items:center!important;border:0!important;border-radius:7px!important;color:#6e85b7!important;background:transparent!important;opacity:0;transition:.15s}.treeview-menu li:hover .sidebar-pin{opacity:1}.sidebar-pin.is-pinned{color:#f7c948!important;opacity:1}.treeview-menu li{position:relative!important}.sidebar-collapse .sidebar-pin{display:none!important}

/* Unified table command bar */
.admin-table-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid #dfe6f1;border-bottom:0;border-radius:13px 13px 0 0;background:linear-gradient(180deg,#fff,#f7f9fd)}.admin-table-tools .tool-title{display:flex;align-items:center;gap:7px;min-width:0;color:#41506b;font-size:9px;font-weight:850}.admin-table-tools .tool-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.admin-table-tool{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:5px 8px;border:1px solid #e0e6f0;border-radius:8px;color:#5c6b85;background:#fff;font-size:8px;font-weight:800;cursor:pointer}.admin-table-tool:hover{color:var(--ap-accent);border-color:#cbd5ff;background:#f3f5ff}.admin-column-menu{position:absolute;z-index:1080;right:8px;top:42px;width:210px;max-height:320px;padding:8px;border:1px solid #e0e6ef;border-radius:11px;background:#fff;box-shadow:0 14px 36px rgba(25,44,82,.18);overflow:auto}.admin-column-menu label{display:flex;align-items:center;gap:8px;padding:6px;border-radius:7px;color:#56647d;font-size:8.5px;cursor:pointer}.admin-column-menu label:hover{background:#f4f6fb}.modern-table-scroll.admin-enhanced-table,.table-responsive.admin-enhanced-table{position:relative;border-radius:0 0 13px 13px!important}.admin-table-tool-wrap{position:relative}.table thead th{position:sticky!important;z-index:3;top:0!important;box-shadow:0 1px 0 rgba(255,255,255,.1)}body.table-density-compact .table th,body.table-density-compact .table td{padding:6px 7px!important;font-size:8px!important}body.table-density-compact .admin-icon-btn{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important}
.call-btn{display:inline-grid!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;place-items:center!important;border-radius:9px!important;color:#fff!important;background:linear-gradient(135deg,#2f65db,#3a88f7)!important;box-shadow:0 5px 12px rgba(47,101,219,.2)!important;font-size:12px!important;text-decoration:none!important}.call-btn:hover{color:#fff!important;transform:translateY(-1px)}

/* Drawers, quick action and mobile sheets */
.admin-drawer-overlay{position:fixed;z-index:1090;inset:0;background:rgba(10,22,48,.36);backdrop-filter:blur(2px)}.admin-drawer{position:fixed;z-index:1092;top:0;right:0;width:min(390px,92vw);height:100vh;padding-top:0;background:#fff;box-shadow:-18px 0 55px rgba(20,35,70,.2);transform:translateX(105%);transition:transform .22s ease;overflow:auto}.admin-drawer.is-open{transform:translateX(0)}.admin-drawer-head{position:sticky;z-index:2;top:0;display:flex;align-items:flex-start;justify-content:space-between;padding:18px;border-bottom:1px solid #e7ebf3;background:#fff}.admin-drawer-head strong{display:block;color:#25344f;font-size:14px}.admin-drawer-head span{display:block;margin-top:3px;color:#8592a9;font-size:9px}.admin-notification-list{padding:10px}.admin-notification-item{display:flex;align-items:center;gap:10px;margin-bottom:7px;padding:11px;border:1px solid #e7ebf3;border-radius:12px;color:#34435d;background:#fff}.admin-notification-item:hover{border-color:#d0d9fb;background:#f8faff}.admin-notification-icon{display:grid;width:38px;height:38px;min-width:38px;place-items:center;border-radius:11px;color:#3157d5;background:#eef2ff}.admin-notification-icon.warning{color:#c27800;background:#fff5dc}.admin-notification-icon.danger{color:#cf3f46;background:#ffedef}.admin-notification-icon.success{color:#0f8b62;background:#eaf8f2}.admin-notification-item strong{display:block;font-size:9.5px}.admin-notification-item small{display:block;margin-top:2px;color:#8b97aa;font-size:8px}.admin-drawer-loading{padding:28px;color:#7f8ca4;text-align:center;font-size:9px}
.admin-settings-body{padding:15px}.admin-setting-row,.admin-setting-block{margin-bottom:12px;padding:12px;border:1px solid #e5eaf2;border-radius:12px}.admin-setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-setting-row strong,.admin-setting-block>strong{display:block;color:#33415c;font-size:10px}.admin-setting-row span,.admin-setting-block>span{display:block;margin-top:2px;color:#8491a7;font-size:8px}.admin-switch{position:relative;width:42px;height:24px;margin:0}.admin-switch input{display:none}.admin-switch span{position:absolute;inset:0;border-radius:999px;background:#dfe5ef;cursor:pointer;transition:.2s}.admin-switch span:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.16);transition:.2s}.admin-switch input:checked+span{background:var(--ap-accent)}.admin-switch input:checked+span:after{transform:translateX(18px)}.admin-accent-options{display:flex;gap:8px;margin-top:10px}.admin-accent-options button{width:30px;height:30px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #dfe5ef;cursor:pointer}.admin-accent-options button:nth-child(1){background:#3157d5}.admin-accent-options button:nth-child(2){background:#7c3aed}.admin-accent-options button:nth-child(3){background:#0f9f6e}.admin-accent-options button:nth-child(4){background:#d9485f}.admin-accent-options button:nth-child(5){background:#c66a12}.admin-accent-options button.active{box-shadow:0 0 0 2px var(--ap-accent)}.admin-segmented{display:flex;margin-top:9px;padding:3px;border-radius:10px;background:#f1f4f8}.admin-segmented button{flex:1;padding:6px;border:0;border-radius:8px;color:#68768d;background:transparent;font-size:8px;font-weight:800}.admin-segmented button.active{color:var(--ap-accent);background:#fff;box-shadow:0 3px 10px rgba(31,49,83,.08)}
.admin-fab{position:fixed;z-index:1055;right:24px;bottom:24px;display:grid;width:50px;height:50px;place-items:center;border:0;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--ap-accent),#6688f4);box-shadow:0 14px 30px rgba(49,87,213,.28);font-size:17px;cursor:pointer}.admin-fab:hover{transform:translateY(-2px)}.admin-quick-sheet{position:fixed;z-index:1088;right:20px;bottom:84px;width:330px;padding:12px;border:1px solid #e1e7f0;border-radius:16px;background:#fff;box-shadow:0 20px 55px rgba(24,43,81,.2)}.admin-quick-sheet-head,.admin-mobile-more-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.admin-quick-sheet-head strong,.admin-mobile-more-head strong{color:#2a3954;font-size:11px}.admin-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.admin-quick-grid a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:64px;padding:9px;border:1px solid #e7ebf3;border-radius:12px;color:#516078;background:#fff;flex-direction:column;text-align:center;font-size:8px;font-weight:800}.admin-quick-grid a i{color:var(--ap-accent);font-size:15px}.admin-quick-grid a:hover{color:var(--ap-accent);border-color:#cfd9ff;background:#f4f6ff}
.admin-toast-stack{position:fixed;z-index:1200;right:18px;bottom:18px;display:flex;width:min(350px,calc(100vw - 36px));flex-direction:column;gap:8px;pointer-events:none}.admin-toast{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid #dfe6f0;border-radius:12px;color:#35435e;background:#fff;box-shadow:0 14px 34px rgba(25,44,82,.17);font-size:9px;pointer-events:auto;animation:adminToastIn .2s ease}.admin-toast i{margin-top:2px;color:var(--ap-accent)}.admin-toast.success i{color:#0f9f6e}.admin-toast.error i{color:#e5484d}@keyframes adminToastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.admin-page-progress{position:fixed;z-index:1300;top:0;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--ap-accent),#19b8c6);box-shadow:0 0 10px rgba(49,87,213,.5);transition:width .2s ease,opacity .2s}.admin-page-progress.loading{width:72%}.admin-page-progress.done{width:100%;opacity:0}
.admin-form-save-fab{position:fixed;z-index:1045;right:20px;bottom:86px;display:flex;align-items:center;gap:7px;min-height:42px;padding:0 14px;border:0;border-radius:13px;color:#fff;background:linear-gradient(135deg,#0f9f6e,#20bfa1);box-shadow:0 12px 28px rgba(15,159,110,.25);font-size:9px;font-weight:900;cursor:pointer}

/* Mobile search / more */
.admin-mobile-search{position:fixed;z-index:1120;inset:0;padding:12px;background:rgba(245,247,251,.98);backdrop-filter:blur(8px)}.admin-mobile-search-box{display:flex;align-items:center;height:48px;padding:0 9px;border:1px solid #dce3ef;border-radius:13px;background:#fff;box-shadow:0 9px 24px rgba(34,54,91,.08)}.admin-mobile-search-box>i{color:#7888a2}.admin-mobile-search-box input{flex:1;height:46px;padding:0 9px;border:0;outline:0;background:transparent;font-size:11px}.admin-mobile-search-box button{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:9px;color:#66758f;background:#f0f3f8}.admin-mobile-search-results{margin-top:10px;padding:6px;border-radius:13px;background:#fff}.admin-mobile-more{position:fixed;z-index:1110;right:8px;bottom:72px;left:8px;padding:14px;border:1px solid #e0e6ef;border-radius:18px;background:#fff;box-shadow:0 20px 50px rgba(20,38,73,.2)}.admin-mobile-more-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.admin-mobile-more-grid a,.admin-mobile-more-grid button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:66px;padding:7px;border:1px solid #e9edf4;border-radius:12px;color:#52617a;background:#fff;flex-direction:column;font-size:7.5px;font-weight:800}.admin-mobile-more-grid i{color:var(--ap-accent);font-size:15px}
.mobile-bottom-nav button{display:flex;align-items:center;justify-content:center;min-width:0;height:54px;padding:4px 2px;border:0;color:#7f8ca4;background:transparent;flex:1;flex-direction:column;gap:2px}.mobile-bottom-nav button i{font-size:14px}.mobile-bottom-nav button span{font-size:7px;font-weight:800}

/* Dashboard intelligence */
.dashboard-command-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.dashboard-command-card{position:relative;display:flex;align-items:center;gap:12px;min-height:100px;padding:15px;border:1px solid #e3e8f1;border-radius:17px;color:#26354f;background:#fff;box-shadow:0 9px 28px rgba(28,49,89,.06);overflow:hidden}.dashboard-command-card:after{content:"";position:absolute;right:-24px;bottom:-26px;width:88px;height:88px;border-radius:50%;background:rgba(49,87,213,.05)}.dashboard-command-card .d-icon{display:grid;width:46px;height:46px;min-width:46px;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--ap-accent),#6282ee);font-size:16px}.dashboard-command-card:nth-child(2) .d-icon{background:linear-gradient(135deg,#0f9f6e,#27c4a0)}.dashboard-command-card:nth-child(3) .d-icon{background:linear-gradient(135deg,#f59e0b,#f97316)}.dashboard-command-card:nth-child(4) .d-icon{background:linear-gradient(135deg,#7c3aed,#a855f7)}.dashboard-command-card strong{display:block;font:800 20px/1.05 Poppins,sans-serif}.dashboard-command-card span{display:block;margin-top:4px;color:#7b89a1;font-size:8.5px;font-weight:800;text-transform:uppercase}.dashboard-grid-2{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);gap:14px;margin-bottom:16px}.dashboard-panel{min-width:0;padding:15px;border:1px solid #e3e8f1;border-radius:17px;background:#fff;box-shadow:0 10px 30px rgba(29,49,89,.055)}.dashboard-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.dashboard-panel-head strong{color:#2b3954;font:700 12px Poppins,sans-serif}.dashboard-panel-head span{color:#8491a7;font-size:8px}.dashboard-chart-wrap{height:260px}.dashboard-mini-list{display:flex;flex-direction:column;gap:7px}.dashboard-mini-row{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid #edf0f5;border-radius:11px}.dashboard-mini-row .mini-icon{display:grid;width:34px;height:34px;min-width:34px;place-items:center;border-radius:9px;color:var(--ap-accent);background:#eef2ff}.dashboard-mini-row strong{display:block;font-size:9px}.dashboard-mini-row small{display:block;margin-top:2px;color:#8491a8;font-size:7.5px}.dashboard-mini-row .mini-amount{margin-left:auto;color:#d13f47;font-size:9px;font-weight:900}.dashboard-quick-links{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.dashboard-quick-links a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:58px;padding:9px;border:1px solid #e8ecf3;border-radius:12px;color:#586780;flex-direction:column;font-size:8px;font-weight:800;text-align:center}.dashboard-quick-links a i{color:var(--ap-accent);font-size:14px}.dashboard-quick-links a:hover{color:var(--ap-accent);border-color:#ccd7ff;background:#f6f7ff}

/* Student 360 profile */
.student360-hero{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin-bottom:14px;padding:17px;border:1px solid #e2e8f1;border-radius:18px;background:linear-gradient(135deg,#fff,#f6f8ff);box-shadow:0 10px 32px rgba(28,49,87,.06)}.student360-avatar{display:grid;width:64px;height:64px;place-items:center;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--ap-accent),#13aebb);font-size:24px}.student360-hero h2{margin:0;color:#263550;font:700 18px Poppins,sans-serif}.student360-hero p{margin:4px 0 0;color:#78869e;font-size:9px}.student360-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.student360-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.student360-info{padding:12px;border:1px solid #e7ebf2;border-radius:12px;background:#fff}.student360-info label{display:block;margin:0 0 4px;color:#8a97ad;font-size:7px;font-weight:900;text-transform:uppercase}.student360-info strong{display:block;overflow:hidden;color:#34425c;font-size:9.5px;text-overflow:ellipsis}.student360-tabs .nav-tabs{gap:5px;border:0!important}.student360-tabs .nav-link{border:1px solid #e5eaf2!important;border-radius:10px!important;color:#66758e!important;background:#fff!important;font-size:8.5px!important;font-weight:800!important}.student360-tabs .nav-link.active{color:#fff!important;background:var(--ap-accent)!important;border-color:var(--ap-accent)!important}.student360-tabs .tab-content{margin-top:10px;padding:13px;border:1px solid #e5eaf2;border-radius:14px;background:#fff}

/* Dark mode */
body.admin-dark{--ap-bg:#101827;--ap-card:#172133;--ap-ink:#e8eefb;--ap-muted:#9caccc;--ap-line:#2a3850;background:#101827!important;color:#e4ebf8}.admin-dark .content-wrapper,.admin-dark .wrapper{background:#101827!important}.admin-dark .main-header,.admin-dark .main-header .navbar,.admin-dark .dropdown-menu,.admin-dark .workspace-popover,.admin-dark .admin-drawer,.admin-dark .admin-drawer-head,.admin-dark .admin-quick-sheet,.admin-dark .admin-mobile-more,.admin-dark .admin-mobile-search-results,.admin-dark .dashboard-panel,.admin-dark .dashboard-command-card,.admin-dark .student360-info,.admin-dark .student360-tabs .tab-content,.admin-dark .admin-toolbar,.admin-dark .admin-stat,.admin-dark .admin-list-card,.admin-dark .table,.admin-dark .table tbody td,.admin-dark .admin-table-tools{background:#172133!important;border-color:#2a3850!important;color:#dbe4f5!important}.admin-dark .header-global-search,.admin-dark .header-icon-btn,.admin-dark .wallet-link,.admin-dark .form-control,.admin-dark input,.admin-dark select,.admin-dark textarea{color:#dbe4f5!important;background:#111a29!important;border-color:#2c3b54!important}.admin-dark .header-global-search input{background:transparent!important}.admin-dark .header-workspace-btn{color:#e8eef9}.admin-dark .header-workspace-btn:hover{background:#202c40;border-color:#34445e}.admin-dark .header-workspace-copy strong,.admin-dark .wallet-label strong,.admin-dark .user-menu-name,.admin-dark h1,.admin-dark h2,.admin-dark h3,.admin-dark h4,.admin-dark .dashboard-panel-head strong,.admin-dark .dashboard-command-card,.admin-dark .student360-hero h2{color:#ecf2ff!important}.admin-dark .table tbody tr:nth-child(even) td{background:#1b273b!important}.admin-dark .table tbody tr:hover td{background:#22314a!important}.admin-dark .admin-table-tool,.admin-dark .btn-default,.admin-dark .admin-notification-item,.admin-dark .admin-setting-row,.admin-dark .admin-setting-block,.admin-dark .dashboard-mini-row,.admin-dark .dashboard-quick-links a{color:#c8d3e7!important;background:#1b2638!important;border-color:#2c3a51!important}.admin-dark .global-search-results,.admin-dark .admin-column-menu,.admin-dark .admin-mobile-search-box{background:#172133!important;border-color:#2a3850!important}.admin-dark .global-search-item{color:#dbe5f6}.admin-dark .global-search-item:hover{background:#22304a}.admin-dark .student360-hero{background:linear-gradient(135deg,#172133,#151f31)!important;border-color:#2a3850!important}.admin-dark .admin-stat-value,.admin-dark .admin-name,.admin-dark .box-title,.admin-dark .card-title{color:#e7eefb!important}

@media(max-width:1450px){.header-global-search{max-width:440px}.header-workspace-btn{max-width:220px}.header-quick-actions{display:none!important}}
@media(max-width:1180px){.header-global-search{max-width:360px}.wallet-menu{display:none!important}.header-workspace-btn{max-width:200px}}
@media(max-width:991px){.header-global-search{display:none!important}.header-workspace-btn{max-width:260px}.dashboard-command-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid-2{grid-template-columns:1fr}.student360-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){
  :root{--ap-header:60px}.main-header.admin-v4-header .logo{display:none!important}.main-header.admin-v4-header .navbar{padding:0 9px!important}.header-workspace-btn{display:none!important}.header-icon-item{width:38px!important}.header-icon-btn{width:34px;height:34px}.navbar-custom-menu{margin-left:auto!important}.user-menu-toggle{max-width:42px!important;padding:4px!important}.profile-caret{display:none!important}.content-wrapper{padding-top:var(--ap-header)!important;padding-bottom:74px!important}.main-sidebar{top:0!important;padding-top:0!important}.admin-fab{right:14px;bottom:82px;width:46px;height:46px;border-radius:14px}.admin-quick-sheet{right:8px;bottom:140px;left:8px;width:auto}.admin-form-save-fab{right:72px;bottom:86px}.admin-table-tools{align-items:flex-start;flex-direction:column;padding:7px}.admin-table-tools .tool-actions{width:100%}.admin-table-tool{flex:1;justify-content:center}.workspace-popover{left:8px;right:8px;width:auto}.dashboard-command-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dashboard-command-card{min-height:84px;padding:11px}.dashboard-command-card .d-icon{width:40px;height:40px;min-width:40px}.dashboard-command-card strong{font-size:16px}.dashboard-grid-2{grid-template-columns:1fr}.dashboard-chart-wrap{height:220px}.dashboard-quick-links{grid-template-columns:repeat(2,1fr)}.student360-hero{grid-template-columns:auto 1fr}.student360-actions{grid-column:1/-1;justify-content:flex-start}.student360-grid{grid-template-columns:repeat(2,1fr)}
  table.admin-mobile-cards{display:block!important;width:100%!important;min-width:0!important;background:transparent!important}table.admin-mobile-cards thead{display:none!important}table.admin-mobile-cards tbody{display:block!important;width:100%!important}table.admin-mobile-cards tbody tr{display:block!important;width:100%!important;margin:0 0 10px!important;padding:7px!important;border:1px solid #e2e8f1!important;border-radius:14px!important;background:#fff!important;box-shadow:0 7px 20px rgba(27,48,87,.05)!important}table.admin-mobile-cards tbody td{display:grid!important;grid-template-columns:minmax(94px,34%) 1fr!important;gap:8px!important;align-items:center!important;width:100%!important;min-height:35px!important;padding:7px 8px!important;border:0!important;border-bottom:1px dashed #edf0f5!important;background:transparent!important;white-space:normal!important}table.admin-mobile-cards tbody td:last-child{border-bottom:0!important}table.admin-mobile-cards tbody td:before{content:attr(data-label);color:#8a97ad;font-size:7px;font-weight:900;letter-spacing:.25px;text-transform:uppercase}table.admin-mobile-cards tbody td[colspan]{display:block!important;text-align:center!important}table.admin-mobile-cards tbody td[colspan]:before{display:none!important}table.admin-mobile-cards .admin-action-group{display:flex!important;justify-content:flex-start!important}.admin-dark table.admin-mobile-cards tbody tr{background:#172133!important;border-color:#2b3950!important}
}
@media(max-width:480px){.admin-mobile-more-grid{grid-template-columns:repeat(4,1fr)}.dashboard-command-grid{grid-template-columns:1fr 1fr}.dashboard-command-card{gap:8px}.dashboard-command-card .d-icon{width:36px;height:36px;min-width:36px}.dashboard-command-card strong{font-size:14px}.student360-grid{grid-template-columns:1fr 1fr}}
@media print{.admin-table-tools,.admin-fab,.admin-quick-sheet,.admin-drawer,.admin-drawer-overlay,.admin-form-save-fab,.admin-page-progress{display:none!important}.table thead th{position:static!important}.call-btn{display:none!important}}
.admin-offline-banner{position:fixed;z-index:1250;right:16px;bottom:16px;display:flex;align-items:center;gap:9px;max-width:430px;padding:10px 11px;border:1px solid #f1c7c9;border-radius:12px;color:#8c3036;background:#fff2f2;box-shadow:0 14px 34px rgba(80,30,35,.15);font-size:8.5px;font-weight:700}.admin-offline-banner button{padding:5px 8px;border:0;border-radius:7px;color:#fff;background:#d9484e;font-size:8px;font-weight:800}.admin-offline-banner[hidden]{display:none!important}.admin-offline .admin-page-progress{background:#d9484e!important}
@media(max-width:767px){.admin-offline-banner{right:8px;bottom:78px;left:8px;max-width:none}}
.admin-print-branding{display:none}
/* Large legacy forms already contain logical headings; make them look like app sections. */
.box-body form>.row>.col-md-12>strong:first-child,.card-body form>.row>.col-md-12>strong:first-child{display:inline-flex!important;align-items:center!important;gap:7px!important;margin:7px 0 6px!important;padding:7px 11px!important;border-radius:10px!important;color:var(--ap-accent)!important;background:#eef2ff!important;font:800 9px/1.2 Poppins,Inter,sans-serif!important;letter-spacing:.25px!important;text-transform:uppercase!important}.box-body form>.row>.col-md-12>hr,.card-body form>.row>.col-md-12>hr{margin:2px 0 12px!important;border:0!important;border-top:1px solid #e5eaf2!important}.box-body form>.row>[class*="col-md-"],.card-body form>.row>[class*="col-md-"]{margin-bottom:10px}.box-body form label,.card-body form label{color:#596780;font-size:9px;font-weight:800}.admin-dark .box-body form>.row>.col-md-12>strong:first-child,.admin-dark .card-body form>.row>.col-md-12>strong:first-child{background:#22314a!important}
@media print{.admin-print-branding{display:flex!important;align-items:center;justify-content:space-between;margin:0 0 14px;padding:0 0 10px;border-bottom:2px solid #203f78}.admin-print-brand-head{display:flex;align-items:center;gap:9px}.admin-print-brand-head img{width:42px;height:42px;object-fit:contain}.admin-print-brand-head strong{display:block;color:#18315f;font-size:14px}.admin-print-brand-head span,.admin-print-brand-meta{display:block;margin-top:3px;color:#66758d;font-size:8px}.admin-print-brand-meta{text-align:right}}
/* Header capacity guards: prevent the old AdminLTE flex items from wrapping at laptop widths. */
@media(max-width:1680px){.admin-v4-header .header-quick-actions{display:none!important}.admin-v4-header .header-global-search{max-width:420px!important}.admin-v4-header .header-workspace-btn{max-width:220px!important}}
@media(max-width:1400px){.admin-v4-header .wallet-menu{display:none!important}.admin-v4-header .header-global-search{max-width:390px!important}.admin-v4-header .user-menu-name{display:none!important}.admin-v4-header .user-menu-toggle{max-width:48px!important;padding:4px!important}.admin-v4-header .profile-caret{display:none!important}}
@media(max-width:1180px){.admin-v4-header .header-global-search{max-width:330px!important}.admin-v4-header .header-workspace-btn{max-width:200px!important}}

/* V4.1 WhatsApp templates, empty states and final responsive polish */
.admin-wa-dialog[hidden]{display:none!important}.admin-wa-dialog{position:fixed;z-index:2100;inset:0;display:grid;place-items:center;padding:16px}.admin-wa-backdrop{position:absolute;inset:0;background:rgba(11,24,49,.58);backdrop-filter:blur(4px)}.admin-wa-card{position:relative;width:min(480px,100%);padding:16px;border:1px solid #dde6ef;border-radius:20px;background:#fff;box-shadow:0 25px 70px rgba(13,34,67,.28)}.admin-wa-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.admin-wa-head>div{display:flex;align-items:center;gap:10px}.admin-wa-head>div>i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#fff;background:#16a765;font-size:20px}.admin-wa-head strong,.admin-wa-head small{display:block}.admin-wa-head strong{color:#1a2d4c;font-size:13px}.admin-wa-head small{margin-top:2px;color:#8190a8;font-size:8px}.admin-wa-head>button{width:34px;height:34px;border:1px solid #e3e8ef;border-radius:10px;color:#63718a;background:#f8f9fc}.admin-wa-templates{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}.admin-wa-templates button{padding:6px 9px;border:1px solid #dfe6ef;border-radius:9px;color:#56657f;background:#f8faff;font-size:8px;font-weight:850}.admin-wa-templates button.active{color:#0f8a51;border-color:#a9e5c9;background:#ebfbf3}.admin-wa-card textarea{display:block;width:100%;min-height:112px;padding:11px;border:1px solid #dce4ee;border-radius:12px;outline:0;resize:vertical;color:#263b5d;background:#fbfcff;font-size:10px;line-height:1.6}.admin-wa-card textarea:focus{border-color:#73d3a7;box-shadow:0 0 0 3px rgba(22,167,101,.10)}.admin-wa-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.admin-wa-actions .btn{min-height:36px;border-radius:10px;font-size:9px;font-weight:850}.admin-empty-row td{padding:20px!important;background:transparent!important}.admin-empty-state{display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;min-height:150px!important;text-align:center!important}.admin-empty-state>span{display:grid;place-items:center;width:52px;height:52px;margin-bottom:8px;border-radius:16px;color:#6e83ae;background:#edf3ff;font-size:20px}.admin-empty-state strong{color:#314563;font-size:12px}.admin-empty-state small{margin-top:4px;color:#8795aa;font-size:9px}.admin-dark .admin-wa-card{color:#dbe5f6;background:#172133;border-color:#2a3850}.admin-dark .admin-wa-head strong{color:#eef4ff}.admin-dark .admin-wa-head>button,.admin-dark .admin-wa-templates button,.admin-dark .admin-wa-card textarea{color:#dbe4f5;background:#111a29;border-color:#2c3b54}.admin-dark .admin-wa-templates button.active{color:#7ee0af;background:#143528;border-color:#276e4b}.admin-dark .admin-empty-state strong{color:#e7eefb}.admin-dark .admin-empty-state>span{color:#a8b9dc;background:#22304a}
@media(max-width:767px){.admin-wa-dialog{align-items:end;padding:8px}.admin-wa-card{width:100%;border-radius:20px 20px 14px 14px}.admin-wa-templates{display:grid;grid-template-columns:repeat(4,1fr)}.admin-wa-templates button{padding:8px 4px}.admin-wa-actions .btn{flex:1}}