:root{--purple:hsl(calc(var(--hue) - 3) calc(var(--sat) * 73%) 48%);--purple-dark:hsl(calc(var(--hue) - 3) calc(var(--sat) * 80%) 38%);--ink:hsl(calc(var(--hue) - 3) calc(var(--sat) * 39%) 14%);--muted:hsl(calc(var(--hue) - 6) calc(var(--sat) * 10%) 51%);--border:hsl(calc(var(--hue) - 1) calc(var(--sat) * 40%) 92%);--bg:hsl(calc(var(--hue) - 11) calc(var(--sat) * 38%) 97%)}
.sidebar{padding-top:20px}.brand{display:flex;flex-direction:column;padding:10px;gap:0;min-height:44px;border-radius:12px;background:hsl(calc(var(--hue) - 3) calc(var(--sat) * 73%) 48%);color:white;overflow:hidden}.official-logo{display:block;width:104px;max-width:100%;height:auto}.workspace-label{margin-top:25px}.nav-item.active{color:hsl(calc(var(--hue) - 1) calc(var(--sat) * 71%) 43%);background:hsl(calc(var(--hue) - 3) calc(var(--sat) * 86%) 95%)}.nav-item.active>span,.eyebrow,.step.active{color:hsl(calc(var(--hue) - 3) calc(var(--sat) * 73%) 48%)}.sidebar-tip{margin-bottom:22px;background:linear-gradient(145deg,hsl(calc(var(--hue) + 0) calc(var(--sat) * 85%) 95%),#fff);border-color:hsl(calc(var(--hue) + 1) calc(var(--sat) * 81%) 92%)}.sidebar-bottom{margin-top:auto}.account-copy{min-width:0}.account-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:143px;font-size:11px}.account-copy small{color:hsl(calc(var(--hue) + 4) calc(var(--sat) * 25%) 47%);font-size:10px}.account-copy a{display:inline-block;color:hsl(calc(var(--hue) - 3) calc(var(--sat) * 73%) 48%);margin-top:8px;text-decoration:none;font-size:10px}.avatar{background:hsl(calc(var(--hue) - 2) calc(var(--sat) * 100%) 95%);color:hsl(calc(var(--hue) - 3) calc(var(--sat) * 73%) 48%);flex-shrink:0}.btn.primary{box-shadow:0 3px 10px #8321d618}.title-dot{color:hsl(calc(var(--hue) - 3) calc(var(--sat) * 73%) 48%)}footer{justify-content:center!important;color:hsl(calc(var(--hue) - 2) calc(var(--sat) * 15%) 54%);font-size:11px!important;letter-spacing:.3px}#save-status{max-width:155px;color:hsl(calc(var(--hue) - 2) calc(var(--sat) * 15%) 46%)}.permission-locked{opacity:.48;cursor:not-allowed!important}.workspace-notice{margin:0 36px 20px;padding:16px 20px;border:1px solid #e5c774;border-radius:10px;background:#fffbec;font-size:12px;line-height:1.7;color:#6f5725}.workspace-notice>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.workspace-notice .btn{font-size:10px;min-height:32px;padding:6px 12px}.workspace-loading{position:fixed;inset:0;background:hsl(calc(var(--hue) - 11) calc(var(--sat) * 38%) 97%);z-index:50;display:grid;place-items:center;padding:25px;text-align:center}.workspace-loading>div{max-width:420px}.workspace-loading img,.access-page img{width:170px;border-radius:16px;margin-bottom:24px;background:hsl(calc(var(--hue) - 3) calc(var(--sat) * 73%) 48%)}.workspace-loading h2{font-size:24px}.workspace-loading p{font-size:14px;line-height:1.8;color:hsl(calc(var(--hue) - 2) calc(var(--sat) * 11%) 51%)}.workspace-loading .text-button{display:block;margin-top:20px;color:hsl(calc(var(--hue) - 3) calc(var(--sat) * 73%) 48%)}.access-page{display:grid;place-items:center;min-height:100vh}.access-page main{margin:0;padding:32px;max-width:600px;text-align:center}.access-page p{line-height:1.9;color:hsl(calc(var(--hue) - 2) calc(var(--sat) * 11%) 51%)}.access-page h1{font-size:27px}
.team-intro{display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(105deg,hsl(calc(var(--hue) - 1) calc(var(--sat) * 81%) 94%),hsl(calc(var(--hue) - 11) calc(var(--sat) * 100%) 99%));border:1px solid hsl(calc(var(--hue) - 2) calc(var(--sat) * 79%) 91%);border-radius:13px;padding:27px 30px;margin-bottom:18px}.team-intro h2{font-family:Manrope,Arial,sans-serif;font-size:25px;margin-bottom:9px;letter-spacing:-.7px}.team-intro p{font-size:12px;color:hsl(calc(var(--hue) - 1) calc(var(--sat) * 16%) 53%);line-height:1.8;margin:0}.owner-pill{display:flex;align-items:center;gap:12px;font-size:10px;background:#fff;border:1px solid hsl(calc(var(--hue) + 2) calc(var(--sat) * 62%) 92%);padding:15px 18px;border-radius:10px;white-space:nowrap;color:hsl(calc(var(--hue) + 1) calc(var(--sat) * 24%) 59%)}.owner-pill>span{color:hsl(calc(var(--hue) - 3) calc(var(--sat) * 73%) 48%);font-size:25px}.owner-pill strong{display:block;font-size:11px;color:hsl(calc(var(--hue) + 3) calc(var(--sat) * 40%) 36%);margin-top:6px}.team-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.team-stats>div{background:#fff;border:1px solid var(--border);border-radius:10px;padding:18px 22px;display:flex;justify-content:space-between;align-items:center}.team-stats span{font-size:9px;color:hsl(calc(var(--hue) + 2) calc(var(--sat) * 23%) 57%);letter-spacing:1.3px}.team-stats strong{color:hsl(calc(var(--hue) - 3) calc(var(--sat) * 73%) 48%);font-size:26px;font-weight:500}.team-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:22px;align-items:start}.team-card{padding:24px}.team-card h2{font-size:17px}.team-card .card-title{gap:12px;align-items:flex-start}.team-card .card-title p{font-size:11px;line-height:1.7}.team-search{margin:20px 0}.team-search label{font-size:9px}.team-search input{font-size:11px}.member-list{display:flex;flex-direction:column}.member-row{display:flex;align-items:center;gap:12px;padding:17px 0;border-top:1px solid var(--border)}.member-avatar{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:11px;background:hsl(calc(var(--hue) + 6) calc(var(--sat) * 62%) 95%);color:hsl(calc(var(--hue) - 3) calc(var(--sat) * 73%) 48%);font-size:11px;font-weight:600}.member-detail{min-width:0;flex:1}.member-detail strong{display:block;font-size:12px;line-height:1.6}.member-detail p{font-size:10px;color:hsl(calc(var(--hue) - 1) calc(var(--sat) * 17%) 59%);overflow-wrap:anywhere;margin:3px 0 6px}.member-tags{display:flex;flex-wrap:wrap;gap:5px}.member-tag{font-size:8px;border-radius:4px;padding:4px 6px;background:hsl(calc(var(--hue) - 2) calc(var(--sat) * 48%) 95%);color:hsl(calc(var(--hue) + 3) calc(var(--sat) * 25%) 49%)}.member-tag.active{background:#edf7f1;color:#52896b}.member-tag.suspended{background:#fff0f2;color:#b45b73}.member-actions{display:flex;flex-direction:column;gap:2px}.member-actions .text-button{font-size:10px;padding:6px}.member-actions .danger{color:#b2516a}.team-access-note{margin-top:20px;padding:16px;border:1px solid hsl(calc(var(--hue) + 1) calc(var(--sat) * 53%) 91%);background:hsl(calc(var(--hue) - 1) calc(var(--sat) * 78%) 98%);border-radius:9px}.team-access-note strong{font-size:11px;color:hsl(calc(var(--hue) + 3) calc(var(--sat) * 37%) 41%)}.team-access-note p{font-size:11px;line-height:1.9;color:hsl(calc(var(--hue) + 3) calc(var(--sat) * 18%) 54%);margin:8px 0}.team-access-note .text-button{padding:5px 0;font-size:11px}.team-access-note span{display:block;font-size:9px;color:hsl(calc(var(--hue) + 7) calc(var(--sat) * 17%) 61%);margin-top:8px}.roles-column{display:grid;gap:20px}.role-card{border:1px solid var(--border);border-radius:9px;margin:14px 0;padding:15px}.role-card-top{display:flex;justify-content:space-between;align-items:center;gap:9px}.role-card h3{font-size:12px;margin:0}.role-card-top>span{font-size:8px;color:hsl(calc(var(--hue) + 1) calc(var(--sat) * 19%) 62%)}.role-card p{font-size:10px;line-height:1.8;color:hsl(calc(var(--hue) + 5) calc(var(--sat) * 14%) 56%);margin:8px 0 0}.role-card .text-button{font-size:9px;padding:8px 8px 0 0}.role-card .danger{color:#b2516a}.role-list+.small{font-size:10px;line-height:1.8}.activity-card h3{font-size:13px}.activity-item{padding:10px 0;border-bottom:1px solid var(--border);font-size:10px;line-height:1.8}.activity-item:last-child{border-bottom:0}.activity-item b{display:block;color:hsl(calc(var(--hue) + 3) calc(var(--sat) * 28%) 39%);font-weight:500}.activity-item span{display:block;color:hsl(calc(var(--hue) + 2) calc(var(--sat) * 15%) 60%);overflow-wrap:anywhere}.team-dialog{width:min(500px,calc(100vw - 30px));max-height:90vh;overflow:auto;margin:auto}.team-dialog h2{font-size:25px}.team-dialog label{margin-top:17px}.team-dialog input,.team-dialog select{font-size:12px;min-height:40px}.team-dialog .two-cols{grid-template-columns:1fr 1fr}.team-dialog .id-dialog-actions{margin-top:23px}.team-dialog input:disabled{background:hsl(calc(var(--hue) - 1) calc(var(--sat) * 41%) 97%);color:hsl(calc(var(--hue) - 1) calc(var(--sat) * 15%) 60%)}.role-baseline{font-size:12px;color:hsl(calc(var(--hue) + 2) calc(var(--sat) * 28%) 43%);background:hsl(calc(var(--hue) + 2) calc(var(--sat) * 76%) 97%);border-radius:8px;padding:14px;margin:20px 0}.role-baseline span{display:block;font-size:10px;color:hsl(calc(var(--hue) + 3) calc(var(--sat) * 24%) 63%);margin:6px 0 0 16px}#role-permissions{border:0;margin:0;padding:0}#role-permissions legend{font-size:11px;font-weight:600;margin-bottom:3px}#role-permissions label{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:400;color:hsl(calc(var(--hue) + 2) calc(var(--sat) * 25%) 44%);margin-top:15px}#role-permissions input{width:16px;height:16px;min-height:0;accent-color:hsl(calc(var(--hue) - 3) calc(var(--sat) * 73%) 48%)}.empty-team{font-size:12px;color:hsl(calc(var(--hue) + 2) calc(var(--sat) * 18%) 60%);padding:20px 0}.team-card .btn{font-size:10px}
@media(max-width:1200px){.team-grid{grid-template-columns:1fr}.roles-column{grid-template-columns:1fr 1fr}.team-intro{align-items:flex-start;flex-direction:column}.owner-pill{align-self:flex-start}.team-intro h2{font-size:23px}.role-card{margin-top:12px}}
@media(max-width:850px){.sidebar .brand{padding:7px 0;gap:0;border-radius:7px}.sidebar .official-logo{width:40px;display:block}.sidebar .sidebar-bottom .account-copy{display:none}.sidebar .sidebar-bottom .avatar{display:block;font-size:9px;padding:8px}.sidebar-bottom{justify-content:center}.sidebar-tip{display:none}.team-intro{padding:22px}.sidebar .workspace-label{margin:22px 0 12px}.nav-item{position:relative}.nav-item:hover:after{content:attr(aria-label);position:absolute;left:45px;background:hsl(calc(var(--hue) - 2) calc(var(--sat) * 35%) 22%);color:white;font-size:11px;padding:8px;border-radius:5px;white-space:nowrap}}
@media(max-width:650px){.roles-column{grid-template-columns:1fr}.team-card{padding:18px}.team-intro h2{font-size:20px}.team-intro p{font-size:11px}.team-stats{gap:8px}.team-stats>div{padding:12px;display:block}.team-stats span{font-size:7px}.team-stats strong{display:block;font-size:24px;margin-top:8px}.owner-pill{padding:12px;font-size:9px;white-space:normal}.owner-pill strong{font-size:10px}.team-grid{gap:16px}.team-card .card-title{flex-direction:row}.team-card h2{font-size:14px}.team-card .card-title p{font-size:10px}.member-row{gap:8px}.member-avatar{flex-basis:29px;height:29px;font-size:9px}.member-detail strong{font-size:11px}.member-detail p{font-size:9px}.member-actions .text-button{font-size:9px;padding:4px}.workspace-notice{margin:0 18px 16px}.team-dialog{padding:25px}.team-dialog h2{font-size:22px}.header-end{gap:10px}.page-head{align-items:flex-start}#save-status{font-size:8px;max-width:95px}}

@media(max-width:1150px){.head-actions #save-status{display:block}}
@media(max-width:650px){.sidebar .brand{padding:0 4px}.sidebar .official-logo{width:44px}.head-actions{flex-direction:column;align-items:flex-end;gap:7px}.nav-item:hover:after{display:none}}

canvas.permission-locked{opacity:1;cursor:default!important}