:root { font-family: "Inter", Arial, sans-serif; }
html, body, #root { min-height: 100%; }
body {
  background:
    radial-gradient(circle at 100% 0, rgba(41,112,255,.14), transparent 31rem),
    radial-gradient(circle at 0 100%, rgba(22,161,99,.09), transparent 27rem),
    linear-gradient(180deg, #fff 0, #f5f7fb 100%);
  color: #001c55;
  font-family: "Inter", Arial, sans-serif !important;
}

#root::before {
  content: "HotelPMS · Мониторинг сервисов";
  position: fixed;
  top: 28px;
  left: 36px;
  color: #001c55;
  font: 600 14px/1.3 "Inter", Arial, sans-serif;
  letter-spacing: -.01em;
}

.MuiPaper-root {
  border: 1px solid #e3e8f1 !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 50px rgba(0,28,85,.10) !important;
}
.MuiTypography-root { font-family: "Inter", Arial, sans-serif !important; }
.MuiButton-containedPrimary {
  border-radius: 8px !important;
  background: linear-gradient(90deg, #003399, #2970ff) !important;
  box-shadow: 0 8px 20px rgba(41,112,255,.22) !important;
  font-weight: 600 !important;
  text-transform: none !important;
}
.MuiButton-containedPrimary:hover { box-shadow: 0 10px 24px rgba(41,112,255,.30) !important; }
.MuiOutlinedInput-root { border-radius: 8px !important; background: #f9fbff; }
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: #2970ff !important; }
.MuiCheckbox-colorPrimary.Mui-checked, .MuiLink-root { color: #2970ff !important; }

@media (max-width: 640px) {
  #root::before { top: 18px; left: 20px; font-size: 12px; }
  .MuiPaper-root { border-radius: 13px !important; }
}