html body table thead th{
    background:linear-gradient(180deg, rgba(202,222,242,.75), rgba(202,222,242,.45)) !important;
    color:#1f2937 !important;
    padding:8px 12px !important;
    font-weight:800;
    line-height:1.3;
    vertical-align:middle;
}
html body.dark-mode table thead th{
    background:linear-gradient(180deg, #293446, #1d2735) !important;
    color:#f8fafc !important;
}
html body input.branch-search-btn,
html body button.branch-search-btn{
    height:42px !important;
    min-height:42px !important;
    width:auto !important;
    min-width:92px;
    padding:0 22px !important;
    border-radius:12px !important;
    font-size:14px !important;
    line-height:42px !important;
    font-weight:800 !important;
}
html body .search-card{
    padding:16px 18px !important;
    background:rgba(255,255,255,.9) !important;
    border:1px solid rgba(172,131,55,.22) !important;
    border-radius:22px !important;
    box-shadow:0 18px 40px rgba(92,63,14,.10) !important;
}
html body .search-card .panel,
html body .search-card .panel-default,
html body .search-card .panel-heading,
html body .search-card .panel-body,
html body .search-card .well{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}
html body .search-card input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]):not([type="button"]),
html body .search-card select,
html body .search-card textarea,
html body .search-card .form-control{
    height:42px !important;
    background:#fffdf8 !important;
    border:1px solid #dcc28c !important;
    color:#2f2413 !important;
    -webkit-text-fill-color:#2f2413 !important;
    border-radius:12px !important;
    box-shadow:none !important;
}
html body .search-card input:focus,
html body .search-card select:focus,
html body .search-card textarea:focus,
html body .search-card .form-control:focus{
    border-color:#c99a2e !important;
    box-shadow:0 0 0 3px rgba(201,154,46,.10) !important;
    outline:0 !important;
}
html body .search-card .form-control::placeholder{
    color:#7b6a4d !important;
    -webkit-text-fill-color:#7b6a4d !important;
}
html body .search-card .date-search-wrap{
    display:flex !important;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}
html body .search-card .modern-date-range{
    flex:1 1 280px;
    width:auto !important;
    max-width:none;
}
html body .search-card .date-search-btn{
    width:auto !important;
    min-width:92px;
    height:42px !important;
    padding:0 22px !important;
    border:none !important;
    border-radius:12px !important;
    background:linear-gradient(135deg,#f6d365,#e2b95b) !important;
    color:#24190a !important;
    -webkit-text-fill-color:#24190a !important;
    font-size:14px !important;
    font-weight:800 !important;
    box-shadow:none !important;
}
html body.dark-mode .search-card{
    background:linear-gradient(180deg,#1a1f27 0%,#141820 100%) !important;
    border-color:rgba(242,211,137,.12) !important;
    box-shadow:0 22px 48px rgba(0,0,0,.42) !important;
}
html body.dark-mode .search-card input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]):not([type="button"]),
html body.dark-mode .search-card select,
html body.dark-mode .search-card textarea,
html body.dark-mode .search-card .form-control{
    background:#11161d !important;
    color:#f2e7c9 !important;
    -webkit-text-fill-color:#f2e7c9 !important;
    border-color:#4f3d19 !important;
}
html body.dark-mode .search-card .form-control::placeholder{
    color:#8f8161 !important;
    -webkit-text-fill-color:#8f8161 !important;
}
html body .branch-close-btn{
    background:linear-gradient(135deg,#c5ced8,#b7c2cd) !important;
    color:#1e293b !important;
    border:1px solid #a8b3be !important;
    box-shadow:none !important;
}
html body .branch-close-btn:hover,
html body .branch-close-btn:focus{
    background:linear-gradient(135deg,#b7c2cd,#a8b4c0) !important;
    color:#0f172a !important;
}
html body.dark-mode .branch-close-btn{
    background:#3a4554 !important;
    color:#f8fafc !important;
    border-color:#526070 !important;
}
html body.dark-mode .branch-close-btn:hover,
html body.dark-mode .branch-close-btn:focus{
    background:#465264 !important;
    color:#fff !important;
}
html body:not(.dark-mode) .page-header-card,
html body:not(.dark-mode) .page-hero-card,
html body:not(.dark-mode) .branch-tree-hero{
    background:linear-gradient(135deg,#f3f5f7 0%,#e7ebf0 62%,#e1e6eb 100%) !important;
    border-color:rgba(15,23,42,.08) !important;
}
html body:not(.dark-mode) .page-header-card:before,
html body:not(.dark-mode) .page-header-card:after,
html body:not(.dark-mode) .page-hero-card:before,
html body:not(.dark-mode) .page-hero-card:after,
html body:not(.dark-mode) .branch-tree-hero:before,
html body:not(.dark-mode) .branch-tree-hero:after{
    background:none !important;
    box-shadow:none !important;
}
html body:not(.dark-mode) .page-header-card .page-title,
html body:not(.dark-mode) .page-hero-card .page-title{
    color:#0f172a !important;
    text-shadow:none !important;
}
html body:not(.dark-mode) .page-header-card .page-desc,
html body:not(.dark-mode) .page-hero-card .page-desc{
    color:#64748b !important;
}
html body .branch-prev-btn,
html body .btn.branch-prev-btn{
    background:linear-gradient(135deg,#5c97ff,#3f76e8) !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    border:none !important;
    box-shadow:0 12px 24px rgba(63,118,232,.24) !important;
}
html body .branch-prev-btn:hover,
html body .branch-prev-btn:focus,
html body .btn.branch-prev-btn:hover,
html body .btn.branch-prev-btn:focus{
    background:linear-gradient(135deg,#6aa2ff,#4b82f0) !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}
.datepicker{z-index:2000 !important;}