:root{
  --mci-navy:#0b1f3a;
  --mci-navy-2:#102c55;
  --mci-blue:#1769e0;
  --mci-cyan:#13a8c7;
  --mci-green:#16a36a;
  --mci-orange:#f59e0b;
  --mci-red:#e5484d;
  --mci-purple:#7c5ce6;
  --mci-bg:#f4f7fb;
  --mci-card:#ffffff;
  --mci-text:#17243a;
  --mci-muted:#718096;
  --mci-line:#e5ebf3;
  --mci-radius:16px;
  --mci-shadow:0 10px 30px rgba(15,40,75,.08);
  --mci-shadow-sm:0 4px 16px rgba(15,40,75,.07);
  --mci-sidebar-w:270px;
  --mci-header-h:72px;
}

html,body{min-height:100%;background:var(--mci-bg)!important;}
body{
  font-family:Inter,Segoe UI,Roboto,Arial,sans-serif!important;
  color:var(--mci-text)!important;
  font-size:14px;
  line-height:1.55;
  overflow-x:hidden;
}
a{transition:.18s ease;text-decoration:none;}
a:hover{text-decoration:none;}
.wrapper{background:var(--mci-bg)!important;min-height:100vh;}

/* ===== Header ===== */
.mci-main-header{position:fixed!important;top:0;right:0;left:0;height:var(--mci-header-h);z-index:1040!important;box-shadow:0 1px 0 rgba(14,37,72,.08);}
.mci-main-header .logo.mci-brand{width:var(--mci-sidebar-w)!important;height:var(--mci-header-h)!important;display:flex!important;align-items:center!important;gap:12px;padding:0 18px!important;background:linear-gradient(135deg,#08182f,#123568)!important;color:#fff!important;line-height:1!important;border-right:1px solid rgba(255,255,255,.08);}
.mci-brand-mark{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2c7df0,#19b2ca);box-shadow:0 8px 18px rgba(23,105,224,.25);font-weight:800;font-size:13px;letter-spacing:.5px;flex:0 0 auto;}
.mci-brand-copy{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;}
.mci-brand-copy strong{font-size:16px;letter-spacing:.1px;white-space:nowrap;}
.mci-brand-copy small{margin-top:4px;font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:#a9c2e8;}
.mci-main-header .navbar.mci-topnav{height:var(--mci-header-h)!important;min-height:var(--mci-header-h)!important;margin-left:var(--mci-sidebar-w)!important;background:#fff!important;padding:0 18px!important;display:flex;align-items:center;justify-content:space-between;box-shadow:none!important;}
.mci-nav-left,.mci-nav-actions{display:flex;align-items:center;gap:10px;}
.mci-sidebar-toggle{width:42px;height:42px!important;border-radius:12px;display:flex!important;flex-direction:column;justify-content:center;gap:4px;padding:0 11px!important;color:var(--mci-navy)!important;background:#f2f6fb!important;}
.mci-sidebar-toggle:before{display:none!important;}
.mci-sidebar-toggle span{display:block;width:20px;height:2px;background:var(--mci-navy);border-radius:5px;}
.mci-sidebar-toggle:hover{background:#e9f1fb!important;}
.mci-page-identity{display:flex;flex-direction:column;line-height:1.15;max-width:430px;min-width:0;}
.mci-page-identity .mci-eyebrow{font-size:9px;font-weight:800;letter-spacing:1.2px;color:#94a3b8;text-transform:uppercase;margin-bottom:5px;}
.mci-page-identity strong{font-size:14px;color:#152744;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mci-quick-link{height:40px;padding:0 13px;border-radius:11px;align-items:center;gap:8px;color:#294364!important;background:#f5f8fc;border:1px solid #e7edf5;font-size:12px;font-weight:700;}
.mci-quick-link:hover{background:#eaf2ff;color:var(--mci-blue)!important;border-color:#d5e4fb;transform:translateY(-1px);}
.mci-user-menu{position:relative;}
.mci-user-trigger{height:48px;display:flex!important;align-items:center;gap:10px;padding:4px 6px 4px 8px!important;border-radius:14px;color:#223655!important;background:#fff!important;}
.mci-user-trigger:hover{background:#f5f8fc!important;}
.mci-avatar{width:38px!important;height:38px!important;border-radius:12px!important;object-fit:cover;border:2px solid #eaf0f8;}
.mci-user-copy{flex-direction:column;align-items:flex-start;line-height:1.15;min-width:90px;}
.mci-user-copy strong{font-size:12px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mci-user-copy small{font-size:10px;color:#8493a9;margin-top:4px;}
.mci-user-trigger>.fa-angle-down{font-size:11px;color:#8493a9;margin-right:4px;}
.mci-user-dropdown{right:0!important;left:auto!important;width:260px!important;margin-top:8px!important;padding:8px!important;border:1px solid #e7edf5!important;border-radius:16px!important;box-shadow:0 18px 45px rgba(12,37,72,.16)!important;background:#fff!important;}
.mci-user-dropdown:before{display:none!important;}
.mci-user-summary{display:flex!important;align-items:center;gap:12px;padding:10px 8px 14px!important;border-bottom:1px solid #edf1f6;margin-bottom:5px;}
.mci-user-summary img{width:44px;height:44px;border-radius:13px;object-fit:cover;}
.mci-user-summary div{display:flex;flex-direction:column;min-width:0;}
.mci-user-summary strong{font-size:13px;color:#17243a;}
.mci-user-summary span{font-size:11px;color:#7b8aa0;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:165px;}
.mci-user-dropdown>li>a{border-radius:10px!important;padding:9px 10px!important;font-size:12px!important;color:#334861!important;display:flex!important;align-items:center;gap:10px;}
.mci-user-dropdown>li>a:hover{background:#f3f7fc!important;color:var(--mci-blue)!important;}
.mci-user-dropdown>li>a i{width:16px;text-align:center;}
.mci-user-dropdown .divider{margin:5px 0!important;background:#edf1f6!important;}
.mci-user-dropdown .mci-logout{color:#c93f45!important;}

/* ===== Sidebar ===== */
.main-sidebar.mci-sidebar{position:fixed!important;top:var(--mci-header-h)!important;left:0;bottom:0;width:var(--mci-sidebar-w)!important;padding-top:0!important;background:linear-gradient(180deg,#0b1f3a 0%,#0a1a31 100%)!important;z-index:1035!important;box-shadow:8px 0 30px rgba(11,31,58,.08);overflow:hidden;}
.mci-sidebar>.sidebar{height:calc(100vh - var(--mci-header-h) - 55px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding:16px 12px 22px!important;scrollbar-width:thin;scrollbar-color:#315176 transparent;}
.mci-sidebar>.sidebar::-webkit-scrollbar{width:5px}.mci-sidebar>.sidebar::-webkit-scrollbar-thumb{background:#315176;border-radius:10px}.mci-sidebar>.sidebar::-webkit-scrollbar-track{background:transparent}
.mci-sidebar-profile{display:flex;align-items:center;gap:11px;padding:10px 9px 14px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:12px;}
.mci-sidebar-profile>img{width:42px;height:42px;border-radius:13px;object-fit:cover;border:2px solid rgba(255,255,255,.16);}
.mci-sidebar-profile-copy{display:flex;flex-direction:column;min-width:0;}
.mci-sidebar-profile-copy strong{font-size:12px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:165px;}
.mci-sidebar-profile-copy span{font-size:10px;color:#9eb5d5;margin-top:5px;display:flex;align-items:center;gap:6px;}
.mci-sidebar-profile-copy span i{width:7px;height:7px;border-radius:50%;background:#2bd187;box-shadow:0 0 0 3px rgba(43,209,135,.12);}
.mci-sidebar-search{height:40px;border-radius:11px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;padding:0 10px;margin:0 2px 13px;}
.mci-sidebar-search>i{font-size:11px;color:#87a1c3;}
.mci-sidebar-search input{flex:1;min-width:0;background:transparent;border:0!important;outline:0!important;box-shadow:none!important;color:#fff!important;font-size:11px;padding:0 8px!important;height:36px!important;}
.mci-sidebar-search input::placeholder{color:#708aaa;}
.mci-sidebar-search button{display:none;border:0;background:transparent;color:#7894b7;padding:4px;cursor:pointer;}
.mci-sidebar-search.has-value button{display:inline-flex;}
.mci-menu{white-space:normal!important;}
.mci-menu>.header{font-size:9px!important;letter-spacing:1.35px!important;font-weight:800!important;color:#6785ad!important;background:transparent!important;padding:12px 10px 7px!important;}
.mci-menu>li>a{min-height:42px!important;display:flex!important;align-items:center!important;padding:9px 10px!important;margin:2px 0!important;border-radius:10px!important;color:#b9c9dc!important;border-left:0!important;font-size:12px!important;font-weight:650!important;gap:10px;}
.mci-menu>li>a>i:first-child{width:23px!important;height:23px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:rgba(255,255,255,.055);color:#9fb8d9!important;font-size:12px!important;flex:0 0 auto;}
.mci-menu>li>a>span:not(.pull-right-container){flex:1;min-width:0;}
.mci-menu>li>a:hover{background:rgba(255,255,255,.07)!important;color:#fff!important;}
.mci-menu>li.active>a,.mci-menu>li.menu-open>a{background:linear-gradient(90deg,rgba(39,121,235,.22),rgba(34,174,202,.12))!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(92,164,255,.13);}
.mci-menu>li.active>a>i:first-child,.mci-menu>li.menu-open>a>i:first-child{background:#1d6edc!important;color:#fff!important;box-shadow:0 5px 15px rgba(23,105,224,.28);}
.mci-menu .pull-right-container{position:static!important;margin-left:auto!important;display:flex;align-items:center;}
.mci-menu .pull-right{transition:.2s transform;color:#7895b8;}
.mci-menu>li.menu-open>a .pull-right{transform:rotate(-90deg);}
.mci-menu .treeview-menu{margin:3px 0 7px!important;padding:3px 0 3px 21px!important;background:transparent!important;}
.mci-menu .treeview-menu>li>a{display:flex!important;align-items:center;gap:8px;min-height:34px;padding:7px 8px!important;color:#8fa8c8!important;border-radius:8px;font-size:11px!important;line-height:1.3;}
.mci-menu .treeview-menu>li>a i{width:16px!important;font-size:10px!important;color:#6383aa!important;}
.mci-menu .treeview-menu>li>a:hover,.mci-menu .treeview-menu>li.active>a{background:rgba(255,255,255,.065)!important;color:#fff!important;}
.mci-menu .treeview-menu>li.active>a i{color:#53b9ff!important;}
.mci-menu li.mci-search-hidden{display:none!important;}
.mci-menu li.mci-search-match{display:block!important;}
.mci-menu li.mci-search-match>.treeview-menu{display:block!important;}
.mci-sidebar-footer{position:absolute;left:0;right:0;bottom:0;height:55px;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 12px;background:#08172c;border-top:1px solid rgba(255,255,255,.07);}
.mci-sidebar-footer a{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#89a4c8;background:rgba(255,255,255,.055);}
.mci-sidebar-footer a:hover{color:#fff;background:#1d6edc;transform:translateY(-1px);}

/* ===== Layout ===== */
.content-wrapper{margin-left:var(--mci-sidebar-w)!important;margin-top:var(--mci-header-h)!important;min-height:calc(100vh - var(--mci-header-h))!important;background:var(--mci-bg)!important;padding-bottom:15px;transition:.2s ease;}
.main-footer.mci-footer{margin-left:var(--mci-sidebar-w)!important;background:#fff!important;border-top:1px solid var(--mci-line)!important;min-height:58px;padding:15px 24px!important;display:flex;align-items:center;justify-content:space-between;color:#708096;font-size:11px;transition:.2s ease;}
.mci-footer-left{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.mci-footer-left strong{color:#32465e}.mci-footer-right span{display:inline-flex;margin-left:5px;padding:3px 7px;border-radius:6px;background:#edf4ff;color:#1769e0;font-weight:800;}
.content-header{padding:22px 24px 10px!important;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;background:transparent!important;}
.content-header h1{font-size:22px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:-.35px;color:#16263e!important;margin:0!important;}
.content-header h1 small{display:block!important;font-size:10px!important;font-weight:700!important;letter-spacing:.8px;text-transform:uppercase;color:#8a9aaf!important;margin-top:6px!important;}
.content-header .breadcrumb{position:static!important;float:none!important;background:transparent!important;margin:0!important;padding:0!important;font-size:10px!important;color:#8595aa!important;}
.content-header .breadcrumb a{color:#62758e!important;}
.content{padding:10px 24px 25px!important;}

/* Sidebar collapse */
@media (min-width:768px){
  body.sidebar-collapse .main-sidebar.mci-sidebar{transform:translateX(calc(-1 * var(--mci-sidebar-w)))!important;}
  body.sidebar-collapse .content-wrapper,body.sidebar-collapse .main-footer.mci-footer{margin-left:0!important;}
  body.sidebar-collapse .mci-main-header .logo.mci-brand{transform:translateX(calc(-1 * var(--mci-sidebar-w)));position:absolute;}
  body.sidebar-collapse .mci-main-header .navbar.mci-topnav{margin-left:0!important;}
}

/* ===== Boxes / cards on ALL admin pages ===== */
.box,.card,.panel{border:1px solid var(--mci-line)!important;border-radius:var(--mci-radius)!important;background:var(--mci-card)!important;box-shadow:var(--mci-shadow-sm)!important;overflow:hidden;margin-bottom:20px!important;}
.box:before,.box:after{display:none!important;}
.box-header{min-height:58px!important;padding:15px 18px!important;border-bottom:1px solid var(--mci-line)!important;background:linear-gradient(180deg,#fff,#fbfcfe)!important;display:flex;align-items:center;gap:9px;}
.box-header>i{width:30px;height:30px;border-radius:9px;background:#edf4ff;color:var(--mci-blue)!important;display:inline-flex!important;align-items:center;justify-content:center;font-size:13px!important;}
.box-header .box-title{font-size:14px!important;font-weight:800!important;letter-spacing:-.1px;color:#22344d!important;margin:0!important;}
.box-header .box-tools{margin-left:auto!important;position:static!important;}
.box-body{padding:18px!important;color:#42556f;}
.box-footer{padding:14px 18px!important;background:#fafcff!important;border-top:1px solid var(--mci-line)!important;}

/* ===== Forms ===== */
label,.control-label{font-size:11px!important;font-weight:750!important;color:#52657d!important;margin-bottom:6px!important;}
.form-control,input[type=text],input[type=password],input[type=email],input[type=number],input[type=date],input[type=tel],input[type=url],select,textarea{
  min-height:40px;border:1px solid #dce4ee!important;border-radius:10px!important;background:#fff!important;color:#263951!important;font-size:12px!important;box-shadow:none!important;outline:none!important;padding:8px 11px!important;transition:border-color .15s ease,box-shadow .15s ease!important;
}
textarea.form-control,textarea{min-height:90px;}
.form-control:focus,input:focus,select:focus,textarea:focus{border-color:#7eb1f3!important;box-shadow:0 0 0 3px rgba(23,105,224,.09)!important;}
.form-control::placeholder,input::placeholder,textarea::placeholder{color:#a5b0bf!important;}
.input-group-addon,.input-group-text{border-color:#dce4ee!important;background:#f6f8fb!important;color:#6c809a!important;font-size:11px!important;}
.form-group{margin-bottom:15px!important;}
select.form-control:not([size]):not([multiple]){height:40px!important;}

/* buttons */
.btn,input[type=submit],input[type=button],button[type=submit]{border-radius:10px!important;min-height:38px;font-size:11px!important;font-weight:750!important;letter-spacing:.05px;padding:8px 14px!important;box-shadow:none!important;transition:.16s ease!important;}
.btn:hover,input[type=submit]:hover,input[type=button]:hover,button[type=submit]:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(25,51,83,.12)!important;}
.btn-primary{background:var(--mci-blue)!important;border-color:var(--mci-blue)!important;}
.btn-success{background:var(--mci-green)!important;border-color:var(--mci-green)!important;}
.btn-danger{background:var(--mci-red)!important;border-color:var(--mci-red)!important;}
.btn-warning{background:var(--mci-orange)!important;border-color:var(--mci-orange)!important;color:#fff!important;}
.btn-info{background:var(--mci-cyan)!important;border-color:var(--mci-cyan)!important;}
.btn-default,.btn-secondary{background:#fff!important;border-color:#dce4ee!important;color:#4b607b!important;}
.btn-xs{min-height:28px!important;padding:4px 8px!important;border-radius:7px!important;font-size:10px!important;}

/* ===== Tables ===== */
.table-responsive,.mci-table-scroll{width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch;border-radius:11px;}
.table{width:100%!important;margin-bottom:0!important;background:#fff!important;color:#334861!important;font-size:11px!important;border-collapse:separate!important;border-spacing:0!important;}
.table.table-responsive{display:table!important;overflow:visible!important;}
.table thead th,.table>tbody>tr:first-child>th{background:#f5f8fc!important;color:#4b607b!important;font-size:9.5px!important;font-weight:850!important;letter-spacing:.45px;text-transform:uppercase;border-top:0!important;border-bottom:1px solid #dde5ef!important;padding:11px 10px!important;white-space:nowrap;vertical-align:middle!important;}
.table td{padding:10px!important;border-top:1px solid #edf1f6!important;vertical-align:middle!important;}
.table-bordered{border:1px solid #e2e9f2!important;border-radius:11px!important;overflow:hidden;}
.table-bordered th,.table-bordered td{border-left:0!important;border-right:0!important;}
.table-striped tbody tr:nth-of-type(odd){background:#fbfcfe!important;}
.table tbody tr:hover{background:#f8fbff!important;}
.table img{max-width:100%;height:auto;}
.pagination{margin:14px 0 0!important;gap:4px;}
.pagination>li>a,.pagination>li>span{border-radius:8px!important;border:1px solid #e1e8f1!important;color:#526a86!important;font-size:10px!important;padding:7px 10px!important;}
.pagination>.active>a,.pagination>.active>span{background:var(--mci-blue)!important;border-color:var(--mci-blue)!important;color:#fff!important;}

/* legacy colored rows/cells become cleaner */
td[bgcolor],th[bgcolor]{background:transparent!important;}
table[bgcolor]{background:transparent!important;}

/* ===== Alerts / badges ===== */
.alert{border:0!important;border-radius:11px!important;font-size:11px!important;padding:12px 14px!important;box-shadow:none!important;}
.alert-success{background:#ebfaf4!important;color:#18734f!important;}.alert-danger{background:#fff0f1!important;color:#a93238!important;}.alert-warning{background:#fff7e8!important;color:#91610d!important;}.alert-info{background:#edf7ff!important;color:#24628a!important;}
.label,.badge{border-radius:7px!important;padding:4px 7px!important;font-size:9px!important;font-weight:800!important;}

/* ===== Dashboard ===== */
.mci-dashboard-hero{position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(120deg,#0b2143 0%,#1359a8 62%,#149ebc 100%);color:#fff;padding:24px 26px;margin-bottom:20px;box-shadow:0 14px 35px rgba(10,50,105,.15);}
.mci-dashboard-hero:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-80px;top:-110px;background:rgba(255,255,255,.08);box-shadow:-120px 120px 0 25px rgba(255,255,255,.035);}
.mci-dashboard-hero>*{position:relative;z-index:1;}
.mci-dashboard-hero .mci-hero-kicker{font-size:9px;font-weight:850;letter-spacing:1.4px;text-transform:uppercase;color:#9edcf3;margin-bottom:8px;}
.mci-dashboard-hero h2{font-size:25px;font-weight:800;margin:0 0 7px;letter-spacing:-.45px;color:#fff;}
.mci-dashboard-hero p{max-width:650px;margin:0;color:#c8daf2;font-size:11.5px;}
.mci-dashboard-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
.mci-dashboard-meta span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:9px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);font-size:10px;color:#e8f2ff;}
.mci-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;}
.mci-stat-card{position:relative;min-height:120px;background:#fff;border:1px solid #e5ebf3;border-radius:16px;padding:16px;box-shadow:var(--mci-shadow-sm);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;}
.mci-stat-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.mci-stat-icon{width:39px;height:39px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:15px;background:#edf4ff;color:#1769e0;}
.mci-stat-card[data-tone=green] .mci-stat-icon{background:#ebfaf4;color:#169a66}.mci-stat-card[data-tone=orange] .mci-stat-icon{background:#fff6e5;color:#e99308}.mci-stat-card[data-tone=purple] .mci-stat-icon{background:#f2efff;color:#7256dd}.mci-stat-card[data-tone=red] .mci-stat-icon{background:#fff0f1;color:#db454b}.mci-stat-card[data-tone=cyan] .mci-stat-icon{background:#eaf9fc;color:#0f9dbb}
.mci-stat-card>a{font-size:10px;color:#7d8da2!important;font-weight:700;}
.mci-stat-card>a:hover{color:var(--mci-blue)!important;}
.mci-stat-card h3{font-size:25px;line-height:1;font-weight:850;color:#16263e;margin:13px 0 5px;letter-spacing:-.4px;}
.mci-stat-card p{margin:0;color:#7f8da0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;}
.mci-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:18px;}
.mci-dash-panel{background:#fff;border:1px solid #e5ebf3;border-radius:17px;box-shadow:var(--mci-shadow-sm);padding:18px;}
.mci-dash-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;}
.mci-dash-panel-head h3{font-size:14px;font-weight:800;color:#20334c;margin:0 0 4px;}.mci-dash-panel-head p{font-size:10px;color:#8b99aa;margin:0;}
.mci-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.mci-action-card{min-height:90px;border:1px solid #e7edf5;border-radius:13px;padding:13px;background:#fbfdff;display:flex;flex-direction:column;justify-content:space-between;color:#324963!important;}
.mci-action-card:hover{background:#f4f8ff;border-color:#cfe0f8;transform:translateY(-2px);box-shadow:0 7px 20px rgba(20,55,95,.08);}
.mci-action-card i{width:31px;height:31px;border-radius:9px;background:#edf4ff;color:var(--mci-blue);display:flex;align-items:center;justify-content:center;font-size:12px;}
.mci-action-card strong{font-size:10.5px;line-height:1.3;margin-top:10px;}
.mci-system-list{display:flex;flex-direction:column;gap:9px;}
.mci-system-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-radius:11px;background:#f8fafc;border:1px solid #edf1f6;}
.mci-system-item span{font-size:10px;color:#718096;}.mci-system-item strong{font-size:10.5px;color:#30445f;text-align:right;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mci-status-dot{display:inline-flex!important;align-items:center;gap:6px}.mci-status-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#24b97b;box-shadow:0 0 0 3px rgba(36,185,123,.12);}

/* hide old dashboard small boxes if any old per file accidentally renders */
.mci-dashboard-page .small-box{border-radius:15px!important;overflow:hidden!important;box-shadow:var(--mci-shadow-sm)!important;}

/* ===== Misc legacy fixes ===== */
.control-sidebar-btn{display:none!important;}
.connectedSortable{min-height:0!important;}
hr{border-top-color:#e7edf5!important;}
.modal-content{border:0!important;border-radius:16px!important;box-shadow:0 22px 70px rgba(10,35,70,.25)!important;overflow:hidden;}.modal-header{border-bottom:1px solid #e8edf4!important;background:#fbfcfe!important;}.modal-footer{border-top:1px solid #e8edf4!important;background:#fbfcfe!important;}
.dropdown-menu{border-radius:12px;border-color:#e5ebf3;box-shadow:0 12px 35px rgba(17,42,74,.12);}
.nav-tabs{border-bottom:1px solid #e2e9f2!important;}.nav-tabs .nav-link{font-size:11px;font-weight:700;border-radius:9px 9px 0 0!important;}
img.rounded{border-radius:12px!important;object-fit:cover;}

/* ===== Login page ===== */
.mci-login-body{min-height:100vh;background:radial-gradient(circle at 85% 10%,rgba(27,111,224,.22),transparent 34%),radial-gradient(circle at 10% 90%,rgba(19,168,199,.16),transparent 34%),#07162b!important;display:flex;align-items:center;justify-content:center;padding:24px;color:#fff;}
.mci-login-shell{width:min(940px,100%);min-height:540px;display:grid;grid-template-columns:1.1fr .9fr;border-radius:24px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08);background:#fff;}
.mci-login-showcase{position:relative;padding:46px;background:linear-gradient(145deg,#0b2347,#124a8b 58%,#11a0bc);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;}
.mci-login-showcase:before,.mci-login-showcase:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.06)}.mci-login-showcase:before{width:320px;height:320px;right:-135px;top:-105px}.mci-login-showcase:after{width:210px;height:210px;left:-120px;bottom:-80px}
.mci-login-brand{position:relative;z-index:1;display:flex;align-items:center;gap:13px;}.mci-login-brand-mark{width:48px;height:48px;border-radius:15px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-weight:850;letter-spacing:.6px}.mci-login-brand strong{display:block;font-size:15px}.mci-login-brand small{display:block;font-size:9px;color:#b8d4ef;margin-top:4px;text-transform:uppercase;letter-spacing:1px}
.mci-login-copy{position:relative;z-index:1;}.mci-login-copy span{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;font-weight:850;color:#9bdcf0}.mci-login-copy h1{font-size:34px;line-height:1.12;font-weight:850;letter-spacing:-.9px;margin:12px 0 13px;color:#fff}.mci-login-copy p{font-size:11.5px;line-height:1.75;color:#c7daf0;max-width:410px;margin:0}.mci-login-points{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.mci-login-points b{font-size:9.5px;font-weight:700;padding:7px 9px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);border-radius:8px;color:#ecf6ff}
.mci-login-side{padding:46px 42px;display:flex;flex-direction:column;justify-content:center;color:#243852;background:#fff;}.mci-login-side h2{font-size:24px;font-weight:850;letter-spacing:-.4px;margin:0 0 5px;color:#14253c}.mci-login-side>p{font-size:10.5px;color:#8997aa;margin:0 0 26px}.mci-login-field{margin-bottom:15px}.mci-login-field label{display:block;font-size:10px!important;text-transform:uppercase;letter-spacing:.7px;color:#6f8095!important;margin-bottom:7px!important}.mci-login-input{position:relative}.mci-login-input i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#8ca0b8;font-size:12px;z-index:2}.mci-login-input input{width:100%;height:45px!important;padding-left:36px!important;border-radius:11px!important}.mci-password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;min-height:32px!important;border:0!important;background:transparent!important;color:#8497af!important;padding:0!important;box-shadow:none!important}.mci-login-submit{width:100%;height:45px;min-height:45px!important;background:linear-gradient(90deg,#1769e0,#168dbd)!important;border:0!important;color:#fff!important;border-radius:11px!important;margin-top:4px;font-size:11px!important}.mci-login-help{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;font-size:9.5px;color:#94a1b2}.mci-login-help a{color:#1769e0;font-weight:750}.mci-login-alert{padding:10px 12px;border-radius:10px;margin-bottom:16px;font-size:10.5px}.mci-login-alert.error{background:#fff0f1;color:#a93238}.mci-login-alert.success{background:#ebfaf4;color:#18734f}.mci-login-footer{margin-top:26px;font-size:9px;color:#a0acba;text-align:center;}

/* ===== responsive ===== */
@media(max-width:1199px){.mci-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.mci-dashboard-grid{grid-template-columns:1fr}.mci-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media(max-width:991px){.mci-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.mci-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.mci-page-identity{max-width:270px}.content{padding-left:18px!important;padding-right:18px!important}.content-header{padding-left:18px!important;padding-right:18px!important}.mci-login-shell{grid-template-columns:1fr;max-width:520px}.mci-login-showcase{display:none}.mci-login-side{padding:40px 34px}}
@media(max-width:767px){
  :root{--mci-header-h:62px;--mci-sidebar-w:265px;}
  .mci-main-header .logo.mci-brand{display:none!important;}
  .mci-main-header .navbar.mci-topnav{margin-left:0!important;height:var(--mci-header-h)!important;min-height:var(--mci-header-h)!important;padding:0 10px!important;}
  .mci-sidebar-toggle{width:39px;height:39px!important;}
  .mci-page-identity .mci-eyebrow{display:none}.mci-page-identity strong{max-width:175px;font-size:11px}
  .mci-user-trigger{height:42px}.mci-avatar{width:34px!important;height:34px!important}.mci-user-trigger>.fa-angle-down{display:none}
  .main-sidebar.mci-sidebar{transform:translateX(-100%)!important;box-shadow:15px 0 45px rgba(8,24,47,.2);}
  body.sidebar-open .main-sidebar.mci-sidebar{transform:translateX(0)!important;}
  .content-wrapper,.main-footer.mci-footer{margin-left:0!important;}
  .content-wrapper{margin-top:var(--mci-header-h)!important;}
  .content-header{padding:16px 13px 7px!important;align-items:flex-start;}.content-header h1{font-size:18px!important}.content-header .breadcrumb{display:none!important}
  .content{padding:8px 13px 20px!important;}
  .box-header{padding:12px 14px!important;min-height:52px!important}.box-body{padding:13px!important;}
  .mci-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mci-stat-card{min-height:108px;padding:13px}.mci-stat-card h3{font-size:21px}.mci-stat-icon{width:35px;height:35px}
  .mci-dashboard-hero{padding:20px 18px;border-radius:16px}.mci-dashboard-hero h2{font-size:21px}.mci-dashboard-hero p{font-size:10.5px}.mci-dashboard-meta{margin-top:13px}
  .mci-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .mci-dash-panel{padding:14px}.mci-action-card{min-height:82px;padding:11px}
  .main-footer.mci-footer{padding:12px 14px!important;min-height:52px;flex-direction:column;align-items:flex-start;gap:5px}.mci-footer-right{display:none}
  .table{min-width:680px!important;}
}
@media(max-width:420px){.mci-stats-grid{grid-template-columns:1fr 1fr}.mci-stat-card p{font-size:8.5px}.mci-page-identity strong{max-width:145px}.mci-login-side{padding:32px 22px}.mci-login-body{padding:12px}.mci-login-shell{border-radius:18px}.mci-login-side h2{font-size:22px}}

@media print{.main-header,.main-sidebar,.main-footer,.content-header{display:none!important}.content-wrapper{margin:0!important;padding:0!important;background:#fff!important}.content{padding:0!important}.box{box-shadow:none!important;border:0!important}.box-body{padding:0!important}}

/* =====================================================================
   AJAX DATA WORKSPACE — Students + Marksheets
   ===================================================================== */
.mci-list-page .content{padding-bottom:30px!important}
.mci-list-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 24px;margin-bottom:16px;border-radius:17px;background:linear-gradient(125deg,#0b2448 0%,#1156a0 66%,#0e91b1 100%);box-shadow:0 12px 30px rgba(15,55,105,.13);color:#fff;position:relative;overflow:hidden}
.mci-list-hero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-70px;top:-105px;background:rgba(255,255,255,.07)}
.mci-list-hero.is-marksheet{background:linear-gradient(125deg,#10294b 0%,#274f9e 62%,#695ac7 100%)}
.mci-list-hero>div{position:relative;z-index:1}.mci-list-kicker{display:block;font-size:9px;font-weight:850;letter-spacing:1.3px;text-transform:uppercase;color:#aee7f8;margin-bottom:7px}.mci-list-hero h2{margin:0 0 5px;color:#fff;font-size:23px;font-weight:850;letter-spacing:-.4px}.mci-list-hero p{margin:0;max-width:700px;color:#cfdef1;font-size:10.8px;line-height:1.65}.mci-list-hero-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.mci-list-hero-actions .btn-default{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.17)!important;color:#fff!important}.mci-list-hero-actions .btn-primary{background:#fff!important;border-color:#fff!important;color:#145eb1!important}
.mci-page-message{margin-bottom:14px!important}

.mci-list-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:14px}.mci-mini-stat{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #e4ebf4;border-radius:14px;padding:12px 14px;box-shadow:0 3px 13px rgba(16,44,81,.035)}.mci-mini-icon{width:37px;height:37px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#edf4ff;color:#1769e0;font-size:13px;flex:none}.mci-mini-stat small{display:block;text-transform:uppercase;letter-spacing:.6px;font-size:8.5px;font-weight:800;color:#8997a9;margin-bottom:3px}.mci-mini-stat strong{display:block;font-size:18px;line-height:1;color:#1b2d46;font-weight:850}.mci-mini-stat.is-green .mci-mini-icon{background:#e9f9f2;color:#159566}.mci-mini-stat.is-red .mci-mini-icon{background:#fff0f1;color:#d8494f}.mci-mini-stat.is-orange .mci-mini-icon{background:#fff6e6;color:#dd900d}.mci-mini-stat.is-blue .mci-mini-icon{background:#eaf8fc;color:#128bab}

.mci-filter-box,.mci-results-box{margin-bottom:15px!important}.mci-filter-box .box-header,.mci-results-box .box-header{min-height:54px!important}.mci-plain-btn{border:0;background:transparent;color:#64778f;font-size:10px!important;font-weight:750;min-height:30px!important;padding:5px 8px!important}.mci-plain-btn:hover{color:#1769e0;background:#f1f6fd!important;transform:none!important;box-shadow:none!important}.mci-filter-form{display:grid;grid-template-columns:repeat(5,minmax(125px,1fr));gap:11px;align-items:end}.mci-filter-form>div label{display:block;margin:0 0 6px!important;font-size:8.8px!important;text-transform:uppercase;letter-spacing:.65px;color:#73849a!important;font-weight:850!important}.mci-filter-form .is-wide{grid-column:span 2}.mci-search-control{position:relative}.mci-search-control>i{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:11px;color:#8092a9;z-index:2}.mci-search-control input{padding-left:35px!important}.mci-filter-buttons{display:flex;align-items:center;gap:7px}.mci-filter-buttons .btn{flex:1;white-space:nowrap}.mci-live-badge{display:inline-flex;align-items:center;gap:6px;font-size:8.5px;font-weight:800;letter-spacing:.55px;text-transform:uppercase;color:#5d7087;background:#f4f8fc;border:1px solid #e6edf5;border-radius:8px;padding:6px 8px}.mci-live-badge i{width:6px;height:6px;border-radius:50%;background:#1ab47a;box-shadow:0 0 0 3px rgba(26,180,122,.12)}

.mci-ajax-results-wrap{position:relative;min-height:160px}.mci-ajax-loading{position:absolute;z-index:5;inset:0;display:none;align-items:center;justify-content:center;gap:8px;background:rgba(255,255,255,.78);backdrop-filter:blur(1px);color:#5f7188;font-size:10.5px;font-weight:700;border-radius:0 0 14px 14px}.mci-ajax-results-wrap.is-loading .mci-ajax-loading{display:flex}.mci-ajax-table-scroll{border-radius:0!important}.mci-ajax-table{min-width:1040px!important;border:0!important}.mci-ajax-table thead th{padding:11px 12px!important}.mci-ajax-table td{padding:11px 12px!important}.mci-row-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#f3f6fa;color:#6c7d92;font-size:9px;font-weight:850}.mci-student-cell{display:flex;align-items:center;gap:10px;min-width:205px}.mci-student-avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#eaf2ff,#f0f8ff);color:#1769e0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:850;flex:none}.mci-student-cell strong,.mci-cell-title{display:block;color:#243750;font-size:10.8px;font-weight:800;line-height:1.35}.mci-student-cell span,.mci-cell-sub{display:block;color:#72849a;font-size:9.3px;line-height:1.45;margin-top:2px}.mci-student-cell small,.mci-cell-sub small,small.mci-cell-sub{display:block;color:#99a5b4;font-size:8.5px;margin-top:2px}.mci-due-pill,.mci-paid-pill{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:7px;font-size:8.7px;font-weight:800;white-space:nowrap}.mci-due-pill{background:#fff1f1;color:#c94046}.mci-paid-pill{background:#eaf9f2;color:#15845d}.mci-inline-link{display:block;margin-top:4px;color:#1769e0!important;font-size:8.8px;font-weight:750}.mci-status-pill{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:999px;font-size:8.4px;font-weight:850;letter-spacing:.25px;white-space:nowrap}.mci-status-pill.is-active{background:#e9f9f2;color:#15845d}.mci-status-pill.is-inactive{background:#fff0f1;color:#c84248}.mci-status-pill.is-pending{background:#fff5e4;color:#a96c08}
.mci-row-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;min-width:185px}.mci-icon-btn{width:30px;height:30px;min-height:30px!important;padding:0!important;border-radius:8px!important;border:1px solid #e2e9f2;background:#fff;color:#5d718b!important;display:inline-flex;align-items:center;justify-content:center;font-size:10px!important;text-decoration:none!important}.mci-icon-btn:hover{background:#f2f7ff;color:#1769e0!important;border-color:#cfe0f6;transform:translateY(-1px)}.mci-icon-btn.is-view{background:#edf5ff;color:#1769e0!important;border-color:#d9e8fb}.mci-icon-btn.is-success{background:#ecfaf4;color:#168b61!important;border-color:#d7f0e5}.mci-icon-btn.is-warn{background:#fff7e9;color:#b17108!important;border-color:#f6e7c8}.mci-icon-btn.is-danger{background:#fff1f2;color:#c84046!important;border-color:#f3dadd}
.mci-ajax-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-top:1px solid #edf1f6;background:#fbfcfe}.mci-page-info{font-size:9px;color:#8090a3;font-weight:700}.mci-page-buttons{display:flex;align-items:center;gap:4px}.mci-page-btn{min-width:30px;height:30px;min-height:30px!important;padding:0 8px!important;border:1px solid #e0e8f1;background:#fff;color:#647991;border-radius:8px!important;font-size:9px!important;font-weight:800!important}.mci-page-btn.is-active{background:#1769e0!important;border-color:#1769e0!important;color:#fff!important}.mci-page-dots{padding:0 3px;color:#9ba8b8}
.mci-empty-state{text-align:center;padding:48px 20px;color:#74859a}.mci-empty-state>i{width:48px;height:48px;border-radius:14px;background:#f1f6fc;color:#5f82ad;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:17px}.mci-empty-state h4{font-size:13px;color:#2c405a;font-weight:800;margin:0 0 5px}.mci-empty-state p{font-size:10px;margin:0}.mci-empty-state.is-error>i{background:#fff0f1;color:#d34950}

.mci-profile-head{display:flex;align-items:center;gap:13px;padding:2px 0 16px;border-bottom:1px solid #ebf0f5;margin-bottom:14px}.mci-profile-head>img{width:58px;height:58px;border-radius:15px;object-fit:cover;border:1px solid #e2e9f2;background:#f5f7fa}.mci-profile-head>div{flex:1}.mci-detail-kicker{display:block;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:1px;color:#1769e0;margin-bottom:3px}.mci-profile-head h3{font-size:18px;color:#20344e;font-weight:850;margin:0 0 3px}.mci-profile-head p{font-size:9.5px;color:#7e8da1;margin:0}.mci-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.mci-detail-grid>div{padding:10px 11px;border:1px solid #e9eef5;background:#fbfcfe;border-radius:10px}.mci-detail-grid>div.is-wide{grid-column:span 3}.mci-detail-grid span,.mci-detail-summary span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.65px;font-weight:800;color:#8a99ab;margin-bottom:3px}.mci-detail-grid strong,.mci-detail-summary strong{display:block;font-size:10.5px;color:#2c4059;font-weight:750;word-break:break-word}.mci-modal-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid #ebf0f5}.mci-modal-loading{padding:45px;text-align:center;color:#72849a;font-size:10.5px}.mci-modal-loading i{margin-right:6px}.modal-xl{max-width:980px!important}
.mci-detail-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:15px}.mci-detail-summary>div{padding:11px;border:1px solid #e8eef5;background:#fbfcfe;border-radius:11px}.mci-detail-summary small{display:block;font-size:8.5px;color:#95a2b2;margin-top:3px}.mci-marks-edit-form{border-top:1px solid #eaf0f5;padding-top:14px}.mci-marks-editor-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px}.mci-marks-editor-head h4{margin:0;font-size:14px;color:#273c56;font-weight:850}.mci-marks-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.mci-marks-grid label{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border:1px solid #e8eef5;background:#fbfcfe;border-radius:10px;margin:0!important}.mci-marks-grid label span{font-size:9px;color:#52677f;font-weight:700;line-height:1.3}.mci-marks-grid input{width:82px!important;min-width:82px;height:34px!important;text-align:center;padding:5px 7px!important}
.mci-ajax-toast{position:fixed;right:22px;top:78px;z-index:99999;display:flex;align-items:center;gap:8px;min-width:250px;max-width:390px;padding:11px 13px;border-radius:11px;background:#11335f;color:#fff;box-shadow:0 14px 42px rgba(10,33,66,.22);font-size:10px;font-weight:700;transform:translateY(-15px);opacity:0;transition:.22s ease}.mci-ajax-toast.show{opacity:1;transform:translateY(0)}.mci-ajax-toast.error{background:#a6363c}.mci-ajax-toast i{font-size:13px}

@media(max-width:1199px){.mci-filter-form{grid-template-columns:repeat(4,minmax(130px,1fr))}.mci-filter-form .is-wide{grid-column:span 2}.mci-list-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:991px){.mci-list-hero{align-items:flex-start}.mci-list-hero-actions{flex-direction:column;align-items:stretch}.mci-filter-form{grid-template-columns:repeat(3,minmax(125px,1fr))}.mci-list-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.mci-detail-grid,.mci-marks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mci-detail-grid>div.is-wide{grid-column:span 2}.mci-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.mci-list-hero{padding:18px;flex-direction:column}.mci-list-hero h2{font-size:20px}.mci-list-hero-actions{width:100%;flex-direction:row}.mci-list-hero-actions .btn{flex:1}.mci-filter-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mci-filter-form .is-wide{grid-column:span 2}.mci-list-stats{gap:8px}.mci-mini-stat{padding:10px}.mci-mini-stat strong{font-size:16px}.mci-filter-buttons{grid-column:span 2}.mci-ajax-pagination{flex-direction:column;align-items:flex-start}.mci-page-buttons{max-width:100%;overflow:auto}.mci-detail-grid,.mci-marks-grid,.mci-detail-summary{grid-template-columns:1fr}.mci-detail-grid>div.is-wide{grid-column:span 1}.mci-profile-head{align-items:flex-start}.mci-marks-editor-head{align-items:flex-start;flex-direction:column}.mci-marks-editor-head .btn{width:100%}.mci-ajax-toast{right:12px;left:12px;top:72px;min-width:0}.modal-xl{max-width:none!important}}
@media(max-width:430px){.mci-filter-form{grid-template-columns:1fr}.mci-filter-form .is-wide,.mci-filter-buttons{grid-column:span 1}.mci-list-stats{grid-template-columns:1fr 1fr}.mci-list-hero-actions{flex-direction:column}.mci-profile-head{flex-wrap:wrap}.mci-profile-head .mci-status-pill{margin-left:71px}.mci-mini-stat small{font-size:7.7px}}


/* ===== Fee accuracy + payment history patch ===== */
.mci-list-hero.is-fee{background:linear-gradient(125deg,#092c45 0%,#0f6a6e 55%,#159f86 100%)}
.mci-fee-unset-pill,.mci-advance-pill{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:7px;font-size:8.7px;font-weight:800;white-space:nowrap}
.mci-fee-unset-pill{background:#fff6e7;color:#a96b04}.mci-advance-pill{background:#edf4ff;color:#2561ad}
.mci-fee-mini{display:block;margin-top:4px;font-size:8.3px;color:#8a99ab;line-height:1.35}
.mci-fee-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 15px}
.mci-fee-summary>div{padding:13px 12px;border-radius:12px;border:1px solid #e8eef5;background:#fbfcfe;position:relative;overflow:hidden}
.mci-fee-summary>div:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#8394aa}
.mci-fee-summary>div.is-green:before{background:#19a874}.mci-fee-summary>div.is-blue:before{background:#2874d8}.mci-fee-summary>div.is-red:before{background:#d64c52}.mci-fee-summary>div.is-muted:before{background:#aab5c3}
.mci-fee-summary span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.7px;font-weight:850;color:#8998aa;margin-bottom:4px}
.mci-fee-summary strong{display:block;font-size:16px;font-weight:850;color:#243952;letter-spacing:-.25px}
.mci-fee-summary small{display:block;margin-top:4px;font-size:8.2px;color:#95a2b2;line-height:1.35}
.mci-fee-history{margin-top:15px;border-top:1px solid #e9eff5;padding-top:15px}
.mci-fee-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.mci-fee-history-head h4{margin:0;font-size:14px;color:#253a54;font-weight:850}
.mci-fee-history-table{min-width:800px!important;margin:0!important}.mci-fee-history-table th,.mci-fee-history-table td{padding:9px 10px!important;font-size:9px!important}
.mci-fee-history-table th{font-size:8px!important;text-transform:uppercase;letter-spacing:.55px}
.mci-money-green{color:#16855f!important;font-weight:850!important;white-space:nowrap}
.mci-fee-empty{display:flex;align-items:center;gap:11px;padding:15px;border:1px dashed #dce5ef;border-radius:11px;background:#fbfcfe}
.mci-fee-empty>i{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#edf6f2;color:#17875f}
.mci-fee-empty strong{display:block;color:#334961;font-size:10.5px}.mci-fee-empty span{display:block;color:#8b99aa;font-size:8.8px;margin-top:2px}
.mci-fee-report-table{min-width:1080px!important}
@media(max-width:991px){.mci-fee-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.mci-fee-summary{grid-template-columns:1fr 1fr}.mci-fee-history-head{align-items:flex-start;flex-direction:column}.mci-fee-history-head .btn{width:100%}}
@media(max-width:430px){.mci-fee-summary{grid-template-columns:1fr}}