@import"https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap";:root{--font-primary: "Architects Daughter", cursive;--color-bg: #faf8f5;--color-card: #ffffff;--color-border: #2c2c2c;--color-primary: #4a90d9;--color-primary-light: #7eb3ea;--color-success: #6abf69;--color-success-light: #a8e6a3;--color-warning: #f5a623;--color-warning-light: #ffd280;--color-danger: #d9534f;--color-danger-light: #f0a0a0;--color-muted: #9b9b9b;--color-muted-light: #d5d5d5;--color-highlight: #fff3cd;--color-info: #5bc0de;--color-info-light: #b8e6f0;--color-text: #2c2c2c;--color-text-secondary: #6b6b6b;--shadow-sketchy: 3px 3px 0px #2c2c2c;--shadow-sketchy-sm: 2px 2px 0px #2c2c2c;--shadow-sketchy-hover: 4px 4px 0px #2c2c2c;--border-sketchy: 2px solid #2c2c2c;--radius-sketchy-1: 255px 15px 225px 15px / 15px 225px 15px 255px;--radius-sketchy-2: 15px 255px 15px 225px / 225px 15px 255px 15px;--radius-sketchy-3: 225px 15px 255px 15px / 15px 255px 15px 225px;--radius-sketchy-4: 15px 225px 15px 255px / 255px 15px 225px 15px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:var(--font-primary);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;background-image:repeating-linear-gradient(transparent,transparent 31px,rgba(200,200,220,.15) 31px,rgba(200,200,220,.15) 32px);background-size:100% 32px}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:400;line-height:1.3}h1{font-size:2rem}h2{font-size:1.6rem}h3{font-size:1.3rem}h4{font-size:1.1rem}.sketchy-border{border:var(--border-sketchy);border-radius:var(--radius-sketchy-1)}.sketchy-border-2{border:var(--border-sketchy);border-radius:var(--radius-sketchy-2)}.sketchy-border-3{border:var(--border-sketchy);border-radius:var(--radius-sketchy-3)}.sketchy-border-4{border:var(--border-sketchy);border-radius:var(--radius-sketchy-4)}.sketchy-shadow{box-shadow:var(--shadow-sketchy)}.sketchy-shadow-sm{box-shadow:var(--shadow-sketchy-sm)}.sketchy-hover{transition:transform .15s ease,box-shadow .15s ease}.sketchy-hover:hover{transform:rotate(-1deg) translateY(-2px);box-shadow:var(--shadow-sketchy-hover)}.sketchy-underline{position:relative;display:inline-block}.sketchy-underline:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--color-primary);border-radius:2px;transform:rotate(-.5deg) scaleX(1.02)}.page-container{max-width:1400px;margin:0 auto;padding:var(--spacing-lg)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.page-title{font-size:2rem;position:relative}.stats-row{display:flex;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-xl)}.stat-item{background:var(--color-card);border:var(--border-sketchy);border-radius:var(--radius-sketchy-2);padding:var(--spacing-md) var(--spacing-lg);box-shadow:var(--shadow-sketchy-sm);text-align:center;min-width:140px}.stat-item .stat-value{font-size:1.8rem;font-weight:400;display:block}.stat-item .stat-label{font-size:.85rem;color:var(--color-text-secondary)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.text-center{text-align:center}.text-muted{color:var(--color-muted)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-sm{font-size:.85rem}.text-lg{font-size:1.2rem}.text-xl{font-size:1.5rem}.font-bold{font-weight:700}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--color-muted-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-muted)}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(.5deg)}75%{transform:rotate(-.5deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease forwards}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}