/* PHP compatibility layer for the fullsoucregetudid design system. */
html{min-width:320px;scroll-behavior:smooth}body{min-width:320px;margin:0;color:var(--text-body);background:var(--body-bg);font:400 14px/1.55 var(--font-sans)}body::before{content:"";position:fixed;z-index:-1;inset:0;background:radial-gradient(circle at 78% -12%,rgba(var(--primary-rgb),.08),transparent 35rem)}*{box-sizing:border-box}a{text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%;height:auto}.icon{width:19px;height:19px;flex:0 0 19px}.container{width:min(1180px,calc(100% - 36px));margin:auto}.no-scroll{overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.muted{color:var(--text-muted);font-size:.78rem}.eyebrow{margin:0 0 6px;color:var(--primary);font-size:.66rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}

.app-main{flex:1;min-width:0;margin-left:var(--sidebar-w);padding:0 24px 28px;transition:margin-left var(--dur) var(--ease-emphasized)}.page{width:100%;max-width:var(--content-max);margin:0 auto;padding:26px 0 40px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.page-heading h1{margin:0;color:var(--text-heading);font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.15;letter-spacing:-.04em}.page-heading-copy>p:last-child:not(.eyebrow){margin:7px 0 0;color:var(--text-muted)}.page-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.app-footer{margin-top:auto;padding:24px;color:var(--text-light);font-size:.72rem;text-align:center}.mobile-only,.sidebar-backdrop{display:none}
.sidebar{padding:0}.sidebar-head{display:flex;min-height:var(--header-h);align-items:center;justify-content:space-between;padding:0 18px}.sidebar__brand-link{display:flex;min-width:0;align-items:center;gap:10px;color:var(--text-heading)}.brand-mark{position:relative;display:grid;width:34px;height:34px;flex:0 0 34px;overflow:hidden;place-items:center}.brand-copy{display:grid;min-width:0}.brand-copy strong,.brand-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-copy strong{color:var(--text-heading);font-size:1.18rem;letter-spacing:-.035em}.brand-copy small{color:var(--text-light);font-size:.55rem}.sidebar-nav{flex:1;overflow:auto}.nav-group{display:grid;margin-bottom:12px}.nav-group-label{margin:0}.nav-link{border:0}.nav-link .icon{width:20px;height:20px}.nav-link.active{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-primary)}.nav-link.active .icon{color:#fff}.sidebar-footer{display:grid;gap:3px;margin-top:auto;padding:12px;border-top:1px solid var(--border)}.sidebar-footer form{margin:0}.button-link{width:100%;background:transparent}.workspace-switch{color:var(--primary)}
.topbar-leading,.topbar-actions{display:flex;align-items:center;gap:9px}.topbar-leading{min-width:0;flex:1}.topbar-search{display:flex;max-width:420px;min-height:40px;flex:1;align-items:center;gap:9px;padding:0 12px;color:var(--text-muted);border:1px solid var(--input-border);border-radius:var(--r-lg);background:var(--card-bg)}.topbar-search span{flex:1}.topbar-search kbd{padding:4px 7px;color:var(--text-light);background:var(--body-bg);border:1px solid var(--border);border-radius:5px;font-size:.62rem}.topbar-identity{display:none}.icon-button{display:grid;width:40px;height:40px;place-items:center;padding:0;color:var(--text-body);background:transparent;border:0;border-radius:50%}.icon-button:hover{color:var(--primary);background:var(--primary-soft)}.balance{display:flex;align-items:center;gap:7px;padding:8px 11px;color:var(--primary);background:var(--primary-soft);border-radius:var(--r-pill);font-weight:700}.avatar{display:grid;width:38px;height:38px;place-items:center;color:#fff;background:var(--primary-gradient);border-radius:50%;font-weight:800;box-shadow:var(--shadow-primary)}

.panel,.card,.kpi-card,.plan-card,.package-tile,.user-admin-card,.prefix-card,.integration-card,.admin-theme-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-xs)}.panel,.card{padding:22px;margin-bottom:18px}.panel-head,.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border)}.panel-head h2,.card-header h2,.card h2{margin:0;color:var(--text-heading);font-size:1rem}.panel-head p,.card-header p{margin:4px 0 0;color:var(--text-muted);font-size:.78rem}.split-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}.kpi-card{padding:18px}.kpi-label{color:var(--text-muted);font-size:.7rem}.kpi-card strong{display:block;margin:7px 0;color:var(--text-heading);font-size:1.75rem}.stat-strip,.quota-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:18px;overflow:hidden;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-xs)}.stat-strip div,.quota-strip div{padding:17px;border-right:1px solid var(--border)}.stat-strip div:last-child,.quota-strip div:last-child{border:0}.stat-strip strong,.stat-strip span,.quota-strip strong,.quota-strip small{display:block}.stat-strip strong{color:var(--text-heading);font-size:1.7rem}.stat-strip span,.quota-strip small{color:var(--text-muted);font-size:.7rem}

