:root { --accent-cyan:#2bc1c8; --accent-blue:#138795; --accent-purple:#e86c53; --accent-green:#68c6b0; --accent-yellow:#dda93c; --accent-orange:#e86c53; --accent-pink:#f18b74; }
:focus-visible { outline:3px solid #e86c53!important; outline-offset:3px; }
.logo-icon,.sidebar-logo img { border-radius:50%; }
.stat-icon:empty { display:none; }
.card,.stat-card,.modal-content { border-radius:8px; }
.card { border-top:2px solid rgba(43,193,200,.4); }
.card:hover { border-top-color:#e86c53; }
@media (max-width:1024px) { .main-content { min-width:0; } .grid-4 { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:768px) {
    body { overflow-x:hidden; }
    .grid-4 { grid-template-columns:1fr; }
    .top-header { padding-inline:14px; }
    .content-area { padding:16px; }
    .modal-content { width:calc(100% - 24px); }
    .header { min-width:0; padding:14px 16px 14px 64px; display:grid; grid-template-columns:minmax(0,1fr); gap:12px; }
    .header-left,.header-title,.header-right { min-width:0; }
    .header-title h1,.header-title p { overflow-wrap:anywhere; }
    .header-right { justify-content:flex-start; gap:9px; flex-wrap:wrap; }
    .mobile-menu-btn { top:14px!important; left:14px!important; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none!important; transition:none!important; } }