:root{--color-bg-base:#030712;--color-bg-deep:#0b1120;--color-primary-light:#67e8f9;--color-primary:#06b6d4;--color-primary-dark:#0891b2;--color-primary-glow:#06b6d466;--color-accent:#3b82f6;--color-accent-glow:#3b82f666;--color-surface:#11182799;--color-surface-hover:#1f2937b3;--color-text-main:#f8fafc;--color-text-muted:#94a3b8;--color-border:#ffffff14;--color-border-highlight:#fff3;--font-primary:"Outfit", system-ui, -apple-system, sans-serif;--font-secondary:"Inter", system-ui, -apple-system, sans-serif}body{font-family:var(--font-secondary);background-color:var(--color-bg-base);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;padding:0;position:relative;overflow-x:hidden}#root{justify-content:center;width:100%;min-height:100vh;display:flex}body:before,body:after{content:"";filter:blur(120px);z-index:-1;opacity:.5;border-radius:50%;animation:20s ease-in-out infinite alternate float;position:fixed}body:before{background:radial-gradient(circle,#06b6d426 0%,#03071200 70%);width:50vw;height:50vw;top:-10%;left:-10%}body:after{background:radial-gradient(circle,#3b82f626 0%,#03071200 70%);width:60vw;height:60vw;animation-delay:-10s;bottom:-20%;right:-10%}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(5%,5%)scale(1.1)}to{transform:translate(-5%,-5%)scale(.9)}}*{box-sizing:border-box}.glass-card{background:var(--color-surface);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:24px;padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d}.glass-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0d 0%,#fff0 100%);position:absolute;inset:0}.glass-card:hover{background:var(--color-surface-hover);border-color:var(--color-border-highlight);transform:translateY(-4px);box-shadow:0 12px 40px #0006,inset 0 1px #ffffff1a}h1,h2,h3,h4,h5,h6,.title{font-family:var(--font-primary);letter-spacing:-.02em}.text-gradient{background:linear-gradient(135deg, var(--color-primary-light), var(--color-primary), var(--color-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.input-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.input-label{font-family:var(--font-primary);color:var(--color-text-muted);letter-spacing:.02em;text-transform:uppercase;font-size:14px;font-weight:500}.input-field{border:1px solid var(--color-border);width:100%;color:var(--color-text-main);font-size:16px;font-family:var(--font-secondary);background:#0f172a80;border-radius:12px;outline:none;padding:16px 20px;transition:all .3s;box-shadow:inset 0 2px 4px #0003}.input-field:focus{border-color:var(--color-primary);box-shadow:inset 0 2px 4px #0003, 0 0 0 3px var(--color-primary-glow);background:#0f172acc}.input-field::placeholder{color:#94a3b880}select.input-field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:20px;padding-right:48px}.btn{font-family:var(--font-primary);letter-spacing:.01em;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:12px;padding:16px 28px;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;box-shadow:0 4px 14px 0 var(--color-primary-glow), inset 0 1px 0 0 #fff3}.btn-primary:hover{background:linear-gradient(135deg, var(--color-primary-light), var(--color-primary));transform:translateY(-2px);box-shadow:0 6px 20px #06b6d499,inset 0 1px #fff6}.btn-secondary{color:var(--color-text-main);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b80}.btn-secondary:hover{border-color:var(--color-border-highlight);background:#1e293bcc}.btn-danger{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.btn-danger:hover{color:#fca5a5;background:#ef444433;border-color:#ef444480;box-shadow:0 4px 14px #ef444433}.bottom-nav{-webkit-backdrop-filter:blur(24px);border:1px solid var(--color-border);z-index:1000;background:#0f172aa6;border-radius:100px;gap:8px;width:max-content;margin:0 auto;padding:8px;display:flex;position:fixed;bottom:24px;left:0;right:0;box-shadow:0 8px 32px #0006}.nav-item{color:var(--color-text-muted);font-weight:500;font-family:var(--font-primary);border-radius:100px;align-items:center;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s;display:flex}.nav-item:hover{color:var(--color-text-main);background:#ffffff0d}.nav-item.active{background:var(--color-primary);color:#fff;box-shadow:0 4px 12px var(--color-primary-glow)}.text-center{text-align:center}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.app-wrapper{flex-direction:column;align-items:center;width:100%;min-height:100vh;display:flex}.container{flex-direction:column;align-items:center;width:100%;max-width:800px;margin:0 auto;padding:32px 20px 120px;display:flex}.fade-in{animation:.6s ease-out forwards fadeIn}.slide-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-pulse-glow{animation:2s infinite pulseGlow}@keyframes pulseGlow{0%{text-shadow:0 0 10px var(--color-primary-glow)}50%{text-shadow:0 0 30px var(--color-primary), 0 0 40px var(--color-primary)}to{text-shadow:0 0 10px var(--color-primary-glow)}}.table-container{border:1px solid var(--color-border);background:#0003;border-radius:16px;width:100%;overflow-x:auto}.data-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;min-width:500px}.data-table th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:600;font-family:var(--font-primary);border-bottom:1px solid var(--color-border);white-space:nowrap;background:#ffffff05;padding:16px 20px}.data-table td{white-space:nowrap;border-bottom:1px solid #ffffff08;padding:16px 20px;font-size:14px;transition:background .2s}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff0a}@media (width<=768px){.title{font-size:28px!important}.glass-card{border-radius:20px;padding:24px 20px}.btn{padding:14px 20px;font-size:15px}.bottom-nav{z-index:9999;background:#0f172af2;justify-content:space-evenly;width:96%;max-width:420px;padding:8px 4px;bottom:24px}.nav-item{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 4px;font-size:10px}.nav-item span{text-align:center;font-size:10px;line-height:1;display:block}.nav-item svg{width:22px;height:22px}.container{padding:24px 16px 100px}.input-field{padding:14px 16px;font-size:16px}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}