:root {
     --green: #0b6b4a;
     --green2: #0f8a5f;
     --dark: #071b25;
     --navy: #102033;
     --gold: #f4b740;
     --blue: #4f7cff;
     --red: #ef4444;
     --text: #182230;
     --muted: #667085;
     --line: #dfe8ef;
     --bg: #f3f7fb;
     --mint: #ebfbf3;
     --card: #ffffff;
     --shadow: 0 20px 60px rgba(15, 23, 42, .10);
     --shadow-soft: 0 12px 34px rgba(15, 23, 42, .08);
     --radius: 24px;
 }

 * {
     box-sizing: border-box
 }

 html {
     scroll-behavior: smooth
 }

 body {
     margin: 0;
     font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     color: var(--text);
     background:
         radial-gradient(circle at 5% 2%, rgba(15, 138, 95, .22), transparent 34%),
         radial-gradient(circle at 90% 10%, rgba(79, 124, 255, .15), transparent 32%),
         linear-gradient(135deg, #f8fcfa 0%, #f4f7fb 44%, #eef4ff 100%);
     min-height: 100vh;
 }

 button,
 input,
 select,
 textarea,
 .btn,
 .form-control,
 .form-select,
 .table {
     font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
 }

 a {
     text-decoration: none
 }

 .app-shell {
     min-height: 100vh;
     display: flex
 }

 .app-shell.portal-locked {
     display: none
 }

 .entry-screen {
     min-height: 100vh;
     padding: 28px;
     display: grid;
     place-items: center
 }

 .entry-wrap {
     width: min(1060px, 100%);
     display: grid;
     grid-template-columns: .92fr 1.08fr;
     gap: 22px;
     align-items: stretch
 }

 .entry-hero,
 .login-card,
 .award-select-card {
     background: rgba(255, 255, 255, .9);
     border: 1px solid rgba(223, 232, 239, .86);
     border-radius: 28px;
     box-shadow: var(--shadow);
     backdrop-filter: blur(18px)
 }

 .entry-hero {
     overflow: hidden;
     background: linear-gradient(135deg, rgba(7, 55, 45, .96), rgba(11, 107, 74, .92) 52%, rgba(16, 32, 51, .96));
     color: #fff;
     position: relative;
     padding: 34px
 }

 .entry-hero:before {
     content: "";
     position: absolute;
     right: -92px;
     top: -92px;
     width: 300px;
     height: 300px;
     border-radius: 50%;
     background: rgba(244, 183, 64, .20)
 }

 .entry-hero>* {
     position: relative;
     z-index: 1
 }

 .entry-hero .brand-mark {
     margin-bottom: 24px
 }

 .entry-hero h2 {
     font-size: 34px;
     line-height: 1.15;
     font-weight: 900;
     margin: 0 0 12px
 }

 .entry-hero p {
     color: rgba(255, 255, 255, .82);
     font-size: 14px;
     line-height: 1.7;
     margin: 0
 }

 .entry-pills {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     margin-top: 24px
 }

 .entry-pills span,
 .entry-pills a {
     border: 1px solid rgba(255, 255, 255, .22);
     background: rgba(255, 255, 255, .12);
     border-radius: 999px;
     padding: 8px 12px;
     font-size: 12px;
     font-weight: 800;
     color: #fff;
     text-decoration: none
 }
 
 .entry-pills a:hover,
 .entry-pills a:focus {
     background: rgba(255, 255, 255, .2);
     border-color: rgba(255, 255, 255, .38);
     color: #fff
 }
 
 .account-switch a {
     text-decoration: none
 }
 
 .auth-status-card {
     text-align: center
 }
 
 .auth-status-icon {
     width: 76px;
     height: 76px;
     margin: 0 auto;
     border-radius: 24px;
     display: grid;
     place-items: center;
     font-size: 36px
 }
 
 .auth-status-icon-success {
     background: #e8f8f0;
     color: var(--green)
 }
 
 .auth-status-icon-warning {
     background: #fff5dc;
     color: #b97700
 }
 
 .auth-status-icon-danger {
     background: #fff0f0;
     color: #dc3545
 }
 
 .auth-status-panel {
     border: 1px solid var(--line);
     border-radius: 18px;
     background: #f8fbfd;
     padding: 14px;
     text-align: left;
     display: grid;
     gap: 10px
 }
 
 .auth-status-row {
     display: flex;
     gap: 10px;
     align-items: flex-start;
     color: var(--muted);
     font-size: 13px;
     line-height: 1.45
 }
 
 .auth-status-row i {
     color: var(--green);
     font-size: 18px;
     line-height: 1.2
 }

 .login-card,
 .award-select-card {
     padding: 28px
 }

 .login-card h3,
 .award-select-card h3 {
     font-size: 22px;
     font-weight: 900;
     color: var(--dark);
     margin: 0 0 6px
 }

 .login-card p,
 .award-select-card p {
     color: var(--muted);
     font-size: 13px;
     line-height: 1.55;
     margin: 0 0 18px
 }

 .award-select-card {
     display: none
 }

 .award-select-card.active {
     display: block
 }

 .award-grid {
     display: grid;
     grid-template-columns: 1fr;
     gap: 14px
 }

 .award-choice {
     width: 100%;
     text-align: left;
     border: 1px solid var(--line);
     background: #fff;
     border-radius: 20px;
     padding: 18px;
     display: flex;
     align-items: center;
     gap: 14px;
     color: var(--text);
     box-shadow: 0 10px 26px rgba(15, 23, 42, .05);
     transition: .22s ease
 }

 .award-choice:hover {
     border-color: rgba(15, 138, 95, .45);
     box-shadow: 0 14px 34px rgba(15, 138, 95, .14);
     transform: translateY(-1px)
 }

 .award-icon {
     width: 46px;
     height: 46px;
     border-radius: 16px;
     display: grid;
     place-items: center;
     background: var(--mint);
     color: var(--green);
     font-size: 23px;
     flex: 0 0 auto
 }

 .award-choice strong {
     display: block;
     font-size: 15px;
     color: var(--dark)
 }

 .award-choice span {
     display: block;
     color: var(--muted);
     font-size: 12px;
     margin-top: 3px
 }

 .account-page {
     font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
 }

 .account-screen {
     padding: 24px;
 }

 .account-wrap {
     width: min(1120px, 100%);
 }

 .account-hero {
     min-height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
 }

 .account-auth-card {
     padding: 0;
     overflow: hidden;
 }

 .account-auth-card>.card-body {
     width: 100%;
     max-height: calc(100vh - 48px);
     overflow: auto;
     padding: 32px;
 }

 .account-auth-card .btn-primary {
     background: linear-gradient(135deg, var(--green), var(--green2));
     border-color: transparent;
     box-shadow: 0 14px 30px rgba(15, 138, 95, .18)
 }

 .account-auth-card .btn-primary:hover,
 .account-auth-card .btn-primary:focus {
     background: linear-gradient(135deg, #0a5d40, #0e7a54);
     border-color: transparent
 }

 .account-auth-card .btn-light {
     background: #f2f6fa;
     border-color: #d8e2ea
 }

 .account-auth-card .form-label {
     font-weight: 700;
     color: var(--dark)
 }

 .account-auth-card a {
     color: var(--green)
 }

 .account-auth-card a.text-danger {
     color: #d64545 !important
 }

 .account-auth-card .form-control,
 .account-auth-card .form-select,
 .account-auth-card .input-group .btn {
     min-height: 48px
 }

 .account-auth-card .form-control::placeholder {
     color: #97a5b5
 }

 .account-auth-card #loader {
     display: grid;
     place-items: center;
     margin-top: 18px
 }

 .account-auth-card #loader img {
     width: 48px;
     height: 48px
 }

 .pcr-app {
     display: none !important;
 }

 .award-application-content {
     margin: 0;
 }

 .award-application-content>.row,
 .award-application-content>.row>[class*="col-"] {
     margin: 0;
     padding: 0;
 }

 .award-application-content .custom-card {
     border: 0;
     border-radius: 34px;
     overflow: hidden;
     box-shadow: var(--shadow-soft);
     background: #fff;
 }

 .award-application-content .card-body>.border-bottom:first-child {
     /* padding: 28px 30px !important; */
     gap: 24px;
     align-items: stretch !important;
     flex-direction: column;
 }

 .award-application-content .card-body>.border-bottom:first-child>div:first-child {
     order: 2;
     width: 100%;
 }

 .award-application-content .card-body>.border-bottom:first-child>div:last-child {
     order: 1;
     align-self: flex-end;
     min-width: 312px;
 }

 .award-application-content .tab-style-6 {
     display: grid;
     grid-template-columns: repeat(6, minmax(0, 1fr));
     gap: 12px;
     width: 100%;
 }

 .award-application-content .tab-style-6 .nav-item {
     min-width: 0;
 }

 .award-application-content .tab-style-6 .nav-link {
     width: 100%;
     min-height: 136px;
     border: 1px solid var(--line);
     border-radius: 20px;
     background: #fff;
     color: var(--muted);
     display: flex;
     align-items: center;
     justify-content: flex-start;
     gap: 12px;
     text-align: left;
     white-space: normal;
     font-weight: 900;
     line-height: 1.45;
     box-shadow: none;
 }

 .award-application-content .tab-style-6 .nav-link i {
     width: 42px;
     height: 42px;
     border-radius: 14px;
     display: inline-grid !important;
     place-items: center;
     background: #eef5f6;
     color: var(--green);
     font-size: 0;
     flex: 0 0 auto;
 }

 .award-application-content .tab-style-6 .nav-link i:before {
     font-size: 20px;
 }

 .award-application-content .tab-style-6 .nav-link.active {
     border-color: rgba(15, 138, 95, .45);
     color: var(--green);
     box-shadow: inset 0 -4px 0 var(--gold);
 }

 .award-application-content .tab-style-6 .nav-link.disabled {
     opacity: .68;
     pointer-events: none;
 }

 .award-application-content .progress {
     min-width: 312px;
     height: 11px;
     border-radius: 999px;
     background: #e7eef5;
 }

 .award-application-content .progress-bar {
     background: linear-gradient(90deg, var(--green), var(--blue)) !important;
 }

 .award-application-content .card-body>.p-3:not(.border-bottom) {
     padding: 30px !important;
 }

 .award-application-content .tab-pane>.col-xl-12 {
     padding: 0 !important;
 }

 .award-application-content .tab-pane h3,
 .award-application-content .tab-pane h4,
 .award-application-content .tab-pane h5 {
     margin: 0 0 8px;
     color: var(--dark);
     font-weight: 900;
     letter-spacing: 0;
     line-height: 1.22;
 }

 .award-application-content .tab-pane h5 {
     font-size: 24px;
 }

 .award-application-content .tab-pane h3 {
     font-size: 22px;
 }

 .award-application-content .tab-pane h5+.btn,
 .award-application-content .tab-pane h3+.btn,
 .award-application-content .tab-pane .btn-purple-light {
     margin-top: 16px;
 }

 .award-application-content .btn-purple-light,
 .award-application-content .btn-border-end {
     border-radius: 18px !important;
     border: 1px solid #ded4ff !important;
     background: #f3efff !important;
     color: #673ccf !important;
     padding: 12px 20px !important;
     font-weight: 900 !important;
     box-shadow: none !important;
 }

 .award-application-content .btn-purple-light:hover,
 .award-application-content .btn-border-end:hover {
     background: #e9e1ff !important;
     color: #4d22b7 !important;
 }

 .award-application-content .table-responsive {
     /* margin-top: 18px; */
     border: 1px solid var(--line);
     border-radius: 22px;
     overflow: auto;
     background: #fff;
     box-shadow: 0 10px 28px rgba(15, 23, 42, .04);
 }

 .award-application-content .table {
     margin: 0 !important;
     min-width: 980px;
     table-layout: auto !important;
     border-color: #d7e4ec !important;
     --bs-table-bg: #fff;
     --bs-table-striped-bg: #fff;
     --bs-table-striped-color: #475467;
     --bs-table-color: #475467;
     --bs-table-border-color: #d7e4ec;
 }

 .award-application-content .table-success {
     --bs-table-bg: #fff;
     --bs-table-striped-bg: #fff;
     --bs-table-striped-color: #475467;
     --bs-table-hover-bg: #f8fcfa;
     --bs-table-border-color: #d7e4ec;
 }

 .award-application-content .table thead th {
     background: #f1fbf6 !important;
     color: #144b38 !important;
     border-color: #d7e4ec !important;
     padding: 18px 10px !important;
     font-size: 14px !important;
     line-height: 1.42;
     text-transform: uppercase;
     letter-spacing: 0;
     font-weight: 900;
     white-space: normal !important;
 }

 .award-application-content .table tbody th,
 .award-application-content .table tbody td {
     background: #fff !important;
     border-color: #d7e4ec !important;
     padding: 14px 10px !important;
     color: #475467 !important;
     font-size: 15px !important;
     line-height: 1.45;
     white-space: normal !important;
 }

 .award-application-content .table tbody tr:nth-child(even) th,
 .award-application-content .table tbody tr:nth-child(even) td {
     background: #fbfefd !important;
 }

 .award-application-content .table td[colspan] {
     text-align: center;
     color: #667085 !important;
     font-size: 15px !important;
 }

 .award-application-content .table .btn-primary,
 .award-application-content .custom-button {
     border: 0 !important;
     border-radius: 999px !important;
     background: var(--green) !important;
     color: #fff !important;
     padding: 8px 13px !important;
     font-size: 13px !important;
     font-weight: 900 !important;
     box-shadow: 0 12px 28px rgba(15, 138, 95, .16);
 }

 .award-application-content .table .custom-button i {
     color: #fff !important;
 }

 .award-application-content .table button.bg-white,
 .award-application-content .table .btn.custom-btn-icons:not(.custom-button) {
     width: 38px;
     height: 38px;
     border: 1px solid #ffccd2 !important;
     border-radius: 50% !important;
     display: inline-grid;
     place-items: center;
     background: #fff !important;
     padding: 0 !important;
 }

 .award-application-content .table button.bg-white i,
 .award-application-content .table .btn.custom-btn-icons:not(.custom-button) i {
     color: var(--red) !important;
     font-size: 17px !important;
 }

 .award-application-content .tab-pane>.col-xl-12>.table-responsive:last-child,
 .award-application-content .table-responsive.mb-md-5 {
     margin-bottom: 30px !important;
 }

 .award-shell {
     width: min(1240px, 100%);
     margin: 0 auto;
     display: grid;
     grid-template-columns: minmax(0, 1fr) minmax(0, 1.18fr);
     gap: 24px;
     align-items: stretch;
 }

 .award-intro,
 .award-panel {
     border: 0;
     border-radius: 32px;
     box-shadow: var(--shadow);
     overflow: hidden;
 }

 .award-intro {
     background:
         radial-gradient(circle at 100% 0%, rgba(255, 255, 255, .14), transparent 30%),
         radial-gradient(circle at 88% 14%, rgba(244, 183, 64, .22), transparent 28%),
         linear-gradient(135deg, #083d32 0%, #0c5f49 42%, #0d7458 64%, #13384d 100%);
     color: #fff;
     position: relative;
 }

 .award-intro:before {
     content: "";
     position: absolute;
     inset: auto -90px 80px auto;
     width: 260px;
     height: 260px;
     border-radius: 50%;
     background: rgba(255, 255, 255, .10);
 }

 .award-intro .card-body {
     padding: 34px 36px 34px 36px;
     min-height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
 }

 .award-intro-mark {
     width: 62px;
     height: 62px;
     border-radius: 18px;
     background: rgba(255, 255, 255, .92);
     color: #0b6b4a;
     display: grid;
     place-items: center;
     font-weight: 900;
     font-size: 15px;
     margin-bottom: 34px;
     box-shadow: 0 16px 28px rgba(0, 0, 0, .16);
 }

 .award-intro h1 {
     margin: 0;
     font-size: clamp(34px, 5vw, 60px);
     line-height: .98;
     font-weight: 900;
     letter-spacing: -.04em;
     max-width: 520px;
 }

 .award-intro p {
     margin: 24px 0 0;
     max-width: 520px;
     font-size: 18px;
     line-height: 1.55;
     color: rgba(255, 255, 255, .82);
 }

 .award-intro-pills {
     display: flex;
     flex-wrap: wrap;
     gap: 12px;
     margin-top: 34px;
 }

 .award-intro-pills span {
     padding: 12px 18px;
     border-radius: 999px;
     border: 1px solid rgba(255, 255, 255, .16);
     background: rgba(255, 255, 255, .08);
     color: #fff;
     font-size: 14px;
     font-weight: 800;
 }

 .award-panel {
     background: rgba(255, 255, 255, .96);
 }

 .award-panel .card-body {
     padding: 34px 34px 30px;
 }

 .award-panel-head {
     display: flex;
     justify-content: space-between;
     gap: 16px;
     align-items: flex-start;
     margin-bottom: 26px;
 }

 .award-panel-head h2 {
     margin: 0;
     font-size: clamp(28px, 3vw, 40px);
     line-height: 1.05;
     font-weight: 900;
     color: var(--dark);
 }

 .award-panel-head p {
     margin: 10px 0 0;
     font-size: 18px;
     line-height: 1.45;
     color: var(--muted);
 }

 .award-panel-count {
     min-width: 112px;
     padding: 14px 16px;
     border-radius: 20px;
     background: #f6f9fc;
     border: 1px solid #e0e7ef;
     text-align: center;
 }

 .award-panel-count span {
     display: block;
     font-size: 12px;
     color: var(--muted);
     font-weight: 700;
     margin-bottom: 4px;
 }

 .award-panel-count strong {
     font-size: 24px;
     line-height: 1;
     font-weight: 900;
     color: var(--dark);
 }

 .award-panel-list {
     display: grid;
     gap: 18px;
 }

 .award-row {
     display: grid;
     grid-template-columns: 58px minmax(0, 1fr) auto;
     gap: 16px;
     align-items: center;
     padding: 18px 20px;
     border-radius: 24px;
     border: 1px solid #dde7f1;
     background: #fff;
     box-shadow: 0 10px 24px rgba(15, 23, 42, .04);
     color: inherit;
     transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
 }

 .award-row:hover {
     transform: translateY(-2px);
     border-color: rgba(15, 138, 95, .25);
     box-shadow: 0 16px 38px rgba(15, 23, 42, .08);
 }

 .award-row-icon {
     width: 58px;
     height: 58px;
     border-radius: 18px;
     display: grid;
     place-items: center;
     background: #eef9f2;
     color: #6c7c90;
     font-size: 18px;
     flex: 0 0 auto;
 }

 .award-row-icon--active {
     background: rgba(15, 138, 95, .12);
     color: var(--green);
 }

 .award-row-text strong {
     display: block;
     font-size: 18px;
     line-height: 1.25;
     font-weight: 900;
     color: var(--dark);
 }

 .award-row-text span {
     display: block;
     margin-top: 6px;
     font-size: 14px;
     line-height: 1.45;
     color: var(--muted);
 }

 .award-row-arrow {
     width: 36px;
     height: 36px;
     border-radius: 50%;
     display: grid;
     place-items: center;
     color: #8d97a8;
     background: #f5f8fb;
     flex: 0 0 auto;
 }

 .award-empty-state {
     padding: 28px 0 8px;
     text-align: center;
 }

 .award-empty-icon {
     width: 68px;
     height: 68px;
     border-radius: 22px;
     margin: 0 auto;
     display: grid;
     place-items: center;
     background: var(--mint);
     color: var(--green);
     font-size: 30px;
 }

 .award-empty-state h3 {
     margin: 16px 0 8px;
     font-size: 22px;
     font-weight: 900;
     color: var(--dark);
 }

 .award-empty-state p {
     margin: 0;
     color: var(--muted);
 }

 .sidebar {
     width: 286px;
     background: linear-gradient(180deg, #081923 0%, #0b2b27 52%, #0b1720 100%);
     color: #fff;
     position: fixed;
     inset: 0 auto 0 0;
     padding: 22px 18px;
     overflow-y: auto;
     z-index: 20;
     box-shadow: 8px 0 30px rgba(8, 25, 35, .2);
 }

 .brand {
     display: flex;
     align-items: center;
     gap: 12px;
     padding: 10px 8px 24px;
     border-bottom: 1px solid rgba(255, 255, 255, .12);
     margin-bottom: 18px
 }

 .brand-mark {
     width: 48px;
     height: 48px;
     border-radius: 16px;
     background: linear-gradient(135deg, #fff, #dff8ed);
     color: var(--green);
     display: grid;
     place-items: center;
     font-weight: 900;
     letter-spacing: -.5px;
     box-shadow: 0 15px 35px rgba(0, 0, 0, .25)
 }

 .brand h1 {
     font-size: 17px;
     line-height: 1.15;
     margin: 0;
     font-weight: 900
 }

 .brand p {
     font-size: 12px;
     color: rgba(255, 255, 255, .70);
     margin: 3px 0 0
 }

 .side-section-title {
     font-size: 11px;
     font-weight: 800;
     letter-spacing: .14em;
     text-transform: uppercase;
     color: rgba(255, 255, 255, .42);
     padding: 12px 12px 8px
 }

 .side-link {
     display: flex;
     align-items: center;
     gap: 11px;
     color: rgba(255, 255, 255, .76);
     padding: 12px 13px;
     border-radius: 14px;
     margin: 3px 0;
     transition: .2s ease;
     font-size: 14px;
     font-weight: 700
 }

 .side-link:hover,
 .side-link.active {
     background: rgba(255, 255, 255, .12);
     color: #fff;
     transform: translateX(2px)
 }

 .side-link i {
     font-size: 19px;
     color: #9af0ca
 }

 .side-card {
     margin-top: 22px;
     background: rgba(255, 255, 255, .09);
     border: 1px solid rgba(255, 255, 255, .13);
     border-radius: 20px;
     padding: 16px
 }

 .side-card .small {
     color: rgba(255, 255, 255, .72)
 }

.score-ring {
    width: 74px;
    height: 74px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    position: relative;
    font-weight: 900;
    color: #fff;
}

 .score-ring:before {
     content: "";
     position: absolute;
     inset: 7px;
     border-radius: 50%;
     background: #0b2b27
 }

 .score-ring span {
     position: relative
 }

 .side-score {
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: 10px;
     margin-top: 14px
 }

 .main-wrap {
     margin-left: 286px;
     width: calc(100% - 286px);
     min-height: 100vh;
     padding: 22px 28px 38px
 }

 .topbar {
     height: 70px;
     background: rgba(255, 255, 255, .78);
     backdrop-filter: blur(18px);
     border: 1px solid rgba(223, 232, 239, .82);
     border-radius: 22px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 0 18px 0 22px;
     box-shadow: var(--shadow-soft);
     position: sticky;
     top: 14px;
     z-index: 10
 }

 .topbar-title h2 {
     font-size: 17px;
     margin: 0;
     font-weight: 900;
     color: var(--dark)
 }

 .topbar-title span {
     font-size: 12px;
     color: var(--muted);
     font-weight: 600
 }

 .user-pill {
     display: flex;
     align-items: center;
     gap: 10px;
     border: 1px solid var(--line);
     background: #fff;
     border-radius: 999px;
     padding: 7px 12px 7px 7px
 }

 .avatar {
     width: 38px;
     height: 38px;
     border-radius: 50%;
     display: grid;
     place-items: center;
     background: linear-gradient(135deg, var(--green), var(--blue));
     color: #fff;
     font-weight: 900
 }

 .hero {
     margin-top: 22px;
     position: relative;
     overflow: hidden;
     border-radius: 28px;
     background: linear-gradient(135deg, rgba(7, 55, 45, .96), rgba(11, 107, 74, .92) 52%, rgba(16, 32, 51, .96));
     color: #fff;
     box-shadow: var(--shadow)
 }

 .hero:before {
     content: "";
     position: absolute;
     right: -90px;
     top: -90px;
     width: 320px;
     height: 320px;
     border-radius: 50%;
     background: rgba(244, 183, 64, .20)
 }

 .hero:after {
     content: "";
     position: absolute;
     left: 38%;
     bottom: -80px;
     width: 220px;
     height: 220px;
     border-radius: 50%;
     background: rgba(255, 255, 255, .10)
 }

 .hero-inner {
     position: relative;
     z-index: 1;
     padding: 30px;
     display: grid;
     grid-template-columns: 1.35fr .75fr;
     gap: 20px;
     align-items: center
 }

 .hero-kicker {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     border: 1px solid rgba(255, 255, 255, .24);
     background: rgba(255, 255, 255, .12);
     border-radius: 999px;
     padding: 7px 12px;
     font-size: 12px;
     font-weight: 800;
     margin-bottom: 14px
 }

 .hero h3 {
     font-size: 31px;
     line-height: 1.15;
     font-weight: 900;
     margin: 0 0 10px;
     letter-spacing: -.8px
 }

 .hero p {
     margin: 0;
     color: rgba(255, 255, 255, .82);
     font-size: 14px;
     line-height: 1.65;
     max-width: 760px
 }

 .hero-stats {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 12px
 }

 .hero-stat {
     background: rgba(255, 255, 255, .12);
     border: 1px solid rgba(255, 255, 255, .18);
     border-radius: 18px;
     padding: 16px
 }

 .hero-stat strong {
     display: block;
     font-size: 22px;
     font-weight: 900
 }

 .hero-stat span {
     font-size: 12px;
     color: rgba(255, 255, 255, .72);
     font-weight: 700
 }

 .wizard-card {
     margin-top: 22px;
     background: rgba(255, 255, 255, .9);
     border: 1px solid rgba(223, 232, 239, .86);
     box-shadow: var(--shadow);
     border-radius: 28px;
     overflow: hidden;
     backdrop-filter: blur(18px)
 }

 .wizard-head {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 18px;
     padding: 22px 24px;
     border-bottom: 1px solid var(--line);
     background: linear-gradient(180deg, #fff, #fbfdff)
 }

 .wizard-head h4 {
     margin: 0;
     font-size: 18px;
     font-weight: 900;
     color: var(--dark)
 }

 .wizard-head p {
     margin: 4px 0 0;
     font-size: 13px;
     color: var(--muted);
     font-weight: 500
 }

 .progress-wrap {
     min-width: 250px
 }

 .progress-label {
     display: flex;
     justify-content: space-between;
     font-size: 12px;
     font-weight: 800;
     color: var(--muted);
     margin-bottom: 8px
 }

 .progress {
     height: 9px;
     background: #e8eef5;
     border-radius: 999px
 }

 .progress-bar {
     background: linear-gradient(90deg, var(--green), var(--blue));
     border-radius: 999px
 }

 .wizard-steps {
     display: grid;
     grid-template-columns: repeat(6, 1fr);
     gap: 10px;
     padding: 18px 24px;
     background: #fbfdff;
     border-bottom: 1px solid var(--line)
 }

 .step-btn {
     border: 1px solid var(--line);
     background: #fff;
     border-radius: 18px;
     padding: 12px 10px;
     text-align: left;
     display: flex;
     align-items: center;
     gap: 10px;
     color: var(--muted);
     font-weight: 800;
     transition: .22s ease;
     min-height: 70px;
     position: relative;
     overflow: hidden
 }

 .step-btn:before {
     content: "";
     position: absolute;
     inset: auto 0 0;
     height: 4px;
     background: transparent
 }

 .step-no {
     width: 34px;
     height: 34px;
     border-radius: 12px;
     display: grid;
     place-items: center;
     background: #eef4f6;
     color: var(--green);
     font-weight: 900;
     flex: 0 0 auto
 }

 .step-btn small {
     display: block;
     font-size: 11px;
     color: #98a2b3;
     margin-top: 2px;
     font-weight: 800
 }

 .step-btn span {
     font-size: 13px;
     color: inherit
 }

 .step-btn.active {
     border-color: rgba(15, 138, 95, .45);
     box-shadow: 0 12px 30px rgba(15, 138, 95, .14);
     color: var(--green);
     transform: translateY(-1px)
 }

 .step-btn.active:before {
     background: linear-gradient(90deg, var(--green), var(--gold))
 }

 .step-btn.active .step-no {
     background: linear-gradient(135deg, var(--green), var(--green2));
     color: #fff
 }

 .step-btn.done .step-no {
     background: #e8fff3;
     color: var(--green)
 }

 .wizard-body {
     padding: 24px
 }

 .wizard-panel {
     display: none;
     animation: fadeUp .25s ease
 }

 .wizard-panel.active {
     display: block
 }

 @keyframes fadeUp {
     from {
         opacity: 0;
         transform: translateY(8px)
     }

     to {
         opacity: 1;
         transform: translateY(0)
     }
 }

 .section-title {
     display: flex;
     justify-content: space-between;
     gap: 18px;
     align-items: flex-start;
     margin-bottom: 18px
 }

 .section-title h5 {
     margin: 0;
     font-size: 19px;
     font-weight: 900;
     color: var(--dark)
 }

 .section-title p {
     margin: 5px 0 0;
     color: var(--muted);
     font-size: 13px;
     line-height: 1.55
 }

 .section-copy-text {
     white-space: pre-line
 }

 .badge-soft {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     border-radius: 999px;
     background: var(--mint);
     color: var(--green);
     padding: 7px 11px;
     font-weight: 900;
     font-size: 12px;
     border: 1px solid #c9f3df;
     white-space: nowrap
 }

 .form-label {
     font-weight: 800;
     color: #344054;
     font-size: 13px
 }

 .required {
     color: var(--red)
 }

 .form-control,
 .form-select {
     border-radius: 14px;
     border-color: #d9e4ec;
     padding: 11px 13px;
     font-size: 14px
 }

 .form-control:focus,
 .form-select:focus {
     border-color: var(--green);
     box-shadow: 0 0 0 .22rem rgba(15, 138, 95, .11)
 }

 textarea.form-control {
     min-height: 112px
 }

 .field-hint {
     font-size: 12px;
     color: var(--muted);
     margin-top: 6px
 }

 .form-100 {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: 16px
 }

 .form-100 .span-full,
 .form-100>div:has(textarea) {
     grid-column: 1/-1
 }

 .entry-form,
 .card-stack,
 .professional-stack {
     grid-template-columns: 1fr
 }

 .card-stack>.mini-card,
 .professional-stack>.mini-card {
     grid-column: 1/-1
 }

 .field-100 {
     width: 100%
 }

 .modal .row {
     --bs-gutter-y: 1rem
 }

 .modal .form-group {
     margin-bottom: 0 !important
 }

 .modal .modal-dialog {
     max-width: 860px
 }

 .modal .modal-body {
     padding: 22px 26px
 }

 .modal-header {
     background: linear-gradient(135deg, #f8fffb, #eef5ff);
     border-bottom: 1px solid var(--line)
 }

 .modal-title {
     font-weight: 900;
     color: var(--dark)
 }

 .modal-content {
     border: 0;
     border-radius: 24px;
     box-shadow: 0 28px 90px rgba(15, 23, 42, .25);
     overflow: hidden
 }

 .modal-footer {
     background: #fbfdff;
     border-top: 1px solid var(--line)
 }

 .info-strip {
     background: #fff8e7;
     border: 1px solid #ffe2a8;
     color: #7a5205;
     border-radius: 18px;
     padding: 14px 16px;
     font-size: 13px;
     line-height: 1.55;
     display: flex;
     gap: 10px;
     align-items: flex-start
 }

 .info-strip i {
     font-size: 18px;
     color: #c47b00
 }

 .mini-card {
     background: #fff;
     border: 1px solid var(--line);
     border-radius: 20px;
     padding: 17px;
     box-shadow: 0 10px 26px rgba(15, 23, 42, .05)
 }

 .mini-card h6 {
     font-size: 14px;
     font-weight: 900;
     margin: 0 0 12px;
     color: var(--dark)
 }

 .editor-box {
     border: 1px solid var(--line);
     border-radius: 20px;
     overflow: hidden;
     background: #fff;
     box-shadow: 0 10px 26px rgba(15, 23, 42, .04)
 }

 .editor-toolbar {
     display: flex;
     gap: 8px;
     flex-wrap: wrap;
     padding: 11px;
     border-bottom: 1px solid var(--line);
     background: #f8fbfd
 }

 .tool {
     width: 33px;
     height: 32px;
     border: 1px solid var(--line);
     background: #fff;
     border-radius: 10px;
     display: grid;
     place-items: center;
     color: var(--muted)
 }

 .editor-area {
     min-height: 142px;
     padding: 14px;
     color: #475467;
     font-size: 14px;
     line-height: 1.7
 }

 .file-drop {
     border: 1.5px dashed #b8c8d8;
     border-radius: 18px;
     background: #fbfdff;
     padding: 16px;
     display: flex;
     align-items: center;
     gap: 12px;
     transition: .2s ease
 }

 .file-drop:hover {
     border-color: var(--green);
     background: #f6fffb
 }

 .file-icon {
     width: 44px;
     height: 44px;
     border-radius: 15px;
     background: #eef7ff;
     color: var(--blue);
     display: grid;
     place-items: center;
     font-size: 22px;
     flex: 0 0 auto
 }

 .file-drop input {
     font-size: 13px
 }

 .file-title {
     font-size: 13px;
     font-weight: 900;
     color: #344054;
     margin-bottom: 6px
 }

 .score-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 14px
 }

 .score-card {
     border: 1px solid var(--line);
     border-radius: 20px;
     padding: 18px;
     background: #fff;
     box-shadow: 0 10px 28px rgba(15, 23, 42, .04)
 }

 .score-card span {
     font-size: 12px;
     color: var(--muted);
     font-weight: 800
 }

 .score-card strong {
     display: block;
     font-size: 24px;
     font-weight: 900;
     color: var(--dark);
     margin-top: 4px
 }

 .score-card.good strong {
     color: var(--green)
 }

 .score-card.gold strong {
     color: #bb7500
 }

 .accordion-button {
     font-weight: 900;
     color: #26384a
 }

 .accordion-button:not(.collapsed) {
     background: #f0fbf6;
     color: var(--green);
     box-shadow: none
 }

 .status-badge {
     border-radius: 999px;
     padding: 6px 10px;
     font-size: 12px;
     font-weight: 900
 }

 .status-done {
     background: #dcfce7;
     color: #166534
 }

 .status-pending {
     background: #fee2e2;
     color: #991b1b
 }

 .final-total {
     background: linear-gradient(135deg, var(--green), var(--blue));
     color: #fff;
     border-radius: 22px;
     padding: 20px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 14px
 }

 .final-total strong {
     font-size: 30px;
     font-weight: 900
 }

 .wizard-footer {
     border-top: 1px solid var(--line);
     padding: 18px 24px;
     background: #fbfdff;
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: 12px;
     flex-wrap: wrap
 }

 .btn {
     border-radius: 14px;
     font-weight: 900
 }

 .btn-primary {
     background: linear-gradient(135deg, var(--green), var(--green2));
     border: 0;
     box-shadow: 0 10px 24px rgba(15, 138, 95, .20)
 }

 .btn-primary:hover {
     background: linear-gradient(135deg, #07593d, #0f7a55);
     transform: translateY(-1px)
 }

 .btn-outline-secondary {
     border-color: #ccd7e2;
     color: #475467
 }

 .btn-gold {
     background: linear-gradient(135deg, #f4b740, #e9951d);
     border: 0;
     color: #111827
 }

 .btn-gold:hover {
     background: linear-gradient(135deg, #efaa24, #da8416);
     color: #111827
 }

 .footer-note {
     text-align: center;
     color: var(--muted);
     font-size: 12px;
     margin-top: 18px
 }

 .mobile-menu {
     display: none
 }

 @media (max-width:1199.98px) {
     .wizard-steps {
         grid-template-columns: repeat(3, 1fr)
     }

     .hero-inner {
         grid-template-columns: 1fr
     }

     .score-grid {
         grid-template-columns: repeat(2, 1fr)
     }
 }

 @media (max-width:991.98px) {
     .entry-screen {
         padding: 16px
     }

     .entry-wrap {
         grid-template-columns: 1fr
     }

     .sidebar {
         transform: translateX(-105%);
         transition: .25s ease
     }

     .sidebar.open {
         transform: translateX(0)
     }

     .main-wrap {
         margin-left: 0;
         width: 100%;
         padding: 16px
     }

     .mobile-menu {
         display: inline-grid;
         place-items: center;
         width: 42px;
         height: 42px;
         border-radius: 13px;
         border: 1px solid var(--line);
         background: #fff;
         color: var(--dark)
     }

     .topbar {
         top: 8px
     }

     .hero h3 {
         font-size: 25px
     }

     .hero-inner {
         padding: 22px
     }

     .wizard-head {
         align-items: flex-start;
         flex-direction: column
     }

     .progress-wrap {
         width: 100%;
         min-width: 0
     }

     .wizard-steps {
         grid-template-columns: 1fr 1fr
     }

     .app-shell.menu-open:after {
         content: "";
         position: fixed;
         inset: 0;
         background: rgba(8, 25, 35, .45);
         z-index: 19
     }
 }

 @media (max-width:575.98px) {
     .main-wrap {
         padding: 12px
     }

     .topbar {
         height: auto;
         padding: 12px
     }

     .user-pill span {
         display: none
     }

     .hero-stats {
         grid-template-columns: 1fr
     }

     .wizard-steps {
         grid-template-columns: 1fr;
         padding: 14px
     }

     .wizard-body {
         padding: 16px
     }

     .wizard-footer {
         padding: 16px
     }

     .section-title {
         flex-direction: column
     }

     .score-grid {
         grid-template-columns: 1fr
     }

     .final-total {
         align-items: flex-start;
         flex-direction: column
     }

     .modal .modal-body {
         padding: 18px
     }
 }

 @media (max-width:767.98px) {
     .form-100 {
         grid-template-columns: 1fr
     }

     .award-application-content .card-body>.border-bottom:first-child {
         flex-direction: column;
         padding: 20px !important;
     }

     .award-application-content .tab-style-6 {
         grid-template-columns: 1fr;
     }

     .award-application-content .progress {
         min-width: 100%;
     }

     .award-shell {
         grid-template-columns: 1fr;
     }

     .award-intro .card-body,
     .award-panel .card-body {
         padding: 24px;
     }

     .award-intro h1 {
         font-size: 34px;
     }

     .award-intro p,
     .award-panel-head p {
         font-size: 15px;
     }

     .award-panel-head {
         flex-direction: column;
     }

     .award-row {
         grid-template-columns: 1fr;
         justify-items: start;
     }

     .award-row-arrow {
         margin-top: 4px;
     }

     .professional-stack {
         grid-template-columns: 1fr
     }
 }

 /* ISWS Awards 2026 application theme */
 .pcr-app {
     display: none !important;
 }

 body.award-list-mode .app-header,
 body.award-list-mode .app-sidebar,
 body.award-list-mode .footer,
 body.award-list-mode .scrollToTop,
 body.award-list-mode #responsive-overlay,
 body.award-application-mode .app-header,
 body.award-application-mode .app-sidebar,
 body.award-application-mode .footer,
 body.award-application-mode .scrollToTop,
 body.award-application-mode #responsive-overlay {
     display: none !important;
 }

 body.award-list-mode .page,
 body.award-list-mode .main-content.app-content,
 body.award-list-mode .container-fluid,
 body.award-list-mode .main-content.app-content>.container-fluid>.row,
 body.award-application-mode .page,
 body.award-application-mode .main-content.app-content,
 body.award-application-mode .container-fluid,
 body.award-application-mode .main-content.app-content>.container-fluid>.row {
     margin: 0 !important;
     padding: 0 !important;
     width: 100% !important;
     max-width: none !important;
 }

 .layout-brand-mark,
 .layout-user-avatar {
     display: inline-grid;
     place-items: center;
     border-radius: 18px;
     background: #ecfff6;
     color: #0b6b4a;
     font-weight: 900;
 }

 .layout-brand-mark {
     width: 58px;
     height: 58px;
     font-size: 18px;
 }

 .layout-user-avatar {
     width: 32px;
     height: 32px;
     border-radius: 50%;
     font-size: 14px;
 }

 .award-list-page {
     min-height: 100vh;
     padding: 36px;
     display: grid;
     place-items: center;
 }

 .award-list-wrap {
     width: min(1320px, 100%);
     grid-template-columns: minmax(360px, .92fr) minmax(420px, 1.08fr);
     gap: 28px;
 }

 .award-list-hero,
 .award-list-card {
     min-height: 644px;
     border-radius: 34px;
 }

 .award-list-hero {
     padding: 42px;
 }

 .award-list-hero .brand-mark {
     margin-bottom: 34px;
 }

 .award-list-hero h2 {
     font-size: clamp(38px, 4vw, 56px);
     max-width: 520px;
 }

 .award-list-hero p {
     max-width: 560px;
     font-size: 18px;
     line-height: 1.65;
 }

 .award-list-card {
     padding: 40px 34px;
 }

.award-list-card-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 26px;
}

.award-list-actions {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.award-profile-link {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid #bfe9da;
    border-radius: 999px;
    background: #eafaf4;
    color: #087452;
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 900;
}

.award-profile-link:hover {
    background: #dff7ee;
    color: #064d3a;
}

 .award-list-card-head h3 {
     margin: 0 0 8px;
     font-size: 32px;
     font-weight: 900;
     color: #071b25;
 }

 .award-list-card-head p {
     margin: 0;
     color: #667085;
     font-size: 17px;
 }

 .award-list-count {
     min-width: 42px;
     height: 42px;
     border-radius: 999px;
     display: inline-grid;
     place-items: center;
     background: #ebfbf3;
     color: #0b6b4a;
     font-weight: 900;
 }

 .award-list-choice {
     min-height: 108px;
     grid-template-columns: 58px minmax(0, 1fr) 28px;
 }

 .award-list-choice strong {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     gap: 8px;
     font-size: 20px;
 }

 .award-applied-tag {
     display: inline-flex;
     align-items: center;
     gap: 4px;
     border: 1px solid #bfe9da;
     border-radius: 999px;
     background: #eafaf4;
     color: #087452;
     padding: 4px 9px;
     font-size: 12px;
     font-weight: 900;
     line-height: 1;
 }

 .award-applied-tag i {
     font-size: 14px;
 }

 .award-list-text {
     min-width: 0;
 }

 .award-list-arrow {
     color: #0b6b4a;
     opacity: .75;
     transition: transform .18s ease, opacity .18s ease;
 }

 .award-list-choice:hover .award-list-arrow {
     transform: translateX(3px);
     opacity: 1;
 }

 .award-app-shell {
     min-height: 100vh;
     display: grid;
     grid-template-columns: 358px minmax(0, 1fr);
     background:
         radial-gradient(circle at 7% 2%, rgba(15, 138, 95, .18), transparent 34%),
         radial-gradient(circle at 92% 8%, rgba(79, 124, 255, .12), transparent 32%),
         linear-gradient(135deg, #f8fcfa 0%, #f4f7fb 44%, #eef4ff 100%);
 }

 .award-app-sidebar {
     position: sticky;
     top: 0;
     min-height: 100vh;
     max-height: 100vh;
     overflow-y: auto;
     padding: 32px 23px;
     background: linear-gradient(180deg, #081923 0%, #0b2b27 52%, #0b1720 100%);
     color: #fff;
 }

 .award-app-brand {
     display: flex;
     align-items: center;
     gap: 14px;
     padding-bottom: 34px;
     margin-bottom: 38px;
     border-bottom: 1px solid rgba(255, 255, 255, .14);
 }

 .award-app-brand h1 {
     margin: 0;
     font-size: 22px;
     line-height: 1.1;
     color: #fff;
     font-weight: 900;
 }

 .award-app-brand p {
     margin: 4px 0 0;
     color: rgba(255, 255, 255, .72);
     font-size: 16px;
     line-height: 1.4;
 }

 .award-app-main {
     min-width: 0;
     padding: 36px 38px 56px;
 }

 .award-app-topbar {
     margin-bottom: 28px;
     position: relative;
     z-index: 3;
 }

 .award-app-topbar .topbar-title h2 {
     font-size: 24px;
 }

 .award-app-hero {
     margin-bottom: 28px;
     border-radius: 34px;
     min-height: 338px;
     display: flex;
     align-items: center;
 }

 .award-app-hero .hero-inner {
     grid-template-columns: minmax(0, 1fr) 492px;
 }

 .award-app-hero h3 {
     font-size: clamp(34px, 3.2vw, 42px);
 }

 .award-application-content {
     margin: 0;
 }

 .award-application-content .table-card>.table-responsive {
     margin: 0;
     border: 0;
     box-shadow: none;
 }

 .table-card {
     background: #fff;
     border: 1px solid #dfe8ef;
     border-radius: 22px;
     overflow: hidden;
     box-shadow: 0 16px 32px rgba(15, 23, 42, .06);
 }

 .add-row-btn {
     border: 1px solid #d5c7ff;
     background: #f5f0ff;
     color: #6842d9;
     border-radius: 16px;
     padding: 12px 20px;
     font-weight: 900;
 }

 .add-row-btn:hover {
     background: #ebe3ff;
     color: #4b2db2;
 }

 body.award-application-mode .modal {
     z-index: 2055 !important;
 }

 body.award-application-mode .modal-backdrop {
     z-index: 2050 !important;
     background-color: rgba(7, 27, 37, .62);
     backdrop-filter: blur(6px);
 }

 body.award-application-mode .modal-dialog {
     width: min(1080px, calc(100vw - 48px));
     max-width: min(1080px, calc(100vw - 48px));
 }

 body.award-application-mode .modal-dialog-scrollable .modal-content {
     max-height: calc(100vh - 48px);
 }

 body.award-application-mode .modal-dialog-scrollable .modal-body {
     overflow-y: auto;
 }

 body.award-application-mode .modal-content {
     border: 0;
     border-radius: 24px;
     box-shadow: 0 28px 90px rgba(15, 23, 42, .34);
 }

 @media (max-width: 1199.98px) {
     .award-app-shell {
         grid-template-columns: 300px minmax(0, 1fr);
     }

     .award-app-main {
         padding: 28px 22px 42px;
     }

     .award-app-hero .hero-inner {
         grid-template-columns: 1fr;
     }
 }

 @media (max-width: 767.98px) {
     .award-list-page {
         min-height: auto;
         padding: 18px 12px 28px;
         place-items: start stretch;
     }

     .award-list-wrap {
         grid-template-columns: 1fr;
         gap: 16px;
     }

     .award-list-hero,
     .award-list-card {
         min-height: auto;
         border-radius: 24px;
     }

     .award-list-hero,
     .award-list-card {
         padding: 24px;
     }

     .award-list-choice {
         grid-template-columns: 58px minmax(0, 1fr);
     }

     .award-list-arrow {
         display: none;
     }

     .award-app-shell {
         grid-template-columns: 1fr;
     }

     .award-app-sidebar {
         position: relative;
         min-height: auto;
         max-height: none;
         padding: 22px 18px;
     }

     .award-app-main {
         padding: 18px 12px 32px;
     }

     .award-app-topbar {
         align-items: flex-start;
         gap: 14px;
     }

     body.award-application-mode .modal-dialog {
         width: calc(100vw - 24px);
         max-width: calc(100vw - 24px);
         margin-left: auto;
         margin-right: auto;
     }
 }




 /* new view based custom css AwardApplicationCss */
 /* remove bootstrap tab look */
 .wizard-steps.nav-tabs {
     border-bottom: none !important;
     display: flex;
     gap: 12px;
     align-items: stretch;
     /* flex-wrap: nowrap; */
 }


 /* li reset */
 .wizard-steps .nav-item {
     margin: 0;
 }


 /* main step card */
 .wizard-steps .step-btn {

     /* width: 190px; */
     min-height: 86px;

     border: 1px solid #d8e3f3;
     background: #fff;

     border-radius: 18px;

     display: flex;
     align-items: center;
     gap: 12px;

     padding: 16px 18px;

     text-align: left;

     color: #667085;

     transition: all .3s ease;
 }


 /* number circle */
 .step-no {

     width: 36px;
     height: 36px;

     min-width: 36px;

     border-radius: 12px;

     background: #eef6f7;

     display: flex;
     align-items: center;
     justify-content: center;

     font-weight: 700;
     color: #00965e;
 }


 /* title */
 .step-btn span {
     display: block;

     font-size: 14px;
     font-weight: 700;

     color: #5b6478;
 }


 /* subtitle */
 .step-btn small {

     display: block;

     margin-top: 4px;

     font-size: 11px;

     color: #98a2b3;
 }


 /* active state */
 .step-btn.active {

     border-color: #20c997;

     box-shadow:
         0 14px 25px rgba(0, 0, 0, .12),
         inset 0 -4px 0 #f4d03f;

     transform: translateY(-2px);
 }


 /* active number */
 .step-btn.active .step-no {

     background: #00965e;
     color: white;
 }


 /* active text */
 .step-btn.active span {

     color: #00864b;
 }


 /* disabled */
 .step-btn.disabled {

     opacity: .65;
     pointer-events: none;
 }

 .award-sidebar-close,
 .award-sidebar-open {
     width: 42px;
     height: 42px;
     border: 1px solid rgba(255, 255, 255, .22);
     border-radius: 14px;
     display: inline-grid;
     place-items: center;
     cursor: pointer;
     transition: transform .18s ease, background .18s ease, border-color .18s ease;
 }

 .award-sidebar-close {
     position: absolute;
     top: 18px;
     right: 18px;
     z-index: 2;
     background: rgba(255, 255, 255, .1);
     color: #fff;
 }

 .award-sidebar-close:hover {
     background: rgba(255, 255, 255, .18);
     transform: translateY(-1px);
 }

 .award-sidebar-open {
     display: none;
     margin-bottom: 16px;
     background: #fff;
     color: #0b6b4a;
     border-color: #dfe8ef;
     box-shadow: 0 10px 24px rgba(15, 23, 42, .08);
 }

 .award-sidebar-open:hover {
     background: #ebfbf3;
     transform: translateY(-1px);
 }

 .award-sidebar-close i,
 .award-sidebar-open i {
     font-size: 22px;
     line-height: 1;
 }

 .award-app-shell.sidebar-collapsed {
     grid-template-columns: minmax(0, 1fr);
 }

 .award-app-shell.sidebar-collapsed .award-app-sidebar {
     display: none;
 }

 .award-app-shell.sidebar-collapsed .award-sidebar-open {
     display: inline-grid;
 }

 .award-app-sidebar {
     position: sticky;
 }

 @media (max-width: 767.98px) {
     .award-sidebar-open {
         margin-bottom: 12px;
     }
 }

 .award-app-topbar {
     position: sticky;
     top: 18px;
     z-index: 1040;
     display: flex;
     align-items: center;
     gap: 16px;
     background: rgba(255, 255, 255, .92);
     border: 1px solid rgba(223, 232, 239, .9);
     box-shadow: 0 16px 40px rgba(15, 23, 42, .08);
     backdrop-filter: blur(16px);
 }

 .award-app-topbar .topbar-title {
     flex: 1 1 auto;
     min-width: 0;
 }

 .award-app-topbar .award-sidebar-open {
     flex: 0 0 auto;
     margin: 0;
 }

 .award-app-shell:not(.sidebar-collapsed) .award-app-topbar .award-sidebar-open {
     display: none;
 }

 .award-app-shell.sidebar-collapsed .award-app-topbar .award-sidebar-open {
     display: inline-grid;
 }

 @media (max-width: 767.98px) {
     .award-app-topbar {
         top: 10px;
         gap: 12px;
     }
 }

 .award-app-topbar .award-sidebar-open,
 .award-app-shell:not(.sidebar-collapsed) .award-app-topbar .award-sidebar-open,
 .award-app-shell.sidebar-collapsed .award-app-topbar .award-sidebar-open {
     display: inline-grid;
 }


 /* award application css additional */
 .award-application-content .table {
     width: 100%;
     table-layout: auto;
 }

 .award-application-content .table th,
 .award-application-content .table td {
     white-space: normal !important;
     overflow-wrap: anywhere;
     word-break: normal;
     vertical-align: middle;
 }

 .award-application-content .table-responsive {
     overflow-x: auto;
 }

 .award-score-note {
     background: #eef8e9;
     border: 1px solid #9bce8c;
     border-radius: 6px;
     color: #1f3f1a;
     font-size: 0.85rem;
     line-height: 1.45;
     margin: 0 0 0.75rem;
     padding: 0.65rem 0.8rem;
 }

 .award-score-note strong {
     color: #d50000;
 }

 .award-application-content .accordion-button {
     padding-right: 11rem;
     position: relative;
 }

 .final-score-pill {
     background: #f2edff;
     border: 1px solid #d8c9ff;
     border-radius: 999px;
     color: #6c42d9;
     font-size: 0.78rem;
     font-weight: normal;
     padding: 0.2rem 0.55rem;
     position: absolute;
     right: 3rem;
     top: 50%;
     transform: translateY(-50%);
     white-space: nowrap;
 }

 .final-score-list {
     display: grid;
     gap: 0.35rem;
     max-width: 540px;
 }

 .final-score-row {
     align-items: center;
     display: flex;
     justify-content: space-between;
     gap: 1rem;
 }

 .final-score-total {
     background: #f2edff;
     border: 1px solid #d8c9ff;
     border-radius: 6px;
     color: #6c42d9;
     font-weight: 700;
     padding: 0.55rem 0.75rem;
 }

 .final-submit-footer {
     align-items: center;
     display: flex;
     flex-wrap: wrap;
     gap: 0.65rem;
 }

 .final-submit-footer .final-score-total {
     margin-left: auto;
 }

 @media (max-width: 767.98px) {
     .award-application-content .accordion-button {
         align-items: flex-start;
         flex-direction: column;
         gap: 0.35rem;
         padding-right: 3rem;
     }

     .final-score-pill {
         position: static;
         transform: none;
     }

     .final-submit-footer .final-score-total {
         margin-left: 0;
         width: 100%;
     }
 }

 body.award-application-mode #POPUP_EDUCATION .modal-dialog {
     width: min(980px, calc(100vw - 32px));
     max-width: min(980px, calc(100vw - 32px));
     margin-top: 16px;
     margin-bottom: 16px;
 }

 body.award-application-mode #POPUP_EDUCATION .modal-content {
     max-height: calc(100vh - 32px);
     display: flex;
     flex-direction: column;
     overflow: hidden;
 }

 body.award-application-mode #POPUP_EDUCATION form {
     min-height: 0;
     display: flex;
     flex: 1 1 auto;
     flex-direction: column;
 }

 body.award-application-mode #POPUP_EDUCATION .modal-header,
 body.award-application-mode #POPUP_EDUCATION .modal-footer {
     flex: 0 0 auto;
 }

 body.award-application-mode #POPUP_EDUCATION .modal-body {
     min-height: 0;
     flex: 1 1 auto;
     overflow-y: auto;
     padding: 18px 22px !important;
 }

 body.award-application-mode #POPUP_EDUCATION .modal-footer {
     position: sticky;
     bottom: 0;
     z-index: 2;
     background: #fbfdff;
     box-shadow: 0 -10px 24px rgba(15, 23, 42, .08);
 }

 @media (max-width: 767.98px) {
     body.award-application-mode #POPUP_EDUCATION .modal-dialog {
         width: calc(100vw - 16px);
         max-width: calc(100vw - 16px);
         margin-top: 8px;
         margin-bottom: 8px;
     }

     body.award-application-mode #POPUP_EDUCATION .modal-content {
         max-height: calc(100vh - 16px);
     }
 }

 body.award-application-mode #POPUP_EDUCATION .modal-header {
     min-height: 58px;
     padding: 16px 20px;
 }

 body.award-application-mode #POPUP_EDUCATION .modal-title {
     font-size: 18px;
 }

 body.award-application-mode #POPUP_EDUCATION .box-body {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: 14px 18px;
 }

 body.award-application-mode #POPUP_EDUCATION .box-body>.row {
     display: contents;
 }

 body.award-application-mode #POPUP_EDUCATION .form-group {
     width: 100%;
     max-width: none;
     padding: 0 !important;
     margin: 0 !important;
 }

 body.award-application-mode #POPUP_EDUCATION .form-group.col-md-12 {
     grid-column: 1 / -1;
 }

 body.award-application-mode #POPUP_EDUCATION .form-label {
     margin-bottom: 7px;
     font-size: 12px;
     font-weight: 800;
     color: #344054;
 }

 body.award-application-mode #POPUP_EDUCATION .form-control,
 body.award-application-mode #POPUP_EDUCATION .form-select {
     min-height: 44px;
     border-radius: 12px;
     font-size: 13px;
 }

 body.award-application-mode #POPUP_EDUCATION textarea.form-control {
     min-height: 92px;
     resize: vertical;
 }

 body.award-application-mode #POPUP_EDUCATION .text-muted.fs-11 {
     display: block;
     margin-top: 6px;
     font-size: 11px !important;
 }

 body.award-application-mode #POPUP_EDUCATION .modal-footer {
     min-height: 64px;
     padding: 12px 18px;
 }

 @media (max-width: 767.98px) {
     body.award-application-mode #POPUP_EDUCATION .box-body {
         grid-template-columns: 1fr;
     }
 }
