:root{
  --line:#e5e7eb; --muted:#6b7280; --ink:#111827;
  --bg:#f8fafc; --card:#fff;
  --btn:#1a73e8; --btnInk:#1f2937;
  --wait:#fef3c7; --proc:#dbeafe; --comp:#dcfce7; --rej:#fee2e2;
}
.box{max-width:1180px;margin:0 auto;padding:0 16px}
.ids-btn{display:inline-block;padding:.6rem 1rem;border-radius:10px;background:var(--btn);color:#fff;text-decoration:none;border:1px solid var(--btn)}
.ids-btn.ids-outline{background:#fff;color:var(--btnInk);border-color:var(--btnInk)}

.ids-dash-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:16px 0}
.ids-title{margin:0 0 4px;font-weight:800}
.ids-sub{color:var(--muted)}
.ids-head-actions{display:flex;gap:8px;flex-wrap:wrap}

.ids-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:14px}
@media(max-width:900px){.ids-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.ids-stats{grid-template-columns:repeat(2,1fr)}}
.ids-stat{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:14px;text-align:center}
.ids-stat-k{font-size:22px;font-weight:800}
.ids-stat-l{font-size:12px;color:var(--muted)}
.s-wait{background:var(--wait)}
.s-proc{background:var(--proc)}
.s-comp{background:var(--comp)}
.s-rej{background:var(--rej)}

.ids-grid-2{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:14px}
@media(max-width:1000px){.ids-grid-2{grid-template-columns:1fr}}

.ids-card{border:1px solid var(--line);border-radius:14px;background:#fff;padding:16px}
.ids-card-title{margin:0 0 10px}

.ids-timeline{list-style:none;margin:0;padding:0}
.ids-tl-item{border-left:3px solid #e5e7eb;padding:8px 10px;margin:8px 0}
.ids-tl-item.tl-remark{border-color:#c7d2fe;background:#eef2ff}
.ids-tl-item.tl-status{border-color:#bae6fd;background:#f0f9ff}
.ids-tl-top{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}
.ids-tl-app{font-weight:600}
.ids-tl-date{font-size:12px;color:var(--muted)}
.ids-tl-text{color:var(--ink)}

.ids-quick{display:grid;grid-template-columns:1fr;gap:8px}
.ids-q{display:block;border:1px solid var(--line);border-radius:10px;padding:10px;text-decoration:none;color:var(--ink)}
.ids-q:hover{background:#f8fafc}

.ids-table{width:100%;border-collapse:collapse}
.ids-table th,.ids-table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.ids-cell-title{font-weight:600}
.ids-cell-sub{font-size:12px;color:var(--muted);margin-top:2px}

.ids-badge{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:12px;background:#f8fafc;color:#374151}
.ids-badge.st-waiting{background:#fff7ed;border-color:#fed7aa;color:#9a3412}
.ids-badge.st-processing{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}
.ids-badge.st-completed{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}
.ids-badge.st-rejected{background:#fef2f2;border-color:#fecaca;color:#b91c1c}

.ids-empty{color:var(--muted);padding:8px}
.ids-pagi ul{display:flex;gap:6px;list-style:none;padding:0;margin:10px 0 0}
.ids-pagi a, .ids-pagi span{display:inline-block;padding:.35rem .6rem;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--ink)}
.ids-pagi .current{background:#111;color:#fff;border-color:#111}