:root {
    --primary-red: #9b1b1b;
    --dark-red: #7a1515;
    --header-bg: #8B0000;
}

body {
    background: #f5f6f8;
    font-family: "Segoe UI", system-ui, sans-serif;
    font-size: 14px;
}

.login-bg {
    background: linear-gradient(135deg, #1a1a2e, #16213e, #0f3460);
    min-height: 100vh;
}

.logo-circle {
    width: 64px; height: 64px;
    background: var(--primary-red);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    color: #fff; font-size: 1.8rem;
}

/* Top bar like screenshot */
.top-bar {
    background: var(--header-bg);
    color: #fff;
    padding: 8px 15px;
    font-size: 13px;
}
.top-bar a { color: #fff; text-decoration: none; }

/* Sidebar style like original */
.sidebar {
    background: #f8f9fa;
    border-right: 1px solid #dee2e6;
    min-height: calc(100vh - 50px);
}
.sidebar .nav-link {
    color: #333;
    border-radius: 0;
    padding: 10px 15px;
    border-left: 3px solid transparent;
}
.sidebar .nav-link:hover, .sidebar .nav-link.active {
    background: #e9ecef;
    border-left-color: var(--primary-red);
    color: var(--primary-red);
}
.sidebar .nav-link i { width: 22px; }

/* Table style matching screenshot */
.table-tx th {
    background: #e9ecef;
    font-size: 12px;
    text-transform: none;
    white-space: nowrap;
}
.table-tx td { vertical-align: middle; font-size: 13px; }
.table-tx .status-ok { color: green; font-weight: 600; }
.table-tx .amount-gbp { color: #0d6efd; font-weight: 600; }
.table-tx .amount-local { color: #198754; font-weight: 600; }

.btn-create {
    background: #0d6efd;
    color: #fff;
    border: none;
}
.btn-create:hover { background: #0b5ed7; color: #fff; }

.badge-pending { background: #ffc107; color: #000; }
.badge-approved { background: #0d6efd; }
.badge-paid { background: #198754; }
.badge-cancelled { background: #6c757d; }

.card { border-radius: 6px; }

/* Print styles for receipt */
@media print {
    .no-print { display: none !important; }
    body { background: #fff; }
}