alpe-temp 1.0.2 → 1.0.4

package/backend-project/src/modules/excel/excel.controller.js

@@ -1,61 +0,0 @@
-const ExcelService = require('./excel.service');
-const res_ = require('../../utils/response');
-
-const ExcelController = {
-  /**
-   * GET /api/excel/export/users
-   * Demo: exports a users sheet directly to the browser.
-   * Replace `sampleData` with a real DB query.
-   */
-  async exportUsers(req, res) {
-    try {
-      const sampleData = [
-        { id: 'u-001', name: 'Alice Martin',  email: 'alice@example.com',  role: 'admin', joined: new Date('2024-01-15'), revenue: 4800 },
-        { id: 'u-002', name: 'Bob Karenzi',   email: 'bob@example.com',    role: 'user',  joined: new Date('2024-03-22'), revenue: 1200 },
-        { id: 'u-003', name: 'Claire Umutesi', email: 'claire@example.com', role: 'user',  joined: new Date('2024-07-09'), revenue: 2500 },
-      ];
-
-      const sheets = [
-        {
-          name: 'Users',
-          columns: [
-            { header: 'ID',       key: 'id',      width: 10 },
-            { header: 'Name',     key: 'name',    width: 25 },
-            { header: 'Email',    key: 'email',   width: 35 },
-            { header: 'Role',     key: 'role',    width: 12 },
-            { header: 'Joined',   key: 'joined',  width: 14, type: 'date' },
-            { header: 'Revenue',  key: 'revenue', width: 15, type: 'currency' },
-          ],
-          rows: sampleData,
-          totals: { revenue: `=SUM(F2:F${sampleData.length + 1})` },
-        },
-      ];
-
-      await ExcelService.exportToResponse(res, 'users-report', sheets);
-    } catch (err) {
-      return res_.error(res, err.message);
-    }
-  },
-
-  /**
-   * GET /api/excel/export/custom
-   * Generic export: pass `sheetName` + `data` as JSON body or query params.
-   * Useful for ad-hoc client-driven exports.
-   */
-  async exportCustom(req, res) {
-    try {
-      const { sheetName = 'Export', data = [] } = req.body;
-
-      if (!Array.isArray(data) || !data.length) {
-        return res_.badRequest(res, '`data` must be a non-empty array');
-      }
-
-      const sheet = ExcelService.buildSheetDef(sheetName, data);
-      await ExcelService.exportToResponse(res, sheetName, [sheet]);
-    } catch (err) {
-      return res_.error(res, err.message);
-    }
-  },
-};
-
-module.exports = ExcelController;

package/backend-project/src/modules/excel/excel.routes.js

@@ -1,13 +0,0 @@
-const { Router } = require('express');
-const ExcelController = require('./excel.controller');
-const { authenticate } = require('../../middleware/auth.middleware');
-
-const router = Router();
-
-// All export routes require authentication
-router.use(authenticate);
-
-router.get('/export/users',  ExcelController.exportUsers);
-router.post('/export/custom', ExcelController.exportCustom);
-
-module.exports = router;

package/backend-project/src/modules/excel/excel.service.js

