.game-list-page{display:flex;gap:30px;padding:20px 0;position:relative}.game-list-page .game-filters-sidebar{align-self:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 15px rgba(0,0,0,.05);height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto;padding:25px;position:sticky;top:100px;width:280px}.game-filters-sidebar h3{border-bottom:1px solid #eee;color:var(--dark-color);font-size:1.3rem;margin-bottom:25px;padding-bottom:12px;position:relative}.game-filters-sidebar h3:after{background-color:var(--primary-color);bottom:-1px;content:"";height:2px;left:0;position:absolute;width:50px}.filter-group{margin-bottom:30px}.filter-group h4{align-items:center;color:var(--dark-color);display:flex;font-size:1.1rem;gap:8px;margin-bottom:15px}.filter-group h4:before{background-color:var(--primary-color);border-radius:3px;content:"";display:inline-block;height:15px;width:5px}.filter-list{list-style:none;padding-left:13px}.filter-list li{margin-bottom:10px}.filter-list a{align-items:center;border-radius:6px;color:#555;display:flex;padding:8px 15px;position:relative;text-decoration:none;transition:all .2s ease}.filter-list a:before{background-color:#ddd;border-radius:50%;content:"";height:5px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:5px}.filter-list a:hover{background-color:#f8f9fa;color:var(--primary-color);padding-left:20px}.filter-list a:hover:before{background-color:var(--primary-color)}.filter-list a.active{background-color:rgba(108,92,231,.1);color:var(--primary-color);font-weight:500;padding-left:20px}.filter-list a.active:before{background-color:var(--primary-color);height:8px;width:8px}.close-filters-btn{display:none}.game-list-main{flex:1;position:relative}.game-list-main h1{color:var(--dark-color);font-size:2rem;margin-bottom:25px;padding-bottom:10px;position:relative}.game-list-main h1:after{background-color:var(--primary-color);border-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.games-grid{display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:40px}.game-list-page .game-card{background:#fff;border-radius:12px;box-shadow:0 3px 12px rgba(0,0,0,.08);display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.game-card:hover{box-shadow:0 10px 25px rgba(0,0,0,.12);transform:translateY(-5px)}.game-card img{height:160px}.game-list-page .game-info{display:flex;flex:1;flex-direction:column;padding:18px}.game-info h3{color:var(--dark-color);flex:1;font-size:1.1rem;line-height:1.3;margin-bottom:12px}.game-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.game-engine{background-color:#f0f0f0;border-radius:4px;color:#555;font-size:.8rem;font-weight:500;padding:4px 10px}.game-price{color:var(--success-color);font-size:.95rem;font-weight:600}.play-btn{background-color:var(--primary-color);border-radius:6px;color:#fff;display:block;font-weight:500;margin-top:auto;padding:10px 0;text-align:center;text-decoration:none;transition:all .2s ease;width:100%}.play-btn:hover{background-color:#5a4bd1;box-shadow:0 3px 8px rgba(108,92,231,.3);transform:translateY(-2px)}.spinner{animation:spin 1s ease-in-out infinite;border:4px solid rgba(108,92,231,.1);border-radius:50%;border-top:4px solid var(--primary-color);display:none;height:40px;margin:30px auto;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.mobile-filter-btn{align-items:center;background-color:var(--primary-color);border:none;border-radius:50px;bottom:25px;box-shadow:0 4px 20px rgba(108,92,231,.4);color:#fff;cursor:pointer;display:none;font-size:.95rem;font-weight:500;gap:8px;padding:12px 22px;position:fixed;right:25px;transition:all .3s ease;z-index:900}.mobile-filter-btn:hover{box-shadow:0 6px 25px rgba(108,92,231,.5);transform:translateY(-3px)}.filter-overlay{background-color:rgba(0,0,0,.5);height:100%;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:950}.filter-overlay.active{opacity:1;visibility:visible}@media(max-width:1200px){.games-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:992px){.game-filters-sidebar{border-radius:0;height:100vh;left:-100%;max-width:320px;padding:70px 25px 25px;position:fixed;top:0;transition:all .3s ease;width:85%;z-index:1000}.game-filters-sidebar.active{left:0}.close-filters-btn{background:none;border:none;color:#777;cursor:pointer;display:block;font-size:1.3rem;position:absolute;right:20px;top:20px;transition:all .2s ease}.close-filters-btn:hover{color:var(--danger-color);transform:rotate(90deg)}.mobile-filter-btn{display:flex}}@media(max-width:768px){.game-list-main h1{font-size:1.7rem}.games-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.game-card img{height:140px}}@media(max-width:576px){.games-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.game-card img{height:120px}.game-info{padding:15px}.game-info h3{font-size:1rem}}.home-content{padding:16px}.genre-row{margin:18px 0 26px;position:relative}.genre-header{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:0 2px 8px}.genre-header h2{color:var(--cg-content,#e5e7eb);font-size:1.1rem;margin:0}.genre-actions{align-items:center;display:flex;gap:8px}.view-more{color:var(--primary-color,#3b82f6);font-weight:600;text-decoration:none}.view-more:hover{color:#93c5fd}.genre-scroller{display:grid;gap:14px;grid-auto-columns:minmax(200px,280px);grid-auto-flow:column;overflow-y:hidden;padding:6px 0;scroll-behavior:smooth;scroll-snap-type:x proximity;-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.genre-scroller::-webkit-scrollbar{display:none;height:0;width:0}.genre-scroller>*{scroll-snap-align:start}.genre-scroller.is-dragging{cursor:grabbing}.genre-row__btn{backdrop-filter:blur(4px);background:rgba(17,24,39,.8);border:1px solid var(--cg-border,hsla(0,0%,100%,.08));border-radius:999px;box-shadow:0 6px 18px rgba(0,0,0,.35);color:#fff;cursor:pointer;display:grid;height:36px;place-items:center;position:absolute;transition:transform .12s ease,opacity .12s ease,background .12s ease;width:36px;z-index:5}.genre-row__btn--next,.genre-row__btn--prev{top:calc(50% + 8px);transform:translateY(-50%)}.genre-row__btn:hover{background:rgba(31,41,55,.9);transform:translateY(calc(-50% - 1px))!important}.genre-row__btn i{pointer-events:none}.genre-row__btn--next{right:6px}.genre-row__btn--prev{left:6px}.genre-row__btn.is-hidden{display:none}@media(max-width:600px){.home-content{padding:12px}.genre-header h2{font-size:1rem}}.game-card{aspect-ratio:16/9;background:var(--cg-elev-1,#0f172a);border:1px solid var(--cg-border,hsla(0,0%,100%,.08));border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.25);display:block;overflow:hidden;position:relative;transition:transform .25s ease,box-shadow .25s ease;width:100%}@supports not (aspect-ratio:1){.game-card:before{content:"";display:block;padding-top:56.25%}}.game-card:hover{box-shadow:0 18px 40px rgba(0,0,0,.35);transform:translateY(-3px)}.game-card img{display:block;height:100%;top:0;right:0;bottom:0;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;transform:scale(1);transition:transform .25s ease;width:100%}.game-card:hover img{transform:scale(1.04)}.game-overlay{align-items:flex-end;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent);display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;opacity:0;padding:8px;position:absolute;transition:opacity .2s ease}.game-card:hover .game-overlay{opacity:1}.game-title{color:#fff;font-size:.95rem;font-weight:700;line-height:1.2;margin:0;text-align:center}.close-filters-btn,.filter-overlay,.filters-sidebar,.mobile-filter-btn{display:none!important}.u-text-muted{color:var(--cg-muted,#9ca3af)}.message-bell{align-items:center;display:flex;position:relative}.messages-dropdown{background:var(--cg-bg);border:1px solid var(--cg-border);color:var(--cg-content);max-height:400px;overflow-y:auto;width:300px}.message-item{border-bottom:1px solid var(--cg-border);display:flex;padding:10px}.message-item.unread{background-color:rgba(59,130,246,.08)}.message-avatar{background:var(--cg-bg);border:1px solid var(--cg-border);border-radius:50%;flex-shrink:0;height:40px;margin-right:10px;overflow:hidden;width:40px}.message-avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.message-content{flex:1;min-width:0}.message-header{display:flex;justify-content:space-between;margin-bottom:5px}.message-header strong{color:var(--cg-content)}.message-content p,.message-header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-content p{color:var(--cg-muted);font-size:.9rem;margin-bottom:5px}.message-time{color:var(--cg-muted);font-size:.8rem}.no-messages{color:var(--cg-muted);padding:20px;text-align:center}.notification-bell{align-items:center;display:flex;position:relative}.notifications-dropdown{background:var(--cg-bg);border:1px solid var(--cg-border);color:var(--cg-content);max-height:400px;overflow-y:auto;width:350px}.notification-item{border-bottom:1px solid var(--cg-border);display:flex;padding:10px}.notification-item.unread{background-color:rgba(59,130,246,.08)}.notification-avatar{background:var(--cg-bg);border:1px solid var(--cg-border);border-radius:50%;flex-shrink:0;height:40px;margin-right:10px;overflow:hidden;width:40px}.notification-avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.notification-content{flex:1}.notification-header{display:flex;justify-content:space-between;margin-bottom:5px}.notification-text{color:var(--cg-content);flex:1}.new-badge{background-color:#ef4444;border-radius:10px;color:#fff;font-size:.7rem;margin-left:10px;padding:2px 5px}.notification-time{color:var(--cg-muted);font-size:.8rem}.no-notifications{color:var(--cg-muted);padding:20px;text-align:center}.dropdown-footer{padding:10px 15px;text-align:center}.dropdown-footer a{color:var(--primary-color);font-size:.9rem}.mark-all-read{background:transparent;border:none;color:var(--primary-color);cursor:pointer;font-size:.8rem}.mark-all-read:hover{text-decoration:underline}@media(max-width:992px){.menu-toggle{display:inline-flex}.nav.active{background:var(--cg-bg);border-bottom:1px solid var(--cg-border);left:0;padding:10px 0;position:absolute;right:0;top:var(--appbar-h)}.nav-list{align-items:stretch;flex-direction:column}body{padding-left:0!important;padding-top:var(--appbar-h)!important}main{padding-top:calc(var(--appbar-h) + 1rem)}.menu-toggle{display:flex;flex-direction:column;height:44px;justify-content:center;margin-left:auto;width:44px;z-index:1001}.menu-toggle span{height:2px;margin:2px 0;transition:all .3s ease}.menu-toggle.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.nav{background:var(--cg-bg);border-top:1px solid var(--cg-border);left:0;opacity:0;position:fixed;right:0;top:var(--appbar-h);transform:translateY(-100%);transition:all .3s ease;visibility:hidden;z-index:1000}.nav.active{opacity:1;transform:translateY(0);visibility:visible}.nav-list{flex-direction:column;padding:1rem}.nav-list li{margin:.5rem 0}#search-form{flex-direction:row;margin-top:1rem;order:3;width:100%}#search-form .form-select{flex:1;max-width:120px}#search-form .form-control{flex:2}}@media(max-width:576px){#search-form{flex-direction:column}#search-form .btn,#search-form .form-control,#search-form .form-select{margin-bottom:.5rem;max-width:none;width:100%}}@media(max-width:992px){.cg-rail{max-width:300px;top:var(--appbar-h);transform:translate(-100%);transition:transform .3s ease;width:75%!important;z-index:1000}.cg-rail.open{transform:translate(0)}.rail-overlay{background:rgba(0,0,0,.5);bottom:0;left:0;opacity:0;position:fixed;right:0;top:var(--appbar-h);transition:all .3s ease;visibility:hidden;z-index:999}.rail-overlay.active{opacity:1;visibility:visible}}@media(max-width:768px){.home-content{padding:1rem}.genre-row{margin:1.5rem 0}.genre-header{padding:0 .5rem}.genre-scroller{gap:.75rem;grid-auto-columns:minmax(160px,1fr);padding:.5rem 0}.genre-row__btn{display:none;height:32px;width:32px}.genre-scroller{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.genre-scroller::-webkit-scrollbar{display:block;height:4px}.game-card{scroll-snap-align:start}}@media(max-width:992px){.game-list-page{flex-direction:column}.game-filters-sidebar{border-radius:0;height:calc(100vh - var(--appbar-h));left:0;max-width:320px;padding:1.5rem;position:fixed;top:var(--appbar-h);transform:translate(-100%);transition:transform .3s ease;width:85%;z-index:1000}.game-filters-sidebar.active{transform:translate(0)}.close-filters-btn{background:none;border:none;color:var(--cg-content);display:block;font-size:1.5rem;position:absolute;right:1rem;top:1rem}.mobile-filter-btn{align-items:center;background:var(--primary-color);border:none;border-radius:50%;bottom:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,.3);color:#fff;display:flex;height:56px;justify-content:center;position:fixed;right:1.5rem;width:56px;z-index:900}.games-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media(max-width:576px){.games-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.game-info{padding:.75rem}.game-info h3{font-size:.9rem}}@media(max-width:768px){.form-container{margin:1rem;padding:1.5rem;width:calc(100% - 2rem)}.form-title{font-size:1.5rem}.row{flex-direction:column;margin:0}.col-md-6{flex:0 0 100%;max-width:100%;padding:0}.dropdown-content{left:.5rem!important;max-height:70vh;overflow-y:auto;position:fixed;right:.5rem!important;top:var(--appbar-h)!important;width:auto!important}.modal-content{margin:1rem;width:90%!important}}@media(hover:none)and (pointer:coarse){.btn,.game-card,.nav-list a{min-height:44px}.genre-row{margin-bottom:2rem}.game-card:hover{transform:none}.game-overlay{opacity:1!important}}@media(max-height:500px)and (orientation:landscape){.cg-rail,.nav.active{top:54px}main{padding-top:54px}.game-card{aspect-ratio:4/3}}@supports (-webkit-touch-callout:none){.cg-rail,.game-filters-sidebar{height:-webkit-fill-available}.game-filters-sidebar{padding-bottom:env(safe-area-inset-bottom)}}@media(max-width:768px){.notifications-header{align-items:flex-start;flex-direction:column;gap:1rem}.notification-main{flex-direction:column}.mark-read-form{align-self:flex-end;margin-left:0;margin-top:1rem}}@media(max-width:480px){.notifications-container{margin:1rem auto;padding:0 .75rem}.notifications-header h1{font-size:1.4rem}.btn-mark-all-read{justify-content:center;width:100%}.notification-avatar{height:40px;width:40px}.notification-actions{flex-direction:column;gap:.6rem}.btn-action{justify-content:center;width:100%}.action-btn span:not(.like-count){display:none}.action-btn .like-count{display:inline!important;margin-left:.35rem}}@media(max-width:360px){.notification-link{font-size:.95rem}.notification-time{font-size:.8rem}}.dropdown.open .dropdown-content{display:block!important}@media(max-width:360px),(max-width:480px),(max-width:768px),(max-width:992px){.header{left:0;padding-top:env(safe-area-inset-top);position:fixed;right:0;top:0;transition:transform .25s ease;will-change:transform;z-index:1000}.header.appbar--hidden{transform:translateY(-100%)}.header.appbar--hidden .appbar-btn,.header.appbar--hidden .header-actions,.header.appbar--hidden .logo,.header.appbar--hidden .menu-toggle,.header.appbar--hidden .search-form,.header.appbar--hidden .search-trigger{opacity:0;pointer-events:none;transition:opacity .2s ease}}@media(max-width:992px){.feed-page{flex-direction:column}.main-feed{max-width:100%}.sidebar{margin-top:1rem;position:static;width:100%}.search-trigger{align-items:center;background:transparent;border:1px solid var(--cg-border);border-radius:10px;color:var(--cg-content);display:inline-flex;height:42px;justify-content:center;margin-left:.25rem;width:42px}#search-form{display:none!important;margin:0;width:100%}.header.search-open #search-form{background:var(--cg-bg);border-bottom:1px solid var(--cg-border);display:flex!important;gap:.5rem;left:0;padding:.5rem .75rem;position:absolute;right:0;top:var(--appbar-h);z-index:1001}.header.search-open #search-form .form-select{max-width:120px}.header.search-open #search-form .form-control{flex:1 1 auto}.header.search-open #search-form .btn{flex:0 0 auto}.nav .dropdown{position:relative}.nav .dropdown .dropdown-content{max-height:70vh;min-width:280px;overflow:auto;position:absolute;right:0;top:calc(100% + 6px);z-index:1100}.nav{overflow:visible}}*,:after,:before{box-sizing:border-box}body,html{height:100%}body{margin:0;-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;line-height:1.6;overflow-x:hidden;text-rendering:optimizeLegibility}:root{--cg-bg:#0b0f19;--cg-border:hsla(0,0%,100%,.1);--cg-content:#e5e7eb;--cg-muted:#9ca3af;--primary-color:#3b82f6;--container-max:1200px;--radius-md:12px;--heart-color:#ff4d4d;--primary-dark:#2d7cb6;--cg-dark:#0d0f14;--cg-elev-1:#111827;--cg-elev-2:#0f172a}body{background:var(--cg-bg)!important;color:var(--cg-content)}.container{margin-inline:auto;width:min(100% - 2rem,var(--container-max))}a{color:var(--primary-color);text-decoration:none}a:hover{color:#93c5fd}.header{position:sticky;z-index:1000}.header .container{gap:1rem;height:var(--appbar-h)}.logo{color:var(--cg-content);font-size:1.15rem;font-weight:800;text-decoration:none}.collapse.navbar-collapse{margin-left:auto}.nav{margin-left:.75rem}.nav-list{align-items:center;display:flex;gap:.75rem;list-style:none;margin:0;padding:0}.nav-list>li>a{border-radius:8px;color:var(--cg-content);padding:.4rem .6rem}.nav-list>li>a:hover{background:rgba(255,255,255,.05);color:var(--primary-color)}.menu-toggle{align-items:center;background:transparent;border:1px solid var(--cg-border);border-radius:10px;color:var(--cg-content);display:none;height:42px;justify-content:center;width:42px}.menu-toggle span{background:var(--cg-content);display:block;height:2px;margin:3px 0;width:18px}#search-form{align-items:center;display:flex;gap:.5rem}.form-control,.form-select{background:var(--cg-bg);border:1px solid var(--cg-border);border-radius:10px;color:var(--cg-content);padding:.45rem .6rem}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(59,130,246,.25);outline:none}.btn{align-items:center;background:var(--cg-bg);border:1px solid var(--cg-border);border-radius:10px;color:var(--cg-content);cursor:pointer;display:inline-flex;font-weight:600;gap:.4rem;justify-content:center;padding:.45rem .7rem}.btn-primary{background:var(--primary-color);border-color:transparent;color:#fff}.btn-primary:hover{filter:brightness(1.05)}.btn-outline-success{background:transparent;border-color:var(--primary-color);color:var(--primary-color)}.btn-outline-success:hover{background:var(--primary-color);color:#fff}.dropdown{position:relative}.dropdown-content{background:var(--cg-bg);border:1px solid var(--cg-border);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.35);display:none;min-width:300px;padding:.5rem;position:absolute;right:0;top:calc(100% + 8px)}.dropdown:hover .dropdown-content{display:block}.dropdown-content a{border-radius:8px;color:var(--cg-content);display:block;padding:.5rem}.dropdown-content a:hover{background:rgba(255,255,255,.05);color:var(--primary-color)}.dropdown-header{align-items:center;border-bottom:1px solid var(--cg-border);display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.4rem;padding:.4rem .25rem .6rem}.dropdown-footer{border-top:1px solid var(--cg-border);margin-top:.4rem;padding-top:.4rem}.divider{background:var(--cg-border);height:1px;margin:.35rem 0}.badge{background:#ef4444;border-radius:999px;color:#fff;display:inline-block;font-size:.75rem;height:18px;line-height:18px;min-width:18px;padding:0 .35rem;text-align:center}.message-avatar img,.notification-avatar img,.user-avatar{border-radius:50%;height:28px;-o-object-fit:cover;object-fit:cover;width:28px}.message-item,.notification-item{align-items:center;display:flex;gap:.55rem}.message-avatar,.notification-avatar{background:var(--cg-bg);border:1px solid var(--cg-border);border-radius:50%;display:grid;height:36px;overflow:hidden;place-items:center;width:36px}.message-time,.notification-time{color:var(--cg-muted)}.modal{align-items:center;background:rgba(0,0,0,.5);display:none;top:0;right:0;bottom:0;left:0;justify-content:center;position:fixed;z-index:1100}.modal-content{background:var(--cg-bg);border:1px solid var(--cg-border);border-radius:12px;padding:1rem;width:min(90%,460px)}.modal-actions{display:flex;gap:.5rem;margin-top:.75rem}.btn-secondary{background:var(--cg-bg);border-color:var(--cg-border);color:var(--cg-content)}.btn-link{background:transparent;border:0;color:var(--primary-color)}.footer{background:var(--cg-bg);border-top:1px solid var(--cg-border);margin-top:2rem}.footer .container{padding:1.5rem 0}.footer-content{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.footer-title{margin:0 0 .4rem}.footer-subtitle{margin:0 0 .35rem}.footer-text{color:rgba(255,255,255,.8);margin:.4rem 0}.footer-links{display:grid;gap:.25rem;list-style:none;margin:0;padding:0}.footer-links a{color:rgba(255,255,255,.85)}.footer-links a:hover{color:#fff}.footer-bottom{align-items:center;border-top:1px solid var(--cg-border);display:flex;gap:1rem;justify-content:space-between;margin-top:1rem;padding-top:1rem}.payment-methods i{font-size:1.2rem;opacity:.9}.cg-rail{scrollbar-width:none;-ms-overflow-style:none}.cg-rail::-webkit-scrollbar{height:0;width:0}.cg-rail:hover{scrollbar-width:thin}.cg-rail:hover::-webkit-scrollbar{width:8px}.cg-rail:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:6px}.cg-rail:hover::-webkit-scrollbar-track{background:transparent}.cg-rail:focus-within{scrollbar-width:thin}.cg-rail:focus-within::-webkit-scrollbar{width:8px}.messages-container{bottom:12px;display:grid;gap:.5rem;position:fixed;right:12px;z-index:1200}.message{background:var(--cg-bg);border:1px solid var(--cg-border);border-radius:10px;padding:.6rem .8rem}.message-close{background:transparent;border:0;color:var(--cg-content);float:right;font-size:1rem}.u-text-muted{color:var(--cg-muted)}.u-center{display:grid;place-items:center}.u-shadow{box-shadow:0 12px 32px rgba(0,0,0,.25)}.cg-rail{border-right:1px solid var(--cg-border);overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.cg-rail,.cg-rail:hover{background:var(--cg-bg)!important}.cg-rail__inner{display:block;padding-bottom:12px}.cg-rail__footer,.cg-rail__nav{border:0!important;max-height:none!important;overflow:visible!important}.cg-rail__label{overflow:hidden;text-overflow:ellipsis}.cg-icon-img{display:inline-block;filter:none;height:20px;-o-object-fit:contain;object-fit:contain;width:20px}.cg-icon-fallback{font-size:20px;text-align:center;width:20px}.cg-rail__item{min-width:0}.header{background:var(--cg-bg)!important;border-bottom:1px solid var(--cg-border);height:var(--appbar-h);left:0;overflow:visible;position:fixed!important;right:0;top:0;z-index:1100}.header .container{align-items:center;display:flex;height:100%}body{padding-top:var(--appbar-h)!important}@media(max-width:992px){.nav.active{top:var(--appbar-h)!important}}.cg-rail{top:var(--appbar-h)!important}:root{--appbar-h:64px;--rail-w:64px;--rail-w-open:220px}body{padding-left:var(--rail-w)}@media(max-width:992px){body{padding-left:0}}.cg-rail{background:var(--color-elev-2,#111);border-right:1px solid var(--color-border,hsla(0,0%,100%,.08));bottom:0;left:0;overflow:hidden;position:fixed;top:var(--appbar-h);transition:width .18s ease;width:var(--rail-w);z-index:900}.cg-rail:hover{width:var(--rail-w-open)}.cg-rail__nav{display:flex;flex-direction:column;gap:4px;height:100%;overflow:auto;padding:10px 8px}.cg-rail__sep{border:none;border-top:1px solid var(--color-border,hsla(0,0%,100%,.1));margin:8px 10px}.cg-rail__item{align-items:center;border-radius:12px;color:inherit;display:grid;gap:10px;grid-template-columns:40px 1fr;height:44px;padding:0 10px;text-decoration:none}.cg-rail__item i{display:grid;font-size:20px;place-items:center}.cg-rail__item:hover,.cg-rail__item[aria-current=page]{background:var(--color-elev-3,#181a22)}.cg-rail__label{opacity:0;transform:translate(-6px);transition:opacity .15s,transform .15s;white-space:nowrap}.cg-rail:hover .cg-rail__label{opacity:1;transform:translate(0)}body.rail-open{padding-left:var(--rail-w-open)}@media(max-width:992px){.cg-rail{border-right:0;top:0;width:0}.cg-rail.open{width:var(--rail-w-open)}body.rail-open{padding-left:0}}:root{--call-bg:rgba(20,22,26,.92);--call-fg:#fff;--call-muted:hsla(0,0%,100%,.7);--call-accent:#16a34a;--call-danger:#dc2626;--call-warn:#f59e0b;--call-border:hsla(0,0%,100%,.12);--call-shadow:0 6px 18px rgba(0,0,0,.24);--btn-fg:#fff}@media(prefers-color-scheme:light){:root{--call-bg:rgba(250,250,252,.96);--call-fg:#0f172a;--call-muted:rgba(15,23,42,.7);--call-accent:#16a34a;--call-danger:#dc2626;--call-warn:#d97706;--call-border:rgba(2,6,23,.08);--call-shadow:0 6px 18px rgba(2,6,23,.06);--btn-fg:#fff}}.hidden{display:none!important}body.call-in-progress{padding-top:56px}#globalCallHeader{backdrop-filter:saturate(1.2) blur(6px);background:var(--call-bg);border-bottom:1px solid var(--call-border);box-shadow:var(--call-shadow);color:var(--call-fg);left:0;min-height:56px;padding:10px 14px;position:fixed;right:0;top:0;z-index:2147483000}#globalCallHeader,.global-call-left{align-items:center;display:flex;gap:12px}.global-call-left{min-width:0}.global-call-icon{background:linear-gradient(135deg,#10b981,#3b82f6);border-radius:9999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);color:var(--call-fg);display:grid;height:32px;place-items:center;width:32px}#globalCallerName{font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#callStatus,#globalCallStatus{color:var(--call-muted);font-size:.875rem}.global-call-center{display:flex;flex:1 1 auto;flex-direction:column;gap:2px;min-width:0}.global-call-actions{align-items:center;display:flex;flex:0 0 auto;gap:8px}.btn-call{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:12px;box-shadow:0 6px 14px rgba(0,0,0,.14);color:var(--btn-fg);cursor:pointer;display:inline-flex;font-weight:600;gap:8px;justify-content:center;line-height:1;min-height:38px;min-width:42px;padding:10px 12px;transition:transform .12s ease,opacity .12s ease,box-shadow .12s ease,filter .12s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn-call:disabled{cursor:not-allowed;filter:grayscale(.2);opacity:.5}.btn-call:active:not(:disabled){transform:translateY(1px) scale(.98)}.btn-accept{background:var(--call-accent)}.btn-hangup,.btn-refuse{background:var(--call-danger)}.btn-ghost{background:transparent;border:1px solid var(--call-border);box-shadow:none;color:var(--call-fg)}.btn-call i{font-size:1rem}#globalToast,#toast{background:var(--call-bg);border:1px solid var(--call-border);border-radius:10px;bottom:18px;box-shadow:var(--call-shadow);color:var(--call-fg);left:50%;max-width:min(92vw,440px);overflow:hidden;padding:10px 14px;position:fixed;text-overflow:ellipsis;transform:translate(-50%);white-space:nowrap;z-index:2147483600}#globalLocalAudio,#globalRemoteAudio,#localAudio,#remoteAudio{clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;position:absolute!important;width:1px!important;clip:rect(1px,1px,1px,1px)!important;white-space:nowrap!important}@keyframes callPulse{0%,to{opacity:.55}50%{opacity:1}}.is-connecting #globalCallStatus,.is-ringing #globalCallStatus{animation:callPulse 1.2s ease-in-out infinite both;color:var(--call-warn)}#globalBtnAccept:focus-visible,#globalBtnHangup:focus-visible,#globalBtnRefuse:focus-visible,.btn-call:focus-visible{outline:3px solid rgba(59,130,246,.6);outline-offset:2px}@media(max-width:640px){body.call-in-progress{padding-top:64px}#globalCallHeader{flex-wrap:wrap;padding:10px 12px;row-gap:8px}.global-call-center{order:3;width:100%}.global-call-actions{gap:6px;margin-left:auto}#globalCallerName{max-width:60vw}.btn-call{min-width:38px;padding:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.call-in-progress .header{top:56px!important}.call-in-progress .cg-rail{top:calc(var(--appbar-h) + 56px)!important}.call-in-progress body{padding-top:calc(var(--appbar-h) + 56px)!important}.appbar-btn{display:none}@media(max-width:992px){.appbar-btn{display:inline-flex}}