.dd-layout{display:grid;grid-template-columns:320px minmax(280px,1fr);gap:20px;align-items:start}.dd-panel{display:flex;flex-direction:column;gap:12px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.dd-panel input[type=date],.dd-panel input[type=number]{width:100%;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;font-size:14px;font-variant-numeric:tabular-nums}.dd-panel input:focus{outline:none;border-color:var(--accent)}.dd-unit{font-size:12px;color:var(--muted)}.dd-hint{font-size:12px;line-height:1.5;color:var(--muted)}.dd-seg{display:grid;grid-template-columns:1fr 1fr;gap:6px}.dd-seg-btn{padding:9px 8px;border-radius:9px;font-size:12px;border:1px solid var(--line);background:var(--panel2);color:var(--muted)}.dd-seg-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.dd-result{display:flex;flex-direction:column;gap:16px;min-width:0}.dd-hero{text-align:center;padding:24px;background:var(--panel);border:1px solid var(--accent);border-radius:16px}.dd-hero-label{font-size:13px;color:var(--muted);margin-block-end:6px}.dd-hero-value{font-size:28px;font-weight:800;line-height:1.2;letter-spacing:-.02em;color:var(--text);word-break:keep-all}.dd-hero-sub{margin-block-start:8px;font-size:13px;color:var(--muted);line-height:1.5}.dd-bar{margin-block-start:14px;block-size:8px;border-radius:999px;background:var(--panel2);overflow:hidden}.dd-bar-fill{block-size:100%;background:var(--accent);transition:inline-size .15s ease-out}.dd-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.dd-cards:empty{display:none}.dd-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.dd-card-label{font-size:12px;color:var(--muted);margin-block-end:6px}.dd-card-value{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums}.dd-detail-title{font-size:13px;font-weight:700;color:var(--muted)}.dd-list{display:flex;flex-direction:column}.dd-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;padding-block:8px;border-block-end:1px solid var(--line);font-size:13px}.dd-row:last-child{border-block-end:none}.dd-row-label{color:var(--text)}.dd-row-date{color:var(--muted);font-variant-numeric:tabular-nums}.dd-row.is-past .dd-row-label,.dd-row.is-past .dd-row-date{color:var(--muted);opacity:.6}.dd-note{font-size:12px;color:var(--muted);line-height:1.6;margin:0}@media(max-width:760px){.dd-layout{grid-template-columns:1fr}}