.sender-id-card{border:var(--border-thin);border-radius:var(--radius-lg);padding:16px;margin-bottom:12px}.sid-info-banner{display:flex;align-items:flex-start;gap:10px;background:var(--color-green-bg);border-radius:var(--radius-md);padding:12px 16px;font-size:13px;color:var(--color-blue-dark);margin-bottom:24px;line-height:1.55}.sid-info-banner svg{flex-shrink:0;margin-top:1px}.sid-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.sid-card{border:var(--border-thin);border-radius:var(--radius-lg);padding:18px;cursor:pointer;transition:box-shadow .16s ease,transform .16s ease,border-color .16s ease;background:var(--color-surface)}.sid-card:hover{box-shadow:0 4px 18px rgba(11,56,40,.1);transform:translateY(-2px);border-color:var(--color-accent)}.sid-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.sid-card-name{font-size:18px;font-weight:700;letter-spacing:1px;color:var(--color-blue-dark)}.sid-card-meta{display:flex;gap:12px;font-size:12px;color:var(--color-text-muted);margin-bottom:14px}.sid-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;padding-bottom:14px;border-bottom:var(--border-thin)}.sid-stat-label{font-size:11px;color:var(--color-text-muted);margin-bottom:3px}.sid-stat-value{font-size:13px;font-weight:600;color:var(--color-blue-dark)}.sid-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--color-text-muted)}.sid-card:hover .sid-card-footer{color:var(--color-blue-dark)}.sid-card-hint{font-size:12px}.sid-card-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-style:dashed;min-height:160px;color:var(--color-text-muted)}.sid-card-empty:hover{border-color:var(--color-accent);color:var(--color-blue-dark)}.sid-empty-icon{width:44px;height:44px;border-radius:50%;background:var(--color-beige);display:flex;align-items:center;justify-content:center}.sid-empty-label{font-size:13px;font-weight:500;text-align:center}.sid-back-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-secondary);cursor:pointer;padding:6px 0;margin-bottom:16px;background:0 0;border:none;transition:color .14s ease}.sid-back-btn:hover{color:var(--color-blue-dark)}.sid-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:18px;border-bottom:var(--border-thin);flex-wrap:wrap;gap:12px}.sid-detail-name-wrap{display:flex;align-items:center;gap:12px}.sid-detail-name{font-size:28px;font-weight:700;letter-spacing:1.5px;color:var(--color-blue-dark)}.sid-detail-tag{font-size:13px;padding:4px 12px}.sid-detail-actions{display:flex;gap:8px;flex-wrap:wrap}.kpi-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.sid-kpis{margin-bottom:20px}.sid-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}.sid-section-title{font-size:14px;font-weight:600;color:var(--color-blue-dark);margin-bottom:12px}.sid-info-table{font-size:14px;width:100%}.sid-info-table td{padding:8px 0;border-top:var(--border-thin);vertical-align:top}.sid-info-table td:first-child{color:var(--color-text-secondary);width:45%}.sid-info-table td:last-child{font-weight:500}.sid-description{font-size:14px;color:var(--color-text-secondary);line-height:1.65;background:var(--color-beige);border-radius:var(--radius-md);padding:14px 16px}.sid-rules{display:flex;flex-direction:column;gap:8px}.sid-rule{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--color-text-secondary);line-height:1.5}.sid-rule svg{flex-shrink:0;margin-top:1px}.sid-timeline{display:flex;gap:0;margin-bottom:20px;background:var(--color-beige);border-radius:var(--radius-md);padding:16px 20px;overflow-x:auto}.sid-timeline-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;min-width:80px}.sid-timeline-step:not(:last-child)::after{content:'';position:absolute;top:8px;left:50%;width:100%;height:2px;background:var(--color-border)}.sid-timeline-step.done::after{background:var(--color-green)}.sid-tl-dot{width:18px;height:18px;border-radius:50%;background:var(--color-beige);border:2px solid var(--color-border);z-index:1}.sid-timeline-step.done .sid-tl-dot{background:var(--color-green);border-color:var(--color-green)}.sid-timeline-step.current .sid-tl-dot{background:var(--color-accent);border-color:var(--color-accent-dark)}.sid-tl-label{font-size:11px;color:var(--color-text-secondary);text-align:center;line-height:1.3}.sid-timeline-step.done .sid-tl-label{color:var(--color-blue-dark);font-weight:500}.sid-timeline-step.current .sid-tl-label{color:var(--color-blue-dark);font-weight:600}@media (max-width:767px){.sid-grid{grid-template-columns:1fr}.sid-detail-grid{grid-template-columns:1fr}.sid-detail-header{flex-direction:column}.kpi-grid-3{grid-template-columns:1fr 1fr}.sid-card-stats{grid-template-columns:1fr 1fr}}
.sid-new-wrapper { max-width: 1100px; }

