:root{--accent: #9ccb1c;--text: #ffffff;--bg: #0e0e0e25;--main: #1e1b2925;--background-image: url(../style-images/1745116567112_Gemini_Generated_Image_grdcnagrdcnagrdc.jpeg)}body{background-size:100% auto;background-position:center;background-repeat:no-repeat;background-attachment:fixed;background-color:var(--bg)}#root{background-image:var(--background-image)}html,body{height:100%;margin:0;padding:0;background-repeat:no-repeat;background-size:100% auto;background-position:center top;background-attachment:fixed}.app{min-height:100vh;padding:1.5rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--text);font-family:monospace}header h1{text-align:left;font-size:2rem;color:var(--accent);font-weight:800;width:260px;height:260px;background-image:url(../Logo1.png);background-size:contain;background-repeat:no-repeat;background-position:center;text-indent:-9999px;overflow:hidden;margin-top:-1px;filter:drop-shadow(0 0 4px var(--accent)) drop-shadow(0 0 12px var(--accent))}nav{display:flex;gap:.3rem;margin-bottom:1rem;flex-wrap:wrap}button{border-radius:4px;padding:.45rem 1.25rem;font-weight:600;font-family:Orbitron,sans-serif;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(145deg,var(--main),#16141e);color:var(--text);border:1px solid var(--accent);box-shadow:0 0 6px var(--accent),0 0 2px var(--accent) inset;transition:all .2s ease-in-out}button:hover{background:linear-gradient(145deg,var(--accent),#cfff69);color:#000;box-shadow:0 0 12px var(--accent),0 0 20px var(--accent) inset;transform:translateY(-1px)}button:active{transform:scale(.97);box-shadow:0 0 4px var(--accent)}.tooltip-icon{position:relative;display:inline-block;font-weight:700;color:var(--accent);cursor:help;font-size:1.15em;text-shadow:0 0 5px var(--accent)}.tooltip-icon:after{content:attr(data-tooltip);position:absolute;right:100%;top:50%;transform:translateY(-50%);white-space:pre-line;background:#1a1a1a;color:var(--text);border:1px solid var(--accent);padding:.5rem;border-radius:6px;box-shadow:0 0 8px var(--accent);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:99;min-width:220px;margin-right:.5rem}.tooltip-icon:hover:after{opacity:1}.panel{background-color:var(--main);padding:1rem;border-radius:.5rem;max-width:1024px;margin:0 auto;font-size:.9rem;position:relative}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.filter-row{display:flex;gap:1rem}.stats-panel{position:fixed;top:0;right:0;height:100vh;width:300px;background:linear-gradient(to bottom right,var(--main),var(--bg));color:var(--text);padding:1rem;border-left:3px solid var(--accent);transform:translate(100%);transition:transform .3s ease;z-index:50;box-shadow:-4px 0 8px #0006}.stats-panel.open{transform:translate(0)}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stats-header h3{font-size:1.1rem;color:var(--accent);font-weight:800;margin:0}.stats-header button{background:none;border:none;color:var(--accent);font-size:1.2rem;cursor:pointer}.stat-row{display:flex;justify-content:space-between;margin-bottom:.25rem;font-size:.9rem}.stats-tab-button{position:fixed;top:20%;right:0;transform:translateY(-50%) rotate(90deg);transform-origin:right;background-color:var(--accent);color:#000;border:none;padding:.4rem 1rem;margin-right:10px;border-radius:8px 8px 0 0;cursor:pointer;font-weight:700;box-shadow:0 2px 6px #0000004d;z-index:51}.stats-tab-button:hover{transform:translateY(-50%) rotate(90deg);transition:transform .5s ease-in-out}.stats-error{position:absolute;top:1rem;right:1rem;background-color:#b91c1c;color:#fff;padding:1rem;border-radius:.5rem;z-index:100;font-size:.9rem}.restock-block{margin-bottom:1rem}.restock-toggle{background:none;color:var(--accent);font-weight:700;font-size:1rem;border:none;cursor:pointer;padding:.2rem;margin-bottom:.5rem}.restock-table{width:100%;border-collapse:collapse;font-size:.9rem}.restock-table th,.restock-table td{padding:.4rem;border-bottom:1px solid #444;text-align:left}.restock-table .wide{width:30%;word-break:break-word}.restock-table .barcode{background:none;border:none;color:var(--accent);cursor:pointer;font-family:monospace}.restock-table button{font-size:.8rem;padding:.25rem .5rem}.discogs-info{margin-top:.5rem;padding:.5rem;background-color:#ffffff0d;border-radius:.5rem;font-size:.85rem}.discogs-info img{max-height:100px;margin-bottom:.5rem;border-radius:4px}.collapse-bottom{text-align:right;margin-top:.5rem}.collapse-bottom button{font-size:.8rem;padding:.3rem .6rem;background:var(--accent);color:#000;border:none;border-radius:6px;cursor:pointer}.copy-toast{background:var(--accent);color:#000;padding:.3rem .6rem;font-size:.75rem;border-radius:6px;pointer-events:none;z-index:1000;opacity:.95;transform:translate(-50%,-100%);transition:opacity .2s}.discogs-panel{background-color:var(--bg);color:var(--text);padding:1rem;border:1px solid var(--accent);border-radius:8px;height:calc(100vh - 200px);overflow-y:auto;left:-25%}.discogs-panel.open{margin-left:400px;margin-top:0;position:fixed;top:10vh}.close-panel{position:absolute;top:.5rem;right:.5rem;background:none;border:none;color:var(--accent);font-size:1.2rem;cursor:pointer}.discogs-panel-content img{width:50%;margin:1rem 0;border-radius:6px}.restock-wrapper{position:relative}.discogs-nav{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.discogs-nav button{background:var(--accent);color:#000;font-weight:700;border:none;padding:.2rem .6rem;border-radius:4px;cursor:pointer}.discogs-panel-content a{display:inline-block;margin-top:.5rem;color:var(--accent)}.discogs-toggle-section{margin-top:1rem}.discogs-toggle-section button{background:none;color:var(--accent);font-weight:700;font-size:.9rem;border:none;cursor:pointer}.tracklist{list-style:none;padding-left:1rem;margin-top:.5rem;font-size:.85rem}.notes{font-size:.85rem;margin-top:.5rem;padding:.5rem;background:#ffffff0d;border-radius:6px}.search-form{display:flex;gap:1rem;margin-bottom:1rem}.category-filters{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;font-size:.9rem}.summary{font-size:.9rem;color:var(--accent);margin-bottom:1rem}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a0abf;display:flex;align-items:center;justify-content:center;z-index:100}.popup{background:var(--main);padding:2rem;border-radius:10px;width:500px;color:var(--text);position:relative;box-shadow:0 0 20px #0005}.popup h3{margin-top:0;color:var(--accent)}.popup label{display:block;margin:1rem 0 .5rem;font-size:.9rem}.popup input{width:100%;padding:.4rem;background:#222;color:#fff;border:1px solid #444;border-radius:4px}.submit-button{margin-top:1.5rem;background:var(--accent);color:#000;font-weight:700;padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer}.close-popup{position:absolute;top:.3rem;right:.5rem;background:none;border:none;font-size:1.3rem;color:var(--accent);cursor:pointer}.image-picker{margin-top:1rem}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.5rem;margin-top:.5rem;max-height:350px;overflow:auto}.image-grid img{width:100%;border-radius:4px;border:2px solid transparent;cursor:pointer;transition:border .2s ease}.image-grid img.selected{border-color:var(--accent)}.category{font-size:.8rem;color:var(--accent);text-transform:uppercase;opacity:.75}.toast-success{position:fixed;bottom:20px;right:20px;background:#1fc16c;color:#000;font-weight:700;padding:.8rem 1.2rem;border-radius:8px;box-shadow:0 0 10px #00000040;z-index:999;animation:fadeInOut 3s ease-out forwards}@keyframes fadeInOut{0%{opacity:0;transform:translateY(20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1}to{opacity:0;transform:translateY(20px)}}.text-muted{color:#888}.link{background:none;border:none;color:var(--accent);cursor:pointer;text-decoration:underline;font-weight:700}.result-row ul{margin:0;padding-left:1em;list-style-type:disc}.restock-table.compact{font-size:.85rem;margin-top:.5rem}.copy-form-button{font-weight:700;padding:.4rem 1rem;background-color:var(--accent);color:var(--accent);border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s ease}.copy-form-button:hover{background-color:#b5e642}.tooltip-popup{position:absolute;background-color:var(--main);color:var(--text);padding:6px 10px;font-size:.85rem;border-radius:6px;pointer-events:none;z-index:1000;box-shadow:0 2px 10px #0000004d;animation:fadeinout 2s forwards}@keyframes fadeinout{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.file-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;margin-bottom:1rem}.file-list label{background:var(--bg);border:1px solid var(--accent);padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-family:monospace;font-size:.8em;transition:background .2s ease,transform .1s ease,box-shadow .2s;display:flex;align-items:center}.file-list label.selected{background:var(--accent);box-shadow:0 0 6px var(--accent);transform:translateY(-1px)}.file-list label:hover{background:#ffffff1a;transform:translateY(-2px)}.file-list input[type=checkbox]{margin-right:.5rem;transform:scale(1.2)}.file-list.all-selected{box-shadow:0 0 12px var(--accent);background-color:var(--bg);border-radius:8px;padding:.5rem;transition:box-shadow .3s ease}.panel.enter-active{opacity:1;transform:translateY(0)}.panel{opacity:1;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease;flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;height:calc(100vh - 200px)}.main-layout{display:flex;min-height:calc(100vh - 250px);gap:1rem;overflow:hidden;margin-top:-300px}.sidebar{display:flex;flex-direction:column;padding:1rem;width:220px;background:linear-gradient(270deg,var(--main),#00000099);border:2px solid var(--accent);border-radius:6px;height:100%;position:sticky;top:260px;align-self:flex-start;overflow-y:auto;box-shadow:0 0 20px 0 var(--accent)}.sidebar button,.sidebar .panel-link-button button{margin-bottom:.5rem;width:100%}.panel-area{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;height:calc(100vh - 150px);background:linear-gradient(270deg,var(--main),#00000099);border:2px solid var(--accent);border-radius:6px;box-shadow:0 0 20px 0 var(--accent);margin:20px}#overlay-root>*{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.popup-overlay{position:fixed;z-index:1100}.popup{background:var(--bg);border-radius:6px;padding:1rem;box-shadow:0 0 10px #0000004d}.discogs-image-grid img.selected{outline:2px solid var(--accent)}.discogs-image-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.discogs-image-grid img{width:80px;height:80px;object-fit:cover;border-radius:4px;cursor:pointer;transition:transform .15s ease}.discogs-image-grid img:hover{transform:scale(1.05)}.discogs-image-grid img.selected{outline:3px solid var(--accent, #0cf)}.success-toast,.error-toast{position:fixed;bottom:1rem;right:1rem;padding:.75rem 1rem;background:#2b2;color:#fff;font-weight:700;border-radius:6px;z-index:9999;opacity:0;animation:fadeUp .5s ease-out forwards}.error-toast{background:#c33}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}