@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
.widget-card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--elevation-2);padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.widget-header{gap:var(--space-3);flex-direction:column;display:flex}@media (min-width:480px){.widget-header{flex-direction:row;justify-content:space-between;align-items:flex-start}}.widget-title-group{align-items:center;gap:var(--space-3);display:flex}.widget-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.widget-icon-primary{background:var(--color-primary-surface);color:var(--color-primary)}.widget-icon-info{color:#1a80e6;background:#e6f2ff}.widget-title{font-size:var(--text-title-medium);color:var(--color-neutral-900);font-weight:600}.widget-subtitle{font-size:var(--text-body-small);color:var(--color-neutral-500)}.widget-nav{align-items:center;gap:var(--space-2);display:flex}.widget-nav-btn{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-white);width:2rem;height:2rem;color:var(--color-neutral-600);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.widget-nav-btn:hover:not(:disabled){background:var(--color-neutral-50);border-color:var(--color-neutral-300)}.widget-nav-btn:disabled{opacity:.4;cursor:not-allowed}.widget-nav-label{font-size:var(--text-body-small);color:var(--color-neutral-600);text-align:center;min-width:6rem}.widget-footer{padding-top:var(--space-3);border-top:1px solid var(--color-neutral-100);justify-content:flex-start;align-items:center;display:flex}.widget-stat{align-items:center;gap:var(--space-2);display:flex}.widget-stat-dot{border-radius:var(--radius-full);width:.5rem;height:.5rem}.widget-stat-dot.success{background:var(--color-success)}.widget-stat-dot.warning{background:var(--color-warning)}.widget-stat-dot.danger{background:var(--color-danger)}.widget-stat-label{font-size:var(--text-body-xsmall);color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.widget-stat-value{font-size:var(--text-body-medium);color:var(--color-neutral-900);font-weight:700}.attendance-list{gap:var(--space-2);flex-direction:column;display:flex}.attendance-row{align-items:center;gap:var(--space-3);padding:var(--space-2)0;display:flex}.attendance-row-active .attendance-day{color:var(--color-primary);font-weight:700}.attendance-day{width:1.5rem;font-size:var(--text-body-medium);color:var(--color-neutral-600);text-align:center;font-weight:500}.attendance-bar-container{background:var(--color-neutral-100);border-radius:var(--radius-full);flex:1;height:.5rem;overflow:hidden}.attendance-bar{background:var(--color-primary);border-radius:var(--radius-full);height:100%;transition:width var(--transition-base)}.attendance-percentage{width:2.5rem;font-size:var(--text-body-small);color:var(--color-neutral-600);text-align:right;font-weight:500}.chart-legend{gap:var(--space-4);display:flex}.legend-item{align-items:center;gap:var(--space-2);display:flex}.legend-dot{border-radius:var(--radius-sm);width:.75rem;height:.75rem}.legend-dot-male{background:#308ce8}.legend-dot-female{background:#e8308c}.legend-label{font-size:var(--text-body-small);color:var(--color-neutral-600)}.bar-chart{gap:var(--space-2);height:180px;padding-top:var(--space-2);display:flex}.bar-chart-y-axis{flex-direction:column;justify-content:space-between;width:2rem;padding-bottom:1.5rem;display:flex}.bar-chart-y-label{font-size:var(--text-body-xsmall);color:var(--color-neutral-400);text-align:right}.bar-chart-area{flex-direction:column;flex:1;display:flex;position:relative}.bar-chart-grid{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0 0 1.5rem}.bar-chart-grid-line{background:var(--color-neutral-100);height:1px}.bar-chart-bars{z-index:1;flex:1;justify-content:space-around;align-items:flex-end;padding-bottom:1.5rem;display:flex;position:relative}.bar-group{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.bar-pair{align-items:flex-end;gap:var(--space-1);height:100%;display:flex}.bar{border-radius:var(--radius-sm)var(--radius-sm)0 0;width:1.5rem;min-height:2px;transition:height var(--transition-base)}.bar-male{background:#308ce8}.bar-female{background:#e8308c}.bar-label{font-size:var(--text-body-small);color:var(--color-neutral-600);text-transform:capitalize}.widgets-grid{gap:var(--space-4);display:grid}@media (min-width:768px){.widgets-grid{grid-template-columns:repeat(2,1fr)}}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary);color:var(--color-white)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}