:root{--bg-gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);--bg-gradient-dark: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);--glass-bg: rgba(255, 255, 255, .15);--glass-bg-hover: rgba(255, 255, 255, .25);--glass-bg-active: rgba(255, 255, 255, .3);--glass-border: rgba(255, 255, 255, .2);--glass-border-strong: rgba(255, 255, 255, .3);--text-primary: rgba(255, 255, 255, 1);--text-secondary: rgba(255, 255, 255, .9);--text-muted: rgba(255, 255, 255, .6);--text-disabled: rgba(255, 255, 255, .4);--accent-primary: #ffffff;--accent-success: #4ade80;--accent-warning: #fbbf24;--accent-error: #f87171;--accent-info: #60a5fa;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--shadow-md: 0 4px 16px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .25);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .3);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}body{background:var(--bg-gradient-primary);background-attachment:fixed;color:var(--text-primary);font-family:var(--font-sans);margin:0;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:var(--space-8)}.card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-6);transition:all .2s ease;color:var(--text-primary)}.card:hover{background:#ffffff2e;border-color:var(--glass-border-strong);transform:translateY(-2px)}.btn{padding:.625rem 1.25rem;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;font-weight:500;transition:all .2s ease;font-family:var(--font-sans);font-size:.875rem}.btn-primary{background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff}.btn-primary:hover{background:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 20px #0003}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.3);color:#ffffffe6}.btn-ghost:hover{background:#ffffff1a}.input{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:#fff;padding:.75rem 1rem;width:100%;box-sizing:border-box;font-family:var(--font-sans)}.input::placeholder{color:#ffffff80}.input:focus{outline:none;border-color:#ffffff80;box-shadow:0 0 0 3px #ffffff1a}.select-wrapper{position:relative;width:100%}.select-control{width:100%;padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.2);background-color:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-primary);font-family:var(--font-sans);appearance:none;-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box}.select-control:focus{outline:none;border-color:#ffffff73;box-shadow:0 0 0 3px #ffffff1a}.select-wrapper:after{content:"⌄";position:absolute;top:50%;right:1rem;transform:translateY(-50%);pointer-events:none;color:var(--text-secondary);font-size:.85rem}select option{background-color:#101828;color:var(--text-primary)}.badge{padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;background:#fff3;border:1px solid rgba(255,255,255,.2);color:#fff;display:inline-block}.badge-pending{background-color:#fbbf244d;border-color:#fbbf2480}.badge-processing{background-color:#60a5fa4d;border-color:#60a5fa80}.badge-completed{background-color:#4ade804d;border-color:#4ade8080}.badge-failed{background-color:#f871714d;border-color:#f8717180}h1,h2,h3,h4,h5,h6{margin-top:0;color:var(--text-primary);text-shadow:0 2px 10px rgba(0,0,0,.2)}p{color:var(--text-secondary);line-height:1.6}a{color:var(--accent-primary);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-primary)}.text-success{color:var(--accent-success)}.text-warning{color:var(--accent-warning)}.text-error{color:var(--accent-error)}.table-container{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);overflow:hidden}table{width:100%;border-collapse:collapse}th{background:#ffffff1a;color:#ffffffb3;font-weight:500;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;padding:1rem;text-align:left}td{padding:1rem;border-top:1px solid rgba(255,255,255,.1);color:#fff}tr:hover td{background:#ffffff0d}