html,body,#app{width:100%;min-height:100%}body{background:#eef2f6;min-height:100vh;margin:0}.workspace{background:#fff;border-radius:12px;width:960px;height:560px;margin:32px auto;overflow:hidden;box-shadow:0 12px 36px #0f172a24}.workspace-sidebar{border-right:1px solid #e3e8ef;padding:24px 16px;background:#f7f9fc!important}.filter-button{text-align:left;height:40px;margin-bottom:4px}.filter-button-active{color:#1677ff;background:#e6f4ff}.workspace-main{min-width:0;padding:28px}.workspace-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.workspace-header h2,.workspace-sidebar h4{margin-top:0;margin-bottom:4px}.task-list-region{border:1px solid #e3e8ef;border-radius:8px;height:400px;overflow-y:auto}.task-row{min-height:104px;padding:16px 20px!important}.task-row .ant-list-item-meta-title{white-space:normal;max-width:430px}.task-row .ant-list-item-meta-description{max-width:430px}.task-form{gap:8px;display:grid}.task-form label:not(:first-child){margin-top:8px}.ant-modal-root .ant-modal-mask{z-index:1000;height:100vh;position:fixed;inset:0}.ant-modal-root .ant-modal-wrap{z-index:1000;pointer-events:auto;height:100vh;position:fixed;inset:0}.ant-modal-root .ant-modal{pointer-events:auto;margin:120px auto 0;width:520px!important}@media (width<=760px){.workspace{border-radius:0;width:100%;height:auto;margin:0}.workspace-sidebar{display:none}.workspace-main{padding:20px}}