@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap";html,body,#root{height:100%;margin:0}*{box-sizing:border-box}:root{--bg-primary:#000;--bg-secondary:#0a0a0a;--text-primary:#fff;--text-secondary:#999;--border-color:#1a1a1a;--card-bg:#0a0a0a}html.light-mode{--bg-primary:#f8f8f8;--bg-secondary:#fff;--text-primary:#1a1a1a;--text-secondary:#666;--border-color:#e0e0e0;--card-bg:#fff}html.light-mode body,html.light-mode .app-root{background:var(--bg-primary)!important;color:var(--text-primary)!important}html.light-mode .app-root::-webkit-scrollbar-track{background:#f8f8f8!important}html.light-mode .app-root::-webkit-scrollbar-thumb{background:#bbb!important}html.light-mode nav{border-color:var(--border-color)!important;background:#fffffff2!important}html.light-mode nav *{color:var(--text-primary)!important}html.light-mode nav .font-mono{color:var(--text-secondary)!important}html.light-mode .badge-active{color:var(--text-primary)!important;background:#00000014!important}html.light-mode .badge-closed{color:var(--text-secondary)!important;background:#0000000d!important}html.light-mode .badge-force-closed{color:var(--text-secondary)!important;background:#00000008!important}html.light-mode .card{background:var(--card-bg)!important;border-color:var(--border-color)!important}html.light-mode .card *{color:var(--text-primary)!important}html.light-mode .card .text-neutral-600{color:var(--text-secondary)!important}html.light-mode .input-field{background:var(--card-bg)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}html.light-mode .input-field::placeholder{color:var(--text-secondary)!important}html.light-mode .input-field:focus{border-color:var(--text-primary)!important;box-shadow:0 0 0 2px #00000014!important}html.light-mode .btn-primary{color:#fff!important;background:#000!important;border:1px solid #000!important}html.light-mode .btn-primary:hover{background:#333!important}html.light-mode .btn-primary *{color:#fff!important}html.light-mode button{color:var(--text-primary)!important}html.light-mode button i{color:inherit!important}html.light-mode .btn-ghost{color:var(--text-secondary)!important;border-color:var(--border-color)!important}html.light-mode .btn-ghost:hover{color:var(--text-primary)!important;border-color:var(--text-primary)!important}html.light-mode .theme-toggle-btn{border-color:var(--border-color)!important;color:var(--text-primary)!important}html.light-mode .theme-toggle-btn:hover{border-color:var(--text-primary)!important}html.light-mode .rank-1{color:#fff!important;background:#000!important}html.light-mode .rank-2{color:#fff!important;background:#999!important}html.light-mode .rank-3{color:#000!important;background:#ccc!important}html.light-mode .rank-other{background:var(--border-color)!important;color:var(--text-secondary)!important}html.light-mode .badge{color:var(--text-primary)!important;background:#00000014!important}html.light-mode .toast{color:#fff!important;background:#1a1a1a!important}html.light-mode .toast-error{color:#fff!important;background:#d32f2f!important}html.light-mode .modal-overlay{background:#000000b3!important}html.light-mode .modal-content{background:var(--card-bg)!important;border-color:var(--border-color)!important}html.light-mode .modal-content *{color:var(--text-primary)!important}html.light-mode .tab-btn{color:var(--text-secondary)!important}html.light-mode .tab-btn.active{background:var(--text-primary)!important;color:var(--bg-primary)!important}html.light-mode .log-entry{border-color:var(--border-color)!important}html.light-mode .log-entry *,html.light-mode h1,html.light-mode h2,html.light-mode h3,html.light-mode p,html.light-mode span,html.light-mode label{color:var(--text-primary)!important}html.light-mode .text-neutral-600,html.light-mode .text-neutral-500,html.light-mode .text-neutral-400{color:var(--text-secondary)!important}html.light-mode .live-activity-section{background:var(--card-bg)!important;border-color:var(--border-color)!important}html.light-mode .bid-card-l1{background:linear-gradient(135deg, var(--card-bg) 0%, #00000005 100%)!important;border:1px solid #0003!important}html.light-mode .config-preview{border-color:var(--border-color)!important;background:#f0f0f0!important}html.light-mode .config-preview *{color:var(--text-primary)!important}.app-root{background:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);transition:background .3s,color .3s;overflow:hidden auto}.app-root:before{content:"";pointer-events:none;z-index:0;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}.app-root>*{z-index:1;position:relative}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes slideRankUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRankDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.anim-fade-up{animation:.6s ease-out both fadeUp}.anim-fade-up-1{animation:.6s ease-out .1s both fadeUp}.anim-fade-up-2{animation:.6s ease-out .2s both fadeUp}.anim-fade-up-3{animation:.6s ease-out .3s both fadeUp}.anim-slide-in{animation:.4s ease-out both slideIn}.pulse-dot{animation:2s ease-in-out infinite pulse-dot}.rank-moving-up{animation:.5s cubic-bezier(.34,1.56,.64,1) slideRankUp!important}.rank-moving-down{animation:.5s cubic-bezier(.34,1.56,.64,1) slideRankDown!important}.app-root::-webkit-scrollbar{width:6px}.app-root::-webkit-scrollbar-track{background:#000}.app-root::-webkit-scrollbar-thumb{background:#333;border-radius:3px}input[type=datetime-local],input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.light-mode input[type=datetime-local],html.light-mode input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.input-field{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:Space Mono,monospace;font-size:13px;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--text-primary);box-shadow:0 0 0 2px #ffffff14}.input-field::placeholder{color:var(--text-secondary)}select.input-field{appearance:none;cursor:pointer}.btn-primary{color:#000;cursor:pointer;letter-spacing:.02em;background:#fff;border:none;border-radius:8px;padding:10px 24px;font-family:Syne,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.btn-primary:hover{background:#e0e0e0;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-ghost{color:#999;cursor:pointer;background:0 0;border:1px solid #222;border-radius:8px;padding:10px 20px;font-family:Syne,sans-serif;font-size:13px;font-weight:500;transition:all .2s}.btn-ghost:hover{color:#fff;border-color:#555}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;transition:border-color .3s,transform .2s}.card:hover{border-color:var(--text-secondary)}.card-clickable:hover{cursor:pointer;transform:translateY(-2px)}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-family:Space Mono,monospace;font-size:11px;font-weight:600;display:inline-flex}.badge-active{color:var(--text-primary);background:#ffffff1a}.badge-closed{color:var(--text-secondary);background:#ffffff0d}.badge-force-closed{color:#444;background:#ffffff08}.toast-container{z-index:1000;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--text-primary);color:var(--bg-primary);border-radius:8px;max-width:320px;padding:12px 20px;font-family:Space Mono,monospace;font-size:12px;animation:.3s ease-out slideIn}.toast-error{color:var(--text-primary);background:#333}.rank-badge{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-family:Space Mono,monospace;font-size:11px;font-weight:700;display:flex}.rank-1{background:var(--text-primary);color:var(--bg-primary);box-shadow:0 0 12px #fff6}.rank-2{color:var(--text-primary);background:#555}.rank-3{color:var(--text-secondary);background:#333}.rank-other{background:var(--border-color);color:var(--text-secondary)}.bid-card-l1{background:linear-gradient(135deg, var(--card-bg) 0%, #ffffff08 100%)!important;border:1px solid #ffffff4d!important}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:640px;max-height:90%;animation:.3s ease-out fadeUp;overflow-y:auto}.tab-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;padding:8px 20px;font-family:Syne,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.tab-btn.active{background:var(--text-primary);color:var(--bg-primary)}.tab-btn:not(.active):hover{color:var(--text-primary)}.log-entry{border-bottom:1px solid var(--border-color);gap:12px;padding:10px 0;font-size:12px;display:flex}.log-entry:last-child{border-bottom:none}.theme-toggle-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.theme-toggle-btn:hover{border-color:var(--text-primary);transform:scale(1.05)}.grid-2{grid-template-columns:1fr 1fr;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;display:grid}.live-activity-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;max-height:300px;margin-top:12px;padding:12px;overflow-y:auto}@media (width<=768px){.grid-2,.grid-3{grid-template-columns:1fr!important}.hide-mobile{display:none!important}}