@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--font: "Inter", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:#07071a;color:var(--text);font-size:14px;line-height:1.5}input,button,select,textarea{font-family:var(--font)}:root{--glass-bg-color: 255, 255, 255;--glass-bg-opacity: .14;--icon-bg-color: 255, 255, 255;--icon-bg-opacity: .14;--topbar-bg-color: 255, 255, 255;--topbar-bg-opacity: .14;--list-bg-color: 255, 255, 255;--list-bg-opacity: .14;--list-bg-hover-opacity: .24;--room-bg-color: 255, 255, 255;--room-bg-opacity: .14;--room-bg-hover-opacity: .24;--big-icon-bg-opacity: .14;--big-icon-bg-hover-opacity: .24;--btn-bg-opacity: .14;--input-bg-opacity: .14;--bg-overlay-opacity: .3;--bg-overlay-auth-opacity: .6;--opacity-disabled: .45;--opacity-muted: .6;--surface-0: rgba(255, 255, 255, .05);--surface-1: rgba(255, 255, 255, .1);--surface-2: rgba(255, 255, 255, .15);--surface-3: rgba(255, 255, 255, .2);--surface-hover: rgba(255, 255, 255, .2);--surface-overlay: rgba(0, 0, 0, .4);--surface-input: rgba(255, 255, 255, .04);--surface-dark: rgba(0, 0, 0, .2);--surface-dark-md: rgba(0, 0, 0, .35);--surface-dark-lg: rgba(0, 0, 0, .55);--glass-bg: rgba(var(--glass-bg-color), var(--glass-bg-opacity));--glass-blur-size: 36px;--glass-blur: var(--glass-blur-size);--glass-border: 1px solid rgba(255, 255, 255, .16);--blur: blur(var(--glass-blur-size));--topbar-blur-size: var(--glass-blur-size);--icon-blur-size: var(--glass-blur-size);--glass-light: rgba(255, 255, 255, .2);--glass-mid: rgba(255, 255, 255, .12);--glass-dark: rgba(8, 8, 24, .18);--wallpaper-url: url(/images/background/wallpaper01.jpg);--topbar-h: 64px;--strip-height: 66px;--strip-gap: 2px;--strip-avatar: 40px;--thin-strip-height: 66px;--room-strip-height: 154px;--room-image-size: 165px;--wizard-height: 400px;--wizard-width: 640px;--wizard-left-width: 280px;--wizard-right-width: 360px;--wizard-card-img-size: 244px;--wizard-title-size: 22px;--wizard-subtitle-size: 12px;--wizard-bankroll-size: 24px;--wizard-card-padding: var(--space-5);--wizard-card-gap: var(--space-2);--wizard-bg-opacity: .08;--wizard-border-color: rgba(var(--room-bg-color), .2);--list-container-top-gap: var(--space-6);--input-focus-border: rgba(255, 255, 255, .7);--input-focus-shadow: 0 0 25px rgba(255, 255, 255, .45);--input-focus-bg: rgba(255, 255, 255, .12);--input-focus-width: 2px;--input-radius: 0px;--header-label-size: 10px;--header-title-size: 18px;--header-subtitle-size: 12px;--wizard-header-title-size: 32px;--wizard-warning-slot-height: 100px;--wizard-helper-slot-height: 35px;--wizard-balance-input-height: 60px;--wizard-balance-input-font-size: var(--text-3xl);--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-2-5: 10px;--space-3: 12px;--space-3-5: 14px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-xs: 0px;--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--radius-full: 9999px;--border: rgba(255, 255, 255, .1);--accent: #00d4c8;--accent-hover: #00f0e2;--accent-dim: rgba(0, 212, 200, .15);--accent-glow: rgba(0, 212, 200, .25);--border-accent: rgba(0, 212, 200, .35);--badge-bg-color: #B21525;--online: #4ade80;--online-glow: rgba(74, 222, 128, .5);--offline-dot: rgba(255, 255, 255, .15);--success: #00d4c8;--success-glow: rgba(0, 212, 200, .4);--success-alt: #1ad8ce;--error: #ff5050;--error-glow: rgba(255, 80, 80, .4);--error-alt: #ff6b6b;--warning: #f59e0b;--warning-glow: rgba(245, 158, 11, .4);--text: #ffffff;--text-rgb: 255, 255, 255;--subtitle-rgb: 255, 255, 255;--text-dim: rgba(255, 255, 255, .55);--text-muted: rgba(255, 255, 255, .35);--text-faint: rgba(255, 255, 255, .2);--terminal-bg: rgba(0, 0, 0, .55);--text-2xs: 9px;--text-xs: 11px;--text-sm: 13px;--text-md: 14px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 22px;--text-3xl: 24px;--text-4xl: 28px;--text-5xl: 32px;--text-display: 42px;--text-hero: 56px;--text-9xl: 130px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-black: 800;--shadow-sm: 0 8px 22px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .08);--shadow-md: 0 18px 48px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .1);--shadow-lg: 0 28px 72px rgba(0, 0, 0, .36), inset 0 1px 0 rgba(255, 255, 255, .12);--shadow-lift: 0 18px 45px rgba(0, 0, 0, .3), 0 0 32px rgba(255, 255, 255, .08), inset 0 1px 0 rgba(255, 255, 255, .18);--topbar-shadow-y: 8px;--topbar-shadow-blur: 28px;--topbar-shadow-opacity: .14;--icon-shadow-y: 10px;--icon-shadow-blur: 28px;--icon-shadow-opacity: .14;--transition-fast: .12s ease;--transition-normal: .2s ease;--transition-slow: .35s cubic-bezier(.34, 1.56, .64, 1);--wizard-button-radius: 0px;--width-input-sm: 120px;--width-input-md: 200px;--width-input-lg: 320px;--width-panel-sm: 280px;--width-panel-md: 420px;--width-panel-lg: 640px;--scrollbar-w: 6px;--scrollbar-thumb: rgba(255, 255, 255, .15);--scrollbar-track: transparent;--scrollbar-hover: rgba(255, 255, 255, .25)}.theme-pink{--wallpaper-url: url(https://images.unsplash.com/photo-1550684848-fac1c5b4e853?q=80&w=2070);--surface-0: rgba(0, 0, 0, .15);--surface-1: #1e2226;--surface-2: #22272d;--surface-3: #272d33;--surface-hover: #323842;--surface-overlay: rgba(0, 0, 0, .6);--glass-bg: rgba(43, 48, 54, var(--glass-bg-opacity));--glass-blur: 0px;--glass-border: 1px solid #1a1d21;--accent: #ec4899;--accent-hover: #f472b6;--online: #34d399;--online-glow: rgba(52, 211, 153, .35);--offline-dot: rgba(255, 255, 255, .1);--success: #34d399;--success-glow: rgba(52, 211, 153, .3);--error: #f87171;--error-glow: rgba(248, 113, 113, .35);--warning: #fbbf24;--warning-glow: rgba(251, 191, 36, .35);--text-dim: #9ca3af;--text-muted: #6b7280;--text-faint: #4b5563;--border: #1a1d21;--border-focus: #3b4148;--shadow-sm: 2px 2px 5px rgba(0, 0, 0, .4), -2px -2px 4px rgba(255, 255, 255, .03);--shadow-md: 5px 5px 10px rgba(0, 0, 0, .5), -4px -4px 8px rgba(255, 255, 255, .04);--shadow-lg: 8px 8px 16px rgba(0, 0, 0, .6), -6px -6px 12px rgba(255, 255, 255, .04);--list-bg: #1e2226;--list-bg-hover: #323842;--surface-input: rgba(255, 255, 255, .03);--surface-dark: rgba(0, 0, 0, .3);--surface-dark-md: rgba(0, 0, 0, .45);--surface-dark-lg: rgba(0, 0, 0, .65);--success-alt: #34d399;--error-alt: #f87171}.launcher{position:fixed;inset:0;overflow:hidden}.wallpaper{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat}.wallpaper:after{content:"";position:absolute;inset:0;background:rgba(5,5,20,var(--bg-overlay-opacity))}.top-bar{position:relative;z-index:100;height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:rgba(var(--topbar-bg-color),var(--topbar-bg-opacity));backdrop-filter:blur(var(--topbar-blur-size));-webkit-backdrop-filter:blur(var(--topbar-blur-size));border-bottom:1px solid var(--border);box-shadow:0 var(--topbar-shadow-y) var(--topbar-shadow-blur) rgba(0,0,0,var(--topbar-shadow-opacity))}.top-bar-left{display:flex;align-items:center;gap:10px}.top-bar-marquee{flex:1;min-width:0;height:100%;overflow:hidden;position:relative;margin:0 20px}.letreiro-text{position:absolute;top:50%;left:100%;transform:translateY(-50%);white-space:nowrap;font-family:var(--letreiro-font-family, "VT323"),monospace;font-size:var(--letreiro-font-size, 42px);line-height:1;letter-spacing:1px;animation-name:letreiro-scroll;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes letreiro-scroll{0%{left:100%}to{left:-100%}}.top-bar-logo{font-size:18px;font-weight:700;color:var(--text);letter-spacing:-.3px}.top-bar-logo span{color:var(--accent)}.top-bar-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;font-family:inherit;background:color-mix(in srgb,var(--role-color, var(--accent)) 30%,transparent);color:var(--role-color, var(--accent));border:1px solid color-mix(in srgb,var(--role-color, var(--accent)) 45%,transparent);text-transform:uppercase;letter-spacing:.5px;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.top-bar-badge:hover{border-color:var(--role-color, var(--accent));box-shadow:0 0 14px color-mix(in srgb,var(--role-color, var(--accent)) 55%,transparent)}.role-menu-backdrop{position:fixed;inset:0;z-index:200}.role-badge-row{position:relative;z-index:201;display:flex;align-items:center;gap:6px;animation:fadeIn .15s ease forwards}.line-icon{color:rgba(var(--text-rgb),.68);flex-shrink:0;filter:none}.top-bar-role-icon{width:14px;height:14px;color:currentColor}.top-bar-profile{display:flex;align-items:center;gap:12px}.avatar-frame{width:44px;height:44px;border-radius:50%;border:2px solid var(--accent);padding:2px;background:rgba(var(--glass-bg-color),var(--btn-bg-opacity, .1));display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px var(--accent-glow);overflow:hidden}.avatar-frame img{width:100%;height:100%;border-radius:50%;object-fit:cover;transform:scale(1.5);transition:transform .3s ease}.welcome-text{display:flex;flex-direction:column;line-height:1.2}.welcome-text .greeting{font-size:11px;color:var(--text-dim);font-weight:500}.welcome-text .nick{font-size:15px;font-weight:800;color:var(--text);letter-spacing:-.2px;text-transform:uppercase}.top-bar-right{display:flex;align-items:center;gap:12px}.top-bar-welcome{font-size:13px;color:var(--text-dim)}.top-bar-welcome strong{color:var(--text);font-weight:600}.btn-topbar{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:rgba(var(--glass-bg-color),var(--btn-bg-opacity, .1));color:var(--text-dim);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-topbar:hover{background:var(--glass-light);color:var(--text);border-color:var(--border-accent)}.btn-topbar.danger:hover{background:#ff5c5c1f;color:var(--error);border-color:#ff5c5c4d}.desktop{position:absolute;top:var(--topbar-h);left:0;right:0;bottom:0;z-index:10}.app-icon{display:flex;flex-direction:column;align-items:center;cursor:grab;-webkit-user-select:none;user-select:none;width:128px}.app-icon:active{cursor:grabbing}.app-icon.dragging{opacity:.7;filter:drop-shadow(0 20px 40px rgba(0,0,0,.5));pointer-events:none}.app-icon-box{width:128px;height:128px;border-radius:0;background:rgba(var(--icon-bg-color),var(--icon-bg-opacity));backdrop-filter:blur(var(--icon-blur-size));-webkit-backdrop-filter:blur(var(--icon-blur-size));border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;box-shadow:0 var(--icon-shadow-y) var(--icon-shadow-blur) rgba(0,0,0,var(--icon-shadow-opacity))}.app-icon-emoji{font-size:48px;margin-bottom:8px;transition:transform .2s ease}.app-icon-image,.app-icon-svg{width:68px;height:68px;margin-bottom:8px;transition:transform .2s ease}.app-icon-svg{color:rgba(var(--text-rgb),.68);stroke-width:1.15}.app-icon-label{font-size:11px;font-weight:700;color:var(--text);text-align:center;line-height:1.2;text-transform:uppercase;letter-spacing:.5px}.app-icon:hover .app-icon-box{background:rgba(var(--icon-bg-color),var(--big-icon-bg-hover-opacity, .2));border-color:rgba(var(--text-rgb),.18);box-shadow:var(--shadow-lift);transform:scale(1.05)}.app-icon:hover .app-icon-emoji,.app-icon:hover .app-icon-image,.app-icon:hover .app-icon-svg{transform:scale(1.08);color:rgba(var(--text-rgb),.84)}.app-icon:active .app-icon-box{background:rgba(var(--icon-bg-color),.3);transform:translateY(0)}.notification-badge{position:absolute;top:0;right:0;background:var(--badge-bg-color);color:var(--text);width:56px;height:56px;clip-path:polygon(0 0,100% 0,100% 100%);display:flex;align-items:flex-start;justify-content:flex-end;padding-top:6px;padding-right:8px;font-size:14px;font-weight:900;z-index:10;pointer-events:none;animation:badgePop .3s cubic-bezier(.34,1.56,.64,1);box-shadow:none}@keyframes badgePop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.app-window-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:stretch}@keyframes appOpen{0%{opacity:0}to{opacity:1}}.app-window{position:relative;width:100%;height:100%;background:transparent;display:flex;flex-direction:column;overflow:hidden}.glass-close{position:absolute;top:16px;right:16px;z-index:10;width:36px;height:36px;border-radius:0;border:1px solid rgba(var(--room-bg-color),.2);background:rgba(var(--room-bg-color),var(--btn-bg-opacity, .1));color:rgba(var(--text-rgb),.8);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s ease;line-height:1}.glass-close:hover{background:#ff5c5c40;border-color:#ff5c5c80;color:var(--error)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*::-webkit-scrollbar{width:var(--scrollbar-w);height:var(--scrollbar-w)}*::-webkit-scrollbar-track{background:var(--scrollbar-track)}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.app-window-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;display:flex;flex-direction:column}.loading-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#07071a}.loading-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:14px;color:var(--text-dim);font-weight:500}.role-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px}.role-card{background:rgba(12,12,28,var(--glass-bg-opacity, .1));backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px;width:min(640px,100%);box-shadow:0 32px 80px #0009}.role-card h2{text-align:center;font-size:22px;font-weight:700;margin-bottom:6px}.role-card p{text-align:center;color:var(--text-dim);font-size:14px;margin-bottom:28px}.role-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.field-label{display:block;font-size:12px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.field-input{width:100%;padding:10px 14px;border-radius:var(--input-radius);border:1px solid var(--border);background:rgba(var(--glass-bg-color),var(--input-bg-opacity, .1));color:var(--text);font-size:14px;outline:none;transition:all .2s ease}.field-input::placeholder{color:var(--text-muted)}.field-input:focus{outline:none;border:var(--input-focus-width) solid var(--input-focus-border)!important;background:var(--input-focus-bg);box-shadow:var(--input-focus-shadow)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);border:none;background:var(--accent);color:#07071a;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 4px 20px var(--accent-glow);transform:scale(1.05)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;color:var(--text-dim);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-ghost:hover:not(:disabled){background:var(--glass-mid);color:var(--text);border-color:var(--glass-light)}.btn-ghost.danger:hover:not(:disabled){background:#ff5c5c1a;color:var(--error);border-color:#ff5c5c40}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.btn-panel{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 0;border-radius:var(--wizard-button-radius, 0px);border:none;font-size:var(--wizard-button-size, 16px);font-weight:700;cursor:pointer;transition:all .2s;color:var(--text)}.btn-panel-primary{background:var(--accent)}.btn-panel-primary:hover:not(:disabled){filter:brightness(1.15);box-shadow:0 4px 20px var(--accent-glow)}.btn-panel-primary:disabled{opacity:.45;cursor:not-allowed}.btn-panel-ghost{background:rgba(var(--text-rgb),.07);border:1px solid rgba(var(--text-rgb),.15);color:rgba(var(--subtitle-rgb),.7);font-weight:600}.btn-panel-ghost:hover:not(:disabled){background:rgba(var(--text-rgb),.13)}.wizard-room-name{font-weight:700;font-size:var(--wizard-title-size, 22px);color:var(--text);line-height:1.2}.wizard-network-name{font-size:var(--wizard-subtitle-size, 11px);color:var(--text-dim);line-height:1.3}.wizard-bankroll-label{font-size:11px;color:var(--text-dim);line-height:1.3}.wizard-bankroll-value{font-size:var(--wizard-bankroll-size, 22px);font-weight:700;line-height:1.2;color:var(--text)}.no-access{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:40px;background:var(--glass-dark);border:1px solid var(--border);border-radius:var(--radius-xl);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}select{width:100%;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:rgba(var(--glass-bg-color),var(--input-bg-opacity, .1));color:var(--text);font-size:14px;outline:none;appearance:none;cursor:pointer;transition:all .2s ease;font-family:var(--font)}select:focus{border-color:var(--border-accent);background:#00d4c80f;box-shadow:0 0 0 3px var(--accent-glow)}select option{background:#12122a;color:var(--text)}.panel{color:var(--text)}.panel h2{font-size:18px;font-weight:700;margin-bottom:20px;color:var(--text)}.form-section{background:rgba(var(--glass-bg-color),.03);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;margin-bottom:24px}.form-section h3{font-size:14px;font-weight:600;color:var(--text-dim);margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select{padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:rgba(var(--glass-bg-color),var(--input-bg-opacity, .1));color:var(--text);font-size:14px;outline:none;transition:all .2s ease;font-family:var(--font)}.form-group input:focus,.form-group select:focus{border-color:var(--border-accent);background:#00d4c80f;box-shadow:0 0 0 3px var(--accent-glow)}.form-group input.error,.form-group select.error{border-color:#ff5c5c99;background:#ff5c5c0f}.error-message{font-size:11px;color:var(--error);font-weight:500}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-accent);background:var(--accent-dim);color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-secondary:hover:not(:disabled){background:#00d4c826;box-shadow:0 0 12px var(--accent-glow)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.users-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}.user-card{display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:rgba(var(--list-bg-color),var(--list-bg-opacity, .1));border:1px solid var(--border);border-radius:0;gap:12px;min-height:var(--thin-strip-height, 66px);transition:background .15s}.user-card:hover{background:rgba(var(--list-bg-color),var(--list-bg-hover-opacity, .2))}.modal-overlay{position:fixed;inset:0;z-index:500;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{background:rgba(12,12,28,var(--glass-bg-opacity, .95));border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px;width:min(800px,96vw);max-height:90vh;overflow-y:auto;box-shadow:0 32px 80px #000000b3;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.form-group>div{display:flex;gap:8px;align-items:center}.form-group>div>input{flex:1;min-width:0;width:auto}.roles-selector{grid-column:1 / -1;margin-top:4px;margin-bottom:20px}.roles-selector>label{display:block;font-size:12px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.roles-grid-checkboxes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.checkbox-label{display:grid;grid-template-columns:18px 1fr;grid-template-rows:auto auto;column-gap:8px;row-gap:2px;padding:12px 14px;background:rgba(var(--list-bg-color),var(--list-bg-opacity, .1));border:1px solid var(--border);border-radius:0;cursor:pointer;transition:all .15s;min-height:72px;overflow:hidden;align-content:start}.checkbox-label:hover{background:rgba(var(--list-bg-color),var(--list-bg-hover-opacity, .2));border-color:var(--border-accent)}.checkbox-label input[type=checkbox]{grid-column:1;grid-row:1 / 3;width:16px;height:16px;min-width:16px;accent-color:var(--accent);margin-top:3px;cursor:pointer;align-self:start}.role-name{grid-column:2;grid-row:1;font-size:13px;font-weight:600;color:var(--text);word-break:break-word}.role-description{grid-column:2;grid-row:2;font-size:11px;color:var(--text-dim);line-height:1.4;word-break:break-word;overflow:hidden}.users-list{margin-top:20px}.users-list h3{font-size:14px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.users-list table{width:100%;border-collapse:collapse;font-size:13px;border-radius:10px;overflow:hidden;border:1px solid var(--border)}.users-list thead{background:rgba(var(--glass-bg-color),.06)}.users-list th{padding:12px 14px;text-align:left;font-size:11px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border);white-space:nowrap}.users-list tbody tr{border-bottom:1px solid var(--border);transition:background .15s}.users-list tbody tr:last-child{border-bottom:none}.users-list tbody tr:hover{background:rgba(var(--glass-bg-color),.04)}.users-list td{padding:12px 14px;vertical-align:middle;color:var(--text)}.roles-badges{display:flex;flex-wrap:wrap;gap:4px}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:capitalize;background:rgba(var(--glass-bg-color),.08);border:1px solid rgba(var(--text-rgb),.12);color:var(--text-dim)}.badge-admin{background:#9333ea26;border-color:#9333ea59;color:#bf7af0}.badge-player{background:#00d4c81f;border-color:#00d4c84d;color:var(--accent)}.badge-coach{background:#3b82f61f;border-color:#3b82f64d;color:#7bb3f7}.badge-support{background:#f973161f;border-color:#f973164d;color:#fba76e}.badge-master{background:#eab3081f;border-color:#eab3084d;color:#f5d060}.badge-developer{background:#10b9811f;border-color:#10b9814d;color:#6ee7b7}.status{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}.status.active{background:var(--success-glow);border:1px solid var(--success);color:var(--success)}.status.inactive{background:var(--error-glow);border:1px solid var(--error);color:var(--error)}.btn-small{display:inline-flex;align-items:center;padding:4px 10px;border-radius:5px;font-size:11px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--glass-mid);color:var(--text-dim);transition:all .15s;white-space:nowrap}.btn-small:hover:not(:disabled){background:var(--glass-light);color:var(--text)}.btn-small:disabled{opacity:.4;cursor:not-allowed}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.modal-header h3{font-size:16px;font-weight:700;color:var(--text)}.close-button{width:30px;height:30px;border-radius:50%;border:1px solid var(--border);background:var(--glass-mid);color:var(--text-dim);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1}.close-button:hover{background:#ff5c5c26;border-color:#ff5c5c59;color:var(--error)}.modal-content input:disabled{opacity:.45;cursor:not-allowed;background:rgba(var(--glass-bg-color),.02)!important}.modal-content small,.form-section small{font-size:11px;color:var(--text-muted);margin-top:4px;display:block}.menu-icon-grid{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;align-items:center;width:100%;height:100%;min-height:100%;flex:1}.menu-icon-item{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;width:320px;background:none;border:none;padding:0;transition:transform .2s ease}.menu-icon-box,.auth-card{border-radius:0;background:rgba(var(--icon-bg-color),var(--big-icon-bg-opacity, .1));border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease;line-height:1;box-sizing:border-box}.menu-icon-box{width:320px;height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;padding:48px;display:flex;flex-direction:column;align-items:center;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.menu-icon-box img,.menu-icon-box>span:first-child,.menu-icon-svg{width:65%;height:65%;font-size:var(--text-9xl);display:flex;align-items:center;justify-content:center;object-fit:contain;opacity:.8;transition:all .3s ease;margin-bottom:20px;flex-shrink:0}.menu-icon-svg{width:52%;height:52%;color:rgba(var(--text-rgb),.68);opacity:1;stroke-width:1.15}.menu-icon-box:hover{background:rgba(var(--icon-bg-color),var(--big-icon-bg-hover-opacity, .2));border-color:rgba(var(--text-rgb),.2);box-shadow:var(--shadow-lift);transform:scale(1.05)}.menu-icon-box:hover img,.menu-icon-box:hover>span:first-child,.menu-icon-box:hover .menu-icon-svg{opacity:1;transform:scale(1.06);color:rgba(var(--text-rgb),.84)}.menu-icon-title{font-size:18px;font-weight:700;color:var(--text);margin:0 0 8px;text-align:center;line-height:1.2}.menu-icon-subtitle{font-size:12px;color:rgba(var(--subtitle-rgb),.6);line-height:1.4;text-align:center;max-width:100%;margin:0}.menu-back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:0;font-size:13px;font-weight:600;background:rgba(var(--text-rgb),.08);border:1px solid rgba(var(--text-rgb),.15);color:rgba(var(--subtitle-rgb),.7);cursor:pointer;transition:background .18s,color .18s}.menu-back-btn:hover{background:rgba(var(--text-rgb),.15);color:rgba(var(--text-rgb),.95)}.menu-sub-header{display:flex;flex-direction:column;align-items:center;gap:16px}.glass-header{padding:32px 32px 0;flex-shrink:0}.glass-scroll-list{flex:1;min-height:0;overflow-y:auto;padding:8px 32px 0;margin-bottom:32px;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.glass-scroll-list>.list-items{display:flex;flex-direction:column;gap:2px}.list-strip{display:flex;align-items:center;justify-content:space-between;min-height:81px;padding:12px 20px;background:rgba(var(--list-bg-color),var(--list-bg-opacity));border:1px solid var(--border);border-radius:0;gap:24px;width:100%;cursor:pointer;text-align:left;color:var(--text);font-family:var(--font);transition:background .15s ease-in-out}.list-strip:hover{background:rgba(var(--list-bg-color),var(--list-bg-hover-opacity))}.list-strip.list-strip--static{cursor:default}.list-strip.list-strip--static:hover{background:rgba(var(--list-bg-color),var(--list-bg-opacity))}.room-strip{display:flex;align-items:center;justify-content:space-between;height:var(--room-strip-height);padding:0 24px;background:rgba(var(--room-bg-color),var(--room-bg-opacity));border:none;border-radius:0;gap:20px;width:100%;cursor:pointer;text-align:left;color:var(--text);font-family:var(--font);transition:background .15s ease-in-out}.room-strip:hover{background:rgba(var(--room-bg-color),var(--room-bg-hover-opacity))}.room-select-card:hover{transform:scale(1.05);box-shadow:0 8px 32px #0006;position:relative;z-index:2}