/* SL UI matte palette. M3 motion tokens are inserted at build time. */
@font-face{font-family:'Instrument Sans';src:url('./instrument-sans-variable.woff2') format('woff2');font-weight:400 700;font-display:swap}
.dd-demo{--motion-duration-short-2:100ms;--motion-duration-short-4:200ms;--motion-duration-medium-1:250ms;--motion-duration-medium-2:300ms;--motion-duration-medium-3:350ms;--motion-duration-medium-4:400ms;--motion-easing-standard:cubic-bezier(0.2,0,0,1);--motion-easing-emphasized-decelerate:cubic-bezier(0.05,0.7,0.1,1);--motion-easing-ease-in-out-gentle:cubic-bezier(0.4,0,0.2,1); --dd-ink:#222222;--dd-hover:#2f2f2f;--dd-edge:#464646;--dd-text:#f6f6f6;--dd-muted:#bdbdbd;--dd-accent:#e0e0e0;--dd-blue:#aec6d2;--dd-sand:#d3c4a8;--dd-warning:#e8d4a5;--dd-focus:#e0e0e0;--dd-outside:#5e5e5e;width:320px;max-width:100%;font:14px/1.45 'Instrument Sans',sans-serif;color:var(--dd-text);font-synthesis:none;-webkit-font-smoothing:antialiased;position:relative;isolation:isolate;outline:none}
.dd-demo,.dd-demo *,.dd-demo *::before,.dd-demo *::after{box-sizing:border-box}.dd-demo button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}.dd-demo button:focus-visible{outline:2px solid var(--dd-focus);outline-offset:3px}.dd-demo button:disabled{cursor:default;opacity:.5}.dd-demo [hidden]{display:none!important}.dd-demo svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.dd-scene{height:390px;display:flex;align-items:center;justify-content:center}.dd-card{width:100%;padding:22px;background:var(--dd-ink);border:1px solid #ffffff0d;border-radius:17px;box-shadow:inset 0 1px #ffffff0c,0 3px 7px #00000010;color:var(--dd-text)}.dd-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.dd-card h3,.dd-card h4,.dd-card p{margin:0}.dd-card h3{font-size:14px;font-weight:550;letter-spacing:-.02em}.dd-card h4{font-size:15px;font-weight:550;overflow-wrap:anywhere}.dd-muted{color:var(--dd-muted);font-size:11px;line-height:1.6}.dd-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid #ffffff13;border-radius:9px;background:#ffffff05;color:var(--dd-accent)}.dd-icon svg{width:18px;height:18px}.dd-overline{font-size:10px;color:var(--dd-muted);letter-spacing:.025em}.dd-pill{display:inline-flex;align-items:center;border:1px solid #e0e0e01c;border-radius:6px;padding:3px 7px;color:var(--dd-accent);background:#e0e0e008;font-size:10px;white-space:nowrap}.dd-caption{min-height:34px;margin:8px 4px 0;text-align:center;color:var(--dd-outside);font-size:11px;line-height:1.5}.dd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.dd-segments{display:flex;width:max-content;max-width:100%;padding:3px;gap:2px;background:#191919;border:1px solid #ffffff0d;border-radius:9px}.dd-segments button{border:0;background:transparent;color:var(--dd-muted);padding:5px 10px;font-size:10px;line-height:1.4;border-radius:6px;transition:background var(--motion-duration-short-4) ease,color var(--motion-duration-short-4) ease}.dd-segments button[aria-pressed="true"]{background:#414141;color:var(--dd-text)}.dd-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:33px;padding:8px 11px;background:#323232;border:1px solid #ffffff13;border-radius:9px;color:var(--dd-accent);font-size:11px!important;line-height:1.4;transition:background var(--motion-duration-short-4) ease,transform var(--motion-duration-medium-2) var(--motion-easing-standard)}.dd-button:hover{background:var(--dd-hover)}.dd-button:active{transform:translateY(1px) scale(.98)}.dd-button svg{width:14px;height:14px;transition:transform var(--motion-duration-medium-3) var(--motion-easing-standard)}.dd-button[aria-expanded="true"] svg{transform:rotate(180deg)}.dd-bottom{display:flex;justify-content:center;margin-top:16px}.dd-collapse{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--motion-duration-medium-3) var(--motion-easing-ease-in-out-gentle),opacity var(--motion-duration-medium-2) ease}.dd-collapse[data-expanded="true"]{grid-template-rows:1fr;opacity:1}.dd-collapse>div{min-height:0;overflow:hidden}
.dd-metric{display:flex;align-items:baseline;gap:13px;margin-top:22px;font-variant-numeric:tabular-nums}.dd-metric>[data-value]{font-size:39px;line-height:1.2;letter-spacing:-.065em;font-weight:550}.dd-trend{font-size:11px;color:var(--dd-accent)}.dd-metric+.dd-muted{margin-top:7px;font-size:10px}.dd-demo .dd-spark{width:100%;height:64px;margin:20px 0 8px;overflow:visible;stroke:var(--dd-accent);stroke-width:2}.dd-spark polyline{vector-effect:non-scaling-stroke}.dd-spark .dd-spark-guide{stroke:#ffffff10;stroke-width:1}.dd-foot{display:flex;justify-content:space-between;font-size:9px;color:var(--dd-muted)}
.dd-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:11px}.dd-table th{color:var(--dd-muted);font-weight:450;text-align:left;border-bottom:1px solid var(--dd-edge);padding:0 0 8px}.dd-table th:last-child,.dd-table td:last-child{width:66px;text-align:right;font-variant-numeric:tabular-nums}.dd-table th button{display:inline-flex;align-items:center;gap:5px;border:0;padding:0;background:none;color:inherit;font-size:11px}.dd-table th svg{width:12px;height:12px}.dd-table th[aria-sort="ascending"],.dd-table th[aria-sort="descending"]{color:var(--dd-text)}.dd-table td{height:43px;border-bottom:1px solid #ffffff0b;color:var(--dd-muted)}.dd-table td:first-child button{border:0;background:transparent;width:100%;padding:10px 3px;display:flex;align-items:center;gap:8px;text-align:left;font-size:11px;color:var(--dd-text);border-radius:6px}.dd-table td button svg{width:15px;height:15px;color:var(--dd-muted)}.dd-table td button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd-table tr:has([aria-pressed="true"]){background:#e0e0e00b}.dd-selection{font-size:10px;color:var(--dd-muted);line-height:1.6;min-height:32px;margin-top:13px!important;overflow-wrap:anywhere}
.dd-avatars{display:flex;align-items:center;margin:24px 0 17px;padding-left:2px}.dd-avatar{width:43px;height:43px;flex:none;border:3px solid var(--dd-ink);border-radius:50%;margin-left:-2px;display:grid;place-items:center;font-size:12px!important;color:#272727;transition:transform var(--motion-duration-medium-2) var(--motion-easing-standard),box-shadow var(--motion-duration-short-4) ease;position:relative}.dd-avatar+.dd-avatar{margin-left:-8px}.dd-avatar:hover{z-index:2;transform:translateY(-3px)}.dd-avatar[aria-pressed="true"]{z-index:1;box-shadow:0 0 0 1px var(--dd-accent)}.dd-avatar--sage{background:#bed2c4}.dd-avatar--blue{background:#b4c7d2}.dd-avatar--sand{background:#d8cdb7}.dd-avatar--rose{background:#d7bfbb}.dd-avatar--more{background:#3a3a3a;color:var(--dd-text)}.dd-person{display:flex;justify-content:space-between;align-items:center;gap:10px}.dd-person strong{font-size:13px;font-weight:500}.dd-person>span{font-size:11px;color:var(--dd-muted)}.dd-member-list{display:grid;gap:2px;margin-top:16px;border-top:1px solid var(--dd-edge);padding-top:8px}.dd-member-list button{display:flex;align-items:center;gap:9px;border:0;background:none;color:var(--dd-text);padding:5px 0;text-align:left;font-size:11px;min-width:0}.dd-member-list button>svg{margin-left:auto;width:12px;height:12px;color:var(--dd-muted)}.dd-member-list button small{display:block;color:var(--dd-muted);font-size:9px}.dd-mini-avatar{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:#2d2d2d;font-size:9px;flex:none}
.dd-status-list{list-style:none;margin:17px 0 0;padding:0;min-height:196px}.dd-status-list li{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows var(--motion-duration-medium-3) var(--motion-easing-standard),opacity var(--motion-duration-medium-2) ease}.dd-status-list li[data-visible="false"]{grid-template-rows:0fr;opacity:0}.dd-status-list li>div{min-height:0;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:8px}.dd-status-list li>div>span:first-child{padding:16px 0;font-size:11px;white-space:nowrap}.dd-badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;border:1px solid #e0e0e021;background:#e0e0e009;color:var(--dd-accent);border-radius:6px;padding:3px 6px;white-space:nowrap}.dd-badge i{width:4px;height:4px;border-radius:50%;background:currentColor}.dd-badge--paused{color:var(--dd-warning);background:#e8d4a508;border-color:#e8d4a524}
.dd-details{margin:0;font-size:11px}.dd-details>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:39px;border-bottom:1px solid #ffffff0b}.dd-details dt{color:var(--dd-muted)}.dd-details dd{margin:0;text-align:right;overflow-wrap:anywhere}.dd-mono{font-family:ui-monospace,monospace;font-size:10px}.dd-details--extra{margin-top:0}.dd-timeline{list-style:none;margin:0;padding:0}.dd-timeline li{display:flex;align-items:flex-start;gap:11px;position:relative;min-height:50px}.dd-timeline li:not(:last-child)::after{content:'';position:absolute;left:14px;top:32px;bottom:3px;width:1px;background:var(--dd-edge)}.dd-timeline .dd-icon{width:29px;height:29px;border-radius:50%}.dd-timeline .dd-icon svg{width:13px;height:13px}.dd-timeline strong{font-size:11px;font-weight:500;display:block;padding-top:1px}.dd-timeline time{font-size:9px;color:var(--dd-muted);display:block;margin-top:3px}.dd-timeline--earlier{padding-top:0}.dd-card--timeline .dd-bottom{margin-top:3px}
.dd-file-visual{height:95px;border-radius:10px;background:linear-gradient(150deg,#3a3a3a,#2d2d2d);border:1px solid #ffffff09;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;margin-bottom:17px;color:var(--dd-accent)}.dd-file-visual svg{width:32px;height:32px;stroke-width:1.2}.dd-file-visual span{font-size:8px;letter-spacing:.09em}.dd-file-actions{display:flex;justify-content:space-between;gap:8px;margin-top:18px}.dd-card--file>.dd-muted{margin-top:6px}.dd-card--file .dd-details{margin-top:10px}.dd-card--file .dd-head{margin-bottom:15px}
.dd-bar-chart{height:153px;display:flex;gap:8px;margin-top:22px}.dd-axis{width:20px;display:flex;flex-direction:column;justify-content:space-between;font-size:8px;color:var(--dd-muted);padding-bottom:27px}.dd-bars{flex:1;min-width:0;display:flex;gap:12px;background:linear-gradient(#ffffff0c 1px,transparent 1px) 0 0/100% 63px}.dd-bar{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:0;border:0;background:none;color:var(--dd-muted);font-size:9px!important}.dd-bar-track{height:126px;width:100%;position:relative;display:block}.dd-bar-track i{position:absolute;inset:0;border-radius:5px 5px 0 0;background:#929292;transform-origin:bottom;transition:transform var(--motion-duration-medium-4) var(--motion-easing-standard),background var(--motion-duration-short-4) ease}.dd-bar[aria-pressed="true"] .dd-bar-track i,.dd-bar:hover .dd-bar-track i{background:var(--dd-accent)}.dd-card--bar .dd-selection{min-height:16px;margin-top:15px!important}
.dd-donut-layout{display:flex;flex-direction:column;align-items:center;gap:18px}.dd-donut{width:140px;height:140px;position:relative}.dd-demo .dd-donut svg{width:140px;height:140px;stroke-width:10;stroke-linecap:butt}.dd-donut-track{stroke:#484848}.dd-donut-arc{transition:opacity var(--motion-duration-medium-2) ease,stroke-width var(--motion-duration-medium-2) var(--motion-easing-standard)}.dd-series-0{stroke:var(--dd-accent);background:var(--dd-accent)}.dd-series-1{stroke:var(--dd-blue);background:var(--dd-blue)}.dd-series-2{stroke:var(--dd-sand);background:var(--dd-sand)}.dd-series-3{background:#68776d}.dd-donut-value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.dd-donut-value strong{font-size:30px;letter-spacing:-.06em;font-weight:500;font-variant-numeric:tabular-nums}.dd-donut-value span{font-size:9px;color:var(--dd-muted);margin-top:0}.dd-legend{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:8px 12px}.dd-legend button{display:grid;grid-template-columns:5px 1fr;column-gap:6px;row-gap:3px;text-align:left;border:0;border-radius:5px;background:none;padding:3px;color:var(--dd-muted);font-size:9px}.dd-legend i{width:5px;height:5px;align-self:center;border-radius:50%}.dd-legend strong{grid-column:2;font-size:10px;color:var(--dd-text);font-weight:450}.dd-legend button[aria-pressed="true"]{background:#ffffff0b;color:var(--dd-text)}.dd-card--donut .dd-head{margin-bottom:13px}.dd-card--donut .dd-bottom{margin-top:13px}
.dd-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:14px}.dd-calendar-head h3{font-size:13px;font-variant-numeric:tabular-nums}.dd-icon-button{border:0;border-radius:8px;background:none;color:var(--dd-muted);padding:6px;display:grid;place-items:center}.dd-icon-button:hover{background:#ffffff0b;color:var(--dd-text)}.dd-icon-button svg{width:15px;height:15px}.dd-back{transform:rotate(180deg)}.dd-weekdays,.dd-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}.dd-weekdays{color:var(--dd-muted);font-size:9px;text-align:center;height:23px}.dd-week>[role="gridcell"]{height:30px;min-width:0;display:grid;place-items:center}.dd-day{border:0;position:relative;width:100%;max-width:30px;min-height:28px;padding:0;border-radius:7px;background:none;color:var(--dd-muted);font-size:10px!important;font-variant-numeric:tabular-nums;transition:background var(--motion-duration-short-4) ease,color var(--motion-duration-short-4) ease}.dd-day:hover{background:#ffffff0b;color:var(--dd-text)}[aria-selected="true"]>.dd-day{background:var(--dd-accent);color:var(--dd-ink)}.dd-day.has-event::after{content:'';position:absolute;width:3px;height:3px;bottom:2px;left:calc(50% - 1.5px);border-radius:50%;background:currentColor}.dd-calendar-event{border-top:1px solid var(--dd-edge);padding-top:13px;margin-top:11px;display:flex;gap:12px;align-items:center;min-height:31px}.dd-calendar-event>span{font-size:10px;color:var(--dd-muted);white-space:nowrap}.dd-calendar-event>strong{font-size:10px;font-weight:450;overflow-wrap:anywhere}
.dd-scene{height:410px}.dd-card--file{padding:18px}.dd-card--file .dd-head{margin-bottom:12px}.dd-file-visual{height:54px;margin-bottom:12px}.dd-file-actions{margin-top:14px}.dd-card--file .dd-details{margin-top:6px}.dd-card--file .dd-details>div{min-height:30px}.dd-donut-layout{flex-direction:row;gap:12px}.dd-donut,.dd-demo .dd-donut svg{width:130px;height:130px}.dd-donut{flex:none}.dd-legend{flex:1;min-width:0;grid-template-columns:1fr;gap:5px}.dd-legend button{row-gap:1px}
@media(prefers-reduced-motion:reduce){.dd-demo *,.dd-demo *::before,.dd-demo *::after{animation:none!important;transition:none!important}.dd-avatar:hover,.dd-button:active{transform:none}}
@media(forced-colors:active){.dd-card,.dd-button,.dd-avatar,.dd-pill,.dd-badge,.dd-icon,.dd-file-visual{border:1px solid CanvasText}.dd-bar-track i{background:Highlight}.dd-demo button:focus-visible{outline-color:Highlight}.dd-donut-arc{forced-color-adjust:none}.dd-spark{stroke:CanvasText}.dd-day.has-event::after{background:CanvasText}}
@container(max-width:290px){.dd-card{padding:17px}.dd-segments button{padding:5px 8px}.dd-head{gap:6px}.dd-table th:last-child,.dd-table td:last-child{width:52px}.dd-legend{gap:6px}.dd-status-list li>div>span:first-child{font-size:10px}.dd-bars{gap:8px}.dd-calendar-head h3{font-size:11px}.dd-member-list button{padding:4px 0}}
@container(max-width:290px){.dd-donut,.dd-demo .dd-donut svg{width:100px;height:100px}.dd-donut-value strong{font-size:25px}.dd-donut-value span{font-size:8px}}