@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";.users-app{min-height:100vh;display:flex;background:#131211;color:#f1f0ef;font-family:DM Sans,system-ui,sans-serif}.users-sidebar{width:236px;flex:0 0 236px;background:#191918;color:#d8f1e1;padding:28px 16px;display:flex;flex-direction:column;gap:6px}.users-brand{display:flex;align-items:center;gap:10px;padding:0 12px 36px}.users-brand strong,.users-brand small{display:block}.users-brand strong{font-size:16px}.users-brand small{font-size:11px;color:#82bf9d;margin-top:3px}.users-brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#32aa62;color:#fff;font-weight:800}.users-sidebar button{border:0;border-radius:8px;padding:12px 14px;display:flex;align-items:center;gap:12px;text-align:left;color:#b8d7c3;background:transparent;font:inherit;cursor:pointer}.users-sidebar button:hover,.users-sidebar button.is-active{background:#124b2e;color:#20201f}.users-sidebar button span{width:18px;text-align:center;color:#73cc94}.users-sidebar .users-back{margin-top:auto;color:#8ec5a3;font-size:12px}.users-main{flex:1;min-width:0;padding:40px 5vw 56px}.users-header{display:flex;justify-content:space-between;align-items:flex-start;max-width:1240px;margin:0 auto 32px}.users-eyebrow{color:#2c9d5a;font-size:11px;letter-spacing:.18em;font-weight:800}.users-header h1{font-family:Space Grotesk,sans-serif;font-size:34px;margin:7px 0 5px}.users-header p,.users-panel-heading p{margin:0;color:#a2aaa3;font-size:14px}.users-close{border:0;background:transparent;font-size:30px;color:#779083;cursor:pointer}.users-stats{max-width:1240px;margin:0 auto 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.users-stat,.users-panel{background:#20201f;border:1px solid #30302e;border-radius:14px;box-shadow:0 8px 24px #153e2810}.users-stat{padding:20px}.users-stat span,.users-stat small{display:block;color:#a2aaa3;font-size:12px}.users-stat strong{display:block;font-family:Space Grotesk,sans-serif;font-size:31px;margin:8px 0 3px}.users-panel{max-width:1240px;margin:0 auto;padding:24px}.users-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.users-panel-heading h2{font-size:19px;margin:0 0 5px}.users-primary,.users-secondary,.table-action{border:0;border-radius:8px;padding:11px 16px;font:600 13px inherit;cursor:pointer}.users-primary{background:#289c58;color:#20201f}.users-primary:hover{background:#76db8e}.users-secondary{background:#26382a;color:#76db8e}.users-primary:disabled{opacity:.6;cursor:wait}.users-table,.permissions-table{border:1px solid #30302e;border-radius:10px;overflow:hidden}.users-table-row,.permissions-row{display:grid;grid-template-columns:2fr 1.1fr 1.2fr 1fr;align-items:center;gap:16px;padding:15px 16px;border-top:1px solid #30302e;font-size:13px}.users-table-row:first-child,.permissions-row:first-child{border-top:0}.users-table-head,.permissions-head{background:#191918;color:#a2aaa3;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.users-table-row strong,.users-table-row small,.permissions-row strong small{display:block}.users-table-row small,.permissions-row strong small{color:#83938a;font-size:12px;margin-top:3px;font-weight:400}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;background:#a7b2ab}.status-active{background:#28a65d}.status-invited{background:#ef9b27}.status-deactivated,.status-suspended{background:#d45f52}.table-action{padding:6px 10px;background:#26382a;color:#76db8e;font-size:12px}.users-empty,.users-loading{padding:42px;text-align:center;color:#a2aaa3}.users-alert{max-width:1240px;margin:0 auto 18px;padding:12px 14px;border:1px solid #edb3ad;border-radius:8px;background:#fff3f1;color:#a34338;font-size:13px}.users-alert button{float:right;border:0;background:transparent;color:inherit;cursor:pointer}.permissions-row{grid-template-columns:1fr 1.5fr 1.5fr}.permission-tags{display:flex;flex-wrap:wrap;gap:5px}.permission-tags em{font-style:normal;padding:4px 7px;border-radius:5px;background:#26382a;color:#76db8e;font-size:11px}.permission-tags em.muted{background:#f0f2f0;color:#829087}.users-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#082d1bb8}.users-modal{width:min(560px,100%);max-height:90vh;overflow:auto;background:#20201f;border-radius:15px;padding:26px;box-shadow:0 24px 80px #0004}.users-modal-heading{display:flex;justify-content:space-between;margin-bottom:22px}.users-modal-heading h2{margin:6px 0 4px}.users-modal-heading p{color:#a2aaa3;font-size:13px;margin:0}.users-modal-heading button{border:0;background:transparent;font-size:26px;color:#789087;cursor:pointer}.users-modal>label{display:block;color:#f1f0ef;font-size:13px;font-weight:600;margin:14px 0}.users-modal input:not([type=checkbox]),.users-modal select{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:11px 12px;border:1px solid #30302e;border-radius:7px;background:#191918;color:#f1f0ef;font:inherit}.users-modal fieldset{border:1px solid #30302e;border-radius:8px;padding:12px;margin:18px 0}.users-modal legend{padding:0 5px;color:#a2aaa3;font-size:12px;font-weight:700}.app-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.app-checks label{display:flex;gap:8px;padding:9px;border-radius:7px;background:#252523;font-size:12px}.app-checks label span{display:block}.app-checks small{display:block;color:#a2aaa3;font-size:10px;margin-top:3px}.users-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}@media(max-width:800px){.users-sidebar{width:190px;flex-basis:190px}.users-main{padding:28px 18px}.users-stats{grid-template-columns:1fr 1fr}.users-table-row{grid-template-columns:1.7fr 1fr 1fr}.users-table-row>span:last-child{grid-column:2/-1}.permissions-row{grid-template-columns:1fr}.permissions-head{display:none}}@media(max-width:560px){.users-app{display:block}.users-sidebar{width:auto;display:grid;grid-template-columns:repeat(3,1fr);padding:12px}.users-brand{grid-column:1/-1;padding:8px 10px 12px}.users-sidebar .users-back{grid-column:1/-1;margin:0}.users-sidebar button{justify-content:center;font-size:12px;padding:9px}.users-sidebar button span{display:none}.users-header h1{font-size:28px}.users-stats{gap:8px}.users-stat{padding:14px}.users-stat strong{font-size:24px}.users-panel{padding:14px}.users-panel-heading{align-items:flex-start;flex-direction:column}.app-checks{grid-template-columns:1fr}.users-table-row{grid-template-columns:1fr 1fr}.users-table-head{display:none}.users-table-row>span:last-child{grid-column:1/-1}}.users-primary,.users-primary:hover{color:#fff}.users-primary:hover{background:#207d46}.users-app button,.users-app input,.users-app select{font:inherit}.users-modal{color:#f1f0ef}.users-alert{background:#382320;color:#ffc1b6;border-color:#7d4740}.users-sidebar button,.users-sidebar button:hover,.users-sidebar button.is-active{color:#fff}.permissions-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:16px;color:#a2aaa3;font-size:12px}.permissions-pagination button{border:1px solid #3a593f;border-radius:7px;padding:8px 12px;color:#fff;background:#1b3022;font:600 12px inherit;cursor:pointer}.permissions-pagination button:disabled{opacity:.45;cursor:not-allowed}:root{--page-background: #131211;--surface: #20201f;--border: #30302e;--text: #f1f0ef;--muted: #a2aaa3;--accent: #76db8e;color-scheme:dark;color:var(--text);background:var(--page-background);font-family:DM Sans,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:var(--page-background)}button,input,a{font:inherit}button{cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1,h2,p{margin:0}.shell{min-height:100vh;display:flex;flex-direction:column;background:var(--page-background)}.topbar{display:grid;grid-template-columns:1fr minmax(240px,460px) 1fr;align-items:center;gap:24px;min-height:70px;padding:8px 24px;border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;justify-self:start;gap:9px;color:var(--text);text-decoration:none}.brand-mark{display:grid;place-items:center}.brand-mark img{display:block;width:40px;height:40px;border-radius:10px;object-fit:contain}.brand-copy strong,.brand-copy small{display:block}.brand-copy strong{color:var(--accent);font:700 21px/1 Space Grotesk,sans-serif;letter-spacing:-.055em}.brand-copy small{margin-top:5px;color:var(--muted);font-size:9px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.search-field{display:flex;align-items:center;gap:9px;min-width:0;height:40px;padding:0 12px;border:1px solid #40403d;border-radius:7px;background:var(--surface);color:var(--muted)}.search-field:focus-within{border-color:var(--accent);outline:1px solid var(--accent)}.search-field>svg{flex:0 0 auto;width:17px;height:17px}.search-field input{width:100%;min-width:0;height:100%;padding:0;border:0;outline:none;background:transparent;color:var(--text);font-size:13px}.search-field input::placeholder{color:var(--muted);opacity:1}.search-field input:disabled{cursor:wait}.account{position:relative;display:flex;align-items:center;justify-self:end;gap:12px}.account-trigger{display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:inherit;background:transparent}.avatar{display:grid;place-items:center;width:46px;height:46px;border:1px solid #3a3a37;border-radius:50%;background:var(--surface);font-size:13px;font-weight:700;transition:border-color .2s}.account-trigger:hover .avatar,.account-trigger.is-open .avatar{border-color:var(--accent)}.account-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:10;width:230px;padding:7px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 16px 32px #0005}.account-copy{padding:9px 10px 13px;margin-bottom:5px;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.account-copy strong,.account-copy span{display:block}.account-copy strong{font-size:13px}.account-copy span{margin-top:4px;color:var(--muted);font-size:11px;text-transform:capitalize}.logout{width:100%;padding:10px;border:0;border-radius:6px;color:var(--text);background:transparent;font-size:13px;text-align:left}.logout:hover{background:#2c2c29}.category-nav{border-bottom:0}.category-list{display:flex;justify-content:center;gap:4px;max-width:1440px;margin:0 auto;padding:0 24px;overflow-x:auto}.category-button{position:relative;flex:0 0 auto;min-height:50px;padding:0 14px;border:0;color:var(--muted);background:transparent;font-size:13px;font-weight:600;white-space:nowrap}.category-button:hover,.category-button.is-active{color:var(--text)}.category-button.is-active:after{position:absolute;right:9px;bottom:0;left:9px;height:2px;background:#59b58d;content:""}.category-button:focus-visible{outline-offset:-4px}.content{width:min(100%,1440px);margin:0 auto;padding:42px 24px 60px;flex:1}.hero{display:flex;align-items:center;gap:16px;margin-bottom:27px}.hero-logo{display:block;flex:0 0 56px;width:56px;height:56px;border-radius:12px;object-fit:contain}.hero-copy{min-width:0}.hero p{margin-bottom:5px;color:var(--muted);font-size:13px;line-height:1.5}.hero h1{font-size:clamp(27px,3vw,32px);font-weight:700;line-height:1.25;letter-spacing:-.025em}.equipe-loading{display:grid;width:100%;min-height:100vh;place-content:center;justify-items:center;gap:18px;background:#101c15}.equipe-loading img{display:block;width:clamp(180px,26vw,270px);height:auto}.equipe-loading span{color:#a2d8b1;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.equipe-state{display:grid;min-height:100vh;place-items:center;padding:24px;background:#101c15}.equipe-state section{max-width:480px;padding:32px;border:1px solid #31523d;border-radius:16px;color:var(--text);background:#18271e;text-align:center}.equipe-state h1{margin:0 0 10px;font:700 25px/1.2 Space Grotesk,sans-serif}.equipe-state p{margin:0;color:var(--muted);line-height:1.55}.equipe-state button{margin-top:20px;padding:10px 16px;border:0;border-radius:8px;color:#12321d;background:var(--accent);font-weight:700}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.app-card{display:flex;align-items:center;flex-direction:column;min-width:0;height:212px;padding:24px 16px;border:1px solid var(--border);border-radius:11px;color:var(--text);background:var(--surface);text-decoration:none;text-align:center;font:inherit;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.app-card:hover{transform:translateY(-3px);border-color:#535b51;background:#252523}.app-icon{display:grid;flex:0 0 68px;place-items:center;width:68px;height:68px;margin-bottom:18px;border-radius:15px;color:#76db8e;background:#2c2c2a}.app-icon-svg{width:39px;height:39px}.app-icon-logo{display:block;width:45px;height:45px;max-width:48px;max-height:48px;object-fit:contain;filter:drop-shadow(0 5px 8px rgb(0 0 0 / 22%))}.card-evolution .app-icon-logo{width:55px;height:33px;max-width:55px;max-height:33px;border-radius:3px;filter:none}.card-chatwoot .app-icon,.card-zitadel .app-icon,.card-dozzle .app-icon,.card-listmonk .app-icon,.card-evolution .app-icon{color:var(--accent)}.card-chatwoot .app-icon-logo{filter:hue-rotate(-72deg) saturate(.86)}.card-zitadel .app-icon-logo{filter:hue-rotate(88deg) saturate(.72)}.card-dozzle .app-icon-logo{filter:hue-rotate(94deg) saturate(.82)}.card-listmonk .app-icon-logo{filter:hue-rotate(-74deg) saturate(.9)}.card-evolution .app-icon{color:#35d49b}.app-card h2{font-size:15px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.app-card p{display:-webkit-box;max-width:220px;margin-top:14px;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.55;-webkit-line-clamp:2;-webkit-box-orient:vertical}.state-card{display:flex;align-items:center;gap:16px;min-height:112px;padding:25px;border:1px solid var(--border);border-radius:11px;color:var(--muted);background:var(--surface)}.error-card{align-items:flex-start;border-color:#66403b}.error-card strong{color:var(--text)}.error-card p{margin:7px 0 17px;font-size:13px}.state-icon{display:grid;flex:0 0 auto;place-items:center;width:34px;height:34px;border-radius:50%;color:#f6aaa3;background:#402b28;font-weight:700}.spinner{width:17px;height:17px;border:2px solid #40443e;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.primary-button{padding:10px 15px;border:0;border-radius:7px;color:#163821;background:var(--accent);font-size:12px;font-weight:700}.primary-button:hover{background:#90e6a4}.empty-state{padding:56px 20px;border:1px dashed var(--border);border-radius:11px;text-align:center}.empty-state h2{font-size:18px}.empty-state p{margin:10px 0 20px;color:var(--muted);font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}footer{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.footer-logo{display:block;width:32px;height:32px;border-radius:8px;object-fit:contain}.footer-divider{width:4px;height:4px;border-radius:50%;background:#596457}footer small{font-size:inherit}@media(max-width:1100px){.category-list{justify-content:flex-start}}@media(max-width:800px){.topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:18px}.brand-copy{display:none}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}@media(max-width:560px){.topbar{padding:10px 16px;gap:12px}.brand-mark img{width:34px;height:34px}.avatar{width:36px;height:36px;font-size:11px}.search-field{padding:0 8px;gap:6px}.search-field input{font-size:12px}.category-list{padding:0 7px}.content{padding:30px 16px 40px}.hero{gap:12px}.hero-logo{flex-basis:48px;width:48px;height:48px;border-radius:10px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app-card{padding:22px 12px;min-height:212px}.app-card h2{font-size:14px}.app-icon{width:60px;height:60px}footer{gap:9px;padding:20px 16px;font-size:9px;letter-spacing:.06em;text-align:center}.footer-logo{width:28px;height:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.app-card:hover{transform:none}}