.eco-modal{position:fixed;inset:0;z-index:1600;background:#05070de8;display:grid;place-items:center;padding:16px;color:#eee;font-family:inherit}.eco-panel{background:linear-gradient(145deg,#1c2130,#10121b);border:1px solid #bfa46c;border-radius:12px;width:min(100%,1000px);max-height:92dvh;overflow:auto;padding:20px;box-shadow:0 12px 60px #000}.eco-panel header,.eco-panel nav,.eco-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.eco-panel h2{color:#f1d595;margin:4px 0 16px}.eco-panel nav{justify-content:flex-start;position:sticky;top:0;background:#171b28;padding:10px 0;z-index:1}.eco-panel button[aria-selected=true]{outline:2px solid #e9c57b}.eco-panel button:focus-visible,.eco-panel input:focus-visible,.eco-panel select:focus-visible{outline:3px solid #b6deff}.eco-card{padding:16px;margin:12px 0;border:1px solid #424454;border-radius:8px;background:#171a25}.eco-card h3{margin-top:0;color:#e8d7b8}.eco-card .btn{margin:4px}.eco-card>label{display:block;margin:8px 0}.eco-card p,.eco-summary{line-height:1.5}.eco-field{display:flex;gap:8px;flex-direction:column;margin:10px 0}.eco-field input,.eco-field select{padding:10px;background:#0c1020;color:#fff;border:1px solid #777;border-radius:4px;max-width:100%;min-height:44px}.eco-panel button{min-height:44px}.eco-warning{color:#ffd480}.eco-panel img{object-fit:contain;max-width:100%}.eco-panel small{overflow-wrap:anywhere}@media(max-width:600px){.eco-modal{padding:4px}.eco-panel{padding:12px;max-height:98dvh}.eco-panel nav .btn{flex:1 1 30%;font-size:12px}.eco-card{padding:12px}.eco-filters{display:block}.eco-panel .btn{white-space:normal}}