[hidden]{display:none!important}body{background:#f5f5fa;color:#30354c}.ambient{opacity:.2}.side.tree-side{width:264px;padding:24px 18px;background:#ffffffd9;backdrop-filter:blur(20px);border-left:1px solid #eae8f1;overflow-y:auto;height:100vh;position:fixed;right:0;top:0}.layout{margin-right:264px}.tree-side .brand{padding:0 6px 23px}.brand b{font-size:21px}.brand small{font-size:10px;letter-spacing:0}.root-role{display:flex;align-items:center;gap:10px;background:#f3f0f9;border:1px solid #e7e1f2;border-radius:14px;padding:13px 10px}.root-role b{font-size:12px}.root-role small{display:block;font-size:10px;color:#737086;margin-top:4px}.root-role .avatar{width:35px;height:35px;border-radius:11px;background:#ded5ee;color:#715d95}.status-dot{width:7px;height:7px;background:#72ac91;border-radius:50%;margin-right:auto}.tree-side .nav-label{font-size:10px;margin:23px 8px 11px}.tree-nav{display:grid;gap:8px}.tree-nav details{border-radius:13px}.tree-nav details[open]{background:#f8f6fc}.tree-nav summary{display:flex;gap:12px;align-items:center;padding:12px 11px;font-size:13px;font-weight:650;cursor:pointer;list-style:none}.tree-nav summary::-webkit-details-marker{display:none}.tree-nav summary>span{font:21px Arial;color:#83729e;width:24px}.tree-nav summary i{margin-right:auto;font:14px Arial;color:#9f98ad}.tree-nav details[open]>summary{color:#715497}.nav-branch{border-right:1px solid #ded6eb;margin:0 23px 12px 9px;padding:1px 11px 4px 0;display:grid;gap:5px}.side .nav-branch button,.nav-branch a{font-size:11px!important;padding:9px 10px!important;border-radius:9px;text-decoration:none;border:0;display:block;text-align:right;background:transparent;color:#6f7185;line-height:1.7;width:100%;white-space:normal;font-weight:450}.side .nav-branch .current{background:#e8e0f2;color:#6e508e;font-weight:700}.nav-branch a:hover,.nav-branch button:hover{background:#eee9f6}.side-note{font-size:9px;color:#79778b;padding:25px 7px 5px;line-height:2}.side-note span{color:#84b09a}.side-note small{display:block;font-size:8px;letter-spacing:1px;color:#a09aaf;margin-top:13px}.topbar{padding:26px 32px 23px}.topbar h2{font-size:21px;margin-top:5px}.topbar small{font-size:10px;color:#9290a2}main{padding:0 32px 30px;gap:22px}.welcome-banner{padding:32px 35px;border-radius:22px;background:linear-gradient(105deg,#e2eee9 0%,#eeebf7 53%,#eee7f6);border:1px solid #fff;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;overflow:hidden}.welcome-banner h1{font-size:28px;margin:10px 0;font-weight:760}.welcome-banner p{font-size:13px;color:#6a6b81;line-height:2}.eyebrow{font-size:9px;letter-spacing:2px;color:#8a7ca0;font-weight:600}.welcome-shape{display:grid;place-items:center;width:130px;height:130px;border-radius:30px;border:1px solid #fff;background:#ffffff65;transform:rotate(-7deg);font-size:55px;color:#a394be;box-shadow:0 15px 40px #c5bad32b}.welcome-shape small{font-size:11px;margin-top:-15px}.sub-tabs{display:flex;gap:25px;overflow:auto;border-bottom:1px solid #e5e2ed;min-height:43px}.sub-tabs button{background:transparent;border:0;color:#828093;padding:0 0 13px;white-space:nowrap;font-size:12px;border-bottom:2px solid transparent}.sub-tabs .selected{color:#715496;border-color:#977bb7;font-weight:700}.summary-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.summary-card{border:1px solid #fff;border-radius:17px;padding:20px;display:grid;gap:12px;position:relative}.summary-card span{font-size:12px;color:#62667b}.summary-card strong{font-size:30px;font-weight:750;color:#424660}.summary-card:after{content:'◷';position:absolute;left:20px;bottom:20px;font-size:27px;color:#ffffffc9}.lavender{background:#eee9f6}.peach{background:#f6eae1}.mint{background:#e4efe9}.blue{background:#e7edf6}.desk-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;align-items:start}.panel{border:1px solid #fff;border-radius:18px;background:#ffffffdb;padding:24px}.panel h3{font-size:15px}.notices>.muted{font-size:11px;margin:9px 0 13px}.notice-item{display:flex;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #f0edf5;text-decoration:none;color:#4a4c65}.notice-item:last-child{border:0}.notice-item b{font-size:12px;font-weight:550;line-height:1.9}.notice-item small{display:block;color:#9993a8;font-size:10px;margin-top:3px}.notice-item>span:last-child{margin-right:auto;color:#b1a4c3}.notice-icon{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:#eee8f6;color:#947dab;flex-shrink:0}.notice-item.unread .notice-icon{background:#e0eee7;color:#719883}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.quick-card{border:1px solid #fff;border-radius:16px;background:#ffffffbf;padding:20px;text-align:right;display:grid;gap:8px;position:relative;color:#53546d}.quick-card>span{font-size:24px;color:#a08ab9;margin-bottom:5px}.quick-card b{font-size:12px}.quick-card small{font-size:10px;color:#9690a3}.quick-card em{position:absolute;left:20px;top:25px;color:#b4a7c6;font-style:normal}.section-heading{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:10px 0}.section-heading h1{font-size:26px;margin:8px 0}.section-heading p{color:#77758c;font-size:12px;line-height:2}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card{border-radius:20px;overflow:hidden;background:#fff;border:1px solid #fff;box-shadow:0 8px 25px #54456805}.project-cover{display:flex;height:165px;background:linear-gradient(125deg,#e7e0f3,#d8e9e2);position:relative;align-items:center;justify-content:center;color:#a895c2;text-decoration:none;overflow:hidden}.project-cover>span:first-child{font-size:70px}.project-cover img{width:100%;height:100%;object-fit:cover}.project-cover .project-category{position:absolute;right:15px;bottom:14px;background:#ffffffd9;backdrop-filter:blur(10px);border-radius:20px;font-size:10px;color:#71607e;padding:5px 12px}.project-body{padding:22px;display:grid;gap:15px}.project-body h3{font-size:16px}.project-body a{text-decoration:none;color:inherit}.project-body p{font-size:12px;color:#848092;line-height:1.9;min-height:40px}.project-body small{font-size:10px;color:#8b8299}.project-body progress{width:100%;height:7px;appearance:none;border:0;background:#efebf5;border-radius:10px;overflow:hidden}.project-body progress::-webkit-progress-bar{background:#efebf5}.project-body progress::-webkit-progress-value{background:#a18abf;border-radius:10px}.member-avatars{display:flex;align-items:center}.member-avatars span{display:grid;place-items:center;width:27px;height:27px;border:2px solid white;border-radius:50%;background:#e5edf0;color:#7c8d9d;font-size:10px;margin-left:-5px}.member-avatars small{margin-right:12px}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin-top:24px}.weekday{text-align:center;font-size:11px;color:#8a829d;padding:10px 0}.day{min-height:110px;padding:10px;background:#f8f6fb;border:1px solid #eee9f5;border-radius:10px;overflow:hidden}.day>b{font-size:12px;color:#81758f}.day.today{border-color:#af94ca;background:#f0e9f8}.day.blank{background:transparent;border:0}.calendar-task{display:block;border-radius:6px;background:#e5edf2;color:#647b93;margin-top:8px;padding:5px;font-size:9px;overflow-wrap:anywhere}.org-tree,.org-tree ul{list-style:none}.org-tree ul{margin:12px 25px 12px 0;padding-right:22px;border-right:1px solid #dcd3e9}.org-tree li{margin:12px 0}.org-node{display:flex;align-items:center;gap:12px;padding:15px;background:#f4f1f9;border:1px solid #e9e3f2;border-radius:12px;max-width:600px}.org-node.manager{background:#edf4f0}.org-node.employee{background:#f6f7fa}.org-node b{font-size:12px}.org-node small{display:block;font-size:10px;color:#817a92}.org-node .btn{margin-right:auto}.org-node .avatar{width:30px;height:30px;font-size:12px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #efebf5;font-size:13px}.switch-row.child{font-size:12px;padding-right:18px;color:#777088}.switch-row input{appearance:none;width:36px;height:21px;border-radius:30px;background:#d8d4df;position:relative;cursor:pointer;flex-shrink:0;padding:0;border:0}.switch-row input:before{content:'';position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:white;transition:transform .15s}.switch-row input:checked{background:#a48abf}.switch-row input:checked:before{transform:translateX(15px)}.feature-grid .save-row{grid-column:1/-1}.ticket-row{width:100%;display:flex;align-items:center;gap:15px;padding:19px 0;border:0;border-bottom:1px solid #eeeaf4;background:transparent;text-align:right;color:#575369}.ticket-row>div{flex:1}.ticket-row b{font-size:13px}.ticket-row small{display:block;font-size:10px;color:#9890a6;margin-top:5px}.ticket-messages{display:grid;gap:12px;max-height:340px;overflow:auto;margin:20px 0}.ticket-messages .bubble{max-width:100%;align-self:stretch}.ticket-messages p{white-space:pre-wrap;margin-top:10px}.login-shell{box-shadow:0 25px 80px #6d558b12}.login-visual{background:linear-gradient(140deg,#e9e2f4,#e8eee9 70%,#f2e5df)}.login-role-tree{margin:35px auto;max-width:270px;display:grid;gap:12px}.login-role-tree div{background:#ffffff80;border:1px solid #fff;border-radius:13px;padding:15px 20px;font-size:13px;position:relative}.login-role-tree div:nth-child(2){margin-right:25px}.login-role-tree div:nth-child(3){margin-right:50px}.login-role-tree small{display:block;font-size:10px;color:#8d819a;margin-top:5px}.login-role-tree div+div:before{content:'└';position:absolute;right:-20px;top:-4px;color:#b4a5c5}.login-visual h2{font-size:30px}.login-form-side h1{font-size:29px}.side nav .nav-branch button{margin:0}.org-tree .org-node.it{border-color:#cdbbdf}.footer{color:#9a92a8}
@media(min-width:1500px){main{max-width:1600px}.project-cover{height:190px}}
@media(max-width:1200px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.desk-grid{grid-template-columns:1fr}.side.tree-side{width:240px}.layout{margin-right:240px}main{padding:0 23px 30px}.summary-card{padding:17px}}
@media(max-width:760px){.side.tree-side{position:static;width:100%;height:auto;padding:15px;border-radius:0}.layout{margin:0}.tree-side .brand{padding:0 0 12px}.root-role{display:none}.side-note{display:none}.tree-side .nav-label{display:none}.side .tree-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:260px;overflow:auto;gap:5px}.tree-nav summary{font-size:12px;padding:8px}.side .nav-branch button,.nav-branch a{font-size:10px!important}.nav-branch{margin-right:18px}.tree-nav details{border:1px solid #eee8f5}.welcome-banner{padding:24px}.welcome-banner h1{font-size:22px}.welcome-shape{display:none}.topbar{padding:20px}.summary-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.summary-card strong{font-size:26px}.summary-card span{font-size:10px}.sub-tabs{gap:20px}.sub-tabs button{font-size:11px}.project-grid,.feature-grid{grid-template-columns:1fr}.project-cover{height:190px}.section-heading{flex-wrap:wrap}.section-heading h1{font-size:22px}.quick-card{padding:17px}.panel{padding:19px}main{padding:0 15px 25px}.calendar{gap:3px}.day{padding:5px;min-height:80px}.weekday{font-size:8px}.calendar-task{font-size:8px;padding:2px}.org-tree ul{margin-right:9px;padding-right:9px}.org-node{flex-wrap:wrap}.org-node .btn{font-size:9px}.tree-side .brand .logo-tile{width:40px;height:40px}.tree-side .brand b{font-size:19px}.tree-side .brand small{font-size:9px}}