:root{--client-bg:#0b1222;--client-surface:#0f172a;--client-surface-light:#1a2439;--client-border:rgba(255,255,255,0.08);--client-text:#e6eef9;--client-text-muted:#a9b9d6;--client-primary:#ccfe1e;--client-primary-dark:#a8d815;--client-radius:12px}html[data-theme="light"],[data-theme="light"]{--client-bg:#ffffff;--client-surface:#f8fafc;--client-surface-light:#f1f5f9;--client-border:rgba(0,0,0,0.08);--client-text:#0f172a;--client-text-muted:#475569;--client-primary:#0ea5e9;--client-primary-dark:#0284c7}.content-box-modern,.content-box{background:var(--client-surface);border:1px solid var(--client-border);border-radius:var(--client-radius);padding:1.5rem;margin-bottom:1.5rem}.section-header{margin-bottom:1.25rem;padding-bottom:0.75rem;border-bottom:2px solid var(--client-border)}.section-header h2{font-size:1.5rem;font-weight:700;color:var(--client-text);margin:0 0 0.5rem 0}.section-subtitle{font-size:0.875rem;color:var(--client-text-muted);margin:0}.btn-primary,.btn-primary-modern{background:linear-gradient(135deg,var(--client-primary) 0%,var(--client-primary-dark) 100%);color:#07120a;border:none;font-weight:700;transition:all 0.3s}.btn-primary:hover,.btn-primary-modern:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(204,254,30,0.3)}.btn-outline,.btn-outline-modern{background:transparent;color:var(--client-text);border:1px solid var(--client-border);transition:all 0.3s}.btn-outline:hover,.btn-outline-modern:hover{background:var(--client-surface-light);border-color:var(--client-primary);color:var(--client-primary)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}@media (max-width:1024px){.cards{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width:640px){.cards{grid-template-columns:1fr;gap:1rem}}.main-layout{display:grid;grid-template-columns:1fr 300px;gap:2rem}.main-content{display:flex;flex-direction:column}.main-sidebar{display:flex;flex-direction:column;gap:1.5rem}@media (max-width:992px){.main-layout{grid-template-columns:1fr;gap:1.5rem}.main-layout:not(.view-hack-modern .main-layout) .main-sidebar{order:1}.main-layout:not(.view-hack-modern .main-layout) .main-content{order:2}}.sidebar-box{background:var(--client-surface);border:1px solid var(--client-border);border-radius:var(--client-radius);padding:1.25rem}.sidebar-box h3{font-size:1.25rem;font-weight:700;color:var(--client-text);margin:0 0 1rem 0;padding-bottom:0.75rem;border-bottom:1px solid var(--client-border)}.pagination-modern{display:flex;justify-content:center;align-items:center;gap:0.5rem;margin-top:2rem}.pagination-modern a,.pagination-modern span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 0.75rem;background:var(--client-surface);border:1px solid var(--client-border);border-radius:8px;color:var(--client-text);text-decoration:none;transition:all 0.3s}.pagination-modern a:hover{background:var(--client-surface-light);border-color:var(--client-primary);color:var(--client-primary)}.pagination-modern .active{background:var(--client-primary);color:#07120a;border-color:var(--client-primary);font-weight:700}@media (max-width:768px){.content-box-modern,.content-box{padding:1rem}.section-header h2{font-size:1.25rem}}