/* Responsive compact award form modals */
body.award-application-mode .modal[id^="POPUP_"] .modal-dialog,
body.award-application-mode div[ng-form].modal .modal-dialog {
    width: min(1040px, calc(100vw - 32px));
    max-width: min(1040px, calc(100vw - 32px));
    margin-top: 16px;
    margin-bottom: 16px;
}

body.award-application-mode .modal[id^="POPUP_"] .modal-content,
body.award-application-mode div[ng-form].modal .modal-content {
    max-height: calc(100vh - 32px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

body.award-application-mode .modal[id^="POPUP_"] form,
body.award-application-mode div[ng-form].modal form {
    min-height: 0;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}

body.award-application-mode .modal[id^="POPUP_"] .modal-header,
body.award-application-mode .modal[id^="POPUP_"] .modal-footer,
body.award-application-mode div[ng-form].modal .modal-header,
body.award-application-mode div[ng-form].modal .modal-footer {
    flex: 0 0 auto;
}

body.award-application-mode .modal[id^="POPUP_"] .modal-header,
body.award-application-mode div[ng-form].modal .modal-header {
    min-height: 58px;
    padding: 16px 20px;
}

body.award-application-mode .modal[id^="POPUP_"] .modal-title,
body.award-application-mode div[ng-form].modal .modal-title {
    font-size: 18px;
    line-height: 1.25;
}

body.award-application-mode .modal[id^="POPUP_"] .modal-body,
body.award-application-mode div[ng-form].modal .modal-body {
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 18px 22px !important;
}

body.award-application-mode .modal[id^="POPUP_"] .box-body,
body.award-application-mode div[ng-form].modal .box-body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 18px;
}

body.award-application-mode .modal[id^="POPUP_"] .box-body > .row,
body.award-application-mode div[ng-form].modal .box-body > .row {
    display: contents;
}

body.award-application-mode .modal[id^="POPUP_"] .form-group,
body.award-application-mode div[ng-form].modal .form-group {
    width: 100%;
    max-width: none;
    padding: 0 !important;
    margin: 0 !important;
}

body.award-application-mode .modal[id^="POPUP_"] .form-group.col-md-12,
body.award-application-mode .modal[id^="POPUP_"] .form-group.span-full,
body.award-application-mode div[ng-form].modal .form-group.col-md-12,
body.award-application-mode div[ng-form].modal .form-group.span-full {
    grid-column: 1 / -1;
}

body.award-application-mode .modal[id^="POPUP_"] .form-group:has(textarea),
body.award-application-mode div[ng-form].modal .form-group:has(textarea) {
    grid-column: 1 / -1;
}

body.award-application-mode .modal[id^="POPUP_"] .form-label,
body.award-application-mode div[ng-form].modal .form-label {
    margin-bottom: 7px;
    font-size: 12px;
    font-weight: 800;
    color: #344054;
}

body.award-application-mode .modal[id^="POPUP_"] .form-control,
body.award-application-mode .modal[id^="POPUP_"] .form-select,
body.award-application-mode div[ng-form].modal .form-control,
body.award-application-mode div[ng-form].modal .form-select {
    min-height: 44px;
    border-radius: 12px;
    font-size: 13px;
}

body.award-application-mode .modal[id^="POPUP_"] textarea.form-control,
body.award-application-mode div[ng-form].modal textarea.form-control {
    min-height: 92px;
    resize: vertical;
}

body.award-application-mode .modal[id^="POPUP_"] .text-muted.fs-11,
body.award-application-mode div[ng-form].modal .text-muted.fs-11 {
    display: block;
    margin-top: 6px;
    font-size: 11px !important;
}

body.award-application-mode .modal[id^="POPUP_"] .modal-footer,
body.award-application-mode div[ng-form].modal .modal-footer {
    min-height: 64px;
    padding: 12px 18px;
    position: sticky;
    bottom: 0;
    z-index: 2;
    background: #fbfdff;
    box-shadow: 0 -10px 24px rgba(15, 23, 42, .08);
}

body.award-application-mode .modal[id^="POPUP_"] .modal-footer .btn,
body.award-application-mode div[ng-form].modal .modal-footer .btn {
    min-width: 76px;
    border-radius: 12px;
    font-weight: 800;
}

@media (max-width: 767.98px) {
    body.award-application-mode .modal[id^="POPUP_"] .modal-dialog,
    body.award-application-mode div[ng-form].modal .modal-dialog {
        width: calc(100vw - 16px);
        max-width: calc(100vw - 16px);
        margin-top: 8px;
        margin-bottom: 8px;
    }

    body.award-application-mode .modal[id^="POPUP_"] .modal-content,
    body.award-application-mode div[ng-form].modal .modal-content {
        max-height: calc(100vh - 16px);
    }

    body.award-application-mode .modal[id^="POPUP_"] .box-body,
    body.award-application-mode div[ng-form].modal .box-body {
        grid-template-columns: 1fr;
    }

    body.award-application-mode .modal[id^="POPUP_"] .modal-header,
    body.award-application-mode div[ng-form].modal .modal-header {
        padding: 14px 16px;
    }

    body.award-application-mode .modal[id^="POPUP_"] .modal-body,
    body.award-application-mode div[ng-form].modal .modal-body {
        padding: 16px !important;
    }

    body.award-application-mode .modal[id^="POPUP_"] .modal-footer,
    body.award-application-mode div[ng-form].modal .modal-footer {
        padding: 10px 14px;
    }
}

body.award-application-mode #POPUP_RESEARCHPAPERPUBLICATION .journal-field-row {
    grid-column: 1 / -1;
}

