:root{
	--abl-navy:#0B1E3F;
	--abl-navy-2:#122a56;
	--abl-navy-light:#1c3868;
	--abl-gold:#F2B807;
	--abl-gold-2:#FFCA28;
	--abl-red:#E01E26;
	--abl-red-2:#e01e26e0;
	--abl-green:#34B771;
	--abl-green-bg:#E7F8EF;
	--abl-red-bg:#FDEAEA;
	--abl-gold-bg:#FFF6DE;
	--abl-blue:#2E63D8;
	--abl-blue-bg:#EAF1FF;
	--abl-purple:#7C6AE8;
	--abl-purple-bg:#F1EDFF;
	--abl-teal:#0E8C82;
	--abl-teal-bg:#E5FAF6;
	--abl-amber-bg:#FFF3DE;
	--abl-amber:#E8890B;
	--border:#EEF0F7;
}
body{ background:#F3F5FA; font-family:'Roboto', sans-serif; }
a{ text-decoration:none; }

/* ===== HEADER ===== */
#kt_header{ background:#fff; box-shadow:0 2px 10px rgba(23,42,89,.06); height:70px; }
.abl-brand{ display:flex; align-items:center; gap:10px; padding:0 25px; height: 100%; }
.abl-brand__logo{ display:flex; align-items:center; gap:8px; height: 100%; }
.abl-brand__logo .abl-mark{
	background:var(--abl-red); color:#fff; font-weight:800; font-size:20px;
	padding:4px 9px; border-radius:6px; letter-spacing:.5px; font-family:'Poppins',sans-serif;
}
.abl-brand__logo .abl-num{
	color:var(--abl-navy); font-weight:800; font-size:26px; font-family:'Poppins',sans-serif; margin-left:4px;
}
.abl-brand__logo .abl-tag{ font-size:10.5px; color:#8b93a7; line-height:1.15; font-weight:600; }
.abl-brand__logo img { height: 80%; }

.abl-topmenu{ display:flex; align-items:center; gap:32px; height:100%; margin-left:10px; }
.abl-topmenu a{
	font-size:14.5px; font-weight:600; color:var(--abl-navy-light); height:100%; display:flex; align-items:center;
	border-bottom:3px solid transparent; padding:0 2px;
}
.abl-topmenu a.active{ color:var(--abl-navy); border-color:var(--abl-gold); }
.abl-topmenu a:hover{ color:var(--abl-navy); }

.abl-menu-item{ position:relative; height:100%; }
.abl-menu-trigger{ display:flex; align-items:center; gap:6px; cursor:pointer; }
.abl-menu-trigger .abl-caret{ font-size:10px; transition:transform .18s ease; color:var(--abl-navy); font-weight:900; }
.abl-menu-item.open .abl-menu-trigger{ color:var(--abl-navy); }
.abl-menu-item.open .abl-caret{ transform:rotate(180deg); color:var(--abl-navy); }
.abl-dropdown-panel{
	position:absolute; top:100%; left:0; margin-top:-3px;
	background:#fff; border-radius:10px; box-shadow:0 16px 34px rgba(11,30,63,.16);
	min-width:210px; padding:8px; display:none; z-index:60; border:1px solid #EEF0F7;
}
.abl-user .abl-dropdown-panel { left:auto; right: 0; }
.abl-menu-item.open .abl-dropdown-panel{ display:block; }
.abl-dropdown-panel a{
	display:flex !important; align-items:center; height:auto !important; padding:10px 14px; border-radius:8px;
	font-size:13px; font-weight:600; color:#4b5468; border:none !important;
}
.abl-dropdown-panel a:hover{ background:#F3F5FA; color:var(--abl-navy); }

.abl-topbar{ display:flex; align-items:center; gap:6px; padding:0 25px; }
.abl-topbar-icon{
	width:40px; height:40px; border-radius:10px; display:flex; align-items:center; justify-content:center;
	color:#7c8496; cursor:pointer; position:relative; font-size:19px;
}
.abl-topbar-icon:hover{ background:#F3F5FA; color:var(--abl-navy); }
.abl-topbar-icon .abl-badge{
	position:absolute; top:2px; right:2px; background:var(--abl-red); color:#fff; font-size:10px; font-weight:700;
	width:16px; height:16px; border-radius:50%; display:flex; align-items:center; justify-content:center;
}
.abl-user{ display:flex; align-items:center; gap:8px; padding-left:12px; cursor:pointer; }
.abl-user img{ width:38px; height:38px; border-radius:10px; object-fit:cover; }
.abl-user .la-angle-down{ color:#9aa1b3; font-size:12px; }

/* ===== ASIDE / SIDEBAR ===== */
#kt_aside{ background:var(--abl-navy); width:250px; }
.abl-aside-scroll{ padding:22px 18px 40px; }
.abl-profile{ display:flex; align-items:center; gap:12px; padding-bottom:18px; border-bottom:1px solid rgba(255,255,255,.08); margin-bottom:18px; }
.abl-profile img{ width:44px; height:44px; border-radius:50%; border:2px solid rgba(255,255,255,.15); object-fit:cover; }
.abl-profile__name{ color:#fff; font-weight:700; font-size:14.5px; }
.abl-profile__role{ color:#fff; font-size:11.5px; display:flex; align-items:center; gap:5px; }

.abl-section-title{
	color:var(--abl-gold); font-size:11px; font-weight:700; letter-spacing:.06em; margin:20px 0 8px; padding:0 4px; text-transform: uppercase;
}
.abl-section-title:first-of-type{ margin-top:0; }

.abl-nav-item{
	display:flex; align-items:center; gap:12px; padding:10px 12px; border-radius:8px; margin-bottom:2px;
	color:#FFF; font-size:13.5px; font-weight:500; cursor:pointer;
}
.abl-nav-item i{ font-size:16px; width:18px; text-align:center; color:#FFF; }
.abl-nav-item:hover{ background:rgba(255,255,255,.06); color:#fff; }
.abl-nav-item:hover i{ color:var(--abl-gold-2); }
.abl-nav-item.active{ background:var(--abl-gold); color:var(--abl-navy); font-weight:700; }
.abl-nav-item.active i{ color:var(--abl-navy); }
.abl-nav-item .la-angle-down, .abl-nav-item .la-angle-up{ margin-left:auto; font-size:11px; }

.abl-submenu{ max-height:0; overflow:hidden; transition:max-height .28s ease; }
.abl-submenu.open{ max-height:220px; }
.abl-nav-subitem{
	display:flex; align-items:center; gap:10px; padding:9px 12px 9px 34px; border-radius:8px; margin-bottom:2px;
	color:#a9b4d1; font-size:12.5px; font-weight:500; cursor:pointer; position:relative;
}
.abl-nav-subitem i{ font-size:13px; color:#7f92bc; width:14px; text-align:center; }
.abl-nav-subitem:hover{ background:rgba(255,255,255,.06); color:#fff; }
.abl-nav-subitem:hover i{ color:var(--abl-gold-2); }

/* ===== CONTENT WRAPPER ===== */
.kt-content{ padding: 22px 25px 0; }

/* ===== HERO ===== */
.abl-hero{
	position:relative; overflow:hidden; border-radius:14px;
	padding:44px 46px; margin-bottom:22px; min-height:260px;
	display:flex; align-items:center;
}
.abl-hero::before{
	content:""; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1;
	background: linear-gradient(90deg,
		var(--abl-navy) 0%,
		var(--abl-navy) 38%,
		rgba(11,30,63,.92) 46%,
		rgba(11,30,63,.55) 58%,
		rgba(11,30,63,.18) 74%,
		rgba(11,30,63,0) 90%);
}
.abl-hero__content{ position:relative; z-index:2; max-width:460px; }
.abl-hero h1{
	font-family:'Poppins',sans-serif; font-weight:700; font-size:32px; color:#fff; line-height:1.25; margin:0;
}
.abl-hero h1 span{ color:var(--abl-gold); }
.abl-hero p{ color:#dbe2f2; font-size:14.5px; margin:14px 0 22px; max-width:420px; }
.abl-hero .btn-abl-gold{
	background:var(--abl-gold); color:var(--abl-navy); font-weight:700; font-size:13.5px; padding:11px 22px;
	border-radius:8px; display:inline-flex; align-items:center; gap:8px; border:none;
}
.abl-hero .btn-abl-gold:hover{ background:var(--abl-gold-2); color:var(--abl-navy); }

/* ===== PORTLET HEAD ADAPT ===== */
.kt-portlet{ border-radius:12px; box-shadow:0 2px 12px rgba(23,42,89,.06); height:100%; }
.kt-portlet__head{ min-height:60px; }
.kt-portlet__head-title{ font-family:'Poppins',sans-serif; font-weight:700; font-size:16px; color:var(--abl-navy); }
.abl-link{ font-size:14.5px; font-weight:700; color:var(--abl-navy); }
.abl-link i{ font-size:11px; margin-left:3px; }
.abl-link:hover{ color:var(--abl-gold); }

/* ===== BUDGET WIDGET ===== */
.abl-budget-num{ font-family:'Poppins',sans-serif; font-weight:800; font-size:40px; color:var(--abl-navy); line-height:1; text-align:center; margin-top:20px; }
.abl-budget-label{ color:var(--abl-navy); font-size:12.5px; margin-top:6px; text-align:center; margin-bottom:10px; }
.abl-progress{ height:9px; border-radius:6px; background:#EDF0F7; overflow:hidden; margin:20px 0 22px; }
.abl-progress__bar{ height:100%; border-radius:6px; background:linear-gradient(90deg, var(--abl-navy), var(--abl-navy-light)); }
.abl-stat-row{ display:flex; border-bottom:1px solid #EEF0F7; padding-bottom:18px; }
.abl-stat{ flex:1; padding: 30px; text-align: center; }
.abl-stat + .abl-stat{ border-left:1px solid #EEF0F7; padding-left:20px; margin-left:20px; }
.abl-stat__val{ font-weight:800; font-size:19px; color:var(--abl-navy); font-family:'Poppins',sans-serif; }
.abl-stat__lbl{ color:var(--abl-navy); font-size:12px; margin-top:2px; }

/* ===== TODO TABS ===== */
.abl-tabs{ display:flex; gap:8px; border-radius:10px; margin-bottom:6px; }
.nav-link.abl-tab{ padding:8px 18px; border-radius:8px; font-size:12.5px; font-weight:700; color:#222; cursor:pointer; background:#F3F5FA; }
.nav-link.abl-tab.active{ background:var(--abl-navy); color:#fff; }
.abl-todo-item{ display:flex; align-items:flex-start; gap:14px; padding:10px 4px; border-bottom:1px solid #F0F2F8; }
.abl-todo-item:last-child{ border-bottom:none; }
.abl-todo-avatar{
	width:38px; height:38px; border-radius:50%; flex-shrink:0; object-fit:cover;
}
.abl-todo-avatar--icon{
	display:flex; align-items:center; justify-content:center; color:#fff; font-weight:700; font-size:14px;
}
.abl-todo-text{ font-size:13.5px; color:#4b5468; line-height:1.5; font-weight:500; }
.abl-todo-text b{ color:var(--abl-navy); font-weight:700; }
.abl-todo-time{ font-size:11.5px; color:var(--abl-navy); margin-top:3px; }
.abl-status{ margin-left:auto; padding:5px 14px; border-radius:7px; font-size:11.5px; font-weight:700; white-space:nowrap; height:fit-content; }
.abl-status--pending{ background:var(--abl-gold-bg); color:#B9860B; }
.abl-status--review{ background:#E7F0FF; color:#2E63D8; }

/* ===== APP GRID ===== */
.abl-appgrid{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; padding:8px 4px; }
.abl-app{ display:flex; flex-direction:column; align-items:center; gap:9px; width:80px; cursor:pointer; }
.abl-app__icon{
	width:52px; height:52px; border-radius:14px; background:var(--abl-navy); color:var(--abl-gold);
	display:flex; align-items:center; justify-content:center; font-size:22px;
}
.abl-app__icon.gold{ background:var(--abl-gold); color:var(--abl-navy); }
.abl-app__icon.outline{ background:#F3F5FA; color:#7c8496; }
.abl-app__label{ font-size:11.5px; color:#5a6072; font-weight:600; text-align:center; }
.abl-app:hover .abl-app__icon{ transform:translateY(-2px); box-shadow:0 8px 16px rgba(11,30,63,.18); }
.abl-app__icon{ transition:.15s ease; }

/* ===== MAGAZINE COVERS ===== */
.abl-mag{ border-radius:10px; overflow:hidden; position:relative; height:190px; display:flex; flex-direction:column; justify-content:flex-end; padding:16px 12px; color:#fff; }
.abl-mag:before{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,.65) 100%); }
.abl-mag span{ position:relative; z-index:2; font-family:'Poppins',sans-serif; font-weight:800; font-size:20px; letter-spacing:.05em; }
.abl-mag small{ position:relative; z-index:2; font-size:10.5px; opacity:.85; font-weight:600; }
.abl-mag-cap{ text-align:center; font-size:12px; font-weight:700; color:var(--abl-navy); margin-top:10px; }

/* ===== ARTICLES ===== */
.abl-article{ display:flex; gap:14px; padding:14px 0; border-bottom:1px solid #F0F2F8; }
.abl-article:last-child{ border-bottom:none; }
.abl-article img{ width:64px; height:64px; border-radius:10px; object-fit:cover; flex-shrink:0; }
.abl-article__date{ font-size:11px; color:#a3a9b8; font-weight:600; }
.abl-article__text{ font-size:12.5px; color:#222; line-height:1.5; margin:4px 0 6px; }

/* ===== MEETING ROOM ===== */
.abl-legend{ display:flex; gap:22px; align-items:center; font-size:12.5px; color:#5a6072; font-weight:600; }
.abl-dot{ width:9px; height:9px; border-radius:50%; display:inline-block; margin-right:6px; }
.abl-room-grid{ display:grid; grid-template-columns:repeat(6,1fr); gap:10px; margin-top:16px; }
.abl-slot{ border-radius:8px; padding:10px 6px; text-align:center; font-size:11.5px; font-weight:700; }
.abl-slot small{ display:block; font-weight:600; font-size:10.5px; margin-top:2px; }
.abl-slot--available{ background:var(--abl-green-bg); color:#1E8E52; }
.abl-slot--booked{ background:var(--abl-red-bg); color:#C22127; }
.abl-slot--mybooking{ background:var(--abl-gold-bg); color:#B9860B; }

/* ===== FOOTER ===== */
.abl-footer{ background:var(--abl-navy); color:#fff; padding:16px 30px; display:flex; justify-content:space-between; align-items:center; font-size:12.5px; font-weight:500; border-radius:10px; }
.abl-footer a{ color:#FFF; margin-left:22px; }
.abl-footer a:hover{ color:var(--abl-gold-2); }

@media (max-width: 991px){
	.abl-topmenu{ display:none; }
	.abl-hero__art{ display:none; }
}

/* ===== SHELL (custom flex shell, avoids fragile kt-grid row/col nesting) ===== */
.abl-shell{ display:flex; flex-direction:column; min-height:100vh; }
.abl-body{ display:flex; align-items:flex-start; flex:1; }
.abl-wrapper{ flex:1; min-width:0; display:flex; flex-direction:column; min-height:calc(100vh - 70px); margin-top:70px; }
#kt_aside{ position:sticky; top:70px; align-self:flex-start; max-height:calc(100vh - 70px); overflow-y:auto; border-radius:10px; }

/* ===== MOBILE ===== */
.mobile-menu-toggle{
    display:none;
    background:none;
    border:0;
    font-size:24px;
    cursor:pointer;
    margin-left:25px;
}

.mobile-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.5);
    opacity:0;
    visibility:hidden;
    transition:.3s;
    z-index:998;
}

.mobile-overlay.show{
    opacity:1;
    visibility:visible;
}

@media(max-width:991px){

    .mobile-menu-toggle{
        display:block;
    }

    #kt_aside{
        position:fixed;
        left:-280px;
        top:0;
        width:280px;
        height:100vh;
        z-index:999;
        transition:left .3s;
    }

    #kt_aside.show{
        left:0;
    }

    .abl-body{
        width:100%;
    }

    .abl-topbar-icon {
    	display: none;
    }
}

/* ===== VISION MISSION ===== */

/* ===== BREADCRUMB ===== */
.vm-crumb{ font-size:13px; color:#8b93a7; font-weight:600; margin-bottom:16px; display:flex; align-items:center; gap:8px; }
.vm-crumb a{ color:#8b93a7; }
.vm-crumb a:hover{ color:var(--abl-navy); }
.vm-crumb .current{ color:var(--abl-navy); }
.vm-crumb i{ font-size:10px; color:#c7cce0; }

/* ===== HERO ===== */
.vm-hero{
	position:relative; overflow:hidden; border-radius:16px; background:linear-gradient(120deg, var(--abl-navy) 0%, var(--abl-navy-2) 55%, var(--abl-navy-light) 100%);
	padding:44px 46px; margin-bottom:26px; min-height:280px; display:flex; align-items:center;
}
.vm-hero::before{
	content:""; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1;
	background: linear-gradient(90deg,
		var(--abl-navy) 0%,
		var(--abl-navy) 38%,
		rgba(11,30,63,.92) 46%,
		rgba(11,30,63,.55) 58%,
		rgba(11,30,63,.18) 74%,
		rgba(11,30,63,0) 90%);
}
.vm-hero__content{ position:relative; z-index:3; max-width:520px; }
.vm-hero__eyebrow{ color:var(--abl-gold); font-weight:700; font-size:12.5px; letter-spacing:.12em; text-transform:uppercase; margin-bottom:10px; }
.vm-hero h1{ font-family:'Poppins',sans-serif; font-weight:800; font-size:34px; color:#fff; margin:0 0 10px; line-height:1.18; }
.vm-hero h2{ font-family:'Poppins',sans-serif; font-weight:700; font-size:19px; color:var(--abl-gold); margin:0 0 16px; line-height:1.35; }
.vm-hero p{ color:#c9d3ea; font-size:14.5px; line-height:1.7; margin:0 0 24px; max-width:440px; }
.btn-abl-gold{
	background:var(--abl-gold); color:var(--abl-navy); font-weight:700; font-size:13.5px; padding:12px 22px;
	border-radius:9px; display:inline-flex; align-items:center; gap:9px; border:none; cursor:pointer;
}
.btn-abl-gold:hover{ background:var(--abl-gold-2); color:var(--abl-navy); }

.vm-hero__art{ position:absolute; right:0; bottom:0; top:0; width:52%; z-index:1; opacity:.9; }
.vm-hero__glow{ position:absolute; width:480px; height:480px; border-radius:50%; right:-160px; top:-180px;
	background:radial-gradient(circle, rgba(242,184,7,.16) 0%, rgba(242,184,7,0) 70%); z-index:1; }
.vm-hero__fade{ position:absolute; inset:0; background:linear-gradient(90deg, var(--abl-navy) 0%, rgba(11,30,63,.55) 42%, rgba(11,30,63,0) 68%); z-index:2; }

/* ===== SECTION HEAD ===== */
.vm-sec-title{ display:flex; align-items:center; gap:12px; margin-bottom:6px; }
.vm-sec-title h3{ font-family:'Poppins',sans-serif; font-weight:800; font-size:22px; color:var(--abl-navy); margin:0; letter-spacing:.02em; }
.vm-sec-bar{ width:44px; height:4px; border-radius:4px; background:var(--abl-gold); margin-bottom:22px; }

/* ===== CARD ===== */
.vm-card{ background:#fff; border-radius:14px; box-shadow:0 2px 14px rgba(23,42,89,.06); border:1px solid var(--border); }

/* ===== PURPOSE / VISION / TARGET ===== */
.vm-pvt{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; }
.vm-pvt-card{ padding: 26px 24px; display: flex; gap: 10px; }
.vm-pvt-card.target{ background:var(--abl-red-bg); border-color:#FBD9D9; }
.vm-icon-circle{ width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:22px; }
.target .vm-icon-circle { background: var(--abl-red-bg); width: 125px; height: 100px; }
.vm-icon-circle i { font-size: 50px; color: var(--blue); }
.target .vm-icon-circle i { font-size: 100px; color: var(--abl-red); }
.vm-pvt-card h4{ font-family:'Poppins',sans-serif; font-weight:800; font-size:15px; letter-spacing:.06em; margin:0 0 10px; color: var(--blue) }
.vm-pvt-card p{ font-size:13px; color:#222; line-height:1.65; margin:0; font-weight:400; }
.vm-pvt-card.target p{ font-family:'Poppins',sans-serif; font-weight:700; font-size:16px; color:var(--abl-navy); font-style:italic; }
.vm-pvt-card.target h4{ color:var(--abl-red); }

/* ===== MISSION GRID ===== */
.vm-mission-card{ background:#fff; border-radius:14px; box-shadow:0 2px 14px rgba(23,42,89,.06); border:1px solid var(--border); padding:28px 30px 22px; margin-bottom:30px; }
.vm-mission-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px 26px; margin-top:18px; }
.vm-mission-item{ display:flex; gap:14px; }
.vm-mi-icon{ width:60px; height:60px; border-radius:30px; display:flex; align-items:center; justify-content:center; font-size:19px; flex-shrink:0; }
.vm-mission-item h5{ font-family:'Poppins',sans-serif; font-weight:700; font-size:14px; color:var(--abl-navy); margin:2px 0 6px; }
.vm-mission-item p{ font-size:12.5px; color:#222; line-height:1.6; margin:0; font-weight:400; }
.vm-mi-icon i { font-size:35px; }

/* ===== BUSINESS DIAGRAM ===== */
.vm-biz-card{ padding:34px; margin-bottom:30px; display:grid; grid-template-columns:1fr 1fr; gap:20px; align-items:center; }
.vm-biz{ display: flex; gap: 20px; }
.vm-biz-text h3{ font-family:'Poppins',sans-serif; font-weight:800; font-size:23px; color:var(--abl-navy); margin:0 0 4px; }
.vm-biz-bar{ width:44px; height:4px; border-radius:4px; background:var(--abl-gold); margin-bottom:14px; }
.vm-biz-text h4{ font-family:'Poppins',sans-serif; font-weight:700; font-size:16px; color:var(--abl-blue); margin:0 0 12px; }
.vm-biz-text p{ font-size:13.5px; color:#222; line-height:1.75; max-width:420px; font-weight:400; }
.vm-biz-icon { border-radius: 50px; background: var(--abl-blue-bg); width: 100px; height: 100px; align-items: center; justify-content: center; display: flex; }
.vm-biz-icon i { font-size: 55px; color: var(--abl-blue); }

.biz-diagram{ position:relative; margin:0 auto; }
.biz-diagram img { width: 100%; }
.biz-ring{
	position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
	width:320px; height:320px; border-radius:50%;
	background:conic-gradient(from -1.71deg,
		#1c3868 0deg 51.43deg,
		#2E4FCC 51.43deg 102.86deg,
		#F2B807 102.86deg 154.29deg,
		#17325E 154.29deg 205.71deg,
		#0B1E3F 205.71deg 257.14deg,
		#12306b 257.14deg 308.57deg,
		#3E5C9A 308.57deg 360deg);
	box-shadow:0 10px 30px rgba(11,30,63,.15);
}
.biz-ring::after{
	content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
	width:190px; height:190px; border-radius:50%; background:#fff; box-shadow:inset 0 0 0 1px #F0F2F8;
}
.biz-center{
	position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:4; text-align:center; width:150px;
}
.biz-center i{ font-size:26px; color:var(--abl-gold); margin-bottom:6px; display:block; }
.biz-center b{ display:block; font-family:'Poppins',sans-serif; font-weight:800; font-size:13px; color:var(--abl-navy); letter-spacing:.04em; line-height:1.35; }
.biz-label{
	position:absolute; transform:translate(-50%,-50%); text-align:center; width:130px; z-index:3;
}
.biz-label i{ font-size:16px; color:var(--abl-navy); display:block; margin-bottom:5px; }
.biz-label span{ font-size:10.5px; font-weight:800; color:var(--abl-navy); letter-spacing:.03em; line-height:1.3; display:block; }

/* ===== RESPONSIVE ===== */
@media (max-width: 1100px){
	.vm-mission-grid{ grid-template-columns:repeat(2,1fr); }
	.vm-business-grid{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width: 991px){
	.vm-pvt{ grid-template-columns:1fr; }
	.vm-biz-card{ grid-template-columns:1fr; }
	.biz-diagram{ margin-top:20px; }
	.vm-two-col{ grid-template-columns:1fr; }
	.vm-hero__art{ display:none; }
	.vm-hero h1{ font-size:27px; }
}
@media (max-width: 640px){
	.vm-mission-grid{ grid-template-columns:1fr; }
	.vm-business-grid{ grid-template-columns:repeat(2,1fr); }
	.vm-values-row{ flex-wrap:wrap; }
	.vm-value-item{ width:30%; flex:none; }
	.vm-journey-items{ flex-wrap:wrap; row-gap:20px; }
	.vm-journey-item{ width:33%; }
}

/* ===== 5 CORE VALUES PAGE ===== */
.cv-page-head{ display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin-bottom:26px; }
.cv-page-head h1{ font-family:'Poppins',sans-serif; font-weight:800; font-size:32px; color:var(--abl-navy); margin:0 0 8px; }
.cv-page-head p{ font-size:14px; color:#222; margin:0; max-width:560px; line-height:1.6; font-weight:400; }
.cv-page-head__art{ width:150px; height:120px; flex-shrink:0; }

.cv-value-card{ margin-bottom:24px; padding:30px 32px; }
.cv-value-head{ display:flex; align-items:center; gap:14px; }
.cv-value-badge{
	width:44px; height:44px; border-radius:13px; display:flex; align-items:center; justify-content:center;
	font-size:20px; color:#fff; flex-shrink:0;
}
.cv-value-head h2{ font-family:'Poppins',sans-serif; font-weight:800; font-size:22px; margin:0; }

.cv-value-body{ display:grid; grid-template-columns:190px 1fr; gap:30px; align-items:start; }
.cv-value-art{ width:100%; height:auto; }
.cv-value-cols{ display:grid; gap:26px; }
.cv-value-cols.cols-2{ grid-template-columns:1fr 1fr; }
.cv-value-cols.cols-3{ grid-template-columns:1fr 1fr 1fr; }

.cv-col h5{
	font-family:'Poppins',sans-serif; font-weight:700; font-size:14px; color:var(--abl-navy);
	margin:0 0 14px; padding-bottom:9px; border-bottom:2px solid #F0F2F8;
}
.cv-point{ margin-bottom:14px; }
.cv-point:last-child{ margin-bottom:0; }
.cv-point-id{ font-size:12.5px; font-weight:700; color:#333a4d; line-height:1.55; }
.cv-point-id b{ font-weight:700; }
.cv-point-en{ font-size:11.5px; font-weight: 500; font-style:italic; line-height:1.5; margin-top:3px; }

.cv-value-card.safety .cv-value-badge{ background:var(--abl-blue); }
.cv-value-card.safety h2{ color:var(--abl-blue); }
.cv-value-card.safety .cv-point-en { color:var(--abl-blue); }

.cv-value-card.agility .cv-value-badge{ background:var(--abl-amber); }
.cv-value-card.agility h2{ color:var(--abl-amber); }
.cv-value-card.agility .cv-point-en { color:var(--abl-amber); }

.cv-value-card.collaborative .cv-value-badge{ background:#1B87D6; }
.cv-value-card.collaborative h2{ color:#1B87D6; }
.cv-value-card.collaborative .cv-point-en { color:#1B87D6; }

.cv-value-card.trustworthy .cv-value-badge{ background:var(--abl-green); }
.cv-value-card.trustworthy h2{ color:var(--abl-green); }
.cv-value-card.trustworthy .cv-point-en { color:#1B87D6; }

.cv-value-card.innovation .cv-value-badge{ background:var(--abl-purple); }
.cv-value-card.innovation h2{ color:var(--abl-purple); }
.cv-value-card.innovation .cv-point-en { color:var(--abl-purple); }

.cv-footer-bar{
	display:flex; align-items:center; justify-content:space-between; gap:20px; background:#fff;
	border:1px solid var(--border); border-radius:14px; padding:20px 26px; flex-wrap:wrap;
}
.cv-footer-bar__left{ display:flex; align-items:center; gap:14px; }
.cv-footer-bar__icon{
	width:42px; height:42px; border-radius:11px; background:var(--abl-blue-bg); color:var(--abl-blue);
	display:flex; align-items:center; justify-content:center; font-size:18px; flex-shrink:0;
}
.cv-footer-bar p{ font-size:13.5px; color:#4b5468; margin:0; font-weight:600; max-width:640px; }

.page-head-icon { background: #dce9ff; color: var(--abl-navy); padding: 0 15px; border-radius: 15px; }
.page-head-icon i { font-size: 60px; }
.page-head-icon i.la, .page-head-icon i.fas { margin: 15px 0 }

@media (max-width: 991px){
	.cv-value-body{ grid-template-columns:1fr; }
	.cv-value-art{ width:130px; margin:0 auto; }
	.cv-value-cols.cols-3{ grid-template-columns:1fr 1fr; }
	.cv-page-head{ flex-direction:column; }
	.cv-page-head__art{ display:none; }
}
@media (max-width: 640px){
	.cv-value-cols.cols-2, .cv-value-cols.cols-3{ grid-template-columns:1fr; }
	.cv-footer-bar{ flex-direction:column; align-items:flex-start; }
}

/* ===== LOGIN PAGE ===== */
html, body.login-body{ height:100%; margin:0; }
.login-page{ display:flex; min-height:100vh; background:#fff; overflow:hidden; }

/* left photo panel */
.login-photo-panel{
	position:relative; width:52%; flex-shrink:0; min-height:100vh;
}
.login-gold-accent{
	position:absolute; inset:0; width:calc(100% + 14px);
	background:var(--abl-gold);
	clip-path:polygon(0 0, 91% 0, 100% 50%, 91% 100%, 0 100%);
	z-index:1;
}
.login-photo-inner{
	position:absolute; inset:0; width:100%; height:100%;
	background:url('../media/bg/banner2.png') center center/cover no-repeat;
	clip-path:polygon(0 0, 90% 0, 98.5% 50%, 90% 100%, 0 100%);
	z-index:2;
}
.login-photo-overlay{
	position:absolute; inset:0;
	background:linear-gradient(0deg, rgba(11,30,63,.94) 0%, rgba(11,30,63,.82) 28%, rgba(11,30,63,.35) 55%, rgba(11,30,63,.05) 72%);
}
.login-brand{ position:absolute; top:38px; left:44px; z-index:3; }
.login-brand img{ height:56px; }

.login-photo-content{ position:absolute; left:44px; right:120px; bottom:48px; z-index:3; }
.login-bar{ width:46px; height:4px; border-radius:4px; background:var(--abl-gold); margin-bottom:16px; }
.login-photo-content h1{
	font-family:'Poppins',sans-serif; font-weight:800; font-size:29px; color:#fff; line-height:1.28; margin:0 0 14px;
}
.login-photo-content h1 span{ color:var(--abl-gold); }
.login-photo-content > p{ color:#cfd8ec; font-size:13.5px; line-height:1.7; max-width:420px; margin:0 0 30px; }

.login-features{ display:flex; gap:26px; flex-wrap:wrap; }
.login-feature{ display:flex; flex-direction:column; align-items:center; gap:10px; width:78px; text-align:center; }
.login-feature__icon{
	width:56px; height:56px; border-radius:50%; border:1.5px solid rgba(242,184,7,.55);
	display:flex; align-items:center; justify-content:center; color:var(--abl-gold); font-size:21px; flex-shrink:0;
}
.login-feature span{ font-size:11px; font-weight:700; color:#e7ecf7; line-height:1.35; }

/* right form panel */
.login-form-panel{
	flex:1; position:relative; display:flex; align-items:center; justify-content:center;
	padding:40px 30px; overflow:hidden;
}
.login-dots{
	position:absolute; top:0; right:0; width:60%; height:65%;
	background-image:radial-gradient(#cfd6e8 1.4px, transparent 1.4px);
	background-size:16px 16px;
	-webkit-mask-image:radial-gradient(ellipse at top right, #000 10%, transparent 68%);
	mask-image:radial-gradient(ellipse at top right, #000 10%, transparent 68%);
	opacity:.8; pointer-events:none;
}
.login-form-wrap{ position:relative; z-index:2; width:100%; max-width:420px; }

.login-badge{
	width:78px; height:78px; border-radius:50%; background:var(--abl-navy); color:var(--abl-gold);
	display:flex; align-items:center; justify-content:center; margin:0 auto 22px; font-size:32px;
}
.login-form-wrap h2{
	font-family:'Poppins',sans-serif; font-weight:800; font-size:26px; color:var(--abl-navy);
	text-align:center; margin:0 0 8px;
}
.login-form-wrap > p.login-sub{ text-align:center; color:#8b93a7; font-size:13.5px; margin:0 0 30px; }

.login-field{ margin-bottom:18px; }
.login-field label{ display:block; font-size:12.5px; font-weight:700; color:var(--abl-navy); margin-bottom:8px; }
.login-input{
	display:flex; align-items:center; gap:12px; border:1px solid var(--border); border-radius:10px;
	padding:0 14px; background:#fff; height:50px;
}
.login-input:focus-within{ border-color:var(--abl-blue); box-shadow:0 0 0 3px rgba(46,99,216,.12); }
.login-input i{ color:#9099ad; font-size:16px; flex-shrink:0; }
.login-input input{
	border:none; outline:none; flex:1; font-size:13.5px; color:var(--abl-navy); background:transparent; height:100%;
	font-family:'Roboto',sans-serif;
}
.login-input input::placeholder{ color:#a9b0c2; }
.login-input .toggle-pw{ cursor:pointer; }

.login-row{ display:flex; align-items:center; justify-content:space-between; margin:2px 0 24px; }
.login-remember{ display:flex; align-items:center; gap:9px; font-size:12.5px; color:#4b5468; font-weight:600; cursor:pointer; }
.login-remember input{ width:16px; height:16px; accent-color:var(--abl-navy); cursor:pointer; }
.login-forgot{ font-size:12.5px; font-weight:700; color:var(--abl-blue); }
.login-forgot:hover{ color:var(--abl-navy); }

.btn-abl-navy{
	width:100%; background:var(--abl-navy); color:var(--abl-gold); border:none; border-radius:10px;
	height:50px; font-weight:700; font-size:14px; display:flex; align-items:center; justify-content:center; gap:9px;
	cursor:pointer;
}
.btn-abl-navy:hover{ background:var(--abl-navy-2); }

.btn-abl-red{
	width:100%; background:var(--abl-red); color:var(--white); border:none; border-radius:10px;
	height:50px; font-weight:700; font-size:14px; display:flex; align-items:center; justify-content:center; gap:9px;
	cursor:pointer;
}
.btn-abl-red:hover{ background:var(--abl-red-2); }

.login-divider{
	display:flex; align-items:center; gap:14px; color:#a9b0c2; font-size:12px; font-weight:600; margin:20px 0;
}
.login-divider::before, .login-divider::after{ content:""; flex:1; height:1px; background:var(--border); }

.btn-abl-outline-sso{
	width:100%; background:#fff; color:var(--abl-navy); border:1.5px solid var(--border); border-radius:10px;
	height:50px; font-weight:700; font-size:13.5px; display:flex; align-items:center; justify-content:center; gap:10px;
	cursor:pointer;
}
.btn-abl-outline-sso:hover{ border-color:var(--abl-navy); }

.login-help{
	display:flex; align-items:center; gap:14px; background:#F7F8FC; border:1px solid var(--border); border-radius:12px;
	padding:16px 18px; margin-top:26px; cursor:pointer;
}
.login-help__icon{
	width:38px; height:38px; border-radius:50%; background:#EAEEF7; color:#5a6072;
	display:flex; align-items:center; justify-content:center; font-size:16px; flex-shrink:0;
}
.login-help__text{ flex:1; font-size:12.5px; color:#4b5468; line-height:1.5; }
.login-help__text b{ display:block; color:var(--abl-navy); font-size:13.5px; margin-bottom:1px; }
.login-help__text a{ color:var(--abl-blue); font-weight:700; }
.login-help .la-angle-right{ color:#a9b0c2; font-size:15px; }

@media (max-width: 991px){
	.login-photo-panel{ display:none; }
	.login-form-panel{ padding:30px 22px; }
}
@media (max-width: 420px){
	.login-features{ gap:14px; justify-content:center; }
	.login-feature{ width:68px; }
}