:root{--hp-bg: #050a24;--hp-surface: #0b153c;--hp-surface-muted: #101f4f;--hp-card: #132763;--hp-card-muted: #1a3478;--hp-primary: #0a84ff;--hp-primary-dark: #0064d6;--hp-secondary: #00c4ff;--hp-text-primary: #e8f1ff;--hp-text-secondary: #9cb2e6;--hp-border: #1e2f69;--hp-divider: #243a7a;--hp-overlay: rgba(11, 21, 60, .65);--hp-shadow: 0 24px 60px rgba(5, 10, 36, .55);--hp-shadow-soft: 0 18px 50px rgba(5, 10, 36, .35)}*{box-sizing:border-box}html,body{width:100%;min-height:100%;background:radial-gradient(circle at 20% 20%,rgba(0,196,255,.08),transparent 45%),radial-gradient(circle at 80% 10%,rgba(10,132,255,.12),transparent 50%),radial-gradient(circle at 50% 80%,rgba(0,132,255,.08),transparent 45%),var(--hp-bg);color:var(--hp-text-primary);font-family:Cairo,sans-serif;scroll-behavior:smooth}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 10% 10%,rgba(0,132,255,.1),transparent 35%);opacity:.8;mix-blend-mode:screen}body:after{background:radial-gradient(circle at 90% 15%,rgba(0,196,255,.12),transparent 40%);opacity:.7}#root{position:relative;isolation:isolate}a{color:inherit;text-decoration:none}.hp-card{background:linear-gradient(145deg,#102254cc,#0b153ceb);border:1px solid rgba(36,58,122,.45);border-radius:20px;box-shadow:var(--hp-shadow-soft);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.hp-card-muted{background:linear-gradient(145deg,#132763d1,#101f4feb);border:1px solid rgba(30,47,105,.5);border-radius:18px;box-shadow:0 18px 40px #080f3059;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hp-glow{position:absolute;top:0;right:0;bottom:0;left:0;filter:blur(120px);opacity:.35;z-index:-1}.hp-divider{height:1px;width:100%;background:linear-gradient(90deg,transparent,rgba(36,58,122,.65),transparent)}.hp-scroll{scrollbar-width:thin;scrollbar-color:rgba(0,132,255,.4) transparent}.hp-scroll::-webkit-scrollbar{width:8px;height:8px}.hp-scroll::-webkit-scrollbar-track{background:transparent}.hp-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00c4ff99,#0a84ffbf);border-radius:999px}.hp-sidebar-gradient{background:linear-gradient(180deg,#0a1130f5,#101f4ff0 45%,#132763e6);border-right:1px solid rgba(30,47,105,.4);box-shadow:12px 0 40px #050a2459}.hp-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#0084ff1f;border:1px solid rgba(0,132,255,.32);color:#9bd0ff;font-size:12px;font-weight:600}.hp-status-dot{width:8px;height:8px;border-radius:999px;background:#34d399;box-shadow:0 0 12px #34d399a6;display:inline-block}.hp-gradient-button{position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 18px 38px #0a84ff47}.hp-gradient-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#00c4ff40,#0a84ff73);opacity:0;transition:opacity .25s ease}.hp-gradient-button:hover{transform:translateY(-2px)}.hp-gradient-button:hover:before{opacity:1}.hp-input{border-radius:16px;border:1px solid rgba(30,47,105,.55);background:#0b153cd9;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.hp-input:focus{border-color:#0084ffd9;box-shadow:0 0 0 3px #0084ff33;background:#0f214fd9}.hp-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:14px;background:#0084ff1f;border:1px solid rgba(0,132,255,.25);font-size:12px;color:var(--hp-text-secondary)}.hp-table{border-radius:18px;overflow:hidden;border:1px solid rgba(30,47,105,.45);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hp-table thead tr{background:linear-gradient(90deg,#0b153cf2,#101f4ff2);font-weight:600;letter-spacing:.2px}.hp-table tbody tr{transition:background .2s ease,transform .2s ease}.hp-table tbody tr:hover{background:#0a84ff14;transform:translate(-2px)}.hp-section-title{font-size:24px;font-weight:700;color:var(--hp-text-primary);margin-bottom:18px}.hp-subtitle{font-size:14px;color:var(--hp-text-secondary)}.hp-blur-ring{position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(0,132,255,.4),transparent 70%);filter:blur(60px);opacity:.6;z-index:-1}@keyframes hp-pulse{0%,to{opacity:.55}50%{opacity:.8}}.hp-pulse{animation:hp-pulse 5s ease-in-out infinite}