body.award-application-mode #POPUP_RESEARCHPAPERPUBLICATION #nameOfJournal {
    width: 100%;
    min-height: 56px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Modals whose rows are direct children of modal-body */
body.award-application-mode .modal[id^="POPUP_"] .modal-body:has(> .row) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 18px;
    align-content: start;
}

body.award-application-mode .modal[id^="POPUP_"] .modal-body:has(> .row) > .row {
    display: contents;
}

body.award-application-mode .modal[id^="POPUP_"] .modal-body:has(> .row) .form-group {
    width: 100%;
    max-width: none;
    padding: 0 !important;
    margin: 0 !important;
}

body.award-application-mode .modal[id^="POPUP_"] .modal-body:has(> .row) .form-group.col-md-12,
body.award-application-mode .modal[id^="POPUP_"] .modal-body:has(> .row) .form-group:has(textarea) {
    grid-column: 1 / -1;
}

body.award-application-mode #POPUP_AUTHORPOPULARARTICLE .modal-body {
    padding-bottom: 18px !important;
}

body.award-application-mode #POPUP_AUTHORPOPULARARTICLE .modal-body .text-muted {
    display: block;
    margin-top: 6px;
    font-size: 12px;
}

@media (max-width: 767.98px) {
    body.award-application-mode .modal[id^="POPUP_"] .modal-body:has(> .row) {
        grid-template-columns: 1fr;
    }
}

