/* GhostTopup 6.21: shared readability and responsive layout for existing pages. */
:root{--gt-focus:#b993ff;--gt-line:#343646;--gt-muted:#b0b5c4}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{line-height:1.55}img{max-width:100%}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:not(.switch),input:not([type=checkbox]):not([type=radio]),select{min-height:44px}input[type=checkbox],input[type=radio]{min-height:0;width:18px;height:18px;accent-color:#8055d9}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gt-focus)!important;outline-offset:3px}button,a,input{touch-action:manipulation}table{font-variant-numeric:tabular-nums}th{font-weight:600}td,th{line-height:1.55}.table-wrap{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}.gt-admin{background:#0d111b;color:#edf0f7}.gt-admin .layout{min-width:0}.gt-admin main{min-width:0;width:calc(100% - 235px);max-width:1600px;padding:30px}.gt-admin aside{overflow-y:auto;background:#121724;border-right:1px solid #2b3243}.gt-admin aside a{color:#c0c6d5;margin:3px 0;padding:10px 13px}.gt-admin aside a.active,.gt-admin aside a:hover{background:#292143;color:#fff}.gt-admin .admin-brand{padding:2px 10px 18px;letter-spacing:0}.gt-admin .box{background:#151b29;border-color:#303849;border-radius:16px}.gt-admin h1{font-size:clamp(24px,3vw,32px);line-height:1.3}.gt-admin h2{font-size:20px}.gt-admin .head{gap:16px;flex-wrap:wrap}.gt-admin .note,.gt-admin .muted,.gt-admin .bi-cards small,.gt-admin .bi-cards em{color:var(--gt-muted);opacity:1}.gt-admin .filters{flex-wrap:wrap}.gt-admin .login{background:#151b29;max-width:420px;width:calc(100% - 32px);border:1px solid #303849}.gt-admin .login img{width:56px;height:56px;object-fit:contain}.gt-admin .login input{width:100%}.gt-admin .ticket-msg{color:#1a2340}.gt-admin .ticket-list a.active{color:#211a3b}.gt-admin .ticket-badge{color:#342a55}.gt-admin .catalog-editor{min-width:0}.gt-store .container{max-width:1280px}.gt-store .game-card,.gt-store .package{transition:border-color .15s,box-shadow .15s}.gt-store .game-card:hover,.gt-store .package:hover{box-shadow:0 6px 22px #0002}.gt-store .product-info-content{overflow-wrap:anywhere;line-height:1.75}.gt-store .member-order-row{gap:14px;padding:16px 0}.gt-store .member-order-row small{line-height:1.7;overflow-wrap:anywhere}.gt-store .member-order-status{white-space:normal;min-width:90px;text-align:right}.gt-store .modal-content{max-height:90dvh;overflow:auto}.gt-store .modal-header{line-height:1.4}.gt-store .btn-confirm{min-height:48px}.gt-help{padding:18px 22px;margin:24px auto;max-width:1280px;border:1px solid #8e83a344;border-radius:14px;line-height:1.8}.gt-help a{color:inherit;text-underline-offset:4px}.gt-help p{margin:5px 0}.gt-home .note{line-height:1.8}.gt-home .secure{color:#515969}.gt-admin .fin-panel,.gt-admin .fc{background:#151b29;border-color:#303849}.gt-admin .fin-sub,.gt-admin .fin-period,.gt-admin .fin-panel small{opacity:1;color:#b0b5c4}
@media(max-width:900px){.gt-admin .layout{display:block}.gt-admin aside{position:static;width:100%;height:auto;max-height:none;display:flex;flex-wrap:wrap;padding:10px;gap:4px}.gt-admin aside .admin-brand{width:100%;padding:5px 10px}.gt-admin aside a{font-size:13px;margin:0;padding:8px 10px;min-height:40px}.gt-admin main{margin:0;width:100%;padding:22px 16px}.gt-admin .catalog-editor{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.gt-admin main{padding:20px 12px}.gt-admin .head{display:block}.gt-admin .filters>*{max-width:100%}.gt-admin .box{padding:16px 12px}.gt-store .member-order-row{align-items:flex-start}.gt-store .service-tabs{flex-wrap:wrap;gap:8px}.gt-store .tab-btn{flex:1 1 100px;min-width:0;padding:12px 8px;font-size:14px}.gt-help{margin:18px 12px;padding:14px}.gt-admin .plan-form{max-width:100%}.gt-admin table{font-size:13px}.gt-home .top{padding:12px 18px;height:auto;gap:8px}.gt-home .secure{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}