.btn-primary{color:#fff;background:var(--primary)}.btn-secondary{color:var(--text-body);background:var(--card-bg);border:1px solid var(--border)}.btn-danger{color:var(--danger);background:var(--danger-soft);border:1px solid rgba(var(--danger-rgb),.24)}.btn-light{color:var(--primary);background:#fff}.btn-small{min-height:34px;padding:6px 11px;font-size:.74rem}.btn-large{min-height:49px;padding:12px 21px}.btn-block{width:100%}.btn-google{color:#2f2b3d;background:#fff;border:1px solid #dad7e0;box-shadow:var(--shadow-sm)}.google-logo{flex:0 0 19px}.button-link{cursor:pointer}
.stack{display:grid;gap:15px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.field{display:grid;gap:6px}.field label{color:var(--text-heading);font-size:.72rem;font-weight:700}.field small{color:var(--text-muted)}input,select,textarea{width:100%;min-height:43px;padding:10px 12px;color:var(--text-body);background:var(--card-bg);border:1px solid var(--input-border);border-radius:var(--r);outline:0;transition:.18s}textarea{min-height:100px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.check,.field-check{display:flex;align-items:center;gap:8px}.check input,.field-check input,.option-card input,.terms-consent input,.table-check{width:auto;min-height:0}.option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.option-card{display:flex;align-items:center;gap:10px;padding:13px;background:var(--body-bg);border:1px solid var(--border);border-radius:var(--r-lg)}.option-card span:last-child{display:grid}.option-card small{color:var(--text-muted)}.suffix-input,.money-input{display:flex;align-items:center}.suffix-input input,.money-input input{border-radius:var(--r) 0 0 var(--r)}.suffix-input span,.money-input span{align-self:stretch;display:grid;place-items:center;padding:0 12px;background:var(--body-bg);border:1px solid var(--input-border);border-left:0;border-radius:0 var(--r) var(--r) 0}.inline-form{display:flex;align-items:center;gap:8px}.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.password-field{position:relative}.password-field input{padding-right:48px}.password-field .icon-button{position:absolute;right:2px;top:2px}.terms-consent{display:flex;align-items:flex-start;gap:9px;color:var(--text-muted);font-size:.73rem}.recaptcha-box{display:flex;justify-content:center;overflow:auto}

.toolbar,.command-bar,.filter-bar{display:flex;align-items:center;gap:9px;margin-bottom:16px}.toolbar .table-search{margin-left:auto}.command-bar,.filter-bar{justify-content:space-between;padding:13px 15px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--r-xl)}.command-actions,.command-filter,.filter-bar form,.table-actions,.key-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.table-search{display:flex;align-items:center;gap:8px;padding:0 11px;background:var(--card-bg);border:1px solid var(--input-border);border-radius:var(--r)}.table-search input{width:230px;padding:0;background:transparent;border:0;box-shadow:none}.responsive-table,.table-wrap{max-width:100%;overflow:auto}table{width:100%;min-width:820px;border-collapse:collapse}th,td{padding:13px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}th{height:45px;color:var(--text-muted);background:var(--body-bg);font-size:.61rem;font-weight:800;letter-spacing:.075em;text-transform:uppercase}td{color:var(--text-body);font-size:.74rem}tbody tr:hover{background:var(--primary-soft)}.code,.copy-value{display:inline-flex;max-width:100%;align-items:center;gap:7px;padding:6px 9px;overflow:hidden;color:var(--primary);background:var(--primary-soft);border-radius:var(--r);font:500 .72rem ui-monospace,SFMono-Regular,Consolas,monospace;text-overflow:ellipsis}.chip,.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;background:var(--body-bg);border:1px solid var(--border);border-radius:var(--r-pill);font-size:.63rem;font-weight:800}.chip-purple{color:var(--primary);background:var(--primary-soft);border:0}.badge-success{color:var(--success);background:var(--success-soft)}.badge-danger{color:var(--danger);background:var(--danger-soft)}.badge-warning{color:var(--warning);background:var(--warning-soft)}.badge-neutral{color:var(--text-muted)}.status-dot{display:inline-flex;align-items:center;gap:6px;font-size:.65rem;font-weight:800;text-transform:uppercase}.status-dot::before{content:"";width:7px;height:7px;border-radius:50%}.status-dot.on{color:var(--success)}.status-dot.on::before{background:var(--success)}.status-dot.wait{color:var(--warning)}.status-dot.wait::before{background:var(--warning)}.danger-text{color:var(--danger)!important}.empty-state{display:grid;justify-items:center;gap:9px;padding:48px 20px;color:var(--text-muted);text-align:center}.empty-state h3,.empty-state p{margin:0}.table-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;color:var(--text-muted);font-size:.7rem}.table-pagination>div{display:flex;align-items:center;gap:6px}.pagination-page{display:grid;width:32px;height:32px;place-items:center;color:var(--text-body);border-radius:var(--r)}.pagination-page.is-current{color:#fff;background:var(--primary)}.pagination-gap{padding:0 4px}

.action-menu{position:relative}.action-menu summary{display:grid;width:34px;height:34px;place-items:center;border-radius:var(--r);list-style:none;font-size:1.2rem;cursor:pointer}.action-menu[open] summary{background:var(--primary-soft);color:var(--primary)}.action-menu>div{position:absolute;z-index:40;right:0;top:38px;width:180px;padding:7px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg)}.action-menu form{margin:0}.action-menu button{width:100%;padding:9px;text-align:left;background:transparent;border:0;border-radius:var(--r)}.action-menu button:hover{background:var(--primary-soft)}
.app-modal{position:fixed;z-index:1000;inset:0;display:none;place-items:center;padding:18px}.app-modal.is-open{display:grid}.app-modal-backdrop{position:absolute;inset:0;background:rgba(14,13,24,.58);backdrop-filter:blur(8px)}.app-modal-panel{position:relative;display:flex;width:min(920px,calc(100vw - 30px));max-height:calc(100vh - 34px);overflow:hidden;flex-direction:column;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:0 28px 80px rgba(0,0,0,.25);animation:modal .24s var(--ease-emphasized)}.app-modal-compact{width:min(620px,calc(100vw - 30px))}.app-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:19px 21px;border-bottom:1px solid var(--border)}.app-modal-header h2,.app-modal-header p{margin:0}.app-modal-header p{color:var(--text-muted)}.app-modal-body{overflow:auto;padding:20px 21px 0}.app-modal-footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:8px;margin:0 -21px;padding:14px 21px;background:var(--card-bg);border-top:1px solid var(--border)}.modal-section{padding:0 0 19px;border:0;border-bottom:1px solid var(--border)}.modal-section legend{margin-bottom:13px;color:var(--primary);font-size:.68rem;font-weight:800;text-transform:uppercase}

