*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a1a;color:#e2e8f0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0;min-height:100vh}h1,h2,h3,h4{font-family:Space Grotesk,sans-serif}::selection{background:rgba(99,102,241,.3);color:#fff}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}@-webkit-keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}*{font-family:inherit}.App{display:flex;flex-direction:column;min-height:100vh;text-align:center}.banner-container{background:linear-gradient(135deg,#0a0a1a,#1a1040 50%,#0a1628);border-bottom:1px solid rgba(99,102,241,.15);overflow:hidden;padding:80px 24px 60px;position:relative}.banner-bg{overflow:hidden;pointer-events:none}.banner-bg,.stars{inset:0;position:absolute}.stars{-webkit-animation:fadeIn 2s ease-out;animation:fadeIn 2s ease-out;background-image:radial-gradient(1px 1px at 10% 20%,hsla(0,0%,100%,.6),transparent),radial-gradient(1px 1px at 30% 60%,hsla(0,0%,100%,.4),transparent),radial-gradient(1.5px 1.5px at 50% 10%,hsla(0,0%,100%,.5),transparent),radial-gradient(1px 1px at 70% 40%,hsla(0,0%,100%,.3),transparent),radial-gradient(1px 1px at 90% 80%,hsla(0,0%,100%,.5),transparent),radial-gradient(1.5px 1.5px at 15% 85%,hsla(0,0%,100%,.4),transparent),radial-gradient(1px 1px at 45% 35%,hsla(0,0%,100%,.3),transparent),radial-gradient(1px 1px at 80% 15%,hsla(0,0%,100%,.5),transparent),radial-gradient(1.5px 1.5px at 25% 50%,hsla(0,0%,100%,.3),transparent),radial-gradient(1px 1px at 60% 75%,hsla(0,0%,100%,.4),transparent),radial-gradient(1px 1px at 5% 45%,hsla(0,0%,100%,.3),transparent),radial-gradient(1.5px 1.5px at 75% 55%,hsla(0,0%,100%,.4),transparent),radial-gradient(1px 1px at 40% 90%,hsla(0,0%,100%,.3),transparent),radial-gradient(1px 1px at 95% 30%,hsla(0,0%,100%,.5),transparent)}.banner-content{-webkit-animation:fadeInUp .8s ease-out;animation:fadeInUp .8s ease-out;margin:0 auto;max-width:800px;position:relative}.banner-badge{background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);border-radius:20px;color:#818cf8;display:inline-block;font-size:11px;font-weight:600;letter-spacing:2px;margin-bottom:24px;padding:6px 16px}.banner-title{color:#f1f5f9;font-size:56px;font-weight:700;letter-spacing:-1px;line-height:1.1;margin:0 0 16px}.banner-title-accent{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#818cf8,#6366f1);-webkit-background-clip:text;background-clip:text}.banner-subtitle{color:#94a3b8;font-size:16px;line-height:1.6;margin:0 auto 40px;max-width:560px}.banner-stats{display:flex;flex-wrap:wrap;gap:32px;justify-content:center}.banner-stat{align-items:center;display:flex;flex-direction:column;gap:4px}.banner-stat-number{color:#6366f1;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600}.banner-stat-label{color:#64748b;font-size:12px}@media (max-width:768px){.banner-container{padding:60px 20px 40px}.banner-title{font-size:36px}.banner-subtitle{font-size:14px}.banner-stats{gap:24px}}.searchform-container{background:#0f0f2a;border-bottom:1px solid rgba(99,102,241,.1);padding:40px 24px}.searchform-header-wrapper{color:#f1f5f9;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600;margin-bottom:4px}.searchform-desc{color:#64748b;font-size:13px;margin:0 0 24px}.searchform-wrapper{align-items:center;display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:900px}.dropdown-container{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;width:100%}.dropdown-wrapper{flex:1 1;max-width:260px;min-width:180px;text-align:left}.dropdown-label{color:#818cf8;display:block;font-size:11px;font-weight:600;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}select{-webkit-appearance:none;appearance:none;background:rgba(99,102,241,.05);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='%236366f1'%3E%3Cpath d='m1 1 5 5 5-5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid rgba(99,102,241,.2);border-radius:8px;color:#e2e8f0;cursor:pointer;font-size:13px;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}select:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.15)}select option{background:#1a1a3e;color:#e2e8f0}.action-button-container{display:flex;gap:12px}.clear-button,.search-button{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:10px 24px;transition:all .2s}.search-button{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.search-button:hover{box-shadow:0 4px 15px rgba(99,102,241,.4);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.clear-button{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#94a3b8}.clear-button:hover{background:hsla(0,0%,100%,.1);color:#e2e8f0}@media (max-width:768px){.searchform-container{padding:28px 16px}.dropdown-container{align-items:stretch;flex-direction:column}.dropdown-wrapper{max-width:none}}.popup-overlay{align-items:center;-webkit-animation:fadeIn .2s ease-out;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.7);display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.popup-content{-webkit-animation:fadeInUp .3s ease-out;animation:fadeInUp .3s ease-out;background:#1a1a3e;border:1px solid rgba(99,102,241,.2);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.5);max-width:480px;padding:32px;position:relative;width:100%}.popup-close{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:32px}.popup-close:hover{background:hsla(0,0%,100%,.1);color:#f1f5f9}.popup-header{align-items:center;display:flex;gap:12px;margin-bottom:24px;padding-right:40px}.popup-title{color:#f1f5f9;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:600;margin:0}.popup-badge{border-radius:10px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:3px 12px;text-transform:uppercase}.popup-badge.badge-active{background:rgba(34,197,94,.15);color:#4ade80}.popup-badge.badge-retired{background:rgba(100,116,139,.15);color:#94a3b8}.popup-badge.badge-unknown{background:rgba(251,191,36,.15);color:#fbbf24}.popup-badge.badge-destroyed{background:rgba(239,68,68,.15);color:#f87171}.popup-body{display:flex;flex-direction:column;gap:12px}.popup-field{align-items:flex-start;border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;justify-content:space-between;padding:10px 0}.popup-field:last-child{border-bottom:none}.popup-label{color:#64748b;flex-shrink:0;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.popup-value{color:#e2e8f0;font-size:14px;max-width:60%;text-align:right}@media (max-width:768px){.popup-content{padding:24px}}.datagrid-section{flex:1 1;padding:32px 24px 48px}.datagrid-header{margin:0 auto 16px;max-width:1200px;text-align:left}.datagrid-count{color:#64748b;font-size:13px;font-weight:500}.datagrid-container{align-items:center;display:flex;flex-direction:column}.datagrid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));max-width:1200px;width:100%}.datagrid-item{-webkit-animation:fadeInUp .4s ease-out both;animation:fadeInUp .4s ease-out both;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:hsla(0,0%,100%,.03);border:1px solid rgba(99,102,241,.12);border-radius:12px;cursor:pointer;padding:20px;text-align:left;transition:all .25s ease}.datagrid-item:hover{background:hsla(0,0%,100%,.06);border-color:rgba(99,102,241,.4);box-shadow:0 8px 30px rgba(99,102,241,.15);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.datagrid-item.skeleton{padding:20px;pointer-events:none}.skeleton-line{-webkit-animation:shimmer 1.2s ease-in-out infinite;animation:shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,rgba(99,102,241,.06),rgba(99,102,241,.15) 50%,rgba(99,102,241,.06));background-size:200px 100%;border-radius:6px;height:12px;margin-bottom:12px}.skeleton-line:last-child{margin-bottom:0}.w-60{width:60%}.w-40{width:40%}.w-80{width:80%}.w-50{width:50%}.card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.card-serial{color:#f1f5f9;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600}.status-badge{border-radius:10px;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.badge-active{background:rgba(34,197,94,.15);color:#4ade80}.badge-retired{background:rgba(100,116,139,.15);color:#94a3b8}.badge-unknown{background:rgba(251,191,36,.15);color:#fbbf24}.badge-destroyed{background:rgba(239,68,68,.15);color:#f87171}.card-detail{align-items:center;border-top:1px solid hsla(0,0%,100%,.04);display:flex;justify-content:space-between;padding:6px 0}.card-label{color:#64748b;font-size:12px}.card-value{color:#cbd5e1;font-size:13px;font-weight:500}.message-state{align-items:center;-webkit-animation:fadeIn .4s ease-out;animation:fadeIn .4s ease-out;display:flex;flex-direction:column;justify-content:center;padding:80px 24px}.message-state h3{color:#f1f5f9;font-size:20px;margin:16px 0 8px}.message-state p{color:#64748b;font-size:14px;margin:0;max-width:400px}.message-icon{align-items:center;border-radius:50%;display:flex;font-size:24px;font-weight:700;height:56px;justify-content:center;width:56px}.error-icon{background:rgba(239,68,68,.15);color:#f87171}.empty-icon{background:rgba(99,102,241,.1);color:#818cf8}.page-navigator{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:32px 0 0}.page-btn{background:transparent;border:1px solid rgba(99,102,241,.2);border-radius:6px;color:#94a3b8;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:all .2s}.page-btn:hover:not(:disabled):not(.active){border-color:rgba(99,102,241,.4);color:#e2e8f0}.page-btn.active{background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:transparent;color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.3}@media (max-width:768px){.datagrid-section{padding:24px 16px 32px}.datagrid{grid-template-columns:1fr}}.footer-container{background:hsla(0,0%,100%,.02);border-top:1px solid rgba(99,102,241,.1);padding:24px;text-align:center}.footer-content{display:flex;flex-direction:column;gap:4px}.footer-content p{color:#64748b;font-size:13px;margin:0}.heart-icon{color:#ef4444}.footer-sub{font-size:12px}.footer-sub a{color:#818cf8;text-decoration:none}.footer-sub a:hover{text-decoration:underline}
/*# sourceMappingURL=main.26f510bc.css.map*/