body{background:var(--body-bg);color:var(--body-color);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s,color .2s}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-moz-selection{background:#6366f14d;color:var(--selection-color)}::selection{background:#6366f14d;color:var(--selection-color)}.glass{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--glass-bg)!important;border:1px solid var(--glass-border)}.gradient-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important}.gradient-surface{background:linear-gradient(180deg,var(--gradient-surface-from),var(--gradient-surface-to))!important}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #6366f126}.btn{align-items:center;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s}.btn:active{transform:scale(.97)}.btn-primary{align-items:center;background:linear-gradient(135deg,#6366f1,#7c3aed)!important;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s}.btn-primary:hover{background:linear-gradient(135deg,#818cf8,#8b5cf6)!important;box-shadow:0 4px 15px #6366f14d}.btn-primary:active{transform:scale(.97)}.btn-secondary{align-items:center;background:var(--btn-secondary-bg)!important;border:1px solid var(--btn-secondary-border);border-radius:.5rem;color:var(--btn-secondary-color);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s}.btn-secondary:hover{background:var(--btn-secondary-hover-bg)!important;border-color:var(--btn-secondary-hover-border);color:var(--btn-secondary-hover-color)}.btn-secondary:active{transform:scale(.97)}.btn-ghost{align-items:center;border-radius:.5rem;color:var(--btn-ghost-color);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s}.btn-ghost:hover{background:var(--btn-ghost-hover-bg);color:var(--btn-ghost-hover-color)}.btn-ghost:active{transform:scale(.97)}.btn-danger{align-items:center;background:var(--btn-danger-bg)!important;border:1px solid var(--btn-danger-border);border-radius:.5rem;color:var(--btn-danger-color);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s}.btn-danger:hover{background:var(--btn-danger-hover-bg)!important;color:var(--btn-danger-hover-color)}.btn-danger:active{transform:scale(.97)}.card,.card-hover{background:var(--card-bg)!important;border:1px solid var(--card-border);border-radius:.75rem;box-shadow:var(--shadow-card)}.card-hover{cursor:pointer;transition:all .3s}.card-hover:hover{border-color:rgb(var(--color-slate-500));box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;padding:.125rem .625rem}.badge-primary{background:#6366f126;color:#818cf8}.badge-success{background:#10b98126;color:#34d399}.badge-warning{background:#f59e0b26;color:#fbbf24}.input{background:var(--input-bg)!important;border:1px solid var(--input-border);border-radius:.5rem;color:var(--input-color);font-size:.875rem;outline:none;padding:.625rem .875rem;transition:all .2s;width:100%}.input::-moz-placeholder{color:var(--input-placeholder)}.input::placeholder{color:var(--input-placeholder)}.input:focus{border-color:#6366f199}.divider{border-top:1px solid var(--divider-color)}.skeleton{animation:skeleton-shimmer 1.8s ease-in-out infinite;background:linear-gradient(90deg,var(--skeleton-from) 0,var(--skeleton-mid) 40%,var(--skeleton-from) 80%);background-size:200% 100%;border-radius:.5rem}.skeleton-card{background:var(--skeleton-card-bg)!important;border:1px solid var(--card-border);border-radius:.75rem;box-shadow:var(--shadow-card);overflow:hidden}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}