:root {
    --admin-primary: #116149;
    --admin-primary-dark: #083a2e;
    --admin-primary-soft: #eaf7f1;
    --admin-accent: #caa54a;
    --admin-bg: #f4f8f6;
    --admin-surface: #ffffff;
    --admin-ink: #17241f;
    --admin-muted: #71807a;
    --admin-line: #e1eae6;
    --admin-sidebar: #072f25;
    --admin-radius: 1rem;
    --admin-shadow: 0 12px 34px rgba(7, 58, 46, .08);
}

html, body { min-height: 100%; }
body {
    margin: 0;
    background: var(--admin-bg);
    color: var(--admin-ink);
    font-family: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    -webkit-font-smoothing: antialiased;
}

.admin-sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 1040;
    width: 270px;
    padding: 1.15rem .85rem;
    overflow-y: auto;
    color: #fff;
    background: linear-gradient(180deg, #05291f 0%, #083a2e 55%, #0b4f3e 100%);
    border-right: 1px solid rgba(255,255,255,.07);
    transition: transform .25s ease;
}

.admin-brand {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin: .15rem .35rem 1.35rem;
    padding: .75rem;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: .9rem;
    background: rgba(255,255,255,.055);
}
.admin-brand-icon { display:grid; place-items:center; width:2.55rem; height:2.55rem; border-radius:.8rem; color:#f1d581; background:rgba(255,255,255,.08); font-size:1.2rem; }
.admin-brand strong { display:block; line-height:1.2; }
.admin-brand small { color:rgba(255,255,255,.57); font-size:.7rem; }

.admin-nav-label { padding: .35rem .85rem .45rem; color: rgba(255,255,255,.42); font-size: .68rem; font-weight: 600; letter-spacing: .11em; text-transform: uppercase; }
.admin-sidebar a.admin-nav-link {
    display: flex;
    align-items: center;
    gap: .78rem;
    color: rgba(255,255,255,.7);
    padding: .7rem .85rem;
    margin: .12rem 0;
    border-radius: .72rem;
    font-size: .86rem;
    font-weight: 500;
    text-decoration: none;
    transition: background .2s ease, color .2s ease, transform .2s ease;
}
.admin-sidebar a.admin-nav-link i { width: 1.25rem; text-align: center; font-size: 1.02rem; }
.admin-sidebar a.admin-nav-link:hover { color:#fff; background:rgba(255,255,255,.075); transform:translateX(2px); }
.admin-sidebar a.admin-nav-link.active { color:#fff; background:rgba(255,255,255,.11); box-shadow:inset 3px 0 0 var(--admin-accent); }
.admin-sidebar a.admin-nav-link.logout { color:#ffc5ca; }
.admin-sidebar a.admin-nav-link.logout:hover { background:rgba(196,62,77,.18); }

.main-content { margin-left: 270px; min-height: 100vh; padding: 1.4rem clamp(1rem, 3vw, 2rem) 3rem; }
.admin-topbar {
    position: sticky;
    top: 0;
    z-index: 1020;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: -1.4rem calc(-1 * clamp(1rem, 3vw, 2rem)) 1.5rem;
    padding: 1rem clamp(1rem, 3vw, 2rem);
    background: rgba(244,248,246,.9);
    border-bottom: 1px solid rgba(225,234,230,.85);
    backdrop-filter: blur(12px);
}
.admin-topbar h1 { margin:0; font-size:clamp(1.25rem,2vw,1.55rem); font-weight:650; letter-spacing:-.025em; }
.admin-user { display:flex; align-items:center; gap:.7rem; }
.admin-user-avatar { display:grid; place-items:center; width:2.35rem; height:2.35rem; border-radius:.75rem; color:var(--admin-primary); background:var(--admin-primary-soft); font-weight:700; }
.admin-user-copy { line-height:1.15; }
.admin-user-copy small { display:block; color:var(--admin-muted); font-size:.7rem; }
.admin-user-copy strong { font-size:.83rem; }
.sidebar-toggle { display:none; border:1px solid var(--admin-line); background:#fff; width:2.5rem; height:2.5rem; border-radius:.7rem; color:var(--admin-primary-dark); }
.sidebar-backdrop { display:none; }

.main-content > .container-fluid { padding-left:0; padding-right:0; }
.main-content h4 { font-weight:650; letter-spacing:-.02em; }

.card {
    border: 1px solid var(--admin-line);
    border-radius: var(--admin-radius);
    box-shadow: var(--admin-shadow) !important;
    overflow: hidden;
}
.card-header { padding: 1rem 1.15rem; background:#fff; border-color:var(--admin-line); font-weight:600; }
.card-body { padding: 1.2rem; }
.card-footer { border-color:rgba(255,255,255,.1); }

/* Dashboard cards */
.main-content .card.bg-primary,
.main-content .card.bg-success {
    position: relative;
    border: 0;
    color: #fff !important;
    background: linear-gradient(135deg, #0b4f3e, #16805d) !important;
}
.main-content .card.bg-success { background: linear-gradient(135deg, #7d6224, #c09a3d) !important; }
.main-content .card.bg-primary::after,
.main-content .card.bg-success::after { content:''; position:absolute; right:-3rem; top:-4rem; width:10rem; height:10rem; border-radius:50%; background:rgba(255,255,255,.08); }
.main-content .card.bg-primary .card-title,
.main-content .card.bg-success .card-title { color:#fff; font-weight:700; }
.main-content .card.bg-primary .card-footer,
.main-content .card.bg-success .card-footer { background:rgba(0,0,0,.06); }

.btn { border-radius:.7rem; font-weight:550; }
.btn-primary { background:var(--admin-primary); border-color:var(--admin-primary); }
.btn-primary:hover, .btn-primary:focus { background:var(--admin-primary-dark); border-color:var(--admin-primary-dark); }
.btn-success { background:#16805d; border-color:#16805d; }
.btn-outline-primary { color:var(--admin-primary); border-color:#b9d1c7; }
.btn-outline-primary:hover { background:var(--admin-primary); border-color:var(--admin-primary); }

.form-label { color:#465851; font-size:.87rem; font-weight:550; }
.form-control, .form-select { min-height:44px; border-radius:.7rem; border-color:#d9e5e0; }
textarea.form-control { min-height:120px; }
.form-control:focus, .form-select:focus { border-color:#43a883; box-shadow:0 0 0 .22rem rgba(22,128,93,.11); }

.table-responsive { border:1px solid var(--admin-line); border-radius:.9rem; overflow-x:auto; background:#fff; }
.table { margin-bottom:0; min-width:680px; vertical-align:middle; }
.table > :not(caption) > * > * { padding:.8rem .85rem; border-bottom-color:#edf2f0; }
.table thead th { background:#f7faf9; color:#51635c; font-size:.74rem; font-weight:650; letter-spacing:.035em; text-transform:uppercase; white-space:nowrap; }
.table tbody td { font-size:.86rem; }
.badge { border-radius:999px; font-weight:550; padding:.48em .72em; }
.alert { border:0; border-radius:.8rem; }

.img-thumbnail { border-color:var(--admin-line); border-radius:.7rem; }

@media (max-width: 991.98px) {
    .admin-sidebar { transform: translateX(-100%); box-shadow: 18px 0 45px rgba(0,0,0,.18); }
    body.sidebar-open .admin-sidebar { transform: translateX(0); }
    .main-content { margin-left:0; padding:1.1rem 1rem 2.5rem; }
    .admin-topbar { margin:-1.1rem -1rem 1.25rem; padding:.85rem 1rem; }
    .sidebar-toggle { display:inline-grid; place-items:center; flex:0 0 auto; }
    .admin-topbar-left { display:flex; align-items:center; gap:.7rem; }
    .sidebar-backdrop { position:fixed; inset:0; z-index:1035; background:rgba(4,31,24,.42); backdrop-filter:blur(2px); }
    body.sidebar-open .sidebar-backdrop { display:block; }
}

@media (max-width: 575.98px) {
    .main-content { padding-left:.75rem; padding-right:.75rem; }
    .admin-topbar { margin-left:-.75rem; margin-right:-.75rem; padding-left:.75rem; padding-right:.75rem; }
    .admin-user-copy small { display:none; }
    .admin-user-copy strong { max-width:105px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .card-body { padding:1rem; }
    .table { min-width:620px; }
    .btn { font-size:.86rem; }
}

/* Admin login */
.admin-login-page {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    background:
        radial-gradient(circle at 15% 15%, rgba(32,165,118,.12), transparent 28rem),
        linear-gradient(145deg, #eef7f3 0%, #f8faf9 55%, #f3f7f5 100%);
}
.admin-login-shell { width:100%; max-width:430px; }
.admin-login-logo { display:grid; place-items:center; width:3.4rem; height:3.4rem; margin:0 auto 1rem; border-radius:1rem; color:#f1d581; background:var(--admin-primary-dark); box-shadow:0 12px 26px rgba(8,58,46,.18); font-size:1.45rem; }
.admin-login-card { border:1px solid var(--admin-line); border-radius:1.25rem; background:rgba(255,255,255,.94); box-shadow:0 24px 60px rgba(7,58,46,.12) !important; }
.admin-login-card h1 { font-size:1.5rem; font-weight:700; letter-spacing:-.03em; }
.admin-login-subtitle { color:var(--admin-muted); font-size:.88rem; }

/* Article authoring */
.article-editor-help {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    margin: .6rem 0 .85rem;
    padding: .75rem .85rem;
    color: #53665e;
    background: #f5faf8;
    border: 1px solid #deebe5;
    border-radius: .75rem;
    font-size: .78rem;
    line-height: 1.6;
}
.article-editor-help i { flex: 0 0 auto; margin-top: .08rem; color: var(--admin-primary); }
.tox-tinymce {
    border: 1px solid #d9e5e0 !important;
    border-radius: .85rem !important;
    box-shadow: 0 8px 20px rgba(7, 58, 46, .04);
}
.current-article-cover {
    width: min(100%, 260px);
    max-height: 150px;
    object-fit: cover;
    border: 1px solid var(--admin-line);
    border-radius: .8rem;
}
@media (max-width: 575.98px) {
    .tox .tox-toolbar__group { padding: 0 2px !important; }
    .tox .tox-tbtn { width: 30px !important; height: 30px !important; }
}

/* ========================================================================
   KREATIF PAI Admin — Modern UI refresh v3 (2026)
   ======================================================================== */
:root {
    --admin-font-body: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --admin-font-display: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif;
    --admin-primary: #0d664f;
    --admin-primary-dark: #07382e;
    --admin-primary-deep: #03271f;
    --admin-primary-soft: #e8f4ef;
    --admin-accent: #d1a94a;
    --admin-accent-soft: #fbf4df;
    --admin-bg: #f4f7f6;
    --admin-surface: #ffffff;
    --admin-ink: #16241f;
    --admin-muted: #72817b;
    --admin-line: #dce6e2;
    --admin-shadow-soft: 0 10px 34px rgba(7,56,46,.065);
    --admin-shadow-card: 0 18px 50px rgba(7,56,46,.09);
}
body { font-family: var(--admin-font-body); font-size:15px; background:radial-gradient(circle at 95% 0,rgba(13,102,79,.05),transparent 28rem),var(--admin-bg); }
h1,h2,h3,h4,h5,h6,.admin-brand,.btn { font-family:var(--admin-font-display); }

.admin-sidebar {
    width: 278px;
    padding: 1rem .85rem;
    background:
        radial-gradient(circle at 20% 0, rgba(209,169,74,.09), transparent 15rem),
        linear-gradient(180deg, #03271f 0%, #07382e 52%, #0a493a 100%);
    box-shadow: 12px 0 40px rgba(3,39,31,.08);
}
.admin-brand { margin:.15rem .25rem 1.5rem; padding:.82rem; border-radius:1rem; }
.admin-brand-icon { width:2.65rem; height:2.65rem; border-radius:.85rem; color:#f4d982; }
.admin-brand strong { font-size:.94rem; letter-spacing:-.02em; }
.admin-brand small { margin-top:.2rem; font-family:var(--admin-font-body); font-size:.63rem; letter-spacing:.04em; }
.admin-nav-label { padding:.4rem .8rem .45rem; font-size:.62rem; letter-spacing:.14em; }
.admin-sidebar a.admin-nav-link { min-height:44px; gap:.75rem; padding:.7rem .8rem; border-radius:.74rem; font-size:.79rem; font-weight:600; }
.admin-sidebar a.admin-nav-link i { font-size:.98rem; }
.admin-sidebar a.admin-nav-link.active { background:rgba(255,255,255,.105); box-shadow:inset 3px 0 0 var(--admin-accent); }

.main-content { margin-left:278px; padding:1.25rem clamp(1rem,3vw,2rem) 3rem; }
.admin-topbar {
    margin:-1.25rem calc(-1 * clamp(1rem,3vw,2rem)) 1.45rem;
    padding:.92rem clamp(1rem,3vw,2rem);
    background:rgba(244,247,246,.9);
    border-bottom:1px solid rgba(220,230,226,.92);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
}
.admin-topbar h1 { font-family:var(--admin-font-display); font-size:clamp(1.18rem,2vw,1.45rem); font-weight:800; }
.admin-user-avatar { color:var(--admin-primary); background:#e4f1ec; border:1px solid #d0e5dc; }
.admin-user-copy strong { font-family:var(--admin-font-display); font-size:.8rem; }
.admin-user-copy small { font-size:.66rem; }

.card { border-color:var(--admin-line); border-radius:1rem; box-shadow:var(--admin-shadow-soft) !important; }
.card-header { padding:1rem 1.15rem; font-family:var(--admin-font-display); }
.btn { min-height:40px; border-radius:.72rem; font-size:.8rem; font-weight:700; }
.form-label { font-size:.78rem; font-weight:650; }
.form-control,.form-select { min-height:46px; padding:.68rem .8rem; border-radius:.72rem; font-family:var(--admin-font-body); font-size:.84rem; }
.table-responsive { border-radius:.9rem; box-shadow:0 7px 24px rgba(7,56,46,.035); }
.table thead th { font-family:var(--admin-font-display); font-size:.67rem; letter-spacing:.06em; }
.table tbody td { font-size:.8rem; }

/* Dashboard */
.admin-dashboard { max-width:1440px; margin:0 auto; }
.admin-welcome-panel {
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1.5rem;
    margin-bottom:2rem;
    padding:clamp(1.4rem,3vw,2.1rem);
    color:#fff;
    background:
        radial-gradient(circle at 86% 15%,rgba(238,215,148,.13),transparent 13rem),
        linear-gradient(120deg,var(--admin-primary-deep),var(--admin-primary));
    border:1px solid rgba(255,255,255,.07);
    border-radius:1.25rem;
    box-shadow:var(--admin-shadow-card);
}
.admin-welcome-panel::after { content:''; position:absolute; right:-75px; bottom:-95px; width:180px; height:180px; border:1px solid rgba(255,255,255,.1); border-radius:50%; box-shadow:0 0 0 32px rgba(255,255,255,.02),0 0 0 64px rgba(255,255,255,.014); }
.admin-welcome-panel > * { position:relative; z-index:1; }
.admin-eyebrow { display:block; margin-bottom:.38rem; color:#efd88f; font-family:var(--admin-font-display); font-size:.63rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.admin-eyebrow.dark { color:var(--admin-primary); }
.admin-welcome-panel h2 { margin:0 0 .45rem; font-size:clamp(1.45rem,3vw,2.05rem); font-weight:800; letter-spacing:-.04em; }
.admin-welcome-panel p { max-width:720px; margin:0; color:rgba(255,255,255,.68); font-size:.82rem; line-height:1.7; }
.btn-admin-light { flex:0 0 auto; display:inline-flex; align-items:center; gap:.45rem; color:#173126; background:#fff; border:1px solid rgba(255,255,255,.25); }
.btn-admin-light:hover { color:var(--admin-primary-dark); background:#f8fbfa; transform:translateY(-1px); }

.dashboard-section-heading { display:flex; align-items:end; justify-content:space-between; margin-bottom:1rem; }
.dashboard-section-heading h3 { margin:0; font-size:1.12rem; font-weight:800; letter-spacing:-.025em; }
.admin-quick-heading { margin-top:2.1rem; }

.admin-stat-card {
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    gap:1rem;
    min-height:154px;
    padding:1.25rem;
    color:#fff;
    text-decoration:none;
    border-radius:1.1rem;
    box-shadow:var(--admin-shadow-soft);
    transition:transform .2s ease,box-shadow .2s ease;
}
.admin-stat-card:hover { color:#fff; transform:translateY(-3px); box-shadow:var(--admin-shadow-card); }
.admin-stat-primary { background:linear-gradient(135deg,#084a3a,#11815f); }
.admin-stat-accent { background:linear-gradient(135deg,#725b22,#c59c3e); }
.admin-stat-card::after { content:''; position:absolute; right:-32px; top:-45px; width:130px; height:130px; background:rgba(255,255,255,.07); border-radius:50%; }
.admin-stat-icon { display:grid; place-items:center; flex:0 0 auto; width:54px; height:54px; color:#fff; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.12); border-radius:.95rem; font-size:1.3rem; }
.admin-stat-copy { position:relative; z-index:1; display:flex; flex-direction:column; min-width:0; }
.admin-stat-copy small { color:rgba(255,255,255,.66); font-size:.7rem; font-weight:600; }
.admin-stat-copy strong { margin:.08rem 0 .2rem; font-family:var(--admin-font-display); font-size:2rem; line-height:1; }
.admin-stat-copy > span { display:inline-flex; align-items:center; gap:.35rem; color:rgba(255,255,255,.72); font-size:.72rem; font-weight:600; }

.admin-quick-card {
    display:flex;
    align-items:center;
    gap:.8rem;
    min-height:94px;
    height:100%;
    padding:1rem;
    color:var(--admin-ink);
    text-decoration:none;
    background:#fff;
    border:1px solid var(--admin-line);
    border-radius:.95rem;
    box-shadow:0 8px 26px rgba(7,56,46,.045);
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.admin-quick-card:hover { color:var(--admin-ink); transform:translateY(-3px); border-color:#c0d6cd; box-shadow:var(--admin-shadow-soft); }
.admin-quick-icon { display:grid; place-items:center; flex:0 0 auto; width:42px; height:42px; color:var(--admin-primary); background:var(--admin-primary-soft); border-radius:.78rem; }
.admin-quick-card > span:last-child { display:flex; flex-direction:column; min-width:0; }
.admin-quick-card strong { font-family:var(--admin-font-display); font-size:.82rem; line-height:1.3; }
.admin-quick-card small { margin-top:.23rem; color:var(--admin-muted); font-size:.68rem; line-height:1.45; }

.admin-tips-panel { display:flex; align-items:flex-start; gap:.8rem; margin-top:2rem; padding:1rem 1.1rem; color:#4a5c55; background:#eef6f2; border:1px solid #d9e9e2; border-radius:.9rem; }
.admin-tips-icon { display:grid; place-items:center; flex:0 0 auto; width:38px; height:38px; color:#7d6521; background:#fbf3dc; border-radius:.7rem; }
.admin-tips-panel strong { display:block; margin-bottom:.2rem; color:#33463e; font-family:var(--admin-font-display); font-size:.78rem; }
.admin-tips-panel p { margin:0; font-size:.72rem; line-height:1.6; }

/* Login */
.admin-login-page { background:radial-gradient(circle at 15% 10%,rgba(17,129,95,.1),transparent 30rem),linear-gradient(145deg,#edf5f2,#f8faf9 58%,#f2f6f4); }
.admin-login-logo { width:3.6rem; height:3.6rem; border-radius:1.05rem; background:linear-gradient(145deg,var(--admin-primary-deep),var(--admin-primary)); }
.admin-login-card { border-radius:1.2rem; box-shadow:0 24px 65px rgba(7,56,46,.13) !important; }
.admin-login-card h1 { font-family:var(--admin-font-display); font-size:1.45rem; font-weight:800; }
.admin-login-subtitle { font-size:.8rem; }

@media (max-width: 991.98px) {
    .admin-sidebar { width:278px; }
    .main-content { margin-left:0; padding:1rem 1rem 2.5rem; }
    .admin-topbar { margin:-1rem -1rem 1.25rem; }
}
@media (max-width: 767.98px) {
    .admin-welcome-panel { align-items:flex-start; flex-direction:column; }
    .btn-admin-light { width:100%; justify-content:center; }
}
@media (max-width: 575.98px) {
    .main-content { padding-left:.75rem; padding-right:.75rem; }
    .admin-topbar { margin-left:-.75rem; margin-right:-.75rem; }
    .admin-welcome-panel { border-radius:1.05rem; padding:1.2rem; }
    .admin-stat-card { min-height:132px; padding:1rem; }
    .admin-stat-copy strong { font-size:1.7rem; }
    .admin-quick-card { min-height:82px; }
}
@media (prefers-reduced-motion: reduce) {
    *,*::before,*::after { transition-duration:.01ms !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; }
}


/* ========================================================================
   KREATIF PAI Admin — Green & Blue aesthetic upgrade v5 (2026-08-27)
   ======================================================================== */
:root {
    --admin-primary: #11856f;
    --admin-primary-dark: #0d6670;
    --admin-primary-deep: #072f33;
    --admin-primary-soft: #e8f7f4;
    --admin-accent: #2f7cf6;
    --admin-accent-soft: #eaf2ff;
    --admin-bg: #f3f9fb;
    --admin-surface: #ffffff;
    --admin-ink: #163039;
    --admin-muted: #6a7f88;
    --admin-line: #d7e7eb;
    --admin-shadow-soft: 0 10px 35px rgba(7,65,72,.08);
    --admin-shadow-card: 0 20px 54px rgba(7,65,72,.1);
}
body {
    background:
        radial-gradient(circle at 92% 0, rgba(47,124,246,.06), transparent 26rem),
        radial-gradient(circle at 8% 0, rgba(17,133,111,.08), transparent 28rem),
        var(--admin-bg);
}
.admin-sidebar {
    background:
        radial-gradient(circle at 0 0, rgba(95,187,255,.12), transparent 15rem),
        linear-gradient(180deg, #072f33 0%, #0d5960 56%, #1d63d8 100%);
}
.admin-brand,
.admin-topbar,
.card,
.table-responsive { border-color: var(--admin-line); }
.admin-brand-icon,
.admin-quick-icon,
.admin-user-avatar {
    background: linear-gradient(145deg, rgba(17,133,111,.14), rgba(47,124,246,.18));
    color: #0d6670;
    border: 1px solid rgba(47,124,246,.12);
}
.admin-sidebar a.admin-nav-link.active { box-shadow: inset 3px 0 0 var(--admin-accent); }
.admin-welcome-panel {
    background:
        radial-gradient(circle at 86% 16%, rgba(191,233,255,.16), transparent 13rem),
        linear-gradient(125deg, #072f33, #0d6670 56%, #2f7cf6);
}
.admin-stat-primary { background: linear-gradient(135deg, #0d6670, #11856f 58%, #2f7cf6); }
.admin-stat-accent { background: linear-gradient(135deg, #0c5b80, #2f7cf6); }
.btn-primary,
.btn-success {
    background: linear-gradient(135deg, #11856f, #2f7cf6);
    border-color: transparent;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-success:hover,
.btn-success:focus {
    background: linear-gradient(135deg, #0d6670, #2563eb);
    border-color: transparent;
}
.btn-outline-primary {
    color: var(--admin-primary);
    border-color: #b8d7dd;
}
.btn-outline-primary:hover {
    background: linear-gradient(135deg, #11856f, #2f7cf6);
    border-color: transparent;
}
.form-control:focus,
.form-select:focus {
    border-color: #69aefc;
    box-shadow: 0 0 0 .22rem rgba(47,124,246,.13);
}
.table thead th { background: #f3f9fb; color: #47616a; }
.alert-success { background:#e9f8f4; color:#0d5f4f; }
.alert-danger { background:#fdf0f3; color:#943748; }