/* Source: Success1(3).zip / Admin/header.php, actual Bootstrap Admin styles. */

        /* ===================================================
           PROFESSIONAL SKYBLUE ADMIN UI
           (NO FUNCTIONALITY OR STRUCTURE CHANGED)
        =================================================== */

        :root {
            --primary: rgb(13, 42, 102);
            --primary-dark: #081d46;
            --primary-light: #2f5faf;
            --sidebar-bg: #0d2a66;
            --text-light: #dcefff;
            --white: #ffffff;
            --dark: #1e293b;
            --muted: #94a3b8;
            --body-bg: #f4f8fc;
            --hover-bg: rgba(255, 255, 255, 0.12);
            --active-bg: rgba(255, 255, 255, 0.18);
            --shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
            --radius: 12px;
            --transition: all 0.3s ease;
        }

        * {
            box-sizing: border-box;
        }

        body {
            font-family: 'Poppins', sans-serif;
            background: var(--body-bg);
            color: var(--dark);
            font-size: 14px;
            overflow-x: hidden;
        }

        a {
            text-decoration: none !important;
        }

        /* ===================================================
           HEADER
        =================================================== */

        .header {
            background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important;
            border: none;
            box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
            height: 65px;
            z-index: 1001;
        }

        .header-left {
            background: transparent !important;
            display: flex;
            align-items: center;
            padding: 0 22px;
            position: relative;
        }

        .header-left::after {
            content: "";
            position: absolute;
            right: 0;
            top: 18%;
            height: 64%;
            width: 1px;
            background: rgba(255, 255, 255, 0.15);
        }

        .header-left .logo h4 {
            color: var(--white) !important;
            font-size: 18px;
            font-weight: 600;
            margin: 0;
            letter-spacing: 0.3px;
        }

        .logo-small img {
            border-radius: 8px;
            margin-left: 12px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
        }

        #toggle_btn,
        .mobile_btn {
            color: var(--white) !important;
            transition: var(--transition);
        }

        #toggle_btn:hover,
        .mobile_btn:hover {
            transform: scale(1.05);
        }

        /* ===================================================
           TOP NAV
        =================================================== */

        .nav.user-menu .nav-link {
            color: var(--white) !important;
            transition: var(--transition);
        }

        .nav.user-menu .nav-link:hover {
            opacity: 0.9;
        }

        .nav.user-menu i {
            font-size: 18px;
        }

        .badge {
            background: #ff4d6d !important;
            border: 2px solid rgba(255, 255, 255, 0.4);
            font-size: 10px;
            font-weight: 600;
            padding: 4px 6px;
            border-radius: 50px;
        }

        .user-img img {
            border: 2px solid rgba(255, 255, 255, 0.5);
            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
        }

        /* ===================================================
           DROPDOWN
        =================================================== */

        .dropdown-menu {
            border: none;
            border-radius: var(--radius);
            overflow: hidden;
            box-shadow: var(--shadow);
            padding: 0;
        }

        .dropdown-item {
            font-size: 14px;
            padding: 12px 18px;
            transition: var(--transition);
        }

        .dropdown-item:hover {
            background: #f3f8fc;
            color: var(--primary-dark);
        }

        .user-header {
            background: linear-gradient(135deg, var(--primary), var(--primary-dark));
            color: var(--white);
            padding: 20px;
        }

        .user-header h6 {
            margin-bottom: 5px;
            font-weight: 600;
        }

        .notification-list li {
            transition: var(--transition);
        }

        .notification-list li:hover {
            background: #f8fbff;
        }

        .notification-title {
            font-weight: 600;
            color: var(--dark);
        }

        .clear-noti {
            color: var(--primary);
            font-size: 13px;
            font-weight: 500;
        }

        /* ===================================================
           SIDEBAR
        =================================================== */

        .sidebar {
            background: linear-gradient(180deg,
                    var(--sidebar-bg),
                    #102f70) !important;
            border-right: none;
            box-shadow: 3px 0 18px rgba(0, 0, 0, 0.05);
        }

        .sidebar-inner {
            padding-top: 8px;
        }

        .sidebar-menu ul {
            padding: 0;
            margin: 0;
        }

        .sidebar-menu ul li {
            margin-bottom: 4px;
        }

        .sidebar-menu ul li.menu-title {
            padding: 12px 20px 6px;
        }

        .sidebar-menu ul li.menu-title span {
            color: rgba(255, 255, 255, 0.75) !important;
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 1px;
            text-transform: uppercase;
        }

        /* Main Menu Links */

        .sidebar-menu ul li a {
            color: var(--text-light) !important;
            font-size: 14px;
            font-weight: 500;
            padding: 12px 20px;
            border-radius: 0 30px 30px 0;
            margin-right: 12px;
            transition: var(--transition);
            position: relative;
        }

        .sidebar-menu ul li a i {
            color: rgba(255, 255, 255, 0.8) !important;
            width: 22px;
            transition: var(--transition);
        }

        .sidebar-menu ul li a:hover {
            background: var(--hover-bg) !important;
            color: var(--white) !important;
            transform: translateX(4px);
        }

        .sidebar-menu ul li a:hover i {
            color: var(--white) !important;
        }

        /* Active Link */

        .sidebar-menu ul li a.active {
            background: var(--active-bg) !important;
            color: var(--white) !important;
            font-weight: 600;
            box-shadow: inset 4px 0 0 #ffffff;
        }

        .sidebar-menu ul li a.active i {
            color: var(--white) !important;
        }

        /* Submenu */

        .sidebar-menu ul ul {
            background: rgba(255, 255, 255, 0.04) !important;
            border-radius: 12px;
            margin: 4px 10px 10px;
            padding: 8px 0;
        }

        .sidebar-menu ul ul li a {
            padding-left: 48px;
            font-size: 13px;
        }

        .menu-arrow {
            transition: transform 0.3s ease;
        }

        /* ===================================================
           NOTIFICATION PANEL
        =================================================== */

        .notifications {
            min-width: 320px;
            border-radius: 14px;
        }

        .topnav-dropdown-header {
            padding: 15px 18px;
            background: #f8fbff;
            border-bottom: 1px solid #edf2f7;
        }

        .noti-content {
            max-height: 320px;
            overflow-y: auto;
        }

        .notification-message {
            border-bottom: 1px solid #f1f5f9;
        }

        .notification-message:last-child {
            border-bottom: none;
        }

        .notification-message a {
            padding: 14px 18px;
            display: block;
        }

        .noti-details {
            color: #334155;
            font-size: 13px;
            margin-bottom: 4px;
        }

        .notification-time {
            color: #94a3b8;
            font-size: 12px;
        }

        .topnav-dropdown-footer {
            padding: 12px;
            text-align: center;
            background: #f8fbff;
            border-top: 1px solid #edf2f7;
        }

        .topnav-dropdown-footer a {
            color: var(--primary-dark);
            font-weight: 600;
            font-size: 13px;
        }

        /* ===================================================
           SCROLLBAR
        =================================================== */

        ::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }

        ::-webkit-scrollbar-thumb {
            background: rgba(13, 42, 102, 0.5);
            border-radius: 10px;
        }

        ::-webkit-scrollbar-track {
            background: transparent;
        }

        /* ===================================================
           RESPONSIVE
        =================================================== */

        @media only screen and (max-width: 991px) {

            .header-left .logo h4 {
                font-size: 15px;
            }

            .sidebar-menu ul li a {
                margin-right: 0;
                border-radius: 0;
            }
        }
    

