:root { --bg:#fff; --panel:#fff; --text:#1f2937; --muted:#6b7280; --brand:#ff6d3a; --line:#e5e7eb; --accent:#ff8560; --green:#22c55e; --amber:#f59e0b; --red:#ef4444; }
.dklp-wrap { max-width: 1200px; margin: 24px auto; padding: 0 12px; font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; color: var(--text); }
.dklp-hero { background: linear-gradient(180deg,#fff5f1,#ffffff 60%); border:1px solid #ffe0d6; padding:16px; border-radius:14px; display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:space-between; box-shadow:0 6px 16px rgba(0,0,0,.04); }
.dklp-search { display:grid; grid-template-columns: 1fr 160px 220px 120px; gap:10px; width:100%; }
@media(max-width: 900px){ .dklp-search{ grid-template-columns:1fr; } }
.dklp-input, .dklp-select, .dklp-btn { border:1px solid var(--line); border-radius:10px; padding:10px 12px; font-size:15px; background:#fff; }
.dklp-btn { background: linear-gradient(180deg, var(--brand), var(--accent)); color:#fff; border:none; font-weight:700; cursor:pointer; }
.dklp-subtle { font-size:12px; color:var(--muted); }
.dklp-card { background: var(--panel); border:1px solid var(--line); border-radius:12px; padding:14px; margin-top:18px; }
.dklp-grid { display:grid; grid-template-columns: 1fr; gap:18px; }
@media(min-width: 980px){ .dklp-grid { grid-template-columns: 1fr 360px; } }
.dklp-metrics { display:grid; grid-template-columns: 1fr 1fr; gap:12px; }
.dklp-badge { padding:2px 8px; border-radius:999px; font-size:12px; background:#fff1eb; color:#b94824; border:1px solid #ffd6c7; }
.dklp-table { width:100%; border-collapse: collapse; }
.dklp-table th, .dklp-table td { padding:10px 8px; border-bottom:1px solid var(--line); text-align:left; }
.dklp-table th { font-size:12px; color:var(--muted); text-transform:uppercase; letter-spacing:.08em; }
.dklp-flex { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.dklp-actions { display:flex; gap:8px; flex-wrap:wrap; }
.dklp-legend { font-size:12px; color:var(--muted); }
.dklp-gauge { width:180px; height:120px; }
.dklp-download { background:#fff; border:1px solid var(--line); border-radius:10px; padding:8px 12px; cursor:pointer; }
.dklp-footer { margin-top:12px; font-size:12px; color:var(--muted); text-align:center; }
.dklp-chip { font-size:12px; padding:4px 8px; border-radius:999px; border:1px solid var(--line); background:#fff; }
.dklp-chip.green { border-color:#bbf7d0; color:#166534; background:#f0fdf4; }
.dklp-chip.red { border-color:#fecaca; color:#7f1d1d; background:#fef2f2; }
.dklp-chip.amber { border-color:#fde68a; color:#78350f; background:#fffbeb; }