diff --git a/css/styles.css b/css/styles.css
index d826ee4..20dc871 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -6,6 +6,19 @@
   text-align: center;
 }
 
+/* Tabs */
+.tabs {
+  margin-bottom: var(--space-4);
+}
+
+.tab-panel {
+  display: none;
+}
+
+.tab-panel-active {
+  display: block;
+}
+
 /* Metric card accent */
 .metric-card-accent {
   border-color: var(--color-accent);
@@ -28,12 +41,6 @@
   vertical-align: middle;
 }
 
-/* Card title with icon */
-.card-title i.ph {
-  color: var(--color-accent);
-  margin-right: var(--space-1);
-}
-
 /* Page header override */
 .page-header {
   border-bottom: 2px solid var(--color-accent);
@@ -45,14 +52,10 @@
   margin-top: var(--space-4);
 }
 
-/* Form grid tweak for compact cards */
-.card .form-grid {
-  margin-top: var(--space-2);
-}
-
-/* Section spacing with cards */
-.section .card {
-  margin-bottom: 0;
+/* Badge inside label */
+.label .badge {
+  margin-left: var(--space-1);
+  vertical-align: middle;
 }
 
 /* Summary row */
@@ -62,12 +65,6 @@
   gap: var(--space-4);
 }
 
-/* Badge inside label */
-.label .badge {
-  margin-left: var(--space-1);
-  vertical-align: middle;
-}
-
 /* Compact action card */
 .action-card {
   max-width: 600px;
diff --git a/index.html b/index.html
index 9ee08e4..d9c41d2 100644
--- a/index.html
+++ b/index.html
@@ -28,145 +28,140 @@
     <!-- Message alert -->
     <div id="calc-message" class="alert alert-info" hidden></div>
 
-    <!-- Show parameters -->
-    <section class="section">
-      <div class="card">
-        <div class="card-content">
-          <h2 class="card-title"><i class="ph ph-sliders-horizontal"></i> Параметры шоу</h2>
-          <div class="form-grid">
-            <div class="form-group">
-              <label class="label">
-                Общая сумма (S)
-                <input type="number" class="input" id="input-s" step="0.01" placeholder="0.00">
-              </label>
-            </div>
-            <div class="form-group">
-              <label class="label">
-                Пиротехника (Pz)
-                <input type="number" class="input" id="input-pz" step="0.01" placeholder="0.00">
-              </label>
-            </div>
-            <div class="form-group">
-              <label class="label">
-                Титан (Tz)
-                <input type="number" class="input" id="input-tz" step="0.01" placeholder="0.00">
-              </label>
-            </div>
-            <div class="form-group">
-              <label class="label">
-                Керосин за литр (Lz)
-                <input type="number" class="input" id="input-lz" step="0.01" placeholder="0.00">
-              </label>
-            </div>
-            <div class="form-group">
-              <label class="label">
-                Литры керосина (Nl)
-                <input type="number" class="input" id="input-nl" step="0.01" placeholder="0.00">
-              </label>
-            </div>
-            <div class="form-group">
-              <label class="label">
-                Зарплата артиста (Z)
-                <input type="number" class="input" id="input-z" step="0.01" placeholder="0.00">
-              </label>
-            </div>
-            <div class="form-group">
-              <label class="label">
-                Количество артистов (Na)
-                <input type="number" class="input" id="input-na" step="1" placeholder="0" readonly>
-              </label>
-            </div>
-          </div>
+    <!-- Tabs -->
+    <div class="tabs" role="tablist" aria-label="Разделы калькулятора">
+      <button class="tab tab-active" type="button" role="tab" aria-selected="true" data-tab="params">
+        <i class="ph ph-sliders-horizontal"></i> Параметры
+      </button>
+      <button class="tab" type="button" role="tab" aria-selected="false" data-tab="royalties">
+        <i class="ph ph-currency-circle-dollar"></i> Роялти
+      </button>
+      <button class="tab" type="button" role="tab" aria-selected="false" data-tab="artists">
+        <i class="ph ph-users"></i> Артисты
+      </button>
+    </div>
+
+    <!-- Tab: Parameters -->
+    <div class="tab-panel tab-panel-active" id="panel-params">
+      <div class="form-grid">
+        <div class="form-group">
+          <label class="label">
+            Общая сумма (S)
+            <input type="number" class="input" id="input-s" step="0.01" placeholder="0.00">
+          </label>
+        </div>
+        <div class="form-group">
+          <label class="label">
+            Пиротехника (Pz)
+            <input type="number" class="input" id="input-pz" step="0.01" placeholder="0.00">
+          </label>
+        </div>
+        <div class="form-group">
+          <label class="label">
+            Титан (Tz)
+            <input type="number" class="input" id="input-tz" step="0.01" placeholder="0.00">
+          </label>
+        </div>
+        <div class="form-group">
+          <label class="label">
+            Керосин за литр (Lz)
+            <input type="number" class="input" id="input-lz" step="0.01" placeholder="0.00">
+          </label>
+        </div>
+        <div class="form-group">
+          <label class="label">
+            Литры керосина (Nl)
+            <input type="number" class="input" id="input-nl" step="0.01" placeholder="0.00">
+          </label>
+        </div>
+        <div class="form-group">
+          <label class="label">
+            Зарплата артиста (Z)
+            <input type="number" class="input" id="input-z" step="0.01" placeholder="0.00">
+          </label>
+        </div>
+        <div class="form-group">
+          <label class="label">
+            Количество артистов (Na)
+            <input type="number" class="input" id="input-na" step="1" placeholder="0" readonly>
+          </label>
         </div>
       </div>
-    </section>
+    </div>
 
-    <!-- Royalties -->
-    <section class="section">
-      <div class="card">
-        <div class="card-content">
-          <h2 class="card-title">
-            <i class="ph ph-currency-rub"></i> Роялти
-            <span class="badge badge-secondary">авто</span>
-          </h2>
-          <p class="card-text text-muted">Рассчитываются от чистой суммы (S − материальные расходы). Rom — фиксированный расход в бюджет команды.</p>
-          <div class="form-grid">
-            <div class="form-group">
-              <label class="label">
-                Организация (Rom)
-                <span class="badge badge-primary">10%</span>
-                <input type="number" class="input" id="input-rom" step="0.01" readonly>
-              </label>
-            </div>
-            <div class="form-group">
-              <label class="label">
-                Постановщик (Rop)
-                <span class="badge badge-primary">5%</span>
-                <input type="number" class="input" id="input-rop" step="0.01" readonly>
-              </label>
-            </div>
-            <div class="form-group">
-              <label class="label">
-                Техник (Rot)
-                <span class="badge badge-primary">5%</span>
-                <input type="number" class="input" id="input-rot" step="0.01" readonly>
-              </label>
-            </div>
-            <div class="form-group">
-              <label class="label">
-                Комиссионер (Rok)
-                <span class="badge badge-primary">10%</span>
-                <input type="number" class="input" id="input-rok" step="0.01" readonly>
-              </label>
-            </div>
-          </div>
+    <!-- Tab: Royalties -->
+    <div class="tab-panel" id="panel-royalties" hidden>
+      <p class="text-muted">Рассчитываются от чистой суммы (S − материальные расходы). Rom — фиксированный расход в бюджет команды.</p>
+      <div class="form-grid">
+        <div class="form-group">
+          <label class="label">
+            Организация (Rom)
+            <span class="badge badge-primary">10%</span>
+            <input type="number" class="input" id="input-rom" step="0.01" readonly>
+          </label>
+        </div>
+        <div class="form-group">
+          <label class="label">
+            Постановщик (Rop)
+            <span class="badge badge-primary">5%</span>
+            <input type="number" class="input" id="input-rop" step="0.01" readonly>
+          </label>
+        </div>
+        <div class="form-group">
+          <label class="label">
+            Техник (Rot)
+            <span class="badge badge-primary">5%</span>
+            <input type="number" class="input" id="input-rot" step="0.01" readonly>
+          </label>
+        </div>
+        <div class="form-group">
+          <label class="label">
+            Комиссионер (Rok)
+            <span class="badge badge-primary">10%</span>
+            <input type="number" class="input" id="input-rok" step="0.01" readonly>
+          </label>
         </div>
       </div>
-    </section>
+    </div>
 
-    <!-- Artists -->
-    <section class="section">
-      <div class="card">
-        <div class="card-content">
-          <h2 class="card-title"><i class="ph ph-users"></i> Артисты и роли</h2>
-          <div class="block form-group">
-            <label class="label">
-              Добавить артиста
-              <div class="select-wrap">
-                <select class="input select" id="artist-select">
-                  <option value="">Выберите артиста...</option>
-                </select>
-              </div>
-            </label>
-            <button class="btn btn-accent with-icon mt-2" type="button" id="btn-add-artist">
-              <i class="ph ph-plus"></i> Добавить
-            </button>
+    <!-- Tab: Artists -->
+    <div class="tab-panel" id="panel-artists" hidden>
+      <div class="block form-group">
+        <label class="label">
+          Добавить артиста
+          <div class="select-wrap">
+            <select class="input select" id="artist-select">
+              <option value="">Выберите артиста...</option>
+            </select>
           </div>
-
-          <div class="table-wrapper mt-4">
-            <table class="table table-compact" id="artists-table">
-              <caption class="table-caption">Участники шоу</caption>
-              <thead class="table-head">
-                <tr class="table-row">
-                  <th scope="col">Артист</th>
-                  <th scope="col">Артист (Z)</th>
-                  <th scope="col">Постановщик (Rop)</th>
-                  <th scope="col">Техник (Rot)</th>
-                  <th scope="col">Комиссионер (Rok)</th>
-                  <th scope="col">Выплата</th>
-                  <th scope="col"></th>
-                </tr>
-              </thead>
-              <tbody class="table-body" id="artists-tbody">
-                <tr class="table-row table-row-muted" id="empty-row">
-                  <td colspan="7" class="text-center">Нет добавленных артистов</td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-        </div>
+        </label>
+        <button class="btn btn-accent with-icon mt-2" type="button" id="btn-add-artist">
+          <i class="ph ph-plus"></i> Добавить
+        </button>
       </div>
-    </section>
+
+      <div class="table-wrapper mt-4">
+        <table class="table table-compact" id="artists-table">
+          <caption class="table-caption">Участники шоу</caption>
+          <thead class="table-head">
+            <tr class="table-row">
+              <th scope="col">Артист</th>
+              <th scope="col">Артист (Z)</th>
+              <th scope="col">Постановщик (Rop)</th>
+              <th scope="col">Техник (Rot)</th>
+              <th scope="col">Комиссионер (Rok)</th>
+              <th scope="col">Выплата</th>
+              <th scope="col"></th>
+            </tr>
+          </thead>
+          <tbody class="table-body" id="artists-tbody">
+            <tr class="table-row table-row-muted" id="empty-row">
+              <td colspan="7" class="text-center">Нет добавленных артистов</td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
 
     <!-- Summary metrics -->
     <section class="section">
@@ -196,7 +191,7 @@
           <div class="card-content">
             <div class="metric-card-header">
               <p class="metric-card-label">Всего роялти</p>
-              <span class="metric-card-icon"><i class="ph ph-hand-coins"></i></span>
+              <span class="metric-card-icon"><i class="ph ph-coins"></i></span>
             </div>
             <p class="metric-card-value" id="summary-royalties">0.00</p>
           </div>
@@ -216,7 +211,7 @@
           <div class="card-content">
             <div class="metric-card-header">
               <p class="metric-card-label">Общая сумма (S)</p>
-              <span class="metric-card-icon"><i class="ph ph-currency-rub"></i></span>
+              <span class="metric-card-icon"><i class="ph ph-currency-circle-dollar"></i></span>
             </div>
             <p class="metric-card-value" id="summary-s">0.00</p>
           </div>
@@ -224,7 +219,7 @@
       </div>
     </section>
 
-    <!-- Import -->
+    <!-- Import / Export -->
     <section class="section">
       <div class="card action-card">
         <div class="card-content">
@@ -248,17 +243,33 @@
   <script src="gnexus-ui-kit/dist/js/gnexus-ui-kit.js"></script>
   <script>
     window.__ARTISTS__ = [
-      { "name": "Алексей" },
-      { "name": "Мария" },
-      { "name": "Дмитрий" },
-      { "name": "Анна" },
-      { "name": "Иван" },
-      { "name": "Елена" },
-      { "name": "Сергей" },
-      { "name": "Ольга" },
-      { "name": "Павел" },
-      { "name": "Наталья" }
+      { "name": "Маша (капитан)" },
+      { "name": "Маша Физрук" },
+      { "name": "Даша" },
+      { "name": "Фаина" },
+      { "name": "Дима" },
+      { "name": "Саша" },
+      { "name": "Катя" },
+      { "name": "Кристина" },
+      { "name": "Ростик" },
+      { "name": "Маруся" }
     ];
+
+    // Tab switching
+    document.querySelectorAll('.tab').forEach(tab => {
+      tab.addEventListener('click', () => {
+        const target = tab.dataset.tab;
+        document.querySelectorAll('.tab').forEach(t => {
+          t.classList.toggle('tab-active', t.dataset.tab === target);
+          t.setAttribute('aria-selected', t.dataset.tab === target);
+        });
+        document.querySelectorAll('.tab-panel').forEach(p => {
+          const isActive = p.id === 'panel-' + target;
+          p.classList.toggle('tab-panel-active', isActive);
+          p.hidden = !isActive;
+        });
+      });
+    });
   </script>
   <script src="js/app.js"></script>
 </body>