:root{--color-primary: #11ff2a;--color-primary-dark: #0dd926;--color-primary-darker: #0a8f1a;--color-primary-darkest: #063d0a;--color-primary-a05: rgba(17, 255, 42, .05);--color-primary-a10: rgba(17, 255, 42, .1);--color-primary-a15: rgba(17, 255, 42, .15);--color-primary-a20: rgba(17, 255, 42, .2);--color-primary-a25: rgba(17, 255, 42, .25);--color-primary-a30: rgba(17, 255, 42, .3);--color-primary-a35: rgba(17, 255, 42, .35);--color-primary-a40: rgba(17, 255, 42, .4);--color-primary-a50: rgba(17, 255, 42, .5);--color-primary-a60: rgba(17, 255, 42, .6);--color-primary-a70: rgba(17, 255, 42, .7);--color-success: var(--color-primary);--color-error: #ff4444;--color-warning: #ffaa00;--color-info: #60a5fa;--color-neutral: #9ca3af;--color-info-a05: rgba(96, 165, 250, .05);--color-info-a10: rgba(96, 165, 250, .1);--color-info-a15: rgba(96, 165, 250, .15);--color-info-a20: rgba(96, 165, 250, .2);--color-info-a30: rgba(96, 165, 250, .3);--color-info-a50: rgba(96, 165, 250, .5);--color-info-a70: rgba(96, 165, 250, .7);--color-info-dark: #3b82f6;--color-error-a03: rgba(255, 68, 68, .03);--color-error-a05: rgba(255, 68, 68, .05);--color-error-a06: rgba(255, 68, 68, .06);--color-error-a08: rgba(255, 68, 68, .08);--color-error-a10: rgba(255, 68, 68, .1);--color-error-a12: rgba(255, 68, 68, .12);--color-error-a15: rgba(255, 68, 68, .15);--color-error-a20: rgba(255, 68, 68, .2);--color-error-a25: rgba(255, 68, 68, .25);--color-error-a30: rgba(255, 68, 68, .3);--color-error-a40: rgba(255, 68, 68, .4);--color-error-a50: rgba(255, 68, 68, .5);--color-warning-a03: rgba(255, 170, 0, .03);--color-warning-a05: rgba(255, 170, 0, .05);--color-warning-a06: rgba(255, 170, 0, .06);--color-warning-a08: rgba(255, 170, 0, .08);--color-warning-a10: rgba(255, 170, 0, .1);--color-warning-a15: rgba(255, 170, 0, .15);--color-warning-a20: rgba(255, 170, 0, .2);--color-warning-a25: rgba(255, 170, 0, .25);--color-warning-a30: rgba(255, 170, 0, .3);--color-warning-a50: rgba(255, 170, 0, .5);--color-primary-darker-a06: rgba(10, 143, 26, .06);--color-primary-a03: rgba(17, 255, 42, .03);--color-admin-cyan: #00f0ff;--color-admin-cyan-dark: #00c8d9;--color-admin-cyan-a05: rgba(0, 240, 255, .05);--color-admin-cyan-a10: rgba(0, 240, 255, .1);--color-admin-cyan-a15: rgba(0, 240, 255, .15);--color-admin-cyan-a20: rgba(0, 240, 255, .2);--color-admin-cyan-a25: rgba(0, 240, 255, .25);--color-admin-cyan-a30: rgba(0, 240, 255, .3);--color-admin-cyan-a40: rgba(0, 240, 255, .4);--color-admin-cyan-a50: rgba(0, 240, 255, .5);--color-admin-cyan-a60: rgba(0, 240, 255, .6);--color-admin-cyan-a70: rgba(0, 240, 255, .7);--color-admin-purple: #a855f7;--color-admin-purple-dark: #9333ea;--color-admin-purple-a05: rgba(168, 85, 247, .05);--color-admin-purple-a10: rgba(168, 85, 247, .1);--color-admin-purple-a15: rgba(168, 85, 247, .15);--color-admin-purple-a20: rgba(168, 85, 247, .2);--color-admin-purple-a25: rgba(168, 85, 247, .25);--color-admin-purple-a30: rgba(168, 85, 247, .3);--color-admin-purple-a40: rgba(168, 85, 247, .4);--color-admin-purple-a50: rgba(168, 85, 247, .5);--color-admin-purple-a60: rgba(168, 85, 247, .6);--color-admin-purple-a70: rgba(168, 85, 247, .7);--color-success-green: #22c55e;--color-success-green-a15: rgba(34, 197, 94, .15);--color-success-green-a20: rgba(34, 197, 94, .2);--color-success-green-a30: rgba(34, 197, 94, .3);--color-orange: #f97316;--color-orange-a05: rgba(249, 115, 22, .05);--color-orange-a15: rgba(249, 115, 22, .15);--color-orange-a20: rgba(249, 115, 22, .2);--color-orange-a25: rgba(249, 115, 22, .25);--color-orange-a30: rgba(249, 115, 22, .3);--color-orange-a50: rgba(249, 115, 22, .5);--color-amber: #f59e0b;--color-amber-a10: rgba(245, 158, 11, .1);--color-amber-a15: rgba(245, 158, 11, .15);--color-amber-a20: rgba(245, 158, 11, .2);--color-amber-a30: rgba(245, 158, 11, .3);--color-critical: #ff0000;--color-critical-a20: rgba(255, 0, 0, .2);--color-critical-a30: rgba(255, 0, 0, .3);--gradient-admin: linear-gradient(135deg, var(--color-admin-cyan) 0%, var(--color-admin-purple) 100%);--gradient-admin-subtle: linear-gradient(135deg, var(--color-admin-cyan-a20) 0%, var(--color-admin-purple-a20) 100%);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-success-green) 100%);--gradient-primary-subtle: linear-gradient(135deg, var(--color-primary-a20) 0%, var(--color-success-green-a20) 100%);--gradient-upload: linear-gradient(90deg, var(--color-primary) 0%, var(--color-success-green) 100%);--gradient-upload-subtle: linear-gradient(90deg, var(--color-primary-a30) 0%, var(--color-success-green-a30) 100%);--color-bg-dark: #0a0a0a;--color-bg-darker: #050805;--color-bg-darkest: #020302;--color-bg-gradient: linear-gradient(160deg, #0a0f0a 0%, #050805 50%, #020302 100%);--color-black-a20: rgba(0, 0, 0, .2);--color-black-a30: rgba(0, 0, 0, .3);--color-black-a40: rgba(0, 0, 0, .4);--color-black-a85: rgba(0, 0, 0, .85);--color-text: #fff;--color-text-a90: rgba(255, 255, 255, .9);--color-text-a85: rgba(255, 255, 255, .85);--color-text-a80: rgba(255, 255, 255, .8);--color-text-a70: rgba(255, 255, 255, .7);--color-text-a60: rgba(255, 255, 255, .6);--color-text-a50: rgba(255, 255, 255, .5);--color-text-a40: rgba(255, 255, 255, .4);--color-text-a30: rgba(255, 255, 255, .3);--color-text-a20: rgba(255, 255, 255, .2);--color-text-a15: rgba(255, 255, 255, .15);--color-text-a10: rgba(255, 255, 255, .1);--color-text-a08: rgba(255, 255, 255, .08);--color-text-a06: rgba(255, 255, 255, .06);--color-text-a05: rgba(255, 255, 255, .05);--color-text-a04: rgba(255, 255, 255, .04);--color-text-a03: rgba(255, 255, 255, .03);--color-text-a02: rgba(255, 255, 255, .02);--color-discord: #5865F2;--color-github: #fff;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 18px;--font-size-xl: 26px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 28px;--spacing-4xl: 36px;--spacing-5xl: 40px;--spacing-6xl: 48px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--shadow-md: 0 4px 16px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--shadow-glow-sm: 0 0 20px var(--color-primary-a25);--shadow-glow-md: 0 0 24px var(--color-primary-a35);--shadow-glow-lg: 0 8px 32px var(--color-primary-a25);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-smooth: .25s ease;--transition-slow: .3s ease;--color-glass-bg: rgba(255, 255, 255, .03);--color-glass-border: rgba(255, 255, 255, .08);--blur-sm: 8px;--blur-md: 12px;--blur-lg: 20px;--z-dropdown: 100;--z-sticky: 500;--z-fixed: 1000;--z-modal: 1100;--z-tooltip: 1200}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background:var(--color-bg-dark);color:var(--color-text);line-height:1.5;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}::-moz-selection{background:var(--color-primary-a30);color:var(--color-text)}::selection{background:var(--color-primary-a30);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-primary-a50);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-text-a05)}::-webkit-scrollbar-thumb{background:var(--color-text-a20);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-a30)}@media screen and (max-width:768px){input,textarea,select{font-size:16px!important}}.page{min-height:100vh;display:flex;flex-direction:column;isolation:isolate;overflow-x:clip;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.page-centered{align-items:center;justify-content:center;padding:100px 20px 40px}.page-bg{position:fixed;inset:0;z-index:0}.page-bg-gradient{background:radial-gradient(ellipse at 30% 20%,var(--color-primary-a10) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,var(--color-primary-a05) 0%,transparent 50%),var(--color-bg-gradient)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-xl)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.card{background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-lg);padding:var(--spacing-2xl)}.card-header{text-align:center;margin-bottom:var(--spacing-2xl)}.card-logo{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.card-logo img{height:56px;width:auto;filter:drop-shadow(0 4px 12px var(--color-primary-a20))}.card-title{margin:0 0 var(--spacing-sm);font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);letter-spacing:-.5px}.card-subtitle{margin:0;color:var(--color-text-a50);font-size:var(--font-size-base)}.card-content{padding:var(--spacing-6xl) var(--spacing-5xl)}.card-footer{margin-top:var(--spacing-3xl);text-align:center;font-size:var(--font-size-base);color:var(--color-text-a50)}.card-footer a{color:var(--color-primary);text-decoration:none;font-weight:500;transition:all var(--transition-base)}.card-footer a:hover{text-shadow:0 0 12px var(--color-primary-a50)}.grid{display:grid;gap:var(--spacing-md)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}nordpass-icon{display:none!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-smooth);text-decoration:none;border:none;background:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-glass{display:flex;align-items:center;justify-content:center;gap:10px;padding:var(--spacing-lg) var(--spacing-2xl);border:1px solid var(--color-primary-a30);border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary-a20) 0%,var(--color-primary-a10) 100%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--color-primary);font-size:var(--font-size-md);font-weight:600;cursor:pointer;position:relative;overflow:hidden}.btn-glass:hover{border-color:var(--color-primary-a60);background:linear-gradient(135deg,var(--color-primary-a35) 0%,var(--color-primary-a20) 100%);box-shadow:var(--shadow-glow-md),var(--shadow-glow-lg),inset 0 1px 0 var(--color-text-a10);transform:translateY(-2px)}.btn-glass:active{transform:translateY(0)}.btn-glass i{transition:transform var(--transition-slow)}.btn-glass:hover i:last-child:not(:first-child){transform:translate(4px)}.btn-glass:hover i.fa-plus{transform:rotate(90deg)}.btn-glass:disabled{opacity:.5;cursor:not-allowed;transform:none;pointer-events:none}.btn-glass.spinning i{animation:spin 1s linear infinite}.btn-glass-sm{padding:10px 20px;background:linear-gradient(135deg,var(--color-primary-a20) 0%,var(--color-primary-a10) 100%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-primary-a30);color:var(--color-primary);font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-2xl);transition:all var(--transition-smooth);box-shadow:0 2px 8px var(--color-primary-a15)}.btn-glass-sm:hover{transform:translateY(-2px);border-color:var(--color-primary-a60);background:linear-gradient(135deg,var(--color-primary-a30) 0%,var(--color-primary-a15) 100%);box-shadow:var(--shadow-glow-sm),0 8px 24px var(--color-primary-a20)}.btn-solid{padding:var(--spacing-lg) var(--spacing-2xl);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-bg-dark);font-size:var(--font-size-md);font-weight:600;border-radius:var(--radius-md);box-shadow:0 2px 8px var(--color-primary-a30)}.btn-solid:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--color-primary-a50),0 8px 32px var(--color-primary-a30)}.btn-solid:active{transform:translateY(0)}.btn-social{display:flex;align-items:center;justify-content:center;gap:10px;padding:var(--spacing-lg) var(--spacing-xl);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);background:var(--color-text-a03);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-text-a85);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-smooth)}.btn-social i{font-size:var(--font-size-lg)}.btn-social:hover{background:var(--color-text-a08);border-color:var(--color-text-a20);transform:translateY(-2px)}.btn-social.discord:hover{border-color:#5865f280;box-shadow:0 4px 20px #5865f233}.btn-social.discord:hover i{color:var(--color-discord)}.btn-social.github:hover{border-color:var(--color-text-a30);box-shadow:0 4px 20px var(--color-text-a10)}.btn-social.circle{width:52px;height:52px;border-radius:50%;padding:0;gap:0}.btn-social.circle i{font-size:20px}.btn-social.apple:hover{border-color:var(--color-text-a30);box-shadow:0 4px 20px var(--color-text-a10)}.btn-social:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.oauth-circles{display:flex;justify-content:center;gap:12px}.btn-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:var(--radius-md);background:var(--color-text-a05);color:var(--color-text-a70);transition:all var(--transition-base)}.btn-icon:hover{background:var(--color-text-a10);color:var(--color-text)}.btn-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:0;background:none;border:none;color:var(--color-text-a70);font-size:var(--font-size-sm);font-weight:400;text-decoration:none;cursor:pointer;transition:all var(--transition-base);position:relative}.btn-link:hover{color:var(--color-text)}.form-group{display:flex;flex-direction:column;position:relative}.form-group>.form-label{margin-bottom:var(--spacing-sm)}.form-group>.form-error{margin-top:var(--spacing-sm)}.form-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-a70)}.form-label i,.form-label svg{font-size:var(--font-size-xs);width:14px;height:14px;color:var(--color-primary-a60)}.form-input{width:100%;height:38px;padding:0 var(--spacing-lg);box-sizing:border-box;border:1px solid var(--color-text-a10);border-radius:var(--radius-md);background:var(--color-text-a05);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-text);font-size:var(--font-size-md);outline:none;transition:all var(--transition-smooth)}.form-input:focus{border-color:var(--color-primary-a50);background:var(--color-text-a08);box-shadow:0 0 0 3px var(--color-primary-a10),var(--shadow-md)}.form-input.error{border-color:#ff444480}.form-input.error:focus{box-shadow:0 0 0 3px #ff44441a,var(--shadow-md)}.form-input.success{border-color:var(--color-primary-a50)}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper .form-input{width:100%}.input-wrapper.has-icon-left .form-input{padding-left:44px}.input-icon-left{position:absolute;left:14px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;pointer-events:none;color:var(--color-text-a40);transition:color var(--transition-base)}.input-icon-left svg,.input-icon-left i{width:18px;height:18px;font-size:16px}.input-wrapper:focus-within .input-icon-left{color:var(--color-primary-a70)}.input-wrapper.has-icon-right .form-input{padding-right:44px}.input-icon-right{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--color-text-a40);transition:color var(--transition-base)}.input-icon-right svg,.input-icon-right i{width:18px;height:18px;font-size:16px}.input-wrapper.has-icon-left.has-icon-right .form-input{padding-left:44px;padding-right:44px}.password-input{position:relative;display:flex;align-items:center}.password-input .form-input{padding-right:44px}.password-input .password-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%)}.password-input.disabled .password-toggle{opacity:.5;cursor:not-allowed}.password-input.error .form-input{border-color:#ff444480}.password-input.error .form-input:focus{box-shadow:0 0 0 3px #ff44441a,var(--shadow-md)}.password-input.success .form-input{border-color:var(--color-primary-a50)}.form-input--auth,.password-input--auth .form-input{height:48px}.password-toggle{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:4px;border:none;background:none;color:var(--color-text-a40);transition:color var(--transition-base)}.password-toggle:hover:not(:disabled){color:var(--color-text-a70)}.password-toggle:disabled{cursor:not-allowed}.form-textarea{resize:vertical;min-height:46px}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='rgba(255,255,255,0.5)' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.form-check{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.form-check-input{width:18px;height:18px;border:1px solid var(--color-text-a20);border-radius:var(--spacing-xs);background:var(--color-text-a05);cursor:pointer;transition:all var(--transition-base)}.form-check-input:checked{background:var(--color-primary);border-color:var(--color-primary)}.form-check-input[type=radio]{border-radius:var(--radius-full)}.form-check-label{font-size:var(--font-size-base);color:var(--color-text-a85);cursor:pointer}.form-check-label a{color:var(--color-primary);text-decoration:none}.form-check-label a:hover{text-decoration:underline}.checkbox{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.checkbox-label{font-size:var(--font-size-sm);color:var(--color-text-a70);-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox input,.terms-checkbox input{position:absolute;opacity:0;pointer-events:none}.checkbox-box{display:flex;align-items:center;justify-content:center;background:var(--color-text-a05);border:1px solid var(--color-text-a20);border-radius:var(--radius-sm);color:transparent;transition:all var(--transition-base);flex-shrink:0}.checkbox-box{width:22px;height:22px}.checkbox-box i{font-size:12px}.checkbox:hover .checkbox-box,.terms-checkbox:hover .checkbox-box{border-color:var(--color-text-a30);background:var(--color-text-a08)}.checkbox input:checked+.checkbox-box,.terms-checkbox input:checked+.checkbox-box{background:var(--color-primary-a20);border-color:var(--color-primary);color:var(--color-primary)}.checkbox-box.indeterminate{background:var(--color-primary-a20);border-color:var(--color-primary);color:var(--color-primary)}.checkbox input:checked+.checkbox-box.glow,.terms-checkbox input:checked+.checkbox-box.glow{box-shadow:0 0 12px var(--color-primary-a30)}.checkbox.danger input:checked+.checkbox-box{background:#f443;border-color:#f44;color:#f44}.checkbox.warning input:checked+.checkbox-box{background:#fa03;border-color:#fa0;color:#fa0}.checkbox input:disabled+.checkbox-box,.terms-checkbox input:disabled+.checkbox-box{opacity:.5;cursor:not-allowed}.radio{display:inline-flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.radio input{position:absolute;opacity:0;width:0;height:0}.radio-indicator{display:flex;align-items:center;justify-content:center;width:18px;height:18px;box-sizing:border-box;background:var(--color-text-a05);border:1px solid var(--color-text-a20);border-radius:50%;transition:all var(--transition-fast);flex-shrink:0}.radio:hover .radio-indicator{border-color:var(--color-text-a30);background:var(--color-text-a08)}.radio input:checked+.radio-indicator{background:var(--color-primary-a20);border-color:var(--color-primary);box-shadow:0 0 8px var(--color-primary-a30)}.radio input:checked+.radio-indicator:after{content:"";display:block;width:8px;height:8px;background:var(--color-primary);border-radius:50%}.radio input:disabled+.radio-indicator{opacity:.5;cursor:not-allowed}.radio-label{font-size:var(--font-size-sm);color:var(--color-text-a70);-webkit-user-select:none;-moz-user-select:none;user-select:none}.terms-checkbox{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-smooth)}.terms-checkbox:hover{background:var(--color-text-a08);border-color:var(--color-text-a15)}.terms-checkbox-text{font-size:var(--font-size-base);color:var(--color-text-a70)}.terms-checkbox-text a{color:var(--color-primary);text-decoration:none;transition:all var(--transition-base)}.terms-checkbox-text a:hover{text-shadow:0 0 8px var(--color-primary-a50)}.terms-checkbox.compact{padding:var(--spacing-md)}.custom-select{position:relative}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);width:100%;height:38px;padding:0 var(--spacing-lg);box-sizing:border-box;background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base)}.custom-select-trigger:hover{border-color:var(--color-text-a20)}.custom-select.open .custom-select-trigger{border-color:var(--color-primary)}.custom-select-trigger i{font-size:10px;color:var(--color-text-a50);transition:transform var(--transition-base)}.custom-select.open .custom-select-trigger i{transform:rotate(180deg)}.custom-select.disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.custom-select.disabled .custom-select-trigger{background:var(--color-text-a03);cursor:not-allowed}.custom-select-dropdown{overflow-y:auto;background:var(--color-text-a03);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);box-shadow:0 8px 32px #0006;animation:dropdownFadeIn .15s ease-out;transform-origin:top center}.custom-select-dropdown.up{transform-origin:bottom center;animation:dropdownFadeInUp .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dropdownFadeInUp{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.custom-select-dropdown.closing{animation:dropdownFadeOut .12s ease-in forwards}.custom-select-dropdown.up.closing{animation:dropdownFadeOutUp .12s ease-in forwards}@keyframes dropdownFadeOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.96)}}@keyframes dropdownFadeOutUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.96)}}.custom-select-dropdown::-webkit-scrollbar{width:6px}.custom-select-dropdown::-webkit-scrollbar-track{background:transparent}.custom-select-dropdown::-webkit-scrollbar-thumb{background:var(--color-text-a20);border-radius:3px}.custom-select-dropdown::-webkit-scrollbar-thumb:hover{background:var(--color-text-a30)}.custom-select-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:none;color:var(--color-text-a70);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);text-align:left}.custom-select-option:hover{background:var(--color-text-a05);color:var(--color-text)}.custom-select-option.selected{color:var(--color-primary)}.custom-select-option i{font-size:10px}.action-menu{display:flex;flex-direction:column;min-width:140px;padding:var(--spacing-xs);background:var(--color-text-a03);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);box-shadow:0 8px 32px #0006;z-index:1000}.action-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-a70);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);text-align:left;width:100%}.action-menu-item:hover{background:var(--color-text-a05);color:var(--color-text)}.action-menu-item i{width:16px;font-size:12px}.action-menu-item.warning{color:#fa0}.action-menu-item.warning:hover{background:#ffaa001a;color:#fa0}.action-menu-item.danger{color:#f44}.action-menu-item.danger:hover{background:#ff44441a;color:#f44}.toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--color-text-a10);border:1px solid var(--color-text-a15);border-radius:var(--radius-full);transition:all var(--transition-smooth)}.toggle-switch .toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:2px;bottom:2px;background:var(--color-text-a70);border-radius:var(--radius-full);transition:all var(--transition-smooth)}.toggle-switch input:checked+.toggle-slider{background:var(--color-primary-a20);border-color:var(--color-primary-a30)}.toggle-switch input:checked+.toggle-slider:before{background:var(--color-primary);transform:translate(20px);box-shadow:0 0 8px var(--color-primary-a50)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px var(--color-primary-a10)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.toggle-row .toggle-label{font-size:var(--font-size-base);color:var(--color-text-a70);cursor:pointer}.terms-section{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:var(--color-text-a03);border:1px solid var(--color-text-a08);border-radius:var(--radius-md);gap:var(--spacing-lg)}.terms-section .toggle-row{flex:1}.terms-link{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-primary-a70);text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:all var(--transition-base);white-space:nowrap}.terms-link:hover{color:var(--color-primary);background:var(--color-primary-a10)}.terms-link svg{width:16px;height:16px}.form-helper{font-size:var(--font-size-xs);color:var(--color-text-a50);margin-top:var(--spacing-xs)}.form-helper.error{color:#f44c}.form-float-link{position:absolute;right:0;top:0;font-size:var(--font-size-xs);color:var(--color-primary-a70);text-decoration:none;transition:color var(--transition-base);background:none;border:none;padding:0;cursor:pointer}.form-float-link:hover{color:var(--color-primary)}.form-divider{display:flex;align-items:center;margin:var(--spacing-3xl) 0}.form-divider:before,.form-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--color-text-a15),transparent)}.form-divider span{padding:0 var(--spacing-lg);font-size:var(--font-size-xs);color:var(--color-text-a40);text-transform:uppercase;letter-spacing:.5px}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.form-actions.center{justify-content:center}.form-actions.end{justify-content:flex-end}.form-actions.between{justify-content:space-between}.form-error{font-size:var(--font-size-xs);color:#f44;margin-top:var(--spacing-xs)}.input-wrapper.has-error .input-icon-left{color:#ff4444b3}.password-strength{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.strength-bar{flex:1;height:4px;background:var(--color-text-a10);border-radius:var(--radius-full);overflow:hidden}.strength-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-smooth),background-color var(--transition-smooth)}.strength-label{font-size:var(--font-size-xs);font-weight:500;min-width:50px;text-align:right}.password-match{margin-top:var(--spacing-sm)}.password-match span{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:500}.password-match svg{width:14px;height:14px}.match-success{color:var(--color-primary)}.match-error{color:#f44}.spinner-icon{width:18px;height:18px;animation:spin 1s linear infinite}.spinner-track{opacity:.25}.spinner-head{opacity:.75}.form-input:disabled{opacity:.6;cursor:not-allowed}.toggle-switch input:disabled+.toggle-slider{opacity:.6;cursor:not-allowed}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.shake,.code-input-group.shake{animation:shake .4s ease-in-out}.resend-cooldown{font-size:var(--font-size-sm);color:var(--color-text-a40);cursor:not-allowed}.resend-success{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-primary);font-weight:500}.resend-success i{font-size:12px}.site-footer{position:relative;z-index:1;padding:var(--spacing-xl);padding-bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom));background:linear-gradient(to top,rgba(0,0,0,.5),transparent)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.footer-links{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center}.footer-link{color:var(--color-text-a50);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-base)}.footer-link:hover{color:var(--color-primary)}.footer-separator{color:var(--color-text-a20);font-size:10px}.footer-copyright{font-size:var(--font-size-xs);color:var(--color-text-a30)}@media(max-width:480px){.footer-links{gap:6px}.footer-separator{display:none}.footer-link{padding:var(--spacing-xs) var(--spacing-sm)}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);position:relative;overflow:hidden}.auth-container{position:relative;z-index:1;width:100%;max-width:480px;display:flex;justify-content:center}.auth-card{padding:0;flex-shrink:0;width:100%}.success-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--color-primary-a15);border-radius:50%;margin-bottom:var(--spacing-lg);animation:successPop .5s ease-out}.success-icon i{font-size:32px;color:var(--color-primary)}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.checkout-success-card{padding:var(--spacing-4xl)}.checkout-success-header{text-align:center;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid var(--color-text-a10)}.checkout-success-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--color-primary-a15);border-radius:50%;margin-bottom:var(--spacing-lg)}.checkout-success-icon i{font-size:32px;color:var(--color-primary)}.checkout-success-header h2{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-sm)}.checkout-success-header p{font-size:var(--font-size-sm);color:var(--color-text-a50);margin:0}.checkout-loading{text-align:center;padding:var(--spacing-4xl) 0}.checkout-loading-spinner{margin-bottom:var(--spacing-xl)}.checkout-loading-spinner i{font-size:48px;color:var(--color-primary)}.checkout-loading-spinner.small i{font-size:24px}.checkout-loading h2{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-sm)}.checkout-loading p{font-size:var(--font-size-sm);color:var(--color-text-a50);margin:0}.checkout-error{text-align:center;padding:var(--spacing-4xl) 0}.checkout-error-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--color-error-a15);border-radius:50%;margin-bottom:var(--spacing-xl)}.checkout-error-icon i{font-size:32px;color:#f44}.checkout-error h2{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-sm)}.checkout-error p{font-size:var(--font-size-sm);color:var(--color-text-a50);margin:0 0 var(--spacing-2xl)}.checkout-celebration{text-align:center;padding:var(--spacing-4xl) 0;position:relative;display:flex;flex-direction:column;align-items:center}.celebration-icon{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;background:var(--color-primary-a15);border-radius:50%;margin-bottom:var(--spacing-xl);animation:celebrationPop .6s ease-out,celebrationPulse 2s ease-in-out infinite .6s}.celebration-icon i{font-size:50px;color:var(--color-primary)}.celebration-title{font-size:clamp(24px,5vw,32px);font-weight:700;color:var(--color-text);margin:0 0 var(--spacing-md);letter-spacing:-.5px}.celebration-subtitle{font-size:var(--font-size-lg);color:var(--color-text-a60);margin:0 0 var(--spacing-xl)}.celebration-amount{display:inline-block;padding:var(--spacing-sm) var(--spacing-xl);background:var(--color-primary-a15);border:1px solid var(--color-primary-a30);border-radius:var(--radius-full);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600;animation:fadeInUp .5s ease-out .3s both}@keyframes celebrationPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes celebrationPulse{0%,to{box-shadow:0 0 30px var(--color-primary-a30)}50%{box-shadow:0 0 60px var(--color-primary-a50)}}.step-content{transition:opacity .5s ease,transform .5s ease}.step-content.fade-in{opacity:1;transform:translateY(0);animation:stepFadeIn .5s ease-out}.step-content.fade-out{opacity:0;transform:translateY(-20px)}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.checkout-complete{text-align:center;padding:var(--spacing-4xl) 0}.checkout-complete-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--color-primary-a15);border-radius:50%;margin-bottom:var(--spacing-xl);animation:pulse-glow 2s ease-in-out infinite}.checkout-complete-icon i{font-size:40px;color:var(--color-primary)}.checkout-complete h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);margin:0 0 var(--spacing-sm)}.checkout-complete p{font-size:var(--font-size-sm);color:var(--color-text-a50);margin:0 0 var(--spacing-xl)}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--color-primary-a20)}50%{box-shadow:0 0 40px var(--color-primary-a40)}}.resume-screen{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-xl) 0}.resume-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:var(--color-primary-a15);border-radius:50%;margin-bottom:var(--spacing-xl);animation:resumePop .5s ease-out}.resume-icon i{font-size:32px;color:var(--color-primary)}.resume-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-sm)}.resume-subtitle{font-size:var(--font-size-sm);color:var(--color-text-a60);margin:0 0 var(--spacing-2xl);max-width:280px}.resume-subtitle strong{color:var(--color-primary)}.resume-screen .btn-glass{width:100%;margin-bottom:var(--spacing-lg)}.resume-screen .start-over{color:var(--color-text-a40);font-size:var(--font-size-sm)}.resume-screen .start-over:hover{color:var(--color-text-a70)}@keyframes resumePop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.oauth-loading-overlay{position:fixed;inset:0;z-index:9999;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.oauth-loading-card,.oauth-error-card{padding:0!important}.oauth-loading-content,.oauth-error-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-4xl);text-align:center}.oauth-spinner{font-size:48px;color:var(--color-primary);margin-bottom:var(--spacing-lg)}.oauth-loading-text{font-size:var(--font-size-lg);color:var(--color-text);margin:0}.oauth-error-icon{font-size:48px;color:#f44;margin-bottom:var(--spacing-lg)}.oauth-error-content h3{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-sm)}.oauth-error-content p{font-size:var(--font-size-sm);color:var(--color-text-a60);margin:0 0 var(--spacing-xl);max-width:280px}.oauth-error-content .btn-glass{min-width:160px}.oauth-session-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl) 0;text-align:center}.oauth-session-loading i{font-size:48px;color:var(--color-primary);margin-bottom:var(--spacing-lg)}.oauth-session-loading p{font-size:var(--font-size-md);color:var(--color-text-a60);margin:0}.link-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--color-primary-a15);border-radius:50%;margin-bottom:var(--spacing-lg);animation:successPop .5s ease-out}.link-icon i{font-size:28px;color:var(--color-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.owner-branding{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-surface-a20);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl)}.owner-branding.large{justify-content:center;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.owner-avatar{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.owner-branding.large .owner-avatar{width:64px;height:64px}.owner-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:var(--color-primary-a20);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-sm)}.owner-avatar-placeholder.large{width:64px;height:64px;font-size:var(--font-size-xl)}.owner-name{font-weight:500;color:var(--color-text);font-size:var(--font-size-sm)}.owner-branding.large .owner-name{font-size:var(--font-size-lg)}.success-card{text-align:center}.success-animation{position:relative;margin-bottom:var(--spacing-xl)}.success-checkmark{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--color-primary),#00ff88);border-radius:50%;animation:successPop .5s ease-out}.success-checkmark i{font-size:40px;color:#fff}.confetti-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;pointer-events:none}.confetti{position:absolute;width:10px;height:10px;border-radius:2px;animation:confettiFall 3s ease-out forwards}@keyframes confettiFall{0%{transform:translateY(-50px) rotate(0);opacity:1}to{transform:translateY(150px) rotate(720deg);opacity:0}}.redirect-notice{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-surface-a20);border-radius:var(--radius-md);color:var(--color-text-a60);font-size:var(--font-size-sm);margin-top:var(--spacing-xl)}.redirect-notice i{color:var(--color-primary)}.card-logo.error{width:64px;height:64px;border-radius:50%;background:#ff44441f;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md)}.card-logo.error i{font-size:28px;color:#f44}.error-help{text-align:center;padding:var(--spacing-xl);color:var(--color-text-a60)}.error-help p{margin:0;font-size:var(--font-size-sm)}.loading-spinner{display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg)}.loading-spinner i{font-size:48px;color:var(--color-primary)}.oauth-buttons{display:flex;gap:var(--spacing-md)}.oauth-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-weight:500;font-size:var(--font-size-sm);transition:all .2s ease;border:1px solid var(--color-text-a10);background:transparent;color:var(--color-text);cursor:pointer}.oauth-btn:hover:not(:disabled){background:var(--color-surface-a20);border-color:var(--color-text-a20)}.oauth-btn:disabled{opacity:.5;cursor:not-allowed}.oauth-btn.discord i{color:#5865f2}.oauth-btn.github i{color:var(--color-text)}.auth-footer{text-align:center;padding-top:var(--spacing-xl);border-top:1px solid var(--color-text-a10);margin-top:var(--spacing-xl)}.auth-footer-text{font-size:var(--font-size-sm);color:var(--color-text-a60);margin:0}.auth-card .card-content{padding:var(--spacing-3xl) var(--spacing-4xl)}@media(max-width:480px){.auth-card .card-content{padding:var(--spacing-4xl) var(--spacing-3xl)}.auth-card .grid-2{grid-template-columns:1fr}.checkout-success-card{padding:var(--spacing-2xl)}.oauth-buttons{flex-direction:column}}.modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overscroll-behavior:none}.modal-container{position:relative;width:100%;max-height:calc(100vh - 40px)}.modal-glass{position:relative;max-height:inherit;overflow:hidden;background:#0a0f0ad9}.modal-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);z-index:10;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);color:var(--color-text-a50);cursor:pointer;transition:all var(--transition-base)}.modal-close i{transition:transform .3s ease}.modal-close:hover{background:var(--color-text-a10);border-color:var(--color-text-a20);color:var(--color-text-a85)}.modal-close:hover i{transform:rotate(90deg)}.modal-close:active{transform:scale(.95)}.modal-content{overflow-y:auto;max-height:calc(100vh - 80px)}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:transparent}.modal-content::-webkit-scrollbar-thumb{background:var(--color-text-a15);border-radius:var(--radius-full)}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-a25)}@media(max-width:600px){.modal-overlay{align-items:center;padding:var(--spacing-md)}.modal-container{width:100%;max-width:100%!important;max-height:92vh;max-height:92dvh;display:flex;flex-direction:column}.modal-glass{border-radius:20px!important;flex:1;display:flex;flex-direction:column}.modal-glass .glass-content{flex:1;display:flex;flex-direction:column}.modal-content{max-height:92vh;max-height:92dvh;flex:1;display:flex;flex-direction:column}.modal-close{top:var(--spacing-md);right:var(--spacing-md);width:32px;height:32px}}.checkout-layout{display:grid;grid-template-columns:240px 1fr}.checkout-sidebar{padding:var(--spacing-2xl);background:var(--color-text-a05);border-right:1px solid var(--color-text-a10);border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.checkout-main{padding:var(--spacing-3xl);display:flex;flex-direction:column;justify-content:flex-start}.plan-summary{height:100%;display:flex;flex-direction:column}.plan-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.plan-summary-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-a50);text-transform:uppercase;letter-spacing:.5px}.plan-summary-change{background:none;border:none;color:var(--color-primary);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;padding:0;transition:color var(--transition-base)}.plan-summary-change:hover{color:var(--color-primary-light)}.plan-summary-card{padding:var(--spacing-lg);background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.plan-summary-name{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-xs)}.plan-summary-description{font-size:var(--font-size-xs);color:var(--color-text-a50);margin:0 0 var(--spacing-md)}.plan-summary-price{display:flex;align-items:baseline}.plan-summary-amount{font-size:28px;font-weight:700;color:var(--color-primary)}.plan-summary-period{font-size:var(--font-size-sm);color:var(--color-text-a50);margin-left:2px}.plan-summary-billing{display:block;font-size:var(--font-size-xs);color:var(--color-text-a40);margin-top:var(--spacing-xs)}.plan-summary-toggle{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.billing-option{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-sm);color:var(--color-text-a50);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.billing-option:hover{background:var(--color-text-a10);color:var(--color-text-a70)}.billing-option.active{background:var(--color-primary-a15);border-color:var(--color-primary-a30);color:var(--color-primary)}.billing-save{padding:2px 6px;background:var(--color-primary-a20);color:var(--color-primary);font-size:10px;font-weight:600;border-radius:var(--radius-full)}.plan-summary-features{list-style:none;padding:0;margin:0;flex:1}.plan-summary-features li{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;font-size:var(--font-size-xs);color:var(--color-text-a60)}.plan-summary-features i{color:var(--color-primary);font-size:10px}.payment-methods{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.payment-method-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-smooth);text-align:left;width:100%}.payment-method-card:hover{background:var(--color-text-a08);border-color:var(--color-text-a20)}.payment-method-card.selected{background:var(--color-primary-a10);border-color:var(--color-primary-a40)}.payment-method-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-text-a10);border-radius:var(--radius-md);flex-shrink:0}.payment-method-icon i{font-size:20px;color:var(--color-text-a70)}.payment-method-card.selected .payment-method-icon{background:var(--color-primary-a20)}.payment-method-card.selected .payment-method-icon i{color:var(--color-primary)}.payment-method-info{flex:1;display:flex;flex-direction:column;gap:2px}.payment-method-name{font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.payment-method-desc{font-size:var(--font-size-xs);color:var(--color-text-a50)}.payment-method-radio{width:20px;height:20px;border:2px solid var(--color-text-a20);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-base)}.payment-method-radio.checked{background:var(--color-primary);border-color:var(--color-primary)}.payment-method-radio i{color:var(--color-bg-dark);font-size:10px}.processing-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-4xl) 0;flex:1}.processing-spinner{margin-bottom:var(--spacing-xl)}.processing-spinner i{font-size:48px;color:var(--color-primary)}.processing-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-sm)}.processing-subtitle{font-size:var(--font-size-sm);color:var(--color-text-a50);margin:0 0 var(--spacing-2xl);max-width:300px}.processing-secure{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-a40);font-size:var(--font-size-xs)}.processing-secure i{color:var(--color-primary-a70)}.processing-actions{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.processing-container .btn-link.start-over{color:var(--color-text-a50);font-size:var(--font-size-sm);background:none;border:none;cursor:pointer;transition:color var(--transition-base)}.processing-container .btn-link.start-over:hover{color:var(--color-text-a70)}@media(max-width:600px){.checkout-layout{flex:1;display:flex;flex-direction:column}.checkout-main{flex:1;display:flex;flex-direction:column;justify-content:flex-start}}@media(max-width:700px){.checkout-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.checkout-sidebar{border-right:none;border-bottom:1px solid var(--color-text-a10);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--spacing-lg)}.checkout-main{padding:var(--spacing-lg)}.plan-summary-card{padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.plan-summary-amount{font-size:22px}.plan-summary-features{display:none}.plan-summary-toggle{margin-bottom:0}.payment-method-card{padding:var(--spacing-md);gap:var(--spacing-md)}.payment-method-icon{width:40px;height:40px}.payment-method-icon i{font-size:16px}.processing-container{padding:var(--spacing-2xl) 0}}@media(max-width:480px){.checkout-sidebar,.checkout-main{padding:var(--spacing-md)}.plan-summary-card{padding:var(--spacing-sm) var(--spacing-md)}.plan-summary-description{display:none}}.dashboard-layout{position:relative;min-height:100vh;display:flex;overflow-x:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.dashboard-bg{position:fixed;inset:0;z-index:0;pointer-events:none}.dashboard-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,var(--color-primary-a10) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,var(--color-primary-darker-a06) 0%,transparent 50%)}.dashboard-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 0%,rgba(8,8,10,.2) 60%,rgba(8,8,10,.4) 100%)}.dashboard-main{flex:1;min-width:0;margin-left:calc(260px + var(--spacing-lg) + var(--spacing-md));margin-right:var(--spacing-lg);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg);display:flex;flex-direction:column;position:relative;z-index:1}.dashboard-glass{display:contents}.dashboard-content{display:flex;flex-direction:column;min-width:0;overflow-x:hidden;background:var(--color-text-a03);backdrop-filter:blur(40px) saturate(1.5);-webkit-backdrop-filter:blur(40px) saturate(1.5);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d inset,inset 0 1px #ffffff1a;position:relative}.dashboard-content:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 0% 0%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none;border-radius:inherit}.dashboard-page{position:relative}.dashboard-mobile-nav{display:none}.mobile-nav-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;cursor:pointer}.mobile-nav-app{display:flex;align-items:center;gap:var(--spacing-md)}.mobile-nav-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-a15);border-radius:var(--radius-md);color:var(--color-primary);font-size:14px}.mobile-nav-details{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.mobile-nav-name{font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.mobile-nav-version{font-size:var(--font-size-xs);color:var(--color-text-a50)}.mobile-nav-arrow{font-size:12px;color:var(--color-text-a50);transition:transform var(--transition-base)}.mobile-nav-arrow.rotated{transform:rotate(180deg)}.mobile-nav-menu{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out;border-top:1px solid transparent}.mobile-nav-menu.open{grid-template-rows:1fr;border-top-color:var(--color-text-a08)}.mobile-nav-menu-inner{overflow:hidden;padding:0 var(--spacing-md)}.mobile-nav-menu.open .mobile-nav-menu-inner{padding:var(--spacing-md)}.mobile-nav-section{margin-bottom:var(--spacing-lg)}.mobile-nav-section:last-of-type{margin-bottom:0}.mobile-nav-section-label{display:block;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-a40);padding:0 var(--spacing-sm);margin-bottom:var(--spacing-sm)}.mobile-nav-card{background:var(--color-text-a03);border:1px solid var(--color-text-a08);border-radius:var(--radius-lg);overflow:hidden}.mobile-nav-app-item{width:100%;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:none;border:none;border-bottom:1px solid var(--color-text-a05);cursor:pointer;transition:background var(--transition-base);text-align:left}.mobile-nav-app-item:last-of-type{border-bottom:none}.mobile-nav-app-item:hover{background:var(--color-text-a05)}.mobile-nav-app-item.active{background:var(--color-primary-a10)}.mobile-nav-app-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-a15);border-radius:var(--radius-md);color:var(--color-primary);font-size:16px}.mobile-nav-app-info{flex:1;display:flex;flex-direction:column;gap:2px}.mobile-nav-app-name{font-size:var(--font-size-base);font-weight:500;color:var(--color-text)}.mobile-nav-app-version{font-size:var(--font-size-xs);color:var(--color-text-a50)}.mobile-nav-app-check{color:var(--color-primary);font-size:14px}.mobile-nav-search{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-text-a08);color:var(--color-text-a40)}.mobile-nav-search i{font-size:12px;flex-shrink:0}.mobile-nav-search input{flex:1;background:none;border:none;outline:none;color:var(--color-text-a85);font-size:var(--font-size-sm);padding:0}.mobile-nav-search input::-moz-placeholder{color:var(--color-text-a30)}.mobile-nav-search input::placeholder{color:var(--color-text-a30)}.mobile-nav-app-list{max-height:280px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-text-a15) transparent}.mobile-nav-app-list::-webkit-scrollbar{width:4px}.mobile-nav-app-list::-webkit-scrollbar-track{background:transparent}.mobile-nav-app-list::-webkit-scrollbar-thumb{background:var(--color-text-a15);border-radius:4px}.mobile-nav-app-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-a25)}.mobile-nav-no-results{padding:var(--spacing-lg) var(--spacing-xl);text-align:center;color:var(--color-text-a40);font-size:var(--font-size-sm)}.mobile-nav-create-app{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:none;border:none;border-top:1px solid var(--color-text-a08);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background var(--transition-base)}.mobile-nav-create-app:hover{background:var(--color-primary-a05)}.mobile-nav-create-app i{transition:transform .3s ease}.mobile-nav-create-app:hover i{transform:rotate(90deg)}.mobile-nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);color:var(--color-text-a70);text-decoration:none;border-bottom:1px solid var(--color-text-a05);transition:all var(--transition-base)}.mobile-nav-item:last-child{border-bottom:none}.mobile-nav-item:hover{background:var(--color-text-a05);color:var(--color-text)}.mobile-nav-item.active{background:var(--color-primary-a10);color:var(--color-primary)}.mobile-nav-item i:first-child{width:20px;text-align:center;font-size:14px}.mobile-nav-item span{flex:1;font-size:var(--font-size-base);font-weight:500}.mobile-nav-item-arrow{font-size:10px;color:var(--color-text-a30)}.mobile-nav-item.active .mobile-nav-item-arrow{color:var(--color-primary)}.mobile-nav-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);margin-top:var(--spacing-lg);background:var(--color-text-a03);border:1px solid var(--color-text-a08);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.mobile-nav-footer:hover{background:var(--color-text-a08);border-color:var(--color-text-a15)}.mobile-nav-profile{display:flex;align-items:center;gap:var(--spacing-md)}.mobile-nav-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-primary-a15);display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:14px}.mobile-nav-profile-info{display:flex;flex-direction:column;gap:1px}.mobile-nav-profile-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.mobile-nav-profile-email{font-size:var(--font-size-xs);color:var(--color-text-a50)}.mobile-nav-logout{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--color-text-a10);border-radius:var(--radius-sm);color:var(--color-text-a50);font-size:14px;cursor:pointer;transition:all var(--transition-base)}.mobile-nav-logout:hover{background:#ff44441a;border-color:#f443;color:#f44}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2xl);flex-wrap:wrap;gap:var(--spacing-lg)}.page-header-left{display:flex;align-items:stretch;gap:var(--spacing-md);padding-right:var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary-a05) 0%,transparent 60%)}.page-header-accent{width:4px;align-self:stretch;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-a40) 100%);border-radius:2px;box-shadow:0 0 16px var(--color-primary-a30)}.page-header-text{display:flex;flex-direction:column;justify-content:center;gap:2px}.page-title{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);letter-spacing:-.5px}.page-subtitle{margin:0;font-size:var(--font-size-sm);color:var(--color-text-a50)}.page-header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.page-header-actions .btn-glass{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm)}.page-header-actions .btn-glass i{font-size:12px}.page-header-actions .btn-glass:hover .fa-sync-alt:not(.fa-spin){transform:rotate(30deg);transition:transform .2s ease}.page-header-actions .btn-glass .fa-sync-alt:not(.fa-spin){transition:transform .2s ease}.page-header-left.no-accent{background:transparent;padding-right:0}.page-header-left.no-accent .page-header-accent{display:none}.dashboard-card{background:transparent;border:none;border-radius:0;padding:0;min-width:0}.dashboard-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-text-a10)}.dashboard-card-title{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}@media(max-width:1024px){.dashboard-main{margin-left:calc(220px + var(--spacing-md) + var(--spacing-sm));margin-right:var(--spacing-md);margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}}@media(max-width:768px){.dashboard-layout{overflow-x:clip}.dashboard-main{margin-left:var(--spacing-md);margin-right:var(--spacing-md);margin-top:var(--spacing-md);margin-bottom:var(--spacing-md);z-index:100}.dashboard-glass{display:flex;flex-direction:column;position:relative;background:var(--color-text-a03);backdrop-filter:blur(40px) saturate(1.5);-webkit-backdrop-filter:blur(40px) saturate(1.5);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d inset,inset 0 1px #ffffff1a}.dashboard-glass:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 0% 0%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none;border-radius:inherit}.dashboard-mobile-nav{display:block;position:relative;z-index:1;border-bottom:1px solid rgba(255,255,255,.06)}.dashboard-content{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;border-radius:0;box-shadow:none;padding:var(--spacing-lg);overflow-x:visible}.dashboard-content:before{display:none}.page-header{flex-direction:column;align-items:flex-start}.page-header-actions{width:100%}.page-header-actions .btn-glass{flex:1}}.page-loading-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10}.page-loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);background:var(--color-surface-secondary-a80);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:1px solid var(--color-border-secondary);box-shadow:0 8px 32px #0000004d}.loading-spinner{font-size:2rem;color:var(--color-primary)}.loading-spinner i{animation:spin 1s linear infinite}.loading-text{font-size:.95rem;color:var(--color-text-secondary);font-weight:500;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar{position:fixed;left:var(--spacing-lg);top:var(--spacing-lg);width:260px;height:calc(100vh - var(--spacing-lg) * 2);background:var(--color-text-a03);backdrop-filter:blur(40px) saturate(1.5);-webkit-backdrop-filter:blur(40px) saturate(1.5);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);display:flex;flex-direction:column;z-index:1000;transition:transform var(--transition-slow);box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d inset,inset 0 1px #ffffff1a;overflow:hidden}.sidebar:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(0,0,0,.1) 100%);pointer-events:none}.sidebar-header{position:relative;padding:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-logo{height:32px;width:auto}.sidebar-header .app-switcher{margin:0}.app-switcher{position:relative}.app-switcher-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base)}.app-switcher-trigger:hover{background:#ffffff14;border-color:#ffffff1f}.app-switcher-info{display:flex;align-items:center;gap:var(--spacing-md)}.app-switcher-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-primary-a15);border-radius:var(--radius-xs);color:var(--color-primary);font-size:12px}.app-switcher-details{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.app-switcher-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.app-switcher-version{font-size:var(--font-size-xs);color:var(--color-text-a50)}.app-switcher-arrow{font-size:10px;color:var(--color-text-a50);transition:transform var(--transition-base)}.app-switcher-arrow.rotated{transform:rotate(180deg)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.app-switcher-dropdown{background:var(--color-text-a03);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);padding:var(--spacing-sm);box-shadow:0 8px 32px #0006;animation:dropdownSlideIn .15s ease-out;transform-origin:top center}.app-switcher-search{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);color:var(--color-text-a40)}.app-switcher-search i{font-size:12px;flex-shrink:0}.app-switcher-search input{flex:1;background:none;border:none;outline:none;color:var(--color-text-a85);font-size:var(--font-size-sm);padding:0}.app-switcher-search input::-moz-placeholder{color:var(--color-text-a30)}.app-switcher-search input::placeholder{color:var(--color-text-a30)}.app-switcher-list{max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-text-a15) transparent}.app-switcher-list::-webkit-scrollbar{width:4px}.app-switcher-list::-webkit-scrollbar-track{background:transparent}.app-switcher-list::-webkit-scrollbar-thumb{background:var(--color-text-a15);border-radius:4px}.app-switcher-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-a25)}.app-switcher-empty{padding:var(--spacing-lg) var(--spacing-xl);text-align:center;color:var(--color-text-a40);font-size:var(--font-size-sm)}.app-switcher-option{width:100%;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.app-switcher-option:hover{background:var(--color-text-a08)}.app-switcher-option.active{background:var(--color-primary-a10)}.app-switcher-option .app-switcher-icon{width:28px;height:28px;font-size:12px}.app-switcher-option-name{flex:1;text-align:left;font-size:var(--font-size-sm);color:var(--color-text-a85)}.app-switcher-check{font-size:12px;color:var(--color-primary)}.app-switcher-divider{height:1px;background:#ffffff14;margin:var(--spacing-sm) 0}.app-switcher-create{width:100%;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);color:var(--color-primary);font-size:var(--font-size-sm)}.app-switcher-create:hover{background:var(--color-primary-a10)}.app-switcher-create i{font-size:12px;transition:transform .3s ease}.app-switcher-create:hover i{transform:rotate(90deg)}.reseller-header-info{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm)}.reseller-header-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-a15);border-radius:var(--radius-xs);color:var(--color-primary);font-size:12px}.reseller-header-details{display:flex;flex-direction:column;gap:2px}.reseller-header-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.reseller-header-credits{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-a50)}.reseller-header-credits i{font-size:10px;color:var(--color-primary)}.sidebar-nav{position:relative;flex:1;padding:var(--spacing-md);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;min-height:0}.sidebar-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-a70);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-sm);transition:all var(--transition-base)}.sidebar-item:hover{background:var(--color-text-a08);color:var(--color-text)}.sidebar-item.active{background:var(--color-primary-a15);color:var(--color-primary)}.sidebar-item.locked{opacity:.45}.sidebar-item.locked .sidebar-lock-icon{margin-left:auto;font-size:10px;color:var(--color-text-a30);width:auto}.sidebar-item.locked.active{opacity:.6;background:var(--color-text-a05);color:var(--color-text-a50)}.sidebar-item i{width:18px;text-align:center;font-size:14px}.sidebar-divider{width:100%;height:1px;min-height:1px;flex-shrink:0;background:#ffffff0f;margin:var(--spacing-md) 0}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-top:1px solid rgba(255,255,255,.06);cursor:pointer;transition:background var(--transition-base)}.sidebar-footer:hover{background:var(--color-text-a05)}.sidebar-logout{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-xs);color:var(--color-text-a50);cursor:pointer;transition:all var(--transition-base)}.sidebar-logout:hover{background:var(--color-error-a10);color:var(--color-error)}.sidebar-logout i{font-size:14px}.nav-section{display:flex;flex-direction:column;gap:2px}.nav-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-a40);padding:var(--spacing-xs) var(--spacing-md);margin-top:var(--spacing-sm)}.nav-section:first-child .nav-section-label{margin-top:0}.sidebar-divider.strong{height:1px;background:#ffffff1a;margin:var(--spacing-sm) 0;margin-top:auto}.sidebar-user{display:flex;align-items:center;gap:var(--spacing-sm)}.sidebar-user-avatar{width:28px;height:28px;border-radius:50%;background:var(--color-primary-a15);display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:11px;transition:background var(--transition-base)}.sidebar-user-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-a85);transition:color var(--transition-base)}@media(max-width:1024px){.sidebar{width:220px;left:var(--spacing-md);top:var(--spacing-md);height:calc(100vh - var(--spacing-md) * 2)}}@media(max-width:768px){.sidebar{display:none!important}}.sidebar-item.skeleton{cursor:default;pointer-events:none;opacity:.5}.sidebar-item.skeleton .skeleton-box{background:linear-gradient(110deg,var(--color-text-a05) 8%,var(--color-text-a10) 18%,var(--color-text-a05) 33%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;border-radius:4px}.settings-tabs{display:flex;gap:var(--spacing-xs);padding:0 var(--spacing-xs);margin-bottom:var(--spacing-2xl);border-bottom:1px solid var(--color-text-a10)}.settings-tab{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-a50);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;flex-shrink:0}.settings-tab:hover{color:var(--color-text-a70)}.settings-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.settings-tab i{font-size:14px}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--spacing-xs);background:var(--color-text-a10);border-radius:10px;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-a50);margin-left:var(--spacing-xs)}.settings-tab.active .tab-count{background:var(--color-primary-a20);color:var(--color-primary)}.settings-content{padding:0}.tab-content{width:100%}.form-section{padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-text-a10)}.form-section-title{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.dashboard-page .form-group,.dashboard-card .form-group{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-text-a03);border:1px solid var(--color-text-a05);border-radius:var(--radius-md);position:relative;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.dashboard-page .form-group.modified,.dashboard-card .form-group.modified{border-color:var(--color-primary-a30);box-shadow:0 0 0 1px var(--color-primary-a10)}.dashboard-page .form-group.modified:after,.dashboard-card .form-group.modified:after{content:"Modified";position:absolute;top:0;right:var(--spacing-lg);transform:translateY(-50%);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-primary);background:#0d1a0f;padding:2px 8px;border-radius:var(--radius-sm);border:1px solid var(--color-primary-a30)}.tab-changes-banner{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg);background:var(--color-primary-a10);border:1px solid var(--color-primary-a20);border-radius:var(--radius-md);animation:bannerSlideIn .3s ease-out;transition:opacity .25s ease,transform .25s ease}.tab-changes-banner.hiding{opacity:0;transform:translateY(-8px)}@keyframes bannerSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tab-changes-banner span{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-primary)}.tab-changes-banner span i{font-size:14px}.btn-reset{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:transparent;border:1px solid var(--color-primary-a30);border-radius:var(--radius-sm);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.btn-reset:hover{background:var(--color-primary-a10);border-color:var(--color-primary-a50)}.btn-reset i{font-size:12px}.banner-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.banner-actions .btn-glass{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs)}.form-label{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-a70)}.form-label i{font-size:14px;color:var(--color-primary)}.form-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--transition-base)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-a10)}.form-input::-moz-placeholder{color:var(--color-text-a30)}.form-input::placeholder{color:var(--color-text-a30)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input{padding-right:44px}.password-toggle{position:absolute;right:var(--spacing-sm);display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;color:var(--color-text-a40);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-base)}.password-toggle:hover{color:var(--color-text-a70);background:var(--color-text-a05)}.password-toggle i{font-size:14px}.form-hint{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-a50)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl)}.toggle-row>div{flex:1}.toggle-label{display:flex;flex-direction:column;gap:4px}.toggle-label>span:first-child{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.toggle-description{font-size:var(--font-size-xs);color:var(--color-text-a50);line-height:1.4}.toggle,.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.toggle input,.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-text-a10);border:1px solid var(--color-text-a10);border-radius:26px;transition:all var(--transition-base)}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;top:50%;transform:translateY(-50%);background-color:var(--color-text-a50);border-radius:50%;transition:all var(--transition-base)}.toggle input:focus+.toggle-slider,.toggle-switch input:focus+.toggle-slider{box-shadow:none}.toggle input:checked+.toggle-slider,.toggle-switch input:checked+.toggle-slider{background:var(--color-primary-a20);border-color:var(--color-primary-a30)}.toggle input:checked+.toggle-slider:before,.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px) translateY(-50%);background:var(--color-primary);box-shadow:0 0 8px var(--color-primary-a50)}.input-with-unit{display:flex;align-items:center;gap:var(--spacing-md)}.input-with-unit .form-input{flex:1;max-width:200px}.input-unit{font-size:var(--font-size-sm);color:var(--color-text-a50)}.number-input{display:flex;align-items:center;gap:var(--spacing-md)}.number-input-field{flex:1;max-width:200px}.modal-form-field .number-input-field{max-width:none}.number-input input{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);text-align:center;transition:all var(--transition-base);-moz-appearance:textfield}.number-input input::-webkit-outer-spin-button,.number-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-a10)}.number-input.disabled{opacity:.5;pointer-events:none}.number-input-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);color:var(--color-text-a50);cursor:pointer;transition:all var(--transition-base)}.number-input-btn:hover:not(:disabled){background:var(--color-text-a10);border-color:var(--color-text-a20);color:var(--color-text)}.number-input-btn:active:not(:disabled){transform:scale(.95)}.number-input-btn:disabled{opacity:.3;cursor:not-allowed}.number-input-btn i{font-size:12px}.number-input.compact{display:flex;align-items:stretch;gap:0;height:38px}.number-input.compact .number-input-field{order:1;flex:1;display:flex}.number-input.compact .number-input-field input{width:100%;height:38px;padding:0 var(--spacing-md);border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;box-sizing:border-box}.number-input-steppers{display:flex;flex-direction:column;order:2;height:38px}.number-input-step{display:flex;align-items:center;justify-content:center;width:28px;height:19px;background:var(--color-text-a05);border:1px solid var(--color-text-a10);color:var(--color-text-a50);cursor:pointer;transition:all var(--transition-base)}.number-input-step.up{border-top-right-radius:var(--radius-md);border-bottom:none}.number-input-step.down{border-bottom-right-radius:var(--radius-md)}.number-input-step:hover:not(:disabled){background:var(--color-text-a10);color:var(--color-text)}.number-input-step:disabled{opacity:.3;cursor:not-allowed}.number-input-step i{font-size:10px}.number-input.ghost{display:inline-flex;align-items:center;gap:0;height:auto}.number-input.ghost .number-input-field{flex:none}.number-input.ghost .number-input-field input{width:50px;height:24px;padding:2px 4px;background:transparent;border:1px solid transparent;border-radius:var(--radius-xs);color:inherit;font-size:inherit;font-weight:inherit;text-align:center;transition:all var(--transition-base)}.number-input.ghost .number-input-field input:hover{background:var(--color-text-a05);border-color:var(--color-text-a10)}.number-input.ghost .number-input-field input:focus{background:var(--color-text-a08);border-color:var(--color-primary-a50);box-shadow:0 0 0 2px var(--color-primary-a10);outline:none}.number-input.ghost .number-input-steppers{display:none}.number-input.ghost:focus-within .number-input-steppers{display:flex;flex-direction:column;height:24px}.number-input.ghost .number-input-step{width:18px;height:12px;font-size:8px}.plan-card-cost .number-input.ghost .number-input-field input{color:var(--color-primary);font-weight:600}.code-block{position:relative;background:linear-gradient(135deg,var(--color-primary-a03) 0%,var(--color-bg-darker) 100%);border:1px solid var(--color-primary-a15);border-radius:var(--radius-md);padding:var(--spacing-lg);overflow:hidden;box-shadow:0 0 40px var(--color-primary-a05),inset 0 1px #ffffff08}.code-block:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-primary-a30) 50%,transparent 100%)}.code-block pre{margin:0;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:var(--font-size-sm);color:var(--color-text-a70);line-height:1.6;white-space:pre-wrap;word-break:break-all;counter-reset:line}.code-block pre code,.code-block pre code .line{display:block}.code-block pre code .line:before{counter-increment:line;content:counter(line);display:inline-block;width:2em;margin-right:1em;text-align:right;color:var(--color-text-a30);-webkit-user-select:none;-moz-user-select:none;user-select:none}.code-copy-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-sm);color:var(--color-text-a50);cursor:pointer;transition:all var(--transition-base)}.code-copy-btn:hover{background:var(--color-primary-a10);border-color:var(--color-primary-a30);color:var(--color-primary);box-shadow:0 0 15px var(--color-primary-a20)}.language-selector{display:flex;gap:var(--spacing-sm)}.language-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);color:var(--color-text-a50);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.language-btn:hover{background:var(--color-text-a10);color:var(--color-text-a70)}.language-btn.active{background:var(--color-primary-a10);border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 20px var(--color-primary-a15),inset 0 1px #ffffff1a}.danger-zone{margin-top:var(--spacing-2xl);padding:var(--spacing-xl);background:#ff00000d;border:1px solid rgba(255,0,0,.2);border-radius:var(--radius-md)}.danger-zone-title{display:flex;align-items:center;gap:var(--spacing-sm);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);font-weight:600;color:#f44}.danger-zone-title i{font-size:16px}.danger-zone-text{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-sm);color:var(--color-text-a50)}.btn-danger{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:var(--radius-md);color:#f44;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.btn-danger:hover{background:#f003;border-color:#ff000080}.btn-danger:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.table-toolbar{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg);background:var(--color-text-a03);border:1px solid var(--color-text-a05);border-radius:var(--radius-md)}.table-toolbar-left{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.table-actions{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.table-search{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);flex:1}.table-search i{color:var(--color-text-a30);font-size:14px}.table-search input{flex:1;background:transparent;border:none;color:var(--color-text);font-size:var(--font-size-sm)}.table-search input:focus{outline:none}.table-search input::-moz-placeholder{color:var(--color-text-a30)}.table-search input::placeholder{color:var(--color-text-a30)}.table-toolbar .custom-select-trigger,.table-toolbar .table-search{height:36px;box-sizing:border-box}.table-actions{display:flex;align-items:center;gap:var(--spacing-md)}.table-actions .btn-glass{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.table-bulk-actions{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:var(--color-error-a08);border:1px solid var(--color-error-a20);border-radius:var(--radius-md)}.bulk-count{font-size:var(--font-size-xs);color:#f44;font-weight:500}.btn-bulk-delete{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-error-a10);border:1px solid var(--color-error-a30);border-radius:var(--radius-md);color:#f44;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.btn-bulk-delete:hover{background:var(--color-error-a20);border-color:var(--color-error-a50)}.btn-bulk-delete i{font-size:11px}.btn-bulk-delete .chevron{font-size:10px;margin-left:var(--spacing-xs);opacity:.7;transition:transform .2s ease}.btn-bulk-delete.open .chevron{transform:rotate(180deg)}.bulk-delete-dropdown{position:relative}.bulk-delete-menu{min-width:200px;padding:var(--spacing-xs);background:var(--color-text-a03);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);box-shadow:0 8px 32px #0006;animation:bulkMenuReveal .2s ease-out;transform-origin:top center}@keyframes bulkMenuReveal{0%{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}.bulk-delete-menu.closing{animation:bulkMenuClose .15s ease-in forwards}@keyframes bulkMenuClose{0%{opacity:1;clip-path:inset(0 0 0 0)}to{opacity:0;clip-path:inset(0 0 100% 0)}}.bulk-delete-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:background var(--transition-base)}.bulk-delete-item:hover:not(:disabled){background:var(--color-text-a05)}.bulk-delete-item:disabled{opacity:.4;cursor:not-allowed}.bulk-delete-item i{width:16px;font-size:12px;color:var(--color-text-a50)}.bulk-delete-item span:first-of-type{flex:1}.bulk-delete-count{font-size:var(--font-size-xs);color:var(--color-text-a40);background:var(--color-text-a05);padding:2px 6px;border-radius:var(--radius-sm)}.bulk-delete-divider{height:1px;margin:var(--spacing-xs) 0;background:var(--color-text-a10)}.table-select{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer}.table-container{overflow-x:auto;min-width:0;background:var(--color-text-a03);border:1px solid var(--color-text-a05);border-radius:var(--radius-md)}.data-table{width:100%;min-width:600px;border-collapse:collapse}.data-table th,.data-table td{padding:var(--spacing-md) var(--spacing-lg);text-align:left;border-bottom:1px solid var(--color-text-a10)}.data-table th{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-a50);text-transform:uppercase;letter-spacing:.5px}.data-table td{font-size:var(--font-size-sm);color:var(--color-text-a70)}.data-table tbody tr:hover{background:var(--color-text-a03)}.th-checkbox,.data-table td:first-child{width:40px}.th-actions,.data-table td:last-child{width:50px;text-align:right}.data-table tbody tr.selected{background:var(--color-primary-a05)}.data-table tbody tr.selected:hover{background:var(--color-primary-a08)}.data-table code{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-text-a05);border-radius:var(--radius-sm);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:var(--font-size-xs)}.status-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;text-transform:capitalize}.status-badge.active{background:var(--color-primary-a10);color:var(--color-primary)}.status-badge.inactive{background:var(--color-text-a05);color:var(--color-text-a50)}.status-badge.expired{background:var(--color-error-a10);color:#f44}.status-badge.unused{background:var(--color-text-a05);color:var(--color-text-a50)}.status-badge.banned{background:var(--color-error-a10);color:#f44}.status-badge.pending{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.25)}.status-badge.pending i{margin-right:4px;font-size:.9em}.status-badge.paused{background:#ffc10726;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.status-badge.success{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.25)}.status-badge.success i{margin-right:6px;font-size:.75em}.status-badge.warning{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.25)}.status-badge.warning i{margin-right:6px;font-size:.75em}.status-badge.danger{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.status-badge.danger i{margin-right:6px;font-size:.75em}.status-badge.primary{background:var(--color-primary-a10);color:var(--color-primary);border:1px solid var(--color-primary-a20)}.status-badge.primary i{margin-right:6px;font-size:.75em}.status-badge.muted{background:var(--color-text-a05);color:var(--color-text-a50)}.status-badge.muted i{margin-right:6px;font-size:.75em}.level-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-primary-a10);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary)}.drag-handle{display:flex;align-items:center;gap:var(--spacing-sm);cursor:grab}.drag-handle:active{cursor:grabbing}.drag-handle>i{color:var(--color-text-a30);font-size:12px;transition:color var(--transition-fast)}.drag-handle:hover>i{color:var(--color-text-a50)}.type-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;text-transform:lowercase;font-family:SF Mono,Fira Code,monospace}.type-badge.string{background:var(--color-primary-a10);color:var(--color-primary)}.type-badge.number{background:#5865f21a;color:#5865f2}.type-badge.boolean{background:var(--color-warning-a10);color:#fa0}.type-badge.json{background:#a855f71a;color:#a855f7}.variable-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-a90);background:var(--color-text-a05);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.variable-value{font-size:var(--font-size-sm);color:var(--color-text-a60);font-family:SF Mono,Fira Code,monospace;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.auth-icon{font-size:14px}.auth-icon.authenticated{color:var(--color-primary)}.auth-icon.not-authenticated{color:var(--color-text-a30)}.user-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-a70)}.user-badge i{font-size:12px;color:var(--color-text-a40)}.user-badge.clickable{background:none;border:none;padding:0;cursor:pointer;transition:color var(--transition-base)}.user-badge.clickable:hover,.user-badge.clickable:hover i{color:var(--color-primary)}.user-badge.reseller{color:var(--color-text-a70)}.user-badge.reseller i,.user-badge.reseller:hover{color:#fa0}.user-badge.owner,.user-badge.owner i{color:var(--color-primary)}.text-muted{color:var(--color-text-a30)}.text-success{color:var(--color-primary)}.text-warning{color:#fa0}.text-danger{color:#f44}.text-primary{color:var(--color-primary)}.date-text{font-size:var(--font-size-xs);color:var(--color-text-a50)}.expiry-text{font-size:var(--font-size-sm);color:var(--color-text-a70)}.expiry-text.expired{color:#f44}.session-id{font-size:var(--font-size-sm);color:var(--color-text-a70);background:var(--color-text-a05);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.ip-address{font-size:var(--font-size-sm);color:var(--color-text-a70);font-family:SF Mono,Fira Code,monospace}.hwid{font-size:var(--font-size-xs);color:var(--color-text-a50);background:var(--color-text-a03);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.time-left{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-a70)}.time-left i{font-size:12px;color:var(--color-text-a40)}.time-left.warning,.time-left.warning i{color:#fa0}.time-left.critical,.time-left.critical i{color:#f44}.session-info-card{background:var(--color-text-a03);border:1px solid var(--color-text-a08);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.session-info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-text-a05)}.session-info-row:last-child{border-bottom:none}.session-info-label{font-size:var(--font-size-sm);color:var(--color-text-a50)}.session-info-value{font-size:var(--font-size-sm);color:var(--color-text-a90);display:flex;align-items:center;gap:var(--spacing-xs)}.session-info-value i{font-size:12px;color:var(--color-text-a40)}.session-info-value code{font-size:var(--font-size-xs);color:var(--color-text-a70);background:var(--color-text-a05);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.webhook-url-cell{display:flex;align-items:center;gap:var(--spacing-sm)}.webhook-url{font-size:var(--font-size-sm);color:var(--color-text-a70);background:var(--color-text-a05);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.id-text{font-family:SF Mono,Fira Code,Consolas,Courier New,monospace;font-size:.85em;color:var(--color-text-secondary);background:var(--color-text-a05);padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--color-text-a10)}.webhook-auth-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--color-primary-a10);border-radius:var(--radius-sm);color:var(--color-primary);font-size:10px}.webhook-events{font-size:var(--font-size-sm);color:var(--color-text-a60)}.webhook-events-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}.webhook-event-option{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-text-a03);border:1px solid var(--color-text-a08);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.webhook-event-option:hover{background:var(--color-text-a05);border-color:var(--color-text-a10)}.webhook-event-info{display:flex;flex-direction:column;gap:2px}.webhook-event-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-a90)}.webhook-event-desc{font-size:var(--font-size-xs);color:var(--color-text-a50)}.webhook-test-info{background:var(--color-text-a03);border:1px solid var(--color-text-a08);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.webhook-test-url,.webhook-test-events{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.webhook-test-url:last-child,.webhook-test-events:last-child{margin-bottom:0}.webhook-test-info label{font-size:var(--font-size-xs);color:var(--color-text-a50);text-transform:uppercase;letter-spacing:.5px}.webhook-test-url code{font-size:var(--font-size-sm);color:var(--color-text-a80);word-break:break-all}.webhook-test-events span{font-size:var(--font-size-sm);color:var(--color-text-a70)}.webhook-test-preview{margin-bottom:var(--spacing-lg)}.webhook-test-preview label{display:block;font-size:var(--font-size-xs);color:var(--color-text-a50);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.webhook-payload{background:var(--color-text-a03);border:1px solid var(--color-text-a08);border-radius:var(--radius-md);padding:var(--spacing-md);font-family:SF Mono,Fira Code,monospace;font-size:var(--font-size-xs);color:var(--color-text-a70);overflow-x:auto;margin:0}.webhook-test-result{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.webhook-test-result.success{background:var(--color-primary-a10);border:1px solid var(--color-primary-a20)}.webhook-test-result.error{background:var(--color-error-a10);border:1px solid var(--color-error-a20)}.webhook-test-result-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.webhook-test-result.success .webhook-test-result-header i{color:var(--color-primary)}.webhook-test-result.error .webhook-test-result-header i{color:#f44}.webhook-test-result-header span{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-a90)}.webhook-test-result-details{display:flex;gap:var(--spacing-xl)}.webhook-test-detail{display:flex;flex-direction:column;gap:2px}.webhook-test-detail .label{font-size:var(--font-size-xs);color:var(--color-text-a50)}.webhook-test-detail .value{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-a80)}.license-key-code{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:180px;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-text-a05);border-radius:var(--radius-sm);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-base)}.license-key-code:hover{color:var(--color-primary);background:var(--color-primary-a10)}.license-key-code:active{transform:scale(.98)}.license-key-code.copied{color:var(--color-primary);background:var(--color-primary-a20)}.license-key-text,.license-key-copied{transition:opacity var(--transition-base)}.license-key-copied{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;font-weight:500}.license-key-code.copied .license-key-text{opacity:0}.license-key-code.copied .license-key-copied{opacity:1}.btn-icon-mini{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:1px solid var(--color-text-a15);border-radius:4px;color:var(--color-text-a50);font-size:11px;cursor:pointer;transition:all var(--transition-base)}.btn-icon-mini:hover{background:var(--color-text-a10);border-color:var(--color-text-a30);color:var(--color-text)}.table-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-text-a10)}.table-info{font-size:var(--font-size-sm);color:var(--color-text-a50)}.table-pagination{display:flex;align-items:center;gap:var(--spacing-xs)}.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 var(--spacing-sm);background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:var(--radius-sm);color:var(--color-text-a50);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm))}.pagination-btn:hover:not(:disabled):not(.active){background:var(--color-text-a08);border-color:var(--color-text-a15);color:var(--color-text)}.pagination-btn.active{background:var(--color-primary-a15);border-color:var(--color-primary-a30);color:var(--color-primary);font-weight:600;box-shadow:0 0 12px var(--color-primary-a20)}.pagination-btn.active:hover{background:var(--color-primary-a20);border-color:var(--color-primary-a40)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-ellipsis{color:var(--color-text-a30);padding:0 var(--spacing-xs)}.license-key-display{font-family:Fira Code,SF Mono,monospace;font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-text-a05);border-radius:var(--radius-sm);color:var(--color-text-a70)}.license-key-display.clickable{cursor:pointer;transition:all var(--transition-base)}.license-key-display.clickable:hover{background:var(--color-primary-a10);color:var(--color-primary)}.user-link{color:var(--color-text-a70)}.user-link.clickable{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:2px var(--spacing-sm);background:var(--color-text-a03);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-a70)}.user-link.clickable:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:10px;color:var(--color-text-a30);transition:color var(--transition-base)}.user-link.clickable:hover{background:var(--color-primary-a10);border-color:var(--color-primary-a20);color:var(--color-primary)}.user-link.clickable:hover:before{color:var(--color-primary)}.table-scroll-mobile{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:768px){.table-scroll-mobile{margin:0 calc(-1 * var(--spacing-md));padding:0 var(--spacing-md)}.table-scroll-mobile table{min-width:700px}.table-scroll-mobile+.table-footer .table-pagination{display:none}.table-scroll-mobile+.table-footer .table-info{text-align:center;width:100%}}.avatar-upload{display:flex;align-items:center;gap:var(--spacing-lg)}.avatar-preview{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--color-text-a05);border:2px solid var(--color-text-a10);border-radius:50%;overflow:hidden}.avatar-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-preview i{font-size:32px;color:var(--color-text-a30)}.sessions-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.session-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-text-a03);border:1px solid var(--color-text-a10);border-radius:var(--radius-md)}.session-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.session-device{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text)}.session-device i{color:var(--color-text-a50);width:16px}.session-location{font-size:var(--font-size-xs);color:var(--color-text-a50);padding-left:24px}.session-badge{font-size:var(--font-size-xs);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.session-badge.current{background:var(--color-primary-a10);color:var(--color-primary)}.security-action-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-text-a03);border:1px solid var(--color-text-a10);border-radius:var(--radius-md)}.security-action-row+.security-action-row{margin-top:var(--spacing-md)}.security-action-info{display:flex;align-items:center;gap:var(--spacing-md)}.security-action-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-primary-a15);border-radius:var(--radius-sm);color:var(--color-primary);font-size:16px}.security-action-text{display:flex;flex-direction:column;gap:2px}.security-action-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.security-action-desc{font-size:var(--font-size-xs);color:var(--color-text-a60)}.security-action-row .btn-glass{min-width:100px;justify-content:center}.btn-small{padding:var(--spacing-sm) var(--spacing-lg)!important;font-size:var(--font-size-sm)!important}.btn-link-danger{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-md);background:var(--color-error-a08);border:1px solid var(--color-error-a20);border-radius:var(--radius-md);color:#f44;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.btn-link-danger:hover{background:var(--color-error-a12);border-color:var(--color-error-a30);color:#f66}.dashboard-empty{display:flex;align-items:center;justify-content:center;min-height:400px;padding:var(--spacing-2xl)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-md)}.empty-state-icon{font-size:48px;color:var(--color-text-a20);margin-bottom:var(--spacing-md)}.empty-state h2{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.empty-state p{margin:0;color:var(--color-text-a50);font-size:var(--font-size-sm)}.empty-state .btn-glass{margin-top:var(--spacing-lg)}.table-empty-cell{padding:2rem!important;text-align:center}.table-empty-cell .empty-state-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-md);max-width:300px;margin:0 auto}.table-empty-cell .empty-state-content i{font-size:48px;color:var(--color-text-a20)}.table-empty-cell .empty-state-content p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-a50)}.table-empty-cell .empty-state-content p:first-of-type{font-weight:500}.table-empty-cell .empty-state-help{margin-top:.5rem;font-size:.875rem;opacity:.7}.create-app-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:var(--spacing-2xl);position:relative;animation:createAppFadeIn .5s ease-out}.create-app-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,var(--color-primary-a10) 0%,transparent 70%);filter:blur(80px);pointer-events:none}.create-app-card{max-width:460px;width:100%;padding:var(--spacing-4xl) var(--spacing-2xl);background:var(--color-text-a03);border:1px solid var(--color-text-a08);border-radius:var(--radius-xl);text-align:center;position:relative;z-index:1}.create-app-icon{width:72px;height:72px;background:var(--color-primary-a10);border:1px solid var(--color-primary-a25);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-xl);box-shadow:0 0 30px var(--color-primary-a15)}.create-app-icon i{font-size:28px;color:var(--color-primary)}.create-app-card h2{font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.5px;margin:0 0 var(--spacing-sm);color:var(--color-text)}.create-app-subtitle{color:var(--color-text-a50);font-size:var(--font-size-sm);margin:0 0 var(--spacing-2xl)}.create-app-steps{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.create-app-steps .step{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-a30);font-weight:500}.create-app-steps .step.active{color:var(--color-primary)}.create-app-steps .step span{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;border:1px solid var(--color-text-a15);flex-shrink:0}.create-app-steps .step.active span{background:var(--color-primary-a20);border-color:var(--color-primary-a50);color:var(--color-primary)}.create-app-steps .step-line{width:24px;height:1px;background:var(--color-text-a10)}.create-app-card form .form-group{margin-bottom:var(--spacing-xl);text-align:left}.create-app-card form .form-label i{margin-right:var(--spacing-xs);font-size:var(--font-size-xs);opacity:.6}.create-app-card .btn-glass{width:100%;justify-content:center}.create-app-back{text-align:center;margin-top:var(--spacing-lg)}.create-app-back .btn-link{background:none;border:none;cursor:pointer;color:var(--color-text-a50);font-size:var(--font-size-sm);display:inline-flex;align-items:center;gap:var(--spacing-sm);transition:color .2s}.create-app-back .btn-link:hover{color:var(--color-text-a80)}@keyframes createAppFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.form-error{display:block;margin-top:var(--spacing-xs);color:#f44;font-size:var(--font-size-xs)}.form-input.error{border-color:#f44}.sidebar-empty-nav{display:flex;align-items:center;justify-content:center;color:var(--color-text-a40);font-size:var(--font-size-sm);text-align:center}.settings-tab.has-changes:after{content:"";width:6px;height:6px;background:var(--color-primary);border-radius:50%;margin-left:var(--spacing-xs);box-shadow:0 0 6px var(--color-primary-a50)}.modal-header{text-align:center;padding:var(--spacing-xl) var(--spacing-lg);margin:calc(-1 * var(--spacing-lg));margin-bottom:var(--spacing-xl);border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--color-text-a03);border-bottom:1px solid var(--color-text-a10)}.modal-header-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto var(--spacing-md);font-size:28px;border-radius:50%;background:var(--color-text-a05)}.modal-header-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-xs) 0}.modal-header-subtitle{font-size:var(--font-size-sm);color:var(--color-text-a50);margin:0}.modal-header-subtitle code{display:inline-block;margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-text-a05);border-radius:4px;font-family:SF Mono,monospace;font-size:var(--font-size-xs);color:var(--color-text-a70)}.modal-header.danger{background:linear-gradient(180deg,var(--color-error-a08) 0%,transparent 100%);border-bottom-color:var(--color-error-a20)}.modal-header.danger .modal-header-icon{background:var(--color-error-a10);color:#f44;box-shadow:0 0 20px var(--color-error-a15)}.modal-header.warning{background:linear-gradient(180deg,var(--color-warning-a08) 0%,transparent 100%);border-bottom-color:var(--color-warning-a20)}.modal-header.warning .modal-header-icon{background:var(--color-warning-a10);color:#fa0;box-shadow:0 0 20px var(--color-warning-a15)}.modal-header.primary{background:linear-gradient(180deg,var(--color-primary-a05) 0%,transparent 100%);border-bottom-color:var(--color-primary-a20)}.modal-header.primary .modal-header-icon{background:var(--color-primary-a10);color:var(--color-primary);box-shadow:0 0 20px var(--color-primary-a15)}.modal-header.success{background:linear-gradient(180deg,var(--color-primary-a10) 0%,transparent 100%);border-bottom-color:var(--color-primary-a30)}.modal-header.success .modal-header-icon{background:var(--color-primary-a15);color:var(--color-primary);box-shadow:0 0 25px var(--color-primary-a30)}.otp-input-group{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.otp-input-group.shake{animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.otp-input{width:48px;height:56px;text-align:center;font-size:var(--font-size-xl);font-weight:600;background:var(--color-text-a05);border:1px solid var(--color-text-a15);border-radius:var(--radius-md);color:var(--color-text);transition:all var(--transition-fast)}.otp-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-a20)}.otp-input.error{border-color:#f44;background:var(--color-error-a05)}.otp-resend{text-align:center;margin-top:var(--spacing-md)}.otp-cooldown{font-size:var(--font-size-sm);color:var(--color-text-a50)}.form-error.centered{text-align:center;display:block}.modal-actions.centered{justify-content:center}.success-details{background:var(--color-primary-a05);border:1px solid var(--color-primary-a20);border-radius:var(--radius-md);padding:var(--spacing-lg)}.success-detail-item{display:flex;justify-content:space-between;align-items:center}.success-detail-label{font-size:var(--font-size-sm);color:var(--color-text-a60)}.success-detail-value{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.success-message-box{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-text-a03);border:1px solid var(--color-text-a08);border-radius:var(--radius-md)}.success-message-box>i{color:var(--color-primary);font-size:18px;margin-top:2px}.success-message-box>p{font-size:var(--font-size-sm);color:var(--color-text-a70);line-height:1.5;margin:0}.twofa-qr-container{display:flex;justify-content:center;margin-bottom:var(--spacing-xl)}.twofa-qr-wrapper{padding:var(--spacing-md);background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026}.twofa-qr-image{display:block;width:180px;height:180px}.twofa-secret-container{text-align:center;margin-bottom:var(--spacing-lg)}.twofa-secret-label{display:block;font-size:var(--font-size-sm);color:var(--color-text-a50);margin-bottom:var(--spacing-sm)}.twofa-secret-box{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-sm)}.twofa-secret-code{font-family:var(--font-mono);font-size:var(--font-size-base);font-weight:600;color:var(--color-text);letter-spacing:2px}.twofa-copy-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-xs);color:var(--color-text-a50);cursor:pointer;transition:all var(--transition-base)}.twofa-copy-btn:hover{background:var(--color-primary-a15);border-color:var(--color-primary-a30);color:var(--color-primary)}.twofa-info{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-text-a03);border:1px solid var(--color-text-a08);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-a60)}.twofa-info>i{color:var(--color-text-a40)}.twofa-verify-hint{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-a50)}.twofa-verify-hint>i{color:var(--color-text-a40)}.twofa-status-enabled{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-primary-a05);border:1px solid var(--color-primary-a15);border-radius:var(--radius-md)}.twofa-status-info{display:flex;align-items:center;gap:var(--spacing-md)}.twofa-status-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-primary-a15);border-radius:var(--radius-sm);color:var(--color-primary);font-size:18px}.twofa-status-text{display:flex;flex-direction:column;gap:2px}.twofa-status-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary)}.twofa-status-desc{font-size:var(--font-size-xs);color:var(--color-text-a60)}.session-count-box{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-warning-a08);border:1px solid var(--color-warning-a20);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.session-count-box>i{font-size:18px;color:#fa0}.session-count-box>div{display:flex;align-items:baseline;gap:var(--spacing-xs)}.session-count{font-size:var(--font-size-lg);font-weight:700;color:#fa0}.session-label{font-size:var(--font-size-sm);color:var(--color-text-a70)}.signout-warning{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-text-a03);border:1px solid var(--color-text-a08);border-radius:var(--radius-md)}.signout-warning>i{color:var(--color-text-a40);margin-top:3px;font-size:14px}.signout-warning>div{display:flex;flex-direction:column;gap:var(--spacing-xs)}.signout-warning p{font-size:var(--font-size-sm);color:var(--color-text-a60);line-height:1.5;margin:0}.delete-account-warning{background:var(--color-error-a08);border:1px solid var(--color-error-a20);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.delete-account-warning h4{font-size:var(--font-size-sm);font-weight:600;color:#f44;margin:0 0 var(--spacing-md) 0}.delete-account-warning ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.delete-account-warning li{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-a70)}.delete-account-warning li i{color:#f44;font-size:10px}.delete-confirm-input{text-align:center;font-weight:600;letter-spacing:2px}.delete-confirm-input:focus{border-color:#f44;box-shadow:0 0 0 3px var(--color-error-a20)}.delete-progress{text-align:center;padding:var(--spacing-xl) 0}.delete-progress-bar{width:100%;height:4px;background:var(--color-text-a10);border-radius:2px;overflow:hidden;margin-bottom:var(--spacing-lg)}.delete-progress-fill{height:100%;background:linear-gradient(90deg,#f44,#f66);border-radius:2px;animation:deleteProgress 2s ease-in-out forwards}@keyframes deleteProgress{0%{width:0%}to{width:100%}}.delete-progress p{font-size:var(--font-size-sm);color:var(--color-text-a50);margin:0}.delete-complete-message{text-align:center;padding:var(--spacing-lg) 0}.delete-complete-message p{font-size:var(--font-size-sm);color:var(--color-text-a60);line-height:1.6;margin:0 0 var(--spacing-sm) 0}.delete-complete-message p:last-child{margin-bottom:0}.modal-body{margin-bottom:var(--spacing-xl)}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.modal-option{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-a70);background:var(--color-text-a03);border:1px solid var(--color-text-a08);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.modal-option:hover{background:var(--color-text-a05);border-color:var(--color-text-a15)}.modal-option strong{color:var(--color-text)}.modal-option:has(.checkbox.danger){background:var(--color-error-a03);border-color:var(--color-error-a10)}.modal-option:has(.checkbox.danger):hover{background:var(--color-error-a06);border-color:var(--color-error-a20)}.modal-option:has(.checkbox.warning){background:var(--color-warning-a03);border-color:var(--color-warning-a10)}.modal-option:has(.checkbox.warning):hover{background:var(--color-warning-a06);border-color:var(--color-warning-a20)}.dashboard-modal{padding:var(--spacing-lg);display:flex;flex-direction:column}.modal-form-section{padding:var(--spacing-lg);background:var(--color-text-a03);border:1px solid var(--color-text-a08);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.modal-form-section>.modal-form-field{margin-bottom:var(--spacing-lg)}.modal-form-section .modal-form-field:last-child,.modal-form-section .modal-form-grid:last-child{margin-bottom:0}.modal-form-section .modal-form-field+.modal-form-grid{margin-top:var(--spacing-lg)}.modal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.modal-form-grid:last-child{margin-bottom:0}.modal-form-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.modal-body>.modal-form-field{margin-bottom:var(--spacing-lg)}.modal-body>.modal-form-field:last-child{margin-bottom:0}.modal-form-field.checkbox-field{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-text-a03);border:1px solid var(--color-text-a08);border-radius:var(--radius-md)}.modal-form-field.checkbox-field .form-hint{padding-left:30px;margin:0}.modal-form-grid .toggle-row{height:38px;padding:0 var(--spacing-md);box-sizing:border-box;background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-md)}.modal-form-grid .toggle-row .toggle-label{font-size:var(--font-size-sm)}.modal-form-grid .custom-select-trigger,.modal-form-grid .form-input,.modal-form-grid .number-input input,.modal-form-field .custom-select-trigger{height:38px;box-sizing:border-box}.modal-form-grid .number-input-btn{height:38px;width:38px}.modal-form-grid .number-input-step{height:19px}.delete-modal-body{margin-bottom:var(--spacing-xl)}.modal-option+.delete-modal-warning{margin-top:var(--spacing-md)}.delete-modal-warning{padding:var(--spacing-md);background:var(--color-error-a05);border:1px solid var(--color-error-a15);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl)}.delete-modal-warning p{display:flex;align-items:center;gap:var(--spacing-sm);margin:0;font-size:var(--font-size-sm);color:var(--color-text-a70)}.delete-modal-warning p i{color:#f44;font-size:14px;flex-shrink:0}.delete-modal-list{list-style:none;padding:0;margin:0}.delete-modal-list li{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--color-text-a70)}.delete-modal-list li i{width:16px;color:#f44;opacity:.7}.delete-modal-confirm{margin-top:var(--spacing-lg)}.delete-modal-confirm .form-label{margin-bottom:var(--spacing-sm)}.delete-modal-confirm .form-label strong{color:var(--color-text)}.delete-modal-confirm .form-input:focus{border-color:#f44;box-shadow:0 0 0 3px var(--color-error-a10)}.delete-modal-confirm .form-input.valid{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-a10)}.delete-variable-card{background:var(--color-text-a03);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-lg)}.delete-variable-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-text-a03);border-bottom:1px solid var(--color-text-a08)}.delete-variable-header i{color:var(--color-text-a50);font-size:14px}.delete-variable-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);flex:1}.delete-variable-type{font-size:var(--font-size-xs);color:var(--color-text-a40);text-transform:uppercase;letter-spacing:.5px}.delete-variable-value{padding:var(--spacing-md);border-bottom:1px solid var(--color-text-a08)}.delete-variable-value code{display:block;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:var(--font-size-xs);color:var(--color-text-a70);white-space:pre-wrap;word-break:break-all;max-height:80px;overflow-y:auto}.delete-variable-owner{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-a50)}.delete-variable-owner i{font-size:10px}.delete-subscription-card{background:var(--color-text-a03);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-lg)}.delete-subscription-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-text-a03);border-bottom:1px solid var(--color-text-a08)}.delete-subscription-header i{color:#f44;font-size:14px}.delete-subscription-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);text-transform:capitalize}.delete-subscription-info{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.delete-subscription-time,.delete-subscription-owner{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-a50)}.delete-subscription-time i,.delete-subscription-owner i{font-size:10px}.user-action-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-text-a03);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.user-action-avatar{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-a10);border-radius:50%;color:var(--color-primary);font-size:20px}.user-action-card.warning .user-action-avatar{background:var(--color-warning-a10);color:#fa0}.user-action-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.user-action-name{font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.user-action-meta{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-a50)}.user-action-meta i{font-size:10px}.user-action-meta.banned{color:#f44}.delete-user-card{background:var(--color-text-a03);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-lg)}.delete-user-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-text-a03);border-bottom:1px solid var(--color-text-a08)}.delete-user-header i{color:#f44;font-size:14px}.delete-user-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);flex:1}.delete-user-info{padding:var(--spacing-md)}.delete-user-row{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-a50);padding:var(--spacing-xs) 0}.delete-user-row i{width:14px;text-align:center;font-size:10px}.modal-warning-box,.modal-info-box{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.modal-warning-box{background:var(--color-warning-a08);border:1px solid var(--color-warning-a20);color:var(--color-text-a70)}.modal-warning-box i{color:#fa0;font-size:14px;flex-shrink:0;margin-top:2px}.modal-info-box{background:var(--color-primary-a05);border:1px solid var(--color-primary-a20);color:var(--color-text-a70)}.modal-info-box i{color:var(--color-primary);font-size:14px;flex-shrink:0;margin-top:2px}.modal-info-box .info-box-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.modal-info-box .info-box-content strong{color:var(--color-text-a85)}.modal-info-box .info-box-content p{margin:0;line-height:1.5}.btn-warning{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-warning-a15);border:1px solid var(--color-warning-a30);border-radius:var(--radius-md);color:#fa0;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.btn-warning:hover{background:var(--color-warning-a25);border-color:var(--color-warning-a50)}.delete-modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-text-a05);border:1px solid var(--color-text-a15);border-radius:var(--radius-md);color:var(--color-text-a70);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.btn-secondary:hover{background:var(--color-text-a10);border-color:var(--color-text-a20);color:var(--color-text)}.delete-licenses-list{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:200px;overflow-y:auto;padding:var(--spacing-md);background:var(--color-text-a03);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.delete-license-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-text-a05);border-radius:var(--radius-sm)}.delete-license-item code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:var(--font-size-xs);color:var(--color-text-a70)}.delete-license-user{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-a50)}.delete-license-user i{font-size:10px}.delete-summary-box{padding:var(--spacing-lg);background:var(--color-text-a03);border:1px solid var(--color-text-a10);border-radius:var(--radius-md)}.delete-summary-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-a70)}.delete-summary-header i{color:#f44}.delete-summary-stats{display:flex;flex-direction:column;gap:var(--spacing-sm)}.delete-summary-stat{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-text-a05);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text)}.delete-summary-stat i{width:16px;color:var(--color-text-a50);font-size:12px}.btn-delete-countdown{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-error-a10);border:1px solid var(--color-error-a30);border-radius:var(--radius-md);color:#f44;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);min-width:160px}.btn-delete-countdown:hover:not(:disabled){background:var(--color-error-a15);border-color:var(--color-error-a40)}.btn-delete-countdown:disabled{opacity:.5;cursor:not-allowed}.btn-delete-countdown.ready{background:var(--color-error-a20);border-color:var(--color-error-a50);animation:pulse-danger 1.5s infinite}@keyframes pulse-danger{0%,to{box-shadow:0 0 0 0 var(--color-error-a40)}50%{box-shadow:0 0 0 8px #f440}}.edit-modal-info{margin-top:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-text-a03);border:1px solid var(--color-text-a10);border-radius:var(--radius-sm)}.edit-modal-info .info-label{font-size:var(--font-size-xs);color:var(--color-text-a50)}.edit-modal-info .info-value{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-a70)}.edit-modal-info .info-value i{font-size:10px;color:var(--color-text-a40)}.btn-primary{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary-a10);border:1px solid var(--color-primary-a30);border-radius:var(--radius-md);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.btn-primary:hover{background:var(--color-primary-a20);border-color:var(--color-primary-a50)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary i{transition:transform var(--transition-slow)}.btn-primary:hover i.fa-plus{transform:rotate(90deg)}.ban-modal-warning{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-warning-a08);border:1px solid var(--color-warning-a20);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-a70);margin-bottom:var(--spacing-lg)}.ban-modal-warning>i{color:#fa0;margin-top:2px}.ban-modal .form-textarea:focus{border-color:#fa0;box-shadow:0 0 0 3px var(--color-warning-a10)}.ban-user-warning{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);color:#fa0}.ban-user-warning i{font-size:12px}.btn-warning{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-warning-a10);border:1px solid var(--color-warning-a30);border-radius:var(--radius-md);color:#fa0;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.btn-warning:hover{background:var(--color-warning-a20);border-color:var(--color-warning-a50)}.form-textarea{width:100%;padding:var(--spacing-md);background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);font-family:inherit;resize:vertical;transition:all var(--transition-base)}.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-a10)}.form-textarea::-moz-placeholder{color:var(--color-text-a30)}.form-textarea::placeholder{color:var(--color-text-a30)}.subscriptions-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.subscription-row{display:flex;align-items:center;gap:.75rem;padding:var(--spacing-sm);background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);width:100%}.subscription-row>div:first-child{flex:1 1 auto;min-width:0}.subscription-row>div:first-child .custom-select{flex:1 1 auto;min-width:0;width:100%}.subscription-row .number-input{flex:0 0 80px}.subscription-row .custom-select-trigger{height:36px;min-height:36px;box-sizing:border-box}.subscription-row .number-input+.custom-select{flex:0 0 25%;min-width:100px;max-width:140px}.subscription-row .btn-remove-row{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;color:var(--color-text-a40);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-base);flex-shrink:0}.subscription-row .btn-remove-row:hover{background:var(--color-error-a10);color:#f44}.subscription-row-field{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;min-width:0}.subscription-row-field .form-label{font-size:var(--font-size-xs);color:var(--color-text-a50);margin:0}.subscription-row-field .number-input{width:100%}.subscription-row-field .number-input .number-input-field{flex:1}.subscription-badge{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-primary-a05);border:1px solid var(--color-primary-a20);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.subscription-badge i{color:var(--color-primary);font-size:14px}.subscription-badge span{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);text-transform:capitalize}.subscription-badge.danger{background:#ff00000d;border-color:#f003}.subscription-badge.danger i,.subscription-badge.danger span{color:#f44}.segmented-control{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:4px;background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);height:48px}.segmented-control-track{position:absolute;inset:4px;pointer-events:none;z-index:0}.segmented-control-indicator{position:absolute;top:0;height:100%;background:var(--color-text-a10);border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a;transition:background .2s ease}.segmented-control-btn{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:transparent;border:none;color:var(--color-text-a50);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:var(--radius-md)}.segmented-control-btn:hover:not(:disabled){color:var(--color-text-a70)}.segmented-control-btn.active{color:var(--color-text);font-weight:600}.segmented-control-btn:disabled{opacity:.5;cursor:not-allowed}.segmented-control-btn i{font-size:12px}.segmented-control:has(.segmented-control-btn:first-child.active) .segmented-control-indicator{background:linear-gradient(135deg,var(--color-primary-a15) 0%,var(--color-primary-a20) 100%);border:1px solid var(--color-primary-a30)}.segmented-control-btn:first-child.active{color:#11ff2a}.segmented-control:has(.segmented-control-btn:last-child.active) .segmented-control-indicator{background:linear-gradient(135deg,var(--color-error-a15) 0%,var(--color-error-a20) 100%);border:1px solid var(--color-error-a30)}.segmented-control-btn:last-child.active{color:#f44}.segmented-control.primary-only:has(.segmented-control-btn:last-child.active) .segmented-control-indicator{background:linear-gradient(135deg,var(--color-primary-a15) 0%,var(--color-primary-a20) 100%);border:1px solid var(--color-primary-a30)}.segmented-control.primary-only .segmented-control-btn:last-child.active{color:#11ff2a}.time-input-row{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.time-input-row .number-input,.time-input-row .custom-select{flex:1}.time-input-row .number-input input,.time-input-row .custom-select-trigger{height:43px;box-sizing:border-box}.time-input-row .number-input-btn{height:43px;width:43px}.time-input-row .number-input.compact,.time-input-row .number-input.compact .number-input-field input{height:43px}.time-transformation-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--color-text-a03);border:1px solid var(--color-text-a08);border-radius:var(--radius-lg);margin-top:var(--spacing-lg);text-align:center;position:relative;overflow:hidden}.time-transformation-card.add{background:linear-gradient(to bottom,var(--color-text-a03),rgba(17,255,42,.05));border-bottom-color:#11ff2a33}.time-transformation-card.subtract{background:linear-gradient(to bottom,var(--color-text-a03),rgba(255,68,68,.05));border-bottom-color:#f443}.state-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-a40);margin-bottom:4px;font-weight:600}.current-state .state-value{font-size:16px;color:var(--color-text-a60);font-variant-numeric:tabular-nums;font-weight:500}.result-state .state-value.hero{display:block;font-size:28px;font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums;letter-spacing:-.5px;text-shadow:0 2px 10px rgba(0,0,0,.2)}.time-transformation-card.add .state-value.hero{color:#11ff2a}.time-transformation-card.subtract .state-value.hero{color:#f44}.transformation-arrow{display:flex;align-items:center;gap:var(--spacing-md);width:100%;color:var(--color-text-a20)}.arrow-line{height:1px;flex:1;background:var(--color-text-a10)}.action-pill{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;background:var(--color-text-a05);border:1px solid var(--color-text-a10);white-space:nowrap}.time-transformation-card.add .action-pill{color:#11ff2a;background:#11ff2a1a;border-color:#11ff2a33}.time-transformation-card.subtract .action-pill{color:#f44;background:#ff44441a;border-color:#f443}.variable-editor{display:flex;flex-direction:column;gap:var(--spacing-sm)}.variable-type-selector{display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--color-text-a03);border:1px solid var(--color-text-a08);border-radius:var(--radius-md)}.type-option{display:flex;align-items:center;gap:var(--spacing-xs);flex:1;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-a50);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all var(--transition-base);justify-content:center}.type-option:hover{color:var(--color-text-a70);background:var(--color-text-a05)}.type-option.active{background:var(--color-primary-a10);border-color:var(--color-primary-a30);color:var(--color-primary)}.type-option i{font-size:12px}.variable-editor-content{min-height:80px}.variable-editor-content .number-input{width:100%}.variable-editor-content .number-input .number-input-field{flex:1;max-width:none}.variable-textarea{resize:vertical;min-height:80px;font-family:inherit}.boolean-selector{display:flex;gap:var(--spacing-sm)}.boolean-option{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);flex:1;padding:var(--spacing-md);background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);color:var(--color-text-a50);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.boolean-option:hover{background:var(--color-text-a08);border-color:var(--color-text-a20);color:var(--color-text-a70)}.boolean-option.active.true{background:var(--color-primary-a10);border-color:var(--color-primary-a30);color:#11ff2a}.boolean-option.active.false{background:var(--color-error-a10);border-color:var(--color-error-a30);color:#f44}.json-editor-wrapper{background:var(--color-text-a03);border:1px solid var(--color-text-a10);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0;overflow:hidden;max-height:200px;overflow-y:auto}.json-editor{min-height:120px;background:transparent!important;color:var(--color-text)!important;counter-reset:line}.json-editor textarea,.json-editor pre{outline:none!important;padding-left:45px!important}.json-editor pre{min-height:120px}.json-editor-with-lines{position:relative}.json-editor-lines{position:absolute;left:0;top:0;bottom:0;padding:12px 12px 12px 8px;font-family:Fira Code,Fira Mono,monospace;font-size:13px;line-height:1.5;color:var(--color-text-a30);text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-right:1px solid var(--color-text-a10);background:var(--color-text-a02);min-width:35px;z-index:1}.json-editor-lines .error-line{color:#f44;font-weight:600}.json-editor .token.property{color:#ff79c6}.json-editor .token.string{color:#11ff2a}.json-editor .token.number{color:#bd93f9}.json-editor .token.boolean{color:#f55}.json-editor .token.null{color:#8be9fd}.json-editor .token.punctuation{color:var(--color-text-a50)}.json-editor-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:0 0 var(--radius-md) var(--radius-md)}.json-error{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:#f44}.json-valid{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:#11ff2a}.btn-format-json{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid var(--color-text-a10);border-radius:var(--radius-sm);color:var(--color-text-a50);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-base)}.btn-format-json:hover{background:var(--color-text-a05);border-color:var(--color-text-a20);color:var(--color-text)}.btn-add-subscription{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px dashed var(--color-text-a20);border-radius:var(--radius-md);color:var(--color-text-a50);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base)}.btn-add-subscription:hover{border-color:var(--color-primary-a50);color:var(--color-primary);background:var(--color-primary-a05)}.btn-add-subscription i{font-size:12px}.th-expand,.td-expand{width:40px;text-align:center}.btn-expand{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:var(--color-text-a40);cursor:pointer;transition:all var(--transition-base)}.btn-expand:hover{color:var(--color-text)}.btn-expand i{transition:transform .25s ease-in-out,color .25s ease-in-out}.btn-expand.expanded i{transform:rotate(-180deg);color:var(--color-primary)}.data-table tr.expandable-row>td{padding:0;border-bottom:1px solid var(--color-text-a10)}.user-details-grid{display:grid;grid-template-rows:1fr;animation:gridExpand .25s ease-out}@keyframes gridExpand{0%{grid-template-rows:0fr}to{grid-template-rows:1fr}}.user-details-grid.closing{animation:gridCollapse .2s ease-out forwards}@keyframes gridCollapse{0%{grid-template-rows:1fr}to{grid-template-rows:0fr}}.user-details-wrapper{overflow:hidden;background:var(--color-text-a02);border-top:1px solid var(--color-text-a05)}.user-details-wrapper>*{padding:var(--spacing-lg)}.user-details-wrapper>*:not(:last-child){padding-bottom:0}.user-details-section{margin-bottom:var(--spacing-lg)}.user-details-section:last-child{margin-bottom:0}.details-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);background:var(--color-text-a03);border-radius:var(--radius-sm)}.details-header-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-a70)}.details-header-title i{color:var(--color-primary);font-size:14px}.details-table{width:100%;border-collapse:collapse;background:var(--color-text-a03);border:1px solid var(--color-text-a08);border-radius:var(--radius-md);overflow:hidden}.details-table th,.details-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-size:var(--font-size-xs)}.details-table th{background:var(--color-text-a03);color:var(--color-text-a50);font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-text-a10)}.details-table td{color:var(--color-text-a70);border-bottom:1px solid var(--color-text-a05)}.details-table tbody tr:last-child td{border-bottom:none}.details-table tbody tr:hover{background:var(--color-text-a03)}.details-actions{display:flex;gap:var(--spacing-xs)}.btn-details-action{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-sm);color:var(--color-text-a50);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-base)}.btn-details-action:hover{background:var(--color-text-a10);color:var(--color-text)}.btn-details-action.danger:hover{background:var(--color-error-a10);border-color:var(--color-error-a30);color:#f44}.details-empty{padding:var(--spacing-lg);text-align:center;color:var(--color-text-a40);font-size:var(--font-size-sm);background:var(--color-text-a03);border:1px solid var(--color-text-a08);border-radius:var(--radius-md)}.btn-add-small{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary-a10);border:1px solid var(--color-primary-a30);border-radius:var(--radius-sm);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.btn-add-small:hover{background:var(--color-primary-a20)}.btn-add-small i{font-size:10px;line-height:1;display:flex;align-items:center}.log-timestamp{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-a60)}.log-level{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;text-transform:capitalize}.log-level i{font-size:10px}.log-level.info{background:#ffffff0d;color:#fff9}.log-level.success{background:var(--color-primary-a10);color:var(--color-primary)}.log-level.warning{background:var(--color-warning-a10);color:#fa0}.log-level.error{background:var(--color-error-a10);color:#f44}.log-message{font-size:var(--font-size-sm);color:var(--color-text-a80);line-height:1.4}.log-row.clickable{cursor:pointer;transition:background var(--transition-base)}.log-row.clickable:hover{background:var(--color-text-a05)}.log-details-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.log-detail-row{display:flex;align-items:flex-start;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-text-a03);border-radius:var(--radius-sm)}.log-detail-label{flex:0 0 100px;font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-a50)}.log-detail-value{flex:1;font-size:var(--font-size-sm);color:var(--color-text);word-break:break-word}.log-detail-value code{font-family:var(--font-mono);font-size:var(--font-size-xs);background:var(--color-text-a05);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xs)}.log-details-json{margin-top:var(--spacing-md)}.log-details-json label{display:block;margin-bottom:var(--spacing-sm);font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-a50)}.log-details-json pre{padding:var(--spacing-md);background:var(--color-text-a03);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-a80);overflow-x:auto;white-space:pre-wrap;word-break:break-all}.export-format-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.export-format-option{position:relative;cursor:pointer}.export-format-option input{position:absolute;opacity:0;width:0;height:0}.export-format-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-lg) var(--spacing-md);background:var(--color-text-a03);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);transition:all var(--transition-base)}.export-format-option:hover .export-format-content{background:var(--color-text-a05);border-color:var(--color-text-a20)}.export-format-option.selected .export-format-content,.export-format-option input:checked~.export-format-content{background:var(--color-primary-a10);border-color:var(--color-primary-a30)}.export-format-content i{font-size:24px;color:var(--color-text-a40);transition:color var(--transition-base)}.export-format-option.selected .export-format-content i,.export-format-option input:checked~.export-format-content i{color:var(--color-primary)}.export-format-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.export-format-desc{font-size:var(--font-size-xs);color:var(--color-text-a50);text-align:center}.export-range-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.export-range-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-text-a03);border:1px solid var(--color-text-a10);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base)}.export-range-option:hover{background:var(--color-text-a05);border-color:var(--color-text-a20)}.export-range-option.selected,.export-range-option:has(input:checked){background:var(--color-primary-a10);border-color:var(--color-primary-a30)}.export-range-option .radio{pointer-events:none}.export-range-option .radio-label{font-size:var(--font-size-sm);color:var(--color-text)}.export-summary{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-primary-a05);border:1px solid var(--color-primary-a20);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-a70)}.export-summary i{color:var(--color-primary)}.export-summary strong{color:var(--color-primary);font-weight:600}.alerts-toolbar{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.alerts-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.alert-card{background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-left:4px solid var(--color-text-a30);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));overflow:hidden;transition:all var(--transition-base)}.alert-card:hover{border-color:var(--color-text-a20);box-shadow:0 8px 32px #0000004d}.alert-card.critical{border-left-color:#f44}.alert-card.high{border-left-color:#fa0}.alert-card.medium{border-left-color:#5865f2}.alert-card.low{border-left-color:#fff6}.alert-card.resolved{opacity:.6}.alert-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-text-a05)}.alert-severity{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.alert-card.critical .alert-severity{color:#f44}.alert-card.high .alert-severity{color:#fa0}.alert-card.medium .alert-severity{color:#5865f2}.alert-card.low .alert-severity{color:var(--color-text-a50)}.alert-time{font-size:var(--font-size-xs);color:var(--color-text-a50)}.alert-card-body{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg)}.alert-type-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-text-a05);border-radius:var(--radius-md);font-size:20px;color:var(--color-text-a40)}.alert-card.critical .alert-type-icon{background:var(--color-error-a10);color:#f44}.alert-card.high .alert-type-icon{background:var(--color-warning-a10);color:#fa0}.alert-card.medium .alert-type-icon{background:#5865f21a;color:#5865f2}.alert-content{flex:1;min-width:0}.alert-title{margin:0 0 var(--spacing-xs);font-size:var(--font-size-md);font-weight:600;color:var(--color-text)}.alert-description{margin:0 0 var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-a70);line-height:1.5}.alert-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.alert-meta-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-a50)}.alert-meta-item i{font-size:10px;color:var(--color-text-a30)}.alert-card-actions{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-text-a03);border-top:1px solid var(--color-text-a05)}.btn-alert-action{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-a70);cursor:pointer;transition:all var(--transition-base)}.btn-alert-action:hover{background:var(--color-text-a10);color:var(--color-text)}.btn-alert-action.resolve{background:var(--color-primary-a10);border-color:var(--color-primary-a30);color:var(--color-primary)}.btn-alert-action.resolve:hover{background:var(--color-primary-a20)}.btn-alert-action.dismiss{background:var(--color-error-a05);border-color:var(--color-error-a20);color:#f66}.btn-alert-action.dismiss:hover{background:var(--color-error-a10)}.alerts-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl) var(--spacing-xl);background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);text-align:center}.alerts-empty-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-a10);border-radius:50%;margin-bottom:var(--spacing-lg)}.alerts-empty-icon i{font-size:32px;color:var(--color-primary)}.alerts-empty h3{margin:0 0 var(--spacing-sm);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.alerts-empty p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-a50)}.alerts-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:var(--radius-md)}.alert-details-title{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.alert-details-title h3{margin:0;font-size:var(--font-size-md);font-weight:600;color:var(--color-text)}.alert-status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;text-transform:capitalize}.alert-status-badge.unresolved{background:var(--color-warning-a10);color:#fa0}.alert-status-badge.resolved{background:var(--color-primary-a10);color:var(--color-primary)}.alert-status-badge.dismissed{background:var(--color-text-a05);color:var(--color-text-a50)}.alert-details-description{margin:0 0 var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-a70);line-height:1.5}.alert-details-section{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.alert-detail-row{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-text-a03);border-radius:var(--radius-sm)}.alert-detail-label{flex:0 0 100px;font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-a50)}.alert-detail-value{flex:1;display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text)}.alert-detail-value i{font-size:10px;color:var(--color-text-a40)}.alert-detail-value code{font-family:var(--font-mono);font-size:var(--font-size-xs);background:var(--color-text-a05);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xs)}.alert-details-json{margin-bottom:var(--spacing-lg)}.alert-details-json label{display:block;margin-bottom:var(--spacing-sm);font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-a50)}.alert-details-json pre{padding:var(--spacing-md);background:var(--color-text-a03);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-a80);overflow-x:auto;white-space:pre-wrap}.alert-details-warning{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-warning-a08);border:1px solid var(--color-warning-a20);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-a70)}.alert-details-warning i{color:#fa0}.resolve-alert-summary{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-text-a03);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.severity-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xs);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.severity-badge.critical{background:var(--color-error-a10);color:#f44}.severity-badge.high{background:var(--color-warning-a10);color:#fa0}.severity-badge.medium{background:#5865f21a;color:#5865f2}.severity-badge.low{background:var(--color-text-a05);color:var(--color-text-a50)}.alert-summary-title{font-size:var(--font-size-sm);color:var(--color-text)}.resolve-action-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.resolve-action-options .radio{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-text-a03);border:1px solid var(--color-text-a10);border-radius:var(--radius-sm);transition:all var(--transition-base)}.resolve-action-options .radio:hover{background:var(--color-text-a05)}.resolve-action-options .radio:has(input:checked){background:var(--color-primary-a10);border-color:var(--color-primary-a30)}.resolve-action-options .radio-label{font-size:var(--font-size-sm);color:var(--color-text)}.resolve-action-warning{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-warning-a08);border:1px solid var(--color-warning-a20);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-a70)}.resolve-action-warning i{color:#fa0}.api-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.api-tab{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-a60);cursor:pointer;transition:all var(--transition-base)}.api-tab:hover{background:var(--color-text-a10);color:var(--color-text)}.api-tab.active{background:var(--color-primary-a10);border-color:var(--color-primary-a30);color:var(--color-primary)}.api-tab i{font-size:14px}.api-key-name{font-weight:500;color:var(--color-text)}.api-key-preview{font-family:var(--font-mono);font-size:var(--font-size-xs);background:var(--color-text-a05);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);color:var(--color-text-a70)}.api-key-type-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase}.api-key-type-badge.live{background:var(--color-primary-a15);color:var(--color-primary);border:1px solid var(--color-primary-a25)}.api-key-type-badge.test{background:#5865f226;color:#5865f2;border:1px solid rgba(88,101,242,.25)}.api-keys-table tr.revoked{opacity:.5}.api-key-type-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.api-key-type-option{position:relative;cursor:pointer}.api-key-type-option input{position:absolute;opacity:0;width:0;height:0}.api-key-type-content{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-lg) var(--spacing-md);background:var(--color-text-a03);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);transition:all var(--transition-base)}.api-key-type-option:hover .api-key-type-content{background:var(--color-text-a05)}.api-key-type-option.selected .api-key-type-content,.api-key-type-option input:checked~.api-key-type-content{background:var(--color-primary-a10);border-color:var(--color-primary-a30)}.api-key-type-header{display:flex;align-items:center;gap:var(--spacing-sm)}.api-key-type-header i{font-size:16px;color:var(--color-text-a40);transition:color var(--transition-base)}.api-key-type-option.selected .api-key-type-header i,.api-key-type-option input:checked~.api-key-type-content .api-key-type-header i{color:var(--color-primary)}.api-key-type-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.api-key-type-desc{font-size:var(--font-size-xs);color:var(--color-text-a50)}.api-key-warning{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:#5865f214;border:1px solid rgba(88,101,242,.2);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-a70)}.api-key-warning i{color:#5865f2;margin-top:2px}.api-key-display{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-text-a03);border:1px solid var(--color-text-a10);border-radius:var(--radius-md)}.api-key-value{flex:1;min-width:0}.api-key-value code{display:block;padding:var(--spacing-md);background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-primary);word-break:break-all;-webkit-user-select:all;-moz-user-select:all;user-select:all}.api-key-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.scope-count{margin-left:auto;font-size:var(--font-size-xs);font-weight:400;color:var(--color-text-a50)}.api-scopes-container{max-height:320px;overflow:hidden;border:1px solid var(--color-text-a10);border-radius:var(--radius-md);background:var(--color-text-a03)}.api-scopes-container-inner{max-height:320px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-text-a15) transparent}.api-scopes-container-inner::-webkit-scrollbar{width:6px}.api-scopes-container-inner::-webkit-scrollbar-track{background:transparent}.api-scopes-container-inner::-webkit-scrollbar-thumb{background:var(--color-text-a15);border-radius:3px}.api-scopes-container-inner::-webkit-scrollbar-thumb:hover{background:var(--color-text-a25)}.api-scope-category{border-bottom:1px solid var(--color-text-a08)}.api-scope-category:last-child{border-bottom:none}.api-scope-category-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-text-a05);cursor:pointer;transition:background var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none}.api-scope-category-header:hover{background:var(--color-text-a08)}.api-scope-category-header .category-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-a10);border-radius:var(--radius-sm);color:var(--color-primary);font-size:14px}.api-scope-category-info{flex:1;display:flex;flex-direction:column;gap:2px}.api-scope-category-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.api-scope-category-desc{font-size:var(--font-size-xs);color:var(--color-text-a50)}.category-scope-count{font-size:var(--font-size-xs);padding:4px 8px;background:var(--color-text-a05);border-radius:var(--radius-sm);color:var(--color-text-a50);font-weight:500}.scope-checkbox-wrapper{flex-shrink:0}.scope-checkbox-wrapper .checkbox-box{width:18px;height:18px}.scope-checkbox-wrapper .checkbox-box i{font-size:10px}.api-scope-item .scope-checkbox-wrapper .checkbox-box{width:16px;height:16px}.api-scope-item .scope-checkbox-wrapper .checkbox-box i{font-size:9px}.api-scope-list{padding:var(--spacing-xs) 0;background:var(--color-text-a02)}.api-scope-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);padding-left:calc(var(--spacing-md) + 16px);cursor:pointer;transition:all var(--transition-fast);border-left:2px solid transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.api-scope-item:hover{background:var(--color-text-a05)}.api-scope-item.selected{background:var(--color-primary-a05);border-left-color:var(--color-primary)}.api-scope-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.api-scope-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-a85)}.api-scope-item.selected .api-scope-label{color:var(--color-text)}.api-scope-desc{font-size:11px;color:var(--color-text-a40);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.api-scope-code{font-size:10px;padding:3px 6px;background:var(--color-text-a05);border:1px solid var(--color-text-a08);border-radius:4px;color:var(--color-text-a40);font-family:SF Mono,Fira Code,monospace;white-space:nowrap}.api-scope-item.selected .api-scope-code{background:var(--color-primary-a10);border-color:var(--color-primary-a20);color:var(--color-primary)}.tabs-bar{display:flex;gap:var(--spacing-lg);border-bottom:1px solid var(--color-text-a10);margin-bottom:24px}.tab-button{position:relative;padding:var(--spacing-lg) var(--spacing-2xl);background:none;border:none;color:var(--color-text-a50);font-size:14px;font-weight:600;cursor:pointer;transition:color var(--transition-slow);display:flex;align-items:center;gap:var(--spacing-sm)}.tab-button:hover{color:var(--color-text-a90)}.tab-button.active{color:var(--color-primary)}.tab-indicator{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--gradient-primary);border-radius:var(--radius-full)}@media(max-width:768px){.tabs-bar{gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs-bar::-webkit-scrollbar{display:none}.tab-button{padding:12px 14px;font-size:13px;white-space:nowrap;flex-shrink:0}.tab-button i{display:none}}.show-key-info{margin-bottom:var(--spacing-md)}.show-key-label{display:flex;align-items:center;gap:var(--spacing-sm)}.show-key-name{font-size:var(--font-size-md);font-weight:600;color:var(--color-text)}.show-key-container{display:flex;align-items:stretch;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.show-key-value{flex:1;padding:var(--spacing-md);background:var(--color-text-a03);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-primary);word-break:break-all}.btn-copy{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary-a10);border:1px solid var(--color-primary-a30);border-radius:var(--radius-md);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn-copy:hover{background:var(--color-primary-a20)}.btn-copy.copied{background:var(--color-primary);color:#000}.show-key-warning{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-error-a08);border:1px solid var(--color-error-a20);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-a70)}.show-key-warning.critical i,.show-key-warning strong{color:#f44}.revoke-key-info{padding:var(--spacing-lg);background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.revoke-key-name{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-md);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm)}.revoke-key-name .api-key-type-badge{margin-left:auto}.revoke-key-details{display:flex;align-items:center;gap:var(--spacing-sm)}.revoke-key-details code{font-family:monospace;font-size:var(--font-size-sm);color:var(--color-text-a70);background:var(--color-text-a05);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.key-details-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.key-details-preview{font-family:var(--font-mono);font-size:var(--font-size-sm);background:var(--color-text-a05);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);color:var(--color-text-a70)}.key-details-section{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.key-detail-row{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-text-a03);border-radius:var(--radius-sm)}.key-detail-label{flex:0 0 120px;font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-a50)}.key-detail-value{flex:1;font-size:var(--font-size-sm);color:var(--color-text)}.key-usage-stats{padding:var(--spacing-lg);background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:var(--radius-md)}.key-usage-stats label{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-a70)}.key-usage-stats label span{font-size:var(--font-size-xs);color:var(--color-text-a40)}.key-usage-bars{display:flex;align-items:flex-end;gap:var(--spacing-sm);height:100px;padding:var(--spacing-sm);background:var(--color-text-a03);border-radius:var(--radius-sm)}.key-usage-bar{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;position:relative}.key-usage-bar-fill{width:100%;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--radius-xs);min-height:4px;transition:height var(--transition-smooth);position:relative;box-shadow:0 0 8px var(--color-primary-a30)}.key-usage-bar:hover .key-usage-bar-fill{box-shadow:0 0 12px var(--color-primary-a50)}.key-usage-bar-fill:before{content:attr(data-value);position:absolute;top:-24px;left:50%;transform:translate(-50%);font-size:10px;color:var(--color-primary);font-weight:600;opacity:0;transition:opacity var(--transition-fast)}.key-usage-bar:hover .key-usage-bar-fill:before{opacity:1}.key-usage-bar-label{margin-top:var(--spacing-sm);font-size:11px;font-weight:500;color:var(--color-text-a50);text-transform:uppercase}.api-docs-container{display:grid;grid-template-columns:240px 1fr;gap:var(--spacing-xl);min-height:600px}.api-docs-sidebar{background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);height:-moz-fit-content;height:fit-content;position:sticky;top:var(--spacing-xl)}.api-docs-sidebar-header{display:flex;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--color-text-a10);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.api-docs-sidebar-header i{color:var(--color-primary)}.api-docs-category{margin-bottom:var(--spacing-md)}.api-docs-category-name{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-a50);margin-bottom:var(--spacing-sm)}.api-docs-endpoint-btn{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-a70);cursor:pointer;transition:all var(--transition-base);text-align:left}.api-docs-endpoint-btn:hover{background:var(--color-text-a05);color:var(--color-text)}.api-docs-endpoint-btn.active{background:var(--color-primary-a10);color:var(--color-primary)}.method-badge{display:inline-flex;padding:2px 6px;border-radius:var(--radius-xs);font-size:10px;font-weight:700;text-transform:uppercase;font-family:var(--font-mono)}.method-badge.get{background:var(--color-primary-a10);color:var(--color-primary)}.method-badge.post{background:#5865f21a;color:#5865f2}.method-badge.put{background:var(--color-warning-a10);color:#fa0}.method-badge.delete{background:var(--color-error-a10);color:#f44}.method-badge.patch{background:#a855f71a;color:#a855f7}.method-badge.large{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.api-docs-content{background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.api-docs-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.api-docs-path{font-family:var(--font-mono);font-size:var(--font-size-md);color:var(--color-text);background:var(--color-text-a05);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm)}.api-docs-description{font-size:var(--font-size-sm);color:var(--color-text-a70);line-height:1.6;margin-bottom:var(--spacing-xl)}.api-docs-section{margin-bottom:var(--spacing-xl)}.api-docs-section h4{margin:0 0 var(--spacing-md);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.api-docs-params{display:flex;flex-direction:column;gap:var(--spacing-sm)}.api-docs-param{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-text-a03);border-radius:var(--radius-sm)}.api-docs-param .param-name{flex:0 0 140px;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-primary)}.api-docs-param .param-value{flex:1;font-size:var(--font-size-sm);color:var(--color-text-a70)}.code-block{border-radius:var(--radius-md);overflow:hidden;background:var(--color-text-a03);border:1px solid var(--color-text-a10)}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-text-a05);border-bottom:1px solid var(--color-text-a10)}.code-block-title{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-a70)}.code-block-language{font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-text-a40);text-transform:uppercase}.code-block-content{position:relative}.code-block-content pre{margin:0;padding:var(--spacing-md);overflow-x:auto}.code-block-content code{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-a80);line-height:1.6;white-space:pre}.code-block-copy{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-text-a10);border:none;border-radius:var(--radius-xs);color:var(--color-text-a50);font-size:12px;cursor:pointer;transition:all var(--transition-base);opacity:0}.code-block-content:hover .code-block-copy{opacity:1}.code-block-copy:hover{background:var(--color-text-a20);color:var(--color-text)}.code-block-copy.copied{background:var(--color-primary);color:#000}.resellers-table tr.banned{opacity:.6}.resellers-table tr.pending{opacity:.85}.resellers-table tr.pending .reseller-email em{font-style:italic;color:var(--color-text-a40)}.reseller-cell{display:flex;align-items:center;gap:var(--spacing-md)}.reseller-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-a20),var(--color-primary-a10));border:1px solid var(--color-primary-a30);border-radius:50%;font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary)}.reseller-avatar.small{width:28px;height:28px;font-size:var(--font-size-xs)}.reseller-avatar.large{width:64px;height:64px;font-size:var(--font-size-xl)}.reseller-info{display:flex;flex-direction:column;gap:2px}.reseller-username{font-weight:500;color:var(--color-text)}.reseller-email{font-size:var(--font-size-xs);color:var(--color-text-a50)}.credits-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-warning-a10);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;color:#fa0}.credits-badge i{font-size:10px}.apps-count-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary-a10);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary)}.apps-count-badge i{font-size:10px}.reseller-details-header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.reseller-details-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.reseller-details-info h3{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.reseller-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.reseller-stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-text-a03);border:1px solid var(--color-text-a10);border-radius:var(--radius-md)}.reseller-stat-card i{font-size:24px;color:var(--color-primary)}.reseller-stat-content{display:flex;flex-direction:column}.reseller-stat-value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text)}.reseller-stat-label{font-size:var(--font-size-xs);color:var(--color-text-a50)}.reseller-details-section{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.reseller-detail-row{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-text-a03);border-radius:var(--radius-sm)}.reseller-detail-label{flex:0 0 100px;font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-a50)}.reseller-detail-value{flex:1;font-size:var(--font-size-sm);color:var(--color-text)}.reseller-quick-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.btn-reseller-action{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-a70);cursor:pointer;transition:all var(--transition-base)}.btn-reseller-action:hover{background:var(--color-text-a10);color:var(--color-text)}.btn-reseller-action.danger{background:var(--color-error-a05);border-color:var(--color-error-a20);color:#f66}.btn-reseller-action.danger:hover{background:var(--color-error-a10)}.reseller-create-info{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#5865f214;border:1px solid rgba(88,101,242,.2);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-a70)}.reseller-create-info i{color:#5865f2}.reseller-create-info.success{background:#10b98114;border-color:#10b98133}.reseller-create-info.success i{color:#10b981}.activation-link-section{margin-bottom:var(--spacing-lg)}.activation-link-box{display:flex;gap:var(--spacing-sm)}.activation-link-input{flex:1;font-family:var(--font-mono);font-size:var(--font-size-xs)}.btn-copy{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-surface-a20);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);color:var(--color-text-a60);cursor:pointer;transition:all .2s ease}.btn-copy:hover{background:var(--color-surface-a30);border-color:var(--color-text-a20);color:var(--color-text)}.btn-copy.copied{background:#10b98126;border-color:#10b9814d;color:#10b981}.copy-success-text{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);font-size:var(--font-size-xs);color:#10b981}.modal-header.success{background:linear-gradient(135deg,#10b98126,#10b9810d)}.modal-header.success .modal-header-icon{background:#10b98126;color:#10b981}.credits-current-balance{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--color-text-a03);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.credits-label{font-size:var(--font-size-sm);color:var(--color-text-a50)}.credits-value{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary)}.credits-operation-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.credits-operation-option{position:relative;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-text-a03);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.credits-operation-option input{position:absolute;opacity:0;width:0;height:0}.credits-operation-option:hover{background:var(--color-text-a05)}.credits-operation-option.selected,.credits-operation-option:has(input:checked){background:var(--color-primary-a10);border-color:var(--color-primary-a30)}.credits-operation-option.remove.selected,.credits-operation-option.remove:has(input:checked){background:var(--color-error-a10);border-color:var(--color-error-a30)}.credits-operation-option i{font-size:14px;color:var(--color-text-a40)}.credits-operation-option.selected i,.credits-operation-option:has(input:checked) i{color:var(--color-primary)}.credits-operation-option.remove.selected i,.credits-operation-option.remove:has(input:checked) i{color:#f44}.credits-operation-option span{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.credits-preview{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-text-a03);border-radius:var(--radius-md)}.credits-preview-label{font-size:var(--font-size-sm);color:var(--color-text-a50)}.credits-preview-value{font-size:var(--font-size-md);font-weight:700}.credits-preview-value.positive{color:var(--color-primary)}.credits-preview-value.negative{color:#f44}.ban-reseller-info{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-text-a03);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.ban-reseller-details{display:flex;flex-direction:column;gap:2px}.ban-reseller-name{font-weight:500;color:var(--color-text)}.ban-reseller-email{font-size:var(--font-size-xs);color:var(--color-text-a50)}.delete-reseller-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-text-a03);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm)}.delete-reseller-info{flex:1;display:flex;flex-direction:column;gap:2px}.delete-reseller-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.delete-reseller-email{font-size:var(--font-size-xs);color:var(--color-text-a50)}.reset-password-info{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-text-a03);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.reset-password-details{display:flex;flex-direction:column;gap:2px}.reset-password-name{font-weight:500;color:var(--color-text)}.reset-password-email{font-size:var(--font-size-xs);color:var(--color-text-a50)}.reset-password-options{margin-bottom:var(--spacing-lg)}.reset-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-primary-a10);border:1px solid var(--color-primary-a30);border-radius:var(--radius-md)}.reset-option i{font-size:20px;color:var(--color-primary)}.reset-option-content{display:flex;flex-direction:column;gap:2px}.reset-option-title{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.reset-option-desc{font-size:var(--font-size-xs);color:var(--color-text-a50)}.reset-password-note{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-text-a03);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-a60)}.reset-password-note i{color:var(--color-text-a40)}.reset-link-success{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-primary-a10);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);font-weight:500;color:var(--color-primary)}.reset-link-success i{font-size:18px}.reset-link-container{display:flex;align-items:stretch;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.reset-link-value{flex:1;padding:var(--spacing-md);background:var(--color-text-a03);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-a80);word-break:break-all}.reset-link-note{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-warning-a08);border:1px solid var(--color-warning-a20);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-a70)}.reset-link-note i{color:#fa0;margin-top:2px}.loaders-info-bar{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.storage-widget{flex:1;padding:var(--spacing-lg);background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg)}.storage-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-a70)}.storage-header i{color:var(--color-primary)}.storage-bar{height:8px;background:var(--color-text-a10);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-sm)}.storage-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-a70));border-radius:var(--radius-full);transition:width var(--transition-base)}.storage-text{font-size:var(--font-size-xs);color:var(--color-text-a50)}.public-url-widget{flex:1;padding:var(--spacing-lg);background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg)}.public-url-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-a70);margin-bottom:var(--spacing-md)}.public-url-container{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0}.public-url-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-primary)}.public-url-empty{flex:1;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-text-a05);border:1px dashed var(--color-text-a15);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-a40)}.public-url-empty i{font-size:var(--font-size-xs);opacity:.6}.btn-copy-small{flex-shrink:0;padding:var(--spacing-sm);background:var(--color-primary-a10);border:1px solid var(--color-primary-a30);border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;transition:all var(--transition-base)}.btn-copy-small:hover{background:var(--color-primary-a20)}.btn-copy-small.copied{background:var(--color-primary-a20);border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 8px var(--color-primary-a30)}.btn-edit-slug{flex-shrink:0;padding:var(--spacing-sm);background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-sm);color:var(--color-text-a50);cursor:pointer;transition:all var(--transition-base)}.btn-edit-slug:hover{background:var(--color-text-a10);color:var(--color-text);border-color:var(--color-text-a20)}.slug-editor{position:relative;display:flex;align-items:center;gap:var(--spacing-sm);padding-bottom:18px}.slug-editor-input-group{flex:1;display:flex;align-items:center;background:var(--color-text-a05);border:1px solid var(--color-text-a15);border-radius:var(--radius-sm);overflow:hidden}.slug-editor-input-group.has-error{border-color:var(--color-error-a50)}.slug-prefix{padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-a50);background:var(--color-text-a05);border-right:1px solid var(--color-text-a10);white-space:nowrap}.slug-input{flex:1;min-width:80px;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-primary);outline:none}.slug-input::-moz-placeholder{color:var(--color-text-a30)}.slug-input::placeholder{color:var(--color-text-a30)}.slug-input.error{color:#f44}.slug-editor-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.slug-error{position:absolute;bottom:0;left:0;font-size:var(--font-size-xs);color:#f44}.btn-slug-save,.btn-slug-cancel{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;min-width:32px;height:28px}.btn-slug-save{background:var(--color-primary-a15);border:1px solid var(--color-primary-a30);color:var(--color-primary)}.btn-slug-save:hover:not(:disabled){background:var(--color-primary-a25)}.btn-slug-save:disabled{opacity:.6;cursor:not-allowed}.btn-slug-cancel{background:var(--color-text-a05);border:1px solid var(--color-text-a10);color:var(--color-text-a50)}.btn-slug-cancel:hover:not(:disabled){background:var(--color-text-a10);color:var(--color-text)}.btn-slug-cancel:disabled{opacity:.6;cursor:not-allowed}.loaders-table tr.inactive{opacity:.6}.loader-file-cell{display:flex;align-items:center;gap:var(--spacing-md)}.loader-file-icon{font-size:20px;color:var(--color-text-a40)}.loader-file-info{display:flex;flex-direction:column;gap:2px}.loader-file-name{font-weight:500;color:var(--color-text)}.loader-file-original{font-size:var(--font-size-xs);color:var(--color-text-a50)}.loader-size{font-size:var(--font-size-sm);color:var(--color-text-a70)}.loader-access{font-size:var(--font-size-xs);color:var(--color-text-a70)}.loader-downloads{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-a70)}.loader-downloads i{font-size:10px;color:var(--color-text-a40)}.downloads-info-bar{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);background:var(--color-text-a03);border:2px dashed var(--color-text-a20);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--spacing-lg)}.upload-dropzone:hover,.upload-dropzone.active{background:var(--color-text-a05);border-color:var(--color-primary-a50)}.upload-dropzone.has-file{padding:var(--spacing-lg);border-style:solid;border-color:var(--color-primary-a30);background:linear-gradient(135deg,var(--color-primary-a05) 0%,var(--color-text-a03) 100%);box-shadow:0 0 20px var(--color-primary-a10),inset 0 1px 0 var(--color-primary-a10)}.upload-dropzone.has-file:hover{border-color:var(--color-primary-a50);background:linear-gradient(135deg,var(--color-primary-a08) 0%,var(--color-text-a05) 100%)}.upload-dropzone>i{font-size:32px;color:var(--color-text-a30);margin-bottom:var(--spacing-md)}.upload-dropzone.active>i,.upload-dropzone:hover>i{color:var(--color-primary)}.upload-dropzone-text{font-size:var(--font-size-sm);color:var(--color-text-a70);margin-bottom:var(--spacing-xs)}.upload-dropzone-hint{font-size:var(--font-size-xs);color:var(--color-text-a40)}.upload-file-preview{display:flex;align-items:center;gap:var(--spacing-lg);width:100%;padding:var(--spacing-sm)}.upload-file-icon{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-primary-a15);border:1px solid var(--color-primary-a30);border-radius:var(--radius-md);flex-shrink:0}.upload-file-icon i{font-size:20px;color:var(--color-primary)}.upload-file-icon:after{content:"";position:absolute;top:-4px;right:-4px;width:16px;height:16px;background:var(--color-primary);border-radius:50%;box-shadow:0 0 8px var(--color-primary-a50)}.upload-file-icon:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;top:-4px;right:-4px;width:16px;height:16px;font-size:8px;color:var(--color-bg);display:flex;align-items:center;justify-content:center;z-index:1}.upload-file-preview>i{font-size:24px;color:var(--color-primary)}.upload-file-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.upload-file-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-file-size{font-size:var(--font-size-xs);color:var(--color-primary-a70);font-weight:500}.upload-file-remove{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-sm);color:var(--color-text-a50);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.upload-file-remove:hover{background:var(--color-error-a15);border-color:var(--color-error-a30);color:#f44}.upload-file-remove i{font-size:12px}.upload-dropzone.drag-over{background:var(--color-primary-a10);border-color:var(--color-primary);border-style:solid}.upload-dropzone.drag-over>i{color:var(--color-primary)}.dropzone-drag-active{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.dropzone-drag-active i{font-size:40px;color:var(--color-primary);animation:bounce .5s ease infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.toggle-group{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--color-text-a03);border:1px solid var(--color-text-a08);border-radius:var(--radius-md);margin-top:var(--spacing-sm);cursor:pointer;transition:all var(--transition-fast)}.toggle-group:hover{background:var(--color-text-a05);border-color:var(--color-text-a10)}.toggle-group:first-of-type{margin-top:0}.toggle-group>span{font-size:var(--font-size-sm);color:var(--color-text-a70)}.toggle-group.compact{padding:var(--spacing-sm) var(--spacing-md);margin-top:0}.auth-methods-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.auth-methods-grid .toggle-group{height:100%}.modal-form-divider{height:1px;background:var(--color-text-a10);margin:var(--spacing-lg) 0}.edit-loader-file-info{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-text-a03);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.edit-loader-file-info>i{font-size:24px;color:var(--color-primary)}.edit-loader-file-details{display:flex;flex-direction:column;gap:2px}.edit-loader-file-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.edit-loader-file-size{font-size:var(--font-size-xs);color:var(--color-text-a50)}.delete-loader-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-text-a03);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm)}.delete-loader-item:last-child{margin-bottom:0}.delete-loader-item>i{font-size:16px;color:var(--color-text-a40)}.delete-loader-info{flex:1;display:flex;flex-direction:column;gap:2px}.delete-loader-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.delete-loader-details{font-size:var(--font-size-xs);color:var(--color-text-a50)}.download-file-cell{display:flex;align-items:center;gap:var(--spacing-md)}.download-file-icon{font-size:20px;color:var(--color-text-a40)}.download-file-info{display:flex;flex-direction:column;gap:2px}.download-file-name{font-weight:500;color:var(--color-text)}.download-file-original{font-size:var(--font-size-xs);color:var(--color-text-a50)}.download-size{font-size:var(--font-size-sm);color:var(--color-text-a70)}.access-badge{display:inline-flex;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xs);font-size:var(--font-size-xs);font-weight:500;text-transform:capitalize}.access-badge.public{background:var(--color-primary-a10);color:var(--color-primary)}.access-badge.users{background:#5865f21a;color:#5865f2}.access-badge.premium{background:var(--color-warning-a10);color:#fa0}.download-count{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-a70)}.download-count i{font-size:10px;color:var(--color-text-a40)}.download-link-file-info{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-text-a03);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.download-link-file-info>i{font-size:24px;color:var(--color-primary)}.download-link-file-details{display:flex;flex-direction:column;gap:2px}.download-link-file-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.download-link-file-meta{font-size:var(--font-size-xs);color:var(--color-text-a50)}.download-link-container{display:flex;align-items:stretch;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.download-link-value{flex:1;padding:var(--spacing-md);background:var(--color-text-a03);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-primary);word-break:break-all}.download-link-access{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-text-a03);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-a70)}.download-link-access i{color:var(--color-primary)}.download-link-access strong{color:var(--color-text)}.download-link-expiry{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-warning-a05);border:1px solid var(--color-warning-a10);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-a70)}.download-link-expiry i,.download-link-expiry strong{color:#fa0}.scroll-indicator{display:none}@media(max-width:768px){.settings-tabs{padding:0;margin-left:calc(-1 * var(--spacing-lg));margin-right:calc(-1 * var(--spacing-lg));padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;mask-image:linear-gradient(to right,transparent,black 16px,black calc(100% - 24px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 16px,black calc(100% - 24px),transparent)}.settings-tabs::-webkit-scrollbar{display:none}.settings-tabs:active{cursor:grabbing}.settings-tabs .settings-tab{cursor:grab}.settings-tabs:active .settings-tab{cursor:grabbing}.scroll-tabs-wrapper{position:relative}.scroll-indicator{position:absolute;top:0;bottom:1px;width:28px;display:flex;align-items:center;justify-content:center;color:var(--color-text-a50);font-size:10px;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:10}.scroll-indicator.visible{opacity:1}.scroll-indicator.left{left:calc(-1 * var(--spacing-lg));justify-content:flex-start;padding-left:6px}.scroll-indicator.right{right:calc(-1 * var(--spacing-lg));justify-content:flex-end;padding-right:6px}.tab-content{max-width:none}.toggle-row{gap:var(--spacing-md)}.toggle-row .form-label{flex:1;min-width:0}.table-toolbar{flex-direction:column;gap:var(--spacing-sm)}.table-toolbar-left{width:100%}.table-toolbar-left:has(.custom-select):has(.table-search){flex-direction:column;gap:var(--spacing-sm)}.table-toolbar .table-info{font-size:var(--font-size-xs);color:var(--color-text-a50)}.table-toolbar .table-search{width:100%;max-width:none}.table-toolbar .table-actions{width:100%}.table-toolbar .table-actions .btn-glass,.table-toolbar .table-actions .btn-primary{width:100%;justify-content:center}.table-toolbar .select-wrapper:has([id$=-rows-per-page]),.table-toolbar .custom-select:has([id$=-rows-per-page]){display:none!important}.table-actions:has(.custom-select:only-child):has([id$=-rows-per-page]){display:none}.table-actions{flex-direction:column;width:100%;gap:var(--spacing-sm)}.table-actions:empty{display:none}.table-toolbar .select-wrapper,.table-toolbar .custom-select{width:100%}.table-actions .btn-bulk-delete{width:100%;justify-content:center}.bulk-delete-menu{min-width:unset}.loaders-info-bar{flex-direction:column}.storage-widget,.public-url-widget{flex:none;width:100%}.table-footer{flex-direction:column;gap:var(--spacing-sm)}.table-footer .table-info{text-align:center;width:100%}.session-item{padding:var(--spacing-sm) var(--spacing-md)}.session-item .btn-glass{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.security-action-row{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.security-action-row .btn-glass{width:100%;justify-content:center}.subscription-row{flex-wrap:wrap}.subscription-row>div:first-child{flex:1 1 calc(50% - .375rem)}.subscription-row>div:first-child .custom-select{width:100%}.subscription-row .number-input+.custom-select{flex:1 1 calc(50% - .375rem)}.subscription-row .number-input{flex:0 0 80px}.subscription-row .btn-remove-row{margin-left:auto}.export-range-option,.export-format-content,.api-key-type-option .api-key-type-content,.resolve-option-content{background:var(--color-glass-bg);border-color:var(--color-glass-border);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md))}.export-range-option.selected,.export-range-option:has(input:checked),.export-format-option.selected .export-format-content,.api-key-type-option.selected .api-key-type-content,.resolve-option.selected .resolve-option-content{background:var(--color-primary-a10);border-color:var(--color-primary-a30);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md))}.api-tabs{width:100%}.api-tab{flex:1}.api-docs-container{grid-template-columns:1fr;min-height:auto}.api-docs-sidebar{position:static;max-height:250px;overflow-y:auto}.api-docs-content{min-width:0}.api-docs-content pre,.api-docs-content code{overflow-x:auto}.variable-type-selector{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;flex-wrap:nowrap}.variable-type-selector::-webkit-scrollbar{display:none}.variable-type-selector .type-option{flex:0 0 auto;white-space:nowrap}.plan-card-field-row{flex-direction:column}.settings-content{overflow-x:hidden}.table-scroll-mobile{width:100%;max-width:100%;box-sizing:border-box;margin:0;background:var(--color-text-a03);border:1px solid var(--color-text-a08);border-radius:var(--radius-lg);padding:var(--spacing-sm)}.otp-input{width:40px;height:48px;font-size:var(--font-size-lg)}.modal-body{overflow-y:auto;max-height:55vh;max-height:55dvh}.modal-actions{flex-shrink:0;padding-bottom:env(safe-area-inset-bottom,0px)}.danger-zone .btn-danger{width:100%;justify-content:center}}.auto-save-indicator{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:var(--radius-full);color:var(--color-text-a70);font-size:var(--font-size-sm);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md))}.auto-save-indicator i{color:var(--color-primary)}.email-field-wrapper{display:flex;gap:var(--spacing-sm);align-items:stretch}.email-field-wrapper .form-input{flex:1;background:var(--color-text-a05);color:var(--color-text-a50);cursor:not-allowed}.btn-change-email{display:flex;align-items:center;gap:var(--spacing-xs);padding:0 var(--spacing-md);background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md))}.btn-change-email:hover{background:var(--color-primary-a10);border-color:var(--color-primary-a30)}.btn-change-email i{font-size:12px}.form-section-description{margin:calc(-1 * var(--spacing-sm)) 0 var(--spacing-lg) 0;color:var(--color-text-a50);font-size:var(--font-size-sm);line-height:1.5}@media(max-width:480px){.email-field-wrapper{flex-direction:column;gap:var(--spacing-sm)}.btn-change-email{justify-content:center;padding:var(--spacing-sm) var(--spacing-md)}.session-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.session-item .session-item-actions{width:100%;display:flex;gap:var(--spacing-sm)}.session-item .btn-glass{flex:1;justify-content:center}}.reseller-page-header{margin-bottom:var(--spacing-2xl)}.reseller-back-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;margin-bottom:var(--spacing-lg);color:var(--color-text-a50);text-decoration:none;font-size:var(--font-size-sm);transition:all var(--transition-base)}.reseller-back-link:hover{color:var(--color-primary)}.reseller-back-link i{font-size:12px;transition:transform var(--transition-base)}.reseller-back-link:hover i{transform:translate(-4px)}.reseller-profile-section{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-text-a03);border:1px solid var(--color-text-a08);border-radius:var(--radius-lg)}.reseller-profile-left{display:flex;align-items:center;gap:var(--spacing-lg)}.reseller-profile-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.reseller-profile-name{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);letter-spacing:-.5px}.reseller-profile-email{margin:0;font-size:var(--font-size-sm);color:var(--color-text-a60)}.reseller-profile-meta{font-size:var(--font-size-xs);color:var(--color-text-a40)}.reseller-profile-actions{display:flex;align-items:center;gap:var(--spacing-md)}.reseller-quick-actions{display:flex;align-items:center;gap:var(--spacing-xs);padding-left:var(--spacing-md);border-left:1px solid var(--color-text-a10)}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-sm);color:var(--color-text-a50);cursor:pointer;transition:all var(--transition-base)}.btn-icon:hover{background:var(--color-text-a10);color:var(--color-text);border-color:var(--color-text-a20)}.btn-icon.primary:hover{background:var(--color-primary-a10);color:var(--color-primary);border-color:var(--color-primary-a30)}.btn-icon.warning:hover{background:var(--color-warning-a10);color:#fa0;border-color:var(--color-warning-a30)}.btn-icon.danger:hover{background:var(--color-error-a10);color:#f44;border-color:var(--color-error-a30)}@media(max-width:768px){.reseller-profile-section{flex-direction:column;align-items:flex-start;gap:var(--spacing-lg)}.reseller-profile-actions{width:100%;justify-content:space-between}.reseller-quick-actions{border-left:none;padding-left:0}}.badges-inline{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tier-selection-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.tier-checkbox-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-text-a03);border:1px solid var(--color-text-a10);border-radius:var(--radius-sm);transition:all var(--transition-base)}.tier-checkbox-item:hover{background:var(--color-text-a05)}.tier-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.tier-cost{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-a50)}.tier-cost i{color:#fa0;font-size:10px}.operation-toggle{display:flex;gap:var(--spacing-sm)}.operation-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-sm);color:var(--color-text-a50);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.operation-btn:hover{background:var(--color-text-a10);color:var(--color-text-a70)}.operation-btn.active.success{background:var(--color-primary-a10);border-color:var(--color-primary-a30);color:var(--color-primary)}.operation-btn.active.danger{background:var(--color-error-a10);border-color:var(--color-error-a30);color:#f66}.balance-display{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg);background:var(--color-primary-a05);border:1px solid var(--color-primary-a20);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.balance-label{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-a50);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.balance-amount{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary)}.balance-amount i{font-size:20px;color:#fa0}.balance-preview{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-text-a03);border-radius:var(--radius-sm);margin-top:var(--spacing-sm)}.preview-label{font-size:var(--font-size-sm);color:var(--color-text-a50)}.preview-amount{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-a70)}.preview-amount i{font-size:10px;color:var(--color-text-a30)}.transaction-history-mini{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:200px;overflow-y:auto}.transaction-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-text-a03);border-radius:var(--radius-sm)}.transaction-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px}.transaction-details{flex:1;min-width:0}.transaction-reason{font-size:var(--font-size-sm);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transaction-meta{font-size:var(--font-size-xs);color:var(--color-text-a40)}.transaction-amount{font-size:var(--font-size-sm);font-weight:600}.modal-info-section{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-text-a03);border:1px solid var(--color-text-a08);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.modal-info-section .info-row{display:flex;align-items:center;justify-content:space-between}.modal-info-section .info-label{font-size:var(--font-size-sm);color:var(--color-text-a50)}.modal-info-section .info-value{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.modal-info-section .info-value i{font-size:12px;color:#fa0}.empty-message{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--color-text-a03);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-a50)}.empty-message i{font-size:14px}.modal-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;color:var(--color-text-a50)}.modal-empty-state i{font-size:48px;margin-bottom:var(--spacing-md);color:var(--color-primary-a40)}.modal-empty-state p{margin:0;font-size:var(--font-size-sm)}.credits-badge.small{padding:2px var(--spacing-xs);font-size:var(--font-size-xs)}.credits-badge.small i{font-size:8px}.form-error i{margin-right:var(--spacing-xs)}.tab-content{padding:0}.empty-state-container{display:flex;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-xl)}.empty-state-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-md);max-width:300px}.empty-state-content i{font-size:48px;color:var(--color-text-a20)}.empty-state-content p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-a50)}.empty-state-content .text-muted{font-size:var(--font-size-xs)}.empty-state-content .btn-glass,.empty-state-content .btn-primary{margin-top:var(--spacing-md)}.reseller-cell.clickable{text-decoration:none;cursor:pointer;transition:opacity var(--transition-base)}.reseller-cell.clickable:hover{opacity:.8}.reseller-cell.clickable:hover .reseller-avatar{border-color:var(--color-primary);box-shadow:0 0 12px var(--color-primary-a30)}.app-assignments-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.app-assignment-card{background:var(--color-text-a03);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-base)}.app-assignment-card:hover{border-color:var(--color-text-a20)}.app-assignment-card.expanded{border-color:var(--color-primary-a30)}.app-card-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:background var(--transition-base)}.app-card-header:hover{background:var(--color-text-a05)}.app-card-expand{width:20px;text-align:center;color:var(--color-text-a50);transition:color var(--transition-base)}.app-card-expand i{font-size:12px}.app-assignment-card.expanded .app-card-expand{color:var(--color-primary)}.app-card-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.app-card-name{font-weight:600;color:var(--color-text);font-size:var(--font-size-base)}.app-card-meta{font-size:var(--font-size-xs);color:var(--color-text-a50)}.app-card-credits{flex-shrink:0}.app-card-credits:hover .credits-badge{background:var(--color-warning-a20);transform:scale(1.02)}.app-card-actions{flex-shrink:0}.app-card-content-grid{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.app-card-content-grid.open{grid-template-rows:1fr}.app-card-content-grid>.app-card-content{min-height:0;overflow:hidden}.app-card-content{padding:0 var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);transition:padding .3s ease}.app-card-content-grid.open>.app-card-content{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg)}.tier-section{background:var(--color-text-a03);border:1px solid var(--color-text-a08);border-radius:var(--radius-sm);overflow:hidden}.tier-section.disabled{opacity:.6}.tier-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-text-a03);border-bottom:1px solid var(--color-text-a08)}.tier-section.disabled .tier-header{border-bottom:none}.tier-info{display:flex;align-items:center;gap:var(--spacing-sm)}.tier-toggle-switch{position:relative;width:48px;height:26px;background:var(--color-text-a10);border:1px solid var(--color-text-a10);border-radius:26px;cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.tier-toggle-switch:after{content:"";position:absolute;top:50%;left:3px;transform:translateY(-50%);width:20px;height:20px;background:var(--color-text-a50);border-radius:50%;transition:all var(--transition-base)}.tier-toggle-switch.enabled{background:var(--color-primary-a20);border-color:var(--color-primary-a30)}.tier-toggle-switch.enabled:after{transform:translate(22px) translateY(-50%);background:var(--color-primary);box-shadow:0 0 8px var(--color-primary-a50)}.tier-name{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text)}.tier-level-badge{font-size:10px;font-weight:500;color:var(--color-text-a40);background:var(--color-text-a05);padding:2px 6px;border-radius:var(--radius-sm)}.tier-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.btn-add-plan{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary-a10);border:1px solid var(--color-primary-a20);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;color:var(--color-primary);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.btn-add-plan:hover:not(:disabled){background:var(--color-primary-a15);border-color:var(--color-primary-a30)}.btn-add-plan:disabled{opacity:.4;cursor:not-allowed;background:var(--color-text-a05);border-color:var(--color-text-a10);color:var(--color-text-a30)}.btn-add-plan i{font-size:10px}.tier-plans{padding:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs)}.no-plans-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-a50)}.no-plans-message i{color:var(--color-text-a30)}.plan-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-text-a03);border-radius:var(--radius-sm);transition:background var(--transition-base)}.plan-row:hover{background:var(--color-text-a05)}.plan-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.plan-label{font-weight:500;font-size:var(--font-size-sm);color:var(--color-text)}.plan-duration{font-size:var(--font-size-xs);color:var(--color-text-a50)}.plan-cost{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:500;color:var(--color-primary)}.plan-cost i{font-size:12px}.plan-actions{display:flex;align-items:center;gap:var(--spacing-xs);opacity:0;transition:opacity var(--transition-base)}.plan-row:hover .plan-actions{opacity:1}.plan-action-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-sm);color:var(--color-text-a50);cursor:pointer;transition:all var(--transition-base)}.plan-action-btn:hover{background:var(--color-text-a10);color:var(--color-text)}.plan-action-btn.danger:hover{background:var(--color-error-a10);border-color:var(--color-error-a30);color:#f66}.plan-action-btn i{font-size:11px}.plan-card{background:var(--color-text-a03);border:1px solid var(--color-text-a08);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-base)}.plan-card:hover{border-color:var(--color-text-a15)}.plan-card.editing{border-color:var(--color-primary-a30);background:var(--color-text-a05)}.plan-card-display{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer}.plan-card-expand{display:flex;align-items:center;justify-content:center;width:16px;color:var(--color-text-a30);font-size:10px;cursor:pointer}.plan-card-expand i{transition:transform .25s ease,color .25s ease}.plan-card:hover .plan-card-expand i,.plan-card-expand:hover i{color:var(--color-primary)}.plan-card-expand:hover i{transform:scale(1.1)}.plan-card-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.plan-card-label{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text)}.plan-card-description{font-size:var(--font-size-xs);color:var(--color-text-a50)}.plan-card-cost{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary-a10);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary)}.plan-card-cost i{font-size:10px}.plan-card-delete{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-text-a03);border:1px solid var(--color-text-a10);border-radius:var(--radius-sm);color:var(--color-text-a40);cursor:pointer;transition:all var(--transition-base)}.plan-card-delete:hover{background:var(--color-error-a10);border-color:var(--color-error-a30);color:var(--color-error)}.plan-card-delete i{font-size:12px}.plan-card-editor-grid{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.plan-card-editor-grid.open{grid-template-rows:1fr}.plan-card-editor{overflow:hidden;padding:0 var(--spacing-md);border-top:1px solid transparent;background:var(--color-text-a03);display:flex;flex-direction:column;gap:var(--spacing-md);transition:padding .25s ease,border-color .25s ease}.plan-card-editor-grid.open .plan-card-editor{padding:var(--spacing-md);border-top-color:var(--color-text-a10)}.plan-card-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:var(--spacing-sm) var(--spacing-md);box-sizing:border-box;background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:var(--font-size-sm);line-height:1.5;transition:all var(--transition-base)}.plan-card-input:focus{outline:none;border-color:var(--color-primary-a50);background:var(--color-text-a08);box-shadow:0 0 0 3px var(--color-primary-a10)}.plan-card-input::-moz-placeholder{color:var(--color-text-a30)}.plan-card-input::placeholder{color:var(--color-text-a30)}.plan-card-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.plan-card-field label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-a50)}.plan-card-field .field-icon{width:14px;height:14px;stroke:var(--color-text-a40);transition:all .25s ease}.plan-card-field:focus-within .field-icon{stroke:var(--color-primary);transform:scale(1.1);filter:drop-shadow(0 0 4px var(--color-primary-a30))}.plan-card-field-row{display:flex;gap:var(--spacing-md)}.plan-card-field-duration{flex:2}.plan-card-field-cost{flex:1}.plan-duration-inputs{display:flex;gap:var(--spacing-sm)}.plan-duration-inputs .number-input{flex:0 0 80px}.plan-duration-inputs .custom-select{flex:1}.plan-card-editor .number-input.compact{border-radius:var(--radius-md);transition:box-shadow .2s ease}.plan-card-editor .number-input.compact:focus-within{box-shadow:0 0 0 3px var(--color-primary-a10)}.plan-card-editor .number-input.compact .number-input-field input{border-color:var(--color-text-a10)}.plan-card-editor .number-input.compact:focus-within .number-input-field input{border-color:var(--color-primary);box-shadow:none}.plan-card-editor .number-input.compact:focus-within .number-input-step.up{border-color:var(--color-primary);border-left-color:var(--color-text-a10)}.plan-card-editor .number-input.compact:focus-within .number-input-step.down{border-color:var(--color-primary);border-left-color:var(--color-text-a10);border-top-color:var(--color-text-a10)}.plan-card-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-text-a08)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs)}.plan-card-save{display:flex;align-items:center;gap:var(--spacing-xs)}.plan-card-save .save-icon{width:14px;height:14px;stroke:currentColor;transition:all .2s ease}.plan-card-save:hover .save-icon{transform:scale(1.15)}.plan-card-save:active .save-icon{transform:scale(.95)}.plan-card-edit-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.plan-card-edit-input.label{flex:1;min-width:100px;height:30px;padding:0 var(--spacing-sm);box-sizing:border-box;background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-sm);font-weight:600;transition:all var(--transition-base)}.plan-card-edit-input.label:focus{outline:none;border-color:var(--color-primary-a50);background:var(--color-text-a08);box-shadow:0 0 0 2px var(--color-primary-a10)}.plan-card-edit-row .number-input.compact{flex:0 0 85px;height:30px}.plan-card-edit-row .number-input.compact .number-input-field input,.plan-card-edit-row .number-input-steppers{height:30px}.plan-card-edit-row .number-input-step{height:15px}.plan-card-edit-row .custom-select{flex:0 0 95px}.plan-card-edit-row .custom-select-trigger{height:30px;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.plan-card-edit-actions{display:flex;gap:var(--spacing-xs);margin-left:auto}.plan-card-action-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-sm);color:var(--color-text-a50);cursor:pointer;transition:all var(--transition-base)}.plan-card-action-btn:hover{background:var(--color-text-a10);color:var(--color-text)}.plan-card-action-btn.save:hover{background:var(--color-primary-a15);border-color:var(--color-primary-a30);color:var(--color-primary)}.plan-card-action-btn.cancel:hover{background:var(--color-error-a10);border-color:var(--color-error-a30);color:var(--color-error)}.plan-card-action-btn i{font-size:10px}.tier-disabled-message{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-a40);font-style:italic}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}@media(max-width:768px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-card .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-text-a10);text-align:left}.dashboard-card .card-header .card-title{display:flex;align-items:center;gap:var(--spacing-sm);margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.dashboard-card .card-header .card-title i{color:var(--color-primary);font-size:14px}.dashboard-card .card-body.no-padding{margin:0 calc(var(--spacing-2xl) * -1);width:calc(100% + var(--spacing-2xl) * 2)}.dashboard-card .card-body.no-padding .table-container{width:100%;max-width:100%}.overview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}@media(max-width:480px){.overview-stats{grid-template-columns:1fr}}.overview-stat{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-text-a03);border-radius:var(--radius-md)}.overview-stat-value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text)}.overview-stat-value.active{color:var(--color-primary)}.overview-stat-value.unused{color:var(--color-text-a50)}.overview-stat-value.expired{color:#f66}.overview-stat-label{font-size:var(--font-size-xs);color:var(--color-text-a50)}.apps-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.app-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-text-a03);border-radius:var(--radius-md)}.app-item-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-a15);border-radius:var(--radius-sm);color:var(--color-primary);font-size:14px;flex-shrink:0}.app-item-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.app-item-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.app-item-version{font-size:var(--font-size-xs);color:var(--color-text-a50)}.app-item-tiers{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.tier-badge{display:inline-flex;padding:2px 8px;background:var(--color-primary-a10);border-radius:var(--radius-xs);font-size:var(--font-size-xs);font-weight:500;color:var(--color-primary)}.license-key{font-family:Fira Code,SF Mono,monospace;font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-text-a05);border-radius:var(--radius-xs);color:var(--color-text-a70)}.tier-tag,.data-table .subscription-badge{display:inline-flex;align-items:center;padding:4px 10px;background:var(--color-primary-a10);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;color:var(--color-primary);gap:0;justify-content:center;border:none;margin-bottom:0}.credit-balance-card{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-xl);background:var(--color-text-a03);border:1px solid var(--color-text-a10);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.credit-balance-main{display:flex;align-items:center;gap:var(--spacing-lg)}.credit-balance-icon-large{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-a15);border-radius:var(--radius-lg);color:var(--color-primary);font-size:28px;flex-shrink:0}.credit-balance-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.credit-balance-label-large{font-size:var(--font-size-sm);color:var(--color-text-a50)}.credit-balance-value-large{font-size:36px;font-weight:700;color:var(--color-text);line-height:1}.credit-balance-unit{font-size:var(--font-size-sm);color:var(--color-text-a50)}.credit-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}@media(max-width:480px){.credit-stats-grid{grid-template-columns:1fr}}.credit-stat{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-text-a05);border-radius:var(--radius-md)}.credit-stat-value{font-size:var(--font-size-lg);font-weight:700}.credit-stat-value.positive{color:var(--color-primary)}.credit-stat-value.negative{color:#f66}.credit-stat-value.refund{color:#5865f2}.credit-stat-label{font-size:var(--font-size-xs);color:var(--color-text-a50);text-align:center}.transaction-type{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;text-transform:capitalize}.transaction-type.positive{background:var(--color-primary-a10);color:var(--color-primary)}.transaction-type.negative{background:#ff66661a;color:#f66}.transaction-type.refund{background:#5865f21a;color:#5865f2}.transaction-description{color:var(--color-text-a70)}.transaction-amount{font-weight:600}.transaction-amount.positive{color:var(--color-primary)}.transaction-amount.negative{color:#f66}.transaction-amount.refund{color:#5865f2}.transaction-balance{color:var(--color-text-a50)}.credit-packages-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.credit-package-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--color-text-a03);border:2px solid var(--color-text-a10);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.credit-package-item:hover{border-color:var(--color-text-a20);background:var(--color-text-a05)}.credit-package-item.selected{border-color:var(--color-primary);background:var(--color-primary-a05)}.credit-package-item.popular{border-color:var(--color-primary-a30)}.popular-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:2px 10px;background:var(--color-primary);border-radius:var(--radius-sm);font-size:10px;font-weight:600;color:#fff;text-transform:uppercase;white-space:nowrap}.savings-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);padding:2px 6px;background:#22c55e1a;border-radius:var(--radius-xs);font-size:10px;font-weight:600;color:#22c55e}.package-credits{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xl);font-weight:700;color:var(--color-text)}.package-credits i{color:var(--color-primary);font-size:16px}.package-price{font-size:var(--font-size-sm);color:var(--color-text-a50)}.custom-credits-input{display:flex;gap:var(--spacing-md);align-items:center}@media(max-width:480px){.custom-credits-input{flex-direction:column;align-items:stretch}}.custom-input-wrapper{flex:1;position:relative}.custom-input-wrapper i{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-text-a30);font-size:14px;pointer-events:none}.custom-input-wrapper .form-input{padding-left:40px}.custom-price-display{display:flex;flex-direction:column;align-items:flex-end;gap:2px}@media(max-width:480px){.custom-price-display{flex-direction:row;justify-content:space-between;align-items:center}}.custom-price-label{font-size:var(--font-size-xs);color:var(--color-text-a50)}.custom-price-value{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary)}.purchase-summary{padding:var(--spacing-md);background:var(--color-text-a03);border-radius:var(--radius-md)}.purchase-summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;font-size:var(--font-size-sm);color:var(--color-text-a70)}.purchase-summary-row span:last-child{display:flex;align-items:center;gap:var(--spacing-xs)}.purchase-summary-row span:last-child i{color:var(--color-primary);font-size:12px}.purchase-summary-divider{height:1px;background:var(--color-text-a10);margin:var(--spacing-sm) 0}.purchase-summary-row.total{font-weight:600;color:var(--color-text)}.purchase-summary-row.total span:last-child{font-size:var(--font-size-lg);color:var(--color-primary)}.credit-indicator{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary-a10);border:1px solid var(--color-primary-a20);border-radius:var(--radius-sm);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:500}.credit-indicator i{font-size:14px}.credit-balance-display{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-primary-a10);border:1px solid var(--color-primary-a15);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.credit-balance-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-a15);border-radius:var(--radius-sm);color:var(--color-primary);font-size:18px}.credit-balance-info{display:flex;flex-direction:column;gap:2px}.credit-balance-label{font-size:var(--font-size-xs);color:var(--color-text-a50)}.credit-balance-value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary)}.app-select-grid,.tier-select-grid,.plan-select-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-sm)}.app-select-item,.tier-select-item,.plan-select-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-text-a03);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-a70);font-size:var(--font-size-sm)}.app-select-item:hover,.tier-select-item:hover,.plan-select-item:hover{background:var(--color-text-a08);border-color:var(--color-text-a20);color:var(--color-text)}.app-select-item.selected,.tier-select-item.selected,.plan-select-item.selected{background:var(--color-primary-a10);border-color:var(--color-primary);color:var(--color-primary)}.app-select-item i{font-size:20px}.tier-name{font-weight:500}.plan-select-item{flex-direction:column;gap:var(--spacing-xs)}.plan-duration{font-weight:500}.plan-cost{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-a50)}.plan-select-item.selected .plan-cost{color:var(--color-primary)}.plan-cost i{font-size:10px}.quantity-input-wrapper{display:flex;align-items:center;gap:var(--spacing-sm);height:38px}.quantity-btn{width:38px;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-sm);color:var(--color-text-a70);cursor:pointer;transition:all var(--transition-base)}.quantity-btn:hover:not(:disabled){background:var(--color-text-a10);color:var(--color-text)}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-input{width:80px;height:100%;text-align:center;-moz-appearance:textfield}.quantity-input::-webkit-outer-spin-button,.quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cost-summary{padding:var(--spacing-md);background:var(--color-text-a03);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);margin-top:var(--spacing-lg)}.cost-summary.error{border-color:#ff64644d;background:#ff64640d}.cost-summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--color-text-a70)}.cost-summary-row.total{font-weight:600;font-size:var(--font-size-md);color:var(--color-text)}.cost-summary-row.total span:last-child{color:var(--color-primary)}.cost-summary-divider{height:1px;background:var(--color-text-a10);margin:var(--spacing-sm) 0}.cost-summary-error{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:#ff64641a;border-radius:var(--radius-sm);color:#f66;font-size:var(--font-size-sm)}.reseller-create-modal .modal-form-section,.reseller-create-modal .modal-form-field{width:100%}.reseller-create-modal .tier-select-grid,.reseller-create-modal .plan-select-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--spacing-md);width:100%}.reseller-create-modal .quantity-input-wrapper{width:100%;justify-content:center}.reseller-create-modal .quantity-input{flex:1}.reseller-create-modal .cost-summary{width:100%}.cost-summary-error i{font-size:14px}.dashboard-welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding:var(--spacing-sm) 0}.welcome-content{display:flex;align-items:center;gap:var(--spacing-lg)}.welcome-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-a20) 0%,var(--color-primary-a10) 100%);border-radius:var(--radius-md);color:var(--color-primary);font-size:18px;box-shadow:0 0 15px var(--color-primary-a20)}.welcome-text{display:flex;flex-direction:column;gap:4px}.welcome-greeting{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0}.welcome-username{color:var(--color-primary);text-shadow:0 0 20px var(--color-primary-a30)}.welcome-subtitle{font-size:var(--font-size-sm);color:var(--color-text-a50);margin:0}.welcome-actions{display:flex;gap:var(--spacing-md)}.btn-ghost{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:1px solid var(--color-text-a20);border-radius:var(--radius-md);color:var(--color-text-a70);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.btn-ghost:hover{background:var(--color-text-a05);border-color:var(--color-text-a30);color:var(--color-text)}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(100px,auto);gap:var(--spacing-md);align-items:stretch}.bento-card{background:var(--color-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);padding:var(--spacing-md);position:relative;overflow:hidden;transition:all var(--transition-base);min-height:0;height:100%}.bento-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.05) 0%,transparent 70%);pointer-events:none}.bento-card.glow-hover:hover{border-color:var(--color-primary-a30);box-shadow:0 0 20px var(--color-primary-a15),0 8px 32px #0000004d}.bento-card.size-sm{grid-column:span 1;grid-row:span 1}.bento-card.size-md,.bento-card.size-lg{grid-column:span 2;grid-row:span 1}.bento-card.size-xl{grid-column:span 4;grid-row:span 1}.bento-card.size-wide{grid-column:span 2;grid-row:span 1}.bento-card.size-full{grid-column:span 4;grid-row:span 1}.bento-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-a70)}.bento-card-header i{color:var(--color-primary);font-size:14px}.credit-balance-card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-xs)}.credit-balance-header{display:flex;align-items:center;gap:var(--spacing-sm)}.credit-balance-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-a25) 0%,var(--color-primary-a10) 100%);border-radius:var(--radius-md);color:var(--color-primary);font-size:14px}.credit-balance-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-a50)}.credit-balance-content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:var(--spacing-sm) 0}.hero-number-wrapper{position:relative}.hero-number{font-size:2rem;font-weight:800;color:var(--color-primary);text-shadow:0 0 30px var(--color-primary-a50);line-height:1}.hero-number-glow{position:absolute;inset:-10px;background:radial-gradient(circle,var(--color-primary-a20) 0%,transparent 70%);filter:blur(15px);z-index:-1}.credit-balance-unit{font-size:var(--font-size-sm);color:var(--color-text-a50);margin-top:var(--spacing-sm)}.credit-balance-footer{display:flex;justify-content:center}.credit-pulse-ring{width:80px;height:4px;background:linear-gradient(90deg,transparent,var(--color-primary-a30),transparent);border-radius:2px;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.3;transform:scaleX(.8)}50%{opacity:1;transform:scaleX(1)}}.license-stats-card{display:flex;flex-direction:column}.license-stats-list{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.license-stat-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--color-text-a03);border-radius:var(--radius-sm)}.license-stat-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:10px}.license-stat-item.active .license-stat-icon{background:var(--color-primary-a15);color:var(--color-primary)}.license-stat-item.unused .license-stat-icon{background:var(--color-text-a10);color:var(--color-text-a50)}.license-stat-item.expired .license-stat-icon{background:#ff646426;color:#f66}.license-stat-info{display:flex;flex-direction:column;flex:1}.license-stat-value{font-size:var(--font-size-base);font-weight:700;color:var(--color-text);line-height:1}.license-stat-label{font-size:var(--font-size-xs);color:var(--color-text-a50)}.license-stat-bar{width:60px;height:4px;background:var(--color-text-a10);border-radius:2px;overflow:hidden}.license-stat-bar-fill{height:100%;border-radius:2px}.license-stat-item.active .license-stat-bar-fill{background:var(--color-primary);box-shadow:0 0 8px var(--color-primary-a50)}.license-stat-item.unused .license-stat-bar-fill{background:var(--color-text-a30)}.license-stat-item.expired .license-stat-bar-fill{background:#f66}.license-stats-total{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-xs);border-top:1px solid var(--color-text-a10);margin-top:var(--spacing-xs)}.total-label{font-size:var(--font-size-sm);color:var(--color-text-a50)}.total-value{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text)}.users-stats-card{display:flex;flex-direction:column}.users-stats-content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:var(--spacing-sm)}.users-icon-wrapper{position:relative}.users-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-a20) 0%,var(--color-primary-a05) 100%);border:2px solid var(--color-primary-a30);border-radius:50%;color:var(--color-primary);font-size:18px}.users-icon-glow{position:absolute;inset:-10px;background:radial-gradient(circle,var(--color-primary-a20) 0%,transparent 70%);filter:blur(10px);z-index:-1}.users-number{display:flex;flex-direction:column;align-items:center}.users-count{font-size:1.75rem;font-weight:800;color:var(--color-text);line-height:1}.users-label{font-size:var(--font-size-sm);color:var(--color-text-a50)}.users-stats-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-xs);border-top:1px solid var(--color-text-a10)}.users-stat-mini{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-a50)}.users-stat-mini i{font-size:10px}.online-indicator{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-primary)}.online-dot{width:6px;height:6px;background:var(--color-primary);border-radius:50%;box-shadow:0 0 8px var(--color-primary)}.license-chart-card{display:flex;flex-direction:column}.chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.chart-header-left{display:flex;flex-direction:column;gap:4px}.chart-subtitle{font-size:var(--font-size-xs);color:var(--color-text-a40);margin:0}.chart-header-right{display:flex;gap:var(--spacing-xl)}.chart-stat{display:flex;flex-direction:column;align-items:flex-end}.chart-stat-value{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary);line-height:1}.chart-stat-label{font-size:var(--font-size-xs);color:var(--color-text-a50)}.chart-container{flex:1;min-height:100px;max-height:120px}.chart-tooltip{background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-primary-a30);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);box-shadow:0 4px 20px #0006}.chart-tooltip-label{font-size:var(--font-size-xs);color:var(--color-text-a50);margin:0 0 4px}.chart-tooltip-value{display:flex;align-items:baseline;gap:var(--spacing-xs);margin:0}.chart-tooltip-number{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary)}.chart-tooltip-unit{font-size:var(--font-size-xs);color:var(--color-text-a50)}.quick-stats-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--spacing-sm)}.quick-stats-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-text-a05);border-radius:var(--radius-md);font-size:20px;color:var(--color-text-a50)}.quick-stats-card.primary .quick-stats-icon,.quick-stats-card.success .quick-stats-icon,.quick-stats-card.info .quick-stats-icon{background:var(--color-primary-a15);color:var(--color-primary)}.quick-stats-card.warning .quick-stats-icon{background:#ffb46426;color:#ffb464}.quick-stats-content{display:flex;flex-direction:column;align-items:center}.quick-stats-value{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text);line-height:1}.quick-stats-label{font-size:var(--font-size-sm);color:var(--color-text-a70)}.quick-stats-subtitle{font-size:var(--font-size-xs);color:var(--color-text-a40)}.recent-activity-card{display:flex;flex-direction:column;max-height:180px}.activity-list{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;overflow-y:auto;max-height:130px;padding-right:var(--spacing-xs);scrollbar-width:thin;scrollbar-color:var(--color-primary-a30) transparent}.activity-list::-webkit-scrollbar{width:4px}.activity-list::-webkit-scrollbar-track{background:transparent}.activity-list::-webkit-scrollbar-thumb{background:var(--color-primary-a30);border-radius:2px}.activity-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--color-text-a03);border-radius:var(--radius-sm);border-left:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.activity-item:hover{background:var(--color-primary-a10);border-left-color:var(--color-primary)}.activity-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:10px}.activity-icon.success{background:var(--color-primary-a15);color:var(--color-primary)}.activity-icon.danger{background:#ff646426;color:#f66}.activity-icon.warning{background:#ffb46426;color:#ffb464}.activity-icon.info{background:#6496ff26;color:#6496ff}.activity-icon.default{background:var(--color-text-a10);color:var(--color-text-a50)}.activity-content{display:flex;flex-direction:column;flex:1;min-width:0}.activity-title{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-description{font-size:var(--font-size-xs);color:var(--color-text-a50);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-time{font-size:var(--font-size-xs);color:var(--color-text-a40);white-space:nowrap}.activity-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:var(--spacing-sm);color:var(--color-text-a30)}.activity-empty i{font-size:24px}.activity-empty span{font-size:var(--font-size-sm)}@media(max-width:1200px){.bento-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.bento-card.size-xl{grid-column:span 2}}@media(max-width:900px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-card.size-lg,.bento-card.size-xl{grid-column:span 2}.dashboard-welcome{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.welcome-actions{width:100%}.welcome-actions button{flex:1}}@media(max-width:640px){.bento-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.bento-card.size-sm,.bento-card.size-md,.bento-card.size-lg,.bento-card.size-xl,.bento-card.size-wide,.bento-card.size-full{grid-column:span 1}.hero-number{font-size:2rem}.welcome-greeting{font-size:var(--font-size-base)}.chart-header{flex-direction:column;gap:var(--spacing-sm)}.chart-header-right{width:100%;justify-content:space-between}}.loading-card{display:flex;align-items:center;justify-content:center;min-height:400px}.loading-content{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--color-text-a70)}.loading-icon{font-size:2.5rem;color:var(--accent)}.loading-text{font-size:1rem;margin:0}.infinite-scroll-loader-row{background:var(--color-bg-secondary)}.infinite-scroll-loader-row td{border-top:1px dashed var(--color-border);border-bottom:1px dashed var(--color-border)}.infinite-scroll-loader-row .loader-content{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--color-text-secondary);font-size:.9rem}.infinite-scroll-loader-row i{color:var(--accent)}.skeleton-wrapper{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.skeleton-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.skeleton-header{display:flex;justify-content:space-between;align-items:center}.skeleton-box{background:linear-gradient(110deg,var(--color-text-a05) 8%,var(--color-text-a10) 18%,var(--color-text-a05) 33%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-box+.skeleton-box{margin-left:var(--spacing-sm)}.generated-keys-container{max-height:400px;overflow-y:auto;padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-sm)}.generated-keys-container::-webkit-scrollbar{width:6px}.generated-keys-container::-webkit-scrollbar-track{background:transparent}.generated-keys-container::-webkit-scrollbar-thumb{background:var(--color-text-a10);border-radius:3px}.generated-keys-container::-webkit-scrollbar-thumb:hover{background:var(--color-text-a20)}.modal-content:has(.generated-keys-modal){overflow-y:visible}.generated-key-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-text-a03);border:1px solid var(--color-text-a05);border-radius:var(--radius-lg);transition:all .2s ease;position:relative;overflow:hidden;flex-shrink:0}.generated-key-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--color-primary-a05) 0%,transparent 100%);opacity:0;transition:opacity .2s ease}.generated-key-item:hover{border-color:var(--color-text-a10);background:var(--color-text-a05);transform:translate(2px)}.generated-key-item:hover:before{opacity:1}.key-index{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-text-a08);border-radius:var(--radius-md);color:var(--color-text-a50);font-size:var(--font-size-xs);font-weight:600;flex-shrink:0;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.generated-key-item:hover .key-index{background:var(--color-primary-a15);color:var(--color-primary)}.generated-key-value{flex:1;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:13px;color:var(--color-text);padding:var(--spacing-xs) var(--spacing-md);background:var(--color-text-a05);border:1px solid var(--color-text-a08);border-radius:var(--radius-md);letter-spacing:.3px;-webkit-user-select:all;-moz-user-select:all;user-select:all;cursor:text;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.generated-key-item:hover .generated-key-value{background:var(--color-text-a08);border-color:var(--color-text-a10)}.generated-key-item{animation:fadeInUp .3s ease backwards}.generated-key-item:nth-child(1){animation-delay:.05s}.generated-key-item:nth-child(2){animation-delay:.1s}.generated-key-item:nth-child(3){animation-delay:.15s}.generated-key-item:nth-child(4){animation-delay:.2s}.generated-key-item:nth-child(5){animation-delay:.25s}.generated-key-item:nth-child(n+6){animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn-secondary.copied{background:var(--color-primary-a15);border-color:var(--color-primary-a30);color:var(--color-success)}.btn-secondary.copied:hover{background:var(--color-primary-a20);border-color:var(--color-primary-a40)}.modal-header.success .modal-header-icon{background:var(--success)}.modal-header.success .modal-header-icon i{color:#fff}.upload-progress-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-primary-a10);border-radius:var(--radius-sm);border:1px solid var(--color-primary-a20)}.upload-progress-bar{height:8px;background:var(--color-text-a10);border-radius:var(--radius-xs);overflow:hidden;margin-bottom:var(--spacing-md)}.upload-progress-fill{height:100%;background:var(--gradient-upload);border-radius:var(--radius-xs);transition:width var(--transition-smooth);position:relative;box-shadow:0 0 8px var(--color-primary-a30)}.upload-progress-fill:after{content:"";position:absolute;inset:0;background-image:linear-gradient(45deg,var(--color-text-a15) 25%,transparent 25%,transparent 50%,var(--color-text-a15) 50%,var(--color-text-a15) 75%,transparent 75%,transparent);background-size:30px 30px;animation:uploadStripe 1s linear infinite}@keyframes uploadStripe{0%{background-position:0 0}to{background-position:30px 0}}.upload-progress-info{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-base);color:var(--color-text-a90);margin-bottom:var(--spacing-sm)}.upload-progress-stats{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);color:var(--color-text-a60)}.upload-progress-stats .upload-speed{color:var(--color-primary);font-weight:500}.upload-progress-stats .upload-eta{color:var(--color-text-a70)}.upload-progress-fill.near-complete{animation:uploadPulse 1.5s ease-in-out infinite}@keyframes uploadPulse{0%,to{box-shadow:0 0 8px var(--color-primary-a30)}50%{box-shadow:0 0 16px var(--color-primary-a50)}}.upload-progress-fill.near-complete:after{animation:uploadStripe 1s linear infinite}.upload-dropzone.disabled,.toggle-group.disabled{pointer-events:none;opacity:.6}.finalization-progress{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) 0}.finalization-spinner{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0}.finalization-spinner i{font-size:var(--font-size-xxl);color:var(--color-primary)}.finalization-info{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.finalization-title{font-size:var(--font-size-base);font-weight:500;color:var(--color-text-a90)}.finalization-subtitle{font-size:var(--font-size-xs);color:var(--color-text-a60)}.feature-locked-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-3xl) var(--spacing-2xl);background:var(--color-text-a03);border:1px solid var(--color-text-a08);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.feature-locked-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-a10);border:1px solid var(--color-primary-a30);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.feature-locked-icon i{font-size:24px;color:var(--color-primary)}.feature-locked-content{max-width:480px;margin-bottom:var(--spacing-xl)}.feature-locked-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-sm)}.feature-locked-description{font-size:var(--font-size-sm);color:var(--color-text-a50);line-height:1.6;margin-bottom:var(--spacing-lg)}.feature-locked-benefits{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm);text-align:left}.feature-locked-benefits li{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-a70)}.feature-locked-benefits li i{color:var(--color-primary);font-size:var(--font-size-xs);flex-shrink:0}.feature-locked-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}.feature-locked-cta{margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-2xl)!important;font-size:var(--font-size-sm)!important}.feature-locked-cta.addon{background:var(--color-text-a05);border:1px solid var(--color-text-a15)}.upsell-modal{padding:var(--spacing-md) 0}.upsell-modal-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.upsell-modal-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-a10);border:1px solid var(--color-primary-a30);border-radius:var(--radius-md);flex-shrink:0}.upsell-modal-icon i{font-size:16px;color:var(--color-primary)}.upsell-modal-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text);margin:0}.upsell-modal-description{font-size:var(--font-size-sm);color:var(--color-text-a50);line-height:1.5;margin-bottom:var(--spacing-lg)}.upsell-modal-usage{margin-bottom:var(--spacing-lg)}.upsell-usage-bar{height:6px;background:var(--color-text-a08);border-radius:3px;overflow:hidden;margin-bottom:var(--spacing-xs)}.upsell-usage-bar-fill{height:100%;background:var(--color-error, #ef4444);border-radius:3px}.upsell-usage-text{font-size:var(--font-size-xs);color:var(--color-text-a50)}.upsell-modal-section{margin-top:var(--spacing-lg)}.upsell-section-label{display:block;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-a40);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.upsell-addon-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-text-a03);border:1px solid var(--color-text-a08);border-radius:var(--radius-md);margin-bottom:var(--spacing-xs)}.upsell-addon-info{display:flex;flex-direction:column;gap:2px}.upsell-addon-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.upsell-addon-price{font-size:var(--font-size-xs);color:var(--color-text-a50)}.full-width{width:100%;justify-content:center}.upsell-back-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-text-a05);border:1px solid var(--color-text-a10);border-radius:var(--radius-md);color:var(--color-text-a70);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.upsell-back-btn:hover{background:var(--color-text-a10);color:var(--color-text)}.upsell-payment-summary{padding:var(--spacing-md);background:var(--color-text-a03);border:1px solid var(--color-text-a08);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.upsell-payment-item{display:flex;align-items:center;justify-content:space-between}.upsell-payment-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.upsell-payment-price{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary)}.upsell-payment-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-xs);color:#ef4444}.upsell-payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.upsell-payment-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-lg) var(--spacing-md);background:var(--color-text-a03);border:2px solid var(--color-text-a10);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);position:relative}.upsell-payment-card:hover:not(:disabled){background:var(--color-text-a05);border-color:var(--color-text-a20)}.upsell-payment-card.selected{border-color:var(--color-primary);background:var(--color-primary-a10)}.upsell-payment-card:disabled{opacity:.5;cursor:not-allowed}.upsell-payment-card i{font-size:24px;color:var(--color-text-a50)}.upsell-payment-card.selected i{color:var(--color-primary)}.upsell-payment-card span{font-size:var(--font-size-xs);color:var(--color-text-a70);font-weight:500}.upsell-payment-soon{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);font-size:10px!important;padding:1px 6px;background:var(--color-text-a08);border-radius:var(--radius-sm);color:var(--color-text-a40)!important}.upsell-confirm-btn{margin-top:var(--spacing-lg)}.upsell-processing{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) 0;gap:var(--spacing-lg)}.upsell-processing-spinner i{font-size:32px;color:var(--color-primary)}.upsell-processing-text{font-size:var(--font-size-sm);color:var(--color-text-a50)}.usage-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:var(--color-text-a03);border:1px solid var(--color-text-a08);border-radius:var(--radius-full);font-size:var(--font-size-xs);white-space:nowrap}.usage-badge.unlimited{color:var(--color-text-a50)}.usage-badge.unlimited i{font-size:11px;color:var(--color-text-a40)}.usage-badge-bar{width:40px;height:4px;background:var(--color-text-a08);border-radius:2px;overflow:hidden;flex-shrink:0}.usage-badge-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.usage-badge.normal .usage-badge-bar-fill{background:var(--color-success, #22c55e)}.usage-badge.warning .usage-badge-bar-fill{background:var(--color-warning, #f59e0b)}.usage-badge.critical .usage-badge-bar-fill{background:var(--color-error, #ef4444)}.usage-badge-text{color:var(--color-text-a60);font-weight:500}.reseller-setup-wizard{max-width:720px;margin:0 auto;padding:8px 0 32px}.wizard-progress{margin-bottom:40px}.wizard-progress-track{height:3px;background:var(--color-text-a08, rgba(255,255,255,.08));border-radius:3px;overflow:hidden}.wizard-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary, #11ff2a),var(--color-primary, #11ff2a));border-radius:3px;transition:width .5s cubic-bezier(.4,0,.2,1)}.wizard-progress-labels{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;font-weight:500;color:var(--color-text-a30, rgba(255,255,255,.3))}.wizard-progress-labels span.active{color:var(--color-primary, #11ff2a)}.wizard-step{animation:wizardFadeIn .4s ease both}@keyframes wizardFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.wizard-hero-icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;background:var(--color-primary-a10, rgba(17, 255, 42, .1));box-shadow:0 0 60px var(--color-primary-a15, rgba(17, 255, 42, .15))}.wizard-hero-icon i{font-size:28px;color:var(--color-primary, #11ff2a)}.wizard-hero-icon.branding{background:#8b5cf61a;box-shadow:0 0 60px #8b5cf61f}.wizard-hero-icon.branding i{color:#a78bfa}.wizard-step-title{font-size:22px;font-weight:700;color:#fff;text-align:center;letter-spacing:-.01em;margin:0 0 8px}.wizard-step-subtitle{font-size:14px;color:var(--color-text-a50, rgba(255,255,255,.5));text-align:center;max-width:400px;margin:0 auto 16px;line-height:1.6}.wizard-branding-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wizard-branding-grid>.form-group:nth-child(2){grid-row:1 / 3;grid-column:2}.wizard-branding-grid .form-group{margin-bottom:0}.wizard-url-preview{background:var(--color-text-a04, rgba(255,255,255,.04));border:1px solid var(--color-text-a08, rgba(255,255,255,.08));border-radius:10px;overflow:hidden;margin-bottom:24px}.url-preview-dots{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid var(--color-text-a06, rgba(255,255,255,.06))}.url-preview-dots span{width:10px;height:10px;border-radius:50%;background:var(--color-text-a12, rgba(255,255,255,.12))}.url-preview-bar{display:flex;align-items:center;gap:2px;padding:12px 16px;font-family:var(--font-mono, monospace);font-size:13px;color:var(--color-text-a40, rgba(255,255,255,.4));overflow-x:auto;white-space:nowrap}.url-preview-bar i{font-size:11px;color:var(--color-text-a25, rgba(255,255,255,.25));margin-right:6px}.url-preview-bar strong{color:var(--color-primary, #11ff2a);font-weight:600}.wizard-slug-field{margin-bottom:28px}.wizard-slug-field label{display:block;font-size:13px;font-weight:600;color:var(--color-text-a60, rgba(255,255,255,.6));margin-bottom:8px}.wizard-slug-input-row{display:flex;align-items:center;cursor:text;background:var(--color-text-a06, rgba(255,255,255,.06));border:1px solid var(--color-text-a15, rgba(255,255,255,.15));border-radius:var(--radius-sm, 6px);padding:0 14px;transition:border-color .2s ease,box-shadow .2s ease;animation:slugFieldHint 1.5s ease .6s 1 both}@keyframes slugFieldHint{0%,to{border-color:var(--color-text-a15, rgba(255,255,255,.15))}50%{border-color:var(--color-primary-a30, rgba(17, 255, 42, .3))}}.wizard-slug-input-row:focus-within{border-color:var(--color-primary-a30, rgba(17, 255, 42, .3));box-shadow:0 0 0 3px var(--color-primary-a08, rgba(17, 255, 42, .08))}.wizard-slug-input-row.has-error{border-color:var(--color-error-a50, rgba(239, 68, 68, .5))}.wizard-slug-input-row.has-error:focus-within{box-shadow:0 0 0 3px #ef444414}.wizard-slug-prefix,.wizard-slug-suffix{font-family:var(--font-mono, monospace);font-size:13px;color:var(--color-text-a20, rgba(255,255,255,.2));white-space:nowrap;flex-shrink:0}.wizard-slug-input-row input{flex:1;min-width:80px;padding:10px 6px;background:transparent;border:none;font-family:var(--font-mono, monospace);font-size:15px;color:var(--color-primary, #11ff2a);outline:none}.wizard-slug-input-row input::-moz-placeholder{color:var(--color-text-a40, rgba(255,255,255,.4));font-style:italic}.wizard-slug-input-row input::placeholder{color:var(--color-text-a40, rgba(255,255,255,.4));font-style:italic}.wizard-slug-error{display:block;margin-top:6px;font-size:12px;color:var(--color-error, #ef4444)}.wizard-slug-hint{display:block;margin-top:6px;font-size:12px;color:var(--color-text-a40, rgba(255,255,255,.4))}.wizard-continue-btn{display:flex;align-items:center;justify-content:center;margin:0 auto}.wizard-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.color-preset-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.color-preset-swatch{width:36px;height:36px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0;position:relative}.color-preset-swatch:hover{transform:scale(1.1);box-shadow:0 0 12px #fff3}.color-preset-swatch.active{border-color:#fff;box-shadow:0 0 0 2px #ffffff4d;transform:scale(1.1)}.color-preset-swatch.custom{background:linear-gradient(135deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);color:#fff;font-size:14px}.color-picker-popover{z-index:50;padding:14px;background:#0000008c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 8px 32px #0006;width:-moz-fit-content;width:fit-content;animation:color-picker-enter .15s ease-out}@keyframes color-picker-enter{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.color-picker-popover .react-colorful{width:240px;height:180px;border-radius:10px}.color-picker-popover .react-colorful__saturation{border-radius:10px 10px 0 0;border-bottom:none}.color-picker-popover .react-colorful__hue{height:14px;border-radius:0 0 10px 10px}.color-picker-popover .react-colorful__pointer{width:20px;height:20px;border:2px solid #fff;box-shadow:0 2px 6px #0006}.color-picker-input-row{display:flex;align-items:center;gap:6px;margin-top:10px}.color-picker-hash{color:#ffffff59;font-size:13px;font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none}.color-picker-hex-input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:13px;font-family:SF Mono,Fira Code,monospace;padding:6px 10px;outline:none;transition:border-color .2s;text-transform:uppercase;letter-spacing:.5px}.color-picker-hex-input:focus{border-color:#ffffff40}.color-picker-preview-dot{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.15);flex-shrink:0}.palette-preview{display:flex;gap:4px;border-radius:8px;overflow:hidden;height:24px}.palette-swatch{flex:1;min-width:0}.palette-swatch:first-child{border-radius:6px 0 0 6px}.palette-swatch:last-child{border-radius:0 6px 6px 0}.branding-accordion{overflow:hidden}.branding-accordion-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;cursor:pointer;color:var(--color-text);text-align:left;transition:background .15s ease}.branding-accordion-toggle:hover{background:var(--color-text-a5)}.branding-accordion-left{display:flex;align-items:center;gap:var(--spacing-md);position:relative}.branding-accordion-left>i{font-size:16px;color:var(--color-text-a50);width:20px;text-align:center}.branding-accordion-title{display:block;font-size:14px;font-weight:600;color:var(--color-text)}.branding-accordion-subtitle{display:block;font-size:12px;color:var(--color-text-a50);margin-top:1px}.branding-unsaved-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary);flex-shrink:0;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.branding-accordion-chevron{font-size:12px;color:var(--color-text-a40);transition:transform .25s ease;flex-shrink:0}.branding-accordion-chevron.expanded{transform:rotate(180deg)}.branding-accordion-body{border-top:1px solid var(--color-text-a10)}.branding-accordion-body .tab-changes-banner{border-radius:0;margin:0}.branding-image-section{display:flex;align-items:center;gap:var(--spacing-lg, 16px)}.branding-preview-container{position:relative;flex-shrink:0}.branding-preview-img{width:80px;height:80px;border-radius:var(--radius-lg, 12px);-o-object-fit:cover;object-fit:cover;border:2px solid var(--color-border-a15, rgba(255,255,255,.15))}.branding-image-placeholder{width:80px;height:80px;border-radius:var(--radius-lg, 12px);border:2px dashed var(--color-border-a15, rgba(255,255,255,.15));display:flex;align-items:center;justify-content:center;color:var(--color-text-a30, rgba(255,255,255,.3));font-size:24px;flex-shrink:0}.btn-clear-image{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;background:#ef4444e6;border:none;color:#fff;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.btn-clear-image:hover{background:#ef4444}.branding-image-controls{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px);flex:1;min-width:0}.branding-image-tabs{display:flex;gap:4px}.branding-image-tabs .tab-btn{padding:6px 14px;border-radius:6px;border:1px solid var(--color-border-a15, rgba(255,255,255,.15));background:transparent;color:var(--color-text-a60, rgba(255,255,255,.6));cursor:pointer;font-size:12px;display:flex;align-items:center;gap:6px;transition:all .2s}.branding-image-tabs .tab-btn.active{border-color:var(--color-primary, #11ff2a);color:var(--color-primary, #11ff2a);background:#11ff2a0d}.branding-image-upload{display:flex;align-items:center;gap:var(--spacing-sm, 8px);padding:var(--spacing-md, 12px) var(--spacing-lg, 16px);border:1.5px dashed var(--color-border-a15, rgba(255,255,255,.15));border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s;color:var(--color-text-a40, rgba(255,255,255,.4));font-size:var(--font-size-sm, 13px)}.branding-image-upload:hover{border-color:var(--color-primary, #11ff2a);color:var(--color-text-a60, rgba(255,255,255,.6));background:#11ff2a08}.branding-image-upload>i{font-size:18px;flex-shrink:0}.branding-image-upload>div{display:flex;flex-direction:column;gap:2px}.upload-hint{display:block;font-size:var(--font-size-xs, 11px);color:var(--color-text-a30, rgba(255,255,255,.3))}.form-hint{display:block;font-size:12px;color:var(--color-text-a40, rgba(255,255,255,.4));margin-top:4px}.dashboard-card .card-header .btn-glass.small{padding:6px 14px;font-size:12px}@media(max-width:640px){.reseller-setup-wizard{max-width:100%;padding:4px 0 24px}.wizard-hero-icon{width:60px;height:60px}.wizard-hero-icon i{font-size:24px}.wizard-step-title{font-size:19px}.wizard-url-preview{margin-left:-4px;margin-right:-4px}.url-preview-bar{font-size:11px;padding:10px 12px}.wizard-slug-prefix,.wizard-slug-suffix{font-size:11px}.wizard-slug-input-row input{font-size:13px}.wizard-actions{flex-direction:column}.wizard-actions .btn-glass{width:100%;justify-content:center}.wizard-branding-grid{grid-template-columns:1fr}.wizard-branding-grid>.form-group:nth-child(2){grid-row:auto;grid-column:auto}.color-preset-grid{gap:6px}.color-preset-swatch{width:32px;height:32px}}.toast-container{position:fixed;z-index:1300;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl);pointer-events:none}.toast-container.top-right{top:env(safe-area-inset-top);right:0}.toast-container.top-left{top:env(safe-area-inset-top);left:0}.toast-container.top-center{top:env(safe-area-inset-top);left:50%;transform:translate(-50%)}.toast-container.bottom-right{bottom:env(safe-area-inset-bottom);right:0}.toast-container.bottom-left{bottom:env(safe-area-inset-bottom);left:0}.toast-container.bottom-center{bottom:env(safe-area-inset-bottom);left:50%;transform:translate(-50%)}.toast{position:relative;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);padding-left:calc(var(--spacing-lg) + 3px);background:var(--color-text-a03);backdrop-filter:blur(40px) saturate(1.5);-webkit-backdrop-filter:blur(40px) saturate(1.5);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d inset,inset 0 1px #ffffff1a;min-width:280px;max-width:400px;pointer-events:auto;overflow:hidden}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--toast-color);z-index:4}.toast:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 0% 0%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none;border-radius:inherit;z-index:1}.toast.success{--toast-color: var(--color-success)}.toast.error{--toast-color: var(--color-error)}.toast.warning{--toast-color: var(--color-warning)}.toast.info{--toast-color: rgba(255, 255, 255, .6)}.toast-icon{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;color:var(--toast-color);font-size:16px}.toast-content{position:relative;z-index:3;flex:1;min-width:0}.toast-message{font-size:var(--font-size-sm);color:var(--color-text-a90);line-height:1.4;word-wrap:break-word}.toast-close{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--color-text-a40);font-size:12px;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-base)}.toast-close:hover{background:var(--color-text-a10);color:var(--color-text-a70)}.toast-progress{position:absolute;z-index:3;left:3px;right:0;bottom:0;height:2px;background:var(--toast-color);opacity:.5;transform-origin:left}@keyframes toastSlideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastSlideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes toastSlideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastSlideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes toastSlideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastSlideOutUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes toastProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-enter-right{animation:toastSlideInRight .3s ease-out forwards}.toast-exit-right{animation:toastSlideOutRight .25s ease-in forwards}.toast-enter-left{animation:toastSlideInLeft .3s ease-out forwards}.toast-exit-left{animation:toastSlideOutLeft .25s ease-in forwards}.toast-enter-center{animation:toastSlideInDown .3s ease-out forwards}.toast-exit-center{animation:toastSlideOutUp .25s ease-in forwards}@media(max-width:480px){.toast-container{padding:var(--spacing-md);left:0;right:0}.toast-container.top-right,.toast-container.top-left,.toast-container.top-center{top:env(safe-area-inset-top);left:0;right:0;transform:none}.toast-container.bottom-right,.toast-container.bottom-left,.toast-container.bottom-center{bottom:env(safe-area-inset-bottom);left:0;right:0;transform:none}.toast{min-width:0;max-width:none;width:100%}}#root{min-height:100vh}.glass-surface{position:relative;overflow:hidden;isolation:isolate}.glass-background{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,calc(var(--glass-opacity) * .15)),rgba(255,255,255,calc(var(--glass-opacity) * .05)),rgba(255,255,255,calc(var(--glass-opacity) * .1)));backdrop-filter:blur(var(--displace)) saturate(calc(100% + var(--brightness) * 1%));-webkit-backdrop-filter:blur(var(--displace)) saturate(calc(100% + var(--brightness) * 1%));border:1px solid rgba(255,255,255,.18);border-radius:inherit;mix-blend-mode:var(--mix-blend-mode)}.glass-distortion{position:absolute;inset:0;background:radial-gradient(ellipse at calc(var(--mouse-x) * 100%) calc(var(--mouse-y) * 100%),rgba(255,100,100,.03) 0%,transparent 50%),radial-gradient(ellipse at calc((var(--mouse-x) + .1) * 100%) calc((var(--mouse-y) + .05) * 100%),rgba(100,255,100,.03) 0%,transparent 50%),radial-gradient(ellipse at calc((var(--mouse-x) - .1) * 100%) calc((var(--mouse-y) - .05) * 100%),rgba(100,100,255,.03) 0%,transparent 50%);border-radius:inherit;pointer-events:none;opacity:var(--glass-opacity)}.glass-highlight{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.25) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.05) 100%);border-radius:inherit;pointer-events:none}.glass-content{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column}.header-island-wrapper{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);display:flex;justify-content:center;padding:var(--spacing-lg) var(--spacing-2xl);padding-top:max(var(--spacing-lg),env(safe-area-inset-top));pointer-events:none}.header-island{pointer-events:auto;max-width:900px;width:100%;overflow:visible!important;box-shadow:0 4px 24px #00000026,0 1px 3px #0000001a,inset 0 1px 0 var(--color-text-a20)}.header-island .glass-surface,.header-island .glass-content{overflow:visible!important}.header-content{position:relative;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-2xl);gap:var(--spacing-2xl);border-radius:50px}.header-spotlight{position:absolute;inset:0;opacity:0;pointer-events:none;border-radius:50px;clip-path:inset(0 round 50px);background:radial-gradient(400px circle at var(--spotlight-x, 50%) var(--spotlight-y, 50%),rgba(17,255,42,.45) 0%,rgba(17,255,42,.25) 20%,rgba(17,255,42,.08) 40%,transparent 70%);transition:opacity var(--transition-slow)}.header-logo{display:flex;align-items:center;flex-shrink:0}.header-logo img{height:36px;width:auto;-o-object-fit:contain;object-fit:contain;transition:transform var(--transition-base)}.header-logo:hover img{transform:scale(1.05)}.header-nav{display:flex;align-items:center;gap:var(--spacing-xs)}.nav-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px var(--spacing-lg);color:var(--color-text-a85);text-decoration:none;font-size:var(--font-size-base);font-weight:500;border-radius:var(--radius-2xl);transition:all var(--transition-base);background:transparent;border:none;cursor:pointer;white-space:nowrap}.nav-link:hover{background:var(--color-text-a10);color:var(--color-text)}.nav-link i{display:inline-block;font-size:var(--font-size-base);opacity:.8}.nav-link span{opacity:.95}.nav-dropdown{position:relative}.nav-dropdown:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:160px;height:var(--spacing-xl)}.dropdown-trigger{display:flex;align-items:center;gap:6px}.dropdown-trigger i.fa-chevron-down{font-size:10px;transition:transform var(--transition-base)}.dropdown-trigger i.fa-chevron-down.rotated{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + var(--spacing-xl));left:50%;transform:translate(-50%);min-width:160px;padding:var(--spacing-sm);animation:dropdownFade var(--transition-base)}@keyframes dropdownFade{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-md);padding:10px var(--spacing-lg);color:var(--color-text-a85);text-decoration:none;font-size:var(--font-size-base);border-radius:var(--radius-md);transition:all var(--transition-fast)}.dropdown-item:hover{background:var(--color-text-a10);color:var(--color-text)}.dropdown-item i{font-size:var(--font-size-lg);width:20px;text-align:center}.header-user{display:flex;align-items:center}.user-profile{display:flex;align-items:center;gap:10px;padding:6px var(--spacing-md) 6px var(--spacing-lg);color:var(--color-text-a90);text-decoration:none;border-radius:var(--radius-2xl);transition:all var(--transition-base)}.user-profile:hover{background:var(--color-text-a10)}.user-name{font-size:var(--font-size-base);font-weight:500}.user-avatar{width:32px;height:32px;border-radius:var(--radius-full);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--color-text-a15)}.user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-avatar i{font-size:28px;color:var(--color-text-a70)}.mobile-menu-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:var(--spacing-sm);background:transparent;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-base)}.mobile-menu-btn:hover{background:var(--color-text-a10)}.mobile-menu-btn span{display:block;width:100%;height:2px;background:var(--color-text-a85);border-radius:2px;transition:all var(--transition-slow)}.mobile-menu-btn.open span:first-child{transform:rotate(45deg) translate(2px,5px)}.mobile-menu-btn.open span:last-child{transform:rotate(-45deg) translate(2px,-5px)}@media(max-width:900px){.header-island-wrapper{padding:var(--spacing-md) var(--spacing-lg);padding-top:max(var(--spacing-md),env(safe-area-inset-top))}.header-content{padding:10px var(--spacing-lg)}.nav-link span{display:none}.nav-link{padding:10px var(--spacing-md)}.dropdown-trigger span{display:inline}}@media(max-width:640px){.header-island{border-radius:var(--radius-xl)}.mobile-menu-btn{display:flex}.header-nav{position:absolute;top:calc(100% + var(--spacing-md));left:var(--spacing-lg);right:var(--spacing-lg);flex-direction:column;background:#14141ef2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:var(--spacing-md);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-slow);box-shadow:var(--shadow-lg)}.header-nav.mobile-open{opacity:1;visibility:visible;transform:translateY(0)}.header-nav .nav-link{width:100%;justify-content:flex-start;padding:var(--spacing-lg) var(--spacing-lg)}.header-nav .nav-link span{display:inline}.nav-dropdown{width:100%}.dropdown-menu{position:static;transform:none;margin-top:var(--spacing-sm);animation:none}.user-name{display:none}}.liquid-ether-container{position:relative;overflow:hidden;width:100%;height:100%;touch-action:none}.step-container{width:100%}.step-progress{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.step-dot{width:10px;height:10px;border-radius:50%;background:var(--color-text-a20);transition:all var(--transition-smooth)}.step-dot.active{background:var(--color-primary);box-shadow:0 0 12px var(--color-primary-a50);transform:scale(1.2)}.step-dot.completed{background:var(--color-primary)}.code-input-group{display:flex;justify-content:center;gap:var(--spacing-sm)}.code-input{width:48px;height:56px;text-align:center;font-size:var(--font-size-xl);font-weight:600;border:1px solid var(--color-text-a15);border-radius:var(--radius-md);background:var(--color-text-a05);color:var(--color-text);outline:none;transition:all var(--transition-smooth)}.code-input:focus{border-color:var(--color-primary-a50);background:var(--color-text-a08);box-shadow:0 0 0 3px var(--color-primary-a10)}.code-input.error{border-color:#ff444480}.code-input-group+.form-error{display:block;text-align:center;margin-top:var(--spacing-md)}.step-actions{text-align:center;margin-top:var(--spacing-lg)}.step-actions .btn-link{font-size:var(--font-size-sm);color:var(--color-text-a50)}.step-actions .btn-link strong{color:var(--color-primary)}.btn-back{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;margin-top:var(--spacing-xl);padding:var(--spacing-md);background:none;border:none;color:var(--color-text-a40);font-size:var(--font-size-sm);cursor:pointer;transition:color var(--transition-base)}.btn-back:hover{color:var(--color-text-a70)}.btn-back i{font-size:12px}.input-with-status{position:relative}.input-with-status .form-input{padding-right:44px}.input-status{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--color-text-a40)}.register-wizard .form-hint{display:block;font-size:var(--font-size-xs);color:var(--color-text-a50);margin-top:var(--spacing-sm)}.register-wizard .form-hint.error{color:#f44}.register-wizard .form-hint.success{color:var(--color-primary)}@media(max-width:480px){.code-input{width:40px;height:48px;font-size:var(--font-size-lg)}.code-input-group{gap:6px}}