body {
      margin: 0;
      font-family: "Courier New", Courier, monospace;
      background: #f7f7f7;
      color: #111;
    }

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

    /* LEFT SIDEBAR */
    .sidebar {
      width: 260px;
      background: #eaeaea;
      border-right: 2px solid #000;
      padding: 20px;
      box-sizing: border-box;
    }

    .sidebar h2 {
      font-size: 16px;
      margin-bottom: 20px;
      border-bottom: 1px solid #000;
      padding-bottom: 8px;
    }

    .nav-item {
      padding: 8px 6px;
      margin-bottom: 6px;
      cursor: pointer;
    }

    .nav-item:hover {
      background: #ddd;
    }

    /* MAIN PANEL */
    .main {
      flex: 1;
      padding: 24px;
      box-sizing: border-box;
    }

    .main-full {
      width: 100%;
    }

    .main h1 {
      font-size: 20px;
      margin-bottom: 8px;
    }

    .subtitle {
      font-size: 12px;
      color: #555;
      margin-bottom: 24px;
    }

    table {
      border-collapse: collapse;
      width: 100%;
      font-size: 13px;
      background: #fff;
    }

    th, td {
      border: 1px solid #000;
      padding: 6px 8px;
      text-align: right;
    }

    th:first-child,
    td:first-child {
      text-align: left;
    }

    th {
      background: #f0f0f0;
    }

    .footer-note {
      margin-top: 40px;
      font-size: 11px;
      color: #666;
    }