@@ -1,303 +0,0 @@
-/**
- * excel.service.js
- * ─────────────────────────────────────────────────────────────────────────────
- * A fast, reusable Excel export utility built on ExcelJS.
- *
- * QUICK START
- * ───────────
- *   const ExcelService = require('./excel.service');
- *
- *   // 1. Stream directly to an HTTP response
- *   await ExcelService.exportToResponse(res, 'users-report', [
- *     {
- *       name: 'Users',
- *       columns: [
- *         { header: 'ID',    key: 'id',    width: 36 },
- *         { header: 'Name',  key: 'name',  width: 25 },
- *         { header: 'Email', key: 'email', width: 35 },
- *       ],
- *       rows: users,          // array of objects
- *     },
- *   ]);
- *
- *   // 2. Save to disk and get the file path back
- *   const filePath = await ExcelService.exportToFile('monthly-report', sheets, {
- *     outputDir: './exports',
- *   });
- *
- *   // 3. Get a raw Buffer (e.g. to upload to S3)
- *   const buffer = await ExcelService.exportToBuffer('report', sheets);
- * ─────────────────────────────────────────────────────────────────────────────
- */
-
-const ExcelJS = require('exceljs');
-const fs = require('fs');
-const path = require('path');
-const env = require('../../config/env');
-
-// ─── Colour palette ──────────────────────────────────────────────────────────
-const THEME = {
-  headerBg:   'FF2563EB',   // Blue-600
-  headerFg:   'FFFFFFFF',   // White
-  altRowBg:   'FFF0F4FF',   // Light blue-50
-  borderColor:'FFB0C4DE',   // Muted blue-200
-  totalBg:    'FFEFF6FF',   // Blue-50
-  totalFg:    'FF1D4ED8',   // Blue-700
-};
-
-// ─── Shared styles ────────────────────────────────────────────────────────────
-const HEADER_STYLE = {
-  font:      { name: 'Arial', bold: true, size: 11, color: { argb: THEME.headerFg } },
-  fill:      { type: 'pattern', pattern: 'solid', fgColor: { argb: THEME.headerBg } },
-  alignment: { horizontal: 'center', vertical: 'middle', wrapText: false },
-  border: {
-    top:    { style: 'thin', color: { argb: THEME.borderColor } },
-    bottom: { style: 'medium', color: { argb: THEME.headerBg } },
-  },
-};
-
-const CELL_BORDER = {
-  bottom: { style: 'hair', color: { argb: THEME.borderColor } },
-  right:  { style: 'hair', color: { argb: THEME.borderColor } },
-};
-
-// ─── Helpers ─────────────────────────────────────────────────────────────────
-
-/** Apply header row styling */
-const styleHeaderRow = (row) => {
-  row.height = 28;
-  row.eachCell((cell) => {
-    Object.assign(cell, HEADER_STYLE);
-    cell.font      = { ...HEADER_STYLE.font };
-    cell.fill      = { ...HEADER_STYLE.fill, fgColor: { argb: THEME.headerBg } };
-    cell.alignment = { ...HEADER_STYLE.alignment };
-    cell.border    = { ...HEADER_STYLE.border };
-  });
-};
-
-/** Apply alternating row colours + light borders */
-const styleDataRow = (row, rowIndex) => {
-  row.height = 20;
-  const isAlt = rowIndex % 2 === 0;
-  row.eachCell({ includeEmpty: true }, (cell) => {
-    cell.font      = { name: 'Arial', size: 10 };
-    cell.alignment = { vertical: 'middle' };
-    cell.border    = CELL_BORDER;
-    if (isAlt) {
-      cell.fill = { type: 'pattern', pattern: 'solid', fgColor: { argb: THEME.altRowBg } };
-    }
-  });
-};
-
-/** Format a column's cells according to a `type` hint */
-const applyColumnFormat = (cell, value, type) => {
-  switch (type) {
-    case 'currency':
-      cell.numFmt = '"$"#,##0.00;[Red]("$"#,##0.00)';
-      cell.value  = typeof value === 'string' ? parseFloat(value) || 0 : value;
-      break;
-    case 'percent':
-      cell.numFmt = '0.0%';
-      cell.value  = typeof value === 'string' ? parseFloat(value) || 0 : value;
-      break;
-    case 'date':
-      cell.numFmt = 'yyyy-mm-dd';
-      cell.value  = value instanceof Date ? value : new Date(value);
-      break;
-    case 'number':
-      cell.numFmt = '#,##0.##';
-      cell.value  = typeof value === 'string' ? parseFloat(value) || 0 : value;
-      break;
-    default:
-      cell.value = value ?? '';
-  }
-};
-
-/**
- * buildWorkbook
- * Populates a workbook from a `sheets` array definition.
- *
- * @param {ExcelJS.Workbook} wb
- * @param {SheetDef[]} sheets
- *
- * SheetDef {
- *   name:     string                    – tab name
- *   columns:  ColumnDef[]              – column definitions
- *   rows:     object[]                 – data rows
- *   totals?:  Record<string, string>   – key → Excel formula string, e.g. { amount: '=SUM(C2:C100)' }
- *   freezeHeader?: boolean             – default true
- *   autoFilter?: boolean               – default true
- *   extraSheets?: SheetDef[]           – nested; same API
- * }
- *
- * ColumnDef {
- *   header:   string
- *   key:      string
- *   width?:   number   (default 18)
- *   type?:    'text' | 'number' | 'currency' | 'percent' | 'date'
- *   hidden?:  boolean
- * }
- */
-const buildWorkbook = (wb, sheets) => {
-  for (const sheetDef of sheets) {
-    const {
-      name,
-      columns,
-      rows = [],
-      totals,
-      freezeHeader = true,
-      autoFilter   = true,
-    } = sheetDef;
-
-    const ws = wb.addWorksheet(name, {
-      pageSetup: { fitToPage: true, fitToWidth: 1, orientation: 'landscape' },
-    });
-
-    // ── Columns ──────────────────────────────────────────────────────────────
-    ws.columns = columns.map(({ header, key, width = 18, hidden = false }) => ({
-      header,
-      key,
-      width,
-      hidden,
-    }));
-
-    // ── Header row ───────────────────────────────────────────────────────────
-    styleHeaderRow(ws.getRow(1));
-
-    // ── Data rows ────────────────────────────────────────────────────────────
-    rows.forEach((rowData, idx) => {
-      const row = ws.addRow({});
-      columns.forEach(({ key, type = 'text' }, colIdx) => {
-        const cell = row.getCell(colIdx + 1);
-        applyColumnFormat(cell, rowData[key], type);
-      });
-      styleDataRow(row, idx + 1);
-    });
-
-    // ── Totals row ───────────────────────────────────────────────────────────
-    if (totals && Object.keys(totals).length) {
-      const totalRow = ws.addRow({});
-      totalRow.height = 22;
-      columns.forEach(({ key }, colIdx) => {
-        const cell = totalRow.getCell(colIdx + 1);
-        if (totals[key]) {
-          cell.value = { formula: totals[key] };
-          cell.font  = { name: 'Arial', bold: true, size: 10, color: { argb: THEME.totalFg } };
-          cell.fill  = { type: 'pattern', pattern: 'solid', fgColor: { argb: THEME.totalBg } };
-        } else if (colIdx === 0) {
-          cell.value = 'TOTAL';
-          cell.font  = { name: 'Arial', bold: true, size: 10 };
-          cell.fill  = { type: 'pattern', pattern: 'solid', fgColor: { argb: THEME.totalBg } };
-        }
-        cell.border    = CELL_BORDER;
-        cell.alignment = { vertical: 'middle' };
-      });
-    }
-
-    // ── Auto-filter on header ─────────────────────────────────────────────────
-    if (autoFilter && columns.length) {
-      ws.autoFilter = {
-        from: { row: 1, column: 1 },
-        to:   { row: 1, column: columns.length },
-      };
-    }
-
-    // ── Freeze header row ────────────────────────────────────────────────────
-    if (freezeHeader) {
-      ws.views = [{ state: 'frozen', ySplit: 1 }];
-    }
-  }
-};
-
-// ─── Public API ──────────────────────────────────────────────────────────────
-
-const ExcelService = {
-  /**
-   * exportToResponse
-   * Stream the workbook directly to an Express `res` object.
-   *
-   * @param {import('express').Response} res
-   * @param {string} filename   – without extension
-   * @param {SheetDef[]} sheets
-   */
-  async exportToResponse(res, filename, sheets) {
-    const wb = new ExcelJS.Workbook();
-    wb.creator  = 'App Export';
-    wb.created  = new Date();
-    buildWorkbook(wb, sheets);
-
-    const safe = filename.replace(/[^a-z0-9_-]/gi, '_');
-    res.setHeader('Content-Type', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet');
-    res.setHeader('Content-Disposition', `attachment; filename="${safe}.xlsx"`);
-    res.setHeader('Cache-Control', 'no-cache');
-
-    await wb.xlsx.write(res);
-    res.end();
-  },
-
-  /**
-   * exportToBuffer
-   * Returns the workbook as a Node.js Buffer (for uploads, email attachments, etc.)
-   *
-   * @param {string}      filename  – metadata only
-   * @param {SheetDef[]}  sheets
-   * @returns {Promise<Buffer>}
-   */
-  async exportToBuffer(filename, sheets) {
-    const wb = new ExcelJS.Workbook();
-    wb.creator = filename;
-    wb.created = new Date();
-    buildWorkbook(wb, sheets);
-    return wb.xlsx.writeBuffer();
-  },
-
-  /**
-   * exportToFile
-   * Saves the workbook to disk and returns the absolute file path.
-   *
-   * @param {string}      filename
-   * @param {SheetDef[]}  sheets
-   * @param {{ outputDir?: string }} options
-   * @returns {Promise<string>}  absolute path to the saved file
-   */
-  async exportToFile(filename, sheets, options = {}) {
-    const outputDir = options.outputDir || env.EXCEL_OUTPUT_DIR;
-    fs.mkdirSync(outputDir, { recursive: true });
-
-    const safe     = filename.replace(/[^a-z0-9_-]/gi, '_');
-    const stamp    = new Date().toISOString().replace(/[:.]/g, '-');
-    const filePath = path.resolve(outputDir, `${safe}_${stamp}.xlsx`);
-
-    const wb = new ExcelJS.Workbook();
-    wb.creator = filename;
-    wb.created = new Date();
-    buildWorkbook(wb, sheets);
-    await wb.xlsx.writeFile(filePath);
-
-    return filePath;
-  },
-
-  /**
-   * buildSheetDef
-   * Convenience factory — infers column keys from the first row of data.
-   *
-   * @param {string}   name   – sheet tab name
-   * @param {object[]} rows   – data rows
-   * @param {object}   opts   – { columnWidths, columnTypes, totals, ... }
-   */
-  buildSheetDef(name, rows, opts = {}) {
-    const { columnWidths = {}, columnTypes = {}, totals, freezeHeader, autoFilter } = opts;
-    const keys = rows.length ? Object.keys(rows[0]) : [];
-
-    const columns = keys.map((key) => ({
-      header: key.replace(/_/g, ' ').replace(/\b\w/g, (c) => c.toUpperCase()),
-      key,
-      width: columnWidths[key] || 18,
-      type:  columnTypes[key]  || 'text',
-    }));
-
-    return { name, columns, rows, totals, freezeHeader, autoFilter };
-  },
-};
-
-module.exports = ExcelService;

package/backend-project/src/modules/salary/salary.controller.js

@@ -1,70 +0,0 @@
-const SalaryService = require('./salary.service');
-const res_ = require('../../utils/response');
-
-const SalaryController = {
-  async create(req, res) {
-    try {
-      const data = req.body;
-      data.netSalary = data.grossSalary - data.totalDeduction;
-      const sal = await SalaryService.create(data);
-      return res_.created(res, sal, 'Salary record created');
-    } catch (err) {
-      console.error(`[SalaryController.create]`, err);
-      return res_.error(res, err.message, err.statusCode || 500);
-    }
-  },
-
-  async list(req, res) {
-    try {
-      const salaries = await SalaryService.list();
-      return res_.success(res, { salaries });
-    } catch (err) {
-      return res_.error(res, err.message, 500);
-    }
-  },
-
-  async getById(req, res) {
-    try {
-      const sal = await SalaryService.getById(req.params.id);
-      if (!sal) return res_.notFound(res, 'Salary record not found');
-      return res_.success(res, sal);
-    } catch (err) {
-      return res_.error(res, err.message, 500);
-    }
-  },
-
-  async update(req, res) {
-    try {
-      const data = req.body;
-      if (data.grossSalary !== undefined && data.totalDeduction !== undefined) {
-        data.netSalary = data.grossSalary - data.totalDeduction;
-      }
-      const sal = await SalaryService.update(req.params.id, data);
-      if (!sal) return res_.notFound(res, 'Salary record not found');
-      return res_.success(res, sal, 'Salary record updated');
-    } catch (err) {
-      return res_.error(res, err.message, 500);
-    }
-  },
-
-  async remove(req, res) {
-    try {
-      const sal = await SalaryService.remove(req.params.id);
-      if (!sal) return res_.notFound(res, 'Salary record not found');
-      return res_.success(res, null, 'Salary record deleted');
-    } catch (err) {
-      return res_.error(res, err.message, 500);
-    }
-  },
-
-  async average(req, res) {
-    try {
-      const avg = await SalaryService.average();
-      return res_.success(res, { averageSalary: avg });
-    } catch (err) {
-      return res_.error(res, err.message, 500);
-    }
-  },
-};
-
-module.exports = SalaryController;

package/backend-project/src/modules/salary/salary.model.js

@@ -1,23 +0,0 @@
-const mongoose = require('mongoose');
-
-const salarySchema = new mongoose.Schema({
-  employee:       { type: mongoose.Schema.Types.ObjectId, ref: 'Employee', required: true },
-  grossSalary:    { type: Number, required: true },
-  totalDeduction: { type: Number, required: true, default: 0 },
-  netSalary:      { type: Number, required: true },
-  month:          { type: String, required: true, trim: true },
-}, { timestamps: true });
-
-const Salary = mongoose.model('Salary', salarySchema);
-
-// Drop stale indexes from previous schema versions
-mongoose.connection.once('open', async () => {
-  try {
-    await Salary.collection.dropIndex('employeeNumber_1');
-  } catch {}
-  try {
-    await Salary.collection.dropIndex('salaryId_1');
-  } catch {}
-});
-
-module.exports = Salary;

package/backend-project/src/modules/salary/salary.routes.js

@@ -1,16 +0,0 @@
-const { Router } = require('express');
-const SalaryController = require('./salary.controller');
-const { authenticate } = require('../../middleware/auth.middleware');
-
-const router = Router();
-
-router.use(authenticate);
-
-router.post('/',      SalaryController.create);
-router.get('/',       SalaryController.list);
-router.get('/avg',    SalaryController.average);
-router.get('/:id',    SalaryController.getById);
-router.put('/:id',    SalaryController.update);
-router.delete('/:id', SalaryController.remove);
-
-module.exports = router;

package/backend-project/src/modules/salary/salary.service.js

@@ -1,44 +0,0 @@
-const Salary = require('./salary.model');
-
-const SalaryService = {
-  async create(data) {
-    const sal = await Salary.create(data);
-    return Salary.populate(sal, { path: 'employee', populate: { path: 'department' } });
-  },
-
-  async list() {
-    return Salary.find()
-      .populate({ path: 'employee', populate: { path: 'department' } })
-      .sort({ createdAt: -1 });
-  },
-
-  async getById(id) {
-    return Salary.findById(id)
-      .populate({ path: 'employee', populate: { path: 'department' } });
-  },
-
-  async update(id, data) {
-    return Salary.findByIdAndUpdate(id, data, { new: true })
-      .populate({ path: 'employee', populate: { path: 'department' } });
-  },
-
-  async remove(id) {
-    return Salary.findByIdAndDelete(id);
-  },
-
-  async average() {
-    const result = await Salary.aggregate([
-      { $group: { _id: null, avgSalary: { $avg: '$netSalary' } } },
-    ]);
-    return result.length > 0 ? result[0].avgSalary : 0;
-  },
-
-  async getMonthlyReport(month) {
-    const match = month ? { month } : {};
-    return Salary.find(match)
-      .populate({ path: 'employee', populate: { path: 'department' } })
-      .sort({ month: -1, createdAt: -1 });
-  },
-};
-
-module.exports = SalaryService;

package/frontend-project/dist/assets/index-D_cqT2Z6.css

@@ -1 +0,0 @@
-*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.right-0{right:0}.right-3{right:.75rem}.right-5{right:1.25rem}.top-0{top:0}.top-1\/2{top:50%}.top-5{top:1.25rem}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.col-span-2{grid-column:span 2/span 2}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-auto{margin-bottom:auto}.ml-0\.5{margin-left:.125rem}.ml-auto{margin-left:auto}.mr-4{margin-right:1rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-auto{margin-top:auto}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-20{height:5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[500px\]{height:500px}.h-\[52px\]{height:52px}.h-\[540px\]{height:540px}.h-\[64px\]{height:64px}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-16{width:4rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-5\/12{width:41.6667%}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-fit{width:fit-content}.w-full{width:100%}.min-w-\[150px\]{min-width:150px}.min-w-\[240px\]{min-width:240px}.min-w-max{min-width:max-content}.max-w-2xl{max-width:42rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[760px\]{max-width:760px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-white\/20{border-color:#fff3}.border-zinc-200{--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity,1))}.border-t-\[\#008A75\]{--tw-border-opacity:1;border-top-color:rgb(0 138 117/var(--tw-border-opacity,1))}.bg-\[\#008A75\]{--tw-bg-opacity:1;background-color:rgb(0 138 117/var(--tw-bg-opacity,1))}.bg-\[\#E6F7F5\]{--tw-bg-opacity:1;background-color:rgb(230 247 245/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/40{background-color:#0006}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-zinc-50{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.p-10{padding:2.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pr-10{padding-right:2.5rem}.pr-4{padding-right:1rem}.pt-10{padding-top:2.5rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[32px\]{font-size:32px}.text-\[7px\]{font-size:7px}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#008A75\]{--tw-text-opacity:1;color:rgb(0 138 117/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/40{color:#fff6}.text-white\/50{color:#ffffff80}.text-white\/60{color:#fff9}.text-zinc-800{--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity,1))}.text-zinc-800\/60{color:#27272a99}.text-zinc-900{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.opacity-60{opacity:.6}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}:root{--color-primary:#008a75;--color-surface:#f9fafb;--color-card:#fff;--color-border:#e5e7eb;--color-text:#1f2937;--color-text-muted:#9ca3af;--color-nav-bg:#fff;--color-nav-text:#4b5563;--color-nav-active:#008a75;--color-danger:#ef4444;--color-success:#10b981;--color-warning:#f59e0b;--color-info:#3b82f6;--radius:.375rem;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-lg:1rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem}.animate-spin{animation:1s linear infinite spin}.placeholder\:text-gray-400::placeholder{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.hover\:bg-emerald-600:hover{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-gray-900:hover{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.hover\:text-gray-500:hover{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-\[var\(--color-primary\)\]:focus{--tw-ring-color:var(--color-primary)}.focus\:ring-emerald-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(52 211 153/var(--tw-ring-opacity,1))}.focus\:ring-gray-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(229 231 235/var(--tw-ring-opacity,1))}.focus\:ring-gray-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(209 213 219/var(--tw-ring-opacity,1))}.focus\:ring-gray-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(75 85 99/var(--tw-ring-opacity,1))}.focus\:ring-red-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(248 113 113/var(--tw-ring-opacity,1))}.focus\:ring-offset-1:focus{--tw-ring-offset-width:1px}.active\:scale-\[0\.98\]:active{--tw-scale-x:.98;--tw-scale-y:.98;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-50:disabled{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.disabled\:text-gray-400:disabled{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.disabled\:opacity-50:disabled{opacity:.5}@media (width>=640px){.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:p-10{padding:2.5rem}}@media (width>=1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}