.dd-lab{width:100%;display:grid;gap:20px;font-family:"Source Han Sans CN","思源黑体 CN","Microsoft YaHei",sans-serif;color:#333}.dd-overview,.dd-playground,.dd-gallery-group{min-width:0;padding:20px;display:grid;gap:20px;border:1px solid #e8e8e8;border-radius:8px;background:#fff}.dd-overview>header,.dd-head{display:grid;gap:2px}.dd-overview>header h3,.dd-head h3,.dd-overview-group h3,.dd-gallery-group>h3{margin:0;font-size:14px;line-height:22px}.dd-overview>header span,.dd-head span{color:#999;font-size:11px;line-height:18px}.dd-overview-group{display:grid;gap:12px}.dd-overview-group+.dd-overview-group{padding-top:20px;border-top:1px solid #ebebeb}.dd-overview-items{min-width:0;padding:20px;display:flex;flex-wrap:wrap;align-items:flex-start;gap:24px;background:#f7f8fa;border-radius:6px}.dd-overview-detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));width:100%;gap:20px 28px}.dd-overview-stat{gap:28px}.dd-overview-card,.dd-overview-chart,.dd-overview-palette{display:grid;grid-template-columns:1fr;justify-items:center}.dd-overview-slider{display:grid;width:100%;gap:24px}.dd-overview-approval,.dd-overview-drag{justify-content:center}.dd-control{width:min(100%,420px);display:grid;gap:8px}.dd-control>span{color:#666;font-size:12px}.dd-live,.dd-stage{min-width:0;padding:28px 20px;display:grid;place-items:center;background:#f7f8fa}.dd-live{min-height:250px;border:1px dashed #d9d9d9;border-radius:6px}.dd-gallery-group{scroll-margin-top:20px}.dd-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px}.dd-variant{min-width:0;overflow:hidden;border:1px solid #e8e8e8;border-radius:8px;background:#fff}.dd-variant>header{min-height:44px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e8e8e8;font-size:12px}.dd-variant>header span{color:#999}.dd-stage{min-height:220px;overflow:hidden}.dd-gallery-group:has(.dd-chart) .dd-gallery{grid-template-columns:1fr}.dd-gallery-group:has(.dd-chart) .dd-stage{padding:20px}.dd-code{min-height:46px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#d9e1ec;background:#111722}.dd-code code{min-width:0;overflow:hidden;font:11px/18px ui-monospace,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.dd-code button{height:26px;padding:0 10px;border:1px solid #4b5565;border-radius:4px;color:#d9e1ec;background:#202838;font-size:11px}.dd-icon{display:block;flex:0 0 auto}.dd-toast{position:fixed;left:50%;bottom:32px;z-index:80;padding:8px 14px;transform:translate(-50%,16px);border-radius:4px;color:#fff;background:#333;font-size:13px;opacity:0;pointer-events:none;transition:.18s}.dd-toast.show{transform:translate(-50%,0);opacity:1}

.dd-detail{min-width:84px;display:grid;gap:2px}.dd-detail-label{height:18px;color:#999;font-size:12px;line-height:18px}.dd-detail-value{min-height:22px;display:flex;align-items:center;gap:4px;color:#333;font-size:14px;line-height:22px}.dd-detail-date{min-width:269px}.dd-detail-account{min-width:170px}.dd-detail-multiPerson{min-width:202px}.dd-person-chip{height:22px;padding-right:8px;display:inline-flex;align-items:center;gap:4px;border-radius:11px;background:rgba(0,0,0,.04);font-size:14px;line-height:22px;white-space:nowrap}.dd-person-chip>img{width:22px;height:22px;object-fit:cover;border-radius:50%}.dd-chip-remove{width:12px;height:12px;padding:0;display:grid;place-items:center;border:0;background:transparent}.dd-tag-list,.dd-person-list,.dd-image-list{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.dd-tag-list i{height:22px;padding:0 8px;display:inline-flex;align-items:center;border:1px solid #d9d9d9;border-radius:4px;background:#f7f7f7;font-size:12px;font-style:normal}.dd-copy-value{display:inline-flex;align-items:center;gap:4px}.dd-copy-value a{display:inline-flex;align-items:center;gap:2px;color:#2990ff;text-decoration:none}.dd-copy-inline{width:22px;height:22px;padding:0;display:grid;place-items:center;border:0;border-radius:2px;background:transparent}.dd-copy-inline:hover{background:rgba(0,0,0,.04)}.dd-image-thumb{position:relative;width:32px;height:32px;padding:0;overflow:hidden;border:0;border-radius:6px;background:#fff}.dd-image-thumb>img{width:100%;height:100%;object-fit:cover}.dd-image-thumb.has-view:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.28)}.dd-image-thumb.has-view>.dd-icon{position:absolute;left:9px;top:9px;z-index:1;filter:brightness(0) invert(1)}.dd-attachment{box-sizing:border-box;width:248px;height:26px;padding:3px 7px;display:flex;align-items:center;gap:4px;border:1px dashed #d9d9d9;border-radius:4px;background:#f7f8fa;color:#666;font-size:12px;line-height:18px}.dd-attachment em{font-style:normal}.dd-attachment-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.dd-attachment-actions button{width:18px;height:18px;padding:3px;display:grid;place-items:center;border:0;border-radius:2px;background:transparent}.dd-attachment-actions button:hover{background:rgba(0,0,0,.04)}.dd-lightbox{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:rgba(0,0,0,.56)}.dd-lightbox[hidden]{display:none}.dd-lightbox img{max-width:min(80vw,880px);max-height:80vh;border-radius:8px;box-shadow:0 6px 16px 4px rgba(0,0,0,.12)}.dd-lightbox-close{position:fixed;right:24px;top:24px;width:36px;height:36px;border:0;border-radius:50%;color:#fff;background:rgba(0,0,0,.48);font-size:24px}

.dd-stat{display:grid;gap:4px}.dd-stat>span{height:18px;color:#999;font:400 12px/18px Inter,Arial,sans-serif}.dd-stat>div{min-height:24px;display:flex;align-items:center;gap:2px}.dd-stat strong{color:#333;font:700 16px/24px Inter,Arial,sans-serif}.dd-stat em{font:400 10px/14px Inter,Arial,sans-serif;font-style:normal}.dd-stat .up{color:#e44144}.dd-stat .down{color:#5ab333}.dd-trend-arrow{font:700 13px/14px Inter,Arial,sans-serif}.dd-trend-arrow.up{color:#e44144}.dd-trend-arrow.down{color:#5ab333}.dd-stat-base{width:89px}.dd-stat-data{width:132px}.dd-stat-icon{width:131px}.dd-stat-custom{width:112px}

.dd-account-card,.dd-identity-card,.dd-list-card{box-sizing:border-box;border-radius:6px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.08)}.dd-account-card{width:346px;min-height:140px;padding:8px}.dd-account-head{display:flex;align-items:center;gap:8px}.dd-account-head>img{width:44px;height:44px}.dd-account-head section{width:166px;display:grid;gap:2px}.dd-account-head section>div{display:flex;align-items:center;gap:4px}.dd-account-head strong{font-size:14px;line-height:22px}.dd-account-head p{margin:0;display:flex;align-items:center;gap:8px;color:#666;font-size:12px;line-height:18px}.dd-account-head p i{height:18px;padding:0 4px;border-radius:2px;font-style:normal}.dd-account-head p i.blue{color:#2990ff;background:#dfeeff}.dd-account-head p i.orange{color:#f0aa32;background:#fdf2e0}.dd-account-head p>span{width:1px;height:14px;background:#ebebeb}.dd-account-card hr{margin:8px 0;border:0;border-top:1px dotted #ebebeb}.dd-account-branch{display:grid;gap:2px}.dd-account-branch>span{color:#999;font-size:12px;line-height:18px}.dd-account-branch p{margin:0;font-size:14px;line-height:22px}.dd-identity-card{position:relative;width:377px;height:180px;padding:12px}.dd-identity-card dl{margin:0;display:grid;gap:4px}.dd-identity-card dl>div{display:flex;font-size:14px;line-height:22px}.dd-identity-card dt{width:68px;color:#999}.dd-identity-card dd{margin:0}.dd-id-portrait{position:absolute;right:24px;top:40px;width:82px;height:104px;display:grid;place-items:center;color:#dfeeff;overflow:hidden}.dd-id-portrait img{width:82px;height:82px;opacity:.16;filter:sepia(1) saturate(2) hue-rotate(175deg)}.dd-list-card{width:464px;height:303px;padding:12px;display:grid;gap:8px}.dd-list-card article{position:relative;height:64px;padding:8px;box-sizing:border-box;display:grid;grid-template-columns:16px 1fr auto;grid-template-rows:22px 22px;column-gap:4px;align-items:center;border-radius:4px;background:#f7f8fa;font-size:14px}.dd-list-card article>span{color:#666}.dd-card-link{padding:0;border:0;color:#2990ff;background:transparent;font-size:14px;line-height:22px}.dd-list-card article p{grid-column:1/4;margin:0;color:#333;line-height:22px}.dd-list-card article p em{color:#999;font-style:normal}.dd-record-card article p{display:flex;align-items:center;gap:4px;color:#666}

.dd-chart{position:relative;width:min(100%,calc(var(--chart-width)*1px));aspect-ratio:var(--chart-width)/var(--chart-height);min-height:300px;box-sizing:border-box;padding:12px;border-radius:6px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.08)}.dd-chart-toolbar{height:30px;display:flex;align-items:center;justify-content:space-between}.dd-time-switch{height:30px;padding:2px;display:flex;border-radius:4px;background:#edf0f4}.dd-time-switch button{width:60px;padding:0;border:0;border-radius:4px;color:#333;background:transparent;font:400 14px/22px "Source Han Sans CN","Microsoft YaHei",sans-serif}.dd-time-switch button.is-selected{color:#2990ff;background:#fff}.dd-chart-actions{display:flex;align-items:center;gap:8px}.dd-common-icon{position:relative;width:22px;height:22px;padding:0;border:0;border-radius:2px;background:transparent}.dd-common-icon img{position:absolute;inset:0;width:22px;height:22px}.dd-common-悬停,.dd-common-点击{display:none}.dd-common-icon:hover .dd-common-正常{display:none}.dd-common-icon:hover .dd-common-悬停{display:block}.dd-common-icon.is-active .dd-common-正常,.dd-common-icon.is-active .dd-common-悬停{display:none}.dd-common-icon.is-active .dd-common-点击{display:block}.dd-chart h4{margin:10px 0 0;color:#000;font-size:16px;line-height:24px;font-weight:400}.dd-chart-body{position:absolute;left:12px;right:12px;top:86px;bottom:12px}.dd-axis-title{position:absolute;left:0;top:0;color:#999;font-size:12px;line-height:20px}.dd-y-labels{position:absolute;left:0;top:24px;bottom:18px;width:54px;display:flex;flex-direction:column;justify-content:space-between;color:#999;font:400 12px/20px Roboto,Arial,sans-serif;text-align:right}.dd-y-labels i{font-style:normal}.dd-columns{position:absolute;left:68px;right:0;top:38px;bottom:0;display:flex;align-items:end;justify-content:space-around;border-bottom:1px solid #d9dfe8;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(25% - 1px),#e5eaf0 25%)}.dd-columns .dd-chart-mark{position:relative;width:8%;height:var(--value);padding:0;border:0;border-radius:4px 4px 0 0;background:#2990ff}.dd-columns .dd-chart-mark:hover{background:#2279d6;box-shadow:0 0 0 12px rgba(0,0,0,.04)}.dd-columns .dd-chart-mark span{display:block;height:100%}.dd-columns .dd-chart-mark em{position:absolute;left:50%;top:calc(100% + 5px);transform:translateX(-50%);color:#86909c;font:400 12px/20px Roboto,Arial,sans-serif;font-style:normal}.dd-bars{top:82px;bottom:30px;display:grid;gap:8px}.dd-bars>div{display:grid;grid-template-columns:36px 1fr;gap:8px;align-items:center}.dd-bars label{color:#999;font-size:12px;text-align:right}.dd-bars .dd-chart-mark{position:relative;height:26px;padding:0;border:0;background:transparent}.dd-bars .dd-chart-mark:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to right,transparent 0,transparent calc(20% - 1px),#e5eaf0 20%)}.dd-bars .dd-chart-mark span{position:absolute;left:0;top:0;width:var(--value);height:26px;border-radius:0 4px 4px 0;background:#2990ff}.dd-bars .dd-chart-mark:hover{background:rgba(0,0,0,.04)}.dd-bars .dd-chart-mark:hover span{background:#2279d6}.dd-bars .dd-chart-mark em{position:absolute;left:calc(var(--value) + 6px);top:3px;font:400 12px/20px Roboto,Arial,sans-serif;font-style:normal}.dd-bars footer{margin-left:44px;display:flex;justify-content:space-between;color:#86909c;font:400 12px/20px Roboto,Arial,sans-serif}.dd-bars footer i{font-style:normal}.dd-chart-table{position:absolute;left:12px;right:12px;top:86px;bottom:12px;overflow:hidden;border:1px solid #e5e6eb;border-radius:8px}.dd-chart-table>div{display:grid;grid-template-columns:repeat(5,1fr)}.dd-chart-table .head{height:46px;background:#edf0f4}.dd-chart-table b,.dd-chart-table span{padding:12px;display:flex;align-items:center;border-right:1px solid #e5e6eb;border-bottom:1px solid #e5e6eb;font-size:14px;line-height:22px}.dd-chart-table b:last-child,.dd-chart-table span:last-child{border-right:0}.dd-chart-table span.number,.dd-chart-table b:last-child{justify-content:flex-end}.dd-line-chart{position:absolute;left:12px;right:12px;top:86px;bottom:12px}.dd-line-chart svg{width:100%;height:100%;overflow:visible}.dd-line-chart line{stroke:#e5eaf0;stroke-dasharray:4 4}.dd-line-chart polyline{fill:none;stroke:#2990ff;stroke-width:2}.dd-chart-point{fill:#2990ff;stroke:#fff;stroke-width:2}.dd-chart-point:hover{r:7;fill:#2279d6}.dd-x-labels{position:absolute;left:68px;right:0;bottom:-4px;display:flex;justify-content:space-around;color:#86909c;font:400 12px/20px Roboto,Arial,sans-serif}.dd-x-labels i{font-style:normal}.dd-pie-layout{position:absolute;left:72px;right:72px;top:98px;bottom:20px}.dd-pie{position:absolute;left:50%;top:50%;width:210px;height:210px;transform:translate(-50%,-50%);border:0;border-radius:50%;background:conic-gradient(#2462ff 0 60%,#18c5c9 60% 80%,#ffbd20 80%)}.dd-pie.donut:after{content:"";position:absolute;left:45px;top:45px;width:120px;height:120px;border-radius:50%;background:#fff}.dd-pie>span{position:absolute;left:50%;top:50%;z-index:1;transform:translate(-50%,-50%);display:grid;color:#333}.dd-pie>span small{font-size:12px;font-weight:400}.dd-pie>span strong{font:500 20px/28px Roboto,Arial,sans-serif}.dd-pie-label{position:absolute;display:flex;align-items:center;gap:4px;font-size:12px}.dd-pie-label strong{font:500 16px/24px Roboto,Arial,sans-serif}.dd-pie-label:after{content:"";position:absolute;top:13px;width:130px;height:1px;background:currentColor}.dd-pie-label.left{left:0}.dd-pie-label.left:after{left:78px}.dd-pie-label.right{right:0;top:58%}.dd-pie-label.right:after{right:78px}.dd-pie-label.top{top:18%}.dd-pie-label.bottom{top:70%}.dd-pie-label.top{color:#ffbd20}.dd-pie-label.bottom{color:#18c5c9}.dd-pie-label.right{color:#2462ff}.dd-pie-label span,.dd-pie-label strong{color:#333}.dd-chart-tooltip{position:absolute;z-index:5;width:154px;height:48px;padding:12px;box-sizing:border-box;display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:4px;border-radius:4px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);font-size:12px;pointer-events:none}.dd-chart-tooltip i{width:8px;height:8px;border-radius:50%;background:#2990ff}.dd-chart-tooltip span{color:#999}.dd-chart-tooltip strong{font:700 12px/20px Roboto,Arial,sans-serif}.dd-advanced-chart{position:relative;width:min(100%,calc(var(--chart-width)*1px));aspect-ratio:var(--chart-width)/var(--chart-height);min-height:240px;overflow:hidden;background:#fff}.dd-advanced-chart svg{width:100%;height:100%}.dd-advanced-chart svg .grid{stroke:#ebebeb;stroke-width:1}.dd-advanced-chart svg text{fill:#999;font:400 12px/12px "Source Han Sans CN","Microsoft YaHei",sans-serif}.dd-advanced-chart svg path{fill:none;stroke-width:4}.dd-advanced-chart svg path.blue{stroke:#2f8df5}.dd-advanced-chart svg path.red{stroke:#e94145}.dd-advanced-chart svg path.green{stroke:#4caf2d}.dd-chart-legend{position:absolute;left:12px;top:8px;z-index:2;display:flex;gap:16px;color:rgba(102,102,102,.85);font-size:12px}.dd-chart-legend span:before{content:"";display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%}.dd-chart-legend .red:before{background:#e94145}.dd-chart-legend .blue:before{background:#2f8df5}.dd-chart-legend .green:before{background:#4caf2d}

.dd-drag-demo{width:266px;min-height:176px;display:grid;grid-template-columns:104px 162px;align-items:end}.dd-drag-list{grid-column:2;display:grid;gap:8px}.dd-drag-item,.dd-drag-placeholder{box-sizing:border-box;height:38px;border-radius:4px}.dd-drag-item{padding:8px 12px;display:flex;align-items:center;gap:4px;border:1px solid #d9d9d9;color:#666;background:#fff;font-size:14px;line-height:18px;cursor:grab}.dd-drag-item>span{width:22px;height:22px;display:grid;place-items:center;border-radius:4px}.dd-drag-item:hover>span{background:rgba(0,0,0,.04)}.dd-drag-item.is-dragging{z-index:2;opacity:.85;box-shadow:0 4px 10px rgba(0,0,0,.08)}.dd-drag-placeholder{border:1px dashed #d9d9d9;background:#f7f8fa}.dd-drag-hint{grid-column:1/3;margin-top:8px;color:#999;font-size:12px;text-align:center}

.dd-slider{position:relative;width:min(100%,310px);min-height:16px}.dd-slider-track{position:relative;height:8px;border-radius:100px;background:rgba(0,0,0,.04)}.dd-slider-fill{position:absolute;left:0;top:0;height:8px;border-radius:100px;background:#2990ff}.dd-slider-fill:after{content:"";position:absolute;left:0;top:0;width:50%;height:100%;border-radius:100px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.5))}.dd-slider-fill.green{background:#5ab333}.dd-slider-fill.yellow{background:#f0aa32}.dd-slider-fill.red{background:#e44144}.dd-slider input{position:absolute;inset:-4px 0;width:100%;height:16px;margin:0;opacity:0;cursor:pointer}.dd-slider-default,.dd-slider-description{padding-top:4px}.dd-slider-hover .dd-slider-track{height:4px;margin-top:6px}.dd-slider-hover .dd-slider-fill{height:4px}.dd-slider-default .dd-slider-track{height:4px}.dd-slider-default .dd-slider-fill{height:4px}.dd-slider-default:after,.dd-slider-hover:after,.dd-slider-description:after{content:"";position:absolute;left:49%;top:0;width:8px;height:8px;border:1px solid #2990ff;border-radius:50%;background:#fff}.dd-slider-hover:after,.dd-slider-description:after{width:10px;height:10px;box-shadow:0 0 0 4px rgba(41,144,255,.12)}.dd-slider-description{padding-top:42px}.dd-slider-description .dd-slider-tip{position:absolute;left:50%;top:0;padding:4px 8px;transform:translateX(-50%);border-radius:3px;color:#fff;background:#333;font-size:14px;line-height:22px}.dd-slider-description .dd-slider-tip:after{content:"";position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);border:5px solid transparent;border-top-color:#333;border-bottom:0}.dd-slider-progress{padding-right:23px}.dd-slider-custom{padding-bottom:16px}.dd-slider output{position:absolute;right:-23px;top:-3px;color:#999;font-size:10px;line-height:14px}.dd-slider-custom small{position:absolute;left:0;bottom:0;color:#999;font-size:10px;line-height:14px}

.dd-palette{box-sizing:border-box;width:270px;height:274px;padding:12px;display:grid;grid-template-rows:168px 28px 8px 26px;gap:8px;border-radius:4px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.08)}.dd-palette.has-swatches{height:358px;grid-template-rows:168px 28px 8px 26px 64px}.dd-palette-area{position:relative;border-radius:4px;background:linear-gradient(to bottom,transparent,#000),linear-gradient(to right,#fff,hsl(var(--hue,210) 100% 50%))}.dd-palette-area i{position:absolute;width:12px;height:12px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.2)}.dd-palette-row{display:grid;grid-template-columns:1fr 28px;gap:8px}.dd-hue,.dd-alpha{position:relative;height:8px;align-self:center;border-radius:100px}.dd-hue{background:linear-gradient(90deg,#ff2600,#f6fe00,#00f956,#00e6ff,#2201fd,#ff01ea,#ff0019)}.dd-alpha{background:linear-gradient(90deg,transparent,#007bff),repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 0/8px 8px}.dd-hue input,.dd-alpha input{position:absolute;inset:-4px 0;width:100%;height:16px;margin:0;opacity:0}.dd-color-swatch{width:28px;height:28px;border-radius:2px}.dd-rgba{display:grid;grid-template-columns:67px repeat(4,1fr);gap:8px}.dd-rgba>*{height:26px;display:flex;align-items:center;justify-content:center;border:0;border-radius:2px;background:#f7f8fa;font-size:12px}.dd-rgba button{justify-content:space-between;padding:0 8px;border:1px solid #d9d9d9;background:#fff}.dd-rgba small{color:#999;font-size:12px}.dd-saved-colors{padding-top:12px;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(2,28px);gap:8px;border-top:1px solid #ebebeb}.dd-saved-colors button{border:0;border-radius:2px}.dd-saved-colors button:hover{outline:2px solid #2990ff;outline-offset:1px}

.dd-approval{position:relative;box-sizing:border-box;width:375px;min-height:366px;padding:12px 16px;display:grid;gap:16px;background:#fff}.dd-approval:before{content:"";position:absolute;left:24px;top:24px;bottom:34px;border-left:1px dashed #d9d9d9}.dd-approval-step{position:relative;display:grid;grid-template-columns:16px 1fr;gap:8px}.dd-approval-step>i{z-index:1;width:16px;height:16px;box-sizing:border-box;border:4px solid #2990ff;border-radius:50%;background:#fff}.dd-approval-step.yellow>i{border-color:#f0aa32}.dd-approval-step.purple>i{border-color:#7b3ff2}.dd-approval-step.green>i{border-color:#4bb331}.dd-approval-step section{display:grid;align-content:start;gap:2px}.dd-approval-step strong{font-size:14px;line-height:22px;font-weight:400}.dd-approval-step small{color:#999;font-size:12px;line-height:18px}.dd-approval-people{min-height:28px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.dd-approval .dd-person-chip{height:28px;padding-right:8px;border-radius:14px}.dd-approval .dd-person-chip>img{width:22px;height:22px;margin-left:3px}.dd-add-person{width:42px;height:28px;padding:0;border:1px solid #d9d9d9;border-radius:14px;color:#999;background:#fff;font-size:24px;line-height:24px}.dd-add-person:hover{color:#333;background:rgba(0,0,0,.04)}

body.theme-dark .dd-overview,body.theme-dark .dd-playground,body.theme-dark .dd-gallery-group,body.theme-dark .dd-variant{border-color:#343c48;background:#1d232d}body.theme-dark .dd-overview-items,body.theme-dark .dd-live,body.theme-dark .dd-stage{background:#171c24}body.theme-dark .dd-overview-group+.dd-overview-group{border-color:#343c48}body.theme-dark .dd-control .modern-select-trigger{color:#e4e7ec;border-color:#46505e;background:#252c37}body.theme-dark .dd-control .modern-select-menu{border-color:#343c48;background:#252c37}
@media(max-width:760px){.dd-overview,.dd-playground,.dd-gallery-group{padding:14px}.dd-live,.dd-stage{padding:20px 12px}.dd-overview-items{padding:16px}.dd-overview-detail{grid-template-columns:1fr}.dd-detail-date{min-width:0}.dd-account-card,.dd-identity-card,.dd-list-card,.dd-approval{max-width:100%}.dd-account-card{width:100%}.dd-identity-card{width:100%;height:auto;min-height:180px}.dd-list-card{width:100%;height:auto}.dd-list-card article{min-height:64px}.dd-chart{min-height:280px}.dd-advanced-chart{min-height:220px}.dd-chart-actions{gap:4px}.dd-time-switch button{width:44px}.dd-pie-layout{left:12px;right:12px}.dd-pie-label:after{width:54px}.dd-pie-label.left:after{left:74px}.dd-pie-label.right:after{right:74px}.dd-approval{width:100%}.dd-drag-demo{max-width:100%;transform:scale(.9);transform-origin:center}.dd-palette{max-width:100%}}

.dd-live,.dd-stage{box-sizing:border-box;width:100%;min-width:0}.dd-gallery{min-width:0}.dd-variant{width:100%;min-width:0}.dd-account-card{height:140px;min-height:0;display:grid;grid-template-rows:44px 1px 64px;gap:7.5px}.dd-account-head section{width:auto;min-width:0}.dd-account-head strong{white-space:nowrap}.dd-account-card hr{width:100%;margin:0}.dd-chart-grid-table{position:absolute;left:12px;right:12px;top:86px;bottom:12px;overflow:hidden;border:1px solid #e5e6eb;border-radius:8px}.dd-chart-grid-table>div{display:grid;grid-template-columns:repeat(5,1fr)}.dd-chart-grid-table .head{height:46px;background:#edf0f4}.dd-chart-grid-table b,.dd-chart-grid-table span{padding:12px;display:flex;align-items:center;border-right:1px solid #e5e6eb;border-bottom:1px solid #e5e6eb;font-size:14px;line-height:22px}.dd-chart-grid-table b:last-child,.dd-chart-grid-table span:last-child{border-right:0}.dd-chart-grid-table span.number,.dd-chart-grid-table b:last-child{justify-content:flex-end}.dd-drag-demo{height:176px;min-height:0;align-items:start}
@media(max-width:900px){.dd-overview,.dd-playground,.dd-gallery-group{padding:14px}.dd-live,.dd-stage{padding:20px 12px}.dd-overview-items{padding:16px}.dd-overview-detail{grid-template-columns:1fr}.dd-detail-date{min-width:0}.dd-account-card,.dd-identity-card,.dd-list-card,.dd-approval{max-width:100%}.dd-account-card{width:100%}.dd-identity-card{width:100%;height:auto;min-height:180px}.dd-list-card{width:100%;height:auto}.dd-list-card article{min-height:64px}.dd-chart,.dd-advanced-chart{width:100%;max-width:100%;aspect-ratio:auto}.dd-chart{height:280px;min-height:280px}.dd-advanced-chart{height:220px;min-height:220px}.dd-chart-actions{gap:4px}.dd-time-switch button{width:44px}.dd-pie-layout{left:12px;right:12px}.dd-pie-label:after{width:54px}.dd-pie-label.left:after{left:74px}.dd-pie-label.right:after{right:74px}.dd-approval{width:100%}.dd-drag-demo{max-width:100%;transform:scale(.9);transform-origin:center}.dd-palette{max-width:100%}}