.dashboard-stat-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem;margin-bottom:1rem;display:grid}@media (min-width:640px){.dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.dashboard-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.dashboard-chart-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1rem;display:grid}@media (min-width:1024px){.dashboard-chart-grid{grid-template-columns:1.6fr 1fr}}.dashboard-bottom-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:1024px){.dashboard-bottom-grid{grid-template-columns:1.4fr 1fr 1fr}}.stat-card__icon{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.stat-card__trend--up{color:var(--success)}.stat-card__trend--down{color:var(--danger)}.stat-card__trend--neutral{color:var(--muted-foreground)}.dashboard-list{flex-direction:column;display:flex}.dashboard-list__item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 0;font-size:.875rem;display:flex}.dashboard-list__item:last-child{border-bottom:none}.dashboard-activity-list{flex-direction:column;gap:1rem;display:flex}.dashboard-activity-list__item{align-items:flex-start;gap:.75rem;display:flex}.dashboard-tabs-bar{border-bottom:1px solid var(--border);gap:1.5rem;display:flex}.dashboard-tabs-bar__tab{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;padding:.5rem 0 .75rem;font-size:.875rem;font-weight:500;transition:color .15s cubic-bezier(.4,0,.2,1);position:relative}.dashboard-tabs-bar__tab:hover{color:var(--foreground)}.dashboard-tabs-bar__tab--active{color:var(--foreground);font-weight:600}.dashboard-tabs-bar__tab--active:after{content:"";border-radius:var(--radius-full);background:var(--primary);height:2px;position:absolute;bottom:-1px;left:0;right:0}.donut-chart{flex-direction:column;gap:1rem;display:flex}@media (min-width:640px){.donut-chart{flex-direction:row;align-items:center}}.donut-chart__visual{flex:1;min-width:0;position:relative}.donut-chart__center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-chart__legend{flex-direction:column;flex:1;gap:.625rem;min-width:0;display:flex}.donut-chart__legend-item{grid-template-columns:auto 1fr auto auto;align-items:center;gap:.5rem;display:grid}.donut-chart__legend-dot{border-radius:var(--radius-full);width:.625rem;height:.625rem}.page-header{border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:1rem}.page-header__content{flex-direction:column;justify-content:space-between;gap:1rem;width:100%;display:flex}@media (min-width:640px){.page-header__content{flex-direction:row;justify-content:space-between;align-items:center;gap:2rem}}.page-header__title{color:var(--foreground);text-transform:capitalize;font-size:2.25rem;font-weight:700;line-height:1.2}.page-header__breadcrumb{color:var(--muted-foreground);margin-bottom:.5rem;font-size:.875rem}.page-header__breadcrumb a{color:inherit;text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1)}.page-header__breadcrumb a:hover{color:var(--foreground)}.page-header__actions{gap:.5rem;display:flex}.page-header__tabs{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.data-table{border-collapse:separate;border-spacing:0}.data-table-head{background:linear-gradient(180deg, var(--table-header-bg) 0%, var(--table-header-bg) 100%);color:var(--table-text)}.data-table-head th{border-bottom:1px solid var(--table-border);white-space:nowrap;z-index:1;color:var(--table-text);font-weight:600;position:sticky;top:0}.data-table-body tr{background-color:var(--table-row-bg);color:var(--table-text);transition:background-color .15s}.data-table-body tr:nth-child(2n){background-color:var(--table-row-alt-bg)}.data-table-row:hover{background-color:var(--table-hover)!important}.data-table-row:hover .data-table-cell:first-child{box-shadow:inset 3px 0 0 var(--accent-brand)}.data-table-cell{border-bottom:1px solid var(--table-border);vertical-align:middle;color:var(--table-text)}.data-table-body tr:last-child .data-table-cell{border-bottom:none}.data-card{border:1px solid var(--border);background:var(--surface);color:var(--foreground);border-radius:.75rem;box-shadow:0 1px 3px #0000000f}.crud-loading-panel{justify-content:center;align-items:center;width:100%;min-height:max(20rem,100dvh - 12rem);display:flex}.crud-loading-panel--table{min-height:400px}
