Generated by SassMeister.com.

SassMeister-input-HTML.html

<table class="wrapper">
  <tr>
    <td>
      <table class="header">
        <tr>
          <td></td>
        </tr>
      </table>
      <table class="content">
        <tr>
          <td class="block block-empty">&nbsp;</td>
          <td class="block block-empty">&nbsp;</td>
        </tr>
        <tr>
            <td class="block">
              <table class="history">
                <tr>
                  <td>
                    <table class="tabs">
                      <tr>
                        <td class="label">История</td>
                        <td class="tab">Обращения</td>
                        <td class="tab">Отключения</td>
                        <td class="tab">Повреждения</td>
                        <td class="tab">&gt;&gt;</td>
                      </tr>
                    </table>
                    </td>
                  </tr>
                <tr>
                  <td>28.12.33 23:59</td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                </tr>
              </table>
            </td>
            <td class="block">&nbsp;</td>
          </tr>
      </table>
    </td>
  </tr>
</table>

SassMeister-input.scss

// ----
// Sass (v3.3.4)
// Compass (v1.0.0.alpha.18)
// ----

// Colors
$wrapBg    : #e2e1e0;
$blockBg   : #fefbf7;
$blockBord : #e0dee2;
$labelBg   : #eade95;
$labelCol  : #ffffff;
$histTabCol: #afafd5;

@mixin row { width: 100%; }
@mixin border-spacing($margin) {
  border-spacing: $margin;
  border-collapse: separate;
}

body {
  font-family: Verdana, Geneva, sans-serif;
  .wrapper {
    background-color: $wrapBg;
    @include row;
    min-height: 100%;
    .header {
      @include row;
      background-color: #46468c;
      height: 2rem;
      margin-bottom: 1rem;
    }
    .content {
      @include row;
      @include border-spacing(1rem);
      border-top: 1px solid #afafd5;
      height: 2rem;
      .block {
        background-color: $blockBg;
        border: 1px solid $blockBord;
        width: 50%;
        .history {
          @include border-spacing(1rem);
          .tabs {
            @include border-spacing(0);
            .tab {
              text-align: center;
              padding: 0rem .5rem;
              border-bottom: 1px solid $histTabCol;
              font-size: .8rem;
              color: $histTabCol;
            }
            .label {
              background-color: $labelBg;
              color: $labelCol;
              padding: .5rem;
              font-weight: 900;
            }
          }
        }
      }
      .block-empty {
        height: 300px;
      }
    }
  }
}

SassMeister-output.css

body {
  font-family: Verdana, Geneva, sans-serif;
}
body .wrapper {
  background-color: #e2e1e0;
  width: 100%;
  min-height: 100%;
}
body .wrapper .header {
  width: 100%;
  background-color: #46468c;
  height: 2rem;
  margin-bottom: 1rem;
}
body .wrapper .content {
  width: 100%;
  border-spacing: 1rem;
  border-collapse: separate;
  border-top: 1px solid #afafd5;
  height: 2rem;
}
body .wrapper .content .block {
  background-color: #fefbf7;
  border: 1px solid #e0dee2;
  width: 50%;
}
body .wrapper .content .block .history {
  border-spacing: 1rem;
  border-collapse: separate;
}
body .wrapper .content .block .history .tabs {
  border-spacing: 0;
  border-collapse: separate;
}
body .wrapper .content .block .history .tabs .tab {
  text-align: center;
  padding: 0rem .5rem;
  border-bottom: 1px solid #afafd5;
  font-size: .8rem;
  color: #afafd5;
}
body .wrapper .content .block .history .tabs .label {
  background-color: #eade95;
  color: white;
  padding: .5rem;
  font-weight: 900;
}
body .wrapper .content .block-empty {
  height: 300px;
}

SassMeister-rendered.html

<table class="wrapper">
  <tr>
    <td>
      <table class="header">
        <tr>
          <td></td>
        </tr>
      </table>
      <table class="content">
        <tr>
          <td class="block block-empty">&nbsp;</td>
          <td class="block block-empty">&nbsp;</td>
        </tr>
        <tr>
            <td class="block">
              <table class="history">
                <tr>
                  <td>
                    <table class="tabs">
                      <tr>
                        <td class="label">История</td>
                        <td class="tab">Обращения</td>
                        <td class="tab">Отключения</td>
                        <td class="tab">Повреждения</td>
                        <td class="tab">&gt;&gt;</td>
                      </tr>
                    </table>
                    </td>
                  </tr>
                <tr>
                  <td>28.12.33 23:59</td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                </tr>
              </table>
            </td>
            <td class="block">&nbsp;</td>
          </tr>
      </table>
    </td>
  </tr>
</table>