:root{--primary-hue: 250;--primary-sat: 80%;--primary-light: 60%;--color-primary: hsl(var(--primary-hue), var(--primary-sat), var(--primary-light));--color-primary-dark: hsl(var(--primary-hue), var(--primary-sat), 40%);--color-primary-light: hsl(var(--primary-hue), var(--primary-sat), 90%);--color-bg-body: hsl(220, 20%, 97%);--color-bg-surface: #ffffff;--color-bg-sidebar: #ffffff;--color-text-main: hsl(220, 20%, 20%);--color-text-muted: hsl(220, 10%, 50%);--color-success: hsl(150, 60%, 45%);--color-warning: hsl(35, 90%, 55%);--color-danger: hsl(0, 70%, 55%);--sidebar-width: 260px;--header-height: 70px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--transition-fast: .2s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--color-bg-body);color:var(--color-text-main);line-height:1.5;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.w-full{width:100%}.h-full{height:100%}.card{background:var(--color-bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.5rem;transition:var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;transition:var(--transition-fast);gap:.5rem}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 12px hsla(var(--primary-hue),var(--primary-sat),var(--primary-light),.3)}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.badge{padding:.25rem .75rem;border-radius:2rem;font-size:.85rem;font-weight:500}.badge-success{background:#2eb8731a;color:var(--color-success)}.badge-warning{background:#f49d251a;color:var(--color-warning)}.badge-danger{background:#dd3c3c1a;color:var(--color-danger)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}