:root{
  --dtea-primary:#1a5cff;
  --dtea-primary-600:#1348cc;
  --dtea-accent:#00c2a8;
  --dtea-ink:#0f172a;
  --dtea-muted:#64748b;
  --dtea-card:#ffffff;
  --dtea-row-old:#f2f4f7;
  --dtea-row-hover:#f8fafc;
  --dtea-ring: rgba(26,92,255,.25);
}
.dtea-wrap{max-width:1100px;margin:32px auto;padding:0 16px;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;color:#0b1220}
.dtea-hero{background:var(--dtea-card);border-radius:20px;padding:20px 20px 14px;box-shadow:0 10px 30px rgba(3,10,40,.10)}
.dtea-title-row{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.dtea-title-row h1{margin:0;color:var(--dtea-ink);font-size:22px;letter-spacing:.2px}
.dtea-btns{display:flex;gap:10px;flex-wrap:wrap}
.dtea-btn{appearance:none;border:none;cursor:pointer;padding:10px 14px;border-radius:12px;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 0 rgba(0,0,0,.05)}
.dtea-btn-primary{background:var(--dtea-primary);color:#fff}
.dtea-btn-primary:hover{background:var(--dtea-primary-600)}
.dtea-btn-outline{background:#fff;border:1px solid #e2e8f0;color:#111827}
.dtea-btn-outline:hover{border-color:#cbd5e1}
.dtea-btn-danger{border-color:#fecaca !important; color:#b91c1c !important}
.dtea-toolbar{margin-top:16px;display:flex;gap:16px;flex-wrap:wrap}
.dtea-group{background:var(--dtea-card);padding:10px;border:1px solid #e5e7eb;border-radius:14px;display:flex;gap:10px;align-items:center}
.dtea-input{height:36px;border:1px solid #e5e7eb;border-radius:10px;padding:0 12px;font-size:14px;outline:none}
.dtea-input:focus{border-color:var(--dtea-primary); box-shadow:0 0 0 4px var(--dtea-ring)}
.dtea-input-compact{height:32px;padding:0 10px}
.dtea-card{margin-top:20px;background:var(--dtea-card);border-radius:20px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 12px 40px rgba(2,6,23,.08)}
.dtea-card table{width:100%;border-collapse:separate;border-spacing:0}
.dtea-card thead th{background:#f8fafc;color:#334155;font-size:12px;text-transform:uppercase;letter-spacing:.06em;padding:12px 14px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:2;cursor:pointer}
.dtea-card tbody td{padding:12px 14px;border-bottom:1px solid #f1f5f9;vertical-align:middle}
.dtea-card tbody tr:hover{background:var(--dtea-row-hover)}
.dtea-row-old{background:var(--dtea-row-old)}
.dtea-row-new{font-weight:700}
.dtea-status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:600}
.dtea-pill-old{background:#e5e7eb;color:#374151}
.dtea-pill-new{background:#dcfce7;color:#14532d}
.dtea-pill-none{background:#eef2ff;color:#1e3a8a}
.dtea-muted{color:var(--dtea-muted)}
.dtea-upn-wrap{display:flex;align-items:center;gap:8px}
.dtea-upn-text{flex:1; min-width:120px; border-radius:6px}
.dtea-upn-text[contenteditable="true"]{outline:2px dashed transparent}
.dtea-upn-text:focus{outline:2px dashed var(--dtea-primary); background:#f0f9ff}
.dtea-del-btn,.dtea-unassign-btn{border:0;background:transparent;cursor:pointer;font-weight:700;line-height:1;font-size:16px;color:#9aa5b1;padding:4px;border-radius:8px}
.dtea-del-btn:hover{background:#f1f5f9;color:#ef4444}
.dtea-unassign-btn:hover{background:#f1f5f9;color:#0ea5e9}
.dtea-table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;gap:12px}
.dtea-footer-left{display:flex;align-items:center;gap:12px}
.dtea-pager{display:flex;gap:6px;align-items:center}
.dtea-pager button{padding:6px 10px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer}
.dtea-pager button:disabled{opacity:.5;cursor:not-allowed}
.dtea-draggable{cursor:grab}
.dtea-drag-over{outline:2px dashed var(--dtea-accent); outline-offset:-6px; background: #ecfeff}
.dtea-editable{border-radius:6px}
.dtea-editable[contenteditable="true"]{outline:2px dashed transparent}
.dtea-editable:focus{outline:2px dashed var(--dtea-primary); background:#f0f9ff}
.dtea-export-bar{margin-top:20px;display:flex;justify-content:flex-end}
.dtea-dialog{border:none;border-radius:16px;box-shadow:0 20px 60px rgba(2,6,23,.25);padding:0;max-width:720px;width:95vw}
.dtea-dlg-head{padding:16px 18px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}
.dtea-dlg-body{padding:16px 18px}
.dtea-dlg-foot{padding:14px 18px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:10px}
.dtea-dialog textarea{width:100%;min-height:200px;border:1px solid #e5e7eb;border-radius:12px;padding:10px;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}
.dtea-dialog textarea:focus{border-color:var(--dtea-primary); box-shadow:0 0 0 4px var(--dtea-ring); outline:none}
.dtea-hint{font-size:12px;color:#475569;margin-top:8px}