/* Final normalized table format for all award application tables */
body.award-application-mode .award-application-content .table-responsive {
    width: 100%;
    max-width: 100%;
    margin: 14px 0 22px;
    border: 1px solid #dfe8ef;
    border-radius: 22px;
    overflow-x: auto;
    overflow-y: hidden;
    background: #fff;
    box-shadow: 0 16px 32px rgba(15, 23, 42, .06);
    -webkit-overflow-scrolling: touch;
}

body.award-application-mode .award-application-content .table-card {
    width: 100%;
    max-width: 100%;
    margin: 14px 0 22px;
    border: 1px solid #dfe8ef;
    border-radius: 22px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 16px 32px rgba(15, 23, 42, .06);
}

body.award-application-mode .award-application-content .table-card > .table-responsive {
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

body.award-application-mode .award-application-content table.table {
    width: 100%;
    min-width: 980px;
    margin: 0 !important;
    table-layout: auto !important;
    border-collapse: collapse;
    border-color: #d7e4ec !important;
    --bs-table-bg: #fff;
    --bs-table-color: #475467;
    --bs-table-border-color: #d7e4ec;
    --bs-table-hover-bg: #f8fcfa;
}

body.award-application-mode .award-application-content table.table thead th {
    min-width: 84px;
    max-width: 260px;
    padding: 16px 10px !important;
    background: #f1fbf6 !important;
    color: #144b38 !important;
    border-color: #d7e4ec !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.45;
    letter-spacing: 0;
    text-transform: uppercase;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: normal;
    vertical-align: middle;
}

body.award-application-mode .award-application-content table.table tbody th,
body.award-application-mode .award-application-content table.table tbody td {
    min-width: 72px;
    max-width: 300px;
    padding: 13px 10px !important;
    background: #fff !important;
    color: #475467 !important;
    border-color: #d7e4ec !important;
    font-size: 14px !important;
    line-height: 1.45;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: normal;
    vertical-align: middle !important;
}

body.award-application-mode .award-application-content table.table tbody tr:nth-child(even) th,
body.award-application-mode .award-application-content table.table tbody tr:nth-child(even) td {
    background: #fbfefd !important;
}

body.award-application-mode .award-application-content table.table td[colspan] {
    max-width: none;
    text-align: center;
    color: #667085 !important;
}

body.award-application-mode .award-application-content table.table a,
body.award-application-mode .award-application-content table.table button {
    white-space: nowrap;
}

body.award-application-mode .award-application-content table.table .btn-primary,
body.award-application-mode .award-application-content table.table .custom-button {
    border: 0 !important;
    border-radius: 999px !important;
    background: #0b6b4a !important;
    color: #fff !important;
    padding: 8px 13px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

body.award-application-mode .award-application-content table.table button.bg-white,
body.award-application-mode .award-application-content table.table .btn.custom-btn-icons:not(.custom-button) {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border: 1px solid #ffccd2 !important;
    border-radius: 50% !important;
    display: inline-grid;
    place-items: center;
    background: #fff !important;
    padding: 0 !important;
}

body.award-application-mode #Publications-tab-pane .mini-card h5,
body.award-application-mode #Others_contributions-tab-pane .mini-card h5 {
    /* flex: 1 1 520px; */
    min-width: 0;
    margin: 0;
    color: #061b25;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.4;
}

body.award-application-mode #Publications-tab-pane .mini-card h5 .text-muted,
body.award-application-mode #Others_contributions-tab-pane .mini-card h5 .text-muted {
    display: inline-flex;
    align-items: center;
    margin-top: 4px;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 800;
    white-space: normal;
}

body.award-application-mode #Publications-tab-pane .mini-card .add-row-btn,
body.award-application-mode #Others_contributions-tab-pane .mini-card .add-row-btn {
    margin-bottom: 0 !important;
}

@media (max-width: 767.98px) {
    body.award-application-mode .award-application-content .table-responsive,
    body.award-application-mode .award-application-content .table-card {
        border-radius: 16px;
        margin: 12px 0 18px;
    }

    body.award-application-mode .award-application-content table.table {
        min-width: 860px;
    }

    body.award-application-mode .award-application-content table.table thead th,
    body.award-application-mode .award-application-content table.table tbody th,
    body.award-application-mode .award-application-content table.table tbody td {
        padding: 11px 9px !important;
        font-size: 13px !important;
    }
}

/* Professional contribution tab polish */
body.award-application-mode #Professional_contribution-tab-pane {
    padding: 0 30px 30px !important;
}

body.award-application-mode #Professional_contribution-tab-pane > .section-title {
    margin: 0 -30px 26px;
    padding: 26px 30px;
    border-bottom: 1px solid #dbe7ee;
    background: linear-gradient(135deg, #fbfefd 0%, #f4fbf8 56%, #eef5ff 100%);
}

body.award-application-mode #Professional_contribution-tab-pane .col-xl-12,
body.award-application-mode #Professional_contribution-tab-pane .row,
body.award-application-mode #Professional_contribution-tab-pane .row > [class*="col-"] {
    max-width: 100%;
}

body.award-application-mode #Professional_contribution-tab-pane .row.justify-content-center {
    margin-right: 0;
    margin-left: 0;
}

body.award-application-mode #Professional_contribution-tab-pane .row.justify-content-center > .col-xl-12 {
    padding-right: 0;
    padding-left: 0;
}

body.award-application-mode #Professional_contribution-tab-pane p {
    max-width: 1040px;
    margin: 0 0 20px;
    color: #5d6b82;
    font-size: 15px;
    line-height: 1.65;
}

body.award-application-mode #Professional_contribution-tab-pane h2 {
    margin: 30px 0 12px;
    color: #061b25;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: 0;
}

body.award-application-mode #Professional_contribution-tab-pane h3,
body.award-application-mode #Professional_contribution-tab-pane .card > h5 {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 14px;
    color: #122437;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.35;
    letter-spacing: 0;
}

body.award-application-mode #Professional_contribution-tab-pane h3::before,
body.award-application-mode #Professional_contribution-tab-pane .card > h5::before {
    content: "";
    width: 10px;
    height: 34px;
    min-width: 10px;
    border-radius: 999px;
    background: linear-gradient(180deg, #0b7f5c, #f4b83e);
    box-shadow: 0 8px 16px rgba(11, 127, 92, .16);
}

body.award-application-mode #ResearchEditor-card,
body.award-application-mode #TeachingEditor-card,
body.award-application-mode #MajorGuideEditor-card,
body.award-application-mode #ExtensionEditor-card,
body.award-application-mode #SignificanceEditor-card,
body.award-application-mode #ResearchProjectsEditor-card {
    margin: 14px 0 28px;
    padding: 22px !important;
    border: 1px solid #dbe8ef !important;
    border-radius: 24px !important;
    background: #fff !important;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .07) !important;
    overflow: hidden;
}

body.award-application-mode #TeachingEditor-card,
body.award-application-mode #MajorGuideEditor-card,
body.award-application-mode #ExtensionEditor-card {
    margin-top: 12px;
}

body.award-application-mode #Professional_contribution-tab-pane .quill-container {
    min-height: 230px;
    border: 1px solid #d7e4ec;
    border-radius: 18px;
    background: #fff;
    overflow: hidden;
}

body.award-application-mode #Professional_contribution-tab-pane .ql-toolbar.ql-snow {
    border-color: #d7e4ec !important;
    border-radius: 18px 18px 0 0;
    background: #f5fbf8;
    padding: 10px 12px;
}

body.award-application-mode #Professional_contribution-tab-pane .ql-container.ql-snow {
    min-height: 190px;
    border-color: #d7e4ec !important;
    border-radius: 0 0 18px 18px;
    color: #26384f;
    font-size: 15px;
}

body.award-application-mode #Professional_contribution-tab-pane .ql-editor {
    min-height: 190px;
    padding: 18px;
    line-height: 1.65;
}

body.award-application-mode #Professional_contribution-tab-pane .ql-editor.ql-blank::before {
    color: #8a97a8;
    font-style: normal;
}

body.award-application-mode #Professional_contribution-tab-pane .card-body.border-top {
    margin: 18px -22px 0;
    padding: 18px 22px 0;
    border-color: #e2edf3 !important;
    background: linear-gradient(180deg, #fbfefd 0%, #fff 100%);
}

body.award-application-mode #Professional_contribution-tab-pane .card-body .row.justify-content-end {
    justify-content: flex-start !important;
}

body.award-application-mode #Professional_contribution-tab-pane .card-body .col-md-4 {
    width: min(100%, 420px);
    max-width: 420px;
    flex: 0 0 auto;
}

body.award-application-mode #Professional_contribution-tab-pane .form-label {
    margin-bottom: 8px;
    color: #344054;
    font-size: 13px;
    font-weight: 900;
}

body.award-application-mode #Professional_contribution-tab-pane .form-control {
    min-height: 48px;
    border: 1px solid #d3e1ea;
    border-radius: 14px;
    color: #223043;
    font-size: 14px;
    box-shadow: none;
}

body.award-application-mode #Professional_contribution-tab-pane .form-control:focus {
    border-color: #64c8a8;
    box-shadow: 0 0 0 4px rgba(11, 127, 92, .10);
}

body.award-application-mode #Professional_contribution-tab-pane .card-footer {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 18px -22px -22px;
    padding: 16px 22px !important;
    border-top: 1px solid #dfeaf1 !important;
    background: #fbfdff !important;
}

body.award-application-mode #Professional_contribution-tab-pane .card-footer > div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

body.award-application-mode #Professional_contribution-tab-pane .btn.custom-button {
    min-height: 42px;
    border: 1px solid #bfe9da !important;
    background: #eafaf4 !important;
    color: #087452 !important;
    padding: 9px 16px !important;
    font-size: 14px;
    font-weight: 900;
    box-shadow: none !important;
}

body.award-application-mode #Professional_contribution-tab-pane .custom-btn-icons {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
}

body.award-application-mode #Professional_contribution-tab-pane .custom-btn-icons i {
    color: #087452 !important;
}

body.award-application-mode #Professional_contribution-tab-pane .btn-success {
    min-height: 42px;
    border: 0 !important;
    border-radius: 999px !important;
    background: #0b7f5c !important;
    padding: 9px 18px !important;
    font-size: 14px;
    font-weight: 900;
    box-shadow: 0 12px 26px rgba(11, 127, 92, .16);
}

body.award-application-mode #Professional_contribution-tab-pane .btn-danger {
    width: 42px;
    height: 42px;
    min-width: 42px;
    border: 1px solid #ffd0d7 !important;
    border-radius: 50% !important;
    display: inline-grid;
    place-items: center;
    background: #fff !important;
    color: #f02f48 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

body.award-application-mode #Professional_contribution-tab-pane .badge {
    border-radius: 999px;
    padding: 9px 12px;
    font-size: 12px !important;
    font-weight: 800;
    white-space: normal;
    text-align: left;
}

body.award-application-mode #Professional_contribution-tab-pane .bg-primary-transparent {
    background: #eafaf4 !important;
    color: #087452 !important;
    border: 1px solid #bfe9da;
}

body.award-application-mode #Professional_contribution-tab-pane .bg-danger-transparent {
    background: #fff1f3 !important;
    color: #c81935 !important;
    border: 1px solid #ffd0d7;
}

body.award-application-mode #Professional_contribution-tab-pane .row.justify-content-center > .card-footer {
    display: flex;
    justify-content: flex-end;
    margin: 28px 0 0;
    padding: 18px 0 0 !important;
    border-top: 1px solid #dfeaf1 !important;
    background: transparent !important;
}

