.dashboard-modern-layout{background:hsl(var(--muted));min-height:100vh}.dashboard-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transition:box-shadow .2s ease,transform .1s ease}.dashboard-card:hover{box-shadow:0 2px 4px 0 rgba(0,0,0,.06),0 1px 2px 0 rgba(0,0,0,.04);transform:translateY(-1px)}.dashboard-content{padding:1rem}@media (min-width:640px){.dashboard-content{padding:1.5rem}}.dashboard-form{padding:1.5rem}.dashboard-form,.dashboard-table{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.dashboard-table{overflow:hidden}.dashboard-button-primary{background:linear-gradient(90deg,#21529c,#122b52);border:none;border-radius:.5rem;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .2s ease}.dashboard-button-primary:hover{box-shadow:0 2px 4px 0 rgba(0,0,0,.1);transform:translateY(-1px)}.dashboard-button-secondary{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#374151;cursor:pointer;padding:.5rem 1rem;transition:all .2s ease}.dashboard-button-secondary:hover{background:#f9fafb;border-color:#9ca3af}.dashboard-grid{display:grid;gap:1rem}.dashboard-grid-2{grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.dashboard-grid-2{grid-template-columns:repeat(2,1fr)}}.dashboard-grid-3{grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.dashboard-grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.dashboard-grid-3{grid-template-columns:repeat(3,1fr)}}.dashboard-grid-4{grid-template-columns:repeat(1,1fr)}@media (min-width:640px){.dashboard-grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.dashboard-grid-4{grid-template-columns:repeat(4,1fr)}}.dashboard-alert{border:1px solid;border-radius:.75rem;margin:1rem 0;padding:1rem}.dashboard-alert-success{background:#f0fdf4;border-color:#22c55e;color:#15803d}.dashboard-alert-warning{background:#fffbeb;border-color:#f59e0b;color:#92400e}.dashboard-alert-error{background:#fef2f2;border-color:#ef4444;color:#991b1b}.dashboard-alert-info{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.dashboard-loading{align-items:center;color:#6b7280;display:flex;justify-content:center;padding:2rem}.dashboard-loading-spinner{animation:spin 1s linear infinite;border-radius:50%;border:2px solid #e5e7eb;border-top-color:#3b82f6;height:1.5rem;width:1.5rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dashboard-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);padding:1.5rem;transition:all .2s ease}.dashboard-stat-card:hover{box-shadow:0 2px 4px 0 rgba(0,0,0,.06);transform:translateY(-1px)}.dashboard-stat-value{color:#111827;font-size:2rem;font-weight:700;line-height:1.2}.dashboard-stat-label{color:#6b7280;font-size:.875rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.dashboard-stat-change{border-radius:9999px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.dashboard-stat-change-positive{background:#dcfce7;color:#15803d}.dashboard-stat-change-negative{background:#fee2e2;color:#991b1b}.dashboard-scroll::-webkit-scrollbar{height:6px;width:6px}.dashboard-scroll::-webkit-scrollbar-track{background:transparent}.dashboard-scroll::-webkit-scrollbar-thumb{background-color:rgba(156,163,175,.3);border-radius:3px}.dashboard-scroll::-webkit-scrollbar-thumb:hover{background-color:rgba(156,163,175,.5)}.dashboard-focusable:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.dashboard-fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:639px){.dashboard-content{padding:.75rem}.dashboard-grid{gap:.75rem}}