#app[data-v-536a9770]{min-height:100vh;display:flex;flex-direction:column}:root{--primary: #6366F1;--primary-dark: #4F46E5;--primary-light: #A5B4FC;--secondary: #10B981;--accent: #F59E0B;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--gradient-primary: linear-gradient(135deg, #6366F1 0%, #8B5CF6 100%);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--spacing-4xl: 96px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-glow: 0 0 40px rgba(99, 102, 241, .3);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--gray-300);background:var(--gray-900);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--gray-50)}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}h4{font-size:1.25rem}p{color:var(--gray-400);max-width:65ch}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg)}.section{padding:var(--spacing-4xl) 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-decoration:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md),0 0 20px #6366f166}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px #6366f180}.btn-secondary{background:transparent;color:var(--gray-300);border:1px solid var(--gray-700)}.btn-secondary:hover{background:var(--gray-800);border-color:var(--gray-600)}.btn-lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:1.125rem}.btn:disabled{opacity:.5;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.btn:disabled:hover{transform:none;box-shadow:none}.btn-primary:disabled{background:var(--gray-700);color:var(--gray-500)}.btn-secondary:disabled{background:var(--gray-800);color:var(--gray-500);border-color:var(--gray-700)}.tag{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);font-size:.75rem;font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.tag-primary{background:#6366f133;color:var(--primary-light)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-size:.875rem;font-weight:500;color:var(--gray-300)}.form-group input,.form-group select{width:100%;padding:var(--spacing-md);background:var(--gray-800);border:1px solid var(--gray-700);border-radius:var(--radius-lg);color:var(--gray-100);font-size:1rem;transition:all var(--transition-base)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f133}.form-group input::placeholder{color:var(--gray-500)}.data-table{width:100%;background:var(--gray-800);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--gray-700)}.data-table th,.data-table td{padding:var(--spacing-md) var(--spacing-lg);text-align:left;border-bottom:1px solid var(--gray-700)}.data-table th{background:var(--gray-800);font-weight:600;color:var(--gray-300);font-size:.875rem}.data-table td{color:var(--gray-300)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#6366f10d}.data-table code{background:var(--gray-700);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.875rem;color:var(--primary-light)}.status{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);font-size:.75rem;font-weight:600;border-radius:var(--radius-full)}.status.active{background:#10b98133;color:#10b981}.status.expired{background:#f59e0b33;color:#f59e0b}.status.revoked{background:#ef444433;color:#ef4444}.status.pending{background:#6366f133;color:var(--primary-light)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}.animate-float{animation:float 3s ease-in-out infinite}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--gray-900)}::-webkit-scrollbar-thumb{background:var(--gray-700);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-600)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.auth-card{background:var(--gray-800);border:1px solid var(--gray-700);padding:var(--spacing-2xl);border-radius:var(--radius-2xl);width:100%;max-width:420px;box-shadow:var(--shadow-xl)}.auth-card h1{font-size:1.75rem;margin-bottom:var(--spacing-sm)}.auth-card .subtitle{color:var(--gray-400);margin-bottom:var(--spacing-xl)}.auth-footer{margin-top:var(--spacing-lg);text-align:center;color:var(--gray-500);font-size:.875rem}.auth-footer a{color:var(--primary-light)}.auth-footer a:hover{text-decoration:underline}.error-message{color:#ef4444;font-size:.875rem;margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#ef44441a;border-radius:var(--radius-md);border-left:3px solid #EF4444}.empty{text-align:center;padding:var(--spacing-4xl) var(--spacing-xl);color:var(--gray-500)}.empty p{margin-bottom:var(--spacing-lg)}@media (max-width: 768px){.container{padding:0 var(--spacing-md)}.section{padding:var(--spacing-2xl) 0}.auth-card{padding:var(--spacing-xl)}}