.login-wrapper{min-height:100vh;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:var(--bg-secondary);border-radius:10px;padding:40px 36px;width:100%;max-width:340px;display:flex;flex-direction:column;align-items:center}.login-logo-icon{width:48px;height:48px;background:linear-gradient(135deg,#3b7df8,#60a5fa);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:26px;color:#fff;font-style:italic;margin-bottom:16px}.login-title{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.login-subtitle{font-size:13px;color:var(--text-secondary);margin-bottom:24px}.login-form{width:100%;display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.login-input{flex:1;background:transparent;border:none;outline:none;font-size:14px;color:var(--text-primary)}.login-input::placeholder{color:var(--text-secondary)}.forgot-link{font-size:13px;color:var(--accent-blue);margin-bottom:12px}.forgot-link:hover{text-decoration:underline}.register-text{font-size:13px;color:var(--text-secondary)}.register-link{color:var(--text-primary);font-weight:700}.register-link:hover{text-decoration:underline}.remember-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);cursor:pointer;margin-top:4px}.remember-checkbox{width:14px;height:14px;accent-color:var(--accent-blue)}.login-error{font-size:12px;color:#ef4444;background:#ef44441a;border-radius:6px;padding:7px 10px;text-align:center}.login-btn{width:100%;padding:11px;background:var(--accent-blue);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;margin-top:6px;transition:background .2s}.login-btn:hover{background:var(--accent-blue-hover)}.register-wrapper{min-height:100vh;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:20px}.register-card{background:var(--bg-secondary);border-radius:10px;padding:40px 36px;width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center}.register-logo-icon{width:48px;height:48px;background:linear-gradient(135deg,#3b7df8,#60a5fa);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:26px;color:#fff;font-style:italic;margin-bottom:16px}.register-title{font-size:17px;font-weight:700;color:var(--text-primary);margin-bottom:4px;text-align:center}.register-subtitle{font-size:13px;color:var(--text-secondary);margin-bottom:20px;text-align:center}.register-form{width:100%;display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.register-input{flex:1;background:transparent;border:none;outline:none;font-size:14px;color:var(--text-primary)}.register-input::placeholder{color:var(--text-secondary)}.register-error{color:#ef4444;font-size:13px;text-align:center;margin:-4px 0}.verify-btn{width:100%;padding:11px;background:var(--accent-blue);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;transition:background .2s}.verify-btn:disabled{opacity:.6;cursor:not-allowed}.verify-btn:hover{background:var(--accent-blue-hover)}.login-text{font-size:13px;color:var(--text-secondary)}.register-info{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;font-size:12px;color:var(--text-secondary);margin-bottom:16px;width:100%;line-height:1.5}.register-info .info-icon{font-size:14px;flex-shrink:0;margin-top:1px}.register-info strong{color:var(--text-primary)}.login-link{color:var(--accent-blue);font-weight:600}.login-link:hover{text-decoration:underline}.forgot-wrapper{min-height:100vh;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:20px}.forgot-card{background:var(--bg-secondary);border-radius:10px;padding:40px 36px;width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center}.forgot-logo-icon{width:48px;height:48px;background:linear-gradient(135deg,#3b7df8,#60a5fa);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:26px;color:#fff;font-style:italic;margin-bottom:16px}.forgot-title{font-size:17px;font-weight:700;color:var(--text-primary);margin-bottom:4px;text-align:center}.forgot-subtitle{font-size:13px;color:var(--text-secondary);margin-bottom:20px;text-align:center;line-height:1.5}.forgot-subtitle strong{color:var(--text-primary)}.forgot-form{width:100%;display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.input-group{display:flex;flex-direction:column;gap:4px}.input-label{font-size:12px;font-weight:600;color:var(--text-secondary);letter-spacing:.3px}.required{color:#ef4444;font-weight:700}.input-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border-color);padding-bottom:8px}.input-icon{font-size:14px;opacity:.5}.forgot-input{flex:1;background:transparent;border:none;outline:none;font-size:14px;color:var(--text-primary)}.forgot-input::placeholder{color:var(--text-secondary)}.forgot-error{color:#ef4444;font-size:13px;text-align:center;margin:-4px 0}.forgot-btn{width:100%;padding:11px;background:var(--accent-blue);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;transition:background .2s}.forgot-btn:disabled{opacity:.6;cursor:not-allowed}.forgot-btn:hover:not(:disabled){background:var(--accent-blue-hover)}.forgot-sent{display:flex;flex-direction:column;align-items:center;width:100%}.forgot-sent-icon{font-size:40px;margin-bottom:12px}.forgot-info{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;font-size:12px;color:var(--text-secondary);margin-bottom:16px;width:100%;line-height:1.5}.forgot-info .info-icon{font-size:14px;flex-shrink:0;margin-top:1px}.back-text{font-size:13px;color:var(--text-secondary)}.back-link{color:var(--accent-blue);font-weight:600}.back-link:hover{text-decoration:underline}.top-navbar{height:var(--navbar-height);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:100}.navbar-logo{display:flex;align-items:center;gap:8px;text-decoration:none}.logo-icon{width:28px;height:28px;background:linear-gradient(135deg,#3b7df8,#60a5fa);border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:16px;color:#fff;font-style:italic}.logo-text{font-size:15px;font-weight:700;color:var(--text-primary)}.navbar-breadcrumb{display:flex;align-items:center;gap:6px;margin-left:12px;padding-left:12px;border-left:1px solid var(--border-color)}.breadcrumb-icon,.breadcrumb-link{font-size:13px;color:var(--text-secondary)}.breadcrumb-link:hover{color:var(--text-primary)}.navbar-right{display:flex;align-items:center;gap:16px}.btn-new-app{background:var(--accent-blue);color:#fff;border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:background .2s}.btn-new-app:hover{background:var(--accent-blue-hover)}.navbar-user-wrap{position:relative}.navbar-user{display:flex;align-items:center;gap:6px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s}.navbar-user:hover{background:var(--bg-hover)}.user-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #0000002e;min-width:200px;padding:6px;z-index:200;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;border-radius:6px;font-size:13px;color:var(--text-primary);cursor:pointer;transition:background .15s;text-align:left}.dropdown-item:hover{background:var(--bg-hover)}.dropdown-role-info{padding:6px 14px 8px;border-bottom:1px solid var(--border-color);margin-bottom:4px}.role-indicator{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:4px}.role-indicator.role-super_admin{color:#ef4444;background:#ef444418}.role-indicator.role-admin{color:#f59e0b;background:#f59e0b18}.role-indicator.role-developer{color:#3b82f6;background:#3b82f618}.role-indicator.role-bi{color:#8b5cf6;background:#8b5cf618}.role-indicator.role-viewer{color:#6b7280;background:#6b728018}.dropdown-item.admin-item{color:#ef4444;font-weight:600}.user-icon{font-size:14px;opacity:.7}.user-name{font-size:13px;color:var(--text-primary)}.user-chevron{font-size:11px;color:var(--text-secondary)}.theme-toggle-btn{display:flex;align-items:center;gap:6px;background:transparent;border:none;padding:4px 6px;border-radius:6px;cursor:pointer;transition:background .2s}.theme-toggle-btn:hover{background:var(--bg-hover)}.theme-icon{font-size:14px}.toggle-track{width:36px;height:20px;border-radius:10px;position:relative;transition:background .3s}.toggle-track.dark{background:var(--accent-blue)}.toggle-track.light{background:#cbd5e1}.toggle-knob{width:14px;height:14px;background:#fff;border-radius:50%;position:absolute;top:3px;transition:left .3s}.toggle-track.dark .toggle-knob{left:19px}.toggle-track.light .toggle-knob{left:3px}.btn-logout{display:flex;align-items:center;gap:5px;background:transparent;border:none;color:var(--text-secondary);font-size:13px;padding:4px 8px;border-radius:6px;transition:color .2s,background .2s}.btn-logout:hover{color:var(--text-primary);background:var(--bg-hover)}.home-page{display:flex;flex-direction:column;min-height:100vh}.home-body{display:flex;flex:1}.home-main{flex:1;padding:40px 48px;overflow-x:auto}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cardIn{0%{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.home-hero{text-align:center;margin-bottom:52px}.home-hero-badge{display:inline-block;padding:6px 18px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);font-size:13px;font-weight:500;margin-bottom:20px;letter-spacing:.3px;animation:fadeSlideDown .6s ease both}.home-hero-title{font-size:64px;font-weight:800;line-height:1.1;margin-bottom:16px;letter-spacing:-2px;animation:fadeSlideDown .7s ease .1s both}.title-white{color:var(--text-primary)}.title-blue{background:linear-gradient(90deg,#3b7df8,#7c3aed,#3b7df8);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeSlideDown .7s ease .1s both,gradientShift 4s ease infinite .8s}.home-hero-sub{font-size:15px;color:var(--text-secondary);line-height:1.7;max-width:520px;margin:0 auto;animation:fadeSlideUp .7s ease .25s both}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;max-width:1100px;margin:0 auto;animation:fadeIn .4s ease .3s both}.tool-card{border-radius:12px;padding:2px;background:var(--card-gradient);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease;animation:cardIn .55s ease both}.tool-card:nth-child(1){animation-delay:.35s}.tool-card:nth-child(2){animation-delay:.45s}.tool-card:nth-child(3){animation-delay:.52s}.tool-card:nth-child(4){animation-delay:.59s}.tool-card:nth-child(5){animation-delay:.66s}.tool-card:nth-child(6){animation-delay:.73s}.tool-card.coming-soon{cursor:default;opacity:.65}.tool-card.active-tool:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 16px 40px #00000059;opacity:1}.tool-card.active-tool:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:inherit;filter:blur(8px);opacity:0;transition:opacity .3s;z-index:-1}.tool-card{position:relative}.tool-card.active-tool:hover:before{opacity:.5}.tool-card-inner{background:var(--bg-secondary);border-radius:10px;padding:24px;height:100%;display:flex;flex-direction:column;gap:14px}.tool-card-header{display:flex;align-items:flex-start;gap:14px}.tool-icon{font-size:32px;line-height:1;flex-shrink:0}.tool-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tool-title{font-size:17px;font-weight:700;color:var(--text-primary);margin:0}.tool-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;letter-spacing:.3px}.tool-description{font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0;flex:1}.tool-tags{display:flex;flex-wrap:wrap;gap:6px}.tool-tag{font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px;border:1px solid transparent;display:inline-flex;align-items:center;gap:5px;transition:opacity .2s}.tool-tag-icon{font-size:11px;line-height:1}.tool-open{font-size:13px;font-weight:600;color:#818cf8;margin-top:4px;transition:letter-spacing .2s,opacity .2s}.tool-card.active-tool:hover .tool-open{letter-spacing:.4px;opacity:.85}.tool-coming{font-size:13px;font-weight:500;color:var(--text-secondary);margin-top:4px}.dashboard-page{display:flex;flex-direction:column;min-height:100vh}.dashboard-body{display:flex;flex:1}.dashboard-main{flex:1;padding:24px 28px;overflow-x:auto}.dash-header{margin-bottom:20px}.dash-title{font-size:20px;font-weight:700;color:var(--text-primary)}.dash-tabs-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.dash-tabs{display:flex;gap:4px}.dash-tab{padding:7px 18px;border-radius:6px;border:none;font-size:13px;font-weight:600;background:var(--bg-tertiary);color:var(--text-secondary);transition:background .2s,color .2s}.dash-tab.active{background:var(--accent-blue);color:#fff}.dash-tab:hover:not(.active){background:var(--bg-hover);color:var(--text-primary)}.dash-filters{display:flex;align-items:center;gap:10px}.search-wrap{position:relative}.search-input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:6px 32px 6px 10px;font-size:13px;color:var(--text-primary);outline:none;width:180px}.search-input::placeholder{color:var(--text-secondary)}.search-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:13px;opacity:.5}.filter-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);padding:6px 10px;font-size:14px}.sort-label{font-size:13px;color:var(--text-secondary);cursor:pointer}.apps-table{width:100%;background:var(--bg-secondary);border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr .5fr;padding:10px 16px;border-bottom:1px solid var(--border-color);font-size:11px;font-weight:700;color:var(--text-secondary);letter-spacing:.5px}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr .5fr;padding:12px 16px;align-items:center;border-bottom:1px solid var(--border-color);font-size:13px;cursor:pointer;transition:background .15s}.table-row:last-child{border-bottom:none}.table-row:hover{background:var(--bg-hover)}.app-name-cell{display:flex;align-items:center;gap:10px}.app-icon-sm{width:28px;height:28px;background:var(--bg-tertiary);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;position:relative}.app-status-dot-sm{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-secondary)}.app-status-dot-sm.active{background:#22c55e}.app-status-dot-sm.inactive{background:#6b7280}.app-action-btn{background:transparent;border:none;color:var(--text-secondary);font-size:14px;padding:2px 4px}.app-action-btn:hover{color:var(--text-primary)}.platform-badge{font-size:13px;font-weight:500}.col-source.invited{color:var(--accent-blue)}.icon-btn{background:transparent;border:none;color:var(--text-secondary);font-size:16px;padding:4px;border-radius:4px}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:999;padding:20px}.modal-box{background:var(--bg-secondary);border-radius:10px;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;border:1px solid var(--border-color)}.modal-title{font-size:15px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:16px;line-height:1}.modal-body{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:13px;font-weight:600;color:var(--text-primary)}.form-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:0;border-top:none;border-left:none;border-right:none;padding:8px 0;font-size:14px;color:var(--text-primary);outline:none;background:transparent;border-bottom:1px solid var(--border-color)}.form-select{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:8px 10px;font-size:14px;color:var(--text-primary);outline:none}.platform-tabs{display:flex;gap:6px}.platform-tab{padding:6px 14px;border-radius:20px;border:1px solid var(--border-color);font-size:13px;background:var(--bg-tertiary);color:var(--text-secondary);transition:all .2s}.platform-tab.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.platform-tab:hover:not(.active){background:var(--bg-hover);color:var(--text-primary)}.modal-footer{display:flex;justify-content:space-between;padding:16px 20px;border-top:1px solid var(--border-color)}.modal-gamecode-row{display:flex;align-items:center;gap:8px}.gamecode-input{font-family:Consolas,monospace!important;font-size:14px!important;font-weight:700!important;letter-spacing:1px;color:var(--accent-blue)!important;background:var(--bg-tertiary)!important}.btn-copy-sm{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:5px;padding:5px 9px;font-size:13px;flex-shrink:0;transition:background .2s}.btn-copy-sm:hover{background:var(--bg-hover)}.form-hint{font-size:11px;color:var(--text-secondary)}.form-input.mono{font-family:Consolas,monospace;font-size:13px}.btn-cancel{padding:8px 20px;background:var(--accent-red);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600}.btn-cancel:hover{opacity:.85}.btn-create{padding:8px 24px;background:var(--accent-blue);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600}.table-loading{text-align:center;color:var(--text-secondary);font-size:14px;padding:32px 16px}.form-error{color:#ef4444;font-size:13px;text-align:center;margin:4px 0 0}.form-hint-box{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;font-size:12px;color:var(--text-secondary)}.required-star{color:#ef4444;font-weight:700}.btn-create-studio-inline{align-self:flex-start;padding:0;background:transparent;border:none;color:var(--accent-blue);font-size:12px;font-weight:600;cursor:pointer;margin-top:2px;transition:opacity .2s}.btn-create-studio-inline:hover{opacity:.8;text-decoration:underline}.create-studio-inline{display:flex;align-items:center;gap:6px;margin-top:4px}.create-studio-input{flex:1;padding:7px 10px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;font-size:13px;color:var(--text-primary);outline:none;transition:border-color .2s}.create-studio-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #3b7df81a}.create-studio-input::placeholder{color:var(--text-secondary)}.btn-studio-confirm{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#22c55e;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;flex-shrink:0;transition:background .2s}.btn-studio-confirm:hover{background:#16a34a}.btn-studio-confirm:disabled{opacity:.5;cursor:not-allowed}.btn-studio-cancel{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:6px;font-size:14px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:background .2s,color .2s}.btn-studio-cancel:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.game-sidebar{width:200px;min-height:calc(100vh - var(--navbar-height));background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0}.sidebar-app-info{display:flex;flex-direction:column;align-items:center;padding:24px 16px 16px;border-bottom:1px solid var(--border-color);gap:10px}.sidebar-app-icon{position:relative;width:64px;height:64px;background:var(--bg-tertiary);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:32px}.app-status-dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-secondary);transition:background .3s}.app-status-dot.active{background:#22c55e}.app-status-dot.inactive{background:#6b7280}.sidebar-app-name{font-size:13px;font-weight:600;color:var(--text-primary);text-align:center}.sidebar-nav{padding:8px 0;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:9px 16px;font-size:13px;color:var(--text-secondary);transition:background .15s,color .15s;text-decoration:none;cursor:pointer}.sidebar-nav-item:hover,.sidebar-nav-item.active{background:var(--bg-hover);color:var(--text-primary)}.nav-icon{font-size:14px;width:18px;text-align:center;flex-shrink:0}.nav-label{flex:1}.nav-arrow{font-size:16px;color:var(--text-secondary)}.sidebar-bottom{border-top:1px solid var(--border-color);padding:8px 0}.main-config-tab{padding:20px 32px;width:100%}.mc-platform-bar{display:flex;align-items:center;gap:8px;margin-bottom:20px}.mc-platform-btn{padding:7px 18px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);font-size:13px;font-weight:600;transition:all .2s}.mc-platform-btn.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.mc-platform-btn:hover:not(.active){background:var(--bg-hover);color:var(--text-primary)}.mc-export-btn{margin-left:auto;padding:7px 16px;background:#22c55e22;color:#22c55e;border:1px solid #22c55e55;border-radius:6px;font-size:13px;font-weight:600;transition:all .2s}.mc-export-btn:hover{background:#22c55e33}.mc-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:16px;overflow:hidden}.mc-section-title{font-size:13px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;padding:10px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.mc-section-body{padding:16px}.mc-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}.mc-field{display:flex;flex-direction:column;gap:5px}.mc-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.mc-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:5px;padding:7px 10px;font-size:13px;color:var(--text-primary);outline:none;transition:border-color .2s}.mc-input:focus{border-color:var(--accent-blue)}.mc-input.mono{font-family:Consolas,Courier New,monospace;font-size:12px}.mc-input.sm{padding:5px 8px;font-size:12px;width:100%}.mc-input.readonly{opacity:.55;cursor:not-allowed;background:var(--bg-tertiary)}.mc-textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:5px;padding:7px 10px;font-size:12px;color:var(--text-primary);outline:none;resize:vertical;width:100%;transition:border-color .2s}.mc-textarea:focus{border-color:var(--accent-blue)}.mc-textarea.mono{font-family:Consolas,Courier New,monospace}.mc-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:5px;padding:7px 10px;font-size:13px;color:var(--text-primary);outline:none}.mc-hint{font-size:11px;color:var(--text-secondary)}.mc-toggle-field{flex-direction:row;align-items:center;justify-content:space-between}.mc-toggle{padding:5px 14px;border-radius:20px;border:none;font-size:12px;font-weight:700;transition:all .2s}.mc-toggle.on{background:#22c55e22;color:#22c55e}.mc-toggle.off{background:#ef444422;color:#ef4444}.mc-ad-table-wrap{margin-top:14px;border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.mc-ad-table{width:100%;border-collapse:collapse}.mc-ad-table th{padding:8px 12px;font-size:11px;font-weight:700;color:var(--text-secondary);background:var(--bg-tertiary);text-align:left;letter-spacing:.4px;text-transform:uppercase;border-bottom:1px solid var(--border-color)}.mc-ad-table td{padding:8px 12px;border-bottom:1px solid var(--border-color);vertical-align:middle}.mc-ad-table tr:last-child td{border-bottom:none}.mc-ad-table tr:hover td{background:var(--bg-hover)}.ad-type-cell{font-size:13px;font-weight:600;color:var(--text-primary);width:120px}.mc-ad-table input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-blue)}.mc-footer{display:flex;gap:12px;margin-top:8px;padding-bottom:8px}.mc-save-btn{padding:9px 20px;background:var(--accent-blue);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;transition:background .2s}.mc-save-btn:hover{background:var(--accent-blue-hover)}.iap-packs-tab{padding:20px 32px;width:100%}.iap-top-bar{display:flex;align-items:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}.iap-category-tabs{display:flex;gap:8px;flex-wrap:wrap}.iap-cat-btn{padding:7px 14px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;transition:all .2s}.iap-cat-btn:hover:not(.active){background:var(--bg-hover);color:var(--text-primary)}.iap-count{background:#ffffff1f;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:700}.iap-export-btn{margin-left:auto;padding:7px 16px;background:#22c55e22;color:#22c55e;border:1px solid #22c55e55;border-radius:6px;font-size:13px;font-weight:600;transition:all .2s}.iap-export-btn:hover{background:#22c55e33}.iap-packs-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.iap-empty{text-align:center;color:var(--text-secondary);font-size:14px;padding:24px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.btn-add-pack{padding:9px;background:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:600;width:100%;transition:all .2s}.btn-add-pack:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-blue)}.pack-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.pack-card-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;transition:background .15s}.pack-card-header:hover{background:var(--bg-hover)}.pack-card-left{display:flex;align-items:center;gap:10px}.pack-id-badge{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700;color:var(--text-secondary);font-family:monospace}.pack-product-id{font-size:13px;font-weight:600;color:var(--text-primary);font-family:Consolas,monospace}.pack-reward-count{font-size:12px;color:var(--text-secondary);background:var(--bg-tertiary);padding:2px 8px;border-radius:10px}.pack-card-right{display:flex;align-items:center;gap:10px}.pack-remove-btn{background:transparent;border:none;color:var(--text-secondary);font-size:14px;padding:2px 6px;border-radius:4px;transition:all .15s}.pack-remove-btn:hover{color:#ef4444;background:#ef44441a}.pack-chevron{font-size:11px;color:var(--text-secondary)}.pack-card-body{padding:14px;border-top:1px solid var(--border-color)}.pack-fields-row{display:flex;gap:12px;margin-bottom:14px}.pack-field{display:flex;flex-direction:column;gap:5px;flex:1}.pack-field.flex-2{flex:2}.pack-label{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.pack-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:5px;padding:7px 10px;font-size:13px;color:var(--text-primary);outline:none;transition:border-color .2s}.pack-input:focus{border-color:var(--accent-blue)}.pack-input.mono{font-family:Consolas,monospace;font-size:12px}.pack-input.sm{padding:5px 8px;font-size:12px}.pack-input.readonly{opacity:.55;cursor:not-allowed;background:var(--bg-tertiary)}.pack-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:5px;padding:5px 8px;font-size:12px;color:var(--text-primary);outline:none;font-family:Consolas,monospace;width:100%}.pack-rewards-section{margin-top:4px}.pack-rewards-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.btn-add-reward{padding:4px 12px;background:var(--accent-blue);color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:600}.btn-add-reward:hover{background:var(--accent-blue-hover)}.rewards-table{width:100%;border-collapse:collapse;background:var(--bg-primary);border-radius:6px;overflow:hidden;border:1px solid var(--border-color)}.rewards-table th{padding:7px 10px;font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;text-align:left;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.rewards-table td{padding:6px 8px;border-bottom:1px solid var(--border-color);vertical-align:middle}.rewards-table tr:last-child td{border-bottom:none}.reward-remove-btn{background:transparent;border:none;color:var(--text-secondary);font-size:13px;padding:2px 6px;border-radius:4px}.reward-remove-btn:hover{color:#ef4444;background:#ef44441a}.iap-footer{display:flex;gap:12px;padding-bottom:8px}.iap-save-btn{padding:9px 20px;background:var(--accent-blue);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600}.iap-save-btn:hover{background:var(--accent-blue-hover)}.export-tab{padding:0 0 40px;display:flex;flex-direction:column;gap:28px}.exp-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px 28px}.exp-section-title{font-size:15px;font-weight:700;color:var(--text-primary);margin:0 0 6px}.exp-section-desc{font-size:13px;color:var(--text-secondary);margin:0 0 18px}.exp-cards-row{display:flex;flex-direction:column;gap:12px}.exp-card{display:flex;align-items:center;gap:14px;background:var(--bg-secondary, #1a1a2e11);border:1px solid var(--border-color);border-radius:10px;padding:14px 16px;cursor:pointer;transition:border-color .15s,background .15s}.exp-card:hover{border-color:#3b82f6;background:#3b82f608}.exp-card-icon{font-size:26px;flex-shrink:0}.exp-card-info{display:flex;flex-direction:column;gap:3px;flex:1}.exp-card-name{font-size:14px;font-weight:600;color:var(--text-primary);font-family:Courier New,monospace}.exp-card-desc{font-size:12px;color:var(--text-secondary)}.exp-dl-btn{background:#3b82f6;color:#fff;border:none;border-radius:7px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s;flex-shrink:0}.exp-dl-btn:hover{background:#2563eb}.exp-copy-btn{background:var(--border-color);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;padding:5px 10px;font-size:12px;cursor:pointer;flex-shrink:0}.exp-copy-btn:hover{background:#3b82f622}.ks-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.ks-field{display:flex;flex-direction:column;gap:5px}.ks-field.full{grid-column:1 / -1}.ks-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.ks-required{color:#ef4444}.ks-optional{font-weight:400;text-transform:none;font-size:11px;color:var(--text-secondary);opacity:.7}.ks-input{background:var(--input-bg, #1e1e2e);border:1px solid var(--border-color);border-radius:7px;padding:8px 12px;font-size:13px;color:var(--text-primary);outline:none;transition:border-color .15s;width:100%;box-sizing:border-box}.ks-input:focus{border-color:#3b82f6}.ks-input[readonly]{opacity:.7;cursor:default}.ks-input.mono{font-family:Courier New,monospace;font-size:12px}.ks-input-row{display:flex;gap:8px;align-items:center}.ks-input-row .ks-input{flex:1;min-width:0}.ks-browse-btn{background:var(--border-color);color:var(--text-primary);border:1px solid var(--border-color);border-radius:7px;padding:8px 14px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s;flex-shrink:0}.ks-browse-btn:hover{background:#3b82f622;border-color:#3b82f6}.ks-browse-btn.primary{background:#3b82f615;border-color:#3b82f655;color:#3b82f6}.ks-browse-btn.primary:hover{background:#3b82f622}.ks-md5-row{display:flex;gap:8px;align-items:center}.ks-md5-input{flex:1;background:#22c55e12;border-color:#22c55e33;color:#22c55e;font-size:12px}.ks-hint{font-size:11px;color:var(--text-secondary);opacity:.75}.ks-cmd-section{border:1px solid var(--border-color);border-radius:10px;overflow:hidden;margin-top:4px}.ks-cmd-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#1a1a2e22;border-bottom:1px solid var(--border-color)}.ks-cmd-title{font-size:13px;font-weight:600;color:var(--text-primary)}.ks-cmd-copy-btn{background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.ks-cmd-copy-btn:hover{background:#2563eb}.ks-cmd-box{margin:0;padding:16px 18px;font-family:Courier New,monospace;font-size:12px;color:#e2e8f0;background:#0f1117;white-space:pre-wrap;word-break:break-all;line-height:1.6}.ks-info-box{margin-top:20px;border:1px solid #f59e0b44;border-radius:10px;background:#f59e0b08;padding:16px 20px}.ks-info-title{font-size:13px;font-weight:700;color:#f59e0b;margin:0 0 12px}.ks-info-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:14px}.ks-info-table td{padding:6px 10px;border-bottom:1px solid #f59e0b22;color:var(--text-primary)}.ks-info-table td:first-child{color:var(--text-secondary);font-size:12px;width:160px;font-weight:600}.ks-info-table td.mono{font-family:Courier New,monospace;font-size:12px}.ks-copy-info-btn{background:#f59e0b22;border:1px solid #f59e0b55;color:#f59e0b;border-radius:7px;padding:7px 16px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.ks-copy-info-btn:hover{background:#f59e0b33}.ks-error{color:#ef4444;font-size:13px;margin:4px 0 8px;background:#ef444411;border:1px solid #ef444433;border-radius:6px;padding:8px 12px}.ks-action-row{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.ks-gen-btn{background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:10px 22px;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s}.ks-gen-btn:hover:not(:disabled){background:#2563eb}.ks-gen-btn:disabled{opacity:.45;cursor:not-allowed}.ks-info-dl-btn{background:#f59e0b22;border:1px solid #f59e0b55;color:#f59e0b;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.ks-info-dl-btn:hover:not(:disabled){background:#f59e0b33}.ks-info-dl-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:700px){.ks-grid{grid-template-columns:1fr}}.game-settings-page{display:flex;flex-direction:column;min-height:100vh}.game-settings-body{display:flex;flex:1}.game-settings-main{flex:1;display:flex;flex-direction:column;overflow-x:auto}.game-tabs-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);padding:0 24px;background:var(--bg-secondary)}.game-tabs{display:flex;gap:0}.game-tab{padding:13px 18px;background:transparent;border:none;font-size:13px;color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s}.game-tab:hover{color:var(--text-primary)}.game-tab.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue);font-weight:600}.game-tab.config-tab{color:#a855f7}.game-tab.config-tab.active{color:#a855f7;border-bottom-color:#a855f7}.btn-add-user{padding:7px 14px;background:var(--accent-blue);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600}.btn-add-user:hover{background:var(--accent-blue-hover)}.settings-content{padding:24px 32px;width:100%}.settings-section{background:var(--bg-secondary);border-radius:8px;padding:24px 28px;border:1px solid var(--border-color)}.section-title{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:20px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 40px}.settings-col{display:flex;flex-direction:column}@media(max-width:768px){.settings-grid{grid-template-columns:1fr}}.field-group{margin-bottom:20px;display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;font-weight:600;color:var(--text-primary)}.app-icon-preview{width:100px;height:100px;background:var(--bg-tertiary);border-radius:16px;display:flex;align-items:center;justify-content:center}.file-row{display:flex;align-items:center;gap:8px}.file-input-text{flex:1;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;padding:7px 10px;font-size:13px;color:var(--text-secondary);outline:none}.btn-browse{padding:7px 14px;background:var(--accent-blue);color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:600}.btn-upload{width:fit-content;padding:7px 16px;background:var(--accent-blue);color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:600}.settings-input{background:transparent;border:none;border-bottom:1px solid var(--border-color);padding:8px 0;font-size:14px;color:var(--text-primary);outline:none;width:100%}.settings-input.readonly{color:var(--text-secondary)}.field-hint{font-size:12px;color:var(--text-secondary)}.input-with-btn{display:flex;align-items:center;gap:10px}.input-with-btn .settings-input{flex:1}.btn-edit{padding:7px 16px;background:var(--accent-blue);color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:600;flex-shrink:0}.btn-edit:hover{background:var(--accent-blue-hover)}.ext-table{width:100%;border-collapse:collapse;background:var(--bg-secondary);border-radius:8px;overflow:hidden;border:1px solid var(--border-color);margin-top:12px;table-layout:fixed}.ext-table th{padding:10px 16px;font-size:11px;font-weight:700;color:var(--text-secondary);text-align:left;border-bottom:1px solid var(--border-color);letter-spacing:.5px}.ext-table td{padding:12px 16px;font-size:13px;color:var(--text-primary)}.empty-row{text-align:center;color:var(--text-secondary)!important}.empty-hint{color:var(--text-secondary);font-size:14px;padding:20px 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:999;padding:20px}.modal-box{background:var(--bg-secondary);border-radius:10px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;border:1px solid var(--border-color)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.modal-title{font-size:15px;font-weight:600;color:var(--text-primary)}.modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:16px}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:20px;display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:600;color:var(--text-primary)}.modal-input{background:transparent;border:none;border-bottom:1px solid var(--border-color);padding:8px 0;font-size:14px;color:var(--text-primary);outline:none}.modal-input::placeholder{color:var(--text-secondary)}.roles-list{display:flex;gap:16px;flex-wrap:wrap}.role-option{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);cursor:pointer}.role-radio{accent-color:var(--accent-blue)}.perm-header{display:flex;align-items:center;justify-content:space-between}.perm-hint{font-size:11px;color:var(--text-secondary)}.perm-box{background:var(--bg-primary);border-radius:6px;border:1px solid var(--border-color);overflow:hidden}.perm-all-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border-color);font-size:13px;color:var(--text-primary)}.select-all-btn{padding:4px 12px;background:var(--accent-blue);color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:600}.perm-list{max-height:180px;overflow-y:auto}.perm-item{padding:9px 14px;font-size:13px;color:var(--text-secondary);border-bottom:1px solid var(--border-color);cursor:pointer}.perm-item:last-child{border-bottom:none}.perm-item:hover{background:var(--bg-hover);color:var(--text-primary)}.perm-item.selected{color:var(--text-primary);font-weight:600}.game-code-row{display:flex;align-items:center;gap:8px}.game-code-input{font-family:Consolas,monospace!important;font-size:15px!important;font-weight:700!important;letter-spacing:1px;color:var(--text-primary)!important;opacity:1!important;background:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important;border-radius:6px!important;padding:8px 12px!important}.btn-copy{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:5px;padding:6px 10px;font-size:14px;transition:background .2s;flex-shrink:0}.btn-copy:hover{background:var(--bg-hover)}.btn-save-settings{padding:10px 24px;background:var(--accent-blue);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;margin-top:16px;transition:background .2s}.btn-save-settings:hover{background:var(--accent-blue-hover)}.btn-save-settings:disabled{opacity:.6;cursor:not-allowed}.save-msg{font-size:13px;margin:8px 0 0}.save-msg.success{color:#22c55e}.save-msg.error{color:#ef4444}.settings-input.readonly{opacity:.7;cursor:not-allowed}.studio-info-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;font-size:13px;color:var(--text-secondary);width:fit-content}.studio-info-badge.none{border-style:dashed;opacity:.7}.studio-info-name{color:var(--text-primary);font-weight:600}.studio-field-row{display:flex;align-items:center;gap:10px}.btn-edit-studio{padding:5px 12px;background:transparent;border:1px solid var(--border-color);border-radius:6px;font-size:12px;font-weight:600;color:var(--accent-blue);cursor:pointer;transition:all .2s}.btn-edit-studio:hover{background:#3b7df814;border-color:var(--accent-blue)}.studio-picker-wrap{display:flex;align-items:flex-start;gap:8px}.studio-picker-row{position:relative;flex:1;min-width:0}.studio-picker-trigger{display:flex;align-items:center;gap:8px;width:100%;padding:9px 14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;font-size:13px;color:var(--text-primary);cursor:pointer;transition:all .2s;text-align:left}.studio-picker-trigger:hover{border-color:var(--accent-blue)}.studio-picker-trigger.none{border-style:dashed;color:var(--text-secondary)}.studio-picker-icon{font-size:15px;flex-shrink:0}.studio-picker-label{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-picker-chevron{font-size:11px;color:var(--text-secondary);transition:transform .2s;flex-shrink:0}.studio-picker-chevron.open{transform:rotate(180deg)}.studio-picker-menu{position:fixed;min-width:280px;max-width:380px;max-height:280px;overflow-y:auto;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 24px #00000040;z-index:1000;animation:studioPickerIn .15s ease-out}@keyframes studioPickerIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.studio-picker-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:transparent;cursor:pointer;text-align:left;transition:background .15s}.studio-picker-option:hover{background:var(--bg-hover)}.studio-picker-option.selected{background:var(--bg-tertiary)}.studio-picker-option+.studio-picker-option{border-top:1px solid var(--border-color)}.studio-opt-icon{font-size:18px;width:28px;text-align:center;flex-shrink:0}.studio-opt-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.studio-opt-name{font-size:13px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-opt-desc{font-size:11px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-opt-check{color:var(--accent-blue);font-size:14px;font-weight:700;flex-shrink:0}.studio-picker-actions{display:flex;gap:6px;flex-shrink:0;padding-top:1px}.btn-studio-save{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#22c55e;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;flex-shrink:0;transition:background .2s}.btn-studio-save:hover{background:#16a34a}.btn-studio-save:disabled{opacity:.5;cursor:not-allowed}.btn-studio-cancel-sm{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:8px;font-size:15px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:all .2s}.btn-studio-cancel-sm:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.section-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.active-toggle-group{display:flex;align-items:center;gap:10px}.active-status-label{font-size:13px;font-weight:600;transition:color .3s}.active-status-label.active{color:#22c55e}.active-status-label.inactive{color:#6b7280}.toggle-switch{position:relative;width:44px;height:24px;border-radius:12px;border:none;cursor:pointer;transition:background .3s;padding:0}.toggle-switch.on{background:#22c55e}.toggle-switch.off{background:#6b7280}.toggle-knob{position:absolute;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .3s;box-shadow:0 1px 3px #0003}.toggle-switch.on .toggle-knob{left:23px}.toggle-switch.off .toggle-knob{left:3px}.app-role-legend{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:6px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.member-role-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap;line-height:1}.member-role-tag.owner-tag{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.25)}.member-role-tag.editor-tag{background:#3b82f61f;color:#3b82f6;border:1px solid rgba(59,130,246,.25)}.member-role-tag.viewer-tag{background:#6b72801f;color:#6b7280;border:1px solid rgba(107,114,128,.25)}.role-dropdown-wrap{position:relative;display:inline-block}.role-dropdown-trigger{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.role-dropdown-trigger:hover{border-color:var(--text-secondary);color:var(--text-primary)}.role-dropdown-trigger.role-editor{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.role-dropdown-trigger.role-editor:hover{background:#3b82f62e;border-color:#3b82f673}.role-dropdown-trigger.role-viewer{background:#6b72801a;border-color:#6b72804d;color:#6b7280}.role-dropdown-trigger.role-viewer:hover{background:#6b72802e;border-color:#6b728073}.role-dropdown-icon{font-size:13px;line-height:1}.role-dropdown-label{font-size:12px}.role-dropdown-chevron{font-size:10px;opacity:.7;transition:transform .2s;margin-left:2px}.role-dropdown-chevron.open{transform:rotate(180deg)}.role-dropdown-menu{position:fixed;min-width:220px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 24px #00000040;z-index:1000;overflow:hidden;animation:roleDropdownIn .15s ease-out}@keyframes roleDropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.role-dropdown-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:transparent;cursor:pointer;text-align:left;transition:background .15s}.role-dropdown-option:hover{background:var(--bg-hover)}.role-dropdown-option.selected{background:var(--bg-tertiary)}.role-dropdown-option+.role-dropdown-option{border-top:1px solid var(--border-color)}.role-option-icon{font-size:16px;width:24px;text-align:center;flex-shrink:0}.role-option-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.role-option-label{font-size:13px;font-weight:600;color:var(--text-primary)}.role-option-desc{font-size:11px;color:var(--text-secondary)}.role-option-check{color:#3b82f6;font-size:14px;font-weight:700;flex-shrink:0}.game-role-selector{display:flex;gap:8px}.game-role-btn{flex:1;padding:10px 14px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.game-role-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.game-role-btn.active.editor{background:#3b82f61f;border-color:#3b82f673;color:#3b82f6;font-weight:600}.game-role-btn.active.viewer{background:#6b72801f;border-color:#6b728073;color:#9ca3af;font-weight:600}.reward-remove-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s}.reward-remove-btn:hover{background:#ef44441f;border-color:#ef444459;color:#ef4444}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--border-color)}.btn-cancel{padding:8px 18px;background:transparent;border:1px solid var(--border-color);border-radius:6px;font-size:13px;font-weight:600;color:var(--text-secondary);transition:all .2s}.btn-cancel:hover{color:var(--text-primary);border-color:var(--text-secondary)}.btn-create{padding:8px 18px;background:var(--accent-blue);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;transition:background .2s}.btn-create:hover{background:var(--accent-blue-hover)}.btn-create:disabled{opacity:.6;cursor:not-allowed}.form-error{font-size:13px;color:#ef4444;background:#ef444414;border-radius:6px;padding:8px 12px}.form-hint{font-size:12px;color:var(--text-secondary)}.form-select{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:8px 12px;font-size:14px;color:var(--text-primary);outline:none}.form-input{background:transparent;border:none;border-bottom:1px solid var(--border-color);padding:8px 0;font-size:14px;color:var(--text-primary);outline:none}.form-input::placeholder{color:var(--text-secondary)}.user-settings-page{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-primary)}.user-tabs-bar{display:flex;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);padding:0 32px;overflow-x:auto;gap:4px}.user-tab{padding:14px 20px;background:transparent;border:none;font-size:13px;color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color .2s,border-color .2s;cursor:pointer;letter-spacing:.2px}.user-tab:hover{color:var(--text-primary)}.user-tab.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue);font-weight:600}.user-settings-content{padding:32px;display:flex;justify-content:center}.settings-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:32px 36px;width:100%;max-width:560px;box-shadow:var(--shadow)}.card-title{font-size:18px;font-weight:700;color:var(--accent-blue);margin-bottom:28px;padding-bottom:14px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:10px}.field-group{margin-bottom:22px;display:flex;flex-direction:column;gap:6px}.field-label{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.settings-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:11px 14px;font-size:14px;color:var(--text-primary);outline:none;width:100%;transition:border-color .2s,box-shadow .2s}.settings-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b7df81f}.settings-input.readonly{opacity:.55;cursor:not-allowed;background:var(--bg-tertiary)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.btn-save{padding:11px 28px;background:var(--accent-blue);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;margin-top:8px;cursor:pointer;transition:background .2s,transform .1s,box-shadow .2s}.btn-save:hover{background:var(--accent-blue-hover);box-shadow:0 4px 12px #3b7df840;transform:translateY(-1px)}.btn-save:active{transform:translateY(0)}.btn-save:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.save-msg{font-size:13px;margin:8px 0 4px;padding:8px 14px;border-radius:6px;font-weight:500}.save-msg.success{color:#22c55e;background:#22c55e14;border:1px solid rgba(34,197,94,.2)}.save-msg.error{color:#ef4444;background:#ef444414;border:1px solid rgba(239,68,68,.2)}.password-field-wrap{position:relative}.password-field-wrap .settings-input{padding-right:42px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);font-size:16px;cursor:pointer;padding:4px}.password-toggle:hover{color:var(--text-primary)}.empty-hint{color:var(--text-secondary);font-size:14px;text-align:center;padding:20px}.info-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;font-size:13px;color:var(--text-secondary)}.info-badge .badge-value{color:var(--text-primary);font-weight:600}@media(max-width:640px){.user-settings-content{padding:16px}.settings-card{padding:24px 20px}.field-row{grid-template-columns:1fr}.user-tabs-bar{padding:0 16px}}.studio-settings-page{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-primary)}.studio-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px 0}.studio-page-title{font-size:20px;font-weight:700;color:var(--text-primary)}.btn-create-studio{padding:8px 18px;background:var(--accent-blue);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.btn-create-studio:hover{background:var(--accent-blue-hover);transform:translateY(-1px)}.studio-create-bar{display:flex;align-items:center;gap:10px;padding:16px 32px}.studio-create-input{flex:1;max-width:360px;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--text-primary);outline:none;transition:border-color .2s}.studio-create-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b7df81f}.btn-save-studio{padding:9px 16px;background:#22c55e;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.btn-save-studio:hover{background:#16a34a}.btn-save-studio:disabled{opacity:.5;cursor:not-allowed}.btn-cancel-studio{padding:9px 16px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:13px;cursor:pointer;transition:background .2s}.btn-cancel-studio:hover{background:var(--bg-hover)}.studio-msg{margin:0 32px;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500}.studio-msg.success{color:#22c55e;background:#22c55e14;border:1px solid rgba(34,197,94,.2)}.studio-msg.error{color:#ef4444;background:#ef444414;border:1px solid rgba(239,68,68,.2)}.studio-loading{text-align:center;color:var(--text-secondary);padding:40px;font-size:14px}.studio-empty{text-align:center;padding:60px 20px;color:var(--text-secondary)}.studio-empty .empty-icon{font-size:48px;display:block;margin-bottom:12px}.studio-empty p{font-size:14px}.studio-list{padding:20px 32px 32px;display:flex;flex-direction:column;gap:16px}.studio-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px 24px;box-shadow:var(--shadow);transition:border-color .2s}.studio-card:hover{border-color:var(--accent-blue)}.studio-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.studio-info{display:flex;align-items:center;gap:12px}.studio-name{font-size:16px;font-weight:700;color:var(--text-primary)}.studio-role-badge{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.3px}.studio-role-badge.owner{background:#eab3081f;color:#eab308;border:1px solid rgba(234,179,8,.25)}.studio-role-badge.member{background:#3b7df81a;color:var(--accent-blue);border:1px solid rgba(59,125,248,.2)}.btn-delete-studio{background:transparent;border:none;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s;opacity:.6}.btn-delete-studio:hover{background:#ef44441a;opacity:1}.studio-meta{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--border-color)}.meta-item{font-size:12px;color:var(--text-secondary)}.meta-item strong{color:var(--text-primary)}.studio-members{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.member-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-primary);border-radius:8px;font-size:13px}.member-item.owner-member{border-left:3px solid #eab308}.member-name{font-weight:600;color:var(--text-primary);min-width:100px}.member-email{color:var(--text-secondary);flex:1}.member-role-tag{padding:2px 8px;border-radius:8px;font-size:11px;font-weight:600;background:#3b7df81a;color:var(--accent-blue)}.member-role-tag.owner-tag{background:#eab3081f;color:#eab308}.btn-remove-member{background:transparent;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background .2s,color .2s}.btn-remove-member:hover{background:#ef44441a;color:#ef4444}.studio-add-member{margin-top:4px}.add-member-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.add-member-input{flex:1;min-width:200px;max-width:300px;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;font-size:13px;color:var(--text-primary);outline:none;transition:border-color .2s}.add-member-input:focus{border-color:var(--accent-blue)}.btn-add-confirm{padding:7px 14px;background:var(--accent-blue);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}.btn-add-confirm:hover{background:var(--accent-blue-hover)}.btn-add-cancel{padding:7px 10px;background:transparent;border:1px solid var(--border-color);border-radius:6px;font-size:12px;color:var(--text-secondary);cursor:pointer;transition:background .2s}.btn-add-cancel:hover{background:var(--bg-hover)}.add-msg{font-size:12px;color:#ef4444}.btn-invite{padding:7px 14px;background:transparent;border:1px dashed var(--border-color);border-radius:6px;font-size:12px;color:var(--text-secondary);cursor:pointer;transition:border-color .2s,color .2s}.btn-invite:hover{border-color:var(--accent-blue);color:var(--accent-blue)}@media(max-width:640px){.studio-header{padding:16px;flex-direction:column;gap:12px;align-items:flex-start}.studio-create-bar{padding:12px 16px;flex-wrap:wrap}.studio-list{padding:12px 16px}.studio-card{padding:16px}.studio-meta{flex-direction:column;gap:6px}}.admin-panel-page{display:flex;flex-direction:column;min-height:100vh}.admin-content{padding:28px 36px;max-width:1100px;width:100%;margin:0 auto}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.admin-title{font-size:20px;font-weight:700;color:var(--text-primary)}.admin-count{font-size:13px;color:var(--text-secondary);background:var(--bg-tertiary);padding:4px 12px;border-radius:12px}.admin-msg{font-size:13px;margin-bottom:12px;padding:8px 14px;border-radius:6px}.admin-msg.success{color:#22c55e;background:#22c55e11}.admin-msg.error{color:#ef4444;background:#ef444411}.admin-search-bar{margin-bottom:16px}.admin-search-input{width:100%;max-width:360px;padding:8px 14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;font-size:13px;color:var(--text-primary);outline:none}.admin-search-input::placeholder{color:var(--text-secondary)}.admin-loading{text-align:center;padding:40px;color:var(--text-secondary)}.admin-table-wrap{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--bg-secondary)}.admin-table{width:100%;border-collapse:collapse}.admin-table th{padding:10px 16px;font-size:11px;font-weight:700;color:var(--text-secondary);text-align:left;border-bottom:1px solid var(--border-color);letter-spacing:.5px;background:var(--bg-tertiary)}.admin-table td{padding:12px 16px;font-size:13px;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover{background:var(--bg-hover)}.current-user-row{background:var(--accent-blue)08!important}.admin-user-cell{display:flex;align-items:center;gap:10px}.admin-user-avatar{width:30px;height:30px;border-radius:50%;background:var(--accent-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.admin-user-name{font-weight:600}.you-badge{font-size:10px;font-weight:700;color:var(--accent-blue);background:var(--accent-blue)15;padding:2px 6px;border-radius:4px;letter-spacing:.5px}.admin-email{color:var(--text-secondary)}.admin-date{color:var(--text-secondary);font-size:12px}.role-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.role-select{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:5px 8px;font-size:12px;font-weight:600;color:var(--text-primary);outline:none;cursor:pointer}.role-select:hover{border-color:var(--accent-blue)}.admin-delete-btn{background:transparent;border:none;font-size:16px;cursor:pointer;padding:4px;border-radius:4px;transition:background .15s}.admin-delete-btn:hover{background:#ef444420}.as-page{min-height:100vh;background:#0f1117;color:#e2e8f0;font-family:Segoe UI,system-ui,sans-serif;display:flex;flex-direction:column}.as-header{background:#1a1d27;border-bottom:1px solid #2e3245;height:56px;position:sticky;top:0;z-index:100;flex-shrink:0}.as-header-inner{max-width:1400px;margin:0 auto;padding:0 20px;height:100%;display:flex;align-items:center;justify-content:space-between}.as-logo{display:flex;align-items:center;gap:10px}.as-back-btn{background:#252836;border:1px solid #2e3245;border-radius:7px;color:#94a3b8;cursor:pointer;padding:4px 10px;font-size:.9rem;transition:background .15s,color .15s}.as-back-btn:hover{background:#2e3245;color:#e2e8f0}.as-logo-icon{font-size:1.4rem}.as-logo-title{font-size:1.05rem;font-weight:700;color:#818cf8}.as-logo-sub{font-size:.78rem;color:#64748b;background:#252836;padding:2px 8px;border-radius:20px}.as-status-bar{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#94a3b8}.as-dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex-shrink:0}.as-dot.idle{background:#64748b}.as-dot.running{background:#f59e0b;animation:asPulse 1s infinite}.as-dot.success{background:#22c55e}.as-dot.error{background:#ef4444}@keyframes asPulse{0%,to{opacity:1}50%{opacity:.3}}.as-config-bar{background:#1a1d27;border-bottom:1px solid #2e3245;position:sticky;top:56px;z-index:90;flex-shrink:0}.as-config-inner{max-width:1400px;margin:0 auto;padding:0 16px;position:relative}.as-cfg-collapse-btn{position:absolute;right:16px;top:8px;background:#252836;border:1px solid #2e3245;border-radius:6px;color:#64748b;cursor:pointer;padding:2px 9px;font-size:.8rem;z-index:1;transition:color .15s,border-color .15s}.as-cfg-collapse-btn:hover{color:#e2e8f0;border-color:#818cf8}.as-cfg-body{display:flex;align-items:flex-start;flex-wrap:wrap;padding:10px 0;gap:0;transition:all .2s}.as-cfg-body.collapsed{display:none}.as-cfg-section{display:flex;flex-direction:column;gap:6px;padding:4px 16px}.as-cfg-section:first-child{padding-left:0}.as-cfg-label{font-size:.72rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.as-cfg-fields{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.as-cfg-field{display:flex;flex-direction:column;gap:4px;min-width:160px}.as-cfg-field label{font-size:.75rem;color:#64748b}.as-cfg-field.wide{min-width:230px}.as-cfg-divider{width:1px;background:#2e3245;align-self:stretch;margin:4px;flex-shrink:0}.as-cfg-actions{flex-direction:row!important;align-items:center!important;gap:8px;justify-content:flex-end;flex:1;padding-right:40px}.as-platform-btns{display:flex;gap:6px}.as-plt-btn{padding:6px 16px;border-radius:20px;border:1px solid #2e3245;background:#252836;color:#94a3b8;cursor:pointer;font-size:.82rem;font-weight:500;transition:all .15s;white-space:nowrap}.as-plt-btn:hover{border-color:#818cf8;color:#e2e8f0}.as-plt-btn.active{background:#6366f1;border-color:#6366f1;color:#fff;font-weight:700}.as-toggle-row{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#94a3b8}.as-switch{position:relative;display:inline-block;width:38px;height:20px}.as-switch input{opacity:0;width:0;height:0}.as-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#252836;border:1px solid #2e3245;border-radius:20px;cursor:pointer;transition:.2s}.as-slider:before{content:"";position:absolute;width:14px;height:14px;left:2px;bottom:2px;background:#64748b;border-radius:50%;transition:.2s}.as-switch input:checked+.as-slider{background:#6366f1;border-color:#6366f1}.as-switch input:checked+.as-slider:before{background:#fff;transform:translate(18px)}.as-save-status{font-size:.8rem;color:#22c55e}.as-input-with-check{display:flex;align-items:center;gap:6px}.as-input-with-check .as-input{flex:1}.as-btn-file-pick{background:#252836;border:1px solid #2e3245;border-radius:6px;color:#94a3b8;cursor:pointer;padding:5px 9px;font-size:.9rem;flex-shrink:0;transition:background .15s,border-color .15s}.as-btn-file-pick:hover{background:#2e3245;border-color:#818cf8}.as-file-dot{width:8px;height:8px;border-radius:50%;background:#64748b;flex-shrink:0;display:inline-block}.as-file-dot.ok{background:#22c55e}.as-input{width:100%;padding:7px 10px;background:#252836;border:1px solid #2e3245;border-radius:7px;color:#e2e8f0;font-size:.82rem;transition:border-color .15s;font-family:inherit}.as-input:focus{outline:none;border-color:#6366f1}.as-input::placeholder{color:#64748b}.as-select{width:100%;padding:7px 10px;background:#252836;border:1px solid #2e3245;border-radius:7px;color:#e2e8f0;font-size:.82rem;font-family:inherit}.as-select:disabled{opacity:.45;cursor:not-allowed}.as-body{flex:1;display:flex;max-width:1400px;width:100%;margin:0 auto;padding:20px 16px;gap:20px;min-width:0}.as-sidebar{width:220px;flex-shrink:0}.as-sidebar nav{display:flex;flex-direction:column;gap:4px}.as-nav-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;border:none;background:transparent;color:#94a3b8;cursor:pointer;font-size:.9rem;text-align:left;width:100%;font-family:inherit;transition:background .15s,color .15s}.as-nav-btn:hover{background:#252836;color:#e2e8f0}.as-nav-btn.active{background:#6366f1;color:#fff;font-weight:600}.as-content{flex:1;min-width:0}.as-tab{display:block}.as-tab-header{margin-bottom:20px}.as-tab-header h2{font-size:1.4rem;font-weight:700;margin-bottom:4px}.as-tab-header p{color:#94a3b8;font-size:.9rem}.as-action-bar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.as-btn{padding:9px 20px;border-radius:8px;border:none;font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .15s,transform .1s;display:inline-flex;align-items:center;gap:6px}.as-btn:hover:not(:disabled){opacity:.87}.as-btn:active:not(:disabled){transform:scale(.97)}.as-btn:disabled{opacity:.4;cursor:not-allowed}.as-btn-primary{background:#6366f1;color:#fff}.as-btn-secondary{background:#252836;color:#e2e8f0;border:1px solid #2e3245}.as-btn-xs{padding:6px 14px;font-size:.8rem}.as-datasource-card{background:#1a1d27;border:1px solid #2e3245;border-radius:10px;padding:18px;margin-bottom:20px}.as-datasource-card h4{font-size:.85rem;color:#64748b;margin-bottom:14px;text-transform:uppercase;letter-spacing:.04em}.as-ds-toggle{display:flex;gap:8px;margin-bottom:16px}.as-ds-btn{padding:7px 16px;border-radius:7px;border:1px solid #2e3245;background:#252836;color:#94a3b8;cursor:pointer;font-size:.85rem;font-family:inherit;transition:all .15s}.as-ds-btn:hover{border-color:#818cf8;color:#e2e8f0}.as-ds-btn.active{background:#6366f1;border-color:#6366f1;color:#fff;font-weight:600}.as-field-group{margin-bottom:12px}.as-field-group label{display:block;font-size:.78rem;color:#64748b;margin-bottom:5px}.as-required{color:#ef4444;margin-left:2px}.as-sheet-tab-row{display:flex;align-items:flex-end;gap:10px;margin-top:14px;padding-top:14px;border-top:1px dashed #2e3245}.as-sheet-tab-icon{font-size:1.2rem;padding-bottom:6px}.as-drop-zone{border:2px dashed #2e3245;border-radius:10px;padding:20px;margin-bottom:12px;cursor:pointer;transition:border-color .15s,background .15s}.as-drop-zone:hover,.as-drop-zone.dragover{border-color:#6366f1;background:#6366f10f}.as-drop-zone.has-file{border-color:#22c55e;border-style:solid;background:#22c55e0d}.as-drop-inner{display:flex;align-items:center;gap:12px}.as-drop-icon{font-size:1.6rem}.as-drop-label{font-size:.88rem;color:#94a3b8}.as-drop-label.selected{color:#22c55e;font-weight:600}.as-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-bottom:20px}.as-metric-card{background:#1a1d27;border:1px solid #2e3245;border-radius:10px;padding:18px 20px}.as-metric-card.green{border-color:#22c55e4d}.as-metric-card.blue{border-color:#3b82f64d}.as-metric-value{font-size:2rem;font-weight:700;color:#e2e8f0}.as-metric-card.green .as-metric-value{color:#22c55e}.as-metric-card.blue .as-metric-value{color:#3b82f6}.as-metric-label{font-size:.8rem;color:#64748b;margin-top:4px}.as-table-wrap{background:#1a1d27;border:1px solid #2e3245;border-radius:10px;overflow:auto;margin-bottom:14px}.as-table-wrap table{width:100%;border-collapse:collapse;font-size:.85rem}.as-table-wrap th{padding:11px 14px;text-align:left;background:#252836;color:#64748b;font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid #2e3245}.as-table-wrap td{padding:10px 14px;border-bottom:1px solid #2e3245;color:#94a3b8}.as-table-wrap tr:last-child td{border-bottom:none}.as-table-wrap tr:hover td{background:#ffffff06}.as-table-wrap code{font-family:Consolas,monospace;background:#252836;padding:2px 6px;border-radius:4px;font-size:.85em;color:#818cf8}.as-badge{display:inline-block;padding:2px 9px;border-radius:20px;font-size:.75rem;font-weight:600}.as-badge.consumable{background:#22c55e26;color:#22c55e}.as-badge.non-consumable{background:#3b82f626;color:#3b82f6}.as-badge-locale{background:#6366f133;color:#818cf8;border-radius:10px;padding:2px 9px;font-size:.75rem;font-weight:600}.as-badge-device{background:#22c55e1f;color:#22c55e;border-radius:10px;padding:2px 9px;font-size:.75rem;font-weight:600}.as-ss-builder{background:#1a1d27;border:1px solid #2e3245;border-radius:10px;overflow:hidden;margin-bottom:16px}.as-ss-top-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#252836;border-bottom:1px solid #2e3245;flex-wrap:wrap}.as-ss-top-hint{font-size:.78rem;color:#64748b}.as-ss-top-summary{margin-left:auto;font-size:.8rem;color:#818cf8;font-weight:600}.as-ss-no-groups{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:44px 20px;color:#64748b;font-size:.9rem;text-align:center}.as-ss-groups{display:flex;flex-direction:column}.as-ss-group{border-bottom:1px solid #2e3245}.as-ss-group:last-child{border-bottom:none}.as-ss-group-header{display:flex;align-items:center;gap:10px;padding:11px 16px;background:#252836;flex-wrap:wrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.as-ss-group-header:hover{background:#2e3245}.as-ss-collapse-icon{font-size:.75rem;color:#64748b;transition:transform .2s}.as-ss-collapse-icon.open{transform:rotate(90deg)}.as-ss-group-badge{display:flex;align-items:center;gap:6px}.as-locale-badge{background:#6366f133;color:#818cf8;border-radius:8px;padding:3px 10px;font-size:.78rem;font-weight:700}.as-device-badge{background:#22c55e1f;color:#22c55e;border-radius:8px;padding:3px 10px;font-size:.78rem;font-weight:700}.as-ss-group-count{font-size:.75rem;color:#64748b;margin-left:4px}.as-ss-group-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.as-ss-group-sel{background:#1a1d27;border:1px solid #2e3245;color:#e2e8f0;border-radius:6px;padding:4px 8px;font-size:.78rem;cursor:pointer;font-family:inherit}.as-ss-del-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:4px 8px;border-radius:6px;font-size:.85rem;transition:background .1s,color .1s}.as-ss-del-btn:hover{background:#ef444426;color:#ef4444}.as-ss-group-body{padding:12px 16px 14px}.as-ss-thumb-grid{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;padding:4px 2px;border-radius:8px;transition:outline .15s,background .15s}.as-ss-thumb-grid.dragover{outline:2px dashed #6366f1;outline-offset:4px;background:#6366f10d}.as-ss-thumb-card{position:relative;width:100px;flex-shrink:0}.as-ss-thumb-card img{width:100px;height:160px;object-fit:cover;border-radius:8px;border:2px solid #2e3245;display:block;background:#252836;transition:border-color .15s}.as-ss-thumb-card:hover img{border-color:#6366f1}.as-ss-thumb-order{position:absolute;top:5px;left:5px;background:#000000b3;color:#fff;font-size:.7rem;font-weight:700;border-radius:5px;padding:2px 7px;pointer-events:none}.as-ss-thumb-remove{position:absolute;top:4px;right:4px;background:#ef4444e6;border:none;color:#fff;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:.75rem;cursor:pointer;padding:0}.as-ss-thumb-remove:hover{background:#ef4444}.as-ss-thumb-name{font-size:.68rem;color:#64748b;text-align:center;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100px}.as-ss-add-btn{width:100px;height:160px;border:2px dashed #2e3245;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;color:#64748b;font-size:1.4rem;transition:border-color .15s,background .15s,color .15s;flex-shrink:0}.as-ss-add-btn:hover{border-color:#6366f1;background:#6366f114;color:#818cf8}.as-ss-add-label{font-size:.72rem}.as-log-container{background:#0a0c12;border:1px solid #2e3245;border-radius:10px;height:520px;overflow-y:auto;padding:14px 16px}.as-log-output{font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.82rem;color:#a8b8d8;white-space:pre-wrap;word-break:break-all;line-height:1.6;margin:0}.as-log-success{color:#22c55e}.as-log-warn{color:#f59e0b}.as-log-error{color:#ef4444}.as-autoscroll-row{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#94a3b8;cursor:pointer}.as-error-box{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:14px 16px;color:#fca5a5;font-size:.88rem;margin-top:10px}.as-help-content{display:flex;flex-direction:column;gap:20px}.as-help-step{background:#1a1d27;border:1px solid #2e3245;border-radius:10px;padding:20px 22px}.as-help-step h3{font-size:1rem;font-weight:700;margin-bottom:14px}.as-help-block{font-size:.88rem;color:#94a3b8;line-height:1.7}.as-help-block ul{padding-left:20px;margin:8px 0}.as-help-block li{margin:4px 0}.as-help-block p{margin:8px 0}.as-help-block code{font-family:Consolas,monospace;background:#252836;padding:2px 6px;border-radius:4px;font-size:.85em;color:#818cf8}.as-help-block pre{background:#0a0c12;border:1px solid #2e3245;border-radius:8px;padding:14px 16px;overflow-x:auto;margin:10px 0;font-size:.8rem;font-family:Consolas,monospace;color:#a8b8d8;line-height:1.65}.as-schema-wrap{overflow-x:auto;margin:10px 0;border-radius:8px;border:1px solid #2e3245}.as-schema-table{width:100%;border-collapse:collapse;font-size:.83rem}.as-schema-table th{padding:8px 12px;background:#252836;color:#64748b;font-weight:600;font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;text-align:left;border-bottom:1px solid #2e3245;white-space:nowrap}.as-schema-table td{padding:8px 12px;border-bottom:1px solid #2e3245;color:#94a3b8;vertical-align:top}.as-schema-table tr:last-child td{border-bottom:none}.as-req-badge{display:inline-block;background:#6366f126;color:#818cf8;border-radius:4px;padding:1px 7px;font-size:.74rem;white-space:nowrap}.as-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;display:flex;align-items:center;justify-content:center;padding:20px}.as-modal{background:#1a1d27;border:1px solid #2e3245;border-radius:14px;width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 24px #00000080}.as-modal-header{padding:18px 22px 14px;border-bottom:1px solid #2e3245;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.as-modal-header h3{font-size:1.05rem;font-weight:700}.as-modal-close{background:none;border:none;color:#64748b;font-size:1.1rem;cursor:pointer;padding:4px 8px;border-radius:6px}.as-modal-close:hover{background:#252836;color:#e2e8f0}.as-modal-body{padding:20px 22px;overflow-y:auto;flex:1}.as-modal-footer{padding:14px 22px 18px;border-top:1px solid #2e3245;display:flex;gap:10px;justify-content:flex-end;flex-shrink:0}.as-modal-errors{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px 14px;font-size:.85rem;color:#fca5a5;margin-top:14px}.as-modal-errors ul{padding-left:18px;margin:4px 0}.as-sync-summary{font-size:.88rem;color:#94a3b8;line-height:1.8}.as-sync-row{display:flex;gap:10px;margin:5px 0}.as-sync-label{color:#64748b;width:130px;flex-shrink:0}.as-sync-value{color:#e2e8f0;font-weight:500}.as-sync-value.live{color:#ef4444}.as-sync-value.dry{color:#f59e0b}.as-toast{position:fixed;bottom:24px;right:24px;background:#252836;border:1px solid #2e3245;border-radius:10px;padding:12px 20px;font-size:.88rem;color:#e2e8f0;box-shadow:0 4px 24px #00000080;z-index:9999;transition:opacity .3s}.as-toast.success{border-color:#22c55e66;color:#22c55e}.as-toast.error{border-color:#ef444466;color:#fca5a5}.as-toast-hidden{opacity:0!important;pointer-events:none}@media(max-width:900px){.as-body{flex-direction:column;padding:14px 12px;gap:12px}.as-sidebar{width:100%}.as-sidebar nav{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:6px}.as-nav-btn{white-space:nowrap;padding:8px 14px;font-size:.82rem}.as-log-container{height:380px}}@media(max-width:600px){.as-cfg-body{flex-direction:column;align-items:stretch}.as-cfg-divider{display:none}.as-cfg-section{padding:6px 0;border-bottom:1px solid #2e3245}.as-cfg-section:last-child{border-bottom:none}.as-cfg-fields{flex-direction:column;gap:8px}.as-cfg-field,.as-cfg-field.wide{min-width:0;width:100%}.as-cfg-actions{flex-wrap:wrap;justify-content:flex-start!important;padding-right:0!important}.as-tab-header h2{font-size:1.15rem}.as-metrics{grid-template-columns:repeat(2,1fr);gap:8px}.as-log-container{height:300px}.as-toast{bottom:14px;right:12px;left:12px;text-align:center}}*{margin:0;padding:0;box-sizing:border-box}:root,[data-theme=dark]{--bg-primary: #1e2738;--bg-secondary: #252d3d;--bg-tertiary: #2a3347;--bg-hover: #313d54;--border-color: #2e3a50;--text-primary: #e2e8f0;--text-secondary: #8892a4;--accent-blue: #3b7df8;--accent-blue-hover: #2563eb;--accent-red: #ef4444;--navbar-height: 48px;--shadow: 0 2px 12px rgba(0,0,0,.3)}[data-theme=light]{--bg-primary: #f0f2f5;--bg-secondary: #ffffff;--bg-tertiary: #f8f9fb;--bg-hover: #e9edf3;--border-color: #dde2ea;--text-primary: #1a2033;--text-secondary: #6b7280;--accent-blue: #3b7df8;--accent-blue-hover: #2563eb;--accent-red: #ef4444;--navbar-height: 48px;--shadow: 0 2px 12px rgba(0,0,0,.08)}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background .2s,color .2s}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}