.header{height:var(--header-h);display:flex;align-items:center;gap:24px;padding:0 24px;border-bottom:1px solid var(--border);flex-shrink:0;z-index:10;border-right:6px rgb(0,0,0)}.header-brand{display:flex;align-items:center;margin-right:8px;height:120px;padding-top:8%;object-fit:contain}.header-nav{display:flex;align-items:center;gap:4px}.nav-item{white-space:nowrap;color:var(--purple-medium);display:flex;align-items:center;gap:6px;padding:6px 14px;font-size:14px;font-weight:500;color:var(--text-muted);transition:all .15s;border-left:1px solid var(--purple)}.nav-sidebar-toggle-btn{background:transparent;border:none;cursor:pointer;border-left:1px solid var(--purple)}.nav-item:hover{background:var(--bg);color:var(--text)}.nav-item.active{background:var(--purple);color:#fff}.nav-icon{font-size:14px;max-width:18px}.hero{position:relative;width:100%;max-height:30vh;aspect-ratio:16/5;overflow:hidden;flex-shrink:0;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#2a004f,#6a00ff);background-size:cover;background-position:center 30%}.hero iframe{width:30%;height:100%;border:none;position:relative;z-index:10}.hero-brand{display:flex;align-items:center;margin-right:8px;height:200px;padding-top:1%;object-fit:contain}.sidebar-pagination{display:flex;justify-content:center;gap:8px;margin-top:10px}.page-btn{padding:6px 10px;border:none;background:#eee;cursor:pointer;border-radius:4px}.page-btn.active{background:var(--purple-bg);color:#fff}.sidebar-search{padding:8px 12px}.sidebar-search-input{width:100%;padding:6px 8px;border-radius:6px;border:1px solid #ccc;outline:none}.sidebar-search-input:focus{border-color:#7c3aed}.sidebar{right:0;top:0;height:100vh;background:var(--white);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;transition:width .25s ease}.sidebar-header{padding:20px 20px 12px}.sidebar-title{display:block;font-family:Syne,sans-serif;font-size:15px;font-weight:700;color:var(--text);margin-bottom:2px}.sidebar-sub{display:block;font-size:12px;color:var(--text-muted)}.sidebar-divider{height:1px;background:var(--purple);margin:0 20px}.sidebar-list{list-style:none;overflow-y:auto;flex:1;scrollbar-width:none}.sidebar-list::-webkit-scrollbar{display:none}.sidebar-item{padding:13px 20px;font-size:14px;font-weight:400;color:var(--text);cursor:pointer;border-left:3px solid transparent;transition:all .12s}.sidebar-item:hover{background:var(--bg);color:var(--purple)}.sidebar-item.active{background:var(--purple-light);border-left-color:var(--purple);color:var(--purple);font-weight:500}.sidebar.open{width:280px}.sidebar.closed{width:0}.sidebar-content{width:280px;height:100%}.sidebar-toggle-btn{background:transparent;border:none;cursor:pointer;font-size:20px;padding:6px}.sidebar-close-btn{background-color:var(--purple);border-radius:4px;border:none;color:#fff;cursor:pointer;font-size:18px;transition:color .15s ease,transform .15s ease}.sidebar-close-btn:hover{color:var(--purple);transform:scale(1.1)}.sidebar-header-top{display:flex;align-items:center;justify-content:space-between}.stream-grid{display:grid;gap:10px;padding:10px;flex:1;place-items:stretch;overflow:hidden}.stream-grid>*{display:flex}.stream-grid.grid-1{grid-template-columns:1fr}.stream-grid.grid-2{grid-template-columns:repeat(2,1fr)}.stream-grid.grid-3{grid-template-columns:repeat(3,1fr)}.stream-grid.grid-4{grid-template-columns:repeat(2,1fr)}.stream-grid.grid-5,.stream-grid.grid-6{grid-template-columns:repeat(3,1fr)}.stream-card{position:relative;display:flex;flex-direction:column;aspect-ratio:16 / 9;width:100%;height:100%;background:var(--white);border-radius:var(--radius);overflow:hidden;cursor:pointer;border:1.5px solid transparent;transition:border-color .15s,box-shadow .15s}.stream-card:hover,.stream-card.active{border-color:var(--purple);box-shadow:0 0 0 3px #7c3aed14}.stream-card iframe{width:100%;height:100%;border:none;position:relative;z-index:10}.stream-actions{padding:4px;text-align:right}.stream-grid.empty{display:flex;align-items:center;justify-content:center;min-height:350px}.stream-placeholder{display:flex;align-items:center;justify-content:center;margin:100px auto;padding:30px 40px;max-width:500px;font-size:1.3rem;font-weight:500;color:#c4b5fd;background:#ffffff08;border:1px solid rgba(167,139,250,.2);border-radius:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center}.stream-actions{position:absolute;top:8px;right:8px;z-index:10;opacity:0;transition:opacity .2s ease}.stream-card:hover .stream-actions{opacity:1}.stream-actions button{background:var(--purple);color:#fff;border:none;cursor:pointer;padding:4px 8px;border-radius:4px}.footer{height:20vh;background:linear-gradient(135deg,#2a004f,#6a00ff);color:#fff;padding:40px 20px 20px;margin-top:40px}.footer-container{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}.footer-section h3{margin-bottom:12px;font-size:16px;opacity:.9}.footer-logo{font-size:20px;font-weight:700;margin-bottom:10px}.footer-desc{font-size:14px;opacity:.8}.footer-section ul{list-style:none;padding:0}.footer-section li{margin-bottom:8px;font-size:14px;cursor:pointer;transition:.2s}.footer-section li:hover{color:#d1b3ff}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);margin-top:30px;padding-top:15px;text-align:center;font-size:13px;opacity:.7}.legal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#7800964d;z-index:999}.legal-modal{background:#fff;padding:30px;border-radius:16px;max-width:100vh;width:90%;box-shadow:0 10px 30px #0003;animation:fadeIn .3s ease}.close-btn{float:right;border:none;background:none;font-size:20px;cursor:pointer}@keyframes fadeIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.equipment-page{font-family:Geist,DM Sans,Inter,sans-serif;background:#f9fafb;overflow-y:auto;scrollbar-width:none}.equipment-page::-webkit-scrollbar{display:none}.equipment-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.equipment-header__title{margin:0;font-size:20px;font-weight:800;color:#111827;letter-spacing:-.02em}.equipment-header__subtitle{margin:2px 0 0;font-size:13px;color:#6b7280}.equipment-content{padding:32px}.equipment-row{margin-bottom:40px}.equipment-row__header{display:flex;align-items:center;gap:14px;margin-bottom:18px}.equipment-row__title{font-size:16px;font-weight:700;color:#111827;margin:0;white-space:nowrap;letter-spacing:-.01em}.equipment-row__divider{flex:1;height:1px;background:#e5e7eb}.equipment-row__count{font-size:12px;color:#9ca3af;white-space:nowrap}.equipment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}@media (max-width: 1100px){.equipment-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.equipment-grid{grid-template-columns:repeat(2,1fr)}.equipment-content{padding:20px 16px}.equipment-header{padding:16px}}@media (max-width: 480px){.equipment-grid{grid-template-columns:1fr}}.equipment-card{background:#fff;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease;box-shadow:0 2px 8px #0000000f}.equipment-card:hover{transform:translateY(-5px);box-shadow:0 12px 36px #00000021}.equipment-card__image-wrapper{position:relative;aspect-ratio:7/ 6;background:#f4f5f7;overflow:hidden}.equipment-card__image{width:100%;height:100%;object-fit:cover;display:block}.equipment-card__body{padding:14px 16px 16px}.equipment-card__name{font-weight:700;font-size:15px;color:#111827;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.equipment-card__category{font-size:13px;color:#6b7280;margin-bottom:2px}.home-page{display:flex;flex-direction:column;height:120vh;overflow:hidden;background:var(--bg)}.home-page-body{display:flex;grid-template-columns:1fr 260px;flex:1;min-height:0;overflow:hidden}.home-page-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.loading{padding:60px 24px;text-align:center;color:var(--text-muted);font-size:14px}:root{--purple: #7c3aed;--purple-light: #f3f0ff;--purple-medium: #b7aaec;--purple-bg: #8b5cf6;--text: #111118;--text-muted: #6b7280;--border: #e5e7eb;--bg: #f9f9fb;--white: #ffffff;--radius: 8px;--header-h: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{margin:0;height:100%;font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);font-size:15px;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}img{display:block}