@theme {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif,
        'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
        'Noto Color Emoji';

    --font-d: 'Sora', sans-serif;
    --font-b: 'DM Sans', sans-serif;

    --radius-sm: 8px;
    --radius-DEFAULT: 14px;
    --radius-lg: 20px;
    --radius-xl: 28px;

    --shadow-sm: 0 1px 3px rgba(0, 0, 0, .08),
        0 1px 2px rgba(0, 0, 0, .05);

    --shadow-DEFAULT: 0 4px 16px rgba(13, 31, 60, .10);

    --shadow-lg: 0 12px 40px rgba(13, 31, 60, .18);

    --shadow-blue: 0 8px 32px rgba(37, 99, 235, .22);

    --spacing-nav: 64px;
    --spacing-sidebar: 248px;

    --ease-DEFAULT: cubic-bezier(.4, 0, .2, 1);

    --animate-fade-up: fadeUp .3s ease-out;
    --animate-drop-in: dropIn .2s ease-out;
}
.mode-option.active { border-color: #00ADE5; background: #eef2ff; }
  .mode-option.active .check-dot { background: #00ADE5; border-color: #00ADE5; }

  .toggle-switch {
    width: 42px; height: 24px; border-radius: 9999px; background: #d1d5db;
    position: relative; transition: background .15s ease; flex-shrink: 0;
  }
  .toggle-switch.on { background: #00ADE5; }
  .toggle-knob {
    position: absolute; top: 2px; left: 2px; width: 20px; height: 20px;
    background: white; border-radius: 9999px; transition: transform .15s ease;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
  }
  .toggle-switch.on .toggle-knob { transform: translateX(18px); }
  .toggle-switch.saving { opacity: .6; pointer-events: none; }
@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(14px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes dropIn {
    0% {
        opacity: 0;
        transform: translateY(-6px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@media print {
    body * {
        visibility: hidden;
    }

    #invoiceContent,
    #vendorDetailModalBody,
    #vendorGroup,
    #receiptContent,
    #accountSummaryContent,
    #invoiceContent *,
    #vendorDetailModalBody *,
    #vendorGroup *,
    #receiptContent *,
    #accountSummaryContent * {
        visibility: visible;
    }

    #invoiceContent,
    #vendorDetailModalBody,
    #vendorGroup,
    #receiptContent,
    #accountSummaryContent {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 14mm;
        margin: 0;
        max-height: none;
        overflow: visible;
    }

    @page {
        margin: 0;
        size: auto;
    }
}