/* Reset and Base Styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background: #e8e8e8;
  min-height: 100vh;
  color: #000;
  font-size: 13px;
  line-height: 1.4;
  padding: 0;
  margin: 0;
}

/* Main Content */
.main-content {
  padding: 25px 15px;
  background: #e8e8e8;
}

/* Flash Messages */
.flash {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 15px;
  margin-bottom: 20px;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  border: 2px solid;
  font-size: 0.85rem;
}

.flash::before {
  font-size: 1rem;
  flex-shrink: 0;
}

.flash.error,
.flash.alert {
  background: #fff0f0;
  border-color: #c00000;
  color: #800000;
}

.flash.error::before,
.flash.alert::before {
  content: "⚠️";
}

.flash.notice {
  background: #f0fff0;
  border-color: #008000;
  color: #006000;
}

.flash.notice::before {
  content: "✓";
}