:root {--sidebar-bg:#1e2a3b;--sidebar-width:260px;--accent-color:#0d6efd;}body {background-color:#f8f9fa;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}#sidebar {width:var(--sidebar-width);height:100vh;position:fixed;top:0;left:0;background-color:var(--sidebar-bg);color:#fff;z-index:1000;transition:all 0.3s ease;display:flex;flex-direction:column;}#sidebar .brand {padding:1.5rem;font-size:1.25rem;font-weight:700;border-bottom:1px solid rgba(255,255,255,0.1);}#sidebar .nav {flex-grow:1;overflow-y:auto;padding:1rem 0;}#sidebar .nav-link {color:rgba(255,255,255,0.7);padding:0.75rem 1.5rem;display:flex;align-items:center;transition:all 0.2s;}#sidebar .nav-link:hover, #sidebar .nav-link.active {color:#fff;background-color:rgba(255,255,255,0.05);}#sidebar .nav-link.active {border-left:4px solid var(--accent-color);}#sidebar .nav-link i {width:30px;font-size:1.1rem;}#sidebar .user-info {padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,0.1);font-size:0.875rem;}#main-content {margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column;transition:all 0.3s ease;}#topnav {background-color:#fff;box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;}.content-wrapper {padding:1.5rem;flex-grow:1;}.stat-card {border:none;border-radius:1rem;box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075);border-left:4px solid var(--accent-color);transition:transform 0.2s;background:#fff;}.stat-card:hover {transform:translateY(-2px);}.stat-card.primary { border-left-color:#0d6efd; }.stat-card.success { border-left-color:#198754; }.stat-card.warning { border-left-color:#ffc107; }.stat-card.danger { border-left-color:#dc3545; }.stat-card.info { border-left-color:#0dcaf0; }.badge-pill {border-radius:50rem;padding:0.35em 0.65em;}.table-hover tbody tr:hover {background-color:rgba(0,0,0,0.02);}.card {border:none;box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075);border-radius:0.75rem;}.dashboard-hero {background:linear-gradient(135deg, #1e3a8a 0%, #2563eb 55%, #1d4ed8 100%);color:#fff;border-radius:1rem;padding:1.5rem 1.75rem;box-shadow:0 10px 30px rgba(37, 99, 235, 0.2);}.dashboard-hero-eyebrow {font-size:0.75rem;text-transform:uppercase;letter-spacing:0.08em;opacity:0.85;}.dashboard-hero-title {font-size:1.5rem;font-weight:700;}.dashboard-hero-sub,.dashboard-hero-date {opacity:0.9;font-size:0.92rem;}.dashboard-stat {border:1px solid #e2e8f0;transition:transform 0.2s ease, box-shadow 0.2s ease;}.dashboard-stat:hover {transform:translateY(-3px);box-shadow:0 12px 24px rgba(15, 23, 42, 0.08);}.dashboard-stat-label {font-size:0.82rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;}.dashboard-stat-value {font-size:1.75rem;font-weight:800;color:#0f172a;line-height:1.2;margin-top:0.25rem;}.dashboard-stat-meta {font-size:0.78rem;margin-top:0.35rem;}.dashboard-stat-icon {width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;}.dashboard-chart-card,.dashboard-table-card {border:1px solid #e2e8f0;box-shadow:0 4px 16px rgba(15, 23, 42, 0.04);}.dashboard-chart-wrap {position:relative;height:400px;min-height:400px;width:100%;}.dashboard-chart-wrap canvas {display:block;width:100% !important;height:100% !important;}.dashboard-donut-wrap {position:relative;min-height:300px;height:300px;}.dashboard-donut-wrap canvas {display:block;width:100% !important;height:100% !important;max-height:none;}.dashboard-table thead th {font-size:0.78rem;text-transform:uppercase;letter-spacing:0.04em;color:#64748b;border-bottom-width:1px;}@media (max-width:767.98px) {#sidebar {margin-left:calc(var(--sidebar-width) * -1);}#sidebar.show {margin-left:0;}#main-content {margin-left:0;}.content-wrapper {padding:0.85rem !important;}#topnav {padding:0.65rem 0.85rem !important;}}@media (min-width:768px) {body.sidebar-collapsed #sidebar {margin-left:calc(var(--sidebar-width) * -1);}body.sidebar-collapsed #main-content {margin-left:0;}#sidebarToggle {display:none !important;}body.sidebar-collapsed #sidebarToggle {display:inline-block !important;}}.psb-header-name {max-width:250px;}.psb-modal-header {background:#ffffff;color:#0f172a;border-bottom:1px solid #e2e8f0;padding:1.25rem 1.5rem;}.psb-avatar-box {width:60px;height:60px;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;flex-shrink:0;background:#f8fafc;}.psb-avatar-box img {width:100%;height:100%;object-fit:cover;}.psb-meta-tag {display:inline-flex;align-items:center;gap:0.35rem;padding:0.3rem 0.75rem;border-radius:50rem;background:#f1f5f9;border:1px solid #e2e8f0;color:#475569;font-size:0.8rem;font-weight:500;}.psb-bento-card {background:#ffffff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.25rem;box-shadow:0 1px 3px rgba(0,0,0,0.02);height:100%;}.psb-card-header-icon {width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0;}.psb-field-box {background:#f8fafc;border:1px solid #f1f5f9;border-radius:0.75rem;padding:0.6rem 0.85rem;height:100%;}.psb-field-label {font-size:0.72rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:0.03em;margin-bottom:0.2rem;}.psb-field-value {font-size:0.92rem;font-weight:600;color:#0f172a;}.psb-stat-pill {background:#f8fafc;border:1px solid #e2e8f0;border-radius:0.85rem;padding:0.75rem;text-align:center;}.psb-stat-number {font-size:1.35rem;font-weight:700;color:#0f172a;}.psb-doc-tile {background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.15rem;display:flex;flex-direction:column;height:100%;transition:transform 0.2s ease, box-shadow 0.2s ease;}.psb-doc-tile:hover {transform:translateY(-2px);box-shadow:0 10px 20px -5px rgba(0, 0, 0, 0.08);}.psb-doc-preview-box {width:100%;height:190px;border-radius:0.75rem;background:#f8fafc;border:1px solid #e2e8f0;overflow:hidden;position:relative;margin-bottom:0.85rem;display:flex;align-items:center;justify-content:center;}.psb-doc-preview-img {width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform 0.3s ease;cursor:pointer;}.psb-doc-tile:hover .psb-doc-preview-img {transform:scale(1.04);}.psb-doc-zoom-btn {position:absolute;top:8px;right:8px;background:rgba(15, 23, 42, 0.75);color:#fff;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.85rem;backdrop-filter:blur(4px);transition:background 0.2s ease, transform 0.2s ease;text-decoration:none;}.psb-doc-zoom-btn:hover {background:#059669;color:#fff;transform:scale(1.1);}.psb-doc-empty-box {width:100%;height:190px;border-radius:0.75rem;background:#f8fafc;border:2px dashed #cbd5e1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8;margin-bottom:0.85rem;text-align:center;padding:1rem;}.psb-doc-pdf-box {width:100%;height:190px;border-radius:0.75rem;background:linear-gradient(135deg, #fef2f2, #fff1f2);border:1px solid #fecaca;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:0.85rem;color:#dc2626;text-align:center;padding:1rem;}.psb-doc-icon {width:50px;height:50px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:0.5rem;}.psb-modal-segment-control {background:#f1f5f9;padding:4px;border-radius:50rem;display:flex;width:100%;gap:4px;border:1px solid #e2e8f0;}.psb-modal-segment-control .nav-link {flex:1 1 0;border-radius:50rem !important;padding:0.45rem 0.5rem !important;font-size:0.82rem !important;font-weight:600 !important;color:#64748b !important;border:none !important;background:transparent !important;text-align:center;white-space:nowrap;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);display:inline-flex;align-items:center;justify-content:center;gap:0.35rem;}.psb-modal-segment-control .nav-link.active {background:#ffffff !important;color:#0f172a !important;box-shadow:0 2px 8px rgba(0, 0, 0, 0.08) !important;}.psb-modal-segment-control .nav-link:hover:not(.active) {color:#334155 !important;background:rgba(255, 255, 255, 0.5) !important;}.psb-master-table {min-width:780px;border-collapse:separate;border-spacing:0;}.psb-master-table thead th {background:#1e293b !important;color:#ffffff !important;padding:0.75rem 1.25rem !important;font-size:0.85rem !important;letter-spacing:0.03em;border:none !important;}.psb-master-table tbody th.bg-light {background:#f8fafc !important;color:#475569 !important;font-weight:600 !important;padding:0.75rem 1rem !important;vertical-align:middle !important;border-color:#e2e8f0 !important;width:22%;}.psb-master-table tbody td {padding:0.75rem 1rem !important;vertical-align:middle !important;color:#0f172a !important;border-color:#e2e8f0 !important;width:28%;}#modalImageLightbox .modal-content {background:#0f172a !important;border:1px solid rgba(255, 255, 255, 0.15) !important;border-radius:1.25rem !important;}#modalImageLightbox .modal-header {border-bottom:1px solid rgba(255, 255, 255, 0.1) !important;background:transparent !important;}#modalImageLightbox .modal-footer {border-top:1px solid rgba(255, 255, 255, 0.1) !important;background:transparent !important;}.lightbox-img-container {width:100%;max-height:72vh;display:flex;align-items:center;justify-content:center;padding:0.5rem;overflow:hidden;}.lightbox-img-element {max-width:100% !important;max-height:68vh !important;width:auto !important;height:auto !important;object-fit:contain !important;border-radius:0.75rem;box-shadow:0 10px 30px rgba(0, 0, 0, 0.5);display:block;margin:0 auto;}@media (max-width:767.98px) {.content-wrapper > .d-flex.flex-column.flex-md-row > div > h3 {font-size:1.1rem !important;line-height:1.3 !important;}.content-wrapper > .d-flex.flex-column.flex-md-row > div > h3 > i {font-size:1rem !important;}.content-wrapper > .d-flex.flex-column.flex-md-row > div > p {font-size:0.78rem !important;line-height:1.4 !important;}.content-wrapper > .d-flex.flex-column.flex-md-row > .d-flex.flex-wrap {width:100% !important;}.content-wrapper > .d-flex.flex-column.flex-md-row > .d-flex.flex-wrap > a {flex:1 1 auto !important;font-size:0.78rem !important;padding:0.4rem 0.75rem !important;text-align:center !important;justify-content:center !important;}.row.g-3.mb-4 > .col-6 > .card {padding:0.65rem !important;border-radius:0.85rem !important;}.row.g-3.mb-4 > .col-6 .text-muted.small.fw-semibold {font-size:0.62rem !important;letter-spacing:0.02em !important;}.row.g-3.mb-4 > .col-6 h3.fw-bold {font-size:1.15rem !important;margin-top:0.15rem !important;}.row.g-3.mb-4 > .col-6 h3 small {font-size:0.72rem !important;}.row.g-3.mb-4 > .col-6 .p-3.rounded-4 {padding:0.45rem !important;border-radius:0.6rem !important;}.row.g-3.mb-4 > .col-6 .p-3.rounded-4 i.fs-4 {font-size:1rem !important;}.card.shadow-sm.border-0.rounded-4.p-4 {padding:0.75rem !important;border-radius:0.85rem !important;}.card .form-select,.card .form-control {font-size:0.8rem !important;padding:0.35rem 0.5rem !important;height:36px !important;}.card .input-group-text {padding:0.35rem 0.55rem !important;font-size:0.8rem !important;}.card .btn.rounded-pill.flex-fill {font-size:0.78rem !important;padding:0.35rem 0.65rem !important;}.card .btn.btn-outline-secondary.rounded-pill {padding:0.35rem 0.55rem !important;}.card form.row.g-2.mb-4 {margin-bottom:0.75rem !important;}.table.table-hover {font-size:0.78rem !important;}.table.table-hover th {font-size:0.72rem !important;padding:0.5rem 0.4rem !important;white-space:nowrap !important;}.table.table-hover td {padding:0.45rem 0.4rem !important;vertical-align:middle !important;}.table.table-hover .badge {font-size:0.65rem !important;padding:0.2rem 0.4rem !important;}.table.table-hover .btn-sm.btn-outline-success {font-size:0.68rem !important;padding:0.2rem 0.45rem !important;}.table.table-hover .btn-sm.btn-primary.rounded-pill {font-size:0.72rem !important;padding:0.3rem 0.6rem !important;}.table.table-hover .btn-sm.btn-primary.rounded-pill i {font-size:0.72rem !important;}.pagination.pagination-sm .page-link {font-size:0.72rem !important;padding:0.25rem 0.45rem !important;}.pagination.pagination-sm .page-link.rounded-circle {width:28px !important;height:28px !important;font-size:0.72rem !important;}.pagination.pagination-sm .page-link.rounded-pill {padding:0.25rem 0.55rem !important;font-size:0.7rem !important;}.d-flex.flex-column.flex-md-row.justify-content-between .text-muted.small {font-size:0.72rem !important;}.alert.alert-success {font-size:0.82rem !important;padding:0.55rem 0.75rem !important;}.modal-dialog {margin:0.35rem auto;max-width:calc(100% - 0.7rem);}.modal-content {border-radius:1rem !important;}.modal-header {padding:0.65rem 0.75rem !important;gap:0.5rem !important;}.psb-avatar-box {width:40px !important;height:40px !important;border-radius:9px !important;}.psb-header-name {font-size:0.82rem !important;max-width:130px !important;}.modal-header .badge {font-size:0.6rem !important;padding:0.2rem 0.45rem !important;line-height:1.2 !important;}.modal-header .small,.modal-header .font-monospace {font-size:0.68rem !important;}.modal-header .btn.rounded-circle {width:32px !important;height:32px !important;}.modal-header .btn.rounded-circle i {font-size:0.85rem !important;}.modal-header .btn-close {padding:0.35rem !important;font-size:0.65rem !important;}.psb-meta-tag {font-size:0.68rem;padding:0.15rem 0.45rem;gap:0.2rem;}.psb-modal-segment-control {padding:3px !important;gap:2px !important;}.psb-modal-segment-control .nav-link {padding:0.35rem 0.25rem !important;font-size:0.72rem !important;gap:0.2rem !important;}.psb-modal-segment-control .nav-link i {font-size:0.78rem !important;}.modal-body.bg-light {padding:0.65rem !important;}.psb-bento-card {padding:0.75rem !important;border-radius:0.85rem !important;}.psb-card-header-icon {width:28px !important;height:28px !important;border-radius:8px !important;font-size:0.85rem !important;}.psb-bento-card h5.fw-bold {font-size:0.88rem !important;line-height:1.25 !important;}.psb-bento-card small.text-muted {font-size:0.68rem !important;line-height:1.2 !important;}.psb-bento-card > .d-flex.align-items-center.gap-3 {gap:0.5rem !important;margin-bottom:0.6rem !important;}.psb-field-box {padding:0.4rem 0.55rem !important;border-radius:0.6rem !important;}.psb-field-label {font-size:0.62rem !important;margin-bottom:0.05rem !important;line-height:1.2 !important;}.psb-field-value {font-size:0.78rem !important;line-height:1.3 !important;word-break:break-word !important;}.psb-field-value.fs-5 {font-size:0.92rem !important;}.psb-stat-pill {padding:0.45rem 0.3rem !important;border-radius:0.6rem !important;}.psb-stat-number {font-size:0.95rem !important;}.psb-stat-number small {font-size:0.65rem !important;}.psb-bento-card .badge.rounded-pill {font-size:0.65rem !important;padding:0.25rem 0.55rem !important;}.psb-bento-card .p-3.bg-light.rounded-4 {padding:0.65rem !important;border-radius:0.75rem !important;}.psb-bento-card .p-3.rounded-4.bg-primary {padding:0.65rem !important;border-radius:0.75rem !important;}.psb-bento-card .p-3.rounded-4.bg-primary .fs-5 {font-size:0.88rem !important;}.psb-bento-card .p-3.rounded-4.bg-primary .fs-1 {font-size:1.4rem !important;}.psb-doc-tile {padding:0.65rem !important;border-radius:0.75rem !important;}.psb-doc-preview-box,.psb-doc-empty-box,.psb-doc-pdf-box {height:130px !important;border-radius:0.6rem !important;margin-bottom:0.55rem !important;}.psb-doc-tile .btn-sm {font-size:0.72rem !important;padding:0.3rem 0.5rem !important;}.psb-doc-empty-box .fs-2,.psb-doc-empty-box .fs-1,.psb-doc-pdf-box .fs-1 {font-size:1.35rem !important;}.psb-doc-zoom-btn {width:26px !important;height:26px !important;font-size:0.72rem !important;top:5px !important;right:5px !important;}.modal-footer {padding:0.6rem 0.65rem !important;}.modal-footer .d-flex.align-items-center.gap-2 {flex-wrap:wrap !important;gap:0.4rem !important;}.modal-footer .flex-grow-1 {flex:1 1 100% !important;min-width:0 !important;}.modal-footer .form-select-sm {font-size:0.78rem !important;height:36px !important;padding-left:0.65rem !important;padding-right:2rem !important;}.modal-footer .btn-sm {font-size:0.78rem !important;height:36px !important;padding-left:0.75rem !important;padding-right:0.75rem !important;flex:1 1 auto !important;}.table-responsive .psb-master-table {font-size:0.78rem !important;min-width:700px !important;}.table-responsive .psb-master-table th,.table-responsive .psb-master-table td {padding:0.55rem 0.7rem !important;}.tab-pane .p-3.bg-white.rounded-4.shadow-sm {padding:0.65rem !important;border-radius:0.75rem !important;flex-direction:column !important;gap:0.25rem !important;}.tab-pane .p-3.bg-white.rounded-4.shadow-sm h5 {font-size:0.88rem !important;}.tab-pane .p-3.bg-white.rounded-4.shadow-sm p {font-size:0.72rem !important;}.row.g-3 { --bs-gutter-y:0.6rem; --bs-gutter-x:0.6rem; }.row.g-4, .row.g-md-4 { --bs-gutter-y:0.65rem; --bs-gutter-x:0.65rem; }#modalImageLightbox .modal-dialog {margin:0.5rem auto !important;max-width:calc(100% - 1rem) !important;}#modalImageLightbox .modal-content {border-radius:1rem !important;}.lightbox-img-container {max-height:55vh !important;padding:0.25rem !important;}.lightbox-img-element {max-height:52vh !important;border-radius:0.5rem !important;}#modalImageLightbox .modal-header {padding:0.5rem 0.75rem !important;}#modalImageLightbox .modal-header h6 {font-size:0.82rem !important;}#modalImageLightbox .modal-footer {padding:0.5rem 0.75rem !important;flex-direction:column !important;align-items:stretch !important;gap:0.35rem !important;}#modalImageLightbox .modal-footer .d-flex.gap-2 {width:100% !important;}#modalImageLightbox .modal-footer .btn-sm {font-size:0.75rem !important;flex:1 !important;}}