.navbar[data-v-7c5c51f3]{position:fixed;top:0;left:0;right:0;height:64px;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--cb-border-primary);z-index:1000}.navbar-inner[data-v-7c5c51f3]{display:flex;align-items:center;justify-content:space-between;height:100%}.navbar-logo[data-v-7c5c51f3]{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--cb-text-primary)}.logo-icon[data-v-7c5c51f3]{font-size:1.5rem;filter:drop-shadow(0 0 8px rgba(14,165,233,.5))}.logo-text[data-v-7c5c51f3]{font-size:1.25rem;font-weight:700;background:var(--cb-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-links[data-v-7c5c51f3]{display:flex;align-items:center;gap:32px}.nav-link[data-v-7c5c51f3]{color:var(--cb-text-secondary);font-size:.9rem;font-weight:500;text-decoration:none;transition:color var(--cb-transition-fast);position:relative}.nav-link[data-v-7c5c51f3]:hover,.nav-link.active[data-v-7c5c51f3]{color:var(--cb-text-primary)}.nav-link.active[data-v-7c5c51f3]:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--cb-gradient-primary);border-radius:1px}.navbar-actions[data-v-7c5c51f3]{display:flex;align-items:center;gap:12px}.user-menu[data-v-7c5c51f3]{position:relative}.user-avatar-btn[data-v-7c5c51f3]{background:none;border:none;cursor:pointer;padding:0}.user-avatar[data-v-7c5c51f3]{width:36px;height:36px;border-radius:50%;background:var(--cb-gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.85rem;border:2px solid rgba(14,165,233,.3);transition:all var(--cb-transition-fast)}.user-avatar[data-v-7c5c51f3]:hover{border-color:var(--cb-blue-400);box-shadow:0 0 12px #0ea5e94d}.user-dropdown[data-v-7c5c51f3]{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--cb-bg-secondary);border:1px solid var(--cb-border-primary);border-radius:var(--cb-radius-md);box-shadow:var(--cb-shadow-lg);overflow:hidden}.dropdown-header[data-v-7c5c51f3]{display:flex;align-items:center;gap:12px;padding:16px}.dropdown-avatar[data-v-7c5c51f3]{width:40px;height:40px;border-radius:50%;background:var(--cb-gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;flex-shrink:0}.dropdown-name[data-v-7c5c51f3]{font-weight:600;font-size:.9rem}.dropdown-email[data-v-7c5c51f3]{font-size:.8rem;color:var(--cb-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.dropdown-divider[data-v-7c5c51f3]{height:1px;background:var(--cb-border-primary)}.dropdown-item[data-v-7c5c51f3]{display:block;width:100%;padding:10px 16px;color:var(--cb-text-secondary);text-decoration:none;font-size:.9rem;text-align:left;background:none;border:none;cursor:pointer;transition:all var(--cb-transition-fast)}.dropdown-item[data-v-7c5c51f3]:hover{background:var(--cb-bg-tertiary);color:var(--cb-text-primary)}.dropdown-item-danger[data-v-7c5c51f3]{color:#ef4444}.dropdown-item-danger[data-v-7c5c51f3]:hover{background:#ef44441a;color:#f87171}.mobile-menu-btn[data-v-7c5c51f3]{display:none;background:none;border:none;cursor:pointer;padding:8px}.hamburger[data-v-7c5c51f3]{display:flex;flex-direction:column;gap:5px;width:24px}.hamburger span[data-v-7c5c51f3]{display:block;height:2px;background:var(--cb-text-primary);border-radius:1px;transition:all var(--cb-transition-fast)}.hamburger.open span[data-v-7c5c51f3]:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span[data-v-7c5c51f3]:nth-child(2){opacity:0}.hamburger.open span[data-v-7c5c51f3]:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu[data-v-7c5c51f3]{display:none;flex-direction:column;padding:16px;background:var(--cb-bg-secondary);border-bottom:1px solid var(--cb-border-primary)}.mobile-link[data-v-7c5c51f3]{display:block;padding:12px 16px;color:var(--cb-text-secondary);text-decoration:none;font-size:1rem;border-radius:var(--cb-radius-sm);transition:all var(--cb-transition-fast);background:none;border:none;text-align:left;cursor:pointer;width:100%}.mobile-link[data-v-7c5c51f3]:hover{background:var(--cb-bg-tertiary);color:var(--cb-text-primary)}.mobile-link-danger[data-v-7c5c51f3]{color:#ef4444}.dropdown-enter-active[data-v-7c5c51f3],.dropdown-leave-active[data-v-7c5c51f3]{transition:all .2s ease}.dropdown-enter-from[data-v-7c5c51f3],.dropdown-leave-to[data-v-7c5c51f3]{opacity:0;transform:translateY(-8px)}.slide-down-enter-active[data-v-7c5c51f3],.slide-down-leave-active[data-v-7c5c51f3]{transition:all .3s ease}.slide-down-enter-from[data-v-7c5c51f3],.slide-down-leave-to[data-v-7c5c51f3]{opacity:0;transform:translateY(-10px)}@media (max-width: 768px){.navbar-links[data-v-7c5c51f3],.navbar-actions[data-v-7c5c51f3]{display:none}.mobile-menu-btn[data-v-7c5c51f3]{display:block}.mobile-menu[data-v-7c5c51f3]{display:flex}}.main-content[data-v-2978eb4d]{min-height:calc(100vh - 64px);padding-top:64px}:root{--cb-blue-400: #38bdf8;--cb-blue-500: #0ea5e9;--cb-blue-600: #0284c7;--cb-cyan-400: #22d3ee;--cb-cyan-500: #06b6d4;--cb-purple-400: #a78bfa;--cb-purple-500: #8b5cf6;--cb-purple-600: #7c3aed;--cb-bg-primary: #0f172a;--cb-bg-secondary: #1e293b;--cb-bg-tertiary: #334155;--cb-bg-card: #1e293b;--cb-bg-card-hover: #263548;--cb-bg-input: #0f172a;--cb-text-primary: #f1f5f9;--cb-text-secondary: #94a3b8;--cb-text-muted: #64748b;--cb-text-accent: #0ea5e9;--cb-border-primary: #334155;--cb-border-accent: #0ea5e9;--cb-gradient-primary: linear-gradient(135deg, #0ea5e9, #06b6d4, #8b5cf6);--cb-gradient-card: linear-gradient(145deg, #1e293b, #0f172a);--cb-gradient-button: linear-gradient(135deg, #0ea5e9, #06b6d4);--cb-gradient-button-hover: linear-gradient(135deg, #38bdf8, #22d3ee);--cb-gradient-purple: linear-gradient(135deg, #8b5cf6, #06b6d4);--cb-shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--cb-shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--cb-shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--cb-shadow-25d: 8px 8px 0px rgba(14, 165, 233, .15), 12px 12px 24px rgba(0, 0, 0, .4);--cb-shadow-25d-hover: 6px 6px 0px rgba(14, 165, 233, .25), 10px 10px 20px rgba(0, 0, 0, .5);--cb-shadow-glow: 0 0 20px rgba(14, 165, 233, .3), 0 0 40px rgba(14, 165, 233, .1);--cb-shadow-purple-glow: 0 0 20px rgba(139, 92, 246, .3), 0 0 40px rgba(139, 92, 246, .1);--cb-perspective: 1000px;--cb-rotate-25d: rotateX(5deg) rotateY(-5deg);--cb-rotate-25d-hover: rotateX(2deg) rotateY(-2deg);--cb-rotate-25d-reverse: rotateX(5deg) rotateY(5deg);--cb-spacing-xs: 4px;--cb-spacing-sm: 8px;--cb-spacing-md: 16px;--cb-spacing-lg: 24px;--cb-spacing-xl: 32px;--cb-spacing-2xl: 48px;--cb-spacing-3xl: 64px;--cb-radius-sm: 6px;--cb-radius-md: 12px;--cb-radius-lg: 16px;--cb-radius-xl: 24px;--cb-radius-full: 9999px;--cb-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--cb-font-mono: "JetBrains Mono", "Fira Code", monospace;--cb-transition-fast: .15s ease;--cb-transition-normal: .3s ease;--cb-transition-slow: .5s ease;--cb-z-dropdown: 100;--cb-z-modal: 200;--cb-z-toast: 300}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--cb-font-sans);background-color:var(--cb-bg-primary);color:var(--cb-text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:var(--cb-text-accent);text-decoration:none;transition:color var(--cb-transition-fast)}a:hover{color:var(--cb-blue-400)}img{max-width:100%;height:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--cb-bg-primary)}::-webkit-scrollbar-thumb{background:var(--cb-bg-tertiary);border-radius:var(--cb-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--cb-text-muted)}.cb-card{background:var(--cb-gradient-card);border:1px solid var(--cb-border-primary);border-radius:var(--cb-radius-lg);padding:var(--cb-spacing-lg);transition:all var(--cb-transition-normal);position:relative;overflow:hidden}.cb-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--cb-gradient-primary);opacity:.5}.cb-card:hover{border-color:var(--cb-border-accent);box-shadow:var(--cb-shadow-glow)}.cb-card-25d{transform:perspective(var(--cb-perspective)) var(--cb-rotate-25d);box-shadow:var(--cb-shadow-25d);border:1px solid rgba(14,165,233,.1)}.cb-card-25d:hover{transform:perspective(var(--cb-perspective)) var(--cb-rotate-25d-hover) translateY(-4px);box-shadow:var(--cb-shadow-25d-hover),var(--cb-shadow-glow)}.cb-card-25d-reverse{transform:perspective(var(--cb-perspective)) var(--cb-rotate-25d-reverse);box-shadow:-8px 8px #8b5cf626,-12px 12px 24px #0006}.cb-card-25d-reverse:hover{transform:perspective(var(--cb-perspective)) rotateX(2deg) rotateY(2deg) translateY(-4px);box-shadow:-6px 6px #8b5cf640,-10px 10px 20px #00000080,var(--cb-shadow-purple-glow)}.cb-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--cb-spacing-sm);padding:10px 24px;border:none;border-radius:var(--cb-radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--cb-transition-normal);text-decoration:none;line-height:1.5;position:relative;overflow:hidden}.cb-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff1a;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.cb-btn:active:after{width:300px;height:300px}.cb-btn-primary{background:var(--cb-gradient-button);color:#fff;box-shadow:0 4px 12px #0ea5e94d}.cb-btn-primary:hover{background:var(--cb-gradient-button-hover);box-shadow:0 6px 20px #0ea5e966;transform:translateY(-2px)}.cb-btn-secondary{background:var(--cb-bg-tertiary);color:var(--cb-text-primary);border:1px solid var(--cb-border-primary)}.cb-btn-secondary:hover{background:var(--cb-bg-card-hover);border-color:var(--cb-border-accent)}.cb-btn-outline{background:transparent;color:var(--cb-blue-500);border:1px solid var(--cb-blue-500)}.cb-btn-outline:hover{background:#0ea5e91a;box-shadow:var(--cb-shadow-glow)}.cb-btn-purple{background:var(--cb-gradient-purple);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.cb-btn-purple:hover{box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.cb-btn-lg{padding:14px 32px;font-size:1.1rem}.cb-btn-sm{padding:6px 16px;font-size:.85rem}.cb-btn-block{width:100%}.cb-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.cb-form-group{margin-bottom:var(--cb-spacing-lg)}.cb-label{display:block;margin-bottom:var(--cb-spacing-sm);color:var(--cb-text-secondary);font-size:.9rem;font-weight:500}.cb-input{width:100%;padding:12px 16px;background:var(--cb-bg-input);border:1px solid var(--cb-border-primary);border-radius:var(--cb-radius-md);color:var(--cb-text-primary);font-size:1rem;transition:all var(--cb-transition-fast);outline:none}.cb-input:focus{border-color:var(--cb-blue-500);box-shadow:0 0 0 3px #0ea5e926}.cb-input::placeholder{color:var(--cb-text-muted)}.cb-textarea{width:100%;padding:12px 16px;background:var(--cb-bg-input);border:1px solid var(--cb-border-primary);border-radius:var(--cb-radius-md);color:var(--cb-text-primary);font-size:1rem;transition:all var(--cb-transition-fast);outline:none;resize:vertical;min-height:120px;font-family:var(--cb-font-sans);line-height:1.6}.cb-textarea:focus{border-color:var(--cb-blue-500);box-shadow:0 0 0 3px #0ea5e926}.cb-checkbox{display:flex;align-items:center;gap:var(--cb-spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.cb-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--cb-blue-500);cursor:pointer}.cb-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--cb-radius-full);font-size:.75rem;font-weight:600}.cb-badge-blue{background:#0ea5e926;color:var(--cb-blue-400)}.cb-badge-purple{background:#8b5cf626;color:var(--cb-purple-400)}.cb-badge-green{background:#22c55e26;color:#4ade80}.cb-badge-orange{background:#f9731626;color:#fb923c}.cb-container{max-width:1200px;margin:0 auto;padding:0 var(--cb-spacing-lg)}.cb-section{padding:var(--cb-spacing-3xl) 0}.cb-flex{display:flex}.cb-flex-center{display:flex;align-items:center;justify-content:center}.cb-flex-between{display:flex;align-items:center;justify-content:space-between}.cb-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--cb-spacing-lg)}.cb-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--cb-spacing-lg)}.cb-grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--cb-spacing-lg)}.cb-text-gradient{background:var(--cb-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cb-text-sm{font-size:.875rem}.cb-text-lg{font-size:1.125rem}.cb-text-xl{font-size:1.25rem}.cb-text-2xl{font-size:1.5rem}.cb-text-3xl{font-size:1.875rem}.cb-text-4xl{font-size:2.25rem}.cb-text-5xl{font-size:3rem}.cb-font-bold{font-weight:700}.cb-font-semibold{font-weight:600}@keyframes cb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes cb-pulse-glow{0%,to{box-shadow:0 0 20px #0ea5e933}50%{box-shadow:0 0 40px #0ea5e966}}@keyframes cb-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cb-fade-in{0%{opacity:0}to{opacity:1}}.cb-animate-float{animation:cb-float 3s ease-in-out infinite}.cb-animate-pulse-glow{animation:cb-pulse-glow 2s ease-in-out infinite}.cb-animate-slide-up{animation:cb-slide-up .6s ease-out forwards}.cb-animate-fade-in{animation:cb-fade-in .4s ease-out forwards}.cb-toast{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:var(--cb-radius-md);background:var(--cb-bg-secondary);border:1px solid var(--cb-border-primary);color:var(--cb-text-primary);z-index:var(--cb-z-toast);animation:cb-slide-up .3s ease-out;box-shadow:var(--cb-shadow-lg)}.cb-toast-success{border-color:#22c55e;background:#22c55e1a}.cb-toast-error{border-color:#ef4444;background:#ef44441a}.cb-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--cb-z-modal)}.cb-modal{background:var(--cb-bg-secondary);border:1px solid var(--cb-border-primary);border-radius:var(--cb-radius-lg);padding:var(--cb-spacing-xl);max-width:500px;width:90%;animation:cb-slide-up .3s ease-out}@media (max-width: 1024px){.cb-grid-5{grid-template-columns:repeat(3,1fr)}.cb-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){html{font-size:14px}.cb-container{padding:0 var(--cb-spacing-md)}.cb-section{padding:var(--cb-spacing-2xl) 0}.cb-grid-5{grid-template-columns:repeat(2,1fr)}.cb-grid-3,.cb-grid-2{grid-template-columns:1fr}.cb-card-25d,.cb-card-25d-reverse{transform:none;box-shadow:var(--cb-shadow-md)}.cb-card-25d:hover,.cb-card-25d-reverse:hover{transform:translateY(-4px)}.cb-text-5xl{font-size:2.25rem}.cb-text-4xl{font-size:1.875rem}}@media (max-width: 480px){.cb-grid-5{grid-template-columns:1fr}.cb-btn-lg{padding:12px 24px;font-size:1rem}}.page-enter-active,.page-leave-active{transition:opacity .3s ease,transform .3s ease}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0;transform:translateY(-10px)}.cb-bg-grid{background-image:linear-gradient(rgba(14,165,233,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(14,165,233,.03) 1px,transparent 1px);background-size:40px 40px}.cb-bg-dots{background-image:radial-gradient(rgba(14,165,233,.1) 1px,transparent 1px);background-size:24px 24px}.cb-glow-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.3}.cb-glow-orb-blue{background:var(--cb-blue-500)}.cb-glow-orb-purple{background:var(--cb-purple-500)}.cb-glow-orb-cyan{background:var(--cb-cyan-500)}