.alert,.announcement{margin-bottom:12px;padding:12px 14px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--r-lg)}.alert-success{color:var(--success);background:var(--success-soft)}.alert-danger{color:var(--danger);background:var(--danger-soft)}.alert-warning{color:var(--warning);background:var(--warning-soft)}.announcement{display:flex;align-items:flex-start;gap:10px}.announcement-info{border-left:3px solid var(--primary)}.announcement-success{border-left:3px solid var(--success)}.announcement-warning{border-left:3px solid var(--warning)}.announcement-danger{border-left:3px solid var(--danger)}

.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.plan-card{position:relative;display:flex;min-width:0;flex-direction:column;padding:23px}.plan-card header h2{margin:12px 0 5px;color:var(--text-heading);font-size:1.35rem}.plan-card header p{min-height:46px;margin:0;color:var(--text-muted)}.plan-price{display:flex;align-items:baseline;gap:5px;margin:19px 0}.plan-price strong{color:var(--primary);font-size:1.85rem;letter-spacing:-.04em}.plan-price span{color:var(--text-muted)}.plan-benefits{display:grid;gap:10px;margin:0 0 22px;padding:0;list-style:none}.plan-benefits li{display:flex;align-items:center;gap:9px}.plan-benefits .icon{color:var(--success)}.plan-card form{margin-top:auto}.plan-recommended,.plan-upgrade-badge{position:absolute;z-index:2;top:12px;right:12px;padding:5px 9px;color:#fff;background:var(--primary);border-radius:var(--r-pill);font-size:.6rem;font-weight:800}.plan-upgrade-badge{top:43px;background:var(--success)}.package-label,.hero-badge{display:inline-flex;width:max-content;padding:6px 9px;color:var(--primary);background:var(--primary-soft);border-radius:var(--r-pill);font-size:.64rem;font-weight:800}.package-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.package-tile{padding:18px}.package-tile-head{display:flex;justify-content:space-between}.package-tile h3{margin:13px 0 4px;color:var(--text-heading)}.package-tile p{color:var(--text-muted)}.package-meta,.usage-chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.package-meta span,.usage-chips span{padding:5px 8px;background:var(--body-bg);border:1px solid var(--border);border-radius:var(--r-pill);font-size:.66rem}.device-glyph,.feature-icon,.modal-icon,.section-icon,.plan-limit-icon{display:grid;width:42px;height:42px;place-items:center;color:var(--primary);background:var(--primary-soft);border-radius:var(--r-lg)}.prefix-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.prefix-list article{display:grid;gap:10px;padding:16px;background:var(--body-bg);border:1px solid var(--border);border-radius:var(--r-lg)}.prefix-list strong{color:var(--text-heading);font-size:1.45rem}.prefix-preview,.prefix-code{color:var(--primary);font-family:ui-monospace,monospace}

.welcome-banner,.subscription-banner{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:23px;background:linear-gradient(120deg,var(--primary-soft),var(--card-bg))}.welcome-banner h2,.welcome-banner p,.subscription-banner h2,.subscription-banner p{margin:3px 0}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.action-card{display:block;padding:15px;color:var(--text-heading);background:var(--body-bg);border:1px solid var(--border);border-radius:var(--r-lg);font-weight:700}.action-card small{display:block;margin-top:4px;color:var(--text-muted);font-weight:400}.sticky-actions{position:sticky;z-index:20;bottom:14px;display:flex;justify-content:flex-end;gap:8px;padding:12px;background:color-mix(in srgb,var(--card-bg),transparent 4%);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-md);backdrop-filter:blur(14px)}

