#desktop-sidebar,#desktop-details{display:none}.project-toolbar{display:flex;gap:5px;align-items:center;border-bottom:1px solid #e1e6df;padding:0 0 12px;margin-bottom:18px}.project-toolbar button{border:0;border-bottom:2px solid transparent;border-radius:0;color:#7c877e}.project-toolbar button.chosen{color:#2f7f66;border-color:#2f7f66}.project-total{margin-left:auto;font-size:12px;color:#8b968e}.cabinet-canvas{overflow:auto;min-height:430px;height:calc(100dvh - 270px);background:radial-gradient(#d9dfd9 .7px,transparent .7px) 0 0/20px 20px;border:1px solid #e2e7df;border-radius:6px}.cabinet-tree{position:relative;min-width:100%;min-height:100%}.cabinet-tree>svg{position:absolute;left:0;top:0;pointer-events:none}.cabinet-tree path{fill:none;stroke:#b6c9bc;stroke-width:2}.cabinet-tree .tree-task{position:absolute;width:225px;height:116px;overflow:hidden;border-radius:8px;padding:12px 14px;box-shadow:0 2px 6px #1838200a}.tree-task h3{font-size:13px;font-weight:600;line-height:1.5;margin:0 0 5px;max-height:39px;overflow:hidden}.tree-task p{font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tree-task .badge{font-size:10px;margin-top:7px;padding:3px 5px}.tree-task.selected{border:2px solid #3b876e;box-shadow:0 0 0 4px #3b876e12}.tree-task.selected h3{color:#2f7f66}
@media(min-width:1100px){:root{--green:#2f7f66;background:#fafbf9;color:#303334}body{font-size:13px}.topbar{height:57px;padding:10px 22px;background:#f5f5f5;backdrop-filter:none;border-color:#e2e5e1}.brand{font-size:17px;letter-spacing:-.4px}.topbar button{font-size:12px;min-height:34px;padding:7px 12px;background:transparent}.topbar .brand img{width:26px;height:26px}#desktop-sidebar{position:fixed;display:flex;flex-direction:column;left:0;top:57px;bottom:0;width:225px;background:#f5f5f5;border-right:1px solid #e0e4de;padding:18px 12px;overflow:auto}.desktop-nav{display:flex;gap:10px;align-items:center;width:100%;text-decoration:none;padding:11px 10px;border-radius:6px;color:#606b63;font-size:12px;margin:2px 0}.desktop-nav>span:not(.nav-icon){flex:1;min-width:0;overflow-wrap:anywhere}.desktop-nav small{font-size:10px;color:#99a099}.desktop-nav.current{background:#e3e7e4;color:#356d57;font-weight:600}.desktop-nav:hover{background:#e7ebe7}.nav-icon{font-size:20px;width:22px;color:#728b7b;text-align:center}.sidebar-section{font-size:10px;color:#939a93;letter-spacing:1px;display:flex;align-items:center;justify-content:space-between;margin:24px 10px 6px}.sidebar-section button{border:0;background:none;padding:4px 8px;min-height:25px;font-size:18px}.project-dot{display:block;flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#32856d}.sidebar-footer{margin-top:auto;border-top:1px solid #dfe4dc;padding:20px 10px 8px;color:#7a847c;font-size:11px}.sidebar-footer strong{display:block;color:#5b6a60;font-weight:500;margin-bottom:5px}.sidebar-footer span{font-size:10px}#workspace main{max-width:none;margin-left:225px;margin-right:330px;padding:24px 23px 30px}.page-heading h1{font-size:21px;font-weight:600;letter-spacing:-.5px;margin:8px 0}.page-heading .eyebrow{letter-spacing:.7px;font-size:10px}.page-heading button{font-size:12px;min-height:34px;border-radius:6px;padding:8px 12px}.search{max-width:400px}.search input{font-size:12px;padding:10px 12px;border-color:#dedfdf;border-radius:6px}#sync-status{font-size:10px;color:#969f97;margin-bottom:20px}.bottom-nav{display:none}#desktop-details{display:block;position:fixed;right:0;top:57px;bottom:0;width:330px;border-left:1px solid #e4e8e4;background:white;padding:20px 18px}#desktop-details h2{font-size:13px;font-weight:500;border-bottom:1px solid #e8ece5;margin:0 -18px 26px;padding:0 18px 18px}#desktop-details p{font-size:12px;line-height:1.8;color:#8b968e}#desktop-details span{display:block;border-top:1px solid #edf0ea;padding-top:17px;margin-top:26px;font-size:10px;line-height:1.7;color:#9aa299}dialog[data-inspector=true]{position:fixed;left:auto;right:0;top:57px;bottom:0;width:330px;max-width:330px;height:calc(100dvh - 57px);max-height:none;margin:0;padding:19px 18px;border:0;border-left:1px solid #e4e8e4;border-radius:0;box-shadow:none;background:#fff;z-index:4}dialog[data-inspector=true] .dialog-head{border-bottom:1px solid #e8ece5;padding-bottom:14px}dialog[data-inspector=true] .dialog-head h2{font-size:13px;font-weight:500}dialog[data-inspector=true] .dialog-head button{min-height:28px;padding:4px 8px;font-size:11px}dialog[data-inspector=true] label{font-size:11px;color:#859087;font-weight:400}dialog[data-inspector=true] input,dialog[data-inspector=true] textarea,dialog[data-inspector=true] select{font-size:12px;border-radius:6px;padding:9px;color:#303334}dialog[data-inspector=true] textarea{min-height:100px}dialog[data-inspector=true] .hint{font-size:10px}dialog[data-inspector=true] h3{font-size:12px;margin-top:20px}.stat{background:#eef2eb;border:1px solid #e3e9df;border-radius:8px}.stat strong{font-size:24px}.grid .card{border-radius:7px}.card h3{font-size:14px}.card p{font-size:12px}.section-title h2{font-size:15px}.login-wrap .login-card{font-size:14px}}