@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-dark: #020617;--bg-card: rgba(30, 41, 59, .7);--primary: #6366f1;--primary-hover: #4f46e5;--primary-glow: rgba(99, 102, 241, .4);--accent: #f59e0b;--accent-glow: rgba(245, 158, 11, .3);--success: #10b981;--error: #ef4444;--text-main: #f8fafc;--text-dim: #94a3b8;--border: rgba(255, 255, 255, .1);--glass-bg: rgba(15, 23, 42, .6)}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Outfit,sans-serif;background-color:var(--bg-dark);background-image:radial-gradient(circle at 10% 20%,rgba(99,102,241,.05) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(245,158,11,.05) 0%,transparent 40%);color:var(--text-main);-webkit-font-smoothing:antialiased;height:100vh;overflow:hidden}#root{display:flex;height:100vh;overflow:hidden}.sidebar{width:280px;background:#020617cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:32px 24px;z-index:10}.logo{font-size:28px;font-weight:800;background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:48px;letter-spacing:-1px}.nav-item{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:12px;color:var(--text-dim);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:10px;font-weight:500}.nav-item:hover{background:#ffffff0d;color:var(--text-main);transform:translate(4px)}.nav-item.active{background:linear-gradient(135deg,var(--primary) 0%,#4f46e5 100%);color:#fff;box-shadow:0 8px 20px var(--primary-glow)}.content{flex:1;padding:48px;overflow-y:auto;scroll-behavior:smooth}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:24px;padding:32px;box-shadow:0 20px 40px -10px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.glass-card:hover{border-color:#fff3}h2{font-size:2rem;font-weight:700;margin-bottom:24px;background:linear-gradient(to bottom right,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn{padding:14px 28px;border-radius:12px;border:none;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:10px}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,#4f46e5 100%);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{box-shadow:0 6px 20px var(--primary-glow);filter:brightness(1.1)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#ffffff0d;color:var(--text-main);border:1px solid var(--border)}.btn-secondary:hover{background:#ffffff1a}.input-group{margin-bottom:28px}.input-group label{display:block;margin-bottom:10px;color:var(--text-dim);font-weight:500;font-size:.9rem}input,textarea,select{width:100%;padding:14px 18px;background:#0f172acc;border:1px solid var(--border);border-radius:14px;color:#fff;outline:none;transition:all .2s;font-family:inherit}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}textarea{min-height:180px;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}.status-badge{padding:6px 12px;border-radius:99px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-badge.completed{background:#10b9811a;color:var(--success)}.status-badge.processing{background:#6366f11a;color:var(--primary)}.status-badge.failed{background:#ef44441a;color:var(--error)}.status-badge.pending{background:#f59e0b1a;color:var(--accent)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{width:90%;max-width:600px}