/* 2026 PROFESSIONAL PORTAL POLISH */
.header{background:#fff!important;border-bottom:1px solid #e8eef8;box-shadow:0 4px 18px rgba(13,42,102,.06)!important}
.admin-top-shortcuts{align-items:center;gap:8px;margin-left:18px}
.top-shortcut{padding:8px 13px;border-radius:9px;color:#41516d!important;font-weight:600;font-size:13px;transition:.2s}
.top-shortcut:hover,.top-shortcut.active{background:#edf4ff;color:#0d2a66!important}
.user-menu .nav-link{border-radius:10px}
.page-wrapper{background:linear-gradient(180deg,#f7faff 0,#f2f6fb 100%)}
.sidebar{box-shadow:8px 0 28px rgba(8,29,70,.12)}
.sidebar-menu ul li a{border-radius:9px;margin:2px 8px}
@media(max-width:767px){.admin-top-shortcuts{display:none!important}}

/* SUCCESS SCHOOLS MATURE UI SYSTEM */
:root{--ss-primary:#155eef;--ss-navy:#0d2a66;--ss-ink:#172033;--ss-muted:#667085;--ss-line:#e7edf5;--ss-soft:#f6f9fd;--ss-green:#12a150;--ss-orange:#f59e0b;--ss-red:#e5484d;--ss-radius:16px;--ss-shadow:0 8px 28px rgba(23,43,77,.08)}
body{background:#f5f8fc!important;color:var(--ss-ink)}.page-wrapper{background:#f5f8fc!important}.content.container-fluid{padding:28px 30px}.card{border:1px solid var(--ss-line);border-radius:var(--ss-radius);box-shadow:var(--ss-shadow)}.card-header{background:#fff;border-bottom:1px solid var(--ss-line);border-radius:var(--ss-radius) var(--ss-radius) 0 0!important}.page-header h3,.page-title,h3{letter-spacing:-.02em}.table-responsive{border-radius:14px}.table{color:#344054}.table thead th{background:#f7f9fc;color:#667085;border-top:0;border-bottom:1px solid #e8edf4;font-size:12px;text-transform:uppercase;letter-spacing:.035em;font-weight:800}.table td{border-top:1px solid #edf1f5}.table-hover tbody tr:hover{background:#f8fbff}.form-control,.custom-select{min-height:44px;border-radius:10px;border:1px solid #d7e0ec;box-shadow:none}.form-control:focus,.custom-select:focus{border-color:#84adff;box-shadow:0 0 0 4px rgba(21,94,239,.08)}textarea.form-control{min-height:auto}.btn{border-radius:9px;font-weight:700;box-shadow:none}.btn-primary{background:#155eef;border-color:#155eef}.btn-primary:hover{background:#0b4dd8;border-color:#0b4dd8;transform:translateY(-1px)}.btn-success{background:#12a150;border-color:#12a150}.badge{padding:.42em .65em;border-radius:20px}.alert{border:0;border-radius:13px;box-shadow:0 5px 18px rgba(23,43,77,.05)}.dropdown-menu{border:1px solid #e6ebf2;border-radius:13px;box-shadow:0 16px 38px rgba(16,38,72,.14);padding:8px}.dropdown-item{border-radius:8px;padding:9px 12px}.header{height:64px!important}.header .nav-link{height:42px;min-width:42px;display:flex!important;align-items:center;justify-content:center}.ss-svg{width:19px;height:19px;display:inline-block;vertical-align:-3px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.top-shortcut{display:inline-flex;align-items:center;gap:7px}.top-shortcut .ss-svg{width:17px;height:17px}.header .noti-dropdown>a{background:#f4f7fb;color:#344054!important;border:1px solid #e7edf5}.header .noti-dropdown>a:hover{background:#edf4ff;color:#155eef!important}.user-img img{box-shadow:0 0 0 3px #edf4ff}.sidebar-menu ul li a{font-weight:500}.sidebar-menu ul li a:hover{background:rgba(255,255,255,.10)!important}.sidebar-menu .submenu>a{font-weight:700}.menu-title{opacity:.72}.ss-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.ss-section-head h3{margin:0;color:#101828;font-weight:800}.ss-eyebrow{font-size:11px;font-weight:800;color:#155eef;letter-spacing:.08em;text-transform:uppercase}.ss-empty{padding:45px 20px;text-align:center;color:#98a2b3}.ss-actionbar{display:flex;gap:8px;flex-wrap:wrap}.modal-content{border:0;border-radius:18px;box-shadow:0 24px 60px rgba(16,24,40,.22)}
@media(max-width:991px){.content.container-fluid{padding:20px 15px}.header{height:60px!important}.table{min-width:760px}}

/* Consistent dashboard header refinements */
.header{background:#fff!important;border-bottom:1px solid #e8edf5!important;box-shadow:0 4px 18px rgba(23,43,77,.06)!important}
.header .header-left{background:#fff!important}.header #toggle_btn,.header #mobile_btn{color:#0d2a66!important}
.header .user-menu .nav-link{color:#43536d!important}.header .user-menu .nav-link svg,.header svg.portal-header-icon{width:20px;height:20px;display:inline-block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sidebar{background:linear-gradient(180deg,#0d2a66,#081d46)!important}


/* Exact Success Primary palette on original Elpis Bootstrap DOM. Loaded LAST. */
:root{--primary:#0d2a66!important;--primary-dark:#081d46!important;--sidebar-bg:#0d2a66!important;--ss-navy:#0d2a66!important;--ss-primary:#155eef!important;--ss-blue:#155eef!important}
body.ss-elpis-admin,body.ss-elpis-role{background:#f5f8fc!important;color:#172033!important;font-family:Poppins,Arial,sans-serif!important}
body.ss-elpis-admin .header,body.ss-elpis-admin .header .header-left,body.ss-elpis-role .portal-topbar{background:#fff!important;border-bottom:1px solid #e8edf5!important}
body.ss-elpis-admin .header .header-left .logo h4{color:#0d2a66!important;font-size:15px!important}
body.ss-elpis-admin .header #toggle_btn,body.ss-elpis-admin .header .mobile_btn{color:#155eef!important}
body.ss-elpis-admin .sidebar,body.ss-elpis-admin .sidebar-inner,body.ss-elpis-admin .sidebar-menu,body.ss-elpis-admin .sidebar-menu>ul{background:linear-gradient(180deg,#0d2a66,#081d46)!important}
body.ss-elpis-admin .sidebar-menu a,body.ss-elpis-admin .sidebar-menu a i{color:#dcefff!important}
body.ss-elpis-admin .sidebar-menu a:hover,body.ss-elpis-admin .sidebar-menu a.active,body.ss-elpis-admin .sidebar-menu .active>a{background:rgba(255,255,255,.18)!important;color:#fff!important}
body.ss-elpis-admin .sidebar-menu .submenu>ul{background:rgba(255,255,255,.045)!important}
body.ss-elpis-admin .page-wrapper.ss-page{background:#f5f8fc!important}
body.ss-elpis-admin .ss-breadcrumb a,body.ss-elpis-admin .admin-top-shortcuts a:hover,body.ss-elpis-role .portal-wordmark{color:#155eef!important}
body.ss-elpis-admin .ss-btn,body.ss-elpis-role .ss-btn{background:#155eef!important;color:white!important}
body.ss-elpis-admin .ss-btn.green,body.ss-elpis-role .ss-btn.green{background:#12a150!important}
body.ss-elpis-admin .ss-btn.orange,body.ss-elpis-role .ss-btn.orange{background:#f59e0b!important}
body.ss-elpis-admin .ss-btn.secondary,body.ss-elpis-role .ss-btn.secondary{background:#edf4ff!important;color:#0d2a66!important}
body.ss-elpis-role .portal-drawer{background:linear-gradient(180deg,#0d2a66,#081d46)!important}
body.ss-elpis-role .drawer-link,body.ss-elpis-role .drawer-link i{color:#dcefff!important}
body.ss-elpis-role .drawer-link:hover,body.ss-elpis-role .drawer-link.active{background:rgba(255,255,255,.15)!important;color:#fff!important}
body.ss-elpis-role .drawer-section{color:#c5d4f4!important}
body.ss-elpis-role .top-round-link,body.ss-elpis-role .portal-topbar .menu-trigger{color:#155eef!important}
body.ss-elpis-admin .ss-page .form-control,body.ss-elpis-admin .ss-page select.form-control,body.ss-elpis-admin .ss-page textarea.form-control{min-height:44px;border-radius:10px;border:1px solid #d7e0ec!important;box-shadow:none!important;font-size:13px}
body.ss-elpis-admin .ss-page .form-control:focus{border-color:#84adff!important;box-shadow:0 0 0 4px rgba(21,94,239,.08)!important}
body.ss-elpis-admin .ss-page .card{border:1px solid #e7edf5!important;border-radius:16px!important;box-shadow:0 8px 28px rgba(23,43,77,.08)!important}
body.ss-elpis-admin .ss-page .form-title{color:#101828;font-size:18px;font-weight:750;margin:0 0 25px;padding-bottom:15px;border-bottom:1px solid #e7edf5}
body.ss-elpis-admin .ss-page .form-group{margin-bottom:20px}
body.ss-elpis-admin .ss-page .form-group label{font-weight:650;color:#344054;font-size:13px;margin-bottom:8px}
body.ss-elpis-admin .ss-page .btn-primary{background:#155eef!important;border-color:#155eef!important;color:#fff!important}
body.ss-elpis-admin .ss-page .btn-success{background:#12a150!important;border-color:#12a150!important;color:white!important}
body.ss-elpis-admin .ss-page .page-header{margin-bottom:22px}
body.ss-elpis-admin .ss-page .page-header h3{font-weight:800;color:#101828;font-size:24px}
body.ss-elpis-admin .ss-page .breadcrumb{background:transparent;margin:0;padding:0;font-size:12px}
body.ss-elpis-admin .ss-page .breadcrumb a{color:#155eef}
body.ss-elpis-admin .ss-page .ss-page-heading{margin-bottom:24px}
body.ss-elpis-admin .ss-page .dash-stat{border:none!important;border-radius:13px!important}
body.ss-elpis-admin .ss-page .ds-blue{background:linear-gradient(135deg,#2e7cf6,#155eef)!important}
body.ss-elpis-admin .ss-page .ds-orange{background:linear-gradient(135deg,#f7a928,#f57c00)!important}
body.ss-elpis-admin .ss-page .ds-green{background:linear-gradient(135deg,#22b96b,#139b52)!important}
body.ss-elpis-admin .ss-page .ds-red{background:linear-gradient(135deg,#f05b61,#dc3545)!important}
/* Primary exact dashboard floating action widget */
.fab-quick{position:fixed;right:28px;bottom:28px;z-index:1050;width:58px;height:58px;border-radius:17px;border:0;background:#155eef;color:#fff;box-shadow:0 14px 30px rgba(21,94,239,.32);font-size:21px}
.quick-drawer{position:fixed;right:28px;bottom:97px;z-index:1049;width:330px;max-width:calc(100vw - 30px);max-height:72vh;overflow:auto;background:#fff;border:1px solid #e6ebf2;border-radius:18px;box-shadow:0 24px 60px rgba(16,38,72,.22);padding:16px;display:none}
.quick-drawer.show{display:block}
.quick-item{display:flex;align-items:center;gap:11px;padding:11px;border-radius:11px;color:#344054!important;font-weight:700}
.quick-item:hover{background:#f2f6fd;color:#155eef!important}
.quick-item .qi{width:35px;height:35px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#edf4ff;color:#155eef}
.ss-exact-actions{text-align:right}.ss-exact-actions .btn{margin:0 0 8px 6px}
.ss-passport-preview{width:80px;height:80px;object-fit:cover;border-radius:12px;border:2px solid #e7edf5}
@media(max-width:767px){.ss-exact-actions{text-align:left}.ss-exact-actions .btn{margin:0 6px 8px 0}.fab-quick{right:18px;bottom:18px}.quick-drawer{left:15px;right:15px;bottom:85px;width:auto}.ss-exact-two .col-sm-6{width:100%}}

/* Shared Secondary forms use the actual Primary Bootstrap grid and field styles. */
body .ss-form-grid.row{display:flex!important;flex-wrap:wrap!important;grid-template-columns:none!important;gap:0!important;margin-left:-8px!important;margin-right:-8px!important}
body .ss-form-grid.row>.col-12{padding-left:8px!important;padding-right:8px!important}
body .ss-form-grid.row .form-group label{display:block;font-size:13px;font-weight:650;color:#344054}
body .ss-form-grid.row input.form-control,body .ss-form-grid.row select.form-control{width:100%!important;min-height:44px!important;border:1px solid #d7e0ec!important;border-radius:10px!important;background:#fff!important;padding:9px 13px!important}
body .ss-form-grid.row .ss-form-footer{justify-content:flex-start!important;margin-top:10px!important;padding-top:12px}
body .ss-panel.card{background:#fff;border:1px solid #e7edf5;border-radius:16px;box-shadow:0 8px 28px rgba(23,43,77,.07);overflow:hidden;margin-bottom:20px}
body .ss-panel.card .card-header{background:#fff;padding:18px 20px;border-bottom:1px solid #e7edf5}
body .ss-panel.card .card-header h2{font-size:15px;font-weight:800;color:#101828;margin:0}
body .ss-panel.card .card-body{padding:20px}
body .ss-data-table.table{width:100%;min-width:700px;font-size:12px}
body .ss-data-table.table th{background:#f7f9fc;border-bottom:1px solid #e8edf4;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:#667085;font-weight:750}
body .ss-data-table.table td{padding:12px;vertical-align:middle;border-color:#edf1f5}
body .ss-create-details.card{border:1px solid #e7edf5;box-shadow:0 8px 28px rgba(23,43,77,.07)}