.st-container { max-width: 600px; margin: 0 auto; padding: 96px 20px 40px; }

.st-page-title { font-size: 1.5rem; font-weight: 800; margin-bottom: 28px; }

.st-login-prompt { text-align: center; padding: 60px 20px; }
.st-login-prompt h2 { font-size: 1.3rem; margin-bottom: 8px; }
.st-login-prompt p { color: var(--text-muted); margin-bottom: 24px; }
.st-login-btn {
  background: var(--primary); color: #fff; border: none; padding: 12px 32px;
  border-radius: 8px; font-size: .95rem; font-weight: 700; cursor: pointer;
  font-family: var(--font); transition: all .15s;
}
.st-login-btn:hover { background: var(--primary-dark); }

.st-profile-card {
  display: flex; align-items: center; gap: 20px;
  padding: 24px; background: #f5f8f6; border: 1px solid var(--border);
  border-radius: 12px; margin-bottom: 32px;
}
.st-avatar {
  width: 56px; height: 56px; border-radius: 50%;
  background: var(--primary); color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.3rem; font-weight: 700; flex-shrink: 0;
}
.st-profile-info h2 { font-size: 1.1rem; font-weight: 700; margin: 0 0 4px; }
.st-profile-info p { font-size: .85rem; color: var(--text-muted); margin: 0; }

.st-section { margin-bottom: 28px; }
.st-section-title {
  font-size: .75rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: 1px; color: var(--text-muted); margin: 0 0 12px; padding-left: 4px;
}

.st-row {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 16px; background: #f9fafb; border: 1px solid var(--border);
  border-radius: 10px; margin-bottom: 8px; text-decoration: none; color: inherit;
  transition: border-color .15s;
}
.st-row-link:hover { border-color: var(--primary); cursor: pointer; }
.st-row-label { font-size: .9rem; font-weight: 500; }
.st-row-value select {
  padding: 6px 12px; border: 1px solid var(--border); border-radius: 6px;
  font-size: .85rem; font-family: var(--font); background: #fff; color: var(--text);
  cursor: pointer;
}
.st-row-arrow { font-size: 1.4rem; color: var(--text-muted); font-weight: 300; }

.st-danger-section {
  border: 1px solid #fecaca; border-radius: 12px; padding: 20px;
  background: #fef2f2;
}
.st-danger-title { color: #dc2626; }
.st-delete-btn {
  width: 100%; padding: 12px; background: #dc2626; color: #fff; border: none;
  border-radius: 8px; font-size: .9rem; font-weight: 700; cursor: pointer;
  font-family: var(--font); transition: all .15s; margin-bottom: 8px;
}
.st-delete-btn:hover { background: #b91c1c; }
.st-delete-desc { font-size: .78rem; color: #991b1b; margin: 0; line-height: 1.5; }

.st-delete-overlay {
  display: none; position: fixed; inset: 0; z-index: 9999;
  background: rgba(0,0,0,.5); align-items: center; justify-content: center;
}
.st-delete-overlay.open { display: flex; }
.st-delete-card {
  background: #fff; border-radius: 12px; padding: 28px; max-width: 420px;
  width: 90%; box-shadow: 0 20px 60px rgba(0,0,0,.2);
}
.st-delete-card h3 { font-size: 1.1rem; font-weight: 700; margin: 0 0 12px; color: #dc2626; }
.st-delete-card p { font-size: .88rem; color: var(--text-light); line-height: 1.6; margin: 0 0 20px; }
.st-delete-actions { display: flex; gap: 12px; margin-top: 4px; }
.st-cancel-btn {
  flex: 1; padding: 10px; border: 1px solid var(--border); border-radius: 8px;
  background: #fff; color: var(--text); font-size: .9rem; font-weight: 600;
  cursor: pointer; font-family: var(--font); transition: all .15s;
}
.st-cancel-btn:hover { border-color: var(--text-muted); }
.st-confirm-delete-btn {
  flex: 1; padding: 10px; border: none; border-radius: 8px;
  background: #dc2626; color: #fff; font-size: .9rem; font-weight: 700;
  cursor: pointer; font-family: var(--font); transition: all .15s;
}
.st-confirm-delete-btn:hover { background: #b91c1c; }
p.st-delete-status {
  font-size: .85rem; padding: 12px 14px; border-radius: 8px; margin: 24px 0 0;
  text-align: center; line-height: 1.4;
}
.st-delete-status.error { color: #dc2626; background: #fef2f2; border: 1px solid #fecaca; }
.st-delete-status.success { color: #166534; background: #f0fdf4; border: 1px solid #bbf7d0; }