:root{--background:#111315;--surface:#1a1d21;--surface-hover:#23272d;--border:#2f343b;--text-primary:#fff;--text-secondary:#a0a6ae;--accent:#d97706;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{background-color:var(--background);color:var(--text-primary);margin:0}#root{min-height:100vh}.page{width:min(1100px,100%);margin:0 auto;padding:56px 20px}.hero{margin-bottom:24px;padding:80px 0 56px}.page-title{letter-spacing:-2px;margin:0 0 20px;font-size:clamp(42px,7vw,76px);line-height:.95}.hero-subtitle{color:var(--text-secondary);max-width:560px;margin:0 0 28px;font-size:30px}.empty-state{background-color:var(--surface);border:1px solid var(--border);max-width:900px;color:var(--text-secondary);border-radius:16px;margin-top:24px;padding:24px}.empty-state strong{color:var(--text-primary);margin-bottom:6px;font-size:18px;display:block}.status-message{background-color:var(--surface);border:1px solid var(--border);max-width:900px;color:var(--text-secondary);border-radius:16px;margin-top:24px;padding:18px 20px}.app-background{background-image:linear-gradient(to bottom, #11131500 0%, #11131500 70%, #111315e6 80%, var(--background) 90%), url(/hero-stage.png);background-position:top;background-repeat:no-repeat;background-size:100%;min-height:100vh}@media (width<=700px){.app-background{background-position:top;background-repeat:no-repeat;background-size:auto 420px}}.accent-text{color:var(--accent)}.search-form{gap:12px;max-width:1100px;display:flex}.search-input{background-color:var(--surface);border:1px solid var(--border);color:var(--text-primary);border-radius:12px;flex:1;min-height:70px;padding:14px 16px;font-size:20px}.search-input:focus{border-color:var(--accent);outline:none}.search-button{background-color:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;min-height:70px;padding:14px 40px;font-weight:850}@media (width<=700px){.search-form{flex-direction:column}.search-button{width:100%}}.results-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:24px 0 0;padding:0;list-style:none;display:grid}.result-list-item{margin:0}.result-card{background-color:var(--surface);border:1px solid var(--border);color:inherit;border-radius:16px;padding:20px;text-decoration:none;transition:border-color .2s,transform .2s;display:block}.result-card:hover{border-color:var(--accent);transform:translateY(-2px)}.result-title{margin-bottom:12px;font-size:18px;display:block}.result-meta{color:var(--accent);font-weight:600}.equipment-tags{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.equipment-tag{color:var(--accent);background:#d977061f;border:1px solid #d9770673;border-radius:999px;padding:.35rem .65rem;font-size:.8rem;font-weight:600}.department-section{max-width:1100px;margin:4rem auto 0}.department-section h2{margin:0 0 1.25rem;font-size:1.5rem}.department-grid{grid-template-columns:repeat(5,1fr);gap:1rem;display:grid}.department-card{border:1px solid var(--border);min-height:150px;color:var(--text-primary);background:#1a1d21e6;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.25rem;font-weight:700;text-decoration:none;transition:transform .2s,border-color .2s,background-color .2s;display:flex}.department-card-icon{object-fit:contain;width:160px;height:120px}.department-card span{text-align:center}.department-card:hover{border-color:var(--accent);background-color:#23272df2;transform:translateY(-3px)}@media (width<=900px){.department-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.department-section{margin-top:2.5rem}.department-grid{grid-template-columns:1fr}}.example-data-banner{color:#000;background:#cd720a;border:1px solid #a05200;border-radius:16px;align-items:center;gap:.75rem;max-width:1100px;margin:2rem auto 1.5rem;padding:1rem 1.25rem;display:flex}.example-data-banner strong{color:#000;white-space:nowrap;font-weight:800}.example-data-banner span{color:#000;font-weight:600;line-height:1.5}@media (width<=600px){.example-data-banner{flex-direction:column;align-items:flex-start;margin-top:1.25rem;padding:1rem}.example-data-banner strong{white-space:normal}}.equipment-header{max-width:1100px;margin:4rem auto 1.5rem}.equipment-title{color:var(--text-primary);margin:0;font-size:3rem;line-height:1.1}.equipment-title:after{content:"";background:var(--accent);border-radius:999px;width:64px;height:4px;margin-top:.75rem;display:block}.equipment-toolbar{justify-content:space-between;align-items:center;gap:1rem;max-width:1100px;margin:1.25rem auto 2rem;display:flex}.equipment-count{border:1px solid var(--border);color:var(--text-secondary);background:#1a1d21b8;border-radius:999px;margin:0;padding:.65rem .9rem;font-size:.95rem;font-weight:600}.supplier-section-header{justify-content:space-between;align-items:center;gap:1rem;max-width:1100px;margin:0 auto 16px;display:flex}.supplier-section-title{margin:0}.location-sort-button{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:#d9770624;border-radius:999px;justify-content:center;align-items:center;padding:.65rem .9rem;font-weight:700;display:inline-flex}.location-sort-button:hover{background:#d977063d}.supplier-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;max-width:1100px;margin:0 auto;padding:0;list-style:none;display:grid}.supplier-card{background-color:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px}.supplier-name{margin-bottom:12px;font-size:18px;display:block}.supplier-distance{color:#38bdf8;margin:0 0 12px;font-size:.95rem;font-weight:700}.supplier-distance-icon{color:#38bdf8;margin-right:.4rem;display:inline-block}.supplier-contact a{color:var(--text-primary);text-decoration:none}.supplier-contact a:hover{color:var(--accent)}.location-sort-button:disabled{opacity:.65;cursor:wait}.location-loading-message{max-width:1100px;color:var(--text-secondary);max-width:1100px;align-items:center;gap:.5rem;margin:0 auto 16px;font-size:.95rem;display:flex}.location-spinner{border:2px solid #94a3b859;border-top-color:#38bdf8;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite location-spinner-spin}@keyframes location-spinner-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=600px){.equipment-header{margin-top:2.5rem;margin-bottom:1.25rem}.equipment-title{font-size:2.25rem}.equipment-toolbar{flex-direction:column;align-items:stretch;margin-top:1rem;margin-bottom:1.5rem}.back-link,.equipment-count{text-align:center;justify-content:center;width:100%}.equipment-count{display:none}.supplier-section-header{flex-direction:column;align-items:stretch}.location-sort-button{width:100%}}.site-header{z-index:100;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background-color:#0a0b0deb;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.site-logo{width:min(1100px,100%);color:var(--text-primary);letter-spacing:1px;align-items:center;gap:12px;margin:0 auto;padding:18px 20px;font-weight:700;text-decoration:none;display:flex}.site-logo-mark{background-color:var(--accent);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.site-nav{align-items:center;gap:1rem;display:flex}.site-nav a{color:var(--text-secondary);border-radius:999px;padding:.55rem 3rem;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s}.site-nav a:hover{color:var(--text-primary);background-color:#d9770624}.site-logo-icon{object-fit:contain;width:50px;height:50px;transition:filter .2s,transform .2s}.site-logo:hover .site-logo-icon{filter:drop-shadow(0 0 6px #ff7800cc)drop-shadow(0 0 14px #ff780099)drop-shadow(0 0 22px #ff78004d)}.about-page{padding-top:4rem}.about-panel{border:1px solid var(--border);background:#1a1d21eb;border-radius:24px;max-width:850px;margin:0 auto;padding:2rem}.about-panel h1{margin-top:0;font-size:2.5rem}.about-panel h1 span{color:var(--accent)}.about-intro{color:var(--text-secondary);margin-bottom:2rem;font-size:1.15rem;line-height:1.7}.about-notice{color:#000;background:#cd720a;border:1px solid #a05200;border-radius:16px;margin:2rem 0;padding:1rem 1.25rem}.about-notice strong{color:#000;margin-bottom:.5rem;font-weight:800;display:block}.about-notice p{color:#000;margin:0;font-weight:600;line-height:1.5}.about-section{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.5rem}.about-section h2{color:var(--text-primary);margin:0 0 .5rem}.about-section p{color:var(--text-secondary);margin:0;line-height:1.7}.about-section a{color:var(--accent);font-weight:700;text-decoration:none}.about-section a:hover{text-decoration:underline}@media (width<=600px){.about-page{padding-top:2.5rem}.about-panel{padding:1.25rem}.about-panel h1{font-size:2.25rem}}.department-page-header{max-width:1100px;margin:4rem auto 1.5rem}.department-page-header h1{color:var(--text-primary);margin:0;font-size:3rem;line-height:1.1}.department-page-header h1:after{content:"";background:var(--accent);border-radius:999px;width:64px;height:4px;margin-top:.75rem;display:block}.department-page-header span{color:var(--accent)}.department-page-header p{color:var(--text-secondary);margin:0}.back-link{border:1px solid var(--border);color:var(--accent);background:#1a1d21db;border-radius:999px;align-items:center;padding:.65rem .9rem;font-weight:700;text-decoration:none;display:inline-flex}.back-link:hover{border-color:var(--accent);background:#d977061f}.department-tags-section{border:1px solid var(--border);background:#1a1d21d1;border-radius:20px;max-width:1100px;margin:2rem auto 0;padding:1.5rem}.department-tags-section h2{margin:0 0 1rem;font-size:1.1rem}.department-tags{flex-wrap:wrap;gap:.75rem;display:flex}.department-tag{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:#111315e6;border-radius:999px;padding:.75rem 1rem;font-weight:600}.department-tag:hover{border-color:var(--accent);color:var(--accent)}.department-tag.selected{border-color:var(--accent);color:var(--accent);background:#d977062e}.department-result-count{border:1px solid var(--border);color:var(--text-secondary);background:#1a1d21b8;border-radius:999px;margin:0;padding:.65rem .9rem;font-size:.95rem;font-weight:600}.department-tags-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.department-tags-header h2{margin:0}.selected-tag-count{color:var(--text-secondary);margin-top:.35rem;font-size:.9rem;display:inline-block}.tag-toggle-button{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:#111315e6;border-radius:999px;padding:.6rem .9rem;font-weight:600}.tag-toggle-button:hover{border-color:var(--accent);color:var(--accent)}.department-toolbar{justify-content:space-between;align-items:center;gap:1rem;max-width:1100px;margin:1.25rem auto 0;display:flex}@media (width<=600px){.department-page-header{margin-top:2.5rem;margin-bottom:1.25rem}.department-page-header h1{font-size:2.25rem}.department-tags-section{margin-top:1.5rem;padding:1rem}.department-tags-header{align-items:flex-start}.tag-toggle-button{white-space:nowrap;padding:.55rem .75rem;font-size:.85rem}.department-tags{gap:.5rem}.department-tag{padding:.65rem .85rem;font-size:.85rem}.department-result-count{font-size:.9rem}.department-toolbar{flex-direction:column;align-items:stretch;margin-top:1rem}.back-link{text-align:center;justify-content:center;width:100%}.department-result-count{display:none}}