body{font-family:Arial,sans-serif;background-color:#121212;color:#f0f0f0;margin:0;display:flex;height:100vh;overflow:hidden}html,body{height:100%;margin:0;padding:0}.sidebar{background-color:#222;width:200px;display:flex;flex-direction:column;padding:50px 10px 10px;box-sizing:border-box;position:relative;flex-shrink:0;height:100%;overflow-y:hidden;transition:transform .3s ease,width .3s ease;text-align:left}.sidebar button{display:flex;justify-content:space-between;align-items:center;padding:10px 12px}.sidebar button .icon{width:20px;height:20px;margin-right:8px}.button-text{flex-grow:1;text-align:left}.count-badge{background-color:#333;color:#ddd;padding:2px 6px;border-radius:10px;font-weight:700;min-width:24px;text-align:center;margin-left:8px;flex-shrink:0;display:none}#count-new{background-color:#007bff;color:#fff}.sidebar.collapsed{transform:translate(-100%);width:0}.sidebar-content{display:flex;flex-direction:column;gap:10px;margin-top:20px}.divider{border-bottom:1px solid #555;margin:10px 0}#toggle-sidebar{background-color:#444;color:#fff;border:none;padding:10px;cursor:pointer;position:absolute;left:10px;top:10px;border-radius:5px;z-index:1000;width:auto;text-align:center}.sidebar.collapsed+#toggle-sidebar{position:fixed;left:10px;top:10px}#main-content{flex-grow:1;display:flex;flex-direction:column;padding:10px;overflow:hidden;transition:margin-left .3s ease,width .3s ease}.sidebar.collapsed+#main-content{margin-left:0;width:calc(100% - 20px)}#current-view-header{margin-block-end:0;margin-block-start:2em;margin-inline-start:1em;margin-bottom:10px;background-color:#121212;position:sticky;top:0;z-index:10;box-shadow:0 2px 5px #00000080}button{background-color:#444;color:#fff;border:none;padding:10px;cursor:pointer;border-radius:5px;width:100%;box-sizing:border-box}button:hover{background-color:#555}#auction-list{position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch}#auction-tiles{display:flex;flex-wrap:wrap;gap:20px;padding:20px;justify-content:flex-start;flex-grow:1}.auction-tile{background-color:#333;padding:10px;border-radius:5px;text-align:center;width:calc(25% - 20px);flex:0 0 calc(25% - 20px);display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;color:inherit;text-decoration:none;cursor:pointer;transition:background-color .2s ease}.auction-tile:hover{background-color:#3a3a3a;transition:background-color .2s ease}.auction-tile h3{font-size:1.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 10px}.auction-tile .tile-content{flex-grow:1;overflow:hidden;margin-bottom:10px}.auction-tile .tile-content p{text-align:left}.auction-tile .tile-buttons{display:flex;justify-content:space-around}.auction-tile .tile-buttons button{flex:1;padding:10px;font-size:1rem;margin-left:5px;margin-right:5px;background-color:#444;border:1px solid #555;transition:background-color .2s ease,border-color .2s ease}.auction-tile .tile-buttons button:hover{background-color:#555;border-color:#666}.micromodal-slide{display:none}.micromodal-slide.is-open{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;background:#000000b3;z-index:1000}.micromodal-slide .modal-container{background:#222;color:#fff;padding:20px;border-radius:8px;max-width:500px;width:90%;position:relative;box-shadow:0 4px 15px #0000004d}.micromodal-slide .modal-header{display:flex;align-items:center;margin-bottom:20px;position:relative}.micromodal-slide .modal-header h2{margin:0;font-size:1.5rem;flex:1;white-space:normal}.micromodal-slide .modal-close{background:none;color:#fff;border:none;padding:0;margin:0;font-size:1.5rem;cursor:pointer;width:auto;height:auto;flex:0 0 auto}.micromodal-slide .modal-content{display:flex;flex-direction:column;gap:15px}.micromodal-slide .modal-content label{font-weight:700}.micromodal-slide .modal-content select{padding:8px;border-radius:5px;background-color:#333;color:#fff;border:1px solid #555}.micromodal-slide .modal-footer{display:flex;justify-content:space-between;margin-top:20px;gap:10px}.micromodal-slide .modal-footer button{flex:1;padding:10px;text-align:center;background-color:#444;color:#fff;border:none;border-radius:5px;cursor:pointer}.micromodal-slide .modal-footer button:hover{background-color:#555}@media (max-width: 1200px){.auction-tile{width:calc(33.33% - 20px);flex:0 0 calc(33.33% - 20px)}}@media (max-width: 800px){.auction-tile{width:calc(50% - 20px);flex:0 0 calc(50% - 20px)}}@media (max-width: 500px){.auction-tile{width:100%;flex:0 0 100%}}@media (max-width: 768px){.sidebar{width:30%}.button-text{display:none}.sidebar-content{gap:5px}#toggle-sidebar{position:fixed;left:10px;top:10px;z-index:1001}#main-content{padding-left:0}#auction-list{justify-content:center}}#sync-indicator{position:absolute;top:-80px;left:50%;transform:translate(-50%);width:60px;height:60px;background-color:#444;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 10px #0000004d;transition:top .2s ease,background-color .2s ease;z-index:1000}#sync-indicator .sync-icon svg{width:40px;height:40px;opacity:.5;transition:opacity .2s ease}#sync-indicator.filled{background-color:#17a2b8}#sync-indicator.filled .sync-icon svg{opacity:1}.icon{width:20px;height:20px}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:2000;display:flex;justify-content:center;align-items:center;color:#fff;font-size:20px;text-align:center}.overlay button{width:auto;padding:15px 30px;font-size:18px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;text-align:center}.overlay button:hover{background-color:#0056b3}.form-group{margin-bottom:15px;text-align:center}#zipCodeInput{padding:10px;font-size:18px;border-radius:5px;border:1px solid #ccc;max-width:300px;margin:0 auto;display:block}#zipCodeOverlay button{padding:10px 20px;font-size:18px;background-color:#007bff;max-width:300px;color:#fff;border:none;border-radius:5px;cursor:pointer}#zipCodeOverlay button:hover{background-color:#0056b3}.spinner{display:flex;justify-content:center;align-items:center;padding:20px}.spinner-icon{border:1em solid #4285F430;border-left-color:#4285f4;border-radius:50%;width:5em;height:5em;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-auctions{text-align:center;margin-top:20px;opacity:70%;font-size:2em}