.logo { height: 50px; margin-bottom: 1rem; }
.sidebar { transition: all 0.3s ease; }
.sidebar-hidden { transform: translateX(-100%); }
.sidebar-visible { transform: translateX(0); }
.material-item { transition: all 0.2s ease; }
.material-item:hover { transform: translateY(-2px); }
.disabled-item { opacity: 0.5; pointer-events: none; }
.datepicker { z-index: 1000; }
.fade-in { animation: fadeIn 0.3s ease-in; }
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
.expandable-box { border: 1px solid #4B5563; border-radius: 0.5rem; background-color: #374151; transition: all 0.3s ease; }
.expandable-header { padding: 1rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center; user-select: none; }
.expandable-header:hover { background-color: #4B5563; }
.expandable-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
.expandable-content.expanded { max-height: 300px; }
.expandable-content-inner { padding: 0 1rem 1rem 1rem; }
.expand-icon { transition: transform 0.3s ease; }
.expand-icon.rotated { transform: rotate(180deg); }
.password-container { position: relative; }
.password-toggle { position: absolute; right: 12px; top: 12px; cursor: pointer; color: #9CA3AF; }
.password-toggle:hover { color: #ffffff; }
#materialSearchModal { z-index: 1001; }
#searchResults div:hover { background-color: #4B5563; }
.history-item { transition: all 0.2s ease; }
.history-item:hover { background-color: #4B5563; }
.menu-section { display: none; }
.menu-section.active { display: block; }
.menu-item { padding: 0.75rem 1rem; border-radius: 0.25rem; cursor: pointer; transition: background-color 0.2s; }
.menu-item:hover { background-color: #4B5563; }
.menu-item.active { background-color: #4B5563; }
.pdf-viewer { height: 80vh; width: 100%; border: 1px solid #4B5563; border-radius: 0.5rem; background-color: #1F2937; overflow: auto; padding: 1rem; white-space: pre-line; font-family: monospace; font-size: 14px; }
.request-item { padding: 0.75rem; border-bottom: 1px solid #4B5563; cursor: pointer; }