body.award-application-mode #Professional_contribution-tab-pane .col-xl-12 > .card-footer .btn-primary {
    border: 0 !important;
    border-radius: 999px !important;
    background: #0b7f5c !important;
    padding: 11px 22px !important;
    font-weight: 900;
}

body.award-application-mode #Professional_contribution-tab-pane .col-xl-12 > .card-footer .btn-primary:disabled {
    background: #d8e2e8 !important;
    color: #7d8898 !important;
    opacity: 1;
    box-shadow: none;
}

@media (max-width: 991.98px) {
    body.award-application-mode #Professional_contribution-tab-pane {
        padding: 0 18px 24px !important;
    }

    body.award-application-mode #Professional_contribution-tab-pane > .section-title {
        margin: 0 -18px 20px;
        padding: 20px 18px;
    }

    body.award-application-mode #ResearchEditor-card,
    body.award-application-mode #TeachingEditor-card,
    body.award-application-mode #MajorGuideEditor-card,
    body.award-application-mode #ExtensionEditor-card,
    body.award-application-mode #SignificanceEditor-card,
    body.award-application-mode #ResearchProjectsEditor-card {
        padding: 18px !important;
        border-radius: 20px !important;
    }

    body.award-application-mode #Professional_contribution-tab-pane .card-body.border-top {
        margin-right: -18px;
        margin-left: -18px;
        padding-right: 18px;
        padding-left: 18px;
    }

    body.award-application-mode #Professional_contribution-tab-pane .card-footer {
        margin-right: -18px;
        margin-left: -18px;
        margin-bottom: -18px;
        padding-right: 18px !important;
        padding-left: 18px !important;
    }
}

@media (max-width: 575.98px) {
    body.award-application-mode #Professional_contribution-tab-pane h2 {
        font-size: 20px;
    }

    body.award-application-mode #Professional_contribution-tab-pane h3,
    body.award-application-mode #Professional_contribution-tab-pane .card > h5 {
        font-size: 16px;
    }

    body.award-application-mode #Professional_contribution-tab-pane .card-footer,
    body.award-application-mode #Professional_contribution-tab-pane .card-footer > div {
        align-items: stretch;
        width: 100%;
    }

    body.award-application-mode #Professional_contribution-tab-pane .card-footer .btn,
    body.award-application-mode #Professional_contribution-tab-pane .card-footer .badge {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

body.award-application-mode #Professional_contribution-tab-pane .btn-danger {
    width: 100%;
    border-radius: 999px !important;
    }
}

/* Book Award - Salient features card polish (mirrors Professional Contribution editor cards) */
body.award-application-mode #BookSalientFeaturesEditor-card {
    margin: 14px 0 28px;
    padding: 22px !important;
    border: 1px solid #dbe8ef !important;
    border-radius: 24px !important;
    background: #fff !important;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .07) !important;
    overflow: hidden;
}

body.award-application-mode #BookSalientFeaturesEditor-card > h5 {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 14px;
    color: #122437;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.35;
    letter-spacing: 0;
}

body.award-application-mode #BookSalientFeaturesEditor-card > h5::before {
    content: "";
    width: 10px;
    height: 34px;
    min-width: 10px;
    border-radius: 999px;
    background: linear-gradient(180deg, #0b7f5c, #f4b83e);
    box-shadow: 0 8px 16px rgba(11, 127, 92, .16);
}

body.award-application-mode #BookSalientFeaturesEditor-card .quill-container {
    min-height: 230px;
    border: 1px solid #d7e4ec;
    border-radius: 18px;
    background: #fff;
    overflow: hidden;
}

body.award-application-mode #BookSalientFeaturesEditor-card .ql-toolbar.ql-snow {
    border-color: #d7e4ec !important;
    border-radius: 18px 18px 0 0;
    background: #f5fbf8;
    padding: 10px 12px;
}

body.award-application-mode #BookSalientFeaturesEditor-card .ql-container.ql-snow {
    min-height: 190px;
    border-color: #d7e4ec !important;
    border-radius: 0 0 18px 18px;
    color: #26384f;
    font-size: 15px;
}

body.award-application-mode #BookSalientFeaturesEditor-card .ql-editor {
    min-height: 190px;
    padding: 18px;
    line-height: 1.65;
}

body.award-application-mode #BookSalientFeaturesEditor-card .ql-editor.ql-blank::before {
    color: #8a97a8;
    font-style: normal;
}

body.award-application-mode #BookSalientFeaturesEditor-card .card-footer {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 18px -22px -22px;
    padding: 16px 22px !important;
    border-top: 1px solid #dfeaf1 !important;
    background: #fbfdff !important;
}

body.award-application-mode #BookSalientFeaturesEditor-card .card-footer > div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

body.award-application-mode #BookSalientFeaturesEditor-card .btn.custom-button {
    min-height: 42px;
    border: 1px solid #bfe9da !important;
    background: #eafaf4 !important;
    color: #087452 !important;
    padding: 9px 16px !important;
    font-size: 14px;
    font-weight: 900;
    box-shadow: none !important;
}

body.award-application-mode #BookSalientFeaturesEditor-card .custom-btn-icons {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
}

body.award-application-mode #BookSalientFeaturesEditor-card .custom-btn-icons i {
    color: #087452 !important;
}

body.award-application-mode #BookSalientFeaturesEditor-card .badge {
    border-radius: 999px;
    padding: 9px 12px;
    font-size: 12px !important;
    font-weight: 800;
    white-space: normal;
    text-align: left;
}

body.award-application-mode #BookSalientFeaturesEditor-card .bg-primary-transparent {
    background: #eafaf4 !important;
    color: #087452 !important;
    border: 1px solid #bfe9da;
}

body.award-application-mode #BookSalientFeaturesEditor-card .bg-danger-transparent {
    background: #fff1f3 !important;
    color: #c81935 !important;
    border: 1px solid #ffd0d7;
}

body.award-application-mode #BookSalientFeaturesEditor-card .btn-primary {
    min-height: 42px;
    border: 0 !important;
    border-radius: 999px !important;
    background: #0b7f5c !important;
    padding: 9px 18px !important;
    font-size: 14px;
    font-weight: 900;
    box-shadow: 0 12px 26px rgba(11, 127, 92, .16);
}

body.award-application-mode #BookSalientFeaturesEditor-card .btn-primary:disabled {
    background: #d8e2e8 !important;
    color: #7d8898 !important;
    opacity: 1;
    box-shadow: none;
}

@media (max-width: 991.98px) {
    body.award-application-mode #BookSalientFeaturesEditor-card {
        padding: 18px !important;
        border-radius: 20px !important;
    }

    body.award-application-mode #BookSalientFeaturesEditor-card .card-footer {
        margin-right: -18px;
        margin-left: -18px;
        margin-bottom: -18px;
        padding-right: 18px !important;
        padding-left: 18px !important;
    }
}

@media (max-width: 575.98px) {
    body.award-application-mode #BookSalientFeaturesEditor-card > h5 {
        font-size: 16px;
    }

    body.award-application-mode #BookSalientFeaturesEditor-card .card-footer,
    body.award-application-mode #BookSalientFeaturesEditor-card .card-footer > div {
        align-items: stretch;
        width: 100%;
    }

    body.award-application-mode #BookSalientFeaturesEditor-card .card-footer .btn,
    body.award-application-mode #BookSalientFeaturesEditor-card .card-footer .badge {
        width: 100%;
        justify-content: center;
        text-align: center;
    }
}

/* ISWS themed alert service */
.isws-alert-modal {
    position: fixed;
    inset: 0;
    z-index: 3000;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(6, 27, 37, .34);
    backdrop-filter: blur(8px);
    animation: iswsAlertFade .16s ease-out;
}

.isws-alert-dialog {
    width: min(520px, 100%);
}

.isws-alert-content {
    position: relative;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) 38px;
    gap: 16px;
    align-items: start;
    padding: 22px;
    border: 1px solid #dce9ef;
    border-radius: 24px;
    background:
        linear-gradient(135deg, rgba(234, 250, 244, .92), rgba(255, 255, 255, .98) 42%, rgba(239, 246, 255, .92)),
        #fff;
    box-shadow: 0 26px 70px rgba(15, 23, 42, .22);
    overflow: hidden;
    animation: iswsAlertPop .18s ease-out;
}

.isws-alert-content::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 6px;
    background: linear-gradient(180deg, #0b7f5c, #f4b83e);
}

.isws-alert-icon-wrap {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    background: #eafaf4;
    color: #0b7f5c;
}

.isws-alert-icon-wrap svg {
    width: 30px;
    height: 30px;
    fill: currentColor;
}

.isws-alert-copy h5 {
    margin: 2px 0 6px;
    color: #061b25;
    font-size: 19px;
    font-weight: 900;
    line-height: 1.25;
}

.isws-alert-copy p {
    margin: 0;
    color: #5d6b82;
    font-size: 15px;
    line-height: 1.55;
}

.isws-alert-close {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid #dbe7ee;
    border-radius: 50%;
    background: #fff;
    color: #536275;
    font-size: 20px;
    line-height: 1;
}

.isws-alert-close:hover {
    border-color: #b8c9d6;
    color: #061b25;
}

.isws-alert-danger .isws-alert-icon-wrap {
    background: #fff1f3;
    color: #e11d48;
}

.isws-alert-warning .isws-alert-icon-wrap {
    background: #fff7df;
    color: #b7791f;
}

.isws-alert-info .isws-alert-icon-wrap {
    background: #eff6ff;
    color: #2563eb;
}

.isws-alert-primary .isws-alert-icon-wrap,
.isws-alert-success .isws-alert-icon-wrap {
    background: #eafaf4;
    color: #0b7f5c;
}

@keyframes iswsAlertFade {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes iswsAlertPop {
    from {
        opacity: 0;
        transform: translateY(10px) scale(.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Final submission tab */
body.award-application-mode #Final_submission-tab-pane {
    padding: 0 28px 28px !important;
}

body.award-application-mode #Final_submission-tab-pane > .col-xl-12 {
    max-width: 100%;
}

body.award-application-mode #Final_submission-tab-pane .final-section-title {
    margin: 0 -28px 24px;
    padding: 26px 28px;
    border-bottom: 1px solid #dbe7ee;
    background: linear-gradient(135deg, #fbfefd 0%, #f5fbf8 52%, #eef5ff 100%);
}

body.award-application-mode #Final_submission-tab-pane .final-score-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

body.award-application-mode #Final_submission-tab-pane .score-card {
    min-height: 112px;
    border-color: #dbe8ef;
    border-radius: 22px;
    padding: 22px;
    box-shadow: 0 16px 34px rgba(15, 23, 42, .055);
}

body.award-application-mode #Final_submission-tab-pane .score-card span {
    color: #667085;
    font-size: 13px;
}

body.award-application-mode #Final_submission-tab-pane .score-card strong {
    margin-top: 10px;
    font-size: 29px;
    line-height: 1;
}

body.award-application-mode #Final_submission-tab-pane .final-review-accordion {
    border: 1px solid #dbe8ef;
    border-radius: 22px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 16px 34px rgba(15, 23, 42, .055);
}

body.award-application-mode #Final_submission-tab-pane .accordion-item {
    border-color: #e3edf3;
}

body.award-application-mode #Final_submission-tab-pane .accordion-button {
    min-height: 58px;
    padding: 16px 22px;
    background: #fff;
    color: #26384f;
    font-size: 15px;
}

body.award-application-mode #Final_submission-tab-pane .accordion-button:not(.collapsed) {
    background: #f4fbf8;
    color: #0b6b4a;
}

body.award-application-mode #Final_submission-tab-pane .accordion-body {
    color: #5d6b82;
    font-size: 14px;
    line-height: 1.6;
}

body.award-application-mode #Final_submission-tab-pane .final-score-pill {
    background: #eafaf4;
    border-color: #bfe9da;
    color: #087452;
}

body.award-application-mode #Final_submission-tab-pane .final-score-row {
    max-width: 720px;
    padding: 8px 0;
    border-bottom: 1px dashed #dbe8ef;
}

body.award-application-mode #Final_submission-tab-pane .final-form-grid {
    display: grid;
    grid-template-columns: minmax(280px, .7fr) minmax(360px, 1fr);
    gap: 18px;
}

body.award-application-mode #Final_submission-tab-pane .final-remarks-card,
body.award-application-mode #Final_submission-tab-pane .final-certificate-card {
    min-width: 0;
}

body.award-application-mode #Final_submission-tab-pane .final-remarks-card textarea {
    min-height: 142px;
    resize: vertical;
}

body.award-application-mode #Final_submission-tab-pane .file-drop {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    padding: 20px;
    border: 1px dashed #9cc6e8;
    border-radius: 20px;
    background: #fbfdff;
}

body.award-application-mode #Final_submission-tab-pane .file-icon {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: #eff6ff;
    color: #4777f4;
    font-size: 26px;
}

body.award-application-mode #Final_submission-tab-pane .file-drop-field {
    display: grid;
    gap: 8px;
    min-width: 0;
}

body.award-application-mode #Final_submission-tab-pane .file-drop-field strong {
    color: #344054;
    font-size: 14px;
    font-weight: 900;
}

body.award-application-mode #Final_submission-tab-pane .file-drop-field small,
body.award-application-mode #Final_submission-tab-pane .file-drop-field small a {
    color: #667085;
    font-size: 13px;
}

body.award-application-mode #Final_submission-tab-pane .file-drop-field small a {
    color: #0b6b4a;
    font-weight: 800;
    text-decoration: underline;
}

body.award-application-mode #Final_submission-tab-pane .certificate-attached {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 18px;
    border: 1px solid #bfe9da;
    border-radius: 18px;
    background: #eafaf4;
    color: #087452;
    font-weight: 900;
}

body.award-application-mode #Final_submission-tab-pane .certificate-attached i {
    font-size: 23px;
}

body.award-application-mode #Final_submission-tab-pane .final-total-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 22px -28px -28px;
    padding: 26px 24px;
    border: 0;
    border-radius: 24px 24px 0 0;
    background: linear-gradient(100deg, #0b7f5c 0%, #167a70 42%, #4777f4 100%);
    color: #fff;
}

body.award-application-mode #Final_submission-tab-pane .final-total-bar > div {
    display: grid;
    gap: 6px;
}

body.award-application-mode #Final_submission-tab-pane .final-total-bar span {
    color: rgba(255, 255, 255, .78);
    font-size: 16px;
    font-weight: 900;
}

body.award-application-mode #Final_submission-tab-pane .final-total-bar strong {
    color: #fff;
    font-size: 36px;
    font-weight: 950;
    line-height: 1;
}

body.award-application-mode #Final_submission-tab-pane .final-total-bar small {
    max-width: 720px;
    color: rgba(255, 255, 255, .78);
    font-size: 13px;
}

body.award-application-mode #Final_submission-tab-pane .final-submit-btn {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 0 !important;
    border-radius: 14px !important;
    background: #f6b733 !important;
    color: #061b25 !important;
    padding: 12px 24px !important;
    font-size: 20px;
    font-weight: 950;
    box-shadow: 0 16px 34px rgba(0, 0, 0, .12);
    white-space: nowrap;
}

body.award-application-mode #Final_submission-tab-pane .final-submit-btn:disabled {
    background: rgba(255, 255, 255, .38) !important;
    color: rgba(6, 27, 37, .58) !important;
    box-shadow: none;
}

body.award-application-mode .success-submission-card {
    position: relative;
    overflow: hidden;
    min-height: 520px !important;
    background: #fff;
}

body.award-application-mode #success-confetti,
body.award-application-mode .success-confetti-canvas {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

body.award-application-mode .success-submission-content {
    position: relative;
    z-index: 2;
    width: 100%;
    padding-top: 28px;
}

body.award-application-mode .success-visual {
    position: relative;
    width: 260px;
    height: 260px;
    margin: 0 auto;
    display: grid;
    place-items: center;
}

body.award-application-mode .success-visual #success-animation {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

body.award-application-mode .success-fallback-icon {
    width: 146px;
    height: 146px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #087a55;
    background: linear-gradient(135deg, rgba(229, 255, 244, .98), rgba(230, 244, 255, .94));
    border: 1px solid rgba(8, 122, 85, .18);
    box-shadow: 0 24px 60px rgba(8, 122, 85, .2);
}

body.award-application-mode .success-fallback-icon i {
    font-size: 96px;
    line-height: 1;
}

body.award-application-mode .success-visual.has-lottie .success-fallback-icon {
    display: none;
}

/* Card-level loader overlay */
.card,
.custom-card,
.modal-content,
.award-select-card,
.award-application-content {
    position: relative;
}

#loader {
    position: absolute;
    inset: 0;
    z-index: 45;
    display: grid;
    place-items: center;
    border-radius: inherit;
    background: rgba(255, 255, 255, .72);
    backdrop-filter: blur(4px);
    min-height: 120px;
}

#loader img {
    width: 54px;
    height: 54px;
    padding: 10px;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 18px 38px rgba(15, 23, 42, .16);
}

body.award-list-mode .award-empty-state img {
    width: 54px;
    height: 54px;
    padding: 10px;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 18px 38px rgba(15, 23, 42, .14);
}

/* Profile page theme */
body.award-profile-mode .app-header,
body.award-profile-mode .app-sidebar,
body.award-profile-mode .footer,
body.award-profile-mode .scrollToTop,
body.award-profile-mode #responsive-overlay {
    display: none !important;
}

body.award-profile-mode .page,
body.award-profile-mode .main-content.app-content,
body.award-profile-mode .container-fluid {
    min-height: 100vh;
    margin: 0 !important;
    padding: 0 !important;
    background: linear-gradient(120deg, #e8f7f1 0%, #f8fbff 48%, #eaf0ff 100%) !important;
}

body.award-profile-mode .main-content.app-content > .container-fluid {
    max-width: none !important;
}

body.award-profile-mode .page-header-breadcrumb {
    max-width: 1480px;
    margin: 0 auto !important;
    padding: 26px 28px 0;
}

body.award-profile-mode .page-title {
    color: #061b25;
    font-size: 30px !important;
    font-weight: 950 !important;
}

body.award-profile-mode .breadcrumb {
    padding: 8px 14px;
    border: 1px solid #dbe8ef;
    border-radius: 999px;
    background: rgba(255, 255, 255, .78);
}

body.award-profile-mode .award-profile-page {
    max-width: 1480px;
    margin: 0 auto;
    padding: 24px 28px 38px;
}

body.award-profile-mode .award-profile-page > .row {
    gap: 22px 0;
}

body.award-profile-mode .award-profile-page .custom-card {
    border: 1px solid #dbe8ef !important;
    border-radius: 28px !important;
    background: rgba(255, 255, 255, .94) !important;
    box-shadow: 0 22px 54px rgba(15, 23, 42, .08) !important;
}

body.award-profile-mode .main-profile-cover {
    position: relative;
    min-height: 210px;
    align-items: center !important;
    background: radial-gradient(circle at 85% 5%, rgba(244, 184, 62, .35), transparent 28%),
        linear-gradient(135deg, #0b4c3b 0%, #13795c 52%, #10283b 100%);
    color: #fff;
}

body.award-profile-mode .main-profile-cover::after {
    content: "";
    position: absolute;
    right: -70px;
    top: -70px;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .13);
}

body.award-profile-mode .main-profile-cover .avatar {
    width: 86px;
    height: 86px;
    border: 4px solid rgba(255, 255, 255, .8);
    border-radius: 24px;
    overflow: hidden;
    background: #eafaf4;
}

body.award-profile-mode .main-profile-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.award-profile-mode .profile-photo-frame {
    position: relative;
    overflow: hidden;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 16px 34px rgba(7, 27, 39, .22);
    isolation: isolate;
}

body.award-profile-mode .profile-photo-trigger {
    position: absolute;
    right: 7px;
    bottom: 7px;
    z-index: 2;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .88);
    border-radius: 12px;
    color: #0a7a59;
    background: #fff;
    box-shadow: 0 12px 24px rgba(7, 27, 39, .26);
    transition: transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}

