/* ===================================================
   base.css
   Shared page shell: reset, body, layout, main,
   page-content headings/divider. Include on every page,
   before sidebar.css / dropdown.css.
=================================================== */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 17px;
}

body {
  font-family: 'Segoe UI', Arial, sans-serif;
  background: linear-gradient(160deg, #01133b 0%, #01133b 45%, #01133b 100%);
  color: #1b2559;
}

a {
  text-decoration: none;
  color: inherit;
}

.layout {
  display: flex;
  min-height: 100vh;
}

.main {
  flex: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.page-content {
  padding: 26px 34px 44px;
}

.welcome-title {
  font-size: 1.7rem;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 6px;
}

.welcome-subtitle {
  font-size: 15px;
  color: #b9c3e6;
  margin-bottom: 16px;
}

.divider {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  margin-bottom: 22px;
}

@media (max-width: 640px) {
  .page-content { padding: 18px 16px 32px; }
}