:root {
    --dm-orange: #f47b16;
    --dm-orange-dark: #df6507;
    --dm-orange-soft: #fff3e6;
    --dm-ink: #30242b;
    --dm-muted: #8b8589;
    --dm-line: #eee8e4;
    --dm-canvas: #f6f5f4;
    --dm-card: #fff;
}

html, body { color: var(--dm-ink); }
body.gray-bg, body.fixed-sidebar { background: var(--dm-canvas); }
body, button, input, select, textarea { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", sans-serif; }
.signin { background: linear-gradient(135deg, #fff4e7 0%, #fffaf5 44%, #f6f3f1 100%); }
.signinpanel { color: var(--dm-ink); }
.signinpanel form { border: 1px solid var(--dm-line); border-radius: 14px; box-shadow: 0 12px 36px rgba(66, 42, 26, .1); }
.signin-brand { display: flex; align-items: center; gap: 12px; color: var(--dm-ink); }
.signin-brand img { width: 48px; height: 48px; padding: 5px; background: #fff; border: 1px solid var(--dm-line); border-radius: 14px; }
.signin-heading { color: var(--dm-ink); margin-bottom: 18px; }

/* Main navigation */
.navbar-default.navbar-static-side { background: #2d2025; }
.navbar-default .nav > li > a { color: #d9cfd2; transition: color .18s ease, background .18s ease; }
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li.active > a,
.navbar-default .nav > li > a:focus { color: #fff; background: rgba(244, 123, 22, .17); }
.navbar-default .nav > li.active { border-left: 3px solid var(--dm-orange); }
.navbar-default .nav-second-level { background: #261a1e; }
.navbar-default .nav-second-level li a { color: #c8bdc1; }
.navbar-default .nav-second-level li a:hover { color: #fff; background: rgba(244, 123, 22, .13); }
.nav-header { background: linear-gradient(135deg, #39272c, #25191d); }
.logo-lg.brand-logo { display: flex; align-items: center; justify-content: center; gap: 9px; color: #fff; font-size: 16px; font-weight: 700; letter-spacing: 1px; }
.brand-logo img { width: 30px; height: 30px; object-fit: contain; padding: 3px; background: #fff; border-radius: 9px; }
.user-avatar-fallback, .top-avatar-fallback { display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.72); border-radius: 50%; background: linear-gradient(145deg, #fff1df, #f3c394); color: #9b511c; font-weight: 700; box-shadow: 0 2px 8px rgba(32,20,18,.16); }
.user-avatar-fallback { width: 39px; height: 39px; font-size: 16px; }
.top-avatar-fallback { width: 24px; height: 24px; margin-right: 5px; font-size: 10px; vertical-align: middle; }

/* Match the application toolbar and workspace to the Dumeiji palette. */
#page-wrapper { background: #f7f5f3; }
#page-wrapper > .row.border-bottom { border-color: #eee8e3 !important; }
#page-wrapper .navbar-static-top { background: #fff; border-bottom: 1px solid #f0eae6; }
#page-wrapper .navbar-header .navbar-minimalize { color: #744b34 !important; }
#page-wrapper .navbar-header .navbar-minimalize:hover { color: var(--dm-orange) !important; }
#page-wrapper .navbar-top-links > li > a { color: #6f6268; }
#page-wrapper .navbar-top-links > li > a:hover,
#page-wrapper .navbar-top-links > li > a:focus { color: var(--dm-orange-dark); background: #fff8f1; }
#page-wrapper .content-tabs { background: #fff; border-color: #eee8e3; }
#page-wrapper .content-tabs .page-tabs-content .active { color: var(--dm-orange-dark); background: #fff8f1; }

/* Branded left navigation: warm charcoal, clear icons and a restrained active state. */
nav.navbar-default.navbar-static-side { background: #261d20 !important; box-shadow: 8px 0 28px rgba(36, 25, 28, .08); }
nav.navbar-default.navbar-static-side > a { display: block; text-decoration: none; }
nav.navbar-default.navbar-static-side > a .logo {
    display: flex; height: 68px; align-items: center; justify-content: flex-start;
    padding: 0 18px; border-bottom: 1px solid rgba(255,255,255,.07);
    background: linear-gradient(115deg, #3b2924, #2c2021) !important;
}
.logo-lg.brand-logo { justify-content: flex-start; gap: 11px; font-size: 15px; letter-spacing: .045em; }
.brand-logo img { width: 34px; height: 34px; padding: 5px; border: 1px solid rgba(255,255,255,.24); border-radius: 11px; background: #fff; }
#side-menu { padding: 8px 10px 18px; }
#side-menu > li { margin: 4px 0; }
#side-menu > li > a {
    position: relative; display: flex; min-height: 48px; align-items: center; gap: 12px;
    padding: 8px 13px !important; overflow: hidden; border: 1px solid transparent;
    border-left: 3px solid transparent; border-radius: 10px;
    background: transparent !important; color: #d0c5c4 !important;
    font-size: 14px !important; font-weight: 550; letter-spacing: .015em;
    transition: color .18s ease, background .18s ease, border-color .18s ease;
}
#side-menu > li > a > i.fa-home { display: inline-flex; width: 27px; height: 27px; align-items: center; justify-content: center; margin: 0; border: 1px solid rgba(247,177,124,.2); border-radius: 8px; background: rgba(247,177,124,.1); color: #e8a16c; font-size: 13px; }
#side-menu .nav-icon-shell { display: inline-flex; width: 28px; height: 28px; flex: 0 0 28px; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.08); border-radius: 8px; background: rgba(255,255,255,.055); color: #c4aaa0; font-size: 13px; transition: inherit; }
#side-menu > li > a .nav-label { flex: 1; color: inherit; font-size: inherit; font-weight: inherit; }
#side-menu > li > a > .fa.arrow { margin-left: auto; color: #9d8986; font-size: 10px; }
#side-menu > li > a:hover,
#side-menu > li > a:focus { border-color: rgba(255,255,255,.045); background: rgba(255,255,255,.065) !important; color: #fff !important; }
#side-menu > li > a:hover .nav-icon-shell { border-color: rgba(245,160,96,.22); background: rgba(237,116,25,.14); color: #f2a66d; }
#side-menu > li.active > a,
#side-menu > li.selected > a,
#side-menu > li.active > a:hover,
#side-menu > li.selected > a:hover {
    border-color: rgba(255,176,113,.12) !important; border-left: 3px solid #f18a3b !important;
    background: linear-gradient(100deg, rgba(232,116,38,.2), rgba(232,116,38,.075)) !important;
    color: #ffbc83 !important; box-shadow: inset 0 1px rgba(255,255,255,.035), 0 4px 12px rgba(17,11,12,.1);
}
#side-menu > li.active > a .nav-icon-shell,
#side-menu > li.selected > a .nav-icon-shell { border-color: rgba(243,151,87,.27); background: rgba(237,116,25,.16); color: #ffac6c; }
#side-menu > li.active > a > i.fa-home,
#side-menu > li.selected > a > i.fa-home { border-color: rgba(243,151,87,.27); background: rgba(237,116,25,.16); color: #ffac6c; }
#side-menu > li .nav-second-level { margin: 5px 0 8px; padding: 5px 0 5px 15px; border-left: 1px solid rgba(255,255,255,.09); background: transparent !important; }
#side-menu > li .nav-second-level li a,
#side-menu > li .nav-third-level li a { padding: 9px 12px; border-radius: 7px; color: #bdb0ae !important; font-size: 12px; transition: color .15s ease, background .15s ease; }
#side-menu > li .nav-second-level li a:hover,
#side-menu > li .nav-third-level li a:hover,
#side-menu > li .nav-second-level li.active > a { background: rgba(255,255,255,.06) !important; color: #ffc08f !important; }
#side-menu .user-panel { min-height: 76px; margin: 2px 0 12px; padding: 14px 8px 13px; border-bottom: 1px solid rgba(255,255,255,.075); }
#side-menu .user-panel .info { padding-left: 10px; color: #e7dedd; }
#side-menu .user-panel .info p { margin-bottom: 5px; color: #fff; font-size: 13px; font-weight: 620; }
#side-menu .user-panel .info a { color: #b8aaa8; font-size: 11px; }
#side-menu .user-panel .info .text-success { color: #72c99d; }
#side-menu .user-avatar-fallback { width: 40px; height: 40px; border: 1px solid rgba(255,198,155,.42); background: linear-gradient(145deg, #f7d5b5, #db8c50); color: #6a3821; font-size: 16px; box-shadow: 0 4px 12px rgba(10,6,6,.22); }

/* Content surfaces */
.gray-bg .container-div { padding: 18px 20px 24px; }
.search-collapse, .select-table, .ibox-content, .panel, .form-horizontal { background: var(--dm-card); border: 1px solid var(--dm-line); border-radius: 12px; box-shadow: 0 4px 18px rgba(49, 35, 28, .045); }
.search-collapse { margin: 0 0 14px; padding: 14px 16px 2px; }
.select-table { padding: 14px; }
.btn-group-sm#toolbar { margin: 0 0 10px 2px; }
.form-header.h4 { color: var(--dm-ink); border-color: var(--dm-orange); }
.main-content { padding: 18px; }
.form-horizontal { padding: 8px 10px 16px; }

/* Brand controls */
.btn-primary, .btn-success, .btn-info { color: #fff; background-color: var(--dm-orange); border-color: var(--dm-orange); }
.btn-primary:hover, .btn-success:hover, .btn-info:hover,
.btn-primary:focus, .btn-success:focus, .btn-info:focus { color: #fff; background-color: var(--dm-orange-dark); border-color: var(--dm-orange-dark); }
.btn-warning { color: #9a4b06; background-color: var(--dm-orange-soft); border-color: #ffd9b5; }
.btn-warning:hover { color: #7f3b00; background-color: #ffe8d2; border-color: #ffc994; }
a { color: var(--dm-orange-dark); }
a:hover, a:focus { color: #bc5100; }
.form-control { border-color: #e8e1dd; border-radius: 7px; box-shadow: none; }
.form-control:focus { border-color: #f4a35f; box-shadow: 0 0 0 3px rgba(244, 123, 22, .11); }
.input-group-addon { background: #faf7f5; border-color: #e8e1dd; }

/* Tables and status tags */
.fixed-table-container { border-color: var(--dm-line); border-radius: 9px; overflow: hidden; }
.bootstrap-table .table > thead > tr > th { color: #5a4b50; background: #faf7f5; border-bottom: 1px solid var(--dm-line); }
.bootstrap-table .table > tbody > tr:hover { background: #fffaf5; }
.table-striped > tbody > tr:nth-of-type(odd) { background-color: #fff; }
.pagination > .active > a, .pagination > .active > a:hover,
.pagination > .active > span, .pagination > .active > span:hover { background-color: var(--dm-orange); border-color: var(--dm-orange); }
.badge-success { background-color: #e6f5ed; color: #24814f; }
.badge-danger { background-color: #fbe9e6; color: #b34c3e; }

/* Keep dialog and small-form pages consistent with the main shell. */
.layui-layer-title { color: var(--dm-ink); background: #fff8f1; border-bottom-color: var(--dm-line); }
.layui-layer-btn .layui-layer-btn0 { color: #fff !important; background: var(--dm-orange) !important; border-color: var(--dm-orange) !important; }

/* Order list workspace */
.management-list-page .container-div { padding: 22px 24px 30px; }
.management-list-page .search-collapse { margin-bottom: 17px; padding: 20px 22px 13px; border-radius: 15px; box-shadow: 0 8px 26px rgba(67,47,36,.045); }
.order-page-heading { display: flex; align-items: center; justify-content: space-between; margin: 0 0 19px; padding-bottom: 17px; border-bottom: 1px solid #f2ece7; }
.order-page-heading > div { display: flex; align-items: center; gap: 13px; }
.order-heading-mark { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid #ffe1c5; border-radius: 12px; background: linear-gradient(145deg,#fff7ef,#ffecda); color: #e97823; font-size: 17px; }
.order-page-heading h1 { margin: 0; color: #392e33; font-size: 20px; font-weight: 680; letter-spacing: .02em; }
.order-page-heading p { margin: 5px 0 0; color: #a0989c; font-size: 12px; }
.order-heading-note { display: flex; align-items: center; gap: 7px; color: #a0969a; font-size: 11px; }
.order-heading-note .fa { color: #66a889; }
.management-list-page .select-list ul { display: grid; grid-template-columns: repeat(4, minmax(190px, 1fr)); gap: 14px 16px; margin: 0; padding: 0; }
.management-list-page .select-list li { display: flex; width: auto !important; min-width: 0; min-height: 36px; align-items: center; float: none; margin: 0; padding: 0; }
.management-list-page .select-list li > label { width: auto; flex: 0 0 auto; float: none; margin: 0 9px 0 0; color: #6c6065; font-size: 12px; font-weight: 600; text-align: left; white-space: nowrap; }
.management-list-page .select-list li > input,
.management-list-page .select-list li > select,
.management-list-page .select-list li > .bootstrap-select { width: auto !important; min-width: 0; flex: 1 1 auto; }
.management-list-page .select-list li > input,
.management-list-page .select-list li > select,
.management-list-page .select-list .bootstrap-select > .dropdown-toggle,
.management-list-page .select-list .time-input { height: 36px !important; border: 1px solid #e9e2dd !important; border-radius: 8px !important; background-color: #fff !important; color: #50454a; font-size: 12px; box-shadow: none !important; }
.management-list-page .select-list li > input { padding: 0 11px; }
.management-list-page .select-list li > select { padding: 0 10px; }
.management-list-page .select-list li > input:focus,
.management-list-page .select-list li > select:focus,
.management-list-page .select-list .bootstrap-select > .dropdown-toggle:focus,
.management-list-page .select-list .time-input:focus { border-color: #efaa73 !important; box-shadow: 0 0 0 3px rgba(237,127,43,.1) !important; }
.management-list-page .select-list .bootstrap-select > .dropdown-toggle { padding: 0 11px; }
.management-list-page .select-list .bootstrap-select .filter-option { line-height: 34px; }
.management-list-page .select-list .bootstrap-select .bs-caret { color: #b99b84; }
.management-list-page .select-list .select-time { grid-column: span 2; }
.management-list-page .select-list .select-time label { margin-right: 10px; }
.management-list-page .select-list .select-time .time-input { width: auto !important; min-width: 0; flex: 1 1 0; padding: 0 10px; }
.management-list-page .select-list .select-time > span { padding: 0 9px; color: #b2a8a4; }
.management-list-page .select-list li:last-child { gap: 8px; }
.management-list-page .select-list .btn { min-height: 35px; padding: 7px 15px; border-radius: 8px; font-size: 12px; font-weight: 600; }
.management-list-page .select-list .btn-primary { background: linear-gradient(135deg,#f58c37,#e96c14); border-color: #ef7b24; box-shadow: 0 4px 10px rgba(229,111,24,.16); }
.management-list-page .select-list .btn-warning { color: #aa5c23; background: #fff8f1; border-color: #f4dfcd; }
.management-list-page #toolbar { min-height: 38px; margin: 0 0 9px 2px; }
.management-list-page #toolbar .btn { padding: 7px 13px; border-radius: 8px; font-size: 12px; font-weight: 600; }
.management-list-page .select-table { padding: 14px 16px 12px; border-radius: 15px; box-shadow: 0 8px 26px rgba(67,47,36,.04); }
.management-list-page .fixed-table-toolbar { min-height: 34px; margin-bottom: 9px; }
.management-list-page .fixed-table-toolbar .btn { min-width: 35px; height: 34px; border-color: #eee6e1; border-radius: 7px; background: #fff; color: #72656b; }
.management-list-page .fixed-table-toolbar .btn:hover { border-color: #f2c39e; background: #fff8f1; color: #d96e22; }
.management-list-page .fixed-table-container { border: 1px solid #eee8e4; border-radius: 10px; }
.management-list-page .bootstrap-table .table { margin-bottom: 0; color: #51464c; font-size: 12px; }
.management-list-page .bootstrap-table .table > thead > tr > th { height: 42px; padding: 10px; border-bottom: 1px solid #e9e1dc; background: #fbf8f6; color: #6a5c62; font-size: 11px; font-weight: 650; white-space: nowrap; }
.management-list-page .bootstrap-table .table > tbody > tr > td { height: 43px; padding: 9px 10px; border-color: #f0ebe8; vertical-align: middle; }
.management-list-page .bootstrap-table .table > tbody > tr:nth-child(even) { background: #fdfcfb; }
.management-list-page .bootstrap-table .table > tbody > tr:hover { background: #fff8f1; }
.management-list-page .bootstrap-table .table > tbody > tr > td:first-child,
.management-list-page .bootstrap-table .table > thead > tr > th:first-child { text-align: center; }
.management-list-page .bootstrap-table .table .btn { margin: 2px 3px; padding: 5px 9px; border-radius: 6px; font-size: 11px; font-weight: 600; line-height: 1.25; box-shadow: none; }
.management-list-page .bootstrap-table .table .btn-primary,
.management-list-page .bootstrap-table .table .btn-success,
.management-list-page .bootstrap-table .table .btn-info { border-color: #ee7c2a; background: linear-gradient(135deg,#f58b37,#e96e19); color: #fff; }
.management-list-page .bootstrap-table .table .btn-danger { border-color: #f0d4d0; background: #fff4f2; color: #b85e53; }
.management-list-page .bootstrap-table .table .btn-warning { border-color: #f4dfcd; background: #fff8f1; color: #aa5c23; }
.management-list-page .fixed-table-pagination { padding-top: 10px; color: #91878c; font-size: 11px; }
.management-list-page .fixed-table-pagination .pagination-detail { padding-top: 7px; }
.management-list-page .fixed-table-pagination .page-list { margin-left: 5px; }
.management-list-page .fixed-table-pagination .pagination > li > a,
.management-list-page .fixed-table-pagination .pagination > li > span { min-width: 30px; height: 30px; margin-left: 4px; padding: 6px 9px; border: 1px solid #eee7e2; border-radius: 7px !important; background: #fff; color: #756970; line-height: 16px; }
.management-list-page .fixed-table-pagination .pagination > .active > a,
.management-list-page .fixed-table-pagination .pagination > .active > span { border-color: #ed7b27; background: linear-gradient(135deg,#f58b37,#e96e19); color: #fff; box-shadow: 0 3px 8px rgba(231,111,25,.18); }
.management-list-page .fixed-table-pagination .btn-group .btn { height: 30px; border-color: #eee7e2; border-radius: 7px; color: #756970; }
.fixed-table-body { position: relative; }
.fixed-table-body .fixed-table-loading.open { min-height: 245px; padding: 0; background: rgba(255,255,255,.95); }
.fixed-table-body .fixed-table-loading .loading-wrap { display: block !important; width: 100%; height: 100%; padding: 18px 20px; }
.fixed-table-body .fixed-table-loading .loading-wrap .loading-text { display: block; width: 100%; height: 100%; margin: 0; }
.dm-table-skeleton { width: 100%; min-height: 210px; }
.dm-table-skeleton-head, .dm-table-skeleton-row { display: grid; grid-template-columns: 1.2fr 1.5fr 1fr 1.7fr .9fr; gap: 16px; align-items: center; }
.dm-table-skeleton-head { height: 38px; padding: 0 10px; border-bottom: 1px solid #f0e9e4; }
.dm-table-skeleton-head i, .dm-table-skeleton-row i { display: block; height: 10px; border-radius: 6px; background: linear-gradient(100deg,#f0e8e2 20%,#fff7f0 38%,#f0e8e2 56%); background-size: 220% 100%; animation: dm-table-shimmer 1.15s ease-in-out infinite; }
.dm-table-skeleton-head i { width: 64%; height: 9px; background: #eee5df; animation: none; }
.dm-table-skeleton-row { height: 34px; padding: 0 10px; border-bottom: 1px solid #f6f2ef; }
.dm-table-skeleton-row i:nth-child(2) { width: 80%; }.dm-table-skeleton-row i:nth-child(3) { width: 72%; }.dm-table-skeleton-row i:nth-child(4) { width: 88%; }.dm-table-skeleton-row i:nth-child(5) { width: 60%; }
.dm-table-skeleton-note { display: flex; align-items: center; justify-content: center; gap: 8px; padding-top: 13px; color: #aa9b92; font-size: 11px; }
.dm-table-skeleton-note b { width: 6px; height: 6px; border-radius: 50%; background: #ed8b40; box-shadow: 0 0 0 4px rgba(237,139,64,.12); }
@keyframes dm-table-shimmer { 100% { background-position: -220% 0; } }
.shop-list-page .bootstrap-table .table { font-size: 13px; }
.shop-list-page .bootstrap-table .table > thead > tr > th { font-size: 12px; text-align: left !important; }
.shop-list-page .bootstrap-table .table > tbody > tr > td { padding: 11px 12px; text-align: left !important; line-height: 1.55; }
.shop-list-page .bootstrap-table .table > thead > tr > th:last-child,
.shop-list-page .bootstrap-table .table > tbody > tr > td:last-child { text-align: center !important; }
.shop-row-actions { display: grid; min-width: 250px; grid-template-columns: repeat(3, minmax(68px, 1fr)); gap: 6px; }
.shop-row-actions .shop-action { display: inline-flex; min-height: 29px; align-items: center; justify-content: center; gap: 6px; padding: 5px 8px; border: 1px solid #f1dfd1; border-radius: 7px; background: #fffaf6; color: #9b5a30; font-size: 11px; font-weight: 600; text-decoration: none; white-space: nowrap; transition: background .16s ease, border-color .16s ease, color .16s ease; }
.shop-row-actions .shop-action:hover { border-color: #edbd96; background: #fff0e3; color: #d96e22; }
.shop-row-actions .shop-action .fa { font-size: 11px; }
.shop-row-actions .shop-action-primary { border-color: #ef7d29; background: linear-gradient(135deg,#f58b37,#e96e19); color: #fff; }
.shop-row-actions .shop-action-primary:hover { border-color: #dc6817; background: #df6c1d; color: #fff; }
.shop-row-actions .shop-action-muted { border-color: #f0dfdc; background: #fff7f6; color: #aa655d; }
.shop-editor-page { min-height: 100%; background: #f7f5f3; }
.layui-layer.shop-editor-modal { overflow: hidden; border: 1px solid #eadfd7 !important; border-radius: 14px !important; box-shadow: 0 24px 70px rgba(42,29,23,.24) !important; }
.layui-layer.shop-editor-modal .layui-layer-title { height: 48px; padding-left: 22px; background: #fffaf6; font-size: 15px; font-weight: 650; line-height: 48px; }
.layui-layer.shop-editor-modal .layui-layer-content { background: #f7f5f3; }
.layui-layer.shop-editor-modal .layui-layer-btn { padding: 10px 20px 14px; border-top: 1px solid #eee6e0; background: #fff; }
.layui-layer.shop-editor-modal .layui-layer-btn a { min-width: 76px; height: 34px; border-radius: 7px; line-height: 32px; }
.shop-editor-page .main-content { padding: 22px 28px 30px; }
.shop-editor-page #form-user-add { display: block; padding: 0; }
.shop-editor-page #form-user-add > .form-header { margin: 0 0 20px; padding: 0 0 14px 13px; border-bottom: 1px solid #eee6e0; color: #47383e; font-size: 19px; font-weight: 650; }
.shop-editor-page .shop-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; row-gap: 2px; align-items: start; padding: 6px 24px 24px; }
.shop-editor-page #form-user-add .form-group.shop-field { display: grid; grid-template-columns: 148px minmax(0, 1fr); align-items: center; min-width: 0; margin: 0 0 16px; }
.shop-editor-page #form-user-add .form-group.shop-field::before,
.shop-editor-page #form-user-add .form-group.shop-field::after { display: none; content: none; }
.shop-editor-page #form-user-add .form-group.shop-field-full { grid-column: 1 / -1; }
.shop-editor-page #form-user-add .form-group > .control-label { width: auto; float: none; margin: 0; padding: 0 16px 0 0; color: #675a60; font-size: 13px; font-weight: 600; line-height: 1.5; text-align: right; }
.shop-editor-page #form-user-add .form-group > div { width: auto; min-width: 0; float: none; padding: 0; }
.shop-editor-page #form-user-add .form-control { height: 38px; border-color: #e9e1db; border-radius: 8px; background: #fff; box-shadow: none; font-size: 13px; }
.shop-editor-page #form-user-add textarea.form-control { height: 88px; padding-top: 10px; resize: vertical; }
.shop-editor-page #form-user-add .form-control:focus { border-color: #eba876; box-shadow: 0 0 0 3px rgba(237,127,43,.1); }
.shop-editor-page #form-user-add .input-group { width: 100%; }
.shop-editor-page #form-user-add .input-group-addon { border-color: #e9e1db; border-radius: 0 8px 8px 0; background: #fffaf6; color: #b17b55; }
.shop-editor-page #form-user-add input[type="checkbox"] { width: 16px; height: 16px; margin: 0 7px 0 0; accent-color: #ed7b27; vertical-align: -3px; }
.shop-editor-page #form-user-add .shop-switch-field { display: inline-flex; min-height: 38px; align-items: center; gap: 7px; }
.shop-editor-page #form-user-add .shop-switch-field > label[for] { display: inline-flex; align-items: center; margin: 0; color: #756970; font-size: 12px; font-weight: 500; }
.shop-editor-page #form-user-add .shop-description-field { align-items: start !important; }
.shop-editor-page #form-user-add .shop-description-field > label { padding-top: 10px; }
.shop-editor-page .shop-settings-grid { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; }
.shop-editor-page .shop-settings-column { min-width: 0; }
.shop-editor-page #form-user-add .shop-qr-duration > div { max-width: 420px; }
.shop-editor-page .shop-upload-grid { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: start; margin-top: 2px; }
.shop-editor-page .shop-upload-card { min-width: 0; }
.shop-editor-page .shop-upload-card { min-height: 190px; padding: 15px; border: 1px solid #eee6e0; border-radius: 12px; background: linear-gradient(145deg,#fff,#fffcf9); box-shadow: 0 4px 15px rgba(55,38,29,.035); }
.shop-editor-page .shop-upload-heading { display: flex; align-items: center; gap: 10px; margin-bottom: 13px; }
.shop-editor-page .shop-upload-icon { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; background: #fff0e3; color: #e77a2a; }
.shop-editor-page .shop-upload-icon-green { background: #eaf6f0; color: #579c7d; }
.shop-editor-page .shop-upload-heading > div { display: flex; flex-direction: column; gap: 3px; }
.shop-editor-page .shop-upload-heading strong { color: #51444a; font-size: 13px; font-weight: 650; }
.shop-editor-page .shop-upload-heading small { color: #a69ca0; font-size: 10px; }
.shop-editor-page .file-input { width: 100%; }
.shop-editor-page .file-input .btn { min-height: 32px; padding: 6px 11px; border-radius: 7px; font-size: 11px; }
.shop-editor-page .file-input .btn-primary, .shop-editor-page .file-input .btn-success { border-color: #ed7b27; background: #ed7b27; color: #fff; }
.shop-editor-page .file-input .btn-default { border-color: #eee2d9; background: #fff; color: #806f66; }
.shop-editor-page .file-input .form-control { height: 34px !important; border-radius: 7px !important; }
.shop-editor-page .file-preview { margin: 8px 0 0; border: 1px solid #eee5df; border-radius: 9px; }
.shop-editor-page .file-preview-frame { border-color: #eee5df; border-radius: 8px; box-shadow: none; }
.shop-editor-page .file-preview-image { border-radius: 5px; object-fit: cover; }
.shop-editor-page .file-preview-thumbnails { min-height: 0; }
.shop-editor-page .shop-image-preview-grid { display: flex; flex-wrap: wrap; gap: 9px; margin: 0 0 12px; }
.shop-editor-page .shop-image-preview-item { width: 82px; height: 82px; overflow: hidden; border: 1px solid #eee3db; border-radius: 9px; background: #fff; box-shadow: 0 3px 9px rgba(55,38,29,.08); }
.shop-editor-page .shop-image-preview-item img { display: block; width: 100%; height: 100%; object-fit: cover; }
.shop-editor-page .shop-image-preview-item.is-broken { display: grid; place-items: center; background: #faf6f2; }
.shop-editor-page .shop-image-preview-item.is-broken:after { color: #ad9f96; content: "图片暂不可用"; font-size: 10px; }
.shop-editor-page .shop-image-preview-item.is-broken img { display: none; }
.shop-editor-page .shop-clear-images { align-self: center; padding: 7px 10px; border: 1px solid #f0d8d2; border-radius: 7px; background: #fff7f5; color: #ad6258; font-size: 11px; }
.shop-editor-page .shop-clear-images:hover { background: #ffefeb; }

/* Package editor shares the shop editor's warm branded form and upload controls. */
.package-editor-page .main-content { padding: 20px 28px 30px; }
.package-editor-page #form-user-add { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px 26px; padding: 18px 20px 24px; border: 1px solid #eee6e0; border-radius: 12px; background: #fff; box-shadow: 0 4px 15px rgba(55,38,29,.035); }
.package-editor-page #form-user-add > input[type="hidden"] { display: none; }
.package-editor-page #form-user-add > .form-header { grid-column: 1 / -1; margin: 0 0 10px; padding: 0 0 12px; border-bottom: 1px solid #eee6e0; color: #47383e; font-size: 19px; font-weight: 650; }
.package-editor-page #form-user-add > .row { display: contents; }
.package-editor-page #form-user-add > .row::before,
.package-editor-page #form-user-add > .row::after { display: none; content: none; }
.package-editor-page #form-user-add > .row > .col-sm-6 { display: contents; }
.package-editor-page #form-user-add .form-group { display: grid; grid-template-columns: 128px minmax(0, 1fr); align-items: center; min-width: 0; margin: 0 0 12px; }
.package-editor-page #form-user-add .form-group::before,
.package-editor-page #form-user-add .form-group::after { display: none; content: none; }
.package-editor-page #form-user-add .form-group > .control-label { width: auto; float: none; margin: 0; padding: 0 14px 0 0; color: #675a60; font-size: 13px; font-weight: 600; line-height: 1.5; text-align: right; }
.package-editor-page #form-user-add .form-group > div { width: auto; min-width: 0; float: none; padding: 0; }
.package-editor-page #form-user-add .form-control { width: 100%; height: 38px; border-color: #e9e1db; border-radius: 8px; background: #fff; box-shadow: none; color: #493d43; font-size: 13px; }
.package-editor-page #form-user-add textarea.form-control { height: 88px; padding-top: 10px; resize: vertical; }
.package-editor-page #form-user-add .form-control:focus { border-color: #eba876; box-shadow: 0 0 0 3px rgba(237,127,43,.1); }
.package-editor-page #form-user-add .input-group { width: 100%; }
.package-editor-page #form-user-add .input-group-addon { border-color: #e9e1db; border-radius: 0 8px 8px 0; background: #fffaf6; color: #b17b55; }
.package-editor-page #form-user-add input[type="checkbox"] { width: 18px; height: 18px; margin: 0 8px 0 0; accent-color: #ed7b27; cursor: pointer; vertical-align: -4px; }
.package-editor-page #form-user-add label:has(> #promoterCommissionFlag) { color: #55464b; font-size: 13px; font-weight: 600; cursor: pointer; }
.package-editor-page #form-user-add #activeFlag + label { color: #756970; font-size: 13px; font-weight: 550; cursor: pointer; }
.package-editor-page #form-user-add .form-group:has(#promoterCommissionFlag) { grid-column: 1 / -1; grid-template-columns: 128px minmax(0, 1fr); margin: 2px 0 14px; padding: 14px 18px; border: 1px solid #f0dfd2; border-radius: 12px; background: linear-gradient(120deg,#fffaf6,#fff); }
.package-editor-page #form-user-add .form-group:has(#promoterCommissionFlag) .input-group { max-width: 300px; margin-top: 10px; }
.package-editor-page #form-user-add .form-group:has(#promoterCommissionFlag) .shop-switch-field { color: #47383e; font-size: 14px; }
.package-editor-page #form-user-add .form-header:not(:first-child) { margin-top: 8px; padding-top: 8px; }
.package-editor-page #form-user-add .form-group:has(textarea) { grid-column: 1 / -1; grid-template-columns: 128px minmax(0, 1fr); align-items: start; margin-bottom: 16px; }
.package-editor-page #form-user-add .form-group:has(#unavailableWeekdays),
.package-editor-page #form-user-add .form-group:has(#onlyBuyFlag) { grid-column: 1 / -1; }
.package-editor-page #form-user-add .form-group:has(#unavailableWeekdays) .row { display: flex; align-items: center; margin-right: 0; margin-left: 0; }
.package-editor-page #form-user-add .form-group:has(#unavailableWeekdays) .row > .col-sm-5 { flex: 1 1 0; width: auto; min-width: 0; }
.package-editor-page #form-user-add .form-group:has(#unavailableWeekdays) .row > .col-sm-2 { flex: 0 0 42px; width: 42px; }
.package-editor-page #form-user-add .form-group:has(textarea) > .control-label { padding-top: 9px; }
.package-editor-page #form-user-add textarea[name="description"] { height: 150px; min-height: 150px; }
.package-editor-page #form-user-add textarea[name="projectContent"] { height: 190px; min-height: 190px; }
.package-editor-page #form-user-add textarea[name="usageNotice"] { height: 190px; min-height: 190px; }
.package-editor-page #form-user-add .form-group:has(#activeFlag) { grid-column: 1 / -1; grid-template-columns: 128px minmax(0, 1fr); margin: 2px 0 16px; padding: 10px 18px; border: 1px solid #eee6e0; border-radius: 10px; background: #fffaf6; }
.package-editor-page #form-user-add .ibox { width: 100%; grid-column: 1 / -1; margin: 0; }
.package-editor-page #form-user-add .ibox-content { padding: 15px; border: 1px solid #eee6e0; border-radius: 12px; background: linear-gradient(145deg,#fff,#fffcf9); box-shadow: 0 4px 15px rgba(55,38,29,.035); }
.package-editor-page #form-user-add .ibox-content .form-group { display: block; margin: 0; }
.package-editor-page #form-user-add .ibox-content .form-group > label { display: block; margin: 0 0 12px; color: #51444a; font-size: 13px; font-weight: 650; }
.package-editor-page #form-user-add .ibox-content .form-group > label::before { margin-right: 9px; color: #e77a2a; content: "\f03e"; font-family: FontAwesome; }
.package-editor-page .shop-upload-card { min-height: 150px; }
.package-editor-page .shop-image-preview-grid { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin: 0 0 12px; }
.package-editor-page .shop-image-preview-grid > img { width: 82px; height: 82px; object-fit: cover; border: 1px solid #eee3db; border-radius: 9px; background: #fff; box-shadow: 0 3px 9px rgba(55,38,29,.08); }
.package-editor-page .shop-image-preview-grid > input[type="button"] { padding: 7px 10px; border: 1px solid #f0d8d2; border-radius: 7px; background: #fff7f5; color: #ad6258; }
.package-editor-page .file-input { width: 100%; }
.package-editor-page .file-input .btn { min-height: 32px; padding: 6px 11px; border-radius: 7px; font-size: 11px; }
.package-editor-page .file-input .btn-primary, .package-editor-page .file-input .btn-success { border-color: #ed7b27; background: #ed7b27; color: #fff; }
.package-editor-page .file-input .btn-default { border-color: #eee2d9; background: #fff; color: #806f66; }
.package-editor-page .file-preview { margin: 8px 0 0; border: 1px solid #eee5df; border-radius: 9px; }
.package-editor-page .file-preview-frame { border-color: #eee5df; border-radius: 8px; box-shadow: none; }
@media (max-width: 767px) {
    .package-editor-page .main-content { padding: 14px 12px 20px; }
    .package-editor-page #form-user-add { grid-template-columns: 1fr; gap: 3px; padding: 0 8px 18px; }
    .package-editor-page #form-user-add .form-group:has(#promoterCommissionFlag),
    .package-editor-page #form-user-add .form-header { grid-column: 1; }
    .package-editor-page #form-user-add .form-group { grid-template-columns: 112px minmax(0, 1fr); }
}

/* Branded Layui date and time picker */
.layui-laydate, .layui-laydate-hint { overflow: hidden; border: 1px solid #eadfd7 !important; border-radius: 12px !important; box-shadow: 0 14px 36px rgba(55,38,29,.16) !important; }
.layui-laydate-header, .laydate-theme-molv .layui-laydate-header { border: 0 !important; background: linear-gradient(110deg,#f58b37,#e96d18) !important; }
.layui-laydate-header i, .layui-laydate-header span,
.laydate-theme-molv .layui-laydate-header i, .laydate-theme-molv .layui-laydate-header span { color: rgba(255,255,255,.94) !important; }
.layui-laydate-header i:hover, .layui-laydate-header span:hover { color: #fff !important; }
.layui-laydate-content td:hover, .layui-laydate-content td.layui-this,
.layui-laydate .layui-this { border-radius: 6px; background: #ed7b27 !important; color: #fff !important; }
.layui-laydate-content td.laydate-selected { background: #fff0e3 !important; }
.layui-laydate-content td.laydate-selected:hover { background: #ffe4cd !important; }
.layui-laydate-footer { border-color: #f0e8e2 !important; background: #fffdfa; }
.layui-laydate-footer span { border-color: #eee3db !important; border-radius: 6px !important; color: #796b70 !important; }
.layui-laydate-footer span:hover, .layui-laydate-footer span[lay-type="date"] { border-color: #f3c69f !important; color: #d66d21 !important; }
.laydate-footer-btns span:last-child { border-color: #ed7b27 !important; background: #ed7b27 !important; color: #fff !important; }
.layui-laydate-list > li:hover, .layui-laydate-list > li.layui-this { border-radius: 7px; background: #fff0e3 !important; color: #d96e22 !important; }
.layui-laydate-list > li.layui-this { background: #ed7b27 !important; color: #fff !important; }

@media (max-width: 767px) {
    .gray-bg .container-div { padding: 10px 8px; }
    .search-collapse, .select-table { border-radius: 9px; }
    .main-content { padding: 10px; }
    .management-list-page .container-div { padding: 12px 10px 20px; }
    .management-list-page .search-collapse { display: block; }
    .management-list-page .select-list ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .management-list-page .select-list .select-time { grid-column: 1 / -1; }
    .management-list-page .select-list .select-time label { flex-basis: 68px; }
    .order-page-heading { align-items: flex-start; }
    .order-heading-note { display: none; }
    .management-list-page .select-table { padding: 9px; }
    .management-list-page .fixed-table-container { overflow-x: auto; }
    .management-list-page .bootstrap-table .table { min-width: 1050px; }
    .shop-editor-page .main-content { padding: 14px 12px 20px; }
    .shop-editor-page .shop-form-grid { grid-template-columns: 1fr; column-gap: 0; }
    .shop-editor-page .shop-settings-grid { grid-template-columns: 1fr; }
    .shop-editor-page .shop-upload-grid { grid-template-columns: 1fr; }
    .shop-editor-page #form-user-add .form-group.shop-field,
    .shop-editor-page #form-user-add .form-group.shop-field-full { grid-column: 1; grid-template-columns: 118px minmax(0, 1fr); }
    .shop-editor-page .shop-upload-card { min-height: 0; }
}

/* Premium sign-in experience */
html, body.signin { width: 100%; min-height: 100%; height: 100%; }
body.signin {
    margin: 0;
    min-height: 100vh;
    height: auto;
    color: #33251f;
    background: #f7eee4 url("../img/login-bg-dumei.png") center center / cover no-repeat fixed;
    overflow-x: hidden;
}
.signin-shell {
    width: min(1280px, calc(100% - 96px));
    min-height: 100vh;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 440px;
    gap: clamp(56px, 8vw, 144px);
    align-items: center;
    padding: 58px 0 42px;
    box-sizing: border-box;
}
.signin-story { display: flex; min-height: 620px; flex-direction: column; justify-content: space-between; padding: 14px 0 0; }
.signin-brand { display: flex; align-items: center; gap: 13px; color: #30221d; letter-spacing: .04em; }
.signin-brand img { width: 46px; height: 46px; padding: 5px; border: 1px solid rgba(255,255,255,.82); border-radius: 15px; background: rgba(255,255,255,.72); box-shadow: 0 8px 24px rgba(132,79,28,.09); }
.signin-brand span { font-size: 21px; font-weight: 750; }
.signin-brand i { width: 1px; height: 19px; margin: 0 2px; background: rgba(74,51,38,.25); }
.signin-brand small { color: #79695f; font-size: 14px; letter-spacing: .12em; }
.signin-message { padding: 0 0 36px 2px; }
.signin-eyebrow { display: inline-block; margin-bottom: 24px; color: #b65c14; font-size: 14px; font-weight: 650; letter-spacing: .12em; }
.signin-message h1 { margin: 0 0 22px; color: #33241e; font-size: clamp(42px, 4.4vw, 62px); font-weight: 720; letter-spacing: .025em; line-height: 1.32; }
.signin-message p { margin: 0; color: #75645a; font-size: 17px; line-height: 1.95; letter-spacing: .025em; }
.signin-story-footer { color: rgba(83,66,55,.7); font-size: 12px; letter-spacing: .04em; }
.signin-story-footer span { padding: 0 8px; color: #d37a34; }
.signin-card-wrap { width: 100%; }
.signin-card {
    width: 100%;
    padding: 42px 40px 27px;
    border: 1px solid rgba(255,255,255,.92);
    border-radius: 22px;
    background: rgba(255,255,255,.88);
    box-shadow: 0 24px 70px rgba(89,56,30,.13), 0 2px 10px rgba(89,56,30,.05);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    box-sizing: border-box;
}
.signin-card-brand { display: flex; align-items: center; gap: 10px; color: #6e5a4d; font-size: 13px; font-weight: 650; letter-spacing: .04em; }
.signin-card-brand img { width: 28px; height: 28px; }
.signin-card-heading { margin: 32px 0 29px; }
.signin-card-heading h2 { margin: 0 0 9px; color: #2d211d; font-size: 27px; font-weight: 700; letter-spacing: .02em; }
.signin-card-heading p { margin: 0; color: #97877d; font-size: 13px; }
.signin-field-label { display: block; margin: 0 0 9px; color: #55463e; font-size: 13px; font-weight: 650; }
.signin-input-wrap { position: relative; margin-bottom: 21px; }
.signin-input-wrap > i { position: absolute; top: 17px; left: 16px; z-index: 2; color: #aa9789; font-size: 15px; }
.signin-input-wrap .form-control, .signin-captcha .form-control {
    height: 50px !important;
    margin: 0 !important;
    padding: 0 15px 0 44px !important;
    border: 1px solid #e9e0d9 !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.88);
    color: #342720;
    font-size: 14px;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.signin-captcha .form-control { padding: 0 14px !important; }
.signin-input-wrap .form-control::placeholder, .signin-captcha .form-control::placeholder { color: #b2a59c; }
.signin-input-wrap .form-control:focus, .signin-captcha .form-control:focus { border-color: #e49a5e !important; background: #fff; box-shadow: 0 0 0 4px rgba(232,139,64,.12) !important; }
.signin-captcha { display: grid; grid-template-columns: minmax(0, 1fr) 124px; align-items: end; gap: 13px; margin: 0 0 16px; }
.signin-captcha-input .form-control { width: 100%; }
.signin-captcha-refresh { position: relative; display: flex; height: 50px; align-items: center; justify-content: center; overflow: hidden; padding: 3px; border: 1px solid #ead8c8; border-radius: 10px; background: linear-gradient(145deg, #fffdfa, #fff5eb); box-shadow: 0 3px 10px rgba(103,67,43,.055); transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.signin-captcha-refresh:hover { border-color: #eab486; box-shadow: 0 5px 14px rgba(173,101,48,.12); transform: translateY(-1px); }
.signin-captcha-refresh img { display: block; width: auto; max-width: 100%; height: auto; max-height: 100%; object-fit: contain; }
.signin-captcha-refresh-hint { position: absolute; right: 4px; bottom: 4px; display: flex; align-items: center; gap: 4px; padding: 3px 6px; border: 1px solid rgba(255,255,255,.8); border-radius: 6px; background: rgba(255,250,244,.93); color: #a55a28; font-size: 9px; line-height: 1; opacity: 0; pointer-events: none; transition: opacity .16s ease; }
.signin-captcha-refresh:hover .signin-captcha-refresh-hint,
.signin-captcha-refresh:focus .signin-captcha-refresh-hint { opacity: 1; }
.signin-options { display: flex; min-height: 26px; align-items: center; justify-content: space-between; margin: 3px 0 22px; }
.signin-remember { position: relative; display: inline-flex; align-items: center; gap: 9px; margin: 0; color: #76685f; font-size: 13px; font-weight: 400; cursor: pointer; }
.signin-remember input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.signin-checkmark { display: inline-block; width: 17px; height: 17px; border: 1px solid #d9ccc2; border-radius: 5px; background: #fff; }
.signin-remember input:checked + .signin-checkmark { border-color: var(--dm-orange); background: var(--dm-orange); }
.signin-remember input:checked + .signin-checkmark:after { display: block; width: 5px; height: 9px; margin: 2px 0 0 5px; border: solid #fff; border-width: 0 2px 2px 0; content: ""; transform: rotate(45deg); }
.signin-options > a { color: #c16620; font-size: 13px; }
.signin-options > a:hover { color: #9e4c0d; text-decoration: none; }
.signin-submit { position: relative; display: flex; width: 100%; height: 52px; align-items: center; justify-content: center; gap: 10px; border: 0; border-radius: 10px; background: linear-gradient(105deg, #f28b2e, #e96d12); box-shadow: 0 8px 18px rgba(226,107,20,.22); color: #fff; font-size: 15px; font-weight: 650; letter-spacing: .06em; transition: transform .18s ease, box-shadow .18s ease, filter .18s ease; }
.signin-submit > i { position: absolute; right: 19px; font-size: 13px; transition: transform .18s ease; }
.signin-submit:hover:not(:disabled) { box-shadow: 0 11px 23px rgba(226,107,20,.3); filter: saturate(1.04); transform: translateY(-1px); }
.signin-submit:hover:not(:disabled) > i { transform: translateX(3px); }
.signin-submit:focus { outline: 0; box-shadow: 0 0 0 4px rgba(232,139,64,.2), 0 8px 18px rgba(226,107,20,.22); }
.signin-submit:disabled { cursor: wait; opacity: .88; }
.login-btn-spinner { display: none; width: 16px; height: 16px; border: 2px solid rgba(255,255,255,.42); border-top-color: #fff; border-radius: 50%; animation: signin-spin .7s linear infinite; }
.signin-submit.is-loading .login-btn-spinner { display: inline-block; }
.signin-submit.is-loading > i { display: none; }
@keyframes signin-spin { to { transform: rotate(360deg); } }
.signin-card-footer { display: flex; justify-content: center; gap: 7px; margin-top: 23px; color: #a39388; font-size: 11px; }
.signin-card-footer i { color: #7eaa91; }
.signin-copyright { margin: 18px 0 0; color: rgba(83,66,55,.65); font-size: 11px; text-align: center; letter-spacing: .03em; }
@media (max-width: 860px) {
    .signin-shell { width: min(100% - 48px, 520px); grid-template-columns: 1fr; gap: 28px; padding: 30px 0 20px; }
    .signin-story { min-height: auto; gap: 32px; padding: 0; }
    .signin-message { padding: 0; }
    .signin-message h1 { margin-bottom: 12px; font-size: 34px; }
    .signin-message p { font-size: 14px; }
    .signin-story-footer { display: none; }
    .signin-card { padding: 30px 26px 23px; }
    .signin-card-heading { margin: 23px 0 22px; }
}
@media (max-width: 420px) {
    body.signin { background-attachment: scroll; }
    .signin-shell { width: calc(100% - 32px); padding-top: 22px; }
    .signin-brand img { width: 38px; height: 38px; }
    .signin-brand span { font-size: 18px; }
    .signin-message h1 { font-size: 30px; }
    .signin-card { padding: 25px 21px 21px; border-radius: 18px; }
    .signin-captcha { grid-template-columns: minmax(0, 1fr) 112px; }
}

/* Keep the expanded submenu inside the same warm palette as the main item. */
#side-menu > li > ul.nav-second-level,
#side-menu > li > ul.nav-second-level.collapse,
#side-menu > li > ul.nav-second-level.in,
#side-menu > li > ul.nav-second-level > li {
    background: #302426 !important;
}
#side-menu > li > ul.nav-second-level > li > a,
#side-menu > li > ul.nav-second-level > li > ul.nav-third-level > li > a {
    background: transparent !important;
    color: #c9bdbb !important;
}
#side-menu > li > ul.nav-second-level > li.active,
#side-menu > li > ul.nav-second-level > li.selected {
    background: rgba(237,116,25,.12) !important;
}
#side-menu > li > ul.nav-second-level > li.active > a,
#side-menu > li > ul.nav-second-level > li.selected > a,
#side-menu > li > ul.nav-second-level > li > ul.nav-third-level > li.active > a {
    background: transparent !important;
    color: #ffbd87 !important;
    font-weight: 650;
}
#side-menu > li > ul.nav-second-level > li > a:hover,
#side-menu > li > ul.nav-second-level > li > ul.nav-third-level > li > a:hover {
    background: rgba(255,255,255,.06) !important;
    color: #fff !important;
}
#side-menu > li.active,
#side-menu > li.selected { background: #261d20 !important; }
#side-menu > li.active,
#side-menu > li.selected,
#side-menu > li > ul.nav-second-level > li.active,
#side-menu > li > ul.nav-second-level > li.selected {
    border-left: 0 !important;
}
#side-menu > li.active > a,
#side-menu > li.selected > a { border-left-color: #f18a3b !important; }
#side-menu > li > ul.nav-second-level > li.active > a,
#side-menu > li > ul.nav-second-level > li.selected > a { border-left: 0 !important; }
#side-menu .user-panel {
    background: linear-gradient(110deg, #382723, #302223) !important;
    border: 1px solid rgba(244,169,116,.13);
    border-radius: 11px;
}
#side-menu > li > ul.nav-second-level,
#side-menu > li > ul.nav-second-level.collapse,
#side-menu > li > ul.nav-second-level.in { background-color: #302426 !important; }