body.award-profile-mode .profile-photo-trigger:hover {
    transform: translateY(-1px);
    color: #fff;
    background: #0a7a59;
    box-shadow: 0 14px 28px rgba(7, 27, 39, .32);
}

body.award-profile-mode .profile-photo-trigger i {
    font-size: 18px;
    line-height: 1;
}

body.award-profile-mode .profile-photo-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    max-width: 100%;
    margin-top: 12px;
    padding: 8px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .14);
    border: 1px solid rgba(255, 255, 255, .22);
}

body.award-profile-mode .profile-photo-actions span {
    min-width: 0;
    max-width: 210px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff !important;
    font-size: 12px;
    font-weight: 800;
}

body.award-profile-mode .profile-photo-actions .btn {
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    padding: 6px 12px;
}

body.award-profile-mode .main-profile-info h6 {
    color: #fff !important;
    font-size: 21px;
    font-weight: 950;
}

body.award-profile-mode .main-profile-info p,
body.award-profile-mode .main-profile-info span {
    color: rgba(255, 255, 255, .82) !important;
}

body.award-profile-mode .award-profile-page .card-body > .p-4 {
    padding: 22px !important;
}

body.award-profile-mode .award-profile-page .avatar-sm {
    width: 34px;
    height: 34px;
    display: inline-grid;
    place-items: center;
    border-radius: 12px !important;
    background: #eefaf5 !important;
    color: #0b6b4a !important;
}

body.award-profile-mode .tab-style-6 {
    gap: 10px;
    border: 0;
}

body.award-profile-mode .tab-style-6 .nav-link {
    min-height: 46px;
    border: 1px solid #dbe8ef !important;
    border-radius: 999px !important;
    background: #fff;
    color: #536275;
    padding: 10px 15px;
    font-weight: 900;
}

body.award-profile-mode .tab-style-6 .nav-link.active {
    border-color: #bfe9da !important;
    background: #eafaf4 !important;
    color: #087452 !important;
}

body.award-profile-mode .tab-content {
    padding: 24px;
}

body.award-profile-mode .form-label {
    color: #344054;
    font-size: 13px;
    font-weight: 900;
}

body.award-profile-mode .form-control,
body.award-profile-mode .form-select {
    min-height: 46px;
    border: 1px solid #d3e1ea;
    border-radius: 14px;
    box-shadow: none;
}

.form-date, .isws-date-picker {
    background-color: #fff;
    background-image: linear-gradient(45deg, transparent 50%, #0b7f5c 50%), linear-gradient(135deg, #0b7f5c 50%, transparent 50%);
    background-position: calc(100% - 22px) 19px, calc(100% - 16px) 19px;
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
    cursor: pointer;
}

body.award-profile-mode .form-control:focus,
body.award-profile-mode .form-select:focus {
    border-color: #93d8bf;
    box-shadow: 0 0 0 4px rgba(11, 127, 92, .12);
}

.form-date:focus,
.isws-date-picker:focus {
    border-color: #93d8bf;
    box-shadow: 0 0 0 4px rgba(11, 127, 92, .12);
}

.datepicker.dropdown-menu {
    width: 292px;
    min-width: 292px;
    max-width: calc(100vw - 24px);
    padding: 12px;
    box-sizing: border-box;
    border: 1px solid #dbe8ef;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 24px 60px rgba(7, 27, 39, .18);
    color: #102a3a;
    font-family: inherit;
    z-index: 2055 !important;
}

.datepicker:before,
.datepicker:after {
    display: none;
}

.datepicker table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 2px 4px;
}

.datepicker table tr th,
.datepicker table tr td {
    width: 36px;
    height: 34px;
    border: 0;
    border-radius: 11px;
    color: #102a3a;
    font-size: 13px;
    font-weight: 800;
}

.datepicker table tr th.dow {
    height: 28px;
    color: #64748b;
    font-size: 12px;
    font-weight: 900;
}

.datepicker .datepicker-switch {
    height: 40px;
    border-radius: 13px;
    color: #102a3a;
    font-size: 15px;
    font-weight: 950;
}

.datepicker .prev,
.datepicker .next {
    width: 38px;
    height: 38px;
    border-radius: 13px;
    color: #0b7f5c;
    font-size: 20px;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
    background: #eefaf5;
    color: #087452;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #a8b4c3;
}

.datepicker table tr td.today {
    background: #fff7df !important;
    color: #b77900 !important;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover {
    background: #0b7f5c !important;
    color: #fff !important;
    text-shadow: none;
    box-shadow: 0 10px 22px rgba(11, 127, 92, .22);
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: transparent;
    color: #cbd5e1;
}

/* Bootstrap Datepicker renders month, year, decade and century choices as spans. */
.datepicker .datepicker-months table tr td,
.datepicker .datepicker-years table tr td,
.datepicker .datepicker-decades table tr td,
.datepicker .datepicker-centuries table tr td {
    width: 100%;
    height: auto;
    padding: 5px 2px;
}

.datepicker .datepicker-months table tr td::after,
.datepicker .datepicker-years table tr td::after,
.datepicker .datepicker-decades table tr td::after,
.datepicker .datepicker-centuries table tr td::after {
    display: block;
    clear: both;
    content: "";
}

.datepicker table tr td span {
    display: inline-flex;
    float: left;
    align-items: center;
    justify-content: center;
    width: 23%;
    min-width: 0;
    height: 42px;
    margin: 1%;
    border-radius: 11px;
    color: #102a3a;
    font-size: 12px;
    font-weight: 850;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease, box-shadow .15s ease;
}

.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
    background: #eefaf5;
    color: #087452;
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
    color: #a8b4c3;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: transparent;
    color: #cbd5e1;
    cursor: default;
    box-shadow: none;
}

.datepicker .datepicker-decades table tr td span,
.datepicker .datepicker-centuries table tr td span {
    font-size: 11px;
}

@media (max-width: 320px) {
    .datepicker.dropdown-menu {
        width: calc(100vw - 16px);
        min-width: 0;
        padding: 8px;
    }
}

.datepicker tfoot tr th {
    height: 34px;
    border-radius: 12px;
    color: #0b7f5c;
    font-size: 13px;
    font-weight: 900;
}

.datepicker tfoot tr th:hover {
    background: #eefaf5;
}

.isws-file-error {
    font-weight: 800;
    line-height: 1.35;
}

input[type="file"].is-invalid,
.file-drop input[type="file"].is-invalid {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 4px rgba(220, 53, 69, .10);
}

.skip-section-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 40px;
    border: 1px solid #d4e3ec;
    border-radius: 999px;
    background: #fff;
    color: #516174;
    padding: 8px 15px;
    font-size: 13px;
    font-weight: 900;
    line-height: 1;
    transition: all .16s ease;
}

.skip-section-btn:hover {
    border-color: #9adfc8;
    background: #f0fbf7;
    color: #087452;
}

.skip-section-btn.is-active {
    border-color: #0b7f5c;
    background: #e8f8f1;
    color: #075d44;
    box-shadow: 0 10px 22px rgba(11, 127, 92, .10);
}

.skip-section-btn i {
    font-size: 16px;
}

button:disabled + .skip-section-btn,
.add-row-btn:disabled {
    cursor: not-allowed;
}

.skipped-section-note {
    color: #087452 !important;
    font-weight: 900;
    background: #f0fbf7 !important;
}

body.award-application-mode #Professional_contribution-tab-pane .skip-section-btn {
    width: fit-content;
}

body.award-application-mode #Publications-tab-pane .mini-card .skip-section-btn,
body.award-application-mode #Others_contributions-tab-pane .mini-card .skip-section-btn {
    margin-bottom: 0;
}

.my-applications-page {
    width: 100%;
    padding: 34px 20px 60px;
}

.my-applications-shell {
    width: min(1500px, 100%);
    margin: 0 auto;
}

.my-applications-title {
    margin-bottom: 18px;
    border: 1px solid #dce8ef;
    border-radius: 24px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 18px 44px rgba(15, 23, 42, .07);
}

.application-filter-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 20px;
}

.application-filter-bar button {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 44px;
    border: 1px solid #d5e4ec;
    border-radius: 999px;
    background: #fff;
    color: #4f5f73;
    padding: 8px 16px;
    font-weight: 900;
}

.application-filter-bar button span {
    display: inline-grid;
    place-items: center;
    min-width: 26px;
    height: 26px;
    border-radius: 999px;
    background: #eef5f8;
    color: #0b7f5c;
    font-size: 12px;
}

.application-filter-bar button.active {
    border-color: #9adfc8;
    background: #eafaf4;
    color: #075d44;
}

.application-filter-bar a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 44px;
    border: 1px solid #d5e4ec;
    border-radius: 999px;
    background: #fff;
    color: #4f5f73;
    padding: 8px 16px;
    font-weight: 900;
}

.application-filter-bar a span {
    display: inline-grid;
    place-items: center;
    min-width: 26px;
    height: 26px;
    border-radius: 999px;
    background: #eef5f8;
    color: #0b7f5c;
    font-size: 12px;
}

.my-application-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 18px;
}

.my-application-card {
    display: flex;
    min-height: 280px;
    flex-direction: column;
    border: 1px solid #dce8ef;
    border-radius: 24px;
    background: #fff;
    padding: 22px;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .07);
}

.my-application-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
}

.my-application-card .award-icon {
    display: inline-grid;
    width: 54px;
    height: 54px;
    place-items: center;
    border-radius: 18px;
    background: #eafaf4;
    color: #087452;
    font-size: 26px;
}

.application-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 900;
}

.application-status.applied {
    background: #eafaf4;
    color: #087452;
}

.application-status.draft {
    background: #fff7df;
    color: #a36800;
}

.application-status.not-started {
    background: #eef5f8;
    color: #526071;
}

.my-application-card h3 {
    margin: 0 0 8px;
    color: #061b25;
    font-size: 22px;
    font-weight: 950;
    letter-spacing: 0;
}

.my-application-card p {
    min-height: 46px;
    margin: 0 0 18px;
    color: #667085;
    line-height: 1.55;
}

.application-progress-row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: #667085;
    font-size: 13px;
    font-weight: 900;
}

.application-progress-row strong {
    color: #061b25;
}

.application-progress-track {
    height: 10px;
    margin: 9px 0 22px;
    border-radius: 999px;
    background: #e8eff4;
    overflow: hidden;
}

.application-progress-track span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #0b7f5c, #4b73f6);
}

.my-application-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: auto;
}

.my-application-actions .btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border-radius: 999px;
    font-weight: 900;
}

