@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&display=swap');
.brand-link{display:block!important;padding:0!important;margin:0!important;background:transparent!important}.header-action{background:#5c42e6;color:#fff;text-decoration:none;border-radius:9px;padding:11px 16px;font-size:12px;font-weight:700}.users-content{max-width:1400px}.notice{font-size:12px;margin:0 0 16px}.user-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.user-stats article{background:#121212;border:1px solid #303030;border-radius:12px;padding:18px}.user-stats small{color:#888;font-size:11px}.user-stats strong{display:block;font-size:26px;margin-top:7px}.users-layout{display:grid;grid-template-columns:minmax(580px,1fr) 390px;gap:16px;align-items:start}.users-list{margin:0;padding:0;overflow:hidden}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:20px}.panel-heading h2{font-size:17px;margin:3px 0 5px}.panel-heading p,.helper,.access-info p,.empty-editor p{font-size:11px;line-height:1.55;color:#888;margin:0}.panel-heading>span{font-size:10px;color:#888;background:#202020;border-radius:14px;padding:6px 9px}.user-row{display:grid;grid-template-columns:38px minmax(160px,1fr) 92px 105px 10px;align-items:center;gap:11px;color:#fff;text-decoration:none;border-top:1px solid #292929;padding:14px 18px;transition:.15s}.user-row:hover,.user-row.selected{background:#191720}.user-row.selected{box-shadow:inset 3px 0 #5c42e6}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#2b225c;color:#c8c0ff;font-size:13px;font-weight:700}.user-main{min-width:0;display:flex;flex-direction:column;gap:4px}.user-main strong{font-size:12px}.user-main small{font-size:9px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.access-summary{font-size:9px;color:#999}.role-pill{font-size:9px;border-radius:14px;padding:6px 8px;text-align:center;background:#252525}.role-pill.admin{background:#271d61;color:#c2b9ff}.role-pill.team{background:#203047;color:#a8cff9}.role-pill.client{background:#183a2a;color:#9ee0be}.active-dot{width:8px;height:8px;border-radius:50%}.active-dot.on{background:#4bd394;box-shadow:0 0 0 3px #4bd39418}.active-dot.off{background:#666}.app .user-editor{position:static;inset:auto;width:auto;background:transparent;border:0;padding:0;display:block}.editor-card{margin:0 0 14px;padding:20px}.editor-card .panel-heading{padding:0 0 12px}.editor-card h2{font-size:17px;margin:4px 0}.editor-card h3{font-size:14px;margin:8px 0}.close-editor{color:#888;text-decoration:none;font-size:24px;line-height:1}.editor-card label{font-size:10px}.editor-card label>small{color:#777;font-weight:400}.editor-card input,.editor-card select,.create-user select{height:42px;border:1px solid #353535;border-radius:9px;background:#0b0b0b;color:#fff;padding:0 11px;outline:0;font:inherit}.editor-card select:focus,.create-user select:focus{border-color:#5c42e6}.toggle{display:flex!important;flex-direction:row!important;align-items:center;gap:10px!important}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle span{width:37px;height:21px;border-radius:12px;background:#333;position:relative;transition:.2s}.toggle span:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:#aaa;left:3px;top:3px;transition:.2s}.toggle input:checked+span{background:#5c42e6}.toggle input:checked+span:after{left:19px;background:#fff}.permission-list{max-height:270px;overflow:auto;margin-top:12px}.permission-item{display:flex!important;flex-direction:row!important;align-items:center;border-top:1px solid #292929;margin:0!important;padding:11px 3px}.permission-item input{width:17px;height:17px;accent-color:#5c42e6}.permission-item>span{display:flex;flex-direction:column;gap:3px}.permission-item strong{font-size:11px}.permission-item small{font-size:9px;color:#888}.primary.secondary{background:#252525;border:1px solid #3a3a3a}.access-info ul{padding-left:18px;font-size:11px;line-height:1.8}.empty{font-size:10px;color:#777}.empty-editor{text-align:center;padding:50px 25px}.avatar.large{margin:0 auto 14px;width:46px;height:46px}.create-user{margin-top:16px}.create-grid{display:grid;grid-template-columns:1.1fr 1.2fr 1fr 1fr 170px;gap:12px;padding:0 20px 8px;align-items:end}.create-grid label{margin:0}.create-grid .primary{margin:0}.form-note{font-size:10px;color:#777;padding:0 20px 20px;margin:4px 0 0}@media(max-width:1100px){.users-layout{grid-template-columns:1fr}.create-grid{grid-template-columns:1fr 1fr}.create-grid .primary{margin-top:14px}.user-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.user-stats,.create-grid{grid-template-columns:1fr}.user-row{grid-template-columns:36px 1fr 9px}.access-summary,.role-pill{display:none}.header-action{padding:9px;font-size:10px}}
.google{height:46px!important;border-color:#353535!important;color:#fff!important;display:flex!important;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:600;font-size:13px}.google:hover{border-color:#5c42e6!important;background:#1b1b1b!important}.google:disabled{color:#777!important;cursor:not-allowed}.google-mark{font-size:17px;font-weight:700}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Sora,Arial,sans-serif;background:#080808;color:#fff}button,input{font:inherit}.login,.setup{display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#5c42e625,transparent 35%),#080808}.login-card,.setup-card{width:min(460px,100%);background:#111;border:1px solid #303030;border-radius:18px;padding:34px}.brand{font:800 56px Georgia,serif;letter-spacing:-6px;margin-bottom:34px}.brand.small{font-size:42px;margin:0 0 35px}.eyebrow{font-size:11px;color:#9c8dff;letter-spacing:1.5px;font-weight:700}.login-card h1,.setup-card h1{font-size:29px;margin:8px 0}.login-card>p,.setup-card>p{color:#999;font-size:13px;line-height:1.6;margin-bottom:25px}label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:600;margin:14px 0}input{height:46px;border:1px solid #353535;border-radius:9px;background:#0b0b0b;color:#fff;padding:0 12px;outline:0}input:focus{border-color:#5c42e6;box-shadow:0 0 0 3px #5c42e622}.primary{display:block;width:100%;height:46px;border:0;border-radius:9px;background:#5c42e6;color:#fff;font-weight:700;margin-top:18px}.link{display:grid;place-items:center;text-decoration:none}.google{width:100%;height:44px;border:1px solid #303030;background:#171717;color:#777;border-radius:9px;margin-top:12px}.alert,.success{padding:11px;border-radius:8px;font-size:11px;margin:12px 0}.alert{background:#411d25;color:#ffb4bf}.success{background:#173a2b;color:#a7e9c7}.setup-form hr{border:0;border-top:1px solid #2c2c2c;margin:23px 0}.app{display:flex;min-height:100vh}.app aside{position:fixed;inset:0 auto 0 0;width:245px;background:#080808;border-right:1px solid #272727;padding:24px 18px;display:flex;flex-direction:column}.nav-title{font-size:9px;color:#777;letter-spacing:1.4px}.app aside>a{color:#999;text-decoration:none;border-radius:9px;padding:13px 12px;margin:2px 0;font-size:13px;font-weight:600}.app aside>a.active{background:#5c42e6;color:#fff}.user-box{margin-top:auto;border-top:1px solid #292929;padding-top:16px;display:flex;flex-direction:column}.user-box strong{font-size:12px}.user-box small{color:#888;font-size:10px}.user-box a{color:#9f90ff;font-size:10px;margin-top:10px}.workspace{margin-left:245px;width:calc(100% - 245px)}.workspace header{height:82px;background:#111;border-bottom:1px solid #303030;padding:0 30px;display:flex;align-items:center;justify-content:space-between}.workspace header small{font-size:9px;color:#8576e8;letter-spacing:1.2px}.workspace h1{font-size:22px;margin:4px 0}.role{background:#211b4a;color:#beb4ff;border-radius:15px;padding:7px 11px;font-size:10px}.content{padding:30px;max-width:1250px}.welcome,.panel,.metrics article{background:#121212;border:1px solid #303030;border-radius:12px}.welcome{padding:26px}.welcome>span{font-size:9px;color:#8e7cff;letter-spacing:1.4px}.welcome h2{font-size:27px;margin:8px 0}.welcome p{color:#999;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:15px 0}.metrics article{padding:18px}.metrics small{color:#888;font-size:10px}.metrics strong{display:block;font-size:25px;margin-top:7px}.panel{padding:20px;margin-top:14px}.panel h3{font-size:15px;margin:0 0 15px}.project{display:grid;grid-template-columns:1fr 180px 45px;gap:15px;align-items:center;border-top:1px solid #292929;padding:15px 0}.project div:first-child,.task div{display:flex;flex-direction:column}.project strong,.task strong{font-size:12px}.project small,.task small{font-size:9px;color:#888;margin-top:4px}.progress{height:6px;background:#333;border-radius:6px;overflow:hidden}.progress i{display:block;height:100%;background:#5c42e6}.project b{font-size:11px}.task{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #292929;padding:14px 0}.status{font-size:9px;background:#252525;border-radius:12px;padding:6px 9px}.status.doing{background:#3c321c;color:#f2cf7e}.status.done{background:#173a2b;color:#9ee0be}@media(max-width:720px){.app aside{width:72px;padding:20px 9px}.brand.small{font-size:25px;letter-spacing:-3px}.nav-title,.app aside>a:not(.active),.user-box{display:none}.app aside>a.active{font-size:0;text-align:center}.app aside>a.active:first-letter{font-size:18px}.workspace{margin-left:72px;width:calc(100% - 72px)}.workspace header,.content{padding-left:15px;padding-right:15px}.metrics{grid-template-columns:1fr}.project{grid-template-columns:1fr}.progress{width:100%}}