*{box-sizing:border-box}html,body,#root{width:100%;min-width:0;min-height:100%;margin:0;padding:0}body{color:#eee;background:#202020;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font-family:inherit}button{-webkit-tap-highlight-color:transparent}#root{text-align:left;max-width:none}.auth-page{color:#eee;background:#202020;justify-content:center;align-items:center;min-height:100vh;padding:50px 25px;display:flex}.auth-container{grid-template-columns:1fr 380px;align-items:center;gap:80px;width:100%;max-width:1000px;display:grid}.auth-intro{max-width:550px}.auth-label{color:#777;letter-spacing:4px;margin-bottom:20px;font-size:12px;font-weight:700;display:inline-block}.auth-intro h1{color:#f1f1f1;letter-spacing:-3px;margin:0;font-size:clamp(48px,6vw,72px);line-height:.98}.auth-intro p{color:#999;max-width:500px;margin-top:25px;font-size:17px;line-height:1.6}.auth-box{background:#272727;border:1px solid #363636;border-radius:14px;padding:32px}.auth-box h2{color:#eee;margin:0;font-size:26px}.auth-subtitle{color:#888;margin:8px 0 28px;font-size:14px}.auth-box label{color:#aaa;margin-bottom:7px;font-size:13px;display:block}.auth-box input{color:#eee;background:#1e1e1e;border:1px solid #3b3b3b;border-radius:8px;outline:none;width:100%;height:46px;margin-bottom:18px;padding:0 14px;font-size:14px;transition:border-color .2s,background .2s}.auth-box input:focus{background:#202020;border-color:#666}.auth-box input::placeholder{color:#555}.auth-error{color:#e47777;margin:-5px 0 15px;font-size:13px}.auth-primary{color:#181818;cursor:pointer;background:#eee;border:none;border-radius:8px;width:100%;height:46px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.auth-primary:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.auth-primary:disabled{opacity:.5;cursor:default}.auth-switch{color:#777;flex-direction:column;align-items:center;gap:8px;margin-top:25px;font-size:13px;display:flex}.auth-switch button{color:#bbb;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.auth-switch button:hover{color:#fff}.register-page{color:#eee;background:#202020;justify-content:center;align-items:center;min-height:100vh;padding:50px 25px;display:flex}.register-container{grid-template-columns:1fr 380px;align-items:center;gap:80px;width:100%;max-width:1000px;display:grid}.register-intro{max-width:550px}.register-label{color:#777;letter-spacing:4px;margin-bottom:20px;font-size:12px;font-weight:700;display:inline-block}.register-intro h1{color:#f1f1f1;letter-spacing:-3px;margin:0;font-size:clamp(48px,6vw,72px);line-height:.98}.register-intro p{color:#999;max-width:500px;margin-top:25px;font-size:17px;line-height:1.6}.register-box{background:#272727;border:1px solid #363636;border-radius:14px;padding:32px}.register-box h2{color:#eee;margin:0;font-size:26px}.register-subtitle{color:#888;margin:8px 0 28px;font-size:14px}.register-box label{color:#aaa;margin-bottom:7px;font-size:13px;display:block}.register-box input{color:#eee;background:#1e1e1e;border:1px solid #3b3b3b;border-radius:8px;outline:none;width:100%;height:46px;margin-bottom:18px;padding:0 14px;font-size:14px;transition:border-color .2s,background .2s}.register-box input:focus{background:#202020;border-color:#666}.register-box input::placeholder{color:#555}.register-error{color:#e47777;margin:-5px 0 15px;font-size:13px}.register-primary{color:#181818;cursor:pointer;background:#eee;border:none;border-radius:8px;width:100%;height:46px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.register-primary:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.register-primary:disabled{opacity:.5;cursor:default}.register-switch{color:#777;flex-direction:column;align-items:center;gap:8px;margin-top:25px;font-size:13px;display:flex}.register-switch button{color:#bbb;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.register-switch button:hover{color:#fff}.register-loading{color:#888}.navbar{z-index:1000;background:#181818;border-bottom:1px solid #303030;align-items:center;width:100%;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.navbar-logo{color:#f0f0f0;cursor:pointer;flex-shrink:0;margin-right:40px;font-size:22px;font-weight:700}.navbar-links{align-items:center;gap:8px;height:100%;display:flex}.navbar-link{color:#999;cursor:pointer;background:0 0;border:none;border-radius:8px;height:40px;padding:0 16px;font-size:15px;transition:background .2s,color .2s}.navbar-link:hover{color:#eee;background:#252525}.navbar-link.active{color:#fff;background:#2c2c2c}.navbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.navbar-profile{color:#999;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;height:38px;padding:0 15px;font-size:13px;transition:background .2s,color .2s}.navbar-profile:hover{color:#eee;background:#252525}.navbar-profile.active{color:#fff;background:#2c2c2c;border-color:#383838}.navbar-logout{color:#aaa;cursor:pointer;background:#222;border:1px solid #383838;border-radius:8px;height:38px;padding:0 16px;transition:background .2s,color .2s}.navbar-logout:hover{color:#f77;background:#302020}.init-page{color:#eee;background:#202020;min-height:calc(100vh - 64px)}.init-hero{align-items:center;min-height:65vh;padding:70px 8%;display:flex}.init-hero-content{max-width:850px}.init-label{color:#777;letter-spacing:4px;margin-bottom:20px;font-size:12px;font-weight:700;display:inline-block}.init-hero h1{color:#f1f1f1;letter-spacing:-4px;margin:0;font-size:clamp(52px,8vw,100px);line-height:.95}.init-hero p{color:#999;max-width:600px;margin-top:30px;font-size:18px;line-height:1.6}.init-actions{gap:12px;margin-top:35px;display:flex}.init-primary,.init-secondary{cursor:pointer;border-radius:8px;height:46px;padding:0 22px;font-size:14px;font-weight:600;transition:background .2s,color .2s,transform .2s}.init-primary{color:#181818;background:#eee;border:none}.init-primary:hover{background:#fff;transform:translateY(-2px)}.init-secondary{color:#aaa;background:#272727;border:1px solid #3b3b3b}.init-secondary:hover{color:#eee;background:#303030}.init-features{border-top:1px solid #303030;grid-template-columns:repeat(3,1fr);display:grid}.init-feature{border-right:1px solid #303030;min-height:250px;padding:35px}.init-feature:last-child{border-right:none}.init-feature-number{color:#555;letter-spacing:2px;margin-bottom:35px;font-size:12px;font-weight:700}.init-feature h2{margin:0;font-size:24px}.init-feature p{color:#888;max-width:320px;margin:12px 0 25px;line-height:1.5}.init-feature button{color:#aaa;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600}.init-feature button:hover{color:#fff}.dados-controles{z-index:2;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;display:flex}.dado-botao,.limpar-botao{background:var(--cor-dado,#333);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:9px 15px;font-size:13px;font-weight:700;transition:transform .15s,filter .15s}.dado-botao:hover,.limpar-botao:hover{filter:brightness(1.15);transform:translateY(-1px)}.dado-botao:active,.limpar-botao:active{transform:scale(.96)}.limpar-botao{--cor-dado:#555;background:#444}.dados-canvas-wrapper{flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.dados-canvas{width:100%;height:100%;display:block}.dados-info{color:#ffffff8c;pointer-events:none;background:#00000073;border-radius:6px;padding:5px 9px;font-size:11px;position:absolute;bottom:10px;right:12px}.historico{color:#eee;text-align:left;background:#181818;flex-direction:column;gap:16px;width:100%;max-width:980px;margin:0 auto;padding:24px;display:flex}.historico>input{color:#fff;background:#ffffff0b;border:1px solid #ffffff14;border-radius:12px;outline:none;width:100%;height:46px;padding:0 16px;font-size:14px;transition:border-color .2s,background .2s,box-shadow .2s}.historico>input::placeholder{color:#ffffff61}.historico>input:hover{background:#ffffff0f}.historico>input:focus{background:#fff1;border-color:#fff3;box-shadow:0 0 0 3px #ffffff09}.historico-filtros{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.historico-filtros button{color:#ffffffa6;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff14;border-radius:9px;padding:8px 13px;font-size:12px;font-weight:600;transition:background .18s,color .18s,border-color .18s,transform .18s}.historico-filtros button:hover{color:#fff;background:#ffffff14;transform:translateY(-1px)}.historico-filtros button.ativo{color:#fff;background:#ffffff1f;border-color:#fff3;box-shadow:0 4px 12px #0000002e}.historico-acoes{align-items:center;gap:8px;width:100%;display:flex;position:relative}.historico-ordenacao,.historico-filtro-botao{color:#ffffffb8;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 13px;font-size:12px;font-weight:600;transition:background .18s,border-color .18s,color .18s,transform .18s;display:flex}.historico-ordenacao:hover,.historico-filtro-botao:hover{color:#fff;background:#ffffff14;border-color:#ffffff24}.historico-ordenacao-icon{color:#ffffff73;font-size:15px}.historico-filtro-botao{position:relative}.historico-filtro-botao.ativo{color:#fff;background:#ffffff1a;border-color:#ffffff2e}.historico-filtro-contador{color:#fff;background:#ffffff21;border-radius:6px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;display:flex}.historico-lista{flex-direction:column;gap:10px;width:100%;display:flex}.historico-card{background:linear-gradient(135deg,#3030300e,#0000009a);border:1px solid #7771;border-radius:13px;width:100%;padding:15px 17px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;animation:.25s historicoEntrada;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000038}.historico-card:before{content:"";opacity:.7;background:#2424242e;width:3px;position:absolute;top:0;bottom:0;left:0}.historico-card:hover{background:linear-gradient(135deg,#ffffff12,#ffffff09);border-color:#ffffff1c;transform:translateY(-2px);box-shadow:0 12px 30px #00000047}.historico-card-header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.historico-card-title{color:#fff;font-size:14px;font-weight:700}.historico-card-meta{color:#ffffff73;white-space:nowrap;font-size:11px}.historico-card-meta:first-of-type{color:#ffffffa6;background:#ffffff0e;border-radius:6px;padding:4px 8px;font-weight:600}.historico-card-body{color:#ffffffb8;margin-top:9px;font-size:13px;line-height:1.5}.historico-overlay{z-index:1000;pointer-events:none;background:0 0;position:fixed;inset:0}.historico-filtro-popup{pointer-events:auto;background:linear-gradient(145deg,#222222fa,#141414fa);border:1px solid #ffffff1a;border-radius:15px;width:min(390px,100vw - 32px);animation:.2s historicoModalTopo;position:fixed;top:90px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 18px 50px #00000073,0 3px 15px #00000040}.historico-filtro-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.historico-filtro-header h3{color:#fff;margin:0;font-size:15px;font-weight:700}.historico-filtro-header span{color:#ffffff61;margin-top:3px;font-size:11px;display:block}.historico-filtro-fechar{color:#ffffff8c;cursor:pointer;background:#ffffff0d;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:20px;line-height:1;transition:background .15s,color .15s;display:flex}.historico-filtro-fechar:hover{color:#fff;background:#ffffff1a}.historico-filtro-opcoes{flex-direction:column;gap:4px;max-height:300px;padding:12px;display:flex;overflow-y:auto}.historico-filtro-opcoes::-webkit-scrollbar{width:5px}.historico-filtro-opcoes::-webkit-scrollbar-track{background:0 0}.historico-filtro-opcoes::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px}.historico-filtro-opcoes button{color:#ffffff9e;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;width:100%;padding:10px 11px;font-size:12px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:flex}.historico-filtro-opcoes button:hover{color:#fff;background:#ffffff0d}.historico-filtro-opcoes button.selecionado{color:#fff;background:#ffffff13;border-color:#ffffff14}.filtro-check{color:#fff;border:1px solid #ffffff26;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;display:flex}.selecionado .filtro-check{background:#ffffff24;border-color:#ffffff40}.historico-filtro-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.historico-filtro-limpar,.historico-filtro-aplicar{cursor:pointer;border-radius:8px;height:36px;padding:0 13px;font-size:11px;font-weight:600;transition:background .15s,transform .15s}.historico-filtro-limpar{color:#ffffff6b;background:0 0;border:none}.historico-filtro-limpar:hover{color:#fff;background:#ffffff0d}.historico-filtro-aplicar{color:#fff;background:#ffffff14;border:1px solid #ffffff17}.historico-filtro-aplicar:hover{background:#ffffff21;transform:translateY(-1px)}.perfil-page,.grupo-page{color:#eee;background:#202020;min-height:calc(100vh - 64px);padding:45px 24px 80px}.perfil-container,.grupo-container{width:100%;max-width:1000px;margin:0 auto}.perfil-header,.grupo-header{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:30px;display:flex}.perfil-label,.grupo-label{color:#777;letter-spacing:3px;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.perfil-header h1,.grupo-header h1{color:#f1f1f1;letter-spacing:-1.5px;margin:0;font-size:40px;font-weight:700}.perfil-header p,.grupo-header p{color:#888;max-width:650px;margin:9px 0 0;font-size:14px;line-height:1.5}.perfil-header-id{background:#272727;border:1px solid #363636;border-radius:10px;min-width:220px;padding:14px}.perfil-header-id span{color:#666;letter-spacing:1.5px;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.perfil-header-id strong{overflow-wrap:anywhere;color:#999;font-family:monospace;font-size:11px;display:block}.perfil-card,.grupo-card{background:#272727;border:1px solid #363636;border-radius:14px;width:100%;margin-bottom:18px;padding:25px;box-shadow:0 8px 25px #0000001f}.perfil-card:last-child,.grupo-card:last-child{margin-bottom:0}.perfil-card-header,.grupo-card-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.perfil-card-header>div,.grupo-card-header>div{min-width:0}.perfil-card h2,.grupo-card h2{color:#eee;letter-spacing:-.3px;margin:0;font-size:21px;font-weight:600}.perfil-card-header span,.grupo-card-header span{color:#777;margin-top:5px;font-size:13px;display:block}.perfil-info-grid{border-top:1px solid #303030;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.perfil-info-grid>div{border-bottom:1px solid #303030;min-width:0;padding:16px 18px 16px 0}.perfil-info-grid>div+div{border-left:1px solid #303030;padding-left:18px}.perfil-info-grid span{color:#666;margin-bottom:7px;font-size:11px;display:block}.perfil-info-grid strong{color:#ddd;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;display:block;overflow:hidden}.perfil-user-id{font-family:monospace;overflow-wrap:anywhere!important;color:#999!important;font-size:11px!important}.perfil-edit-form{flex-direction:column;gap:8px;display:flex}.perfil-edit-form label,.perfil-search label,.grupo-criar label{color:#999;margin-top:4px;margin-bottom:1px;font-size:12px;font-weight:500}.perfil-edit-form input,.perfil-search input,.grupo-criar input{color:#eee;background:#1e1e1e;border:1px solid #3b3b3b;border-radius:8px;outline:none;width:100%;min-height:43px;padding:0 13px;font-size:13px;transition:border-color .18s,background .18s,box-shadow .18s}.perfil-edit-form input::placeholder,.perfil-search input::placeholder,.grupo-criar input::placeholder{color:#555}.perfil-edit-form input:hover,.perfil-search input:hover,.grupo-criar input:hover{border-color:#484848}.perfil-edit-form input:focus,.perfil-search input:focus,.grupo-criar input:focus{background:#202020;border-color:#666;box-shadow:0 0 0 3px #ffffff06}.perfil-form-actions{justify-content:flex-end;gap:9px;margin-top:12px;display:flex}.perfil-search,.grupo-criar,.grupo-convites{flex-direction:column;gap:8px;display:flex}.perfil-search-row{gap:9px;display:flex}.perfil-search-row input{flex:1;min-width:0}.perfil-search-row button{flex-shrink:0}.perfil-user-result{background:#242424;border:1px solid #363636;border-radius:10px;align-items:center;gap:12px;margin-top:14px;padding:14px;display:flex}.perfil-user-result-info,.perfil-list-info,.grupo-list-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.perfil-user-result-info strong,.perfil-list-info strong,.grupo-list-info strong{color:#ddd;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.perfil-user-result-info span,.perfil-list-info span,.grupo-list-info span{color:#666;text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:10px;overflow:hidden}.perfil-user-result-actions,.perfil-list-actions,.grupo-header-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.perfil-avatar,.grupo-list-icon{color:#ddd;background:#292929;border:1px solid #3b3b3b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:39px;height:39px;font-size:14px;font-weight:600;display:flex}.perfil-list,.grupo-list,.grupo-convites{flex-direction:column;gap:8px;display:flex}.perfil-list-item{background:#242424;border:1px solid #343434;border-radius:9px;align-items:center;gap:12px;min-height:56px;padding:10px 12px;transition:background .18s,border-color .18s,transform .18s;display:flex}.perfil-list-item:hover{background:#292929;border-color:#424242;transform:translateY(-1px)}.perfil-primary,.perfil-secondary,.perfil-remove,.perfil-clear{cursor:pointer;border-radius:8px;min-height:38px;padding:0 13px;font-size:12px;font-weight:600;transition:background .18s,border-color .18s,color .18s,transform .18s,opacity .18s}.perfil-primary{color:#181818;background:#eee;border:1px solid #eee}.perfil-primary:hover:not(:disabled){background:#fff;border-color:#fff;transform:translateY(-1px)}.perfil-primary:active:not(:disabled){transform:scale(.97)}.perfil-primary:disabled{opacity:.5;cursor:default}.perfil-secondary{color:#aaa;background:#292929;border:1px solid #383838}.perfil-secondary:hover:not(:disabled){color:#eee;background:#303030;border-color:#4a4a4a;transform:translateY(-1px)}.perfil-remove{color:#b97878;background:#ff464609;border:1px solid #ff5a5a2e}.perfil-remove:hover{color:#e58a8a;background:#ff464612;border-color:#ff5a5a59}.perfil-clear{color:#777;background:#252525;border:1px solid #333;width:32px;min-height:32px;padding:0;font-size:18px;line-height:1}.perfil-clear:hover{color:#ddd;background:#303030;border-color:#444}.perfil-empty{color:#666;text-align:center;background:#ffffff03;border:1px dashed #383838;border-radius:9px;justify-content:center;align-items:center;min-height:100px;padding:20px;font-size:12px;display:flex}.perfil-error,.perfil-success,.grupo-error,.grupo-success{border-radius:8px;margin-bottom:15px;padding:11px 13px;font-size:12px;line-height:1.45}.perfil-error,.grupo-error{color:#c98282;background:#ff464612;border:1px solid #ff505026}.perfil-success,.grupo-success{color:#86b88f;background:#50dc820e;border:1px solid #50dc8221}.perfil-loading,.grupo-loading{color:#666;justify-content:center;align-items:center;min-height:60vh;font-size:13px;display:flex}.grupo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.grupo-list-item{width:100%;min-height:60px;color:inherit;text-align:left;cursor:pointer;background:#242424;border:1px solid #343434;border-radius:9px;align-items:center;gap:12px;padding:12px;transition:background .18s,border-color .18s,transform .18s;display:flex}.grupo-list-item:hover{background:#292929;border-color:#444;transform:translateY(-1px)}.grupo-list-icon{border-radius:10px}.grupo-list-arrow{color:#666;flex-shrink:0;font-size:16px;transition:transform .18s,color .18s}.grupo-list-item:hover .grupo-list-arrow{color:#aaa;transform:translate(2px)}.grupo-convites h3{color:#aaa;margin:10px 0 2px;font-size:13px;font-weight:600}.historico-grupo-atual{background:#242424;border:1px solid #363636;border-radius:10px;justify-content:space-between;align-items:center;gap:15px;padding:13px 15px;display:flex}.historico-grupo-atual span{color:#666;letter-spacing:1.5px;font-size:10px;font-weight:700}.historico-grupo-atual strong{color:#ddd;text-align:right;font-size:13px;font-weight:600}.historico-sem-resultados,.historico-sem-grupo{text-align:center;background:#ffffff03;border:1px dashed #383838;border-radius:11px;padding:35px 20px}.historico-sem-resultados h2,.historico-sem-grupo h2{color:#bbb;margin:0 0 8px;font-size:16px}.historico-sem-resultados p,.historico-sem-grupo p{color:#666;max-width:500px;margin:0 auto 18px;font-size:12px;line-height:1.5}.historico-filtro-vazio{color:#666;text-align:center;padding:20px 10px;font-size:12px}@media (max-width:700px){.perfil-page,.grupo-page{padding:30px 14px 60px}.perfil-header,.grupo-header{flex-direction:column}.perfil-header-id{width:100%;min-width:0}.perfil-header h1,.grupo-header h1{font-size:32px}.perfil-card,.grupo-card{padding:19px}.perfil-card-header,.grupo-card-header{flex-direction:column;align-items:flex-start;gap:12px}.perfil-info-grid,.grupo-grid{grid-template-columns:1fr}.perfil-info-grid>div,.perfil-info-grid>div+div{border-left:none;padding:14px 0}.perfil-search-row{flex-direction:column}.perfil-search-row button{width:100%}.perfil-user-result,.perfil-list-item,.grupo-list-item{flex-wrap:wrap}.perfil-user-result-actions,.perfil-list-actions{width:100%;margin-left:51px}.perfil-user-result-actions button,.perfil-list-actions button{flex:1}.grupo-header-actions{width:100%}.grupo-header-actions button{flex:1}.perfil-form-actions{flex-direction:column-reverse}.perfil-form-actions button{width:100%}.grupo-list-item{align-items:flex-start}.grupo-list-arrow{align-self:center;margin-left:auto}.historico-grupo-atual{flex-direction:column;align-items:flex-start}.historico-grupo-atual strong{text-align:left}}@media (max-width:450px){.perfil-page,.grupo-page{padding-left:10px;padding-right:10px}.perfil-card,.grupo-card{border-radius:11px;padding:16px}.perfil-header h1,.grupo-header h1{font-size:28px}}.grupo-page{color:#eee;background:#202020;min-height:calc(100vh - 64px);padding:45px 24px 80px}.grupo-container{width:100%;max-width:1000px;margin:0 auto}.grupo-voltar{color:#777;cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;margin-bottom:28px;padding:0;font-size:13px;font-weight:500;transition:color .18s,transform .18s;display:inline-flex}.grupo-voltar:hover{color:#eee;transform:translate(-2px)}.grupo-header{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:26px;display:flex}.grupo-label{color:#777;letter-spacing:3px;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.grupo-header h1{color:#f1f1f1;letter-spacing:-1.5px;margin:0;font-size:40px;font-weight:700;line-height:1.1}.grupo-header p{color:#888;max-width:650px;margin:9px 0 0;font-size:14px;line-height:1.5}.grupo-header p strong{color:#bbb;font-weight:600}.grupo-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.grupo-danger{color:#b97878;cursor:pointer;background:#ff464609;border:1px solid #ff5a5a2e;border-radius:8px;min-height:38px;padding:0 13px;font-size:12px;font-weight:600;transition:background .18s,border-color .18s,color .18s,transform .18s}.grupo-danger:hover{color:#e58a8a;background:#ff464612;border-color:#ff5a5a59;transform:translateY(-1px)}.grupo-danger:active{transform:scale(.97)}.grupo-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.grupo-card{background:#272727;border:1px solid #363636;border-radius:14px;width:100%;min-width:0;margin:0;padding:25px;box-shadow:0 8px 25px #0000001f}.grupo-card-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.grupo-card-header>div{min-width:0}.grupo-card h2{color:#eee;letter-spacing:-.3px;margin:0;font-size:21px;font-weight:600}.grupo-card-header span{color:#777;margin-top:5px;font-size:13px;display:block}.grupo-membros{flex-direction:column;gap:8px;display:flex}.grupo-membro{background:#242424;border:1px solid #343434;border-radius:9px;align-items:center;gap:12px;width:100%;min-width:0;min-height:60px;padding:10px 12px;transition:background .18s,border-color .18s,transform .18s;display:flex}.grupo-membro:hover{background:#292929;border-color:#424242;transform:translateY(-1px)}.grupo-membro-avatar{color:#ddd;background:#292929;border:1px solid #3b3b3b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:39px;height:39px;font-size:14px;font-weight:600;display:flex}.grupo-membro-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.grupo-membro-info strong{color:#ddd;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.grupo-membro-info span{color:#666;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:monospace;font-size:10px;overflow:hidden}.grupo-membro-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}.grupo-owner{color:#999;background:#292929;border:1px solid #3a3a3a;border-radius:7px;justify-content:center;align-items:center;min-height:28px;padding:0 9px;font-size:10px;font-weight:600;display:inline-flex}.grupo-remove{color:#a86f6f;cursor:pointer;background:#ff464606;border:1px solid #ff5a5a29;border-radius:7px;min-height:32px;padding:0 11px;font-size:11px;font-weight:600;transition:background .18s,border-color .18s,color .18s}.grupo-remove:hover{color:#db8585;background:#ff46460f;border-color:#ff5a5a4d}.grupo-primary{color:#181818;cursor:pointer;background:#eee;border:1px solid #eee;border-radius:8px;min-height:36px;padding:0 13px;font-size:12px;font-weight:600;transition:background .18s,border-color .18s,transform .18s,opacity .18s}.grupo-primary:hover:not(:disabled){background:#fff;border-color:#fff;transform:translateY(-1px)}.grupo-primary:active:not(:disabled){transform:scale(.97)}.grupo-primary:disabled{opacity:.5;cursor:default}.grupo-empty{color:#666;text-align:center;background:#ffffff03;border:1px dashed #383838;border-radius:9px;justify-content:center;align-items:center;min-height:100px;padding:20px;font-size:12px;line-height:1.5;display:flex}.grupo-convite{flex-direction:column;gap:8px;display:flex}.grupo-error,.grupo-success{border-radius:8px;margin-bottom:15px;padding:11px 13px;font-size:12px;line-height:1.45}.grupo-error{color:#c98282;background:#ff464612;border:1px solid #ff505026}.grupo-success{color:#86b88f;background:#50dc820e;border:1px solid #50dc8221}.grupo-loading{color:#666;justify-content:center;align-items:center;min-height:60vh;font-size:13px;display:flex}@media (max-width:800px){.grupo-grid{grid-template-columns:1fr}}@media (max-width:700px){.grupo-page{padding:30px 14px 60px}.grupo-header{flex-direction:column;gap:18px}.grupo-header h1{font-size:32px}.grupo-header-actions{width:100%}.grupo-header-actions button{flex:1}.grupo-card{padding:19px}.grupo-card-header{flex-direction:column;align-items:flex-start;gap:10px}.grupo-membro{flex-wrap:wrap;align-items:flex-start}.grupo-membro-actions{width:calc(100% - 51px);margin-left:51px}.grupo-membro-actions button{flex:1}.grupo-owner{min-height:32px}}@media (max-width:450px){.grupo-page{padding-left:10px;padding-right:10px}.grupo-card{border-radius:11px;padding:16px}.grupo-header h1{font-size:28px}.grupo-membro{padding:9px 10px}.grupo-membro-info span{font-size:9px}}.grupo-list-item{background:#272727;border:1px solid #363636;border-radius:12px;align-items:center;gap:14px;width:100%;padding:14px 16px;display:flex}.grupo-list-open{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:14px;padding:0;display:flex}.grupo-list-open:hover .grupo-list-info strong{color:#fff}.perfil-grupo-ativo{flex-shrink:0;align-items:center;gap:10px;display:flex}.perfil-grupo-ativo>span{color:#9a9a9a;text-align:right;min-width:44px;font-size:12px}.grupo-switch{cursor:pointer;background:#303030;border:1px solid #454545;border-radius:999px;width:42px;height:24px;padding:0;transition:background .2s,border-color .2s;position:relative}.grupo-switch-knob{background:#a0a0a0;border-radius:50%;width:16px;height:16px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.grupo-switch.ativo{background:#fff;border-color:#fff}.grupo-switch.ativo .grupo-switch-knob{background:#202020;transform:translate(18px)}.grupo-switch:hover{border-color:#fff}.grupo-switch:focus-visible{outline-offset:2px;outline:2px solid #fff}@media (max-width:600px){.grupo-list-item{align-items:flex-start}.perfil-grupo-ativo{padding-top:2px}.perfil-grupo-ativo>span{display:none}}.grupo-secondary{color:inherit;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;padding:10px 14px;transition:all .2s}.grupo-secondary:hover{background:#ffffff14}.grupo-secondary:disabled{opacity:.6;cursor:not-allowed}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}