body.award-admin-mode {
    min-height: 100vh;
    background: radial-gradient(circle at 0 0, rgba(218, 244, 234, .95), transparent 34%),
        linear-gradient(135deg, #f7fbf9 0%, #edf4ff 100%) !important;
    color: #061b25;
    font-family: "Source Sans Pro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.award-admin-mode .page {
    background: transparent;
}

body.award-admin-mode .app-header {
    border: 0;
    background: rgba(255, 255, 255, .86);
    box-shadow: 0 16px 40px rgba(15, 23, 42, .08);
    backdrop-filter: blur(14px);
}

body.award-admin-mode .app-sidebar {
    border-right: 1px solid rgba(255, 255, 255, .10);
    background: linear-gradient(180deg, #061b25 0%, #062f29 100%) !important;
    color: #fff;
}

body.award-admin-mode .main-sidebar-header {
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    background: transparent;
}

body.award-admin-mode .desktop-logo,
body.award-admin-mode .desktop-dark,
body.award-admin-mode .desktop-white {
    max-height: 42px;
}

body.award-admin-mode .side-menu__item {
    margin: 5px 12px;
    border-radius: 14px;
    color: rgba(255, 255, 255, .82) !important;
    font-weight: 800;
}

body.award-admin-mode .side-menu__item:hover,
body.award-admin-mode .side-menu__item.active {
    background: rgba(255, 255, 255, .12) !important;
    color: #fff !important;
}

body.award-admin-mode .side-menu__icon,
body.award-admin-mode .side-menu__angle {
    color: #9ff1d2 !important;
}

body.award-admin-mode .slide__category .category-name {
    color: rgba(255, 255, 255, .54);
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

body.award-admin-mode .app-content {
    background: transparent;
}

body.award-admin-mode .main-content .container-fluid {
    padding-top: 26px;
}

body.award-admin-mode .card,
body.award-admin-mode .custom-card,
body.award-admin-mode .box,
body.award-admin-mode .panel {
    border: 1px solid #dce8ef !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .07) !important;
}

body.award-admin-mode .card-header,
body.award-admin-mode .box-header,
body.award-admin-mode .panel-heading {
    border-bottom: 1px solid #dce8ef !important;
    background: linear-gradient(135deg, #fbfefd 0%, #f4fbf8 56%, #eef5ff 100%) !important;
    color: #061b25 !important;
    font-weight: 950;
}

body.award-admin-mode .form-control,
body.award-admin-mode .form-select,
body.award-admin-mode select,
body.award-admin-mode textarea {
    border: 1px solid #d3e1ea !important;
    border-radius: 14px !important;
    box-shadow: none !important;
}

body.award-admin-mode .form-control:focus,
body.award-admin-mode .form-select:focus,
body.award-admin-mode select:focus,
body.award-admin-mode textarea:focus {
    border-color: #93d8bf !important;
    box-shadow: 0 0 0 4px rgba(11, 127, 92, .12) !important;
}

body.award-admin-mode .btn-primary {
    border-color: #0b7f5c !important;
    background: #0b7f5c !important;
    color: #fff !important;
    border-radius: 999px;
    font-weight: 900;
}

body.award-admin-mode .btn-outline-primary,
body.award-admin-mode .btn-default {
    border-color: #bfd7e4 !important;
    background: #fff !important;
    color: #0b7f5c !important;
    border-radius: 999px;
    font-weight: 900;
}

body.award-admin-mode table.table {
    border-color: #d8e6ee !important;
    color: #223043;
}

body.award-admin-mode table.table thead th {
    background: #eaf6f0 !important;
    color: #174a3d !important;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .02em;
}

body.award-admin-mode .footer {
    border-top: 1px solid #dce8ef;
    background: rgba(255, 255, 255, .86) !important;
}

body.admin-login-page {
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.admin-login-page .admin-login-wrap {
    width: min(1080px, 100%);
}

body.admin-login-page .admin-login-hero {
    min-height: 640px;
}

body.admin-login-page .admin-auth-card {
    position: relative;
    align-self: center;
}

.auth-panel-heading {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 26px;
}

.auth-panel-icon {
    width: 54px;
    height: 54px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 18px;
    background: #e9f8f1;
    color: var(--green);
    font-size: 25px;
}

body.admin-login-page .admin-login-card h2 {
    color: var(--dark);
    font-size: 28px;
    line-height: 1.15;
}

body.admin-login-page .form-label,
body.award-admin-mode .form-label {
    color: #24364b;
    font-size: 13px;
    font-weight: 850;
    margin-bottom: 7px;
}

body.admin-login-page .form-control,
body.admin-login-page .form-select,
body.admin-login-page .input-group .btn {
    min-height: 48px;
    border-color: #d4e1ea;
    border-radius: 15px;
}

body.admin-login-page .input-group .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

body.admin-login-page .input-group .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

body.admin-login-page .btn-primary {
    min-height: 50px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--green), var(--green2));
    box-shadow: 0 16px 34px rgba(15, 138, 95, .22);
    font-weight: 900;
}

body.admin-login-page .btn-primary:hover,
body.admin-login-page .btn-primary:focus {
    background: linear-gradient(135deg, #095c41, #0d7753);
}

body.award-admin-mode {
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.award-admin-mode .main-header-container {
    min-height: 76px;
    padding-inline: 24px;
}

body.award-admin-mode .main-header-container .header-link {
    border-radius: 16px;
}

body.award-admin-mode .main-header-container img.rounded-circle {
    border: 3px solid #dff5ec;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .12);
}

body.award-admin-mode .main-header-dropdown {
    border: 1px solid #dce8ef;
    border-radius: 18px;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .14);
}

body.award-admin-mode .app-sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 60;
    width: 280px;
    height: 100vh;
    overflow: hidden;
}

body.award-admin-mode .app-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 280px;
    z-index: 55;
    min-height: 76px;
}

body.award-admin-mode .footer {
    margin-left: 280px;
}

body.award-admin-mode .main-sidebar {
    overflow: auto;
}

body.award-admin-mode .main-sidebar-header {
    min-height: 96px;
    padding: 22px;
}

body.award-admin-mode .main-sidebar-header .header-logo,
body.award-admin-mode .horizontal-logo .header-logo {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

body.award-admin-mode .admin-brand-link .brand-mark {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    font-size: 16px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .16);
}

body.award-admin-mode .admin-brand-copy {
    display: flex;
    flex-direction: column;
    color: #fff;
    line-height: 1.25;
}

body.award-admin-mode .admin-brand-copy strong {
    font-size: 18px;
    font-weight: 950;
}

body.award-admin-mode .admin-brand-copy small {
    max-width: 170px;
    color: rgba(255, 255, 255, .72);
    font-size: 13px;
    font-weight: 600;
}

body.award-admin-mode .main-menu {
    padding: 12px 0 28px !important;
}

body.award-admin-mode .slide-menu.child1 {
    position: static !important;
    left: auto !important;
    top: auto !important;
    margin: 4px 0 14px !important;
    padding: 0 0 0 16px !important;
    transform: none !important;
    background: transparent !important;
    border: 0 !important;
}

body.award-admin-mode .slide-menu.child1 .side-menu__item {
    min-height: 38px;
    margin: 4px 12px 4px 18px;
    padding-inline: 18px;
    font-size: 13px;
    color: rgba(255, 255, 255, .70) !important;
}

body.award-admin-mode .slide-menu.child1 .side-menu__item:hover,
body.award-admin-mode .slide-menu.child1 li.active .side-menu__item {
    background: rgba(159, 241, 210, .14) !important;
    color: #fff !important;
}

body.award-admin-mode .main-content.app-content {
    margin-left: 280px;
    padding-top: 76px;
    min-height: calc(100vh - 76px);
    background: transparent !important;
}

body.award-admin-mode .main-content .container-fluid {
    width: min(1540px, 100%);
    padding: 30px 28px 42px;
}

body.award-admin-mode .main-content .container-fluid > .row {
    margin: 0;
}

body.award-admin-mode .page-header-breadcrumb {
    width: 100%;
    margin: 0 0 22px !important;
    padding: 18px 22px;
    border: 1px solid #dce8ef;
    border-radius: 22px;
    background: rgba(255, 255, 255, .90);
    box-shadow: 0 16px 40px rgba(15, 23, 42, .08);
    backdrop-filter: blur(12px);
}

body.award-admin-mode .page-title {
    color: var(--dark);
    font-size: 26px !important;
    font-weight: 950 !important;
    letter-spacing: 0;
}

body.award-admin-mode .breadcrumb {
    align-items: center;
    gap: 8px;
    font-size: 13px;
}

body.award-admin-mode .breadcrumb-item,
body.award-admin-mode .breadcrumb-item.active {
    color: #667085;
}

body.award-admin-mode .content {
    width: 100%;
}

body.award-admin-mode .content > .row,
body.award-admin-mode section.content > .row {
    row-gap: 22px;
}

body.award-admin-mode .card,
body.award-admin-mode .custom-card,
body.award-admin-mode .box,
body.award-admin-mode .panel {
    overflow: hidden;
}

body.award-admin-mode .card + .card,
body.award-admin-mode .custom-card + .custom-card {
    margin-top: 22px;
}

body.award-admin-mode .card-header {
    min-height: 72px;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 22px;
}

body.award-admin-mode .card-title {
    margin: 0;
    color: var(--dark);
    font-size: 18px;
    font-weight: 950;
}

body.award-admin-mode .card-body {
    padding: 22px;
}

body.award-admin-mode .table-responsive {
    border: 1px solid #d8e6ee;
    border-radius: 18px;
    background: #fff;
    overflow: auto;
}

body.award-admin-mode table.table {
    min-width: 980px;
    margin: 0 !important;
}

body.award-admin-mode table.table th,
body.award-admin-mode table.table td {
    padding: 13px 12px !important;
    border-color: #d8e6ee !important;
    vertical-align: middle;
}

body.award-admin-mode table.table tbody tr:nth-child(even) td {
    background: #fbfefd;
}

body.award-admin-mode table.table tbody tr:hover td {
    background: #f5fbf8;
}

body.award-admin-mode table.table a {
    color: #0b7f5c;
    font-weight: 850;
}

body.award-admin-mode .input-group {
    flex-wrap: nowrap;
}

body.award-admin-mode .input-group .form-control {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

body.award-admin-mode .input-group .btn {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

body.award-admin-mode .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-radius: 999px;
    font-weight: 850;
}

body.award-admin-mode .btn-sm {
    min-height: 34px;
    padding-inline: 12px;
}

body.award-admin-mode .btn-light {
    border-color: #d6e3eb !important;
    background: #f8fbfd !important;
    color: #344054 !important;
}

body.award-admin-mode .btn-primary-light,
body.award-admin-mode .btn-teal-light {
    border: 1px solid #bdebd8 !important;
    background: #e9f8f1 !important;
    color: #087451 !important;
}

body.award-admin-mode .btn-purple-light {
    border: 1px solid #ded4ff !important;
    background: #f3efff !important;
    color: #673ccf !important;
}

body.award-admin-mode .btn-warning-light {
    border: 1px solid #ffe0a3 !important;
    background: #fff7e6 !important;
    color: #9a6700 !important;
}

body.award-admin-mode .btn-danger-light {
    border: 1px solid #ffc9cf !important;
    background: #fff1f2 !important;
    color: #c92a3a !important;
}

body.award-admin-mode .bg-success-transparent,
body.award-admin-mode .badge.bg-success-transparent {
    background: #dcfce7 !important;
    color: #067647 !important;
}

body.award-admin-mode .bg-danger-transparent,
body.award-admin-mode .badge.bg-danger-transparent {
    background: #ffe4e8 !important;
    color: #b42335 !important;
}

body.award-admin-mode .bg-warning-transparent,
body.award-admin-mode .badge.bg-warning-transparent {
    background: #fff2cc !important;
    color: #a66b00 !important;
}

body.award-admin-mode .badge {
    border-radius: 999px;
    padding: 7px 10px;
    font-weight: 850;
}

body.award-admin-mode .pagination {
    gap: 6px;
}

body.award-admin-mode .page-link {
    min-width: 34px;
    border-color: #d8e6ee;
    border-radius: 999px !important;
    color: #0b7f5c;
    font-weight: 800;
}

body.award-admin-mode .page-item.active .page-link {
    border-color: #0b7f5c;
    background: #0b7f5c;
    color: #fff;
}

body.award-admin-mode .modal-content {
    border: 1px solid #dce8ef;
    border-radius: 22px;
    box-shadow: 0 28px 80px rgba(15, 23, 42, .22);
    overflow: hidden;
}

body.award-admin-mode .modal-header {
    min-height: 68px;
    border-bottom: 1px solid #dce8ef;
    background: linear-gradient(135deg, #fbfefd 0%, #f2fbf7 56%, #eef5ff 100%);
}

body.award-admin-mode .modal-title {
    color: var(--dark);
    font-weight: 950;
}

body.award-admin-mode .modal-footer {
    border-top: 1px solid #dce8ef;
    background: #f8fbfd;
}

body.award-admin-mode #loader {
    border-radius: inherit;
}

.admin-portal-page {
    min-height: 100vh;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.admin-portal-page .portal-header {
    position: sticky;
    top: 0;
    z-index: 100;
    min-height: 78px;
    background: rgba(255, 255, 255, .92);
    border-bottom: 1px solid #dce8ef;
    box-shadow: 0 16px 38px rgba(15, 23, 42, .08);
    backdrop-filter: blur(16px);
}

.admin-portal-page .portal-header .main-header-container {
    min-height: 78px;
    padding-inline: 28px;
}

.admin-portal-page .portal-logo {
    gap: 12px;
    color: var(--dark);
    font-weight: 950;
    text-decoration: none;
}

.admin-portal-page .portal-logo .brand-mark {
    width: 52px;
    height: 52px;
    font-size: 16px;
}

.admin-portal-page .portal-logo-text {
    font-size: 20px;
}

.admin-portal-page .portal-content {
    flex: 1;
}

.admin-portal-page .portal-content .container-fluid {
    width: min(1460px, 100%);
    padding: 28px;
}

.admin-portal-page .portal-card {
    height: 100%;
    margin-bottom: 0;
    border: 1px solid #dce8ef;
    border-radius: 24px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 20px 48px rgba(15, 23, 42, .08);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.admin-portal-page .portal-card:hover,
.admin-portal-page .portal-card:focus-within {
    transform: translateY(-4px);
    border-color: #9adfc3;
    box-shadow: 0 26px 60px rgba(15, 23, 42, .12);
}

.admin-portal-page .portal-card-link {
    min-height: 250px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 30px;
    color: var(--dark);
    text-align: left;
    text-decoration: none;
}

.admin-portal-page .portal-card-link:hover {
    color: var(--dark);
}

.admin-portal-page .portal-card .module-avatar {
    width: 64px;
    height: 64px;
    margin-bottom: 22px;
    display: grid;
    place-items: center;
    border-radius: 20px;
    background: #e9f8f1 !important;
    color: var(--green) !important;
    font-size: 30px;
}

.admin-portal-page .portal-card .module-title {
    margin-bottom: 8px;
    color: var(--dark);
    font-size: 20px;
    font-weight: 950;
}

.admin-portal-page .portal-card .module-description {
    max-width: 19rem;
    min-height: 42px;
    margin-bottom: 22px;
    color: #667085;
    font-size: 14px;
    line-height: 1.55;
}

.admin-portal-page .portal-card .module-action {
    color: var(--green);
    font-size: 14px;
    font-weight: 900;
}

body.award-admin-mode .admin-surface-card {
    border-radius: 24px;
}

@media (max-width: 991.98px) {
    body.admin-login-page .admin-login-hero {
        min-height: auto;
    }

    body.award-admin-mode .app-sidebar {
        transform: translateX(-100%);
        transition: transform .22s ease;
    }

    body.award-admin-mode .app-header {
        left: 0;
    }

    body.award-admin-mode .main-content.app-content,
    body.award-admin-mode .footer {
        margin-left: 0;
    }

    body.award-admin-mode .main-content .container-fluid {
        padding: 22px 16px 34px;
    }

    body.award-admin-mode .page-header-breadcrumb {
        align-items: flex-start !important;
        gap: 8px;
        flex-direction: column;
    }

    .admin-portal-page .portal-content .container-fluid {
        padding: 22px 16px 34px;
    }
}

@media (max-width: 767.98px) {
    body.admin-login-page .admin-login-card {
        padding: 28px !important;
    }

    .auth-panel-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    body.award-admin-mode .card-header {
        align-items: flex-start;
        flex-direction: column;
    }

    body.award-admin-mode .card-header .input-group {
        width: 100% !important;
    }
}

@media (max-width: 575.98px) {
    .admin-portal-page .portal-header .main-header-container {
        padding-inline: 16px;
    }

    .admin-portal-page .portal-logo-text,
    .admin-portal-page .portal-user-name {
        display: none;
    }

    .admin-portal-page .portal-card-link {
        min-height: 210px;
        padding: 24px;
    }
}

body.award-admin-mode {
    --admin-sidebar-width: 350px;
    min-height: 100vh;
    overflow-x: hidden;
    background:
        radial-gradient(circle at 0 0, rgba(218, 244, 234, .95), transparent 34%),
        linear-gradient(135deg, #f7fbf9 0%, #edf4ff 100%) !important;
    color: var(--dark);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.award-admin-mode .page {
    min-height: 100vh;
    background: transparent !important;
}

body.award-admin-mode .app-sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 60;
    width: var(--admin-sidebar-width);
    height: 100vh;
    overflow: hidden;
    border-right: 1px solid rgba(255, 255, 255, .10);
    background: linear-gradient(180deg, #061b25 0%, #062f29 100%) !important;
    color: #fff;
}

body.award-admin-mode .main-sidebar-header {
    min-height: 126px;
    padding: 26px 28px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    background: transparent !important;
}

body.award-admin-mode .main-sidebar {
    height: calc(100vh - 126px);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 8px 0 28px;
}

body.award-admin-mode .main-sidebar-header .header-logo {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    color: #fff;
    text-decoration: none;
}

body.award-admin-mode .admin-brand-link .brand-mark {
    width: 72px;
    height: 72px;
    flex: 0 0 auto;
    border-radius: 22px;
    font-size: 18px;
    box-shadow: 0 16px 34px rgba(0, 0, 0, .20);
}

body.award-admin-mode .admin-brand-copy strong {
    display: block;
    color: #fff;
    font-size: 22px;
    font-weight: 950;
    line-height: 1.05;
}

body.award-admin-mode .admin-brand-copy small {
    display: block;
    max-width: 205px;
    margin-top: 5px;
    color: rgba(255, 255, 255, .72);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
}

body.award-admin-mode .main-menu,
body.award-admin-mode .main-menu ul,
body.award-admin-mode .slide-menu {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none !important;
}

body.award-admin-mode .main-menu li,
body.award-admin-mode .slide-menu li {
    list-style: none !important;
}

body.award-admin-mode .main-menu li::marker,
body.award-admin-mode .slide-menu li::marker {
    content: "";
}

body.award-admin-mode .slide__category {
    padding: 18px 24px 8px;
}

body.award-admin-mode .slide__category .category-name {
    color: rgba(255, 255, 255, .55);
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .10em;
    text-transform: uppercase;
}

body.award-admin-mode .side-menu__item {
    min-height: 52px;
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 6px 22px;
    padding: 0 16px;
    border-radius: 16px;
    color: rgba(255, 255, 255, .84) !important;
    text-decoration: none;
    font-size: 16px;
    font-weight: 900;
}

body.award-admin-mode .side-menu__item:hover,
body.award-admin-mode .side-menu__item.active {
    background: rgba(159, 241, 210, .15) !important;
    color: #fff !important;
}

body.award-admin-mode .side-menu__icon {
    width: 22px;
    color: #9ff1d2 !important;
    font-size: 22px;
}

body.award-admin-mode .side-menu__label {
    flex: 1 1 auto;
    min-width: 0;
}

body.award-admin-mode .side-menu__angle {
    margin-left: auto;
    color: #9ff1d2 !important;
    font-size: 22px;
}

body.award-admin-mode .slide-menu.child1 {
    position: static !important;
    margin: 2px 0 14px !important;
    padding: 0 !important;
    transform: none !important;
    border: 0 !important;
    background: transparent !important;
}

body.award-admin-mode .slide-menu.child1 .side-menu__item {
    min-height: 38px;
    margin: 4px 42px;
    padding: 0 16px;
    border-radius: 999px;
    background: rgba(159, 241, 210, .10);
    color: rgba(255, 255, 255, .76) !important;
    font-size: 14px;
}

body.award-admin-mode .app-header {
    position: fixed;
    top: 0;
    right: 0;
    left: var(--admin-sidebar-width);
    z-index: 55;
    min-height: 110px;
    padding: 22px 36px 10px;
    border: 0;
    background: transparent !important;
    box-shadow: none !important;
}

body.award-admin-mode .main-header-container {
    width: 100%;
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 12px 22px;
    border: 1px solid #dce8ef;
    border-radius: 24px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 16px 40px rgba(15, 23, 42, .08);
    backdrop-filter: blur(14px);
}

body.award-admin-mode .header-content-left,
body.award-admin-mode .header-content-right {
    display: flex;
    align-items: center;
}

body.award-admin-mode .admin-header-title-group {
    gap: 16px;
    min-width: 0;
}

body.award-admin-mode .admin-menu-button {
    width: 52px;
    height: 52px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d6e7ee;
    border-radius: 16px;
    background: #fff;
    color: var(--green);
    text-decoration: none;
    font-size: 26px;
}

body.award-admin-mode .admin-topbar-title h2 {
    margin: 0;
    color: var(--dark);
    font-size: 24px;
    font-weight: 950;
    letter-spacing: 0;
    line-height: 1.1;
}

body.award-admin-mode .admin-topbar-title span {
    display: block;
    margin-top: 5px;
    color: #667085;
    font-size: 13px;
    font-weight: 700;
}

body.award-admin-mode .admin-user-pill {
    min-height: 56px;
    display: inline-flex;
    align-items: center;
    padding: 7px 12px 7px 7px;
    border: 1px solid #dce8ef;
    border-radius: 999px;
    background: #fff;
    color: var(--dark);
    text-decoration: none;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .06);
}

body.award-admin-mode .admin-user-pill.dropdown-toggle::after {
    display: none;
}

body.award-admin-mode .main-header-container img.rounded-circle {
    width: 42px;
    height: 42px;
    border: 3px solid #dff5ec;
    box-shadow: none;
}

body.award-admin-mode .main-content.app-content {
    margin-left: var(--admin-sidebar-width);
    padding-top: 116px;
    min-height: calc(100vh - 116px);
    background: transparent !important;
}

body.award-admin-mode .main-content .container-fluid {
    width: min(1520px, 100%);
    padding: 24px 36px 44px;
}

body.award-admin-mode .footer {
    margin-left: var(--admin-sidebar-width);
    border-top: 1px solid #dce8ef;
    background: rgba(255, 255, 255, .86) !important;
}

body.award-admin-mode .page-header-breadcrumb {
    width: 100%;
    margin: 0 0 28px !important;
    padding: 26px 28px;
    border: 1px solid #dce8ef;
    border-radius: 24px;
    background: rgba(255, 255, 255, .90);
    box-shadow: 0 16px 40px rgba(15, 23, 42, .08);
    backdrop-filter: blur(12px);
}

body.award-admin-mode .page-title {
    color: var(--dark);
    font-size: 30px !important;
    font-weight: 950 !important;
    letter-spacing: 0;
}

body.award-admin-mode .card,
body.award-admin-mode .custom-card,
body.award-admin-mode .box,
body.award-admin-mode .panel {
    overflow: hidden;
    border: 1px solid #dce8ef !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .07) !important;
}

body.award-admin-mode .card-header {
    min-height: 88px;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 22px 28px;
    border-bottom: 1px solid #dce8ef !important;
    background: linear-gradient(135deg, #fbfefd 0%, #f4fbf8 56%, #eef5ff 100%) !important;
}

body.award-admin-mode .card-title {
    margin: 0;
    color: var(--dark);
    font-size: 22px;
    font-weight: 950;
}

body.award-admin-mode .card-body {
    padding: 28px;
}

body.award-admin-mode .table-responsive {
    border: 1px solid #d8e6ee;
    border-radius: 20px;
    background: #fff;
    overflow: auto;
}

body.award-admin-mode table.table th,
body.award-admin-mode table.table td {
    padding: 18px 16px !important;
    border-color: #d8e6ee !important;
    vertical-align: middle;
}

body.award-admin-mode table.table thead th {
    background: #eaf6f0 !important;
    color: #174a3d !important;
    font-size: 15px;
    font-weight: 950;
    letter-spacing: .02em;
    text-transform: uppercase;
}

body.award-admin-mode table.table tbody td {
    color: #111827;
    font-size: 15px;
}

body.award-admin-mode .input-group .form-control {
    min-height: 54px;
    border-top-left-radius: 16px !important;
    border-bottom-left-radius: 16px !important;
}

body.award-admin-mode .input-group .btn {
    min-height: 54px;
    border-top-right-radius: 18px !important;
    border-bottom-right-radius: 18px !important;
}

body.award-admin-mode .admin-profile-page .admin-profile-grid {
    row-gap: 24px;
}

body.award-admin-mode .admin-profile-summary-card,
body.award-admin-mode .admin-profile-form-card {
    height: 100%;
}

body.award-admin-mode .admin-profile-summary-card .card-body,
body.award-admin-mode .admin-profile-form-card .card-body {
    padding: 0 !important;
}

body.award-admin-mode .admin-profile-cover {
    position: relative;
    min-height: 250px;
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    align-items: end;
    gap: 20px;
    padding: 30px;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 100% 0, rgba(244, 179, 47, .28) 0 92px, transparent 94px),
        radial-gradient(circle at 76% 100%, rgba(139, 213, 187, .22) 0 108px, transparent 110px),
        linear-gradient(135deg, #0f5a47 0%, #11835e 52%, #132b3d 100%);
}

body.award-admin-mode .admin-profile-cover::after {
    content: "";
    position: absolute;
    inset: auto -58px -88px auto;
    width: 190px;
    height: 190px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .12);
}

body.award-admin-mode .admin-profile-photo-action {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 2;
    width: 44px;
    height: 44px;
    display: inline-grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .45);
    border-radius: 14px;
    color: #fff;
    background: rgba(255, 255, 255, .16);
    box-shadow: 0 14px 28px rgba(0, 0, 0, .12);
    transition: transform .18s ease, background .18s ease;
}

body.award-admin-mode .admin-profile-photo-action:hover,
body.award-admin-mode .admin-profile-photo-action:focus {
    color: #fff;
    background: rgba(255, 255, 255, .26);
    transform: translateY(-1px);
}

body.award-admin-mode .admin-profile-photo-action i {
    font-size: 20px;
    line-height: 1;
}

body.award-admin-mode .admin-profile-avatar {
    position: relative;
    z-index: 1;
    width: 112px;
    height: 112px;
    overflow: hidden;
    border: 4px solid rgba(255, 255, 255, .82);
    border-radius: 28px;
    background: #eafaf4;
    box-shadow: 0 18px 36px rgba(0, 0, 0, .18);
}

body.award-admin-mode .admin-profile-avatar img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

body.award-admin-mode .admin-profile-identity {
    position: relative;
    z-index: 1;
    min-width: 0;
}

body.award-admin-mode .admin-profile-identity h6 {
    margin: 0;
    color: #fff !important;
    font-size: 24px;
    font-weight: 950;
    line-height: 1.15;
}

body.award-admin-mode .admin-profile-identity p {
    margin: 8px 0 0;
    color: rgba(255, 255, 255, .88) !important;
    font-size: 15px;
}

body.award-admin-mode .admin-profile-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin-top: 12px;
}

body.award-admin-mode .admin-profile-meta span {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    color: rgba(255, 255, 255, .82) !important;
    font-size: 13px;
    font-weight: 700;
}

body.award-admin-mode .admin-profile-summary-section {
    padding: 24px;
    border-bottom: 1px solid #dce8ef;
}

body.award-admin-mode .admin-profile-summary-section:last-child {
    border-bottom: 0;
}

body.award-admin-mode .admin-profile-kv + .admin-profile-kv {
    margin-top: 18px;
}

body.award-admin-mode .admin-profile-kv span,
body.award-admin-mode .admin-profile-section-title {
    display: block;
    margin: 0 0 8px;
    color: #344054;
    font-size: 14px;
    font-weight: 900;
}

body.award-admin-mode .admin-profile-kv strong {
    display: block;
    min-width: 0;
    color: #061b25;
    font-size: 16px;
    font-weight: 900;
    word-break: break-word;
}

body.award-admin-mode .admin-contact-stack {
    display: grid;
    gap: 12px;
}

body.award-admin-mode .admin-contact-row {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #475467;
    font-size: 15px;
}

body.award-admin-mode .admin-contact-row span:last-child {
    min-width: 0;
    overflow-wrap: anywhere;
}

body.award-admin-mode .admin-contact-icon {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: inline-grid;
    place-items: center;
    border-radius: 14px;
    color: #087452;
    background: #eafaf4;
}

body.award-admin-mode .admin-profile-tabs-wrap {
    background: linear-gradient(135deg, #fbfefd 0%, #f5fbf8 58%, #eef5ff 100%);
}

body.award-admin-mode .admin-profile-tabs {
    gap: 10px;
    border: 0;
}

body.award-admin-mode .admin-profile-tabs .nav-link {
    min-height: 46px;
    border: 1px solid #d8e6ee !important;
    border-radius: 999px !important;
    color: #46556b !important;
    background: #fff !important;
    font-weight: 900;
}

body.award-admin-mode .admin-profile-tabs .nav-link.active {
    border-color: #bfe9da !important;
    color: #087452 !important;
    background: #eafaf4 !important;
}

body.award-admin-mode .admin-profile-tab-content {
    padding: 24px !important;
}

body.award-admin-mode .admin-profile-page .form-label {
    color: #344054;
    font-size: 13px;
    font-weight: 900;
}

body.award-admin-mode .admin-profile-page .form-control,
body.award-admin-mode .admin-profile-page .form-select {
    min-height: 46px;
    border: 1px solid #d3e1ea;
    border-radius: 14px;
    color: #1f2937;
    background-color: #fff;
    box-shadow: none;
}

body.award-admin-mode .admin-profile-page .form-control:focus,
body.award-admin-mode .admin-profile-page .form-select:focus {
    border-color: #93d8bf;
    box-shadow: 0 0 0 4px rgba(11, 127, 92, .12);
}

body.award-admin-mode .admin-profile-page textarea.form-control {
    min-height: 112px;
}

body.award-admin-mode .admin-profile-actions {
    gap: 12px;
    align-items: center;
    margin-bottom: 0;
}

body.award-admin-mode .admin-profile-actions .col-md-6 {
    width: auto;
    flex: 0 0 auto;
}

body.award-admin-mode .admin-profile-actions .btn {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 999px !important;
    font-weight: 900;
    padding: 10px 20px;
}

body.award-admin-mode .admin-profile-actions .btn-primary {
    border: 0 !important;
    background: #0b7f5c !important;
    box-shadow: 0 16px 30px rgba(11, 127, 92, .18);
}

body.award-admin-mode .admin-profile-actions .btn-light {
    border: 1px solid #d8e6ee !important;
    color: #344054;
    background: #fff !important;
}

body.award-admin-mode .admin-profile-page #loader {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    background: rgba(246, 251, 249, .62);
    backdrop-filter: blur(4px);
}

body.award-admin-mode .admin-profile-page #loader img {
    width: 58px;
    height: 58px;
}

@media (max-width: 1199.98px) {
    body.award-admin-mode {
        --admin-sidebar-width: 310px;
    }
}

@media (max-width: 991.98px) {
    body.award-admin-mode {
        --admin-sidebar-width: 0px;
    }

    body.award-admin-mode .app-sidebar {
        width: 300px;
        transform: translateX(-100%);
        transition: transform .22s ease;
    }

    body.award-admin-mode .app-header {
        left: 0;
        padding: 14px 14px 8px;
    }

    body.award-admin-mode .main-content.app-content,
    body.award-admin-mode .footer {
        margin-left: 0;
    }

    body.award-admin-mode .main-content .container-fluid {
        padding: 18px 14px 34px;
    }

    body.award-admin-mode .admin-profile-cover {
        min-height: 220px;
    }
}

@media (max-width: 575.98px) {
    body.award-admin-mode .admin-topbar-title h2 {
        font-size: 19px;
    }

    body.award-admin-mode .admin-topbar-title span,
    body.award-admin-mode .admin-user-pill .d-sm-block {
        display: none !important;
    }

    body.award-admin-mode .page-title {
        font-size: 24px !important;
    }

    body.award-admin-mode .admin-profile-cover {
        grid-template-columns: 1fr;
        min-height: 0;
        padding: 78px 22px 24px;
    }

    body.award-admin-mode .admin-profile-avatar {
        width: 92px;
        height: 92px;
        border-radius: 24px;
    }

    body.award-admin-mode .admin-profile-identity h6 {
        font-size: 21px;
    }

    body.award-admin-mode .admin-profile-tabs {
        width: 100%;
    }

    body.award-admin-mode .admin-profile-tabs .nav-item,
    body.award-admin-mode .admin-profile-tabs .nav-link {
        width: 100%;
    }

    body.award-admin-mode .admin-profile-tab-content {
        padding: 18px !important;
    }

    body.award-admin-mode .admin-profile-actions,
    body.award-admin-mode .admin-profile-actions .col-md-6,
    body.award-admin-mode .admin-profile-actions .btn {
        width: 100%;
    }
}

body.award-profile-mode textarea.form-control {
    min-height: 90px;
}

body.award-profile-mode .checkbox-list {
    gap: 8px;
    justify-content: flex-start !important;
    padding: 0 !important;
}

body.award-profile-mode .checkbox-list .form-check {
    width: auto;
    min-width: 220px;
    margin: 0 !important;
    padding: 10px 12px 10px 36px;
    border: 1px solid #dbe8ef;
    border-radius: 14px;
    background: #fbfdff;
}

body.award-profile-mode .award-profile-page table.table {
    border: 1px solid #dbe8ef;
    border-radius: 18px;
    overflow: hidden;
    --bs-table-border-color: #dbe8ef;
}

body.award-profile-mode .award-profile-page table.table thead th {
    background: #f1fbf6;
    color: #144b38;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
}

body.award-profile-mode .award-profile-page .btn-primary {
    border: 0 !important;
    border-radius: 999px !important;
    background: #0b7f5c !important;
    font-weight: 900;
    box-shadow: 0 12px 24px rgba(11, 127, 92, .14);
}

body.award-profile-mode .award-profile-page .btn-light {
    border: 1px solid #dbe8ef !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #536275;
    font-weight: 900;
}

@media (max-width: 991.98px) {
    body.award-profile-mode .page-header-breadcrumb,
    body.award-profile-mode .award-profile-page {
        padding-right: 16px;
        padding-left: 16px;
    }

    body.award-profile-mode .tab-content {
        padding: 18px;
    }
}

@media (max-width: 1199.98px) {
    body.award-application-mode #Final_submission-tab-pane .final-score-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.award-application-mode #Final_submission-tab-pane .final-form-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    body.award-application-mode #Final_submission-tab-pane {
        padding: 0 18px 22px !important;
    }

    body.award-application-mode #Final_submission-tab-pane .final-section-title {
        margin: 0 -18px 20px;
        padding: 20px 18px;
    }

    body.award-application-mode #Final_submission-tab-pane .final-score-grid {
        grid-template-columns: 1fr;
    }

    body.award-application-mode #Final_submission-tab-pane .file-drop {
        grid-template-columns: 1fr;
    }

    body.award-application-mode #Final_submission-tab-pane .final-total-bar {
        align-items: stretch;
        flex-direction: column;
        margin: 18px -18px -22px;
        border-radius: 20px 20px 0 0;
    }

    body.award-application-mode #Final_submission-tab-pane .final-total-bar strong {
        font-size: 30px;
    }

    body.award-application-mode #Final_submission-tab-pane .final-submit-btn {
        width: 100%;
        font-size: 18px;
    }
}

