<div class="page-content" id="page-my-salary">
<h1 class="page-title">My Salary</h1>
<p class="page-subtitle">Personal salary statement and commissions</p>
<div class="page-file-strip">
<a class="page-file-pill" href="/maps/view.php?file=pages/my-salary.php" target="_blank" rel="noreferrer">my-salary.php <span class="page-file-code">DEV-73DB7DC3</span></a>
<a class="page-file-pill" href="/maps/view.php?file=js/my-salary.js" target="_blank" rel="noreferrer">my-salary.js <span class="page-file-code">DEV-3C6ACB7D</span></a>
<a class="page-file-pill" href="/maps/view.php?file=css/my-salary.css" target="_blank" rel="noreferrer">my-salary.css <span class="page-file-code">DEV-AE90579D</span></a>
</div>
<div class="salary-toolbar">
<span class="salary-toolbar-label">Period:</span>
<select class="salary-month-select" id="salaryMonthSelect">
<option>February 2026</option>
<option>January 2026</option>
<option>December 2025</option>
<option>November 2025</option>
</select>
</div>
<div class="lon-overview">
<div class="lon-card highlight"><h4>Net salary</h4><div class="lon-val">34 280 kr</div><div class="lon-sub">Paid out on 25 Feb</div></div>
<div class="lon-card"><h4>Gross salary</h4><div class="lon-val">48 500 kr</div><div class="lon-sub">Base salary + commission</div></div>
<div class="lon-card"><h4>Commission this month</h4><div class="lon-val">12 500 kr</div><div class="lon-sub">5 closed deals</div></div>
</div>
<div class="salary-grid">
<div class="lon-breakdown">
<div class="lon-breakdown-header">
<svg viewBox="0 0 24 24" style="width:18px;height:18px;stroke:#64748b;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>
Salary specification
</div>
<div class="lon-row"><span class="lon-row-label">Base salary</span><span class="lon-row-val">36 000 kr</span></div>
<div class="lon-row"><span class="lon-row-label">Commission (5 deals)</span><span class="lon-row-val">12 500 kr</span></div>
<div class="lon-row"><span class="lon-row-label">Mileage allowance (823 km)</span><span class="lon-row-val">15 226 kr</span></div>
<div class="lon-row"><span class="lon-row-label">Daily allowance (3 days)</span><span class="lon-row-val">1 080 kr</span></div>
<div class="lon-row" style="border-top:2px solid #e5e7eb"><span class="lon-row-label" style="font-weight:600">Gross salary</span><span class="lon-row-val">48 500 kr</span></div>
<div class="lon-row deduction"><span class="lon-row-label">Tax (30%)</span><span class="lon-row-val">-14 220 kr</span></div>
<div class="lon-row total"><span class="lon-row-label">Net salary</span><span class="lon-row-val">34 280 kr</span></div>
</div>
<div class="lon-breakdown">
<div class="lon-breakdown-header">
<svg viewBox="0 0 24 24" style="width:18px;height:18px;stroke:#64748b;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"/><polyline points="17 6 23 6 23 12"/></svg>
Commission history
</div>
<div class="lon-row"><span class="lon-row-label">Andersson Bygg - 12 windows + 2 doors</span><span class="lon-row-val" style="color:#10b981">3 200 kr</span></div>
<div class="lon-row"><span class="lon-row-label">Nilsson Renovering - 6 windows + door</span><span class="lon-row-val" style="color:#10b981">2 800 kr</span></div>
<div class="lon-row"><span class="lon-row-label">Johansson & Co - Office windows 24 pcs</span><span class="lon-row-val" style="color:#10b981">3 500 kr</span></div>
<div class="lon-row"><span class="lon-row-label">Pettersson & Söner - 8 windows</span><span class="lon-row-val" style="color:#10b981">1 800 kr</span></div>
<div class="lon-row"><span class="lon-row-label">Gustafsson Bygg - 6 windows</span><span class="lon-row-val" style="color:#10b981">1 200 kr</span></div>
</div>
</div>
</div>