.topup-shell{display:grid;grid-template-columns:minmax(300px,430px) 1fr;overflow:hidden;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-md)}.topup-qr{display:grid;align-content:center;justify-items:center;gap:14px;padding:42px;color:#fff;background:var(--primary-gradient)}.qr-frame{display:grid;width:min(320px,100%);aspect-ratio:1;place-items:center;padding:13px;background:#fff;border-radius:var(--r-xl);box-shadow:0 20px 45px rgba(0,0,0,.18)}.qr-frame img{width:100%;height:100%;object-fit:contain}.qr-placeholder,.qr-error{display:grid;place-items:center;gap:8px;color:#696477;text-align:center}.secure-label{display:flex;align-items:center;gap:7px}.topup-info{padding:42px}.topup-info h2{margin:0 0 18px;color:var(--text-heading);font-size:1.9rem}.topup-info dl{display:grid;margin:0}.topup-info dl>div{display:grid;grid-template-columns:160px 1fr;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}.topup-info dt{color:var(--text-muted)}.topup-info dd{margin:0;color:var(--text-heading);font-weight:700}.topup-notice{display:flex;gap:11px;margin-top:22px;padding:14px;color:#7b5816;background:var(--warning-soft);border-radius:var(--r-lg)}.topup-notice p{margin:3px 0 0}.topup-footnote{color:var(--text-muted);font-size:.72rem}.admin-qr-preview{display:grid;place-items:center}.admin-qr-preview img{width:min(340px,100%);background:#fff;border-radius:var(--r-xl)}

.profile-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:25px;background:linear-gradient(120deg,var(--primary-soft),var(--card-bg));border:1px solid var(--border);border-radius:var(--r-xl)}.profile-avatar{display:grid;width:78px;height:78px;place-items:center;color:#fff;background:var(--primary-gradient);border-radius:22px;font-size:1.7rem;font-weight:800}.profile-name-row{display:flex;align-items:center;gap:9px}.profile-name-row h2{margin:0}.profile-identity p{display:flex;align-items:center;gap:7px;margin:5px 0;color:var(--text-muted)}.profile-overview-grid,.profile-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.profile-info-card{padding:20px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--r-xl)}.profile-details{display:grid}.profile-details>div{display:grid;grid-template-columns:160px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.profile-details span{color:var(--text-muted)}.profile-section-title{color:var(--text-heading)}

.settings-nav{position:sticky;z-index:20;top:86px;display:flex;gap:5px;margin-bottom:16px;padding:6px;overflow-x:auto;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.settings-nav a{padding:8px 11px;color:var(--text-muted);border-radius:var(--r)}.settings-nav a:hover{color:var(--primary);background:var(--primary-soft)}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.integration-grid-single{grid-template-columns:1fr}.integration-card{padding:20px}.integration-toggle{display:flex;align-items:center;justify-content:space-between;gap:15px}.integration-note,.api-setup-note,.self-note,.cron-callout{padding:13px 15px;color:var(--text-muted);background:var(--primary-soft);border:1px dashed rgba(var(--primary-rgb),.35);border-radius:var(--r-lg)}.auth-icon-upload-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.auth-icon-upload-card{padding:16px;background:var(--body-bg);border:1px solid var(--border);border-radius:var(--r-lg)}.auth-icon-settings{display:grid;gap:12px}.admin-theme-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-theme-card{padding:16px}.admin-theme-preview,.notification-theme-preview-frame{display:grid;min-height:180px;overflow:hidden;place-items:center;background:var(--body-bg);border:1px solid var(--border);border-radius:var(--r-lg)}.admin-theme-preview img,.notification-theme-preview-frame img{width:100%;height:100%;object-fit:cover}.notification-theme-controls{display:flex;gap:8px;flex-wrap:wrap}.admin-summary-kpis,.package-stats,.prefix-stats,.usage-stats,.seller-package-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.admin-summary-kpis>*,.package-stats>*,.prefix-stats>*,.usage-stats>*,.seller-package-stats>*{padding:13px;background:var(--body-bg);border:1px solid var(--border);border-radius:var(--r-lg)}

.member-admin-list{display:grid;gap:8px}.member-admin-head,.member-admin-row{display:grid;grid-template-columns:1.5fr .85fr 1fr .85fr .75fr 1.35fr;align-items:center;gap:13px}.member-admin-head{padding:9px 13px;color:var(--text-muted);font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.member-admin-row{position:relative;padding:13px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--r-lg)}.member-identity{display:flex;align-items:center;gap:9px}.member-settings{position:relative}.member-settings summary{list-style:none;cursor:pointer}.member-settings-panel{position:absolute;z-index:40;right:0;top:42px;width:min(530px,calc(100vw - 42px));display:grid;gap:10px;padding:14px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg)}.member-inline-form{display:grid;gap:5px}.member-inline-form>div,.member-danger-actions{display:flex;gap:6px}.member-danger-actions{flex-wrap:wrap;padding-top:9px;border-top:1px solid var(--border)}.seller-price-editor,.seller-grant-editor{display:grid;gap:8px;padding:14px;border:1px solid var(--border);border-radius:var(--r-lg)}.seller-price-head,.seller-price-row{display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr auto;align-items:center;gap:8px}.seller-price-head{color:var(--text-muted);font-size:.66rem}.seller-price-list{display:grid;gap:8px}.seller-price-row .btn{width:40px;min-height:40px;padding:0}.seller-price-actions,.seller-price-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.seller-price-chips span{padding:5px 7px;background:var(--body-bg);border-radius:var(--r);font-size:.65rem}.seller-price-summary{color:var(--text-muted)}

.shortlink-form-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:18px}.shortlink-editor{display:grid;gap:15px}.shortlink-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shortlink-live-preview{position:sticky;top:90px}.shortlink-preview-card{overflow:hidden;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow)}.shortlink-preview-brand{display:flex;align-items:center;gap:8px;padding:14px;color:#fff;background:var(--primary-gradient);font-weight:800}.shortlink-preview-game{display:grid;justify-items:center;gap:9px;padding:25px;text-align:center}.shortlink-preview-game img{width:100px;height:100px;object-fit:cover;border-radius:22px}.shortlink-preview-placeholder{display:grid;width:100px;height:100px;place-items:center;color:var(--primary);background:var(--primary-soft);border-radius:22px}

.auth-section{display:grid;min-height:calc(100vh - 72px);place-items:center;padding:42px 16px}.auth-shell{display:grid;width:min(1100px,100%);grid-template-columns:minmax(320px,.82fr) minmax(440px,1fr);overflow:hidden;background:var(--card-bg);border:1px solid var(--border);border-radius:26px;box-shadow:0 30px 85px rgba(35,27,72,.16)}.auth-visual{position:relative;display:flex;min-height:650px;overflow:hidden;flex-direction:column;padding:35px;color:#fff;background:linear-gradient(145deg,#5848d9,#7969ec 58%,#9d88f8)}.auth-visual-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:38px 38px}.auth-visual-brand,.auth-visual-copy,.auth-console-art,.auth-visual-footer{position:relative;z-index:1}.auth-visual-brand{display:flex;align-items:center;gap:11px}.auth-visual-brand strong,.auth-visual-brand small{display:block}.auth-visual-brand small{color:#ffffffb5;font-size:.65rem}.auth-page-icon{display:grid;width:48px;height:48px;place-items:center;background:#ffffff18;border:1px solid #ffffff2b;border-radius:14px}.auth-visual-copy{margin-top:60px}.auth-kicker{display:inline-flex;align-items:center;gap:7px;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.auth-kicker i{width:7px;height:7px;background:#52e5a3;border-radius:50%}.auth-visual-copy h2{margin:15px 0 10px;color:#fff;font-size:clamp(2rem,4vw,3.1rem);line-height:1.08;letter-spacing:-.05em}.auth-visual-copy p{color:#ffffffc2}.auth-console-art{flex:1;min-height:230px}.auth-orbit{position:absolute;border:1px solid #ffffff29;border-radius:50%}.orbit-one{width:220px;height:220px;right:10px;bottom:10px}.orbit-two{width:150px;height:150px;right:45px;bottom:45px}.auth-server-stack{position:absolute;right:70px;bottom:60px;display:grid;gap:8px}.auth-server-stack>span{display:flex;width:120px;height:37px;align-items:center;gap:7px;padding:0 12px;background:#ffffff16;border:1px solid #ffffff26;border-radius:9px}.auth-server-stack i,.auth-server-stack b,.auth-server-stack em{width:7px;height:7px;background:#52e5a3;border-radius:50%}.auth-server-stack b{width:48px;height:4px;background:#ffffff45}.auth-server-stack em{margin-left:auto;background:#fff}.auth-server-shield{position:absolute;right:-15px;bottom:-15px;display:grid;width:45px;height:45px;place-items:center;background:#fff;color:var(--primary);border-radius:13px}.auth-float-card{position:absolute;display:flex;align-items:center;gap:8px;padding:9px 11px;background:#ffffff18;border:1px solid #ffffff2b;border-radius:10px;backdrop-filter:blur(9px)}.auth-float-card small,.auth-float-card strong{display:block}.auth-float-card small{font-size:.5rem}.auth-float-key{left:5px;bottom:130px}.auth-float-device{right:0;bottom:12px}.auth-float-uptime{left:55px;bottom:15px}.auth-visual-footer{display:flex;gap:15px;flex-wrap:wrap;color:#ffffffb5;font-size:.62rem}.auth-visual-footer span{display:flex;align-items:center;gap:5px}.auth-form-card{width:auto;padding:46px 50px;background:var(--card-bg);border:0;border-radius:0;box-shadow:none}.auth-form-heading h1{margin:7px 0;color:var(--text-heading);font-size:2.25rem;letter-spacing:-.045em}.auth-form-heading p{color:var(--text-muted)}.auth-form{margin-top:24px}.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--text-light);font-size:.7rem}.auth-divider::before,.auth-divider::after{content:"";height:1px;flex:1;background:var(--border)}.auth-switch{text-align:center;color:var(--text-muted)}.password-strength{display:grid;gap:7px}.password-strength-track{height:5px;overflow:hidden;background:var(--track-bg);border-radius:999px}.password-strength-track i{display:block;width:var(--strength,0);height:100%;background:var(--primary);transition:.25s}.password-strength>div:last-child{display:flex;justify-content:space-between;color:var(--text-muted);font-size:.65rem}.password-match{color:var(--text-muted)}.password-match.is-valid{color:var(--success)}.password-match.is-invalid{color:var(--danger)}

.public-page{background:var(--body-bg)}.public-header{position:sticky;z-index:50;top:0;background:var(--header-bg);border-bottom:1px solid var(--border);backdrop-filter:blur(14px)}.public-nav{display:flex;min-height:68px;align-items:center;justify-content:space-between}.public-nav nav{display:flex;align-items:center;gap:18px}.public-nav nav>a:not(.btn){color:var(--text-muted);font-size:.8rem}.public-menu-button{display:none}.public-footer{padding:50px 0 20px;background:var(--card-bg);border-top:1px solid var(--border)}.footer-pro-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px}.footer-about p{max-width:350px;color:var(--text-muted)}.footer-socials{display:flex;gap:8px}.footer-socials a{display:grid;width:34px;height:34px;place-items:center;color:var(--text-body);border:1px solid var(--border);border-radius:50%}.footer-column{display:grid;align-content:start;gap:9px}.footer-column h3{margin:0 0 7px;color:var(--text-heading);font-size:.8rem}.footer-column a,.footer-column span{color:var(--text-muted);font-size:.72rem}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:32px;padding-top:17px;color:var(--text-light);border-top:1px solid var(--border);font-size:.68rem}.footer-bottom nav{display:flex;gap:12px}.policy-hero{padding:55px 0 35px;text-align:center}.policy-hero h1{margin:8px 0;color:var(--text-heading);font-size:2.6rem}.policy-disclaimer{color:var(--text-muted)}.policy-layout{display:grid;grid-template-columns:230px 1fr;gap:25px;padding-bottom:70px}.policy-nav{position:sticky;top:85px;display:grid;align-self:start;gap:5px;padding:12px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--r-xl)}.policy-nav a{padding:8px;color:var(--text-muted);border-radius:var(--r)}.policy-nav a:hover{color:var(--primary);background:var(--primary-soft)}.policy-card{padding:25px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--r-xl)}.policy-section{padding:18px 0;border-bottom:1px solid var(--border)}.policy-section:last-child{border:0}.policy-section h2{color:var(--text-heading)}

