html[data-theme="dark"] select option, html[data-theme="dark"] select optgroup,
[data-theme="dark"] select option, [data-theme="dark"] select optgroup { background-color: #1e293b !important; color: #f8fafc !important; }
@media (min-width: 768px) {
    header .container, footer .container, body > div.container, main.container, .main-container, .articles-container, .guides-container {
        width: 80% !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important;
    }
}
.header-inner { padding-right: 110px !important; position: relative; }
.dropdown-item { padding: 12px 18px; text-decoration: none; border-bottom: 1px solid #e2e8f0; display: flex; align-items: center; gap: 15px; transition: background 0.2s; }
.dropdown-item:last-child { border-bottom: none; }
.dropdown-item:hover { background: rgba(59, 130, 246, 0.08); }
.m-icon { font-size: 1.5rem; width: 30px; text-align: center; flex-shrink: 0; filter: drop-shadow(0 2px 3px rgba(0,0,0,0.1)); display: flex; align-items: center; justify-content: center; }
.m-text { display: flex; flex-direction: column; text-align: left; }
.m-title { font-weight: 700; font-size: 1.05rem; color: #0f172a; margin-bottom: 3px; transition: color 0.2s; }
.dropdown-item:hover .m-title { color: #3b82f6; }
.m-desc { font-size: 0.8rem; color: #64748b; line-height: 1.25; }
#theme-btn-global { background: #ffffff; border: 1px solid #e2e8f0; color: #0f172a; border-radius: 8px; width: 40px; height: 40px; font-size: 1.2rem; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 5px rgba(0,0,0,0.05); transition: all 0.2s; }
[data-theme="dark"] #dropdown-menu { background: #1e293b !important; border-color: #334155 !important; box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important; }
[data-theme="dark"] .dropdown-item { border-bottom-color: #334155; }
[data-theme="dark"] .dropdown-item:hover { background: rgba(59, 130, 246, 0.15); }
[data-theme="dark"] .m-title { color: #f8fafc; }
[data-theme="dark"] .dropdown-item:hover .m-title { color: #60a5fa; }
[data-theme="dark"] .m-desc { color: #94a3b8; }
[data-theme="dark"] #theme-btn-global { background: #1e293b; border-color: #334155; color: #f8fafc; }
.donate-box { margin: 30px auto 20px; padding: 20px; border-radius: 16px; text-align: center; max-width: 600px; background: var(--card-bg, #ffffff); border: 1px dashed #3b82f6; box-shadow: 0 4px 10px rgba(0,0,0,0.05); width: 100%; box-sizing: border-box; }
[data-theme="dark"] .donate-box { background: linear-gradient(145deg, #1e293b, #0f172a); border: 1px dashed rgba(59, 130, 246, 0.4); }
.donate-title { font-size: 1.1rem; font-weight: 700; margin-bottom: 8px; color: var(--text-strong); }
.donate-text { font-size: 0.9rem; color: var(--text-muted); margin-bottom: 15px; line-height: 1.4; }
.donate-btn { display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #f59e0b, #d97706); color: white !important; padding: 10px 22px; border-radius: 10px; text-decoration: none; font-weight: 600; font-size: 0.95rem; box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3); transition: transform 0.2s, box-shadow 0.2s; }
.donate-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 15px rgba(245, 158, 11, 0.4); }