diff --git a/elite.html b/elite.html
index d7a47c0..f7b29f3 100644
--- a/elite.html
+++ b/elite.html
@@ -10,621 +10,366 @@
       box-sizing: border-box;
     }
 
-    @page {
-      margin: 0;
-    }
-
     body {
-      font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
-      color: #1a1a2e;
+      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+      color: #2c3e50;
       line-height: 1.6;
-      background: linear-gradient(135deg, #f5f7fa 0%, #f0f2f5 100%);
-      padding: 0;
-      margin: 0;
+      padding: 60px;
+      background: #ffffff;
     }
 
-    .page-container {
-      max-width: 900px;
+    .container {
+      max-width: 850px;
       margin: 0 auto;
-      background: white;
-      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
     }
 
-    .top-accent {
-      height: 8px;
-      background: linear-gradient(90deg, {{highlightColor}} 0%, {{highlightColor}}dd 100%);
-    }
-
-    .header-section {
-      background: linear-gradient(135deg, {{highlightColor}}15 0%, {{highlightColorLight}} 100%);
-      padding: 48px 56px 40px;
-      position: relative;
-      overflow: hidden;
-    }
-
-    .header-section::before {
-      content: '';
-      position: absolute;
-      top: -50%;
-      right: -10%;
-      width: 400px;
-      height: 400px;
-      background: radial-gradient(circle, {{highlightColor}}20 0%, transparent 70%);
-      border-radius: 50%;
-    }
-
-    .header-section::after {
-      content: '';
-      position: absolute;
-      bottom: -30%;
-      left: -5%;
-      width: 300px;
-      height: 300px;
-      background: radial-gradient(circle, {{highlightColor}}15 0%, transparent 70%);
-      border-radius: 50%;
-    }
-
-    .header-content {
+    /* Header */
+    .header {
       display: flex;
       justify-content: space-between;
       align-items: flex-start;
-      position: relative;
-      z-index: 1;
+      margin-bottom: 60px;
+      padding-bottom: 30px;
+      border-bottom: 2px solid {{highlightColor}};
     }
 
-    .company-branding {
-      flex: 1;
-    }
-
-    .company-logo-text {
+    .company-info h1 {
       font-size: 32px;
-      font-weight: 800;
-      background: linear-gradient(135deg, {{highlightColor}} 0%, {{highlightColor}}cc 100%);
-      -webkit-background-clip: text;
-      -webkit-text-fill-color: transparent;
-      background-clip: text;
-      margin-bottom: 12px;
+      font-weight: 300;
+      color: {{highlightColor}};
+      margin-bottom: 10px;
       letter-spacing: -0.5px;
     }
 
-    .company-tagline {
-      font-size: 13px;
-      color: #64748b;
-      font-weight: 500;
-      text-transform: uppercase;
-      letter-spacing: 2px;
-      margin-bottom: 16px;
+    .company-info p {
+      font-size: 14px;
+      color: #7f8c8d;
+      line-height: 1.8;
+      margin: 3px 0;
     }
 
-    .company-contact {
-      font-size: 13px;
-      color: #475569;
-      line-height: 1.9;
-    }
-
-    .company-contact div {
-      display: flex;
-      align-items: center;
-      margin-bottom: 4px;
-    }
-
-    .invoice-badge {
+    .invoice-info {
       text-align: right;
-      background: white;
-      padding: 24px 28px;
-      border-radius: 16px;
-      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
-      border: 1px solid rgba(0, 0, 0, 0.04);
     }
 
-    .invoice-label {
-      font-size: 13px;
-      text-transform: uppercase;
-      letter-spacing: 2.5px;
-      color: #94a3b8;
-      font-weight: 700;
-      margin-bottom: 8px;
+    .invoice-title {
+      font-size: 48px;
+      font-weight: 200;
+      color: #34495e;
+      margin-bottom: 5px;
+      letter-spacing: -1px;
     }
 
     .invoice-number {
-      font-size: 28px;
-      font-weight: 800;
+      font-size: 18px;
+      color: #7f8c8d;
+      font-weight: 400;
+    }
+
+    .invoice-number strong {
       color: {{highlightColor}};
-      margin-bottom: 16px;
-      letter-spacing: -0.5px;
+      font-weight: 600;
     }
 
-    .invoice-status {
-      display: inline-block;
-      padding: 6px 16px;
-      background: linear-gradient(135deg, {{highlightColor}}20 0%, {{highlightColor}}10 100%);
-      color: {{highlightColor}};
-      font-size: 11px;
-      font-weight: 700;
-      text-transform: uppercase;
-      letter-spacing: 1px;
-      border-radius: 20px;
-      border: 1px solid {{highlightColor}}40;
-    }
-
-    .details-section {
-      padding: 48px 56px;
-      background: white;
-    }
-
-    .info-grid {
+    /* Parties Section */
+    .parties {
       display: flex;
-      gap: 48px;
-      margin-bottom: 48px;
+      justify-content: space-between;
+      margin-bottom: 50px;
+      gap: 60px;
     }
 
-    .info-card {
+    .party {
       flex: 1;
-      padding: 28px;
-      background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
-      border-radius: 12px;
-      border-left: 4px solid {{highlightColor}};
-      position: relative;
     }
 
-    .info-card::before {
-      content: '';
-      position: absolute;
-      top: 0;
-      right: 0;
-      width: 80px;
-      height: 80px;
-      background: radial-gradient(circle, {{highlightColor}}08 0%, transparent 70%);
-      border-radius: 50%;
-    }
-
-    .info-card-title {
+    .party-label {
       font-size: 11px;
       text-transform: uppercase;
-      letter-spacing: 2px;
-      color: #64748b;
-      font-weight: 700;
-      margin-bottom: 16px;
-      display: flex;
-      align-items: center;
-    }
-
-    .info-card-title::before {
-      content: '';
-      display: inline-block;
-      width: 6px;
-      height: 6px;
-      background: {{highlightColor}};
-      border-radius: 50%;
-      margin-right: 10px;
-    }
-
-    .info-card-content {
-      position: relative;
-      z-index: 1;
-    }
-
-    .client-name {
-      font-size: 20px;
-      font-weight: 700;
-      color: #1e293b;
-      margin-bottom: 12px;
-      letter-spacing: -0.3px;
-    }
-
-    .info-detail {
-      font-size: 14px;
-      color: #475569;
-      margin-bottom: 6px;
-      line-height: 1.6;
-    }
-
-    .date-grid {
-      display: grid;
-      grid-template-columns: repeat(2, 1fr);
-      gap: 12px;
-      margin-top: 12px;
-    }
-
-    .date-item {
-      background: white;
-      padding: 12px 16px;
-      border-radius: 8px;
-      border: 1px solid #e2e8f0;
-    }
-
-    .date-label {
-      font-size: 10px;
-      text-transform: uppercase;
       letter-spacing: 1.5px;
-      color: #94a3b8;
+      color: #95a5a6;
       font-weight: 600;
-      margin-bottom: 4px;
+      margin-bottom: 15px;
     }
 
-    .date-value {
+    .party-name {
+      font-size: 18px;
+      font-weight: 600;
+      color: #2c3e50;
+      margin-bottom: 8px;
+    }
+
+    .party-details {
       font-size: 14px;
-      color: #1e293b;
-      font-weight: 600;
+      color: #7f8c8d;
+      line-height: 1.7;
     }
 
-    .items-section {
+    /* Dates */
+    .dates {
+      display: flex;
+      justify-content: flex-end;
+      gap: 40px;
       margin-bottom: 40px;
     }
 
-    .section-title {
-      font-size: 14px;
-      text-transform: uppercase;
-      letter-spacing: 2px;
-      color: #64748b;
-      font-weight: 700;
-      margin-bottom: 20px;
-      padding-bottom: 12px;
-      border-bottom: 2px solid {{highlightColor}}30;
+    .date-item {
+      text-align: right;
     }
 
+    .date-label {
+      font-size: 11px;
+      text-transform: uppercase;
+      letter-spacing: 1.2px;
+      color: #95a5a6;
+      font-weight: 600;
+      margin-bottom: 5px;
+    }
+
+    .date-value {
+      font-size: 15px;
+      color: #2c3e50;
+      font-weight: 500;
+    }
+
+    /* Table */
     .items-table {
       width: 100%;
-      border-collapse: separate;
-      border-spacing: 0;
-      border-radius: 12px;
-      overflow: hidden;
-      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+      border-collapse: collapse;
+      margin-bottom: 30px;
     }
 
     .items-table thead {
-      background: linear-gradient(135deg, {{highlightColor}} 0%, {{highlightColor}}dd 100%);
+      border-bottom: 2px solid #34495e;
     }
 
     .items-table th {
-      padding: 18px 20px;
+      padding: 15px 12px;
       text-align: left;
       font-size: 11px;
       text-transform: uppercase;
-      letter-spacing: 1.5px;
-      color: white;
+      letter-spacing: 1.2px;
+      color: #34495e;
       font-weight: 700;
     }
 
-    .items-table th:last-child {
+    .items-table th:nth-child(2),
+    .items-table th:nth-child(3),
+    .items-table th:nth-child(4) {
       text-align: right;
+      width: 12%;
     }
 
     .items-table tbody tr {
-      background: white;
-      transition: all 0.2s ease;
-    }
-
-    .items-table tbody tr:nth-child(even) {
-      background: #f8fafc;
-    }
-
-    .items-table tbody tr:hover {
-      background: {{highlightColorLight}};
-      transform: scale(1.01);
-      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+      border-bottom: 1px solid #ecf0f1;
     }
 
     .items-table td {
-      padding: 20px;
+      padding: 18px 12px;
       font-size: 14px;
-      color: #334155;
-      border-bottom: 1px solid #e2e8f0;
+      color: #2c3e50;
     }
 
-    .items-table tbody tr:last-child td {
-      border-bottom: none;
+    .items-table td:first-child {
+      font-weight: 500;
     }
 
-    .items-table td:last-child {
+    .items-table td:nth-child(2),
+    .items-table td:nth-child(3),
+    .items-table td:nth-child(4) {
       text-align: right;
-      font-weight: 600;
+      color: #7f8c8d;
     }
 
-    .item-description {
+    .items-table td:nth-child(4) {
       font-weight: 600;
-      color: #1e293b;
-      font-size: 15px;
+      color: #2c3e50;
     }
 
-    .summary-section {
+    /* Summary */
+    .summary {
       display: flex;
       justify-content: flex-end;
-      margin-top: 40px;
+      margin-top: 30px;
     }
 
-    .totals-card {
-      width: 420px;
-      background: linear-gradient(135deg, #f8fafc 0%, white 100%);
-      border-radius: 16px;
-      padding: 32px;
-      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
-      border: 1px solid #e2e8f0;
+    .summary-content {
+      width: 320px;
     }
 
-    .total-row {
+    .summary-row {
       display: flex;
       justify-content: space-between;
-      padding: 14px 0;
+      padding: 12px 0;
       font-size: 15px;
-      color: #475569;
     }
 
-    .total-row.subtotal {
-      padding-bottom: 16px;
-      border-bottom: 2px solid #e2e8f0;
+    .summary-row.subtotal {
+      color: #7f8c8d;
+      border-bottom: 1px solid #ecf0f1;
+      padding-bottom: 15px;
+      margin-bottom: 5px;
     }
 
-    .total-row span:last-child {
-      font-weight: 600;
-      color: #1e293b;
-    }
-
-    .total-row.tax {
-      color: #64748b;
-      font-size: 14px;
-    }
-
-    .total-row.grand-total {
-      margin-top: 16px;
+    .summary-row.total {
+      border-top: 2px solid {{highlightColor}};
       padding-top: 20px;
-      border-top: 3px solid {{highlightColor}};
-      font-size: 24px;
-      font-weight: 800;
+      margin-top: 15px;
+      font-size: 20px;
+      font-weight: 600;
     }
 
-    .total-row.grand-total span:first-child {
-      color: #1e293b;
+    .summary-row.total .label {
+      color: #34495e;
     }
 
-    .total-row.grand-total span:last-child {
-      background: linear-gradient(135deg, {{highlightColor}} 0%, {{highlightColor}}cc 100%);
-      -webkit-background-clip: text;
-      -webkit-text-fill-color: transparent;
-      background-clip: text;
+    .summary-row.total .amount {
+      color: {{highlightColor}};
     }
 
-    .notes-container {
-      margin-top: 48px;
-      padding: 28px;
-      background: linear-gradient(135deg, {{highlightColorLight}} 0%, {{highlightColor}}08 100%);
-      border-radius: 12px;
-      border-left: 4px solid {{highlightColor}};
-      position: relative;
-      overflow: hidden;
-    }
-
-    .notes-container::before {
-      content: '❝';
-      position: absolute;
-      top: 10px;
-      right: 20px;
-      font-size: 80px;
-      color: {{highlightColor}}15;
-      font-family: Georgia, serif;
-      line-height: 1;
+    /* Notes */
+    .notes {
+      margin-top: 60px;
+      padding-top: 30px;
+      border-top: 1px solid #ecf0f1;
     }
 
     .notes-title {
-      font-size: 12px;
+      font-size: 11px;
       text-transform: uppercase;
-      letter-spacing: 2px;
-      color: #64748b;
-      font-weight: 700;
+      letter-spacing: 1.5px;
+      color: #95a5a6;
+      font-weight: 600;
       margin-bottom: 12px;
     }
 
     .notes-content {
       font-size: 14px;
-      color: #475569;
+      color: #7f8c8d;
       line-height: 1.8;
-      position: relative;
-      z-index: 1;
+      max-width: 600px;
     }
 
-    .footer-section {
-      background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
-      padding: 40px 56px;
-      color: white;
-      position: relative;
-      overflow: hidden;
-    }
-
-    .footer-section::before {
-      content: '';
-      position: absolute;
-      top: -50%;
-      right: -20%;
-      width: 500px;
-      height: 500px;
-      background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 0%, transparent 70%);
-      border-radius: 50%;
-    }
-
-    .footer-content {
-      position: relative;
-      z-index: 1;
+    /* Footer */
+    .footer {
+      margin-top: 80px;
+      padding-top: 25px;
+      border-top: 1px solid #ecf0f1;
       text-align: center;
-    }
-
-    .thank-you {
-      font-size: 20px;
-      font-weight: 700;
-      margin-bottom: 12px;
-      letter-spacing: -0.3px;
-    }
-
-    .footer-details {
       font-size: 13px;
-      color: #94a3b8;
-      line-height: 1.8;
-    }
-
-    .footer-tagline {
-      margin-top: 20px;
-      padding-top: 20px;
-      border-top: 1px solid rgba(255, 255, 255, 0.1);
-      font-size: 12px;
-      color: #64748b;
-      font-style: italic;
+      color: #95a5a6;
     }
 
     @media print {
       body {
-        background: white;
-      }
-      
-      .page-container {
-        box-shadow: none;
-      }
-
-      .items-table tbody tr:hover {
-        background: inherit;
-        transform: none;
-        box-shadow: none;
+        padding: 40px;
       }
     }
   </style>
 </head>
 <body>
-  <div class="page-container">
-    <div class="top-accent"></div>
-    
-    <div class="header-section">
-      <div class="header-content">
-        <div class="company-branding">
-          <div class="company-logo-text">{{companyName}}</div>
-          <div class="company-tagline">Professional Services</div>
-          <div class="company-contact">
-            {{#companyAddress}}
-            <div>📍 {{companyAddress}}</div>
-            {{/companyAddress}}
-            {{#companyEmail}}
-            <div>✉ {{companyEmail}}</div>
-            {{/companyEmail}}
-            {{#companyPhone}}
-            <div>📞 {{companyPhone}}</div>
-            {{/companyPhone}}
-          </div>
+  <div class="container">
+    <!-- Header -->
+    <div class="header">
+      <div class="company-info">
+        <h1>{{companyName}}</h1>
+        {{#companyAddress}}<p>{{companyAddress}}</p>{{/companyAddress}}
+        {{#companyEmail}}<p>{{companyEmail}}</p>{{/companyEmail}}
+        {{#companyPhone}}<p>{{companyPhone}}</p>{{/companyPhone}}
+      </div>
+      <div class="invoice-info">
+        <div class="invoice-title">INVOICE</div>
+        <div class="invoice-number"><strong>#{{invoiceNumber}}</strong></div>
+      </div>
+    </div>
+
+    <!-- Bill To & From -->
+    <div class="parties">
+      <div class="party">
+        <div class="party-label">Bill To</div>
+        <div class="party-name">{{customerName}}</div>
+        <div class="party-details">
+          {{#customerAddress}}<div>{{customerAddress}}</div>{{/customerAddress}}
+          {{#customerEmail}}<div>{{customerEmail}}</div>{{/customerEmail}}
+          {{#customerPhone}}<div>{{customerPhone}}</div>{{/customerPhone}}
         </div>
-        
-        <div class="invoice-badge">
-          <div class="invoice-label">Invoice</div>
-          <div class="invoice-number">#{{invoiceNumber}}</div>
-          {{#status}}
-          <div class="invoice-status">{{status}}</div>
-          {{/status}}
+      </div>
+      
+      <div class="dates">
+        <div class="date-item">
+          <div class="date-label">Issue Date</div>
+          <div class="date-value">{{issueDate}}</div>
+        </div>
+        {{#dueDate}}
+        <div class="date-item">
+          <div class="date-label">Due Date</div>
+          <div class="date-value">{{dueDate}}</div>
+        </div>
+        {{/dueDate}}
+      </div>
+    </div>
+
+    <!-- Items Table -->
+    <table class="items-table">
+      <thead>
+        <tr>
+          <th>Description</th>
+          <th>Quantity</th>
+          <th>Rate</th>
+          <th>Amount</th>
+        </tr>
+      </thead>
+      <tbody>
+        {{#items}}
+        <tr>
+          <td>{{description}}</td>
+          <td>{{quantity}}</td>
+          <td>{{unitPrice}}</td>
+          <td>{{lineTotal}}</td>
+        </tr>
+        {{/items}}
+      </tbody>
+    </table>
+
+    <!-- Summary -->
+    <div class="summary">
+      <div class="summary-content">
+        {{#subtotal}}
+        <div class="summary-row subtotal">
+          <span class="label">Subtotal</span>
+          <span class="amount">{{subtotal}}</span>
+        </div>
+        {{/subtotal}}
+        {{#tax}}
+        <div class="summary-row">
+          <span class="label">Tax</span>
+          <span class="amount">{{tax}}</span>
+        </div>
+        {{/tax}}
+        {{#discount}}
+        <div class="summary-row">
+          <span class="label">Discount</span>
+          <span class="amount">-{{discount}}</span>
+        </div>
+        {{/discount}}
+        <div class="summary-row total">
+          <span class="label">Total</span>
+          <span class="amount">{{total}} {{currency}}</span>
         </div>
       </div>
     </div>
 
-    <div class="details-section">
-      <div class="info-grid">
-        <div class="info-card">
-          <div class="info-card-title">Billed To</div>
-          <div class="info-card-content">
-            <div class="client-name">{{customerName}}</div>
-            {{#customerAddress}}
-            <div class="info-detail">{{customerAddress}}</div>
-            {{/customerAddress}}
-            {{#customerEmail}}
-            <div class="info-detail">{{customerEmail}}</div>
-            {{/customerEmail}}
-            {{#customerPhone}}
-            <div class="info-detail">{{customerPhone}}</div>
-            {{/customerPhone}}
-          </div>
-        </div>
-
-        <div class="info-card">
-          <div class="info-card-title">Payment Details</div>
-          <div class="info-card-content">
-            <div class="date-grid">
-              <div class="date-item">
-                <div class="date-label">Issued</div>
-                <div class="date-value">{{issueDate}}</div>
-              </div>
-              {{#dueDate}}
-              <div class="date-item">
-                <div class="date-label">Due</div>
-                <div class="date-value">{{dueDate}}</div>
-              </div>
-              {{/dueDate}}
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div class="items-section">
-        <div class="section-title">Items & Services</div>
-        <table class="items-table">
-          <thead>
-            <tr>
-              <th>Description</th>
-              <th>Qty</th>
-              <th>Rate</th>
-              <th>Amount</th>
-            </tr>
-          </thead>
-          <tbody>
-            {{#items}}
-            <tr>
-              <td class="item-description">{{description}}</td>
-              <td>{{quantity}}</td>
-              <td>{{unitPrice}}</td>
-              <td>{{lineTotal}}</td>
-            </tr>
-            {{/items}}
-          </tbody>
-        </table>
-      </div>
-
-      <div class="summary-section">
-        <div class="totals-card">
-          {{#subtotal}}
-          <div class="total-row subtotal">
-            <span>Subtotal</span>
-            <span>{{subtotal}}</span>
-          </div>
-          {{/subtotal}}
-          {{#tax}}
-          <div class="total-row tax">
-            <span>Tax</span>
-            <span>{{tax}}</span>
-          </div>
-          {{/tax}}
-          {{#discount}}
-          <div class="total-row tax">
-            <span>Discount</span>
-            <span>-{{discount}}</span>
-          </div>
-          {{/discount}}
-          <div class="total-row grand-total">
-            <span>Total Due</span>
-            <span>{{total}} {{currency}}</span>
-          </div>
-        </div>
-      </div>
-
-      {{#notes}}
-      <div class="notes-container">
-        <div class="notes-title">Additional Notes</div>
-        <div class="notes-content">{{notes}}</div>
-      </div>
-      {{/notes}}
+    <!-- Notes -->
+    {{#notes}}
+    <div class="notes">
+      <div class="notes-title">Notes</div>
+      <div class="notes-content">{{notes}}</div>
     </div>
+    {{/notes}}
 
-    <div class="footer-section">
-      <div class="footer-content">
-        <div class="thank-you">Thank You For Your Business!</div>
-        <div class="footer-details">
-          {{companyName}}<br>
-          If you have any questions, please contact us
-        </div>
-        <div class="footer-tagline">
-          Invoice generated on {{issueDate}} • Powered by Excellence
-        </div>
-      </div>
+    <!-- Footer -->
+    <div class="footer">
+      Thank you for your business
     </div>
   </div>
 </body>