@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#172025;background:#f7f9fb;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.app{display:flex;min-height:100vh}.sidebar{width:250px;background:#fff;border-right:1px solid #e8edf0;padding:27px 15px 18px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:9px;font:800 24px Plus Jakarta Sans;letter-spacing:-1px;padding:0 13px;margin-bottom:29px;color:#18292a}.brand-mark{background:#25bb82;color:#fff;border-radius:8px;width:29px;height:29px;display:grid;place-items:center;font:800 21px Georgia;font-style:italic}.workspace-switch{height:42px;border:1px solid #e5eaed;border-radius:7px;padding:0 10px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;white-space:nowrap;margin-bottom:25px}.workspace-switch svg{margin-left:auto;color:#839095}.workspace-dot{width:23px;height:23px;display:grid;place-items:center;background:#dff7ea;border-radius:6px;color:#169468;font-weight:700}.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#9ba6aa;margin:0 13px 8px}.nav-label.second{margin-top:27px}.nav-item{height:39px;padding:0 12px;border-radius:6px;color:#68767b;text-decoration:none;display:flex;align-items:center;gap:12px;font-weight:500;margin:2px 0}.nav-item svg{width:17px;height:17px}.nav-item.active{background:#e7faf2;color:#167c5c;font-weight:700}.nav-item em{margin-left:auto;background:#c8f2df;color:#16825f;border-radius:10px;padding:2px 7px;font-size:11px;font-style:normal}.sidebar-footer{margin-top:auto}.help-card{border:1px solid #e8edef;border-radius:8px;padding:12px 10px;display:flex;align-items:center;gap:9px;color:#718087;margin-bottom:17px}.help-card div{display:flex;flex-direction:column;gap:2px;flex:1}.help-card b{font-size:12px;color:#334247}.help-card small,.profile small,.user-cell small{font-size:11px;color:#8b969a}.profile{border-top:1px solid #eef1f2;padding:18px 4px 0;display:flex;align-items:center;gap:9px}.profile div:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1}.profile b{font-size:12px}.avatar{height:34px;width:34px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:#44565a;flex-shrink:0}.avatar.me,.header-avatar{background:#d7f2e6;color:#168560}.header-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700}main{min-width:0;flex:1}header{height:72px;border-bottom:1px solid #e8edef;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 42px}.breadcrumb{display:flex;align-items:center;gap:8px;color:#9aa5a8;font-size:12px}.breadcrumb b{color:#465458}.header-actions{display:flex;align-items:center;gap:17px}.icon-btn{position:relative;border:0;background:none;color:#718087;padding:4px}.icon-btn svg{width:18px}.icon-btn i{position:absolute;width:6px;height:6px;background:#f36d68;border:1px solid white;border-radius:50%;right:2px;top:2px}.content{padding:39px 42px 50px;max-width:1400px;margin:auto}.title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:31px}.eyebrow{font-size:11px;color:#1ba877;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;margin:0 0 10px}.title-row h1{font:800 30px Plus Jakarta Sans;letter-spacing:-1px;margin:0 0 9px}.subtitle{color:#839095;margin:0}.primary{background:#1baf78;color:#fff;border:0;border-radius:6px;padding:10px 15px;display:inline-flex;align-items:center;gap:7px;font-weight:700;box-shadow:0 1px 2px #0b7d5520}.primary:hover{background:#159968}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:26px}.stat{background:#fff;border:1px solid #e7edef;border-radius:9px;padding:16px 19px;position:relative;height:127px;overflow:hidden}.stat>span{color:#758287;font-size:12px}.stat strong{display:block;font:700 27px Plus Jakarta Sans;margin:10px 0 6px}.stat small{font-size:11px;color:#a0aaad}.stat small.good{color:#1aa974;font-weight:700}.spark{position:absolute;right:17px;bottom:21px;display:flex;align-items:end;gap:3px;height:34px}.spark i{display:block;width:5px;border-radius:3px;background:#bcebd8}.spark i:nth-child(1){height:12px}.spark i:nth-child(2){height:19px}.spark i:nth-child(3){height:15px}.spark i:nth-child(4){height:26px}.spark i:nth-child(5){height:21px}.spark i:nth-child(6){height:30px}.spark i:nth-child(7){height:27px}.panel{background:#fff;border:1px solid #e7edef;border-radius:9px}.panel-head{padding:22px 21px 19px;display:flex;justify-content:space-between;align-items:flex-start}.panel h2{font:700 16px Plus Jakarta Sans;margin:0 0 6px}.panel-head p{margin:0;color:#8a969a;font-size:12px}.count{font:500 11px DM Sans;background:#f0f3f4;color:#647277;border-radius:12px;padding:3px 8px;margin-left:5px;vertical-align:2px}.export,.filter-btn,.secondary{border:1px solid #dfe6e8;background:#fff;border-radius:6px;padding:8px 11px;display:inline-flex;align-items:center;gap:7px;color:#536267;font-weight:600;font-size:12px}.toolbar{display:flex;gap:9px;border-top:1px solid #edf0f1;border-bottom:1px solid #edf0f1;padding:13px 21px}.search{display:flex;align-items:center;border:1px solid #dfe6e8;border-radius:6px;padding:0 9px;flex:1;max-width:320px;color:#9aa5a8}.search input{border:0;outline:none;padding:8px;width:100%;font-size:12px}.search button{border:0;background:none;color:#829094;padding:0}.select-wrap{position:relative}.select-wrap select{height:34px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #dfe6e8;border-radius:6px;background:#fff;color:#536267;padding:0 31px 0 11px;font-size:12px;outline:none}.select-wrap svg{position:absolute;right:10px;top:10px;pointer-events:none;color:#839095}.filter-btn{margin-left:auto}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#89969a;font-weight:600;height:42px;border-bottom:1px solid #edf0f1;padding:0 14px}th:first-child,td:first-child{padding-left:21px;width:38px}td{height:64px;border-bottom:1px solid #f0f2f3;padding:0 14px;font-size:12px;color:#536166;white-space:nowrap}.user-cell{display:flex;align-items:center;gap:10px}.user-cell div:last-child{display:flex;flex-direction:column;gap:4px}.user-cell b{font-size:12px;color:#27363b}.sort{border:0;background:none;text-transform:uppercase;letter-spacing:.6px;color:#89969a;font-size:10px;padding:0}.sort span{font-size:14px;color:#1eae7a;margin-left:4px}.role{color:#59676b}.status{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:10px;font-size:11px;font-weight:600}.status i{height:6px;width:6px;border-radius:50%;background:currentColor}.status.active{background:#e6f8ef;color:#16865f}.status.invited{background:#fff5dc;color:#a77814}.status.suspended{background:#fff0f0;color:#d05d5b}.muted{color:#899599}.actions{position:relative;text-align:right}.actions>button{border:0;background:none;color:#879397;padding:5px}.menu{position:absolute;right:13px;top:43px;z-index:3;width:150px;background:#fff;border:1px solid #e2e9ea;border-radius:7px;box-shadow:0 8px 22px #21312a1c;padding:4px}.menu button{width:100%;display:flex;align-items:center;gap:7px;border:0;background:none;padding:8px;color:#506065;font-size:11px;text-align:left;border-radius:4px}.menu button:hover{background:#f1f7f5}.menu .danger{color:#d15e5a}.empty{text-align:center;padding:48px;color:#8a969a;display:flex;flex-direction:column;align-items:center;gap:8px}.empty b{color:#46555a}.pagination{min-height:65px;padding:0 21px;display:flex;align-items:center;justify-content:space-between;color:#8b969a;font-size:11px}.pagination b{color:#526166}.pagination>div{display:flex;align-items:center;gap:7px}.pagination button{border:1px solid #dfe6e8;background:#fff;border-radius:5px;width:28px;height:28px;display:grid;place-items:center;color:#647378}.pagination button:disabled{opacity:.4;cursor:not-allowed}.page-number{background:#e5f8ef;color:#178660;border-radius:5px;width:28px;height:28px;display:grid;place-items:center;font-weight:700}.toast{position:fixed;right:25px;bottom:25px;background:#183c32;color:#fff;padding:12px 16px;border-radius:7px;display:flex;gap:8px;align-items:center;box-shadow:0 5px 22px #19362f35;font-size:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#172c2c55;display:grid;place-items:center;z-index:10;padding:20px}.modal{background:#fff;width:100%;max-width:440px;border-radius:11px;padding:27px;box-shadow:0 20px 50px #13252335;position:relative}.modal-close{position:absolute;right:17px;top:17px;border:0;background:none;color:#7d8b8f}.modal-icon{width:40px;height:40px;background:#e5f8ef;color:#18a675;display:grid;place-items:center;border-radius:8px}.modal h2{font:700 20px Plus Jakarta Sans;margin:17px 0 7px}.modal>p{font-size:12px;color:#899599;margin:0 0 22px;line-height:1.5}.modal form{display:flex;flex-direction:column;gap:15px}.modal label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#4c5a5f}.modal input,.modal select{border:1px solid #dce5e7;border-radius:6px;padding:9px 11px;outline-color:#31bd8c;font-size:13px;font-weight:400}.role-help{font-size:11px;color:#899599;font-weight:400;margin-top:-1px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:7px}@media(max-width:850px){.sidebar{width:70px;padding:22px 10px}.brand{padding:0;justify-content:center}.brand span,.workspace-switch span:not(.workspace-dot),.workspace-switch svg,.nav-label,.nav-item span,.nav-item em,.help-card,.profile div:nth-child(2),.profile>svg{display:none}.workspace-switch{border:0;padding:0;justify-content:center}.nav-item{justify-content:center;padding:0}.profile{justify-content:center}.content{padding:30px 22px}header{padding:0 22px}.stats{gap:10px}}@media(max-width:600px){.content{padding:25px 14px}.title-row{display:block}.title-row .primary{margin-top:18px}.stats{grid-template-columns:1fr 1fr}.stat:last-child{grid-column:span 2}.toolbar{flex-wrap:wrap;padding:12px}.search{max-width:none;flex-basis:100%}.filter-btn{margin-left:0}table{min-width:720px}.table-wrap{overflow-x:auto}.panel-head{padding:18px 14px}.pagination{padding:0 14px}.pagination>span{font-size:10px}header{height:60px}.breadcrumb{font-size:11px}}@media(max-width:850px){.sidebar{position:fixed;inset:0 auto 0 0;width:250px;z-index:20;transform:translate(-100%);transition:transform .2s ease;box-shadow:8px 0 24px #21312a26}.sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;border:0;background:#17202566}.mobile-menu{display:inline-flex;margin-right:5px}header{padding:0 22px}.content{padding:30px 22px}.stats{grid-template-columns:repeat(3,1fr)}}@media(min-width:851px){.mobile-menu{display:none}}@media(max-width:600px){.content{padding:24px 14px 36px}.title-row{display:block}.title-row .primary{margin-top:18px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat:last-child{grid-column:span 2}.panel-head{padding:18px 14px;gap:12px}.toolbar{padding:12px;gap:8px}.toolbar .select-wrap{flex:1;min-width:calc(50% - 4px)}.toolbar .select-wrap select{width:100%}.search{flex-basis:100%;max-width:none}.filter-btn{margin-left:0}.table-wrap{overflow-x:auto}table{min-width:720px}.pagination{padding:0 14px}.pagination>span{font-size:10px}header{height:60px;padding:0 14px}.breadcrumb{font-size:11px}.header-actions{gap:9px}.content h1{font-size:27px}.subtitle{line-height:1.5}.export{padding:8px}.export svg{margin:0}.panel-head .export{font-size:0}.panel-head .export svg{width:16px}}@media(max-width:380px){.stats{grid-template-columns:1fr}.stat:last-child{grid-column:auto}.title-row h1{font-size:25px}}@media(max-width:700px){.dashboard-grid,.roles-layout,.settings-grid,.resource-grid{grid-template-columns:1fr}.content-search{max-width:none;width:100%;margin-top:10px}.panel-head:has(.content-search){display:block}}.placeholder-page{max-width:760px}.placeholder-page h1{font:800 30px Plus Jakarta Sans;letter-spacing:-1px;margin:0 0 9px}.placeholder-card{margin-top:32px;background:#fff;border:1px solid #e7edef;border-radius:9px;padding:24px;display:flex;align-items:flex-start;gap:14px;color:#1aa974}.placeholder-card h2{font:700 16px Plus Jakarta Sans;color:#27363b;margin:0 0 7px}.placeholder-card p{color:#839095;margin:0;font-size:13px;line-height:1.5}.dashboard-grid,.roles-layout,.settings-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:16px}.activity-list,.health-list,.bar-chart,.resource-grid{padding:0 21px 20px}.activity-item,.resource-card,.permission-row,.toggle-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #eef2f1;padding:14px 0}.activity-item:last-child,.permission-row:last-child,.toggle-row:last-child{border-bottom:0}.activity-item>div:nth-child(2),.resource-card>div:nth-child(2),.permission-row>span,.toggle-row>span{display:flex;flex-direction:column;gap:4px;flex:1}.activity-item b,.resource-card b,.permission-row b,.toggle-row b{font-size:12px;color:#27363b}.activity-item small,.resource-card small,.permission-row small,.toggle-row small{font-size:11px;color:#8b969a}.activity-item>svg{color:#9aa6a8}.health-list>div{padding:8px 0 18px}.health-list span{display:block;color:#758287;font-size:12px;margin-bottom:5px}.health-list strong{display:block;font:700 23px Plus Jakarta Sans;margin-bottom:8px}.health-list strong small{font:400 12px DM Sans;color:#9aa6a8}.health-list i{display:block;height:7px;background:#e7f3ee;border-radius:8px;overflow:hidden}.health-list i b{display:block;height:100%;background:#1baf78;border-radius:8px}.health-list i b.warning{background:#e2b34d}.health-list .secondary{margin-top:7px}.bar-row{display:grid;grid-template-columns:110px 1fr 24px;align-items:center;gap:12px;margin:17px 0;color:#647277;font-size:12px}.bar-row>div{height:9px;background:#edf5f1;border-radius:9px;overflow:hidden}.bar-row i{display:block;height:100%;background:#2bb987;border-radius:9px}.bar-row b{color:#27363b;text-align:right}.content-search{max-width:210px}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.resource-card{border:1px solid #e7edef;border-radius:8px;padding:14px;min-width:0}.resource-card>div:nth-child(2){min-width:0}.resource-card b,.resource-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-card>svg{color:#8b969a}.resource-icon{background:#e4f8ef;color:#169468;border-radius:7px;padding:9px;display:grid;place-items:center}.role-list{height:max-content}.role-option{width:100%;border:0;border-top:1px solid #eef2f1;background:#fff;padding:15px 21px;display:flex;align-items:center;gap:11px;text-align:left;color:#718087}.role-option span{display:flex;flex-direction:column;gap:4px;flex:1}.role-option b{color:#27363b;font-size:12px}.role-option small{color:#8b969a;font-size:11px}.role-option.selected{background:#e7faf2;color:#167c5c}.permission-panel{padding-bottom:10px}.permission-row,.toggle-row{margin:0 21px}.permission-row input,.toggle-row input{accent-color:#1baf78;width:17px;height:17px}.settings-card{padding-bottom:21px}.settings-card>label{display:flex;flex-direction:column;gap:7px;margin:0 21px 16px;color:#647277;font-size:12px;font-weight:600}.settings-card>label input{border:1px solid #dfe6e8;border-radius:6px;padding:10px 11px;outline:0;color:#27363b}.settings-card>label input:focus{border-color:#54c99b;box-shadow:0 0 0 3px #25bb8220}.settings-card>.primary{margin-left:21px}button,.nav-item,.panel,.stat,.workspace-switch,.help-card,.placeholder-card{transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease,background-color .18s ease}.stat{box-shadow:0 2px 6px #21312a08,0 8px 24px #21312a05}.panel{box-shadow:0 2px 6px #21312a08,0 12px 28px #21312a06}.workspace-switch{box-shadow:0 1px 2px #21312a08}.workspace-switch:hover,.help-card:hover{border-color:#bfe7d5;box-shadow:0 4px 14px #1baf7814}.nav-item:hover{background:#f1f8f5;color:#167c5c;transform:translate(2px)}.stat:hover,.placeholder-card:hover{transform:translateY(-2px);box-shadow:0 5px 12px #21312a0c,0 14px 30px #21312a0a}.primary,.export,.filter-btn,.secondary{transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}.primary:hover,.export:hover,.filter-btn:hover,.secondary:hover{transform:translateY(-1px);box-shadow:0 4px 10px #21312a14}.export:hover,.filter-btn:hover,.secondary:hover{border-color:#b9dfcf;background:#f7fcfa;color:#167c5c}.search:focus-within,.select-wrap select:focus{border-color:#54c99b;box-shadow:0 0 0 3px #25bb8220}.search{transition:border-color .18s ease,box-shadow .18s ease}.table-wrap tbody tr{transition:background-color .15s ease}.table-wrap tbody tr:hover{background:#f8fcfa}.icon-btn:focus-visible,.primary:focus-visible,.export:focus-visible,.filter-btn:focus-visible,.secondary:focus-visible,.nav-item:focus-visible{outline:3px solid #25bb8240;outline-offset:2px}