<div style="font-family: Inter, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; color: #111827; line-height: 1.65; max-width: 1100px; margin: 0 auto;">
  
  <div style="background: linear-gradient(135deg,#0ea5e9 0%,#22c55e 100%); border-radius: 18px; padding: 40px 28px; color: #ffffff; box-shadow: 0 10px 30px rgba(0,0,0,.15);">
    <div style="font-size: 14px; letter-spacing: .08em; text-transform: uppercase; opacity: .9; font-weight: 600;">
      New Feature
    </div>
    <h1 style="margin: 8px 0 6px; font-size: 34px; line-height: 1.25; font-weight: 800;">
      Till Sessions &mdash; Opening &amp; Closing Cash with Reconciliation
    </h1>
    <p>
      Track the cash drawer from
      <strong>
        start of day
      </strong>
      to
      <strong>
        end of day
      </strong>
      &mdash;per user, per session. Enter an opening float, record the closing count, automatically attach bills to the session, and compare
      <em>
        expected
      </em>
      vs
      <em>
        counted
      </em>
      cash with one clean summary.
    </p>
  </div>
  
  <div style="display: flex; flex-wrap: wrap; gap: 14px; margin: 22px 4px 6px;">
    <span style="background: #ecfeff; color: #0e7490; border: 1px solid #a5f3fc; border-radius: 999px; padding: 8px 12px; font-weight: 600;">
      Per-user till sessions
    </span>
    <span style="background: #f0fdf4; color: #166534; border: 1px solid #bbf7d0; border-radius: 999px; padding: 8px 12px; font-weight: 600;">
      Opening &amp; closing cash
    </span>
    <span style="background: #fefce8; color: #854d0e; border: 1px solid #fde68a; border-radius: 999px; padding: 8px 12px; font-weight: 600;">
      Expected vs counted difference
    </span>
    <span style="background: #eef2ff; color: #3730a3; border: 1px solid #c7d2fe; border-radius: 999px; padding: 8px 12px; font-weight: 600;">
      All bills under each session
    </span>
    <span style="background: #fff1f2; color: #9f1239; border: 1px solid #fecdd3; border-radius: 999px; padding: 8px 12px; font-weight: 600;">
      Export CSV / JSON / Print
    </span>
  </div>
  
  <div style="margin: 20px 0 4px;">
    <div style="background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 12px; padding: 14px 16px;">
      <strong style="display: block; font-size: 13px; text-transform: uppercase; letter-spacing: .06em; color: #475569; margin-bottom: 8px;">
        Contents
      </strong>
      <a style="margin-right: 18px; color: #0ea5e9; text-decoration: none;" href="#start-session">
        1. Start a Session
      </a>
      <a style="margin-right: 18px; color: #0ea5e9; text-decoration: none;" href="#close-session">
        2. Close the Session
      </a>
      <a style="margin-right: 18px; color: #0ea5e9; text-decoration: none;" href="#review-session">
        3. Review &amp; Reconcile
      </a>
      <a style="color: #0ea5e9; text-decoration: none;" href="#math">
        How Expected Cash is Calculated
      </a>
    </div>
  </div>
  
  <div id="start-session" style="margin-top: 28px; display: grid; grid-template-columns: 1.05fr .95fr; gap: 22px;">
    <div style="background: #ffffff; border: 1px solid #e5e7eb; border-radius: 14px; box-shadow: 0 6px 16px rgba(0,0,0,.06); padding: 20px;">
      <div style="font-size: 12px; color: #0ea5e9; text-transform: uppercase; letter-spacing: .1em; font-weight: bold;">
        Step 1
      </div>
      <h2 style="margin: 6px 0 10px; font-size: 24px; line-height: 1.3; font-weight: 800;">
        Start a Session &mdash; Enter Opening Cash
      </h2>
      <p>
        On the POS screen, click the
        <strong>
          clock button
        </strong>
        to open a new Till Session. Enter your
        <strong>
          Opening Cash
        </strong>
        (starting till position / float) and confirm. A badge appears under the order summary like
        <em>
          &ldquo;Session started by Admin&hellip;&rdquo;
        </em>
        indicating your session is now active. From this moment, every bill you complete is automatically linked to your session.
      </p>
      <ul style="margin: 8px 0 0 18px;">
        <li>
          One user = one open session at a time.
        </li>
        <li>
          Great for shift handovers and clean audits.
        </li>
      </ul>
    </div>
    <figure style="margin: 0; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 14px; overflow: hidden; box-shadow: 0 6px 16px rgba(0,0,0,.06);">
      <img style="display: block; width: 100%; height: auto;" src="https://sarutech.com/img/articles/till-sessions-3.jpg" alt="Enter opening cash amount dialog" />
      <figcaption style="padding: 10px 14px; font-size: 13px; color: #475569; border-top: 1px solid #e5e7eb;">
        Opening cash dialog &mdash; set your float at the start of the shift.
      </figcaption>
    </figure>
  </div>
  
  <div id="close-session" style="margin-top: 28px; display: grid; grid-template-columns: .95fr 1.05fr; gap: 22px;">
    <figure style="margin: 0; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 14px; overflow: hidden; box-shadow: 0 6px 16px rgba(0,0,0,.06);">
      <img style="display: block; width: 100%; height: auto;" src="https://sarutech.com/img/articles/till-sessions-4.jpg" alt="Close session prompt with counted cash" />
      <figcaption style="padding: 10px 14px; font-size: 13px; color: #475569; border-top: 1px solid #e5e7eb;">
        Enter the
        <strong>
          counted cash
        </strong>
        at end of shift, then close the session.
      </figcaption>
    </figure>
    <div style="background: #ffffff; border: 1px solid #e5e7eb; border-radius: 14px; box-shadow: 0 6px 16px rgba(0,0,0,.06); padding: 20px;">
      <div style="font-size: 12px; color: #0ea5e9; text-transform: uppercase; letter-spacing: .1em; font-weight: bold;">
        Step 2
      </div>
      <h2 style="margin: 6px 0 10px; font-size: 24px; line-height: 1.3; font-weight: 800;">
        Close the Session &mdash; Enter Closing Cash
      </h2>
      <p>
        When you finish the shift (or hand over), click the
        <strong>
          Close Session
        </strong>
        button and enter the
        <strong>
          counted cash in the register
        </strong>
        . This saves and closes the session, locking in the opening amount, total sales, counted amount, and calculated expected cash for reconciliation.
      </p>
    </div>
  </div>
  
  <div id="review-session" style="margin-top: 28px; display: grid; grid-template-columns: 1.05fr .95fr; gap: 22px;">
    <div style="background: #ffffff; border: 1px solid #e5e7eb; border-radius: 14px; box-shadow: 0 6px 16px rgba(0,0,0,.06); padding: 20px;">
      <div style="font-size: 12px; color: #0ea5e9; text-transform: uppercase; letter-spacing: .1em; font-weight: bold;">
        Step 3
      </div>
      <h2 style="margin: 6px 0 10px; font-size: 24px; line-height: 1.3; font-weight: 800;">
        Review Sessions &amp; Reconcile Cash
      </h2>
      <ol style="margin: 0 0 12px 18px;">
        <li>
          Open
          <strong>
            Sales Management
          </strong>
          and select the
          <strong>
            Sessions
          </strong>
          filter.
        </li>
        <li>
          Use the search box to find a session by user/date/time.
        </li>
        <li>
          Open a session to view its
          <strong>
            summary card
          </strong>
          and
          <strong>
            all bills
          </strong>
          generated in that session.
        </li>
      </ol>
      <p>
        You&rsquo;ll instantly see
        <em>
          Opening Cash
        </em>
        ,
        <em>
          Total Sales
        </em>
        ,
        <em>
          Expected Cash
        </em>
        ,
        <em>
          Closing Cash
        </em>
        , and any
        <strong>
          difference
        </strong>
        . Export to CSV/JSON or Print for simple handovers and audits.
      </p>
    </div>
    <figure style="margin: 0; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 14px; overflow: hidden; box-shadow: 0 6px 16px rgba(0,0,0,.06);">
      <img style="display: block; width: 100%; height: auto;" src="https://sarutech.com/img/articles/till-sessions-5.jpg" alt="Sales Management sessions filter" />
      <figcaption style="padding: 10px 14px; font-size: 13px; color: #475569; border-top: 1px solid #e5e7eb;">
        Sales Management &rarr; choose
        <strong>
          Sessions
        </strong>
        to list till sessions.
      </figcaption>
    </figure>
  </div>
  
  <div style="margin-top: 18px; display: grid; grid-template-columns: .95fr 1.05fr; gap: 22px;">
    <figure style="margin: 0; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 14px; overflow: hidden; box-shadow: 0 6px 16px rgba(0,0,0,.06);">
      <img style="display: block; width: 100%; height: auto;" src="https://sarutech.com/img/articles/till-sessions-6.jpg" alt="Search for till sessions list with discrepancy warnings" />
      <figcaption style="padding: 10px 14px; font-size: 13px; color: #475569; border-top: 1px solid #e5e7eb;">
        Find sessions quickly; discrepancy badges (e.g., ⚠️ &minus;100) highlight issues.
      </figcaption>
    </figure>
    <figure style="margin: 0; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 14px; overflow: hidden; box-shadow: 0 6px 16px rgba(0,0,0,.06);">
      <img style="display: block; width: 100%; height: auto;" src="https://sarutech.com/img/articles/till-sessions-7.jpg" alt="Session summary card showing opening, closing and expected cash" />
      <figcaption style="padding: 10px 14px; font-size: 13px; color: #475569; border-top: 1px solid #e5e7eb;">
        Open a session to see the full summary and all bills; export or print for audits.
      </figcaption>
    </figure>
  </div>
  
  <div id="math" style="margin-top: 30px; background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 14px; padding: 20px;">
    <h3 style="margin: 0 0 10px; font-size: 20px; font-weight: 800;">
      How we calculate Expected Cash
    </h3>
    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 16px;">
      <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 14px;">
        <div style="font-weight: bold; color: #0f172a; margin-bottom: 6px;">
          Formula
        </div>
        <div style="background: #0f172a; color: #f8fafc; border-radius: 10px; padding: 12px; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; font-size: 14px;">
          Expected Cash = Opening Cash
          <br />
          &nbsp;&nbsp;+ Cash received from sales
          <br />
          &nbsp;&nbsp;&minus; Cash refunds / payouts (if any)
        </div>
      </div>
      <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 14px;">
        <div style="font-weight: bold; color: #0f172a; margin-bottom: 6px;">
          Difference
        </div>
        <div style="background: #111827; color: #f8fafc; border-radius: 10px; padding: 12px; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; font-size: 14px;">
          Difference = Closing Cash (counted) &minus; Expected Cash
        </div>
        <ul style="margin: 10px 0 0 18px;">
          <li>
            <strong>
              0
            </strong>
            &rarr; Perfectly balanced
          </li>
          <li>
            <strong>
              Negative
            </strong>
            &rarr; Missing cash
          </li>
          <li>
            <strong>
              Positive
            </strong>
            &rarr; Extra cash in drawer
          </li>
        </ul>
      </div>
    </div>
  </div>
  
  <div style="margin-top: 24px;">
    <h3 style="margin: 0 0 10px; font-size: 20px; font-weight: 800;">
      Quick Reference
    </h3>
    <div style="overflow: auto; border: 1px solid #e5e7eb; border-radius: 12px;">
      <table style="width: 100%; border-collapse: collapse; font-size: 14px;">
        <thead>
          <tr>
            <th style="text-align: left; background: #f1f5f9; border-bottom: 1px solid #e5e7eb; padding: 10px 12px;">
              Phase
            </th>
            <th style="text-align: left; background: #f1f5f9; border-bottom: 1px solid #e5e7eb; padding: 10px 12px;">
              Action
            </th>
            <th style="text-align: left; background: #f1f5f9; border-bottom: 1px solid #e5e7eb; padding: 10px 12px;">
              Where
            </th>
            <th style="text-align: left; background: #f1f5f9; border-bottom: 1px solid #e5e7eb; padding: 10px 12px;">
              What you get
            </th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td style="border-bottom: 1px solid #e5e7eb; padding: 10px 12px;">
              Start of day
            </td>
            <td style="border-bottom: 1px solid #e5e7eb; padding: 10px 12px;">
              Click the
              <strong>
                clock
              </strong>
              &rarr; enter
              <strong>
                Opening Cash
              </strong>
            </td>
            <td style="border-bottom: 1px solid #e5e7eb; padding: 10px 12px;">
              POS screen
            </td>
            <td style="border-bottom: 1px solid #e5e7eb; padding: 10px 12px;">
              New session; bills auto-attach
            </td>
          </tr>
          <tr>
            <td style="border-bottom: 1px solid #e5e7eb; padding: 10px 12px;">
              End of day
            </td>
            <td style="border-bottom: 1px solid #e5e7eb; padding: 10px 12px;">
              Click
              <strong>
                Close Session
              </strong>
              &rarr; enter
              <strong>
                Closing Cash
              </strong>
            </td>
            <td style="border-bottom: 1px solid #e5e7eb; padding: 10px 12px;">
              POS screen
            </td>
            <td style="border-bottom: 1px solid #e5e7eb; padding: 10px 12px;">
              Session locked with totals
            </td>
          </tr>
          <tr>
            <td style="padding: 10px 12px;">
              Reconcile
            </td>
            <td style="padding: 10px 12px;">
              Sales Management &rarr; filter
              <strong>
                Sessions
              </strong>
              &rarr; open a session
            </td>
            <td style="padding: 10px 12px;">
              Sales Management
            </td>
            <td style="padding: 10px 12px;">
              See
              <em>
                Expected vs Counted
              </em>
              , difference, and all bills; export or print
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>

Till Sessions (Opening & Closing Cash) + Cash Reconciliation

General guides

Perfect E-Prescription System

Perfect Facility Booking

Perfect Hospital Bed Management System

Perfect Hospital Ward Management System

Perfect Inventory Manager

Perfect Laboratory Management System

Perfect Patient Management System

Perfect Point of Sale System

Perfect Tailor Manager

Perfect Tenant & Property Management System

Perfect Tenant and Property Management System

Find product guides and articles

Perfect Point of Sale System

Till Sessions (Opening & Closing Cash) + Cash Reconciliation