@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a2e;--bg-card:#12121acc;--bg-hover:#ffffff0d;--primary:#6347eb;--primary-light:#8a75f0;--primary-dark:#3b1ae6;--primary-transparent:#6347eb26;--accent-warm:#eb9947;--accent-success:#22c35d;--accent-warning:#f4c025;--accent-danger:#eb4747;--accent-info:#47b4eb;--text-primary:#e8e8ed;--text-secondary:#8b8b9e;--text-muted:#5a5a6e;--border-color:#ffffff14;--border-focus:var(--primary);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px #6347eb4d;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--transition-fast:all .15s ease;--transition-base:all .2s ease;--transition-slow:all .3s ease;--sidebar-width:260px;--sidebar-collapsed-width:72px;--topbar-height:64px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea,select{outline:none;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.btn{align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-md);transition:var(--transition-base);cursor:pointer;border:none;padding:10px 20px;font-size:14px;font-weight:500;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-light);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-hover)}.btn-danger{background:var(--accent-danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:var(--transition-base);padding:10px 14px;font-size:14px}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-transparent)}.input::placeholder{color:var(--text-muted)}.select{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);cursor:pointer;transition:var(--transition-base);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238b8b9e' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding:10px 14px;font-size:14px}.select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-transparent)}.textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);resize:vertical;min-height:100px;transition:var(--transition-base);padding:10px 14px;font-size:14px}.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-transparent)}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition-base)}.card:hover{border-color:#ffffff1f}.badge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-success{color:var(--accent-success);background:#22c35d26}.badge-warning{color:var(--accent-warning);background:#f4c02526}.badge-danger{color:var(--accent-danger);background:#eb474726}.badge-info{color:var(--accent-info);background:#47b4eb26}.badge-primary{background:var(--primary-transparent);color:var(--primary-light)}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-hover) 50%, var(--bg-tertiary) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-in{animation:.3s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toast{border-radius:var(--radius-md);z-index:9999;padding:14px 20px;font-size:14px;font-weight:500;animation:.3s slideIn;position:fixed;bottom:24px;right:24px}.toast-success{background:var(--accent-success);color:#fff}.toast-error{background:var(--accent-danger);color:#fff}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.empty-state{padding:var(--spacing-2xl);color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state svg{margin-bottom:var(--spacing-md);opacity:.5}.page-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.page-title{font-size:24px;font-weight:600}.breadcrumb{align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);margin-bottom:var(--spacing-md);font-size:14px;display:flex}.breadcrumb a:hover{color:var(--primary-light)}