:root{ --table-bg: #ffffff; --table-text: #212529; --table-thead-bg: #f8f9fa; --table-thead-text: #212529; --table-row-odd-bg: #ffffff; --table-row-even-bg: #f8fafc; --table-row-hover-bg: #eef2ff; --table-row-active-bg: #e0e7ff; --table-border-color: #dee2e6; --table-link-color: var(--dh-link, #4f46e5)} body.dark-mode, html.dark-mode{ --table-bg: var(--dh-surface, #171a21); --table-text: var(--dh-text, #eef1f6); --table-thead-bg: #222222; --table-thead-text: #f0f0f0; --table-row-odd-bg: #161616; --table-row-even-bg: #1f1f1f; --table-row-hover-bg: #2a2a2a; --table-row-active-bg: #343a40; --table-border-color: #3a3a3a; --table-link-color: #9ecbff} .table{ background-color: var(--table-bg); color: var(--table-text); border-color: var(--table-border-color); transition: background-color .25s ease, color .25s ease, border-color .25s ease} .table-responsive{ background-color: var(--table-bg); transition: background-color .25s ease} .table thead{ background-color: var(--table-thead-bg); transition: background-color .25s ease} .table thead th{ color: var(--table-thead-text) !important; transition: color .25s ease, background-color .25s ease} .thead-light, .table-light, .table thead.thead-light, .table thead.table-light{ background-color: var(--table-thead-bg) !important; color: var(--table-thead-text) !important} .table thead.thead-light th, .table thead.table-light th{ background-color: var(--table-thead-bg) !important; color: var(--table-thead-text) !important} .table tbody tr{ transition: background-color .25s ease, color .25s ease} body.dark-mode .table tbody td{ background-color: var(--table-row-odd-bg) !important; color: var(--table-text) !important} body.dark-mode .table tbody tr:nth-child(even){ background-color: var(--table-row-even-bg)} body.dark-mode .table-striped tbody tr:nth-of-type(odd){ background-color: var(--table-bg)} .table.table-striped tbody tr:nth-of-type(odd) td{ background-color: var(--table-row-odd-bg) !important} .table.table-striped tbody tr:nth-of-type(even) td{ background-color: var(--table-row-even-bg) !important} body.dark-mode .table tbody tr:nth-child(even) td{ background-color: var(--table-row-even-bg) !important} .table tbody tr:active td{ background-color: var(--table-row-active-bg) !important} .table.table-hover tbody tr:hover td, body.dark-mode .table-hover tbody tr:hover td{ background-color: var(--table-row-hover-bg) !important} body.dark-mode .table-hover tbody tr:hover{ background-color: var(--table-row-hover-bg)} .table-bordered th, .table-bordered td{ border-color: var(--table-border-color) !important} .table a{ color: var(--table-link-color)} .hours-item{ display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .5rem .75rem; margin-bottom: .5rem; border: 1px solid var(--dh-border, #e5e7eb); border-radius: .5rem; background: var(--dh-surface, #fff); color: var(--dh-text, #2b3c54); font-size: .875rem; font-family: inherit} .hours-item.today{ border-color: #60a5fa; background: linear-gradient(90deg, #eff6ff 0%, #ffffff 60%)} .hours-item.closed{ opacity: .85} .hours-day{ font-weight: 600; color: var(--dh-text, #2b3c54); font-family: inherit} .chip{ display: inline-flex; align-items: center; gap: .3rem; padding: .2rem .6rem; border: 1px solid var(--dh-border, #e5e7eb); border-radius: 999px; background: var(--dh-surface-2, #f8fafc); color: var(--dh-muted, #6b7280); font-size: .78rem; font-family: inherit} .chip-time{ background: #eef2ff; color: #1d4ed8; border-color: #dbe3ff} .chip-closed{ background: #f3f4f6; color: #4b5563; border-color: #e5e7eb} .chip-status{ background: #e6ffed; color: #065f46; border-color: #c8f3d6} .hero{ position: relative; border-radius: var(--dh-radius-sm, .5rem); overflow: hidden} .hero img{ width: 100%; height: 220px; object-fit: cover} .hero-overlay{ position: absolute; inset: 0; display: flex; align-items: center; background: rgba(0, 0, 0, .55)} .hero-title{ color: #fff} .shop-logo{ width: 96px; height: 96px; object-fit: cover; border-radius: .5rem; border: 2px solid rgba(255, 255, 255, .7); background: #fff} .text-white-90{ color: rgba(255, 255, 255, .94)} .gradient-blue{ background-image: var(--dh-kpi-1)} .gradient-green{ background-image: var(--dh-kpi-3)} .gradient-orange{ background-image: var(--dh-kpi-4)} .gradient-purple{ background-image: var(--dh-kpi-6)} .gradient-cyan{ background-image: var(--dh-kpi-2)} body.dark-mode .card, body.dark-mode .card-header, body.dark-mode .card-body, body.dark-mode .list-group-item{ background-color: var(--dh-surface); color: var(--dh-text); border-color: var(--dh-border)} body.dark-mode .content-wrapper{ background-color: var(--dh-bg)} body.dark-mode .form-control, body.dark-mode .form-select, body.dark-mode .custom-select, body.dark-mode .input-group-text{ background-color: var(--dh-surface-2); color: var(--dh-text); border-color: var(--dh-border)} body.dark-mode .btn-outline-secondary{ color: #ddd; border-color: #555} body.dark-mode .btn-outline-primary{ color: #9ecbff; border-color: var(--dh-accent)} body.dark-mode .dropdown-menu, body.dark-mode .modal-content{ background-color: var(--dh-surface); color: var(--dh-text); border-color: var(--dh-border)} body.dark-mode .dropdown-item{ color: var(--dh-text)} body.dark-mode .dropdown-item:hover{ background-color: var(--dh-surface-2)} body.dark-mode .hero-overlay{ background: rgba(0, 0, 0, .6)} body.dark-mode .shop-logo{ border-color: rgba(255, 255, 255, .4); background: #222} body.dark-mode .hours-item{ background: var(--dh-surface); color: var(--dh-text); border-color: var(--dh-border)} body.dark-mode .hours-item.today{ background: var(--dh-surface-2); border-color: var(--dh-accent)} body.dark-mode .hours-day{ color: var(--dh-text)} body.dark-mode .chip{ background: var(--dh-surface-2); color: #ddd; border-color: var(--dh-border)} body.dark-mode .chip-time{ background: #1f2433; color: #9bb7ff; border-color: #2c344a} body.dark-mode .chip-closed{ background: var(--dh-surface-2); color: #a0a0a0; border-color: var(--dh-border)} body.dark-mode .chip-status{ background: #0f2a1f; color: #9be7c2; border-color: #1b4a36} .legal-wrap{ max-width: 900px; margin: 2rem auto} .legal-card{ background: var(--dh-surface, #fff); border-radius: 1rem; box-shadow: var(--dh-shadow, 0 10px 30px rgba(17, 24, 39, .08)); padding: 2rem} .legal-card h1{ font-size: 1.75rem; font-weight: 800; margin-bottom: .75rem} .legal-card h2{ font-size: 1.1rem; font-weight: 700; margin-top: 1.75rem} .legal-card p, .legal-card li{ line-height: 2.1; color: #374151} .legal-meta{ color: #6b7280; font-size: .9rem} body.dark-mode .legal-card{ background: var(--dh-surface); color: var(--dh-text)} body.dark-mode .legal-card p, body.dark-mode .legal-card li{ color: #cbd5e1} body.dark-mode .legal-meta{ color: var(--dh-muted)}