@media (max-width: 575.98px) {
    .isws-alert-modal {
        padding: 12px;
    }

    .isws-alert-content {
        grid-template-columns: 48px minmax(0, 1fr) 34px;
        gap: 12px;
        padding: 18px;
        border-radius: 20px;
    }

    .isws-alert-icon-wrap {
        width: 48px;
        height: 48px;
        border-radius: 15px;
    }
}

/* ===================================================================
   Admin Award Configuration UI (Sections / Fields) redesign
   Scoped under .aac- so it cannot affect any other page/component.
   =================================================================== */

.aac-list-primary {
    font-weight: 600;
    color: var(--text, #182230);
}

.aac-list-secondary {
    display: block;
    font-size: 12px;
    color: #8a94a6;
    margin-top: 2px;
}

.aac-list-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
}

.aac-list-tags .badge {
    font-weight: 500;
    font-size: 11px;
}

.aac-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.aac-toolbar h2 {
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 2px;
}

.aac-toolbar p {
    font-size: 12.5px;
    color: #8a94a6;
    margin: 0;
}

.aac-editor-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

@media (max-width: 991.98px) {
    .aac-editor-grid {
        grid-template-columns: 1fr;
    }
}

.aac-accordion .accordion-item {
    border: 1px solid #e7ebf1;
    border-radius: 12px !important;
    overflow: hidden;
    margin-bottom: 12px;
}

.aac-accordion .accordion-item:last-child {
    margin-bottom: 0;
}

.aac-accordion .accordion-button {
    font-weight: 600;
    font-size: 13.5px;
    background: #f8fafc;
    padding: 12px 16px;
}

.aac-accordion .accordion-button:not(.collapsed) {
    background: #eef6f2;
    color: #0b6b4a;
    box-shadow: none;
}

.aac-accordion .accordion-button:focus {
    box-shadow: none;
    border-color: #e7ebf1;
}

.aac-accordion .accordion-button::after {
    margin-left: auto;
}

.aac-accordion .accordion-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 8px;
    background: #eef2f7;
    margin-right: 10px;
    font-size: 14px;
    color: #445;
}

.aac-accordion .accordion-button:not(.collapsed) .accordion-icon {
    background: #d9f2e6;
    color: #0b6b4a;
}

.aac-accordion .accordion-body {
    padding: 18px 16px;
}

.aac-field-help {
    font-size: 12px;
    color: #8a94a6;
    margin-top: 4px;
}

.aac-required-dot {
    color: #ef4444;
    margin-left: 3px;
}

.aac-sticky-actions {
    position: sticky;
    bottom: 0;
    background: #fff;
    border-top: 1px solid #e7ebf1;
    z-index: 2;
}

.aac-preview-card {
    position: sticky;
    top: 12px;
    border: 1px solid #e7ebf1;
    border-radius: 12px;
    background: linear-gradient(180deg, #fbfdfc 0%, #f6f9f8 100%);
    padding: 18px;
}

.aac-preview-label {
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: 11px;
    font-weight: 700;
    color: #8a94a6;
    margin-bottom: 10px;
}

.aac-preview-frame {
    background: #fff;
    border: 1px solid #eef1f5;
    border-radius: 10px;
    padding: 16px;
}

.aac-mini-step {
    max-width: 220px;
    margin-bottom: 16px;
}

.aac-mini-step .step-btn {
    min-height: auto;
    cursor: default;
    pointer-events: none;
    width: 100%;
}

.aac-preview-notice {
    margin-top: 12px;
    padding: 10px 12px;
    background: #f8fafc;
    border: 1px dashed #dfe4ea;
    border-radius: 8px;
}

.aac-preview-notice .aac-preview-notice-label {
    font-size: 12.5px;
    font-weight: 600;
    color: #46505e;
    display: block;
    margin-bottom: 2px;
}

.aac-preview-notice .aac-preview-notice-value {
    font-size: 13px;
    color: #182230;
    display: block;
    margin-bottom: 4px;
}

.aac-preview-notice .aac-preview-notice-caption {
    font-size: 11.5px;
    color: #b6720a;
    font-style: italic;
}

.aac-empty-hint {
    font-size: 12px;
    color: #b6bdc7;
    font-style: italic;
}

.aac-badge-tab {
    background: #eaf7f0;
    color: #0b6b4a;
    font-weight: 600;
    font-size: 10.5px;
}

.aac-badge-child {
    background: #eef2f7;
    color: #5b6472;
    font-weight: 600;
    font-size: 10.5px;
}

.aac-badge-other {
    background: #fdf3e7;
    color: #b6720a;
    font-weight: 600;
    font-size: 10.5px;
}

.aac-group-tab-row {
    background: #fbfdfc;
}

.aac-group-other-row td {
    padding-top: 10px;
    padding-bottom: 4px;
}

.aac-group-child-row td.ps-4 {
    border-left: 2px solid #eef2f7;
}

/* Force growl notifications to always float as a fixed top-right toast, regardless
   of whether angular-growl's own growl-fixed/position classes get applied. */
.growl-container {
    position: fixed !important;
    top: 20px !important;
    right: 20px !important;
    left: auto !important;
    bottom: auto !important;
    width: 90% !important;
    max-width: 400px !important;
    z-index: 99999 !important;
}

/* ===================================================================
   Award Form Content page (admin) - visual polish only, no logic here.
   =================================================================== */

.aac-content-toolbar-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #eaf7f0;
    color: #0b6b4a;
    font-size: 18px;
    flex: 0 0 auto;
}

.aac-content-tab {
    border: 1px solid #e7ebf1;
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 14px;
    background: #fff;
}

.aac-content-tab-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 18px;
    cursor: pointer;
    background: #fbfdfc;
    transition: background .15s ease;
}

.aac-content-tab-header:hover {
    background: #f3f8f6;
}

.aac-content-tab-header.is-open {
    background: #eef6f2;
    border-bottom: 1px solid #e7ebf1;
}

.aac-content-tab-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 9px;
    background: #d9f2e6;
    color: #0b6b4a;
    font-size: 15px;
    flex: 0 0 auto;
}

.aac-content-tab-title {
    font-weight: 700;
    font-size: 14.5px;
    color: #182230;
}

.aac-content-tab-meta {
    font-size: 12px;
    color: #8a94a6;
    margin-top: 1px;
}

.aac-content-chevron {
    color: #8a94a6;
    font-size: 18px;
    transition: transform .15s ease;
    flex: 0 0 auto;
}

.aac-content-body {
    padding: 18px;
}

.aac-content-display-block {
    background: #fbfdfc;
    border: 1px dashed #dfe8ef;
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 18px;
}

.aac-content-display-block-label {
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: 11px;
    font-weight: 700;
    color: #8a94a6;
    margin-bottom: 12px;
}

.aac-content-chip {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 10.5px;
    font-weight: 600;
    border-radius: 20px;
    padding: 2px 8px;
    margin-left: 6px;
    vertical-align: middle;
    white-space: nowrap;
}

.aac-content-chip-default {
    background: #fdf3e7;
    color: #b6720a;
}

.aac-content-chip-custom {
    background: #eaf7f0;
    color: #0b6b4a;
}

.aac-content-subheading {
    font-size: 12px;
    font-weight: 700;
    color: #46505e;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin: 4px 0 10px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.aac-content-field-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.aac-content-row {
    border: 1px solid #e7ebf1;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
}

.aac-content-row-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 14px;
    cursor: pointer;
    transition: background .15s ease;
}

.aac-content-row-header:hover {
    background: #f8fafc;
}

.aac-content-row-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 8px;
    background: #eef2f7;
    color: #46505e;
    font-size: 13px;
    flex: 0 0 auto;
}

.aac-content-row-title {
    font-size: 13px;
    font-weight: 600;
    color: #182230;
}

.aac-content-row-sub {
    font-size: 11.5px;
    color: #8a94a6;
    margin-left: 4px;
}

.aac-content-row-body {
    padding: 14px;
    border-top: 1px solid #eef1f5;
    background: #fbfdfc;
}

.aac-content-subsection-group {
    border: 1px solid #eef1f5;
    border-radius: 12px;
    padding: 12px;
    margin-top: 14px;
    background: #fcfdfd;
}

.aac-content-subsection-group > .aac-content-subheading {
    margin-bottom: 12px;
}

.aac-content-subsection {
    border: 1px solid #e7ebf1;
    border-radius: 10px;
    background: #fff;
    margin-bottom: 10px;
    overflow: hidden;
}

.aac-content-subsection:last-child {
    margin-bottom: 0;
}

.aac-content-subsection-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 14px;
    cursor: pointer;
    transition: background .15s ease;
}

.aac-content-subsection-header:hover {
    background: #f8fafc;
}

.aac-content-subsection-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 8px;
    background: #eef2f7;
    color: #46505e;
    font-size: 12.5px;
    flex: 0 0 auto;
}

.aac-content-subsection-body {
    padding: 12px 14px 14px;
    border-top: 1px solid #eef1f5;
}