main.sitemap-page {
  float: left;
  clear: both;
  width: 100%;
  box-sizing: border-box;
  background: radial-gradient(circle at 82% 4%, #e8f2ff 0, transparent 27%), linear-gradient(180deg, #f8faff 0, #f4f7fc 100%);
  color: #132746;
  padding-top: 42px;
  padding-bottom: 72px;
  min-height: 70vh;
}
main.sitemap-page ~ footer { clear: both; }
.sitemap-page::after,
.sitemap-block::after,
.sitemap-actions::after,
.sitemap-meta::after,
.sitemap-history-grid::after {
  content: "";
  display: table;
  clear: both;
}
.sitemap-head,
.sitemap-block {
  float: left;
  clear: both;
  width: 100%;
  box-sizing: border-box;
}
.sitemap-head{position:relative;padding:0 2px 12px}
.sitemap-head::before{content:"";position:absolute;left:0;top:4px;width:4px;height:64px;border-radius:99px;background:linear-gradient(180deg,#2563eb,#22c1dc);box-shadow:0 0 18px #38bdf866}
.sitemap-head .eyebrow{float:left;clear:both;margin-left:20px;color:#2563eb;font-size:10px;font-weight:800;letter-spacing:.16em}
.sitemap-head h1{float:left;clear:both;margin:7px 0 4px 20px;font-size:clamp(28px,4vw,42px);line-height:1.18;letter-spacing:-.045em;color:#102544}
.sitemap-head p{float:left;clear:both;max-width:660px;margin:4px 0 0 20px;color:#63738c;font-size:14px;line-height:1.75}
.sitemap-block { margin-top: 22px; }
.sitemap-entry {
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 16px;
}
.sitemap-entry-form {
  float: left;
  clear: both;
  width: 100%;
}
.sitemap-entry-form::after {
  content: "";
  display: table;
  clear: both;
}
.sitemap-entry-label {
  float: left;
  clear: none;
  width: calc(100% - 154px);
  font-size: 11px;
  font-weight: 800;
  letter-spacing:.04em;
  color: #354963;
  margin:0 12px 0 0;
}
.sitemap-url-input {
  float: left;
  clear: both;
  width: 100%;
  box-sizing: border-box;
  margin-top: 7px;
  min-height:48px;
  padding: 12px 15px;
  border: 1px solid #cfdaeb;
  border-radius: 11px;
  background:#fbfdff;
  color:#142643;
  font-size: 14px;
  outline:none;
  transition:border-color .2s,box-shadow .2s,background .2s;
}
.sitemap-url-input:focus{border-color:#4d86ee;background:#fff;box-shadow:0 0 0 4px #2563eb14}
.sitemap-entry-form .btn {
  float: left;
  clear: none;
  width:142px;
  min-height:48px;
  margin-top: 26px;
  border-radius:11px;
  font-weight:800;
}
.sitemap-change-url {
  text-decoration: none;
}
.sitemap-live {
  position:relative;
  overflow:hidden;
  background: linear-gradient(145deg,#fff 0,#fbfdff 100%);
  border: 1px solid #dfe7f3;
  border-radius: 18px;
  padding: 25px 27px;
  box-sizing: border-box;
  box-shadow:0 16px 45px #203e720b,0 1px 0 #fff inset;
}
.sitemap-live::before{content:"";position:absolute;right:-45px;top:-60px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,#dbeafe 0,#dbeafe00 68%);pointer-events:none}
.sitemap-status {
  float: left;
  clear: both;
  width: 100%;
  position:relative;
  font-size: 15px;
  font-weight: 750;
  line-height: 1.55;
  color:#172f52;
}
#sitemap-progress {
  float: left;
  clear: both;
  width: 100%;
  height: 7px;
  margin: 16px 0 0;
  border-radius: 99px;
  overflow:hidden;
  accent-color:#2563eb;
}
#sitemap-progress[hidden] { display: none; }
.sitemap-meta {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 13px;
}
.sitemap-meta-item {
  float: left;
  margin: 0 7px 7px 0;
  padding:5px 10px;
  border:1px solid #e0e8f4;
  border-radius:99px;
  background:#f6f9fe;
  font-size: 11px;
  color: #536782;
}
.sitemap-meta-count {
  font-weight: 800;
  color: #17674d;
  border-color:#bfe8d8;
  background:#edf9f4;
}
.sitemap-scan-picker {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 7px;
  font-size: 12px;
  color:#536782;
}
.sitemap-scan-picker select {
  margin-left: 7px;
  max-width: 100%;
  min-height:38px;
  padding:7px 34px 7px 10px;
  border:1px solid #d2ddec;
  border-radius:9px;
  background:#fff;
  color:#263c59;
}
.sitemap-actions { float: left; clear: both; width: 100%; margin: 17px 0 0; padding-top:16px; border-top:1px solid #edf1f7; }
.sitemap-actions .btn {
  float: left;
  margin: 0 8px 8px 0;
  min-height:40px;
  padding:9px 15px;
  border-radius:9px;
  font-size:12px;
  font-weight:800;
  box-shadow:none;
  transition:transform .18s,box-shadow .18s,background .18s;
}
.sitemap-actions .btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #244b8b1c}
.sitemap-history-block{padding-top:8px}
.sitemap-section-kicker{float:left;clear:both;width:100%;margin-bottom:5px;color:#2b68d4;font-size:9px;font-weight:850;letter-spacing:.18em}
.sitemap-history-block h2 {
  float: left;
  clear: both;
  width: 100%;
  margin: 0 0 4px;
  font-size: 20px;
  letter-spacing:-.025em;
  color:#152b4b;
}
.sitemap-history-hint {
  float: left;
  clear: both;
  width: 100%;
  margin: 0 0 17px;
  font-size: 12px;
  color: #687991;
}
.sitemap-history-grid {
  float: left;
  clear: both;
  width: 100%;
}
.sitemap-history-card {
  float: left;
  width: calc(50% - 7px);
  position:relative;
  overflow:hidden;
  margin: 0 14px 14px 0;
  padding: 17px 18px 16px;
  box-sizing: border-box;
  background: linear-gradient(145deg,#fff,#fafdff);
  border: 1px solid #e0e7f2;
  border-radius: 14px;
  text-decoration: none;
  color: inherit;
  box-shadow:0 8px 28px #24427608;
  transition:transform .22s,border-color .22s,box-shadow .22s;
}
.sitemap-history-card::after{content:"→";position:absolute;right:17px;top:17px;color:#8da6c8;font-size:16px;transition:transform .22s,color .22s}
.sitemap-history-card:hover{transform:translateY(-3px);border-color:#afc7ef;box-shadow:0 16px 35px #244b8b14;text-decoration:none}
.sitemap-history-card:hover::after{transform:translateX(3px);color:#2563eb}
.sitemap-history-card:nth-child(2n) { margin-right: 0; }
.sitemap-history-card strong {
  float: left;
  clear: both;
  width: 100%;
  padding-right:30px;
  font-size: 13px;
  color: #235fca;
  overflow-wrap: anywhere;
}
.sitemap-history-detail {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 7px;
  font-size: 11px;
  color: #6b7b91;
}
.sitemap-history-empty {
  float: left;
  clear: both;
  width: 100%;
  margin: 0;
  padding:24px;
  border:1px dashed #cad7e9;
  border-radius:14px;
  background:#ffffffaa;
  font-size: 12px;
  color: #687991;
}
@media (max-width: 700px) {
  main.sitemap-page{padding-top:30px;padding-bottom:48px}
  .sitemap-head h1{font-size:30px}
  .sitemap-live{padding:21px 18px;border-radius:15px}
  .sitemap-entry-label{width:100%;margin-right:0}
  .sitemap-entry-form .btn{clear:both;width:100%;margin-top:11px}
  .sitemap-actions .btn,
  .sitemap-history-card {
    float: left;
    width: 100%;
    margin-right: 0;
  }
  .sitemap-actions .btn{margin-bottom:9px}
  .sitemap-scan-picker select{display:block;width:100%;margin:7px 0 0}
}