.sid-new-header { margin-bottom: 24px; align-items: flex-start; }

.sid-new-grid {
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 24px;
  align-items: start;
}

.sid-new-left { display: flex; flex-direction: column; gap: 16px; }

.sid-new-section {
  background: var(--color-surface);
  border: var(--border-thin);
  border-radius: var(--radius-lg);
  padding: 22px 24px;
}

.sid-new-section-title {
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--color-text-muted);
  margin-bottom: 16px;
}

.sid-new-right {
  position: sticky;
  top: 24px;
  background: var(--color-surface);
  border: var(--border-thin);
  border-radius: var(--radius-lg);
  padding: 22px 24px;
}

.sid-new-docs-header {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 8px;
}

.sid-doc-card {
  border: var(--border-thin);
  border-radius: var(--radius-md);
  padding: 14px 16px;
  margin-bottom: 10px;
  transition: border-color 0.14s ease, background 0.14s ease;
}

.sid-doc-card.uploaded {
  border-color: #1D9E75;
  background: rgba(29,158,117,0.04);
}

.sid-doc-card-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 10px;
}

.sid-doc-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 3px;
}

.sid-doc-optional {
  font-size: 10px;
  font-weight: 400;
  color: var(--color-text-muted);
  text-transform: lowercase;
  margin-left: 4px;
}

.sid-doc-hint {
  font-size: 11px;
  color: var(--color-text-muted);
  line-height: 1.5;
}

.sid-doc-status {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
}

.sid-doc-empty {
  font-size: 11px;
  color: var(--color-text-muted);
}

.sid-doc-upload-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border: var(--border-thin);
  border-radius: var(--radius-md);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  color: var(--color-text-secondary);
  background: var(--color-bg);
  transition: background 0.13s ease;
}
.sid-doc-upload-btn:hover { background: var(--color-beige); }

.sid-new-notice {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 12px 14px;
  background: var(--color-beige);
  border-radius: var(--radius-md);
  font-size: 12px;
  color: var(--color-text-secondary);
  line-height: 1.5;
  margin-top: 16px;
}
.sid-new-notice svg { flex-shrink: 0; margin-top: 1px; }

.sid-new-footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 20px;
  margin-top: 8px;
  border-top: var(--border-thin);
}

@media (max-width: 900px) {
  .sid-new-grid { grid-template-columns: 1fr; }
  .sid-new-right { position: static; }
}

.sid-doc-card {
  margin-bottom: 14px;
}

.sid-dropzone {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px dashed var(--color-border);
  border-radius: var(--radius-md);
  padding: 20px 16px;
  margin-top: 10px;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
  background: var(--color-bg);
  text-align: center;
}

.sid-dropzone:hover {
  border-color: var(--color-blue-dark);
  background: var(--color-beige);
}

.sid-dropzone.zone-drag {
  border-color: var(--color-blue-dark);
  background: var(--color-blue-bg);
  border-style: solid;
}

.sid-dropzone.zone-uploaded {
  border-color: #1D9E75;
  border-style: solid;
  background: rgba(29,158,117,0.04);
}

.sid-dropzone-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  pointer-events: none;
  color: var(--color-text-muted);
}

.sid-dropzone-text {
  font-size: 13px;
  color: var(--color-text-secondary);
}

.sid-dropzone-link {
  color: var(--color-blue);
  font-weight: 500;
  text-decoration: underline;
}

.sid-dropzone-formats {
  font-size: 11px;
  color: var(--color-text-muted);
}