.getkey-page{display:grid;min-height:100vh;place-items:center;padding:25px;background:radial-gradient(circle at 50% 0,var(--primary-soft),transparent 35rem),var(--body-bg)}.getkey-shell{width:min(720px,100%)}.getkey-card{padding:25px;background:var(--card-bg);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg)}.getkey-brand{display:flex;align-items:center;gap:10px;padding-bottom:18px;border-bottom:1px solid var(--border)}.getkey-brand>span{display:grid;width:42px;height:42px;place-items:center;color:#fff;background:var(--primary);border-radius:12px}.getkey-brand strong,.getkey-brand small{display:block}.getkey-brand small{color:var(--text-muted)}.getkey-heading{text-align:center;padding:24px 0}.getkey-heading h1{color:var(--text-heading)}.getkey-heading p{color:var(--text-muted)}.getkey-status{display:flex;align-items:center;gap:9px;padding:13px;background:var(--primary-soft);border-radius:var(--r-lg)}.getkey-status.is-error{color:var(--danger);background:var(--danger-soft)}.getkey-game-card{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:18px;background:var(--body-bg);border:1px solid var(--border);border-radius:var(--r-xl)}.getkey-game-card img,.getkey-game-placeholder{width:120px;height:120px;object-fit:cover;border-radius:18px}.getkey-game-placeholder{display:grid;place-items:center;color:var(--primary);background:var(--primary-soft)}.getkey-game-card h2{color:var(--text-heading)}.getkey-button{width:100%;margin-top:14px}

.error-card{width:min(620px,100%);margin:70px auto;padding:35px;background:var(--card-bg);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg);text-align:center}.error-icon{display:grid;width:65px;height:65px;margin:0 auto 15px;place-items:center;color:var(--danger);background:var(--danger-soft);border-radius:18px}.error-card h1{color:var(--text-heading)}.skip-link{position:fixed;z-index:9999;top:-80px;left:15px;padding:10px 14px;color:#fff;background:#27243a;border-radius:var(--r)}.skip-link:focus{top:15px}

@keyframes modal{from{opacity:0;transform:translateY(16px) scale(.98)}}
@media(max-width:1050px){.kpi-grid,.admin-summary-kpis,.package-stats,.prefix-stats,.usage-stats,.seller-package-stats{grid-template-columns:repeat(2,1fr)}.package-gallery,.prefix-list,.plan-grid,.admin-theme-catalog{grid-template-columns:repeat(2,1fr)}.split-grid,.shortlink-form-layout,.integration-grid,.profile-overview-grid,.profile-form-grid{grid-template-columns:1fr}.topup-shell{grid-template-columns:1fr}.member-admin-head,.member-admin-row{grid-template-columns:1.4fr 1fr 1fr 1fr}.member-admin-head span:nth-child(n+5),.member-admin-row>div:nth-child(n+5){display:none}}
@media(max-width:992px){.sidebar{width:min(86vw,310px);transform:translateX(-105%)}.sidebar-open .sidebar{transform:none}.sidebar-backdrop{position:fixed;z-index:290;inset:0;background:#0008}.sidebar-open .sidebar-backdrop{display:block}.app-main{margin-left:0;padding-inline:14px}.topbar{max-width:none}.mobile-only{display:grid}.sidebar-close{display:grid}.page{padding-top:20px}}
@media(max-width:760px){.page-heading{align-items:flex-start;flex-direction:column}.page-actions{width:100%}.page-actions .btn{flex:1}.kpi-grid,.stat-strip,.quota-strip,.form-grid,.form-grid-3,.option-grid,.package-gallery,.prefix-list,.plan-grid,.action-grid,.admin-theme-catalog,.auth-icon-upload-grid,.shortlink-options{grid-template-columns:1fr}.panel,.card{padding:16px}.toolbar,.command-bar,.filter-bar,.filter-bar form,.inline-form{align-items:stretch;flex-direction:column}.toolbar .table-search,.table-search input{width:100%;margin:0}.auth-shell{display:block}.auth-visual{display:none}.auth-form-card{padding:28px 20px}.public-nav nav{display:none}.public-menu-button{display:grid}.public-menu-open .public-nav nav{position:absolute;top:64px;right:14px;display:flex;width:260px;flex-direction:column;padding:12px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg)}.public-menu-open .public-nav nav>*{width:100%;text-align:center}.footer-pro-grid{grid-template-columns:1fr 1fr}.footer-about{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column}.policy-layout{grid-template-columns:1fr}.policy-nav{position:static}.profile-hero{grid-template-columns:1fr;text-align:center}.profile-avatar{margin:auto}.profile-name-row,.profile-identity p{justify-content:center}.topup-info,.topup-qr{padding:27px 20px}.topup-info dl>div{grid-template-columns:1fr;gap:4px}.app-modal{padding:0}.app-modal-panel{width:100%;height:100%;max-height:none;border-radius:0}.member-admin-head{display:none}.member-admin-row{grid-template-columns:1fr 1fr}.member-admin-row>div{display:block!important}.member-admin-row>div:first-child,.member-admin-row>div:nth-child(6){grid-column:1/-1}.member-settings-panel{position:fixed;inset:auto 14px 14px;width:auto}.seller-price-head{display:none}.seller-price-row{grid-template-columns:1fr 1fr auto}.getkey-game-card{grid-template-columns:1fr;justify-items:center;text-align:center}}
@media(max-width:520px){.footer-pro-grid{grid-template-columns:1fr}.footer-about{grid-column:auto}.topbar-search{max-width:42px;flex:0 0 42px;justify-content:center;padding:0}.topbar-search span,.topbar-search kbd,.balance{display:none}.auth-form-card{padding:25px 17px}.table-pagination>span{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Page-specific structures retained by the PHP feature modules. */
.api-setup-panel,.bank-auto-card,.telegram-settings-card,.usage-card,.admin-scope-card{padding:20px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-xs)}.api-setup-section{padding:18px 0;border-bottom:1px solid var(--border)}.api-setup-section:last-child{border:0}.api-code{display:block;max-height:430px;padding:15px;overflow:auto;color:#d9d4ff;background:#26233b;border-radius:var(--r-lg);font:500 .72rem/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre}.auth-callback-url{overflow:hidden;text-overflow:ellipsis}.auth-card-brand,.auth-intro{display:flex;align-items:center;gap:11px;margin-bottom:20px}.auth-icon-fallback{display:grid;place-items:center}.bank-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.bank-auto-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.qr-preview-panel,.notification-theme-preview{display:grid;min-height:180px;place-items:center;overflow:hidden;background:var(--body-bg);border:1px solid var(--border);border-radius:var(--r-xl)}.qr-config-error{padding:13px;color:var(--danger);background:var(--danger-soft);border-radius:var(--r-lg)}.qr-media{position:relative}.qr-media .skeleton{position:absolute;inset:0}.highlight{color:#fff!important;background:var(--primary)!important}.bulk-action-bar{position:sticky;z-index:25;bottom:12px;display:flex;align-items:center;gap:9px;padding:11px 14px;color:#fff;background:#26233b;border-radius:var(--r-xl);box-shadow:var(--shadow-lg)}.bulk-action-bar:not(.has-selection){display:none}.table-list-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.table-page-size{display:flex;align-items:center;gap:7px;color:var(--text-muted);font-size:.7rem}.device-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.telegram-event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.key-create-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.key-format-preview{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 15px;background:var(--primary-soft);border:1px dashed rgba(var(--primary-rgb),.36);border-radius:var(--r-lg)}.key-format-preview span{color:var(--text-muted);font-size:.68rem;font-weight:800;text-transform:uppercase}.key-format-preview code{overflow:hidden;color:var(--primary);font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.keys-table-panel,.package-table-panel,.prefix-table-panel{padding:0;overflow:hidden}.keys-table-panel>.panel-head,.package-table-panel>.panel-head,.prefix-table-panel>.panel-head{padding:18px 20px;margin:0}.keys-table-wrap{overflow:auto}.keys-data-table .select-column,.keys-data-table .key-action-cell{text-align:center}.keys-data-table .key-code-cell .code{max-width:260px}.keys-data-table small{display:block;color:var(--text-muted);font-size:.64rem}.keys-data-table .key-duration-cell small+small{margin-top:3px}
.plan-editor-sections{display:grid;gap:14px}.plan-editor-section{padding:16px;background:var(--body-bg);border:1px solid var(--border);border-radius:var(--r-xl)}.plan-limit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.plan-limit-field{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:9px}.tier-shop{align-items:stretch}.tier-list{display:grid;gap:10px}.tier-row{display:grid;grid-template-columns:minmax(190px,.75fr) 1.4fr auto;align-items:center;gap:17px;padding:15px;background:var(--body-bg);border:1px solid var(--border);border-radius:var(--r-lg)}.tier-row-main{display:grid;gap:3px}.tier-row-main small{color:var(--text-muted)}.tier-caps{display:flex;flex-wrap:wrap;gap:6px}.tier-caps span{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--r);font-size:.66rem}.tier-caps .icon{width:14px;height:14px}.tier-editor{min-width:0}
.auth-page,.auth-login-page,.auth-register-page,.auth-section-premium,.auth-shell-login,.auth-shell-register,.auth-shell-violet,.auth-register-card,.topbar-shortcut,.status,.empty,.select-column,.key-code-cell,.key-package-cell,.key-creator-cell,.key-duration-cell,.key-device-cell,.key-prefix-cell,.key-source-cell,.key-type-cell,.key-status-cell,.key-action-cell,.register-identity-grid,.register-password-grid{--php-marker:1}.brand-fallback{display:grid;place-items:center}.g-recaptcha{max-width:100%}
@media(max-width:1050px){.bank-layout{grid-template-columns:1fr}.plan-limit-grid,.telegram-event-grid{grid-template-columns:repeat(2,1fr)}.tier-row{grid-template-columns:1fr}}
@media(max-width:760px){.bank-auto-options,.plan-limit-grid,.telegram-event-grid,.key-create-options{grid-template-columns:1fr}.key-format-preview{align-items:flex-start;flex-direction:column}.keys-table-wrap{padding:12px;overflow:visible}.keys-data-table{display:block;min-width:0}.keys-data-table colgroup,.keys-data-table thead{display:none}.keys-data-table tbody{display:grid;gap:11px}.keys-data-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 13px;padding:13px;background:var(--body-bg);border:1px solid var(--border);border-radius:var(--r-xl)}.keys-data-table tbody td{display:grid;padding:7px 0;border:0;white-space:normal}.keys-data-table tbody td::before{content:attr(data-label);margin-bottom:4px;color:var(--text-light);font-size:.55rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.keys-data-table .select-column,.keys-data-table .key-code-cell,.keys-data-table .key-package-cell,.keys-data-table .key-creator-cell,.keys-data-table .key-duration-cell,.keys-data-table .key-action-cell{grid-column:1/-1}.keys-data-table .key-code-cell .code{width:100%;max-width:100%}.seller-price-row{grid-template-columns:1fr 1fr auto}.tier-row{grid-template-columns:1fr}.table-list-controls,.device-list-head{align-items:stretch;flex-direction:column}}