body{color:#fff;background:#07111f;margin:0;font-family:Arial,sans-serif}.page{min-height:100vh;padding:20px}.hero{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #334155;border-radius:18px;margin-bottom:20px;padding:28px}.tag{color:#22c55e;margin:0;font-weight:700}h1{margin:8px 0;font-size:42px}h2{margin-top:0}.subtitle,.muted{color:#94a3b8}.card{background:#111827;border:1px solid #334155;border-radius:18px;margin-bottom:20px;padding:22px}.label{margin-top:16px;margin-bottom:8px;font-weight:700;display:block}.input{box-sizing:border-box;color:#fff;background:#020617;border:1px solid #475569;border-radius:10px;width:100%;padding:13px;font-size:16px}.checkboxGrid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.checkboxItem{background:#020617;border:1px solid #334155;border-radius:10px;padding:10px;font-size:14px}.checkboxItem input{margin-right:8px}button{color:#020617;cursor:pointer;background:#22c55e;border:none;border-radius:12px;width:100%;margin-top:18px;padding:14px;font-size:15px;font-weight:700}.resetButton{color:#fff;background:#ef4444}.savedBox{background:#1e293b;border:1px solid #475569;border-radius:12px;margin-top:18px;padding:14px}.alertList{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.alertCard,.releaseCard{background:#020617;border:1px solid #334155;border-radius:14px;padding:14px}.alertTop{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.alertTop h3{margin-top:0}.badge{color:#020617;white-space:nowrap;background:#facc15;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:700}@media (width<=700px){.checkboxGrid,.alertList{grid-template-columns:1fr}h1{font-size:34px}}*{box-sizing:border-box}body{color:#fff;background:radial-gradient(circle at 15% 10%,#ff00002e,#0000 22%),radial-gradient(circle at 85% 20%,#ffd70024,#0000 25%),radial-gradient(circle at 50% 95%,#ffffff14,#0000 30%),linear-gradient(135deg,#050505,#111,#050505);min-height:100vh;margin:0;font-family:Arial,sans-serif}body:before{content:"";pointer-events:none;opacity:.55;background-image:radial-gradient(circle,#0000 58%,#ffffff14 59% 61%,#0000 62%),linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:180px 180px,40px 40px,40px 40px;position:fixed;inset:0}.page{z-index:1;min-height:100vh;padding:24px;position:relative}.app{max-width:1000px;margin:0 auto}.logoContainer{justify-content:center;margin-bottom:18px;display:flex}.logoImg{filter:drop-shadow(0 0 18px #ffd70059);width:230px;max-width:85%}.topbar,.panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080808db;border:1px solid #ffd70038;border-radius:24px;margin-bottom:18px;padding:22px;box-shadow:0 18px 55px #00000073}.topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.eyebrow{color:gold;letter-spacing:1.4px;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:900}.subtitle{color:#cfcfcf;margin:0;line-height:1.5}.statusBox{color:gold;white-space:nowrap;border:1px solid #ffd70073;border-radius:999px;padding:10px 14px;font-weight:900}.statusDot{background:#22c55e;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.panelHeader{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}h2{margin:0;font-size:22px}h3{margin:0 0 8px}.input{color:#fff;background:#050505;border:1px solid #ffd70073;border-radius:14px;outline:none;width:100%;margin-bottom:12px;padding:14px;font-size:15px}.input:focus{border-color:gold;box-shadow:0 0 0 3px #ffd7001f}.dropdownButton{color:#050505;cursor:pointer;background:linear-gradient(135deg,gold,#c99700);border:none;border-radius:14px;justify-content:space-between;width:100%;padding:14px;font-weight:900;display:flex}.dropdownMenu{background:#050505;border:1px solid #ffd70059;border-radius:14px;margin-top:10px;overflow:hidden}.dropdownItem{cursor:pointer;border-bottom:1px solid #1d1d1d;gap:10px;padding:12px 14px;display:flex}.dropdownItem:hover{background:#141414}.trafficCard{border-radius:18px;padding:16px}.trafficCard.low{background:#14532d47;border:1px solid #22c55e73}.trafficCard.high{background:#7f1d1d5c;border:1px solid #ef444499;animation:1.5s infinite pulseAlert}.pill{border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;display:inline-block}.pill.success{color:#4ade80;background:#22c55e29}.pill.danger{color:#f87171;background:#ef444429}.pill.neutral{color:gold;background:#ffd70024}.dropList{gap:12px;display:grid}.dropCard{background:#000000a6;border:1px solid #242424;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.dropCard.newDrop{background:linear-gradient(135deg,#7f1d1d59,#000000bf);border-color:#ef4444bf}.store{color:gold;text-transform:uppercase;font-size:12px;font-weight:900}.viewButton{color:#050505;white-space:nowrap;background:#fff;border-radius:12px;padding:11px 15px;font-weight:900;text-decoration:none}.viewButton:hover{background:gold}@keyframes pulseAlert{0%{box-shadow:0 0 #ef444433}50%{box-shadow:0 0 22px #ef44448c}to{box-shadow:0 0 #ef444433}}@media (width<=700px){.page{padding:14px}.topbar,.dropCard{display:block}.statusBox,.viewButton{margin-top:14px;display:inline-block}.logoImg{width:200px}}.trafficButton{margin-top:12px;display:inline-block}.trafficHeader{align-items:center;gap:10px;display:flex}.pcLogo{object-fit:contain;width:28px;height:28px}.textLogo{color:gold;text-align:center;letter-spacing:1px;margin:0;font-size:48px}.trafficPanel{text-align:center}.centeredHeader{flex-direction:column;justify-content:center;gap:10px}.centered{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.trafficText{color:#d0d0d0;max-width:340px;margin:0;line-height:1.5}.trafficCard.centered h3{font-size:22px}
