:root {--font: 'Poppins', sans-serif;--pjc:        #059669;--pjc-dk:     #064E3B;--pjc-md:     #047857;--pjc-lt:     #34D399;--pjc-50:     #ECFDF5;--pjc-100:    #D1FAE5;--amb:        #FFD100;--amb-dk:     #B38F00;--amb-lt:     #FFE566;--amb-100:    #FFF4CC99;--cor:        #DC2626;--cor-dk:     #7F1D1D;--cor-100:    #FEE2E2;--vio:        #D21034;--vio-100:    #F8D6DC99;--bg-body:    #F0FDF4;--bg-surface: #FFFFFF;--bg-card:    #FFFFFF;--text-1:     #022C22;--text-2:     #134E4A;--text-3:     #6B7280;--border:     #D1FAE5;--shadow-sm:  0 1px 8px  rgba(5,150,105,0.08);--shadow-md:  0 4px 20px rgba(5,150,105,0.13);--shadow-lg:  0 12px 40px rgba(5,150,105,0.18);--sb-width:       260px;--sb-collapsed:   72px;--sb-bg:          #022C22;--sb-hover:       rgba(5,150,105,0.12);--sb-active:      rgba(5,150,105,0.24);--sb-text:        rgba(255,255,255,0.60);--sb-text-active: #ffffff;--sb-accent:      #34D399;--sb-border:      rgba(52,211,153,0.18);--tb-height: 60px;--tb-bg:     #FFFFFF;--tb-border: #D1FAE5;--status-success-bg: #D1FAE5;--status-success-fg: #064E3B;--status-warning-bg: #FEF3C7;--status-warning-fg: #78350F;--status-danger-bg:  #FEE2E2;--status-danger-fg:  #7F1D1D;--status-info-bg:    #D1FAE5;--status-info-fg:    #059669;}[data-theme="dark"] {--bg-body:    #011008;--bg-surface: #051A10;--bg-card:    #082018;--text-1:     #D1FAE5;--text-2:     #6EE7B7;--text-3:     #4D8A6A;--border:     #0D3D22;--shadow-sm:  0 1px 8px  rgba(0,0,0,0.35);--shadow-md:  0 4px 20px rgba(0,0,0,0.50);--shadow-lg:  0 12px 40px rgba(0,0,0,0.65);--tb-bg:      #051A10;--tb-border:  #0D3D22;--status-success-bg: rgba(5,150,105,0.20);--status-success-fg: #34D399;--status-warning-bg: rgba(120,53,15,0.25);--status-warning-fg: #FDE68A;--status-danger-bg:  rgba(127,29,29,0.25);--status-danger-fg:  #FCA5A5;}*, *::before, *::after { box-sizing: border-box; }.pjc-wrapper { display: flex; min-height: 100vh; }#pjc-sidebar.collapsed .sb-brand-logo  { width: 43px; height: auto; }#pjc-sidebar.collapsed .sb-brand-name  { opacity: 0; width: 0; }#pjc-sidebar.collapsed .sb-label,#pjc-sidebar.collapsed .sb-arrow,#pjc-sidebar.collapsed .sb-badge       { opacity: 0; width: 0; overflow: hidden; }#pjc-sidebar.collapsed .sb-user-name,#pjc-sidebar.collapsed .sb-user-role   { opacity: 0; width: 0; }.pjc-main {flex: 1;margin-left: var(--sb-width);display: flex;flex-direction: column;min-height: 100vh;transition: margin-left 0.3s cubic-bezier(0.4,0,0.2,1);}.pjc-main.expanded { margin-left: var(--sb-collapsed); }#pjc-topbar {height: var(--tb-height);background: var(--tb-bg);border-bottom: 1px solid var(--tb-border);display: flex;align-items: center;justify-content: space-between;padding: 0 20px;position: sticky;top: 0;z-index: 1020;backdrop-filter: blur(12px);transition: background 0.3s;box-shadow: var(--shadow-sm);}.tb-left { display: flex; align-items: center; gap: 14px; }.tb-toggle {width: 34px; height: 34px;border: none;background: var(--bg-body);border-radius: 8px;cursor: pointer;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 5px;transition: background 0.2s;padding: 0;flex-shrink: 0;}.tb-toggle:hover { background: var(--border); }.tb-toggle span {display: block;width: 18px; height: 2px;background: var(--text-2);border-radius: 2px;transition: all 0.3s;}.tb-right { display: flex; align-items: center; gap: 6px; }.tb-btn {width: 36px; height: 36px;border: none;background: transparent;border-radius: 9px;cursor: pointer;display: flex;align-items: center;justify-content: center;color: var(--text-2);font-size: 0.9rem;transition: background 0.2s, color 0.2s;position: relative;text-decoration: none;}.tb-btn:hover { background: var(--bg-body); color: var(--pjc); }.tb-btn .tb-dot {position: absolute;top: 6px; right: 6px;width: 8px; height: 8px;background: var(--cor);border-radius: 50%;border: 2px solid var(--tb-bg);}.tb-theme {width: 36px; height: 36px;border: 1px solid var(--border);background: var(--bg-body);border-radius: 9px;cursor: pointer;display: flex;align-items: center;justify-content: center;color: var(--text-2);font-size: 0.85rem;transition: all 0.2s;}.tb-theme:hover { background: var(--pjc); color: #fff; border-color: var(--pjc); }.tb-divider { width: 1px; height: 24px; background: var(--border); margin: 0 4px; }.tb-user {display: flex;align-items: center;gap: 9px;padding: 4px 10px 4px 4px;border-radius: 10px;cursor: pointer;border: 1px solid var(--border);background: var(--bg-body);transition: background 0.2s;text-decoration: none;}.tb-user:hover { background: var(--border); }.tb-avatar { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; border: 2px solid var(--border); }.tb-user-info { display: flex; flex-direction: column; }.tb-user-name { font-size: 0.8rem; font-weight: 600; color: var(--text-1); line-height: 1.2; }.tb-user-role { font-size: 0.68rem; color: var(--text-3); line-height: 1.2; }.dropdown-menu {border: 1px solid var(--border);background: var(--bg-card);border-radius: 12px;box-shadow: var(--shadow-lg);padding: 8px;min-width: 200px;}.dropdown-item {border-radius: 8px;font-size: 0.83rem;font-weight: 500;color: var(--text-1);padding: 8px 12px;display: flex;align-items: center;gap: 10px;transition: background 0.15s;}.dropdown-item:hover { background: var(--bg-body); color: var(--pjc); }.dropdown-item i { width: 16px; text-align: center; color: var(--text-3); }.dropdown-divider { border-color: var(--border); margin: 6px 0; }.lang-btn {display: flex;align-items: center;gap: 6px;border: 1px solid var(--border);background: var(--bg-body);border-radius: 8px;padding: 5px 12px;font-size: 0.78rem;font-weight: 600;color: var(--text-2);cursor: pointer;transition: all 0.2s;font-family: var(--font);}.lang-btn:hover { border-color: var(--pjc); color: var(--pjc); }.pjc-content { flex: 1; overflow-y: auto; padding: 0; }.pjc-footer {background: var(--bg-surface);border-top: 1px solid var(--border);padding: 12px 24px;font-size: 0.75rem;color: var(--text-3);display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 8px;}.pjc-footer a { color: var(--pjc-lt); text-decoration: none; }.pjc-tabs-bar {background: var(--bg-surface);border-bottom: 1px solid var(--border);padding: 0 20px;display: flex;align-items: flex-end;gap: 2px;overflow-x: auto;scrollbar-width: none;flex-shrink: 0;}.pjc-tabs-bar::-webkit-scrollbar { display: none; }.nav-tabs { border-bottom: none !important; flex-wrap: nowrap; }.nav-tabs .nav-item { margin-bottom: 0; }.nav-tabs .nav-link {border: none;border-bottom: 2px solid transparent;border-radius: 0;padding: 12px 18px;font-size: 0.82rem;font-weight: 500;color: var(--text-2);display: flex;align-items: center;gap: 7px;white-space: nowrap;transition: color 0.2s, border-color 0.2s;background: transparent !important;}.nav-tabs .nav-link:hover { color: var(--pjc); border-color: var(--border); }.nav-tabs .nav-link.active {color: var(--pjc) !important;border-bottom-color: var(--pjc) !important;font-weight: 600;}[data-theme="dark"] .nav-tabs .nav-link.active {color: var(--pjc-lt) !important;border-bottom-color: var(--pjc-lt) !important;}.nav-tabs .nav-link i { font-size: 0.85rem; }.tab-close-btn {margin-left: 4px;width: 16px; height: 16px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;font-size: 0.6rem;color: var(--text-3);cursor: pointer;transition: background 0.15s, color 0.15s;flex-shrink: 0;}.tab-close-btn:hover { background: rgba(220,38,38,0.12); color: var(--cor); }.tab-content { flex: 1; }.tab-pane {padding: 0;min-height: calc(100vh - var(--tb-height) - 44px - 48px);animation: fadeTab 0.18s ease;background: var(--bg-body) !important;border: none !important;border-radius: 0 !important;}@keyframes fadeTab {from { opacity: 0; transform: translateY(3px); }to   { opacity: 1; transform: translateY(0); }}.pjc-card {background: var(--bg-card);border: 1px solid var(--border);border-radius: 14px;box-shadow: var(--shadow-sm);transition: box-shadow 0.22s, transform 0.22s;overflow: hidden;}.pjc-card:hover { box-shadow: var(--shadow-md); }.pjc-card-header {padding: 16px 20px;border-bottom: 1px solid var(--border);display: flex;align-items: center;justify-content: space-between;gap: 10px;}.pjc-card-title {font-size: 0.88rem;font-weight: 700;color: var(--text-1);display: flex;align-items: center;gap: 8px;}.pjc-card-title i { color: var(--pjc); font-size: 0.9rem; }[data-theme="dark"] .pjc-card-title i { color: var(--pjc-lt); }.tab-pane .table { color: var(--text-1) !important; }.tab-pane .table thead th {background: var(--bg-body) !important;border-bottom: 1px solid var(--border) !important;border-top: none !important;color: var(--pjc) !important;font-size: 0.75rem;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase;padding: 10px 14px;}[data-theme="dark"] .tab-pane .table thead th { color: var(--pjc-lt) !important; }.tab-pane .table tbody tr { transition: background 0.15s; }.tab-pane .table tbody tr:hover { background: var(--pjc-50) !important; }.tab-pane .table td {border-color: var(--border) !important;color: var(--text-1);padding: 10px 14px;vertical-align: middle;}.btn-pjc {background: linear-gradient(135deg, var(--pjc-md), var(--pjc-lt));color: #fff !important;border: none;border-radius: 8px;padding: 7px 16px;font-size: 0.82rem;font-weight: 600;font-family: var(--font);transition: opacity 0.2s, transform 0.2s;box-shadow: 0 2px 10px rgba(5,150,105,0.30);display: inline-flex;align-items: center;gap: 7px;}.btn-pjc:hover { opacity: 0.88; transform: translateY(-1px); color: #fff !important; }.tab-pane .btn-primary,.tab-pane .btn-default { border-radius: 8px !important; font-family: var(--font) !important; font-size: 0.82rem !important; }.tab-pane .btn-primary { background: var(--pjc) !important; border-color: var(--pjc) !important; }.tab-pane .btn-primary:hover { background: var(--pjc-md) !important; border-color: var(--pjc-md) !important; }.tab-pane .form-control,.tab-pane .form-select {background: var(--bg-body) !important;border: 1.5px solid var(--border) !important;border-radius: 8px !important;color: var(--text-1) !important;font-family: var(--font) !important;font-size: 0.85rem !important;transition: border-color 0.2s, box-shadow 0.2s;}.tab-pane .form-control:focus {border-color: var(--pjc) !important;box-shadow: 0 0 0 3px rgba(5,150,105,0.12) !important;}[data-theme="dark"] .tab-pane .form-control:focus {border-color: var(--pjc-lt) !important;box-shadow: 0 0 0 3px rgba(52,211,153,0.12) !important;}.tab-pane .alert { border-radius: 10px !important; font-size: 0.85rem; }.tab-pane .alert-info {background: rgba(5,150,105,0.07) !important;border-color: rgba(5,150,105,0.20) !important;color: var(--pjc-md) !important;}[data-theme="dark"] .tab-pane .alert-info { color: var(--pjc-lt) !important; }.sb-overlay {display: none;position: fixed;inset: 0;background: rgba(0,0,0,0.50);z-index: 1025;backdrop-filter: blur(2px);}.sb-overlay.active { display: block; }@media (max-width: 991px) {#pjc-sidebar { transform: translateX(-100%); width: var(--sb-width) !important; }#pjc-sidebar.mob-open { transform: translateX(0); }.pjc-main { margin-left: 0 !important; }.tb-user-info { display: none; }}::-webkit-scrollbar { width: 5px; height: 5px; }::-webkit-scrollbar-track { background: transparent; }::-webkit-scrollbar-thumb { background: var(--pjc); border-radius: 3px; opacity: 0.5; }#pjc-sidebar {width: var(--sb-width);min-height: 100vh;background: var(--sb-bg);display: flex;flex-direction: column;position: fixed;top: 0; left: 0; bottom: 0;z-index: 1030;transition: width 0.3s cubic-bezier(0.4,0,0.2,1), transform 0.3s;overflow: hidden;box-shadow: 4px 0 24px rgba(0,0,0,0.20);}#pjc-sidebar.collapsed { width: var(--sb-collapsed); }.sb-brand {display: flex; align-items: center; gap: 12px;padding: 0 18px; height: 7rem;border-bottom: 1px solid rgba(255,255,255,0.07);text-decoration: none; flex-shrink: 0;overflow: hidden; white-space: nowrap;}.sb-brand-logo { height: 64px; width: auto; flex-shrink: 0; }.sb-nav {flex: 1; overflow-y: auto; overflow-x: hidden;padding: 10px 0;scrollbar-width: thin;scrollbar-color: rgba(255,255,255,0.08) transparent;}.sb-nav::-webkit-scrollbar { width: 4px; }.sb-nav::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.08); border-radius: 2px; }.sb-section {font-size: 0.63rem; font-weight: 700;letter-spacing: 0.12em; text-transform: uppercase;color: rgba(255,255,255,0.44);padding: 16px 20px 5px;white-space: nowrap; overflow: hidden;transition: opacity 0.2s;}#pjc-sidebar.collapsed .sb-section { opacity: 0; }.sb-item { list-style: none; }.sb-link, .sb-linka {display: flex; align-items: center; gap: 13px;padding: 9px 18px;color: var(--sb-text);text-decoration: none;white-space: nowrap; overflow: hidden;transition: background 0.15s, color 0.15s;position: relative; cursor: pointer;}.sb-link:hover, .sb-linka:hover {background: var(--sb-hover); color: #fff; text-decoration: none;}.sb-link:hover .sb-icon, .sb-linka:hover .sb-icon { color: var(--sb-accent); }.sb-item.active > .sb-link,.sb-item.active > .sb-linka {background: var(--sb-active);color: var(--sb-text-active);border-right: 3px solid var(--sb-accent);}.sb-item.active > .sb-link .sb-icon,.sb-item.active > .sb-linka .sb-icon { color: var(--sb-accent); }.sb-label {font-size: 0.82rem; font-weight: 500;color: rgba(255,255,255,0.75);flex: 1; transition: opacity 0.2s;overflow: hidden; text-overflow: ellipsis;}.sb-icon { color: rgba(255,255,255,0.55); flex-shrink: 0; }.sb-arrow {font-size: 0.62rem; color: rgba(255,255,255,0.25);transition: transform 0.28s; flex-shrink: 0;}.sb-item.open > .sb-link .sb-arrow { transform: rotate(180deg); }.sb-badge {font-size: 0.58rem; font-weight: 700;padding: 2px 7px; border-radius: 100px; flex-shrink: 0;}.sb-submenu {list-style: none; padding: 0; margin: 0;overflow: hidden; max-height: 0; opacity: 0;transition: max-height 0.35s cubic-bezier(0.4,0,0.2,1), opacity 0.22s;background: rgba(0,0,0,0.14);}.sb-item.open > .sb-submenu { max-height: 560px; opacity: 1; }.sb-submenu .sb-link {padding: 8px 18px 8px 48px;font-size: 0.79rem;color: rgba(255,255,255,0.48);}.sb-submenu .sb-link:hover { color: #fff; }.sb-submenu .sb-item.active > .sb-link {color: var(--sb-accent);background: transparent;border-right-color: transparent;}#pjc-sidebar.collapsed .sb-label,#pjc-sidebar.collapsed .sb-arrow,#pjc-sidebar.collapsed .sb-badge { opacity: 0; width: 0; overflow: hidden; }#pjc-sidebar.collapsed .sb-link { position: relative; }#pjc-sidebar.collapsed .sb-link:hover::after {content: attr(data-tip);position: absolute;left: calc(var(--sb-collapsed) + 8px); top: 50%;transform: translateY(-50%);background: #0A1810; color: #fff;font-size: 0.75rem; font-weight: 600;padding: 5px 12px; border-radius: 8px;white-space: nowrap; z-index: 9999;pointer-events: none;box-shadow: 0 4px 14px rgba(0,0,0,0.35);border: 1px solid var(--sb-border);}.sb-footer {padding: 14px 18px;border-top: 1px solid rgba(255,255,255,0.07);display: flex; align-items: center; gap: 12px;flex-shrink: 0; overflow: hidden; white-space: nowrap;}.sb-avatar {width: 34px; height: 34px; border-radius: 50%;object-fit: cover;border: 2px solid rgba(255,255,255,0.12);flex-shrink: 0;}.sb-user-name {font-size: 0.8rem; font-weight: 600;color: rgba(255,255,255,0.82);display: block; transition: opacity 0.2s;}.sb-user-role {font-size: 0.68rem; color: rgba(255,255,255,0.32);display: block; transition: opacity 0.2s;}#pjc-sidebar.collapsed .sb-user-name,#pjc-sidebar.collapsed .sb-user-role